.md-slider{touch-action:none;-webkit-user-select:none;user-select:none;display:flex;position:relative}.md-slider[data-disabled]{pointer-events:none;opacity:var(--md-sys-state-disabled-opacity)}.md-slider[data-orientation=horizontal]{align-items:center;width:100%}.md-slider[data-orientation=vertical]{flex-direction:column;justify-content:center;height:100%}.md-slider[data-size=xs][data-orientation=horizontal],.md-slider[data-size=sm][data-orientation=horizontal]{height:48px}.md-slider[data-size=md][data-orientation=horizontal]{height:56px}.md-slider[data-size=lg][data-orientation=horizontal]{height:72px}.md-slider[data-size=xl][data-orientation=horizontal]{height:112px}.md-slider[data-size=xs][data-orientation=vertical],.md-slider[data-size=sm][data-orientation=vertical]{width:48px}.md-slider[data-size=md][data-orientation=vertical]{width:56px}.md-slider[data-size=lg][data-orientation=vertical]{width:72px}.md-slider[data-size=xl][data-orientation=vertical]{width:112px}.md-slider__track{position:relative}.md-slider[data-orientation=horizontal] .md-slider__track{width:100%}.md-slider[data-orientation=vertical] .md-slider__track{height:100%}.md-slider__track-active{background-color:var(--md-sys-color-primary);position:absolute}.md-slider[data-orientation=horizontal] .md-slider__track-active{top:0;bottom:0;left:0}.md-slider[data-orientation=vertical] .md-slider__track-active{bottom:0;left:0;right:0}.md-slider__track-inactive{background-color:var(--md-sys-color-surface-container-highest);position:absolute}.md-slider[data-orientation=horizontal] .md-slider__track-inactive{top:0;bottom:0;right:0}.md-slider[data-orientation=vertical] .md-slider__track-inactive{top:0;left:0;right:0}.md-slider__stop{border-radius:50%;width:4px;height:4px;position:absolute;transform:translate(-50%,-50%)}.md-slider[data-orientation=vertical] .md-slider__stop{left:50%}.md-slider[data-orientation=horizontal] .md-slider__stop{top:50%}.md-slider__stop[data-active=true]{background-color:color-mix(in srgb, var(--md-sys-color-on-primary) 40%, transparent)}.md-slider__stop[data-active=false]{background-color:color-mix(in srgb, var(--md-sys-color-outline) 40%, transparent)}.md-slider__handle{position:absolute}.md-slider[data-orientation=horizontal] .md-slider__handle{top:50%;transform:translate(-50%,-50%)}.md-slider[data-orientation=vertical] .md-slider__handle{left:50%;transform:translate(-50%,50%)}.md-slider__tooltip{pointer-events:none;background-color:var(--md-sys-color-inverse-surface);width:48px;height:44px;color:var(--md-sys-color-inverse-on-surface);border-radius:22px;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex;position:absolute;left:50%;transform:translate(-50%)}.md-slider[data-orientation=horizontal] .md-slider__tooltip{top:-52px}.md-slider[data-orientation=vertical] .md-slider__tooltip{top:50%;left:-56px;transform:translateY(-50%)}.md-slider__state-layer{pointer-events:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.md-slider__handle:hover .md-slider__state-layer{background-color:color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent)}.md-slider[data-size=xs] .md-slider__state-layer,.md-slider[data-size=sm] .md-slider__state-layer,.md-slider[data-size=md] .md-slider__state-layer{width:40px;height:40px}.md-slider[data-size=lg] .md-slider__state-layer{width:44px;height:44px}.md-slider[data-size=xl] .md-slider__state-layer{width:48px;height:48px}.md-slider__thumb{background-color:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-2);transition:width var(--md-sys-motion-duration-spring-fast-spatial) var(--md-sys-motion-easing-spring-fast-spatial), height var(--md-sys-motion-duration-spring-fast-spatial) var(--md-sys-motion-easing-spring-fast-spatial);border-radius:2px;position:relative}.md-slider__icon{color:var(--md-sys-color-on-primary);justify-content:center;align-items:center;display:flex;position:absolute}.md-slider[data-orientation=horizontal] .md-slider__icon{top:50%;left:4px;transform:translateY(-50%)}.md-slider[data-orientation=vertical] .md-slider__icon{bottom:4px;left:50%;transform:translate(-50%)}.md-slider__input{cursor:pointer;opacity:0;position:absolute;inset:0}.md-slider__input[data-orientation=vertical]{writing-mode:vertical-lr;-webkit-appearance:slider-vertical;direction:rtl}