.klyp-stops-slider{gap:var(--klyp-app-ui-kit-space-10);flex-direction:column;align-self:stretch;width:100%;min-width:0;display:flex}.klyp-stops-slider__slider{--klyp-slider-drag-transition-duration:var(--klyp-app-ui-kit-duration-instant);--klyp-slider-move-duration:var(--klyp-app-ui-kit-duration-base);--klyp-slider-move-easing:var(--klyp-app-ui-kit-easing-standard);--klyp-slider-track-size:calc(var(--klyp-app-ui-kit-space-20) * 2 + var(--klyp-app-ui-kit-space-4));--klyp-slider-rail-size:var(--klyp-app-ui-kit-space-4);--klyp-slider-rail-bg:var(--klyp-app-ui-kit-color-slider-rail);--klyp-slider-thumb-width:var(--klyp-app-ui-kit-space-28);--klyp-slider-thumb-height:var(--klyp-app-ui-kit-space-20);--klyp-slider-thumb-inset:var(--klyp-app-ui-kit-space-28);--klyp-slider-thumb-radius:var(--klyp-app-ui-kit-radius-sm);--klyp-slider-thumb-border:0;--klyp-slider-thumb-shadow:0 1px 3px var(--klyp-app-ui-kit-alpha-black-20), inset 0 0 0 1px var(--klyp-app-ui-kit-color-slider-thumb-border);--klyp-slider-thumb-shadow-hover:0 1px 3px var(--klyp-app-ui-kit-alpha-black-20), inset 0 0 0 1px var(--klyp-app-ui-kit-color-slider-thumb-border);--klyp-slider-thumb-shadow-drag:0 2px 6px var(--klyp-app-ui-kit-alpha-black-40), 0 0 0 var(--klyp-app-ui-kit-space-4) var(--klyp-app-ui-kit-color-slider-thumb-halo-drag), inset 0 0 0 1px var(--klyp-app-ui-kit-color-slider-thumb-border);--klyp-slider-thumb-scale-hover:1;--klyp-slider-thumb-scale-drag:1.12;box-sizing:border-box;z-index:1;width:100%;max-width:100%;overflow:visible}.klyp-stops-slider__slider[data-orientation=horizontal]{margin-block:calc(var(--klyp-app-ui-kit-space-16) * -1);padding:0}@media (hover:hover) and (pointer:fine){.klyp-stops-slider__slider{--klyp-slider-thumb-scale-hover:1.08}}@media (prefers-reduced-motion:reduce){.klyp-stops-slider__slider{--klyp-slider-drag-transition-duration:0s;--klyp-slider-move-duration:0s;--klyp-slider-thumb-scale-hover:1;--klyp-slider-thumb-scale-drag:1}}.klyp-stops-slider__thumb-icon{width:var(--klyp-app-ui-kit-space-12);height:var(--klyp-app-ui-kit-space-12);color:var(--klyp-app-ui-kit-color-slider-thumb-icon);pointer-events:none}.klyp-stops-slider__ticks{justify-content:space-between;align-items:center;padding:0;display:flex}.klyp-stops-slider__tick{padding:var(--klyp-app-ui-kit-space-4) 0;cursor:pointer;font-family:var(--klyp-app-ui-kit-font-sans);font-size:var(--klyp-app-ui-kit-font-size-12);color:var(--klyp-app-ui-kit-color-slider-tick-inactive);font-variant-numeric:tabular-nums;transition:color var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard);background:0 0;border:0;position:relative}.klyp-stops-slider__tick:before{content:"";inset:calc(var(--klyp-app-ui-kit-space-12) * -1) calc(var(--klyp-app-ui-kit-space-8) * -1);pointer-events:auto;position:absolute}.klyp-stops-slider__tick:hover,.klyp-stops-slider__tick[data-active=true]{color:var(--klyp-app-ui-kit-color-fg-primary)}.klyp-stops-slider__tick:focus-visible{outline:var(--klyp-app-ui-kit-bw-default) solid var(--klyp-app-ui-kit-color-ring);outline-offset:var(--klyp-app-ui-kit-space-2)}.klyp-stops-slider[data-tick-display=positioned] .klyp-stops-slider__ticks{block-size:calc(var(--klyp-app-ui-kit-line-box-16) + var(--klyp-app-ui-kit-space-8));display:block;position:relative}.klyp-stops-slider[data-tick-display=positioned] .klyp-stops-slider__tick{white-space:nowrap;position:absolute;inset-block-start:0;inset-inline-start:calc(var(--klyp-app-ui-kit-space-14) + var(--klyp-stops-slider-tick-pct,0) * (100% - var(--klyp-app-ui-kit-space-28)));transform:translate(-50%)}.klyp-stops-slider[data-tick-display=positioned] .klyp-stops-slider__tick:first-child{inset-inline-start:0;transform:none}.klyp-stops-slider[data-tick-display=positioned] .klyp-stops-slider__tick:last-child{inset-inline:auto 0;transform:none}