.klyp-slider{touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:var(--klyp-slider-track-pointer-events);align-items:center;display:flex;position:relative}.klyp-slider[data-orientation=horizontal]{width:100%;padding:var(--klyp-app-ui-kit-space-6) 0;flex-direction:row}.klyp-slider[data-orientation=vertical]{height:100%;min-height:var(--klyp-app-ui-kit-space-80);padding:0 var(--klyp-app-ui-kit-space-6);flex-direction:column}.klyp-slider[data-disabled]{opacity:var(--klyp-app-ui-kit-opacity-50);cursor:not-allowed}.klyp-slider__track{flex:1;position:relative}.klyp-slider__track[data-thumb-drag=pointer]{--klyp-slider-drag-transition-duration:0s}@media (prefers-reduced-motion:reduce){.klyp-slider__track[data-thumb-drag=pointer]{--klyp-slider-move-duration:0s}}.klyp-slider__track[data-orientation=horizontal]{width:100%;height:var(--klyp-slider-track-size,var(--klyp-app-ui-kit-space-6));align-items:center;display:flex}.klyp-slider__track[data-orientation=vertical]{height:100%;width:var(--klyp-slider-track-size,var(--klyp-app-ui-kit-space-6));justify-content:center;display:flex}.klyp-slider__track[data-dragging]{cursor:grabbing}.klyp-slider__rail{background:var(--klyp-slider-rail-bg,var(--klyp-app-ui-kit-color-bg-surface-solid));border-radius:var(--klyp-app-ui-kit-radius-full)}.klyp-slider__rail[data-orientation=horizontal]{width:100%;height:var(--klyp-slider-rail-size,var(--klyp-app-ui-kit-bw-emphasis))}.klyp-slider__rail[data-orientation=vertical]{height:100%;width:var(--klyp-slider-rail-size,var(--klyp-app-ui-kit-bw-emphasis))}.klyp-slider__fill{background:var(--klyp-app-ui-kit-color-slider-fill);border-radius:var(--klyp-app-ui-kit-radius-full);pointer-events:none;transition:inset-inline-start var(--klyp-slider-move-duration,var(--klyp-app-ui-kit-duration-slow)) var(--klyp-slider-move-easing,var(--klyp-app-ui-kit-easing-emphasis,var(--klyp-app-ui-kit-easing-standard))), width var(--klyp-slider-move-duration,var(--klyp-app-ui-kit-duration-slow)) var(--klyp-slider-move-easing,var(--klyp-app-ui-kit-easing-emphasis,var(--klyp-app-ui-kit-easing-standard))), bottom var(--klyp-slider-move-duration,var(--klyp-app-ui-kit-duration-slow)) var(--klyp-slider-move-easing,var(--klyp-app-ui-kit-easing-emphasis,var(--klyp-app-ui-kit-easing-standard))), height var(--klyp-slider-move-duration,var(--klyp-app-ui-kit-duration-slow)) var(--klyp-slider-move-easing,var(--klyp-app-ui-kit-easing-emphasis,var(--klyp-app-ui-kit-easing-standard)))}.klyp-slider__thumb{width:var(--klyp-slider-thumb-width,var(--klyp-app-ui-kit-space-12));height:var(--klyp-slider-thumb-height,var(--klyp-app-ui-kit-space-12));border-radius:var(--klyp-slider-thumb-radius,var(--klyp-app-ui-kit-radius-full));cursor:grab;pointer-events:var(--klyp-slider-thumb-pointer-events);transition:inset-inline-start var(--klyp-slider-move-duration,var(--klyp-app-ui-kit-duration-slow)) var(--klyp-slider-move-easing,var(--klyp-app-ui-kit-easing-emphasis,var(--klyp-app-ui-kit-easing-standard))), bottom var(--klyp-slider-move-duration,var(--klyp-app-ui-kit-duration-slow)) var(--klyp-slider-move-easing,var(--klyp-app-ui-kit-easing-emphasis,var(--klyp-app-ui-kit-easing-standard)));outline:none}.klyp-slider__thumb:before{content:"";inset:calc(var(--klyp-slider-thumb-hit-outset,0px) * -1);position:absolute}.klyp-slider__thumb:has(: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-bw-emphasis)}.klyp-slider__thumb[data-dragging]{cursor:grabbing}.klyp-slider__thumb[data-disabled]{cursor:not-allowed}.klyp-slider__thumb-inner{border-radius:var(--klyp-slider-thumb-radius,var(--klyp-app-ui-kit-radius-full));background:var(--klyp-app-ui-kit-color-slider-thumb-bg);border:var(--klyp-slider-thumb-border,var(--klyp-app-ui-kit-bw-default) solid var(--klyp-app-ui-kit-color-border-default));width:100%;height:100%;box-shadow:var(--klyp-slider-thumb-shadow,0 0 0 var(--klyp-app-ui-kit-space-2) var(--klyp-app-ui-kit-alpha-white-06), 0 1px 2px var(--klyp-app-ui-kit-alpha-black-12));pointer-events:none;transition:transform var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard), box-shadow var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard), border-color var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard);place-items:center;display:grid}@media (hover:hover){@media (hover:hover) and (pointer:fine){.klyp-slider__thumb:hover .klyp-slider__thumb-inner{border-color:var(--klyp-app-ui-kit-color-border-strong);transform:scale(var(--klyp-slider-thumb-scale-hover,1));box-shadow:var(--klyp-slider-thumb-shadow-hover,0 0 0 var(--klyp-app-ui-kit-space-2) var(--klyp-app-ui-kit-alpha-white-10), 0 1px 2px var(--klyp-app-ui-kit-alpha-black-12))}}}.klyp-slider__thumb[data-dragging] .klyp-slider__thumb-inner{transform:scale(var(--klyp-slider-thumb-scale-drag,1.1));box-shadow:var(--klyp-slider-thumb-shadow-drag,0 0 0 var(--klyp-app-ui-kit-space-4) var(--klyp-app-ui-kit-color-slider-thumb-halo-drag), 0 1px 2px var(--klyp-app-ui-kit-alpha-black-12))}.klyp-slider[data-dragging] .klyp-slider__thumb,.klyp-slider[data-dragging] .klyp-slider__fill{transition-duration:var(--klyp-slider-drag-transition-duration,0s)!important}.klyp-slider__output{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}