/* Approved mountain mark; the brand name remains visible DOM text. */
:root:not([data-theme='light']) #root .rail {
  background: #18211b;
}
#root .brand {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  max-width: 196px;
  min-height: 60px;
  background: none;
}
#root .brand > span {
  opacity: 1;
}
#root .brand small {
  font-size: 6px;
  letter-spacing: .75px;
  white-space: nowrap;
}
#root .brand-mark {
  width: 68px;
  height: 54px;
  flex: 0 0 68px;
  border: 0;
  clip-path: none;
  background: url('/brand/header-dark.png?v=5') center / contain no-repeat;
  font-size: 0;
  line-height: 0;
}
:root[data-theme='light'] #root .brand-mark {
  background-image: url('/brand/header-light.png?v=5');
}
@media (min-width: 951px) and (max-width: 1200px) {
  #root .brand {
    gap: 4px;
  }
  #root .brand-mark {
    width: 60px;
    height: 48px;
    flex-basis: 60px;
  }
}
@media (min-width: 721px) and (max-width: 950px) {
  #root .brand {
    justify-content: center;
  }
  #root .brand-mark {
    width: 54px;
    height: 44px;
    flex-basis: 54px;
  }
  #root .brand > span:last-child {
    display: none;
  }
}
@media (max-width: 720px) {
  #root .brand {
    max-width: 230px;
    min-height: 54px;
    gap: 8px;
  }
  #root .brand-mark {
    width: 64px;
    height: 50px;
    flex-basis: 64px;
  }
}