@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.y-slider{--y-slider-rail-bg-color:var(--y-color-fill-tertiary);--y-slider-handle-border-color:var(--y-color-primary-6);--y-slider-handle-hover-border-color:var(--y-color-primary);--y-slider-handle-bg-color:var(--y-color-bg-elevated);--y-slider-dot-border-color:var(--y-color-primary-6);--y-slider-dot-bg-color:var(--y-color-bg-elevated);--y-slider-track-bg-color:var(--y-color-primary-6);position:relative}.y-slider__rail{position:relative;width:100%;height:4px;border-radius:4px;background-color:var(--y-slider-rail-bg-color);cursor:pointer}.y-slider__rail--handle{position:absolute;height:14px;width:14px;box-sizing:border-box;border-radius:50%;top:-5px;cursor:pointer;z-index:10;transition:transform .1s;transform:translateX(-50%);background-color:var(--y-slider-handle-bg-color);border:2px solid var(--y-slider-handle-border-color)}.y-slider__rail--handle:hover{transform:translateX(-50%) scale(1.2);border-color:var(--y-slider-handle-hover-border-color)}.y-slider__rail--track{position:absolute;top:0;height:100%;background-color:var(--y-slider-track-bg-color)}.y-slider__marks{position:absolute;top:50%;width:100%}.y-slider__marks--mark{position:absolute;transform:translate(-50%,50%)}.y-slider__marks--dot{position:absolute;width:8px;height:8px;transform:translate(-50%,-50%);box-sizing:border-box;border-radius:50%;border:2px solid var(--y-slider-dot-border-color);background-color:var(--y-slider-dot-bg-color)}