.sticky-bar{--gold: #58B6FF;--gold-bright: #8FCBFF;--muted: rgba(255,255,255,.48);--text-2: rgba(255,255,255,.82);--dim: rgba(255,255,255,.28);--border-2: rgba(255,255,255,.1)}.sticky-bar.svelte-185a0w1{position:sticky;top:56px;z-index:30;background:#190d8f;padding:0;border-bottom:1px solid rgba(255,255,255,.08)}.sub-nav.svelte-185a0w1{max-width:1600px;margin:0 auto;padding:0 40px;display:flex;gap:0 28px;justify-content:flex-start;font-family:"Manrope",var(--font-sans, sans-serif)}.sub-nav.svelte-185a0w1 a:where(.svelte-185a0w1){padding:14px 0;font-size:14px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--text-2);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.sub-nav.svelte-185a0w1 a:where(.svelte-185a0w1) .ico:where(.svelte-185a0w1){width:15px;height:15px;opacity:.7;transition:opacity .15s,transform .15s;flex-shrink:0}.sub-nav.svelte-185a0w1 a:where(.svelte-185a0w1):hover .ico:where(.svelte-185a0w1){opacity:1}.sub-nav.svelte-185a0w1 a.on:where(.svelte-185a0w1) .ico:where(.svelte-185a0w1){opacity:1}.sub-nav.svelte-185a0w1 a:where(.svelte-185a0w1) .ico.twitch:where(.svelte-185a0w1){color:#9146ff;opacity:1;width:14px;height:14px}.sub-nav.svelte-185a0w1 a:where(.svelte-185a0w1):hover .ico.twitch:where(.svelte-185a0w1){color:#a970ff}.sub-nav.svelte-185a0w1 a.on.clips-active:where(.svelte-185a0w1){color:#9146ff;border-bottom-color:#9146ff}.sub-nav.svelte-185a0w1 a:where(.svelte-185a0w1):hover{color:#f2f5fa}.sub-nav.svelte-185a0w1 a.on:where(.svelte-185a0w1){color:#f2f5fa;border-bottom-color:#58b6ff}@media (min-width: 1800px){.sub-nav.svelte-185a0w1{max-width:1840px}}.sub-nav.svelte-185a0w1 a:where(.svelte-185a0w1) .ct:where(.svelte-185a0w1){font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:.58rem;font-weight:500;color:var(--dim);margin-left:.35rem;letter-spacing:0}@media (max-width: 768px){.sub-nav.svelte-185a0w1{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 4px;padding:4px .5rem;overflow:visible}.sub-nav.svelte-185a0w1 a:where(.svelte-185a0w1){white-space:nowrap;padding:.6rem .35rem;font-size:12.5px;gap:.25rem;letter-spacing:0;justify-content:center;text-align:center}.sub-nav.svelte-185a0w1 a:where(.svelte-185a0w1) .ct:where(.svelte-185a0w1){font-size:.5rem;margin-left:.2rem}.sub-nav.svelte-185a0w1 a:where(.svelte-185a0w1) .ico:where(.svelte-185a0w1){width:12px;height:12px}}
