/* Exact main-nav motion: 440ms, its existing easing and liquid-squish keyframes. */
:root{--liquid-duration-ms:440;--liquid-duration:calc(var(--liquid-duration-ms)*1ms);--liquid-ease:var(--motion-ease,cubic-bezier(.22,1,.36,1));--liquid-glass:#fff;--liquid-shadow:0 4px 12px #52677616,0 1px 2px #52677605}
.liquid-selection{position:relative;isolation:isolate}
.liquid-selection>.liquid-pill{position:absolute;z-index:0;pointer-events:none;margin:0;border:0;border-radius:15px;background:var(--liquid-glass);box-shadow:var(--liquid-shadow);transition:left var(--liquid-duration) var(--liquid-ease),top var(--liquid-duration) var(--liquid-ease),width var(--liquid-duration) var(--liquid-ease),height var(--liquid-duration) var(--liquid-ease)}
.liquid-selection>button,.liquid-selection>a{position:relative;z-index:1}
.liquid-selection>button.active,.liquid-selection>button[aria-selected=true],.liquid-selection>button[aria-pressed=true],.liquid-selection>button:hover{background:transparent!important;box-shadow:none!important;border-color:transparent!important}
.liquid-selection.is-moving>.liquid-pill{animation:liquid-squish var(--liquid-duration) ease}
.liquid-selection>.liquid-snap{transition:none}
[data-theme=dark]{--liquid-glass:#465968;--liquid-shadow:0 4px 10px #121c2933}
@media(prefers-reduced-motion:reduce){.liquid-selection>.liquid-pill{animation:none!important;transition:none!important}}