@layer ds-reset,ds-foundation,ds-subatoms;@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;width:100%;height:calc(var(--thumb-size) + 2 * var(--spacings-s8));align-items:center;display:grid;position:relative}.slider--centered:before{content:"";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;z-index:1;position:absolute;top:50%}[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{height:100%;position:relative}.slider__progress{height:var(--track-filled-height);margin:var(--spacings-s0);border-radius:var(--corner-radius-r4);pointer-events:none;grid-area:1/1;margin-inline-end:var(--slider-track-inner-x-gap,var(--thumb-size));display:grid;overflow:hidden}.slider__progress--continuous:before{content:"";background:var(--control-colors-slider-track-default);will-change:transform;grid-area:1/1}[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{height:var(--mark-thumb-size);pointer-events:none;grid-area:1/1;display:grid}.slider__marks-wrap--centered{grid-template-columns:repeat(2,1fr)}.slider__mark-side{position:relative}.slider__mark{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;position:absolute}.slider__mark--continuous{top:50%}[dir=ltr] .slider__mark--continuous{left:var(--x);transform:translateX(calc(-1 * var(--x))) translateY(-50%)}[dir=rtl] .slider__mark--continuous{right:var(--x);transform:translateX(calc(var(--x))) translateY(-50%)}.slider__mark--centered{top:var(--spacings-s0)}[dir=ltr] .slider__mark--centered{left:var(--x);transform:translateX(calc(-1 * var(--x)))}[dir=rtl] .slider__mark--centered{right:var(--x);transform:translateX(calc(var(--x)))}.slider__mark--disabled{background:var(--control-colors-border-default)}.slider__wrap{align-items:center;width:100%;height:100%;display:grid}.slider__wrap:before{content:"";top:50%;left:var(--spacings-s0);right:var(--spacings-s0);background:var(--slider-track-bg,var(--control-colors-border-default));height:var(--track-height);border-radius:var(--corner-radius-r4);display:block;position:absolute;transform:translateY(-50%)}.slider__input{appearance:none;z-index:1;background:0 0;grid-area:1/1;width:100%;height:100%;position:relative}.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(0 0 4px #0000003d);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(0 0 4px #0000003d);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}}@layer ds-molecules,ds-organisms,ds-templates,ds-landing;
