.sd-wp{--bg:#1d1d1d;--fg:#fafafa;--band:#ffffff14;--line:#ffffff14;background:var(--bg);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line);font-feature-settings:"tnum";border-radius:24px;gap:4px;padding:10px 14px;display:flex;position:relative}.sd-wp[data-fill=light]{--bg:#fff;--fg:#111;--band:#0000000f;--line:#00000014}.sd-wp__band{background:var(--band);pointer-events:none;border-radius:12px;height:44px;position:absolute;top:50%;left:10px;right:10px;translate:0 -50%}.sd-wp__col{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;perspective:400px;border-radius:12px;outline:none;width:64px;height:190px;position:relative;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.sd-wp__col:focus-visible{box-shadow:inset 0 0 0 2px var(--fg);-webkit-mask-image:none;mask-image:none}.sd-wp__item{opacity:.45;height:40px;transform:translateY(calc(-50% + var(--o) * 38px)) rotateX(calc(var(--o) * -24deg)) scale(calc(1 - (var(--o) * var(--o)) * .06));place-items:center;font-size:22px;font-weight:500;transition:transform .3s cubic-bezier(.2,1.3,.3,1),opacity .2s;display:grid;position:absolute;top:50%;left:0;right:0}.sd-wp__item[data-sel]{opacity:1;letter-spacing:-.03em;font-size:30px;font-weight:600}@media (prefers-reduced-motion:reduce){.sd-wp__item{transition:none}}