.wheel-picker{position:relative;isolation:isolate;border:1px solid #384761;border-radius:18px;background:#0a101bef;overflow:hidden}
.wheel-picker::before{content:'';position:absolute;inset:48px 10px;z-index:-1;border-radius:11px;border-top:1px solid #9cc0ff45;border-bottom:1px solid #9cc0ff45;background:linear-gradient(90deg,#24375360,#30476590,#24375360);pointer-events:none}
.wheel-picker::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0a101beb,transparent 34%,transparent 66%,#0a101beb)}
.wheel-rail{position:relative;height:144px;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;padding:48px 0;box-sizing:border-box;touch-action:pan-y;outline-offset:-3px}
.wheel-rail::-webkit-scrollbar{display:none}
.wheel-option{display:flex;align-items:center;justify-content:center;height:48px;min-height:48px;scroll-snap-align:center;text-align:center;padding:0 20px;font:500 15px/1.3 var(--body);color:#9caac0;cursor:pointer;transform:scale(calc(1 - var(--distance,0)*.035));transition:color .12s,transform .12s;user-select:none}
.wheel-option[aria-selected=true]{color:#f0f4ff}