.track.svelte-tc5qcj{--h:48px;--radius:.75rem;--pill-radius:.5rem;--value-size:.875rem;--grip-h:24px;--tick-h:10px;width:100%;height:var(--h);border-radius:var(--radius);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#27272a0f;position:relative}.md.svelte-tc5qcj{--h:36px;--radius:.5rem;--pill-radius:.375rem;--grip-h:18px;--tick-h:8px}.sm.svelte-tc5qcj{--h:24px;--radius:.375rem;--pill-radius:.25rem;--value-size:.75rem;--grip-h:12px;--tick-h:6px}.track.svelte-tc5qcj:focus-visible{outline-offset:2px;outline:2px solid #457ffc}.tick.svelte-tc5qcj{top:50%;left:var(--tick-left,0);width:1px;height:var(--tick-h);pointer-events:none;background-color:#27272a1a;position:absolute;transform:translate(-50%,-50%)}.pill.svelte-tc5qcj{width:var(--pill-w,0);border-radius:var(--pill-radius);cursor:grab;touch-action:none;box-sizing:border-box;background-color:#fff;align-items:center;gap:4px;height:calc(100% - 8px);padding-left:8px;padding-right:4px;transition:width .22s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;top:4px;left:4px;box-shadow:0 1px 2px -1px #00000014,0 1px 3px #00000014}.pill.dragging.svelte-tc5qcj{cursor:grabbing;transition:none}.value.svelte-tc5qcj{min-width:0;font-size:var(--value-size);color:#101014;text-align:left;white-space:nowrap;flex:1 0 0;font-weight:500}.grip.svelte-tc5qcj{width:3px;height:var(--grip-h);background-color:#27272a26;border-radius:.25rem;flex-shrink:0}.mixed.svelte-tc5qcj{font-size:var(--value-size);color:#6f6f76;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.panel.svelte-tc5qcj{--value-size:.75rem;background-color:#f4f4f5;overflow:hidden}.panel.svelte-tc5qcj .pill:where(.svelte-tc5qcj){border-radius:var(--radius);height:100%;box-shadow:none;background-color:#27272a0f;justify-content:flex-end;padding-left:0;transition:width .22s cubic-bezier(.2,.7,.2,1),background-color .12s;top:0;left:0}.label.svelte-tc5qcj,.value-right.svelte-tc5qcj{font-size:var(--value-size);white-space:nowrap;pointer-events:none;font-weight:500;line-height:1rem;position:absolute;top:50%;transform:translateY(-50%)}.label.svelte-tc5qcj{color:#6f6f76;left:12px}.value-right.svelte-tc5qcj{color:#101014;right:10px}.disabled.svelte-tc5qcj{opacity:.4;cursor:default}.panel.svelte-tc5qcj .tick:where(.svelte-tc5qcj),.panel.svelte-tc5qcj .grip:where(.svelte-tc5qcj){opacity:0;transition:opacity .12s}.panel.active.svelte-tc5qcj .tick:where(.svelte-tc5qcj),.panel.active.svelte-tc5qcj .grip:where(.svelte-tc5qcj),.panel.svelte-tc5qcj:focus-visible .tick:where(.svelte-tc5qcj),.panel.svelte-tc5qcj:focus-visible .grip:where(.svelte-tc5qcj){opacity:1}@media (hover:hover) and (pointer:fine){.panel.svelte-tc5qcj:hover .pill:where(.svelte-tc5qcj){background-color:#27272a1f}.panel.svelte-tc5qcj:hover .tick:where(.svelte-tc5qcj),.panel.svelte-tc5qcj:hover .grip:where(.svelte-tc5qcj){opacity:1}}@media (prefers-reduced-motion:reduce){.pill.svelte-tc5qcj,.panel.svelte-tc5qcj .pill:where(.svelte-tc5qcj),.panel.svelte-tc5qcj .tick:where(.svelte-tc5qcj),.panel.svelte-tc5qcj .grip:where(.svelte-tc5qcj){transition:none}}