
.tabs { position: sticky; top: 0; z-index: 49; display: block; width: 100%; background: #03070D; color: #FFFFFF; }
.tabs__in { max-width: var(--container); margin: 0 auto; padding: 0 var(--gutter); display: flex; align-items: stretch; justify-content: space-between; gap: 0; height: 48px; }
.tabs__a { position: relative; display: inline-flex; align-items: center; min-height: 48px; padding: 0 8px; font: 600 14px/1 var(--font-body); letter-spacing: 0; text-transform: none; text-decoration: none; color: rgb(255 255 255 / .72); white-space: nowrap; -webkit-tap-highlight-color: transparent; }
.tabs__a:focus-visible { outline: 2px solid #BBA071; outline-offset: -4px; border-radius: 4px; color: #FFFFFF; }
@media (hover: hover) and (pointer: fine) { .tabs__a:hover { color: #FFFFFF; } }
@media (min-width: 1024px) {
  nav.tabs#tabs { position: absolute; height: 0; min-height: 0; overflow: hidden; visibility: hidden; margin: 0; border: 0; pointer-events: none; }
}
@media (max-width: 1023.98px) {
  html.rx-tabs-docked body nav#tabs.tabs { --pk-l: 12px; --pk-r: 68px; position: fixed; top: 8px; left: 0; right: 0; width: auto; height: 48px; margin: 0 var(--pk-r) 0 var(--pk-l);
    border-radius: 999px; border: 1px solid rgb(187 160 113 / .35); box-shadow: 0 10px 24px -10px rgb(3 7 13 / .55); overflow: hidden; display: flex; align-items: center; }
  html.rx-tabs-docked body nav#tabs .tabs__in { width: 100%; padding: 0 10px; height: 100%; align-items: center; }
  html.rx-tabs-docked body nav#tabs .tabs__a { min-height: 44px; }
  html body .kh, html.rx-tabs-docked body .kh { visibility: visible !important; pointer-events: none !important; }
  html body .kh .nav__inner { height: 52px !important; margin-top: 8px !important; background: transparent !important; box-shadow: none !important; border-color: transparent !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
  html body .kh .nav__inner::before, html body .kh .nav::before { display: none !important; }
  html body .kh .lockup { visibility: hidden !important; }
  html body .kh .cbtn--menu { pointer-events: auto !important; translate: 12px -3px; box-shadow: 0 0 0 1px rgb(187 160 113 / .45), 0 8px 20px -8px rgb(3 7 13 / .6) !important; }
}
@media (max-width: 359.98px) {
  html.rx-tabs-docked body nav#tabs.tabs { --pk-l: 8px; --pk-r: 60px; }
  html.rx-tabs-docked body nav#tabs .tabs__in { padding-inline: 4px; }
  html.rx-tabs-docked body nav#tabs .tabs__a { padding-inline: 6px; }
}
