.vxp-wheel-vars{--vxp-wheel-b-color:var(--vxp-border-color-base);--vxp-wheel-b-color-hover:var(--vxp-color-primary-opacity-1);--vxp-wheel-b-color-focus:var(--vxp-wheel-b-color-hover);--vxp-wheel-b-color-disabled:var(--vxp-border-color-light-2);--vxp-wheel-item-v-padding:3px;--vxp-wheel-item-h-padding:8px;--vxp-wheel-item-opacity:50%;--vxp-wheel-item-opacity-active:100%;--vxp-wheel-item-color-active-hover:var(--vxp-color-primary-opacity-1);--vxp-wheel-item-color-disabled:var(--vxp-content-color-disabled);--vxp-wheel-arrow-color:var(--vxp-content-color-secondary);--vxp-wheel-arrow-color-hover:var(--vxp-content-color-base);--vxp-wheel-arrow-color-disabled:var(--vxp-content-color-disabled);--vxp-wheel-arrow-size:15px;--vxp-wheel-mask-bg-color:transparent;--vxp-wheel-mask-bg-color-hover:var(--vxp-color-primary-opacity-8);--vxp-wheel-mask-bg-color-focus:var(--vxp-wheel-mask-bg-color-hover)}.vxp-wheel{font-family:var(--vxp-font-family-base);font-size:var(--vxp-font-size-base);font-variant-numeric:tabular-nums;line-height:var(--vxp-line-height-base);color:var(--vxp-content-color-base);position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;outline:0}.vxp-wheel,.vxp-wheel *,.vxp-wheel ::after,.vxp-wheel ::before{box-sizing:border-box}.vxp-wheel--inherit{font-family:inherit;font-size:inherit;font-variant-numeric:inherit;line-height:inherit}.vxp-wheel--horizontal{flex-direction:row}.vxp-wheel__scroll{position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--vxp-border-shape) transparent}.vxp-wheel--disabled .vxp-wheel__scroll{cursor:not-allowed}.vxp-wheel--loading .vxp-wheel__scroll{cursor:auto}.vxp-wheel__list{display:flex;flex-direction:column;padding:6px;margin:0}.vxp-wheel--horizontal .vxp-wheel__list{flex-direction:row}.vxp-wheel__item{display:inline-flex;align-items:center;justify-content:center;padding:var(--vxp-wheel-item-v-padding) var(--vxp-wheel-item-h-padding);list-style:none;opacity:var(--vxp-wheel-item-opacity);transition:var(--vxp-transition-color),var(--vxp-transition-opacity)}.vxp-wheel__item--active{opacity:var(--vxp-wheel-item-opacity-active)}.vxp-wheel__item--disabled{color:var(--vxp-wheel-item-color-disabled)}.vxp-wheel:hover .vxp-wheel__item--active{color:var(--vxp-wheel-item-color-active-hover)}.vxp-wheel:hover .vxp-wheel__item--disabled{color:var(--vxp-wheel-item-color-disabled)}.vxp-wheel--disabled .vxp-wheel__item{color:var(--vxp-wheel-item-color-disabled)}.vxp-wheel__arrow{display:inline-flex;align-items:center;justify-content:center;width:100%;height:var(--vxp-wheel-arrow-size);color:var(--vxp-wheel-arrow-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:var(--vxp-transition-color)}.vxp-wheel__arrow:hover{color:var(--vxp-wheel-arrow-color-hover)}.vxp-wheel__arrow--disabled,.vxp-wheel__arrow--disabled:hover{color:var(--vxp-wheel-arrow-color-disabled);cursor:not-allowed}.vxp-wheel--horizontal .vxp-wheel__arrow{width:var(--vxp-wheel-arrow-size);height:100%}.vxp-wheel__mask{position:absolute;pointer-events:none;background-color:var(--vxp-wheel-mask-bg-color);opacity:40%;transition:var(--vxp-transition-background),var(--vxp-transition-border)}.vxp-wheel:hover:not(.vxp-wheel--disabled) .vxp-wheel__mask{background-color:var(--vxp-wheel-mask-bg-color-hover)}.vxp-wheel:focus:not(.vxp-wheel--disabled) .vxp-wheel__mask{background-color:var(--vxp-wheel-mask-bg-color-focus)}.vxp-wheel--vertical .vxp-wheel__mask{inset-inline:0}.vxp-wheel--vertical .vxp-wheel__mask--top{top:0;border-bottom-width:var(--vxp-wheel-mask-b-width)}.vxp-wheel--vertical .vxp-wheel__mask--bottom{bottom:0;border-top-width:var(--vxp-wheel-mask-b-width)}.vxp-wheel--horizontal .vxp-wheel__mask{top:0;bottom:0}.vxp-wheel--horizontal .vxp-wheel__mask--top{inset-inline-start:0;border-inline-end-width:var(--vxp-wheel-mask-b-width)}.vxp-wheel--horizontal .vxp-wheel__mask--bottom{inset-inline-end:0;border-inline-start-width:var(--vxp-wheel-mask-b-width)}.vxp-wheel__border{position:relative;will-change:inset;position:absolute;pointer-events:none;border:var(--vxp-border-shape) var(--vxp-wheel-b-color);transition:var(--vxp-transition-border)}.vxp-wheel__border::before{position:absolute;inset:-4px 25% auto;width:auto;height:0;content:"";border-top:var(--vxp-border-shape) var(--vxp-wheel-b-color);transition:var(--vxp-transition-border),var(--vxp-transition-opacity);animation:vxp-h-moving-border 2s infinite}.vxp-wheel__border::after{position:absolute;inset:auto 25% -4px;width:auto;height:0;content:"";border-top:var(--vxp-border-shape) var(--vxp-wheel-b-color);transition:var(--vxp-transition-border),var(--vxp-transition-opacity);animation:vxp-h-moving-border 2s -1s infinite}.vxp-wheel__border--vertical{position:relative;will-change:inset;position:absolute}.vxp-wheel__border--vertical::before{position:absolute;inset:25% auto 25% -4px;width:0;height:auto;content:"";border-inline-start:var(--vxp-border-shape) var(--vxp-wheel-b-color);transition:var(--vxp-transition-border),var(--vxp-transition-opacity);animation:vxp-v-moving-border 2s infinite}.vxp-wheel__border--vertical::after{position:absolute;inset:25% -4px 25% auto;width:0;height:auto;content:"";border-inline-start:var(--vxp-border-shape) var(--vxp-wheel-b-color);transition:var(--vxp-transition-border),var(--vxp-transition-opacity);animation:vxp-v-moving-border 2s -1s infinite}.vxp-wheel__border::after,.vxp-wheel__border::before{opacity:0}.vxp-wheel__border--active::after,.vxp-wheel__border--active::before{opacity:100%}.vxp-wheel:hover:not(.vxp-wheel--disabled) .vxp-wheel__border,.vxp-wheel:hover:not(.vxp-wheel--disabled) .vxp-wheel__border::after,.vxp-wheel:hover:not(.vxp-wheel--disabled) .vxp-wheel__border::before{border-color:var(--vxp-wheel-b-color-hover)}.vxp-wheel:focus:not(.vxp-wheel--disabled) .vxp-wheel__border,.vxp-wheel:focus:not(.vxp-wheel--disabled) .vxp-wheel__border::after,.vxp-wheel:focus:not(.vxp-wheel--disabled) .vxp-wheel__border::before{border-color:var(--vxp-wheel-b-color-focus)}.vxp-wheel--disabled .vxp-wheel__border{border-color:var(--vxp-wheel-b-color-disabled)}.vxp-wheel--success{--vxp-wheel-b-color:var(--vxp-color-success-opacity-1);--vxp-wheel-b-color-hover:var(--vxp-color-success-opacity-1);--vxp-wheel-mask-bg-color:var(--vxp-color-success-opacity-8);--vxp-wheel-mask-bg-color-hover:var(--vxp-color-success-opacity-8);--vxp-wheel-arrow-color:var(--vxp-color-success-opacity-3);--vxp-wheel-arrow-color-hover:var(--vxp-color-success-base);--vxp-wheel-arrow-color-disabled:var(--vxp-color-success-opacity-6)}.vxp-wheel--error{--vxp-wheel-b-color:var(--vxp-color-error-opacity-1);--vxp-wheel-b-color-hover:var(--vxp-color-error-opacity-1);--vxp-wheel-mask-bg-color:var(--vxp-color-error-opacity-8);--vxp-wheel-mask-bg-color-hover:var(--vxp-color-error-opacity-8);--vxp-wheel-arrow-color:var(--vxp-color-error-opacity-3);--vxp-wheel-arrow-color-hover:var(--vxp-color-error-base);--vxp-wheel-arrow-color-disabled:var(--vxp-color-error-opacity-6)}.vxp-wheel--warning{--vxp-wheel-b-color:var(--vxp-color-warning-opacity-1);--vxp-wheel-b-color-hover:var(--vxp-color-warning-opacity-1);--vxp-wheel-mask-bg-color:var(--vxp-color-warning-opacity-8);--vxp-wheel-mask-bg-color-hover:var(--vxp-color-warning-opacity-8);--vxp-wheel-arrow-color:var(--vxp-color-warning-opacity-3);--vxp-wheel-arrow-color-hover:var(--vxp-color-warning-base);--vxp-wheel-arrow-color-disabled:var(--vxp-color-warning-opacity-6)}