@layer components{.electric-border{--electric-light-color:oklch(from var(--electric-border-color)l c h);border-radius:inherit;overflow-clip-margin:16px;isolation:isolate;position:relative;overflow:clip}.eb-canvas-container{pointer-events:none;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eb-canvas-container,.eb-layers{transition:opacity .2s}.electric-border[data-active=false] .eb-canvas-container,.electric-border[data-active=false] .eb-layers{opacity:0}@media (prefers-reduced-motion:reduce){.eb-canvas-container,.eb-layers{transition:none}}.eb-canvas{display:block}.eb-content{border-radius:inherit;z-index:1;position:relative}.eb-layers{border-radius:inherit;pointer-events:none;z-index:0;position:absolute;inset:0}.eb-glow-1,.eb-glow-2,.eb-background-glow{border-radius:inherit;pointer-events:none;box-sizing:border-box;position:absolute;inset:0}.eb-glow-1{border:2px solid oklch(from var(--electric-border-color)l c h/.6);filter:blur(1px)}.eb-glow-2{border:2px solid var(--electric-light-color);filter:blur(4px)}.eb-background-glow{z-index:-1;filter:blur(32px);opacity:.3;background:linear-gradient(-30deg,var(--electric-light-color),transparent,var(--electric-border-color));transform:scale(1.1)}}
@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__item:after{content:"";height:var(--ow-row-h,1.75rem);transform:translateY(-50%)rotate(calc(-1*var(--ow-rot,0deg)));position:absolute;top:50%;left:-350px;right:-350px}.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}}