.ui-slider-root{width:100%;display:flex;flex-direction:column;gap:4rem;position:relative;box-sizing:border-box}.ui-slider-root--dragging *{transition:none!important}.ui-slider-root--vertical{align-items:center;height:100%;width:48rem}.ui-slider-root__label{color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);font-weight:var(--md-sys-typescale-body-medium-weight);line-height:var(--md-sys-typescale-body-medium-line-height)}.ui-slider-track{position:absolute;inset:0;display:flex;align-items:center;pointer-events:auto;cursor:pointer;touch-action:none;box-sizing:border-box}.ui-slider-track:before{content:"";position:absolute;left:0;right:0;height:16rem;border-radius:8rem;background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.ui-slider-track--disabled{cursor:default;opacity:.38}.ui-slider-track--readonly{cursor:default}.ui-slider-track--vertical{flex-direction:column;justify-content:center;width:16rem;height:100%;left:50%;transform:translate(-50%)}.ui-slider-track--vertical:before{left:50%;transform:translate(-50%);top:0;bottom:0;width:16rem;height:100%}.ui-slider-track__tickmarks{position:absolute;left:0;right:0;height:16rem;pointer-events:none}.ui-slider-track__tickmarks:before{content:"";position:absolute;inset:0 4rem;background-image:radial-gradient(circle at 2rem center,color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent) 2rem,transparent 2rem);background-size:calc(100%/var(--ui-slider-tick-count)) 100%}.ui-slider-track--vertical .ui-slider-track__tickmarks{width:16rem;height:100%;top:0;bottom:0}.ui-slider-track--vertical .ui-slider-track__tickmarks:before{inset:4rem 0;background-image:radial-gradient(circle at center 2rem,color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent) 2rem,transparent 2rem);background-size:100% calc(100%/var(--ui-slider-tick-count))}.ui-slider-range{position:absolute;height:16rem;border-radius:8rem;background-color:var(--md-sys-color-primary);pointer-events:none;overflow:hidden;top:50%;transform:translateY(-50%);box-sizing:border-box}.ui-slider-range--vertical{top:auto;left:50%;transform:translate(-50%);width:16rem;height:auto;border-radius:8rem}.ui-slider-range--disabled{opacity:.38}.ui-slider-range__tickmarks{position:absolute;top:0;bottom:0;left:calc(var(--ui-slider-range-start)/var(--ui-slider-range-span)*-100%);width:calc(10000%/var(--ui-slider-range-span));pointer-events:none}.ui-slider-range__tickmarks:before{content:"";position:absolute;inset:0 4rem;background-image:radial-gradient(circle at 2rem center,color-mix(in srgb,var(--md-sys-color-on-primary) 38%,transparent) 2rem,transparent 2rem);background-size:calc(100%/var(--ui-slider-tick-count)) 100%}.ui-slider-range--vertical .ui-slider-range__tickmarks{inset:auto 0 calc(var(--ui-slider-range-start)/var(--ui-slider-range-span)*-100%);width:auto;height:calc(10000%/var(--ui-slider-range-span))}.ui-slider-range--vertical .ui-slider-range__tickmarks:before{inset:4rem 0;background-image:radial-gradient(circle at center 2rem,color-mix(in srgb,var(--md-sys-color-on-primary) 38%,transparent) 2rem,transparent 2rem);background-size:100% calc(100%/var(--ui-slider-tick-count))}.ui-slider-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:48rem;height:48rem;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;z-index:2;box-sizing:border-box}.ui-slider-thumb--vertical{top:auto;left:50%;transform:translate(-50%,50%)}.ui-slider-thumb--disabled{cursor:default;pointer-events:none}.ui-slider-thumb--readonly{cursor:default}.ui-slider-thumb__knob{width:20rem;height:20rem;border-radius:var(--sys-shape-corner-full,50%);background-color:var(--md-sys-color-primary);box-shadow:0 1rem 2rem #0000004d,0 1rem 3rem 1rem #00000026;transition:transform .2s cubic-bezier(.2,0,0,1);z-index:2}.ui-slider-thumb__state-layer{position:absolute;width:40rem;height:40rem;border-radius:50%;background-color:var(--md-sys-color-primary);opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:1}.ui-slider-thumb:hover .ui-slider-thumb__state-layer{opacity:.08}.ui-slider-thumb--dragging .ui-slider-thumb__state-layer,.ui-slider-thumb:focus-visible .ui-slider-thumb__state-layer{opacity:.12}.ui-slider-thumb__value-label{position:absolute;bottom:34rem;left:50%;transform:translate(-50%) scale(0);transform-origin:bottom center;display:flex;align-items:center;justify-content:center;width:32rem;height:40rem;z-index:3;pointer-events:none;transition:transform .2s cubic-bezier(.2,0,0,1)}.ui-slider-thumb__value-label:before{content:"";position:absolute;top:0;width:32rem;height:32rem;background-color:var(--md-sys-color-inverse-surface);border-radius:50% 50% 0;transform:rotate(45deg);z-index:-1}.ui-slider-thumb__value-text{position:relative;top:-4rem;color:var(--md-sys-color-inverse-on-surface);font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);font-weight:var(--md-sys-typescale-body-small-weight);line-height:var(--md-sys-typescale-body-small-line-height)}.ui-slider-thumb--dragging .ui-slider-thumb__value-label,.ui-slider-thumb:focus-visible .ui-slider-thumb__value-label,.ui-slider-thumb:hover .ui-slider-thumb__value-label{transform:translate(-50%) scale(1)}.ui-slider-thumb--vertical .ui-slider-thumb__value-label{inset:50% 34rem auto auto;transform:translateY(-50%) scale(0);transform-origin:center right}.ui-slider-thumb--vertical .ui-slider-thumb__value-label:before{top:50%;border-radius:50% 50% 0;transform:translateY(-50%) rotate(-45deg)}.ui-slider-thumb--vertical .ui-slider-thumb__value-text{top:0;left:-4rem}.ui-slider-thumb--vertical.ui-slider-thumb--dragging .ui-slider-thumb__value-label,.ui-slider-thumb--vertical:focus-visible .ui-slider-thumb__value-label,.ui-slider-thumb--vertical:hover .ui-slider-thumb__value-label{transform:translateY(-50%) scale(1)}.ui-slider__container,.ui-slider__wrapper{position:relative;width:100%}.ui-slider__container{display:flex;align-items:center;height:48rem;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.ui-slider.ui-slider-root--vertical .ui-slider__wrapper{height:200rem;width:48rem}.ui-slider.ui-slider-root--vertical .ui-slider__container{width:48rem;height:100%}