.klyp-RulerSlider{--rs-thumb-d:var(--space-40);--rs-thumb-p:var(--space-8);--rs-thumb-f:.42;--rs-track-t:var(--space-6);--rs-reach:3;--rs-lift:var(--space-16);--rs-fillw:calc(var(--pct) * (100% - var(--rs-thumb-d)) + var(--rs-thumb-d) / 2);gap:var(--space-8);width:100%;min-width:0;margin-top:var(--space-16);flex-direction:column;display:flex}.klyp-RulerSlider__ruler{height:var(--space-32);margin-bottom:calc(-1 * var(--space-16));position:relative}.klyp-RulerSlider__mark{--abs:max(var(--val) - var(--idx), var(--idx) - var(--val));--rel:calc(var(--abs) / var(--rs-reach));--sel:max(0, 1 - var(--rel) * var(--rel));--off:calc(var(--sel) * var(--sel) * var(--rs-lift));bottom:0;left:calc(var(--idx) / var(--max) * (100% - var(--rs-thumb-d)) + var(--rs-thumb-d) / 2);width:var(--border-width-2);height:var(--space-10);border-radius:var(--radius-full);background:var(--color-fg-muted);transform:translate(-50%, calc(-1 * var(--off)));opacity:calc(.25 + .75 * var(--sel));transition:transform var(--duration-base) var(--easing-standard), opacity var(--duration-base) var(--easing-standard);justify-content:center;display:flex;position:absolute}.klyp-RulerSlider__mark[data-major=true]{height:var(--space-16);background:var(--color-fg-primary);opacity:1}@supports (top:calc(sin(5deg) * 1px)){.klyp-RulerSlider__mark{--sel:max(0, 1 - var(--rel));--off:calc((.5 - .5 * cos(var(--sel) * 180deg)) * (.5 - .5 * cos(var(--sel) * 180deg)) * var(--rs-lift))}}.klyp-RulerSlider__markLabel{margin-bottom:var(--space-4);font-family:var(--font-sans);font-size:var(--font-size-12);font-variant-numeric:tabular-nums;color:var(--color-fg-primary);white-space:nowrap;position:absolute;bottom:100%}.klyp-RulerSlider__track{height:var(--rs-thumb-d);position:relative}.klyp-RulerSlider__rail{inset-inline:0;height:var(--rs-track-t);border-radius:var(--radius-full);background:var(--color-slider-rail);position:absolute;top:50%;transform:translateY(-50%)}.klyp-RulerSlider__fill{inset-inline:0;height:var(--rs-track-t);background:linear-gradient(90deg, var(--green-700), var(--amber-700), var(--red-600));clip-path:inset(0 calc(100% - var(--rs-fillw)) 0 0 round var(--radius-full));transition:clip-path var(--duration-base) var(--easing-standard);position:absolute;top:50%;transform:translateY(-50%)}.klyp-RulerSlider__input{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.klyp-RulerSlider__input:focus{outline:none}.klyp-RulerSlider__input::-webkit-slider-runnable-track{background:0 0;height:100%}.klyp-RulerSlider__input::-moz-range-track{background:0 0;height:100%}.klyp-RulerSlider__input::-webkit-slider-thumb{appearance:none;box-sizing:border-box;padding:var(--rs-thumb-p);width:var(--rs-thumb-d);height:var(--rs-thumb-d);box-shadow:inset 0 0 1px 1px var(--alpha-white-10), inset 0 0 0 calc(.5 * var(--rs-thumb-f) * (var(--rs-thumb-d) - 2 * var(--rs-thumb-p)) + var(--rs-thumb-p)) var(--color-slider-thumb-bg), var(--space-4) calc(-1 * var(--space-4)) var(--space-4) var(--alpha-white-10), calc(-1 * var(--space-4)) var(--space-4) var(--space-12) var(--alpha-black-40), var(--space-12) calc(-1 * var(--space-12)) var(--space-12) var(--alpha-white-10), calc(-1 * var(--space-12)) var(--space-12) var(--space-20) var(--alpha-black-50);background:repeating-conic-gradient(from 60deg, transparent 0%, var(--alpha-black-20) 1deg 59deg, transparent 60deg 50%) 0/calc(var(--rs-thumb-f) * 100%) 100% space content-box, var(--color-slider-thumb-bg);-webkit-transition:box-shadow var(--duration-base) var(--easing-standard);transition:box-shadow var(--duration-base) var(--easing-standard);border:none;border-radius:50%}.klyp-RulerSlider__input::-moz-range-thumb{box-sizing:border-box;padding:var(--rs-thumb-p);width:var(--rs-thumb-d);height:var(--rs-thumb-d);box-shadow:inset 0 0 1px 1px var(--alpha-white-10), inset 0 0 0 calc(.5 * var(--rs-thumb-f) * (var(--rs-thumb-d) - 2 * var(--rs-thumb-p)) + var(--rs-thumb-p)) var(--color-slider-thumb-bg), var(--space-4) calc(-1 * var(--space-4)) var(--space-4) var(--alpha-white-10), calc(-1 * var(--space-4)) var(--space-4) var(--space-12) var(--alpha-black-40), var(--space-12) calc(-1 * var(--space-12)) var(--space-12) var(--alpha-white-10), calc(-1 * var(--space-12)) var(--space-12) var(--space-20) var(--alpha-black-50);background:repeating-conic-gradient(from 60deg, transparent 0%, var(--alpha-black-20) 1deg 59deg, transparent 60deg 50%) 0/calc(var(--rs-thumb-f) * 100%) 100% space content-box, var(--color-slider-thumb-bg);border:none;border-radius:50%}.klyp-RulerSlider__input:focus-visible::-webkit-slider-thumb{outline:var(--border-width-2) solid var(--color-border-focus);outline-offset:var(--space-2)}.klyp-RulerSlider__input:focus-visible::-moz-range-thumb{outline:var(--border-width-2) solid var(--color-border-focus);outline-offset:var(--space-2)}.klyp-RulerSlider datalist{display:none}@media (prefers-reduced-motion:reduce){.klyp-RulerSlider__fill,.klyp-RulerSlider__mark{transition-duration:0s}}