@layer components{.md3-slider-root{box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:none;--_track-height:16px;--_handle-height:44px;--_track-radius:var(--md-sys-shape-corner-small);--_gap-radius:var(--md-sys-shape-corner-extra-small);width:100%;min-width:120px;display:block;position:relative}.md3-slider-root[data-size=s]{--_track-height:24px}.md3-slider-root[data-size=m]{--_track-height:40px;--_handle-height:52px;--_track-radius:var(--md-sys-shape-corner-medium);--_icon-size:24px}.md3-slider-root[data-size=l]{--_track-height:56px;--_handle-height:68px;--_track-radius:var(--md-sys-shape-corner-large);--_icon-size:24px}.md3-slider-root[data-size=xl]{--_track-height:96px;--_handle-height:108px;--_track-radius:var(--md-sys-shape-corner-extra-large);--_icon-size:32px}.md3-slider-root[data-orientation=vertical]{width:fit-content;min-width:unset;height:100%;min-height:120px}.md3-slider-control{min-height:max(48px, var(--_track-height));outline:none;align-items:center;display:flex;position:relative}.md3-slider-control[data-orientation=vertical]{width:max(48px, var(--_track-height));min-height:unset;flex-direction:column;align-items:center;height:100%}.md3-slider-track{width:100%;height:var(--_track-height);border-radius:var(--_track-radius);background:0 0;position:relative;overflow:hidden}.md3-slider-track[data-orientation=vertical]{width:var(--_track-height);height:100%}.md3-slider-track[data-orientation=horizontal].md3-slider-trackFlatStart{border-start-start-radius:0;border-end-start-radius:0}.md3-slider-track[data-orientation=horizontal].md3-slider-trackFlatEnd{border-start-end-radius:0;border-end-end-radius:0}.md3-slider-track[data-orientation=vertical].md3-slider-trackFlatStart{border-end-end-radius:0;border-end-start-radius:0}.md3-slider-track[data-orientation=vertical].md3-slider-trackFlatEnd{border-start-start-radius:0;border-start-end-radius:0}.md3-slider-insetIcon{z-index:1;top:50%;width:var(--_icon-size,24px);height:var(--_icon-size,24px);color:var(--md-sys-color-on-primary);justify-content:center;align-items:center;display:flex;position:absolute;inset-inline-start:8px;transform:translateY(-50%)}.md3-slider-track[data-orientation=vertical] .md3-slider-insetIcon{top:auto;inset-block-end:8px;inset-inline-start:50%;transform:translate(-50%)}.md3-slider-insetIcon svg{width:100%;height:100%}.md3-slider-trackSegment{background:var(--md-sys-color-secondary-container);position:absolute}.md3-slider-trackSegmentActive{background:var(--md-sys-color-primary)}.md3-slider-centerMark{inset-inline-start:50%;background:var(--md-sys-color-surface);width:2px;height:100%;position:absolute;top:0;transform:translate(-50%)}.md3-slider-track[data-orientation=vertical] .md3-slider-centerMark{inset-inline-start:0;width:100%;height:2px;top:50%;transform:translateY(-50%)}.md3-slider-stopIndicator{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-on-secondary-container);width:4px;height:4px;position:absolute}.md3-slider-tick{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-on-surface-variant);opacity:.38;width:4px;height:4px;position:absolute}.md3-slider-tickActive{background:var(--md-sys-color-on-primary)}.md3-slider-thumb{width:4px;height:var(--_handle-height);cursor:pointer;outline:none;justify-content:center;align-items:center;display:flex}.md3-slider-thumb[data-orientation=vertical]{width:var(--_handle-height);height:4px}.md3-slider-thumbBar{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);width:4px;height:100%;box-shadow:var(--md-sys-elevation-level1);transition:width var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), height var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.md3-slider-thumb[data-orientation=vertical] .md3-slider-thumbBar{width:100%;height:4px}.md3-slider-thumb[data-active] .md3-slider-thumbBar{width:2px}.md3-slider-thumb:has(:focus-visible) .md3-slider-thumbBar{width:2px}.md3-slider-thumb[data-orientation=vertical][data-active] .md3-slider-thumbBar{width:100%;height:2px}.md3-slider-thumb[data-orientation=vertical]:has(:focus-visible) .md3-slider-thumbBar{width:100%;height:2px}.md3-slider-thumb:has(:focus-visible) .md3-slider-thumbBar{outline:3px solid var(--md-sys-color-secondary);outline-offset:6px}.md3-slider-positioner{z-index:var(--md3-popup-z-index,var(--md-ref-z-index-popover));outline:none}.md3-slider-valueLabel{box-sizing:border-box;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-inverse-surface);min-width:48px;height:44px;color:var(--md-sys-color-inverse-on-surface);font-family:var(--md-sys-typescale-body-medium-font);letter-spacing:.5px;white-space:nowrap;transform-origin:bottom;transition:transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), opacity var(--md-sys-motion-duration-short1) linear;justify-content:center;align-items:center;padding-inline:8px;font-size:14px;font-weight:400;line-height:20px;display:flex}.md3-slider-valueLabel[data-side=left]{transform-origin:100%}.md3-slider-valueLabel[data-starting-style],.md3-slider-valueLabel[data-ending-style]{opacity:0;transform:scale(0)}.md3-slider-valueLabel[data-instant]{transition:none}.md3-slider-track[data-disabled] .md3-slider-trackSegment{background:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity) * 100%), transparent)}.md3-slider-track[data-disabled] .md3-slider-trackSegmentActive{background:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity) * 100%), transparent)}.md3-slider-thumb[data-disabled]{cursor:default;pointer-events:none}.md3-slider-thumb[data-disabled] .md3-slider-thumbBar{background:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity) * 100%), transparent);box-shadow:var(--md-sys-elevation-level0)}.md3-slider-track[data-disabled] .md3-slider-insetIcon{color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity) * 100%), transparent)}}