@layer components{.option-wheel{--ow-text-color:#a6a6a6;--ow-active-color:#fff;--ow-font-size:3rem;--ow-inset:80px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;outline:none;width:100%;height:100%;position:relative;overflow:hidden}.option-wheel[data-draggable=true]{touch-action:none}.option-wheel--dragging{cursor:grabbing}.option-wheel__item{top:50%;left:var(--ow-inset);white-space:nowrap;font-size:var(--ow-font-size);transform-origin:0;cursor:pointer;will-change:transform,opacity,filter;color:color-mix(in srgb,var(--ow-active-color)calc(var(--ow-p,0)*100%),var(--ow-text-color));font-weight:200;line-height:1;position:absolute}.option-wheel--right .option-wheel__item{left:auto;right:var(--ow-inset);transform-origin:100%}.option-wheel__item--selected{font-weight:500}.option-wheel:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}}