@import url("leotter-brand.css");
.leotter-switcher{position:sticky;z-index:2147483647;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;gap:6px;overflow-x:auto;padding:8px max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left));border:0;border-bottom:1px solid #f6c45366;border-radius:0;background:linear-gradient(90deg,#050616f5,#0b1233f2 52%,#160b29f5);box-shadow:0 10px 30px #0005;backdrop-filter:blur(14px);scrollbar-width:thin;scrollbar-color:#6d3fd6 #050616}
.leotter-switcher-brand{flex:0 0 auto;margin-right:16px;color:#fff4d6;font:800 10px/1 "Courier New",monospace;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.leotter-switcher-brand:before{content:"✦";margin-right:8px;color:#f6c453;text-shadow:0 0 12px #f6c453aa}
.leotter-switcher a{position:relative;flex:0 0 auto;padding:9px 11px;border:1px solid transparent;border-radius:2px;color:#b9b7cf;font:800 10px/1 "Courier New",monospace;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;white-space:nowrap}
.leotter-switcher a:hover,.leotter-switcher a:focus-visible{border-color:#b786ff88;color:#fff4d6;background:#6d3fd626;outline:none}.leotter-switcher a[aria-current="page"]{border-color:#f6c45388;color:#050616;background:#f6c453;box-shadow:0 0 18px #f6c45330}
@media(max-width:620px){.leotter-switcher{justify-content:flex-start}.leotter-switcher-brand{margin-right:8px}.leotter-switcher a{padding-inline:9px}}