.wheel{position:relative;aspect-ratio:1;contain:layout;overflow:visible}.wheel__viewport{position:relative;width:100%;height:100%;overflow:visible;border-radius:50%;isolation:isolate}.wheel--interactive .wheel__viewport{cursor:pointer}.wheel__rotor{position:absolute;inset:0;will-change:transform;transform-origin:50% 50%}.wheel__idle{position:absolute;inset:0;transform-origin:50% 50%;will-change:transform}.wheel__idle--active{animation:wheel-idle var(--wheel-idle-duration) var(--wheel-idle-easing) infinite}.wheel__idle--paused{animation-play-state:paused}.wheel__canvas{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:50%}.wheel__canvas--highlight{pointer-events:none}.wheel__drawing--fadeOut,.wheel__drawing--fadeIn{animation-fill-mode:both;animation-direction:normal;transform-origin:50% 50%}.wheel__drawing--fadeOut{animation-name:wheel-items-fade-out}.wheel__drawing--fadeIn{animation-name:wheel-items-fade-in}.wheel__overlay,.wheel__center,.wheel__pointer{position:absolute;display:grid;place-items:center;pointer-events:none}.wheel__overlay{z-index:2;inset:0}.wheel__overlay>*{width:100%;height:100%}.wheel__center{z-index:3;inset:50% auto auto 50%;width:25%;aspect-ratio:1;transform:translate(-50%,-50%)}.wheel__center>*{max-width:100%;max-height:100%}.wheel__pointer{z-index:4;top:-3%;left:50%;width:13%;aspect-ratio:1;transform:translate(-50%)}.wheel__pointer--right{top:50%;right:-3%;left:auto;transform:translateY(-50%)}.wheel__pointerContent{--wheel-pointer-base-rotation: 0deg;display:grid;width:100%;height:100%;place-items:center;transform-origin:50% 50%}.wheel__pointer--right .wheel__pointerContent{--wheel-pointer-base-rotation: 90deg;transform:rotate(var(--wheel-pointer-base-rotation))}.wheel__pointerContent--tick{animation:wheel-pointer-tick .15s ease-out}.wheel__pointerContent>*{width:100%;height:100%}.wheel__defaultPointer{display:block;width:0;height:0;border-right:.75rem solid transparent;border-left:.75rem solid transparent;border-top:1.7rem solid #f8fafc;filter:drop-shadow(0 .18rem .25rem rgba(15,23,42,.42))}.wheel__srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes wheel-pointer-tick{0%{transform:rotate(var(--wheel-pointer-base-rotation))}34%{transform:rotate(calc(var(--wheel-pointer-base-rotation) - 19deg))}72%{transform:rotate(calc(var(--wheel-pointer-base-rotation) + 5deg))}to{transform:rotate(var(--wheel-pointer-base-rotation))}}@keyframes wheel-items-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.985)}}@keyframes wheel-items-fade-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes wheel-idle{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(calc(var(--wheel-idle-angle) * -1)) scale(1)}75%{transform:rotate(var(--wheel-idle-angle)) scale(var(--wheel-idle-scale))}}@media(prefers-reduced-motion:reduce){.wheel__pointer,.wheel__drawing--fadeOut,.wheel__drawing--fadeIn,.wheel__idle{animation-duration:1ms!important}}