.klyp-slider{touch-action:none;-webkit-user-select:none;user-select:none;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}[data-orientation=horizontal] .klyp-slider__track{width:100%;height:var(--klyp-slider-track-size,var(--klyp-app-ui-kit-space-6));align-items:center;display:flex}[data-orientation=vertical] .klyp-slider__track{height:100%;width:var(--klyp-slider-track-size,var(--klyp-app-ui-kit-space-6));justify-content:center;display:flex}.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);pointer-events:none;position:absolute}[data-orientation=horizontal] .klyp-slider__rail{height:var(--klyp-slider-rail-size,var(--klyp-app-ui-kit-bw-emphasis));top:50%;left:0;right:0;transform:translateY(-50%)}[data-orientation=vertical] .klyp-slider__rail{width:var(--klyp-slider-rail-size,var(--klyp-app-ui-kit-bw-emphasis));top:0;bottom:0;left:50%;transform:translate(-50%)}.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:left 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)));position:absolute}[data-orientation=horizontal] .klyp-slider__fill{height:var(--klyp-slider-rail-size,var(--klyp-app-ui-kit-bw-emphasis));top:50%;transform:translateY(-50%)}[data-orientation=vertical] .klyp-slider__fill{width:var(--klyp-slider-rail-size,var(--klyp-app-ui-kit-bw-emphasis));left:50%;transform:translate(-50%)}.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;transition:left 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))), top 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))), margin-left 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}[data-orientation=horizontal] .klyp-slider__thumb{margin-left:calc((.5 - var(--thumb-pct,0)) * var(--klyp-slider-thumb-inset,0px));top:50%}[data-orientation=vertical] .klyp-slider__thumb{left:50%}.klyp-slider__thumb[data-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}.klyp-slider__thumb[data-hovered] .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))}:is(.klyp-slider:has(.klyp-slider__thumb[data-dragging]) .klyp-slider__thumb,.klyp-slider:has(.klyp-slider__thumb[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}