.range-container.svelte-t7lw9a{--handle-width: 8px;--handle-height: 24px;--active-height: 6px;--inactive-height: 4px;--gap: 7px;--fill-color: var(--color-action, hsl(220 70% 55%));--track-bg: var(--color-bg-muted, hsl(0 0% 80%));display:flex;flex-direction:column;gap:.5em;width:100%;font-size:var(--control-font-1, 1rem);&.dense{gap:.25em}&.comfortable{gap:.75em}.error-text:where(.svelte-t7lw9a){font-size:.8em;color:var(--color-error, #d32f2f)}&.size-0{--handle-width: 6px;--handle-height: 20px;--active-height: 4px;--inactive-height: 4px;--gap: 6px;font-size:var(--control-font-0, .875rem)}&.size-1{--handle-width: 8px;--handle-height: 24px;--active-height: 6px;--inactive-height: 4px;--gap: 7px;font-size:var(--control-font-1, 1rem)}&.size-2{--handle-width: 10px;--handle-height: 28px;--active-height: 7px;--inactive-height: 4px;--gap: 9px;font-size:var(--control-font-2, 1.125rem)}&.size-3{--handle-width: 12px;--handle-height: 32px;--active-height: 8px;--inactive-height: 5px;--gap: 10px;font-size:var(--control-font-3, 1.25rem)}}label.svelte-t7lw9a{color:var(--color-text, inherit);font-weight:500;line-height:1.4}.range-wrapper.svelte-t7lw9a{position:relative;height:var(--handle-height);display:flex;align-items:center;cursor:pointer}.track-segment.svelte-t7lw9a{position:absolute;top:50%;transform:translateY(-50%);border-radius:999px;pointer-events:none}.track-segment.active.svelte-t7lw9a{height:var(--active-height);background:var(--fill-color);transition:left .1s ease,width .1s ease,height .2s ease,box-shadow .2s ease}.track-segment.inactive.svelte-t7lw9a{height:var(--inactive-height);background:var(--track-bg);transition:left .1s ease,width .1s ease,right .1s ease,height .2s ease}.dragging.svelte-t7lw9a .track-segment.active:where(.svelte-t7lw9a){transition:height .2s ease,box-shadow .2s ease;box-shadow:0 0 8px rgb(from var(--fill-color) r g b / .35)}.dragging.svelte-t7lw9a .track-segment.inactive:where(.svelte-t7lw9a){transition:height .2s ease}.range-container.svelte-t7lw9a:not(.disabled):hover .track-segment.active:where(.svelte-t7lw9a){height:calc(var(--active-height) + 2px)}.range-container.svelte-t7lw9a:not(.disabled):hover .track-segment.inactive:where(.svelte-t7lw9a){height:calc(var(--inactive-height) + 2px)}input.svelte-t7lw9a{position:absolute;width:100%;height:var(--handle-height);margin:0;padding:0;background:transparent;appearance:none;-webkit-appearance:none;pointer-events:none;outline:none;z-index:2}input.svelte-t7lw9a::-webkit-slider-runnable-track{height:var(--active-height);background:transparent;border:none}input.svelte-t7lw9a::-moz-range-track{height:var(--active-height);background:transparent;border:none}input.svelte-t7lw9a::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--handle-width);height:var(--handle-height);background:transparent;border:none;cursor:pointer;pointer-events:auto;margin-top:calc((var(--active-height) - var(--handle-height)) / 2)}input.svelte-t7lw9a::-moz-range-thumb{width:var(--handle-width);height:var(--handle-height);background:transparent;border:none;cursor:pointer;pointer-events:auto}input.svelte-t7lw9a:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-border-active, currentColor);outline-offset:2px;border-radius:calc(var(--handle-width) / 2)}input.svelte-t7lw9a:focus-visible::-moz-range-thumb{outline:2px solid var(--color-border-active, currentColor);outline-offset:2px;border-radius:calc(var(--handle-width) / 2)}input.svelte-t7lw9a:disabled{cursor:not-allowed}input.svelte-t7lw9a:disabled::-webkit-slider-thumb{cursor:not-allowed}input.svelte-t7lw9a:disabled::-moz-range-thumb{cursor:not-allowed}.handle.svelte-t7lw9a{position:absolute;top:50%;width:var(--handle-width);height:var(--handle-height);border-radius:calc(var(--handle-width) / 2);background:var(--fill-color);transform:translate(-50%,-50%);pointer-events:none;z-index:2;transition:left .1s ease,transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease}.range-container.svelte-t7lw9a:not(.disabled) .handle.hovering:where(.svelte-t7lw9a){transform:translate(-50%,-50%) scale(1.5,1.3);box-shadow:0 0 0 8px rgb(from var(--fill-color) r g b / .12)}.range-container.svelte-t7lw9a:not(.disabled) .handle.dragging:where(.svelte-t7lw9a){transform:translate(-50%,-50%) scale(1.5,1.15);box-shadow:0 0 0 12px rgb(from var(--fill-color) r g b / .18)}.handle.dragging.svelte-t7lw9a{transition:box-shadow .15s ease}.disabled.svelte-t7lw9a .handle:where(.svelte-t7lw9a){background:var(--color-action-disabled, hsl(0 0% 70%))}.disabled.svelte-t7lw9a{opacity:.5}.ticks.svelte-t7lw9a{position:absolute;inset:0;pointer-events:none;z-index:3}.tick.svelte-t7lw9a{position:absolute;top:50%;width:4px;height:4px;border-radius:50%;background:var(--fill-color);opacity:.6;transform:translate(-50%,-50%)}.tick.active.svelte-t7lw9a{background:var(--color-action-text, white);opacity:.6}.tick-label.svelte-t7lw9a{position:absolute;top:calc(var(--handle-height) / 2 + 6px);left:50%;transform:translate(-50%);font-size:.75em;color:var(--color-text-muted, inherit);white-space:nowrap}.value-tooltip.svelte-t7lw9a{position:absolute;bottom:calc(100% + 8px);transform:translate(-50%) translateY(4px);background:var(--color-action-active, hsl(220 70% 50%));color:var(--color-action-text, white);padding:2px 8px;border-radius:4px;font-size:.8em;font-weight:600;white-space:nowrap;pointer-events:none;z-index:3;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease,visibility .15s ease}.value-tooltip.visible.svelte-t7lw9a{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.value-tooltip.svelte-t7lw9a:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--color-action-active, hsl(220 70% 50%))}.value-display.svelte-t7lw9a{display:flex;justify-content:space-between;color:var(--color-text-muted, inherit);font-size:.85em;font-variant-numeric:tabular-nums}.has-tick-labels.svelte-t7lw9a .range-wrapper:where(.svelte-t7lw9a){margin-bottom:1.5em}.range-container.vertical.svelte-t7lw9a{width:fit-content;height:var(--range-height, 200px);align-items:center;overflow:visible;.range-wrapper:where(.svelte-t7lw9a){width:var(--range-height, 200px);transform-origin:0 0;transform:rotate(-90deg) translate(-100%)}.value-tooltip:where(.svelte-t7lw9a){bottom:auto;top:calc(100% + 8px);transform:translate(-50%) translateY(-4px) rotate(90deg) translate(18px);&.visible{transform:translate(-50%) translateY(0) rotate(90deg) translate(10px)}&:after{top:50%;left:auto;right:100%;transform:translateY(-50%);border-top-color:transparent;border-right-color:var(--color-action-active, hsl(220 70% 50%))}}.tick-label:where(.svelte-t7lw9a){transform:translate(-50%) rotate(90deg)}}