[data-sliding-pill]{position:relative;isolation:isolate}
[data-sliding-pill]>.sliding-pill{position:absolute;z-index:0;pointer-events:none;border-radius:999px;box-sizing:border-box}
[data-sliding-pill]>a,[data-sliding-pill]>button{position:relative;z-index:1}
.topbar [data-sliding-pill=header]>.sliding-pill{background:#ffffff26;border:1px solid #ffffff1a;box-shadow:0 3px 8px #0006;backdrop-filter:blur(12px)}
.topbar [data-sliding-pill=header]>a.active{background:transparent!important;box-shadow:none!important}
.switch[data-sliding-pill=level]>.sliding-pill{background:var(--accent);box-shadow:0 3px 6px color-mix(in srgb,var(--accent) 28%,transparent)}
.switch[data-sliding-pill=level]>button.selected{background:transparent!important;box-shadow:none!important;color:#fff}
.light .topbar [data-sliding-pill=header]>.sliding-pill{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 6px -1px #cbd5e166,0 2px 4px -2px #cbd5e166}
@media(prefers-reduced-motion:reduce){[data-sliding-pill]>a,[data-sliding-pill]>button{transition:none}}