@import url("styles-base.css");

/* Silvertree brand lockup in the shared site header. The link text remains in the DOM for accessibility. */
.brand {
  display: block;
  width: 56px;
  height: 64px;
  flex: 0 0 56px;
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  background: url("assets/silvertree-lockup-v2.svg") center / contain no-repeat;
}
.brand:focus-visible {
  outline: 2px solid var(--forest);
  outline-offset: 3px;
  border-radius: 8px;
}

@media (max-width: 720px) {
  .brand {
    width: 46px;
    height: 52px;
    flex-basis: 46px;
  }
}