.wheel{gap:var(--space-4);height:220px;padding:0 var(--space-8);border:var(--border-thin) solid var(--line);border-radius:var(--radius-2xl);background:rgba(var(--ink-rgb),.03);transition:opacity var(--duration-200);display:flex;position:relative;overflow:hidden}.wheel:before{content:"";border-radius:var(--radius-10);background:rgba(var(--ink-rgb),.1);border:var(--border-thin) solid rgba(var(--ink-rgb),.35);pointer-events:none;height:44px;position:absolute;top:88px;left:8px;right:8px}.wheel[aria-disabled=true]{opacity:.35;pointer-events:none}.wheel-col{border-radius:var(--radius-10);min-width:0;position:relative}.wheel-col:focus-visible{outline:var(--focus-width) solid var(--ink);outline-offset:calc(-1 * var(--space-2))}.wheel-scroll{scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;height:100%;-webkit-mask-image:linear-gradient(transparent, var(--color-mask-solid) 32%, var(--color-mask-solid) 68%, transparent);-webkit-mask-image:linear-gradient(transparent, var(--color-mask-solid) 32%, var(--color-mask-solid) 68%, transparent);mask-image:linear-gradient(transparent, var(--color-mask-solid) 32%, var(--color-mask-solid) 68%, transparent);overflow-y:auto}.wheel-scroll::-webkit-scrollbar{display:none}.wheel-spacer{height:88px}.wheel-item{scroll-snap-align:center;height:44px;font-size:var(--text-body-lg);color:var(--muted);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;transition:color var(--duration-150);justify-content:center;align-items:center;display:flex}.wheel-item.is-on{color:var(--ink);font-weight:var(--weight-semibold)}