@layer ds-reset,ds-foundation,ds-subatoms,ds-atoms,ds-molecules,ds-organisms,ds-templates,ds-landing;@layer ds-atoms{.slider{--track-height: 4px;--track-filled-height: calc(var(--track-height) / 2);--thumb-size: 16px;--thumb-border-width: var(--slider-thumb-border-width, 0);--mark-thumb-size: 8px;position:relative;display:grid;align-items:center;width:100%;height:calc(var(--thumb-size) + 2 * var(--spacings-s8))}.slider--centered:before{content:"";position:absolute;width:var(--mark-thumb-size);height:var(--mark-thumb-size);border:1px solid var(--control-colors-border-default);background:var(--control-colors-slider-thumb-default);border-radius:var(--corner-radius-circle);box-sizing:border-box;pointer-events:none;top:50%;z-index:1}[dir=ltr] .slider--centered:before{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .slider--centered:before{right:50%;transform:translate(50%,-50%)}.slider--disabled{pointer-events:none;opacity:var(--states-disabled)}.slider__content-wrap{position:relative;height:100%}.slider__progress{display:grid;grid-area:1/1;height:var(--track-filled-height);margin:var(--spacings-s0);margin-inline-end:var(--slider-track-inner-x-gap, var(--thumb-size));border-radius:var(--corner-radius-r4);pointer-events:none;overflow:hidden}.slider__progress--continuous:before{content:"";grid-area:1/1;background:var(--control-colors-slider-track-default);will-change:transform}[dir=ltr] .slider__progress--continuous:before{transform:var(--slider-progress-transform-ltr, translateX(-100%))}[dir=rtl] .slider__progress--continuous:before{transform:var(--slider-progress-transform-rtl, translateX(100%))}.slider__progress--centered-grid{grid-template-columns:repeat(2,1fr)}.slider__progress-side{display:grid;overflow:hidden}.slider__progress-side:before{background:var(--control-colors-slider-track-default);will-change:transform}.slider__progress-side--start:before{content:var(--slider-progress-start-content, none)}[dir=ltr] .slider__progress-side--start:before{transform:var(--slider-progress-start-transform-ltr)}[dir=rtl] .slider__progress-side--start:before{transform:var(--slider-progress-start-transform-rtl)}.slider__progress-side--end:before{content:var(--slider-progress-end-content, none)}[dir=ltr] .slider__progress-side--end:before{transform:var(--slider-progress-end-transform-ltr)}[dir=rtl] .slider__progress-side--end:before{transform:var(--slider-progress-end-transform-rtl)}.slider__marks-wrap{display:grid;grid-area:1/1;height:var(--mark-thumb-size);pointer-events:none}.slider__marks-wrap--centered{grid-template-columns:repeat(2,1fr)}.slider__mark-side{position:relative}.slider__mark{position:absolute;width:var(--mark-thumb-size);height:var(--mark-thumb-size);border:1px solid var(--control-colors-border-default);background:var(--control-colors-slider-thumb-default);border-radius:var(--corner-radius-circle);box-sizing:border-box;pointer-events:none}.slider__mark--continuous{top:50%}[dir=ltr] .slider__mark--continuous{left:var(--x);transform:translate(calc(-1 * var(--x))) translateY(-50%)}[dir=rtl] .slider__mark--continuous{right:var(--x);transform:translate(calc(var(--x))) translateY(-50%)}.slider__mark--centered{top:var(--spacings-s0)}[dir=ltr] .slider__mark--centered{left:var(--x);transform:translate(calc(-1 * var(--x)))}[dir=rtl] .slider__mark--centered{right:var(--x);transform:translate(calc(var(--x)))}.slider__mark--disabled{background:var(--control-colors-border-default)}.slider__wrap{display:grid;align-items:center;width:100%;height:100%}.slider__wrap:before{content:"";display:block;position:absolute;top:50%;left:var(--spacings-s0);right:var(--spacings-s0);transform:translateY(-50%);background:var(--slider-track-bg, var(--control-colors-border-default));height:var(--track-height);border-radius:var(--corner-radius-r4)}.slider__input{position:relative;grid-area:1/1;width:100%;height:100%;background:transparent;-webkit-appearance:none;appearance:none;z-index:1}.slider__input::-webkit-slider-thumb{width:var(--thumb-size);height:var(--thumb-size);box-shadow:0 0 0 var(--thumb-border-width) var(--control-colors-slider-thumb-default) inset;border-radius:var(--corner-radius-circle);filter:drop-shadow(0px 0px 4px rgba(0,0,0,.24));-webkit-appearance:none;appearance:none;transition:box-shadow var(--timings-default);cursor:pointer;background:var(--slider-thumb-bg, var(--control-colors-slider-thumb-default));background-size:var(--slider-thumb-bg-size, auto)}[dir=ltr] .slider__input::-webkit-slider-thumb{background-position:var(--slider-thumb-bg-position-ltr, 0%)}[dir=rtl] .slider__input::-webkit-slider-thumb{background-position:var(--slider-thumb-bg-position-rtl, 0%)}.slider__input::-webkit-slider-thumb:hover{box-shadow:0 0 0 1px var(--control-colors-border-action) inset}.slider__input:active::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--control-colors-border-active) inset}.slider__input::-moz-range-thumb{width:var(--thumb-size);height:var(--thumb-size);box-shadow:0 0 0 var(--thumb-border-width) var(--control-colors-slider-thumb-default) inset;border-radius:var(--corner-radius-circle);filter:drop-shadow(0px 0px 4px rgba(0,0,0,.24));appearance:none;transition:box-shadow var(--timings-default);cursor:pointer;background:var(--slider-thumb-bg, var(--control-colors-slider-thumb-default));background-size:var(--slider-thumb-bg-size, auto);border:none}[dir=ltr] .slider__input::-moz-range-thumb{background-position:var(--slider-thumb-bg-position-ltr, 0%)}[dir=rtl] .slider__input::-moz-range-thumb{background-position:var(--slider-thumb-bg-position-rtl, 0%)}.slider__input:active::-moz-range-thumb{box-shadow:0 0 0 2px var(--control-colors-border-active) inset}}