.range-slider.svelte-10tfk3r{--range-color:var(--range-slider-color,var(--active-color,#6366f1));width:100%;min-width:0;font:inherit;color:inherit;&:has(.thumb:where(.svelte-10tfk3r):disabled){opacity:.5}& .heading:where(.svelte-10tfk3r){flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1em;display:flex}& .label:where(.svelte-10tfk3r){font-weight:600}& .summary:where(.svelte-10tfk3r){font-variant-numeric:tabular-nums;max-width:100%;color:var(--range-color);align-items:center;gap:.4em;font-size:.9em;font-weight:600;display:inline-flex}& p:where(.svelte-10tfk3r){opacity:.7;margin:.35em 0 0;font-size:.85em}& .track-space:where(.svelte-10tfk3r){grid-template-columns:1fr 1fr;padding:0 22px;display:grid;&.side-ticks{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:0;& .rail:where(.svelte-10tfk3r),& .ticks:where(.svelte-10tfk3r){grid-column:2}& .limit:where(.svelte-10tfk3r){grid-row:1;margin-top:0;&:last-child{grid-column:3}}}}& .rail:where(.svelte-10tfk3r){touch-action:none;cursor:pointer;grid-area:1/1/2/-1;height:44px;position:relative}& .track:where(.svelte-10tfk3r){background:var(--range-slider-track,color-mix(in srgb, currentColor 15%, transparent));border-radius:9px;height:6px;position:absolute;inset:19px 0}& .track:where(.svelte-10tfk3r)>div:where(.svelte-10tfk3r){border-radius:inherit;background:var(--range-color);height:100%;position:absolute}& .thumb:where(.svelte-10tfk3r){width:44px;height:44px;color:var(--range-color);margin:0;cursor:grab;box-shadow:none;touch-action:none;background:0 0;border:0;border-radius:50%;outline:none;place-items:center;margin-inline-start:-22px;padding:0;display:grid;position:absolute;top:0;&.active{z-index:1}& .knob:where(.svelte-10tfk3r){box-sizing:border-box;background:var(--range-slider-thumb,#fff);border:3px solid;border-radius:50%;width:20px;height:20px;transition:box-shadow .12s,scale .12s;box-shadow:0 1px 4px #0003}&:hover:not(:disabled) .knob:where(.svelte-10tfk3r){box-shadow:0 0 0 5px color-mix(in srgb, currentColor 13%, transparent)}&:focus-visible .knob:where(.svelte-10tfk3r){outline-offset:4px;outline:2px solid}}&.dragging .thumb.active:where(.svelte-10tfk3r){cursor:grabbing}&.dragging .thumb.active:where(.svelte-10tfk3r) .knob:where(.svelte-10tfk3r){box-shadow:0 0 0 6px color-mix(in srgb, currentColor 15%, transparent);scale:1.12}& .limit:where(.svelte-10tfk3r),& .ticks:where(.svelte-10tfk3r){opacity:.65;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;grid-row:2;margin-top:-14px;font-size:.75em}& .limit:where(.svelte-10tfk3r){grid-column:1;&:last-child{text-align:end;grid-column:2}}& .ticks:where(.svelte-10tfk3r){grid-column:1/-1;height:1lh;position:relative;& span:where(.svelte-10tfk3r){justify-content:center;width:0;display:flex;position:absolute}}& .endpoint:where(.svelte-10tfk3r){min-width:0;display:grid;&:has(input:where(.svelte-10tfk3r)){border-bottom:1px solid color-mix(in srgb, currentColor 30%, transparent)}&>:where(.svelte-10tfk3r){grid-area:1/1}& .formatted:where(.svelte-10tfk3r){text-align:center;pointer-events:none;align-self:center;padding-inline:.25em}&:focus-within .formatted:where(.svelte-10tfk3r){visibility:hidden}&:not(:focus-within) input:where(.svelte-10tfk3r){opacity:0}}& input:where(.svelte-10tfk3r){box-sizing:content-box;background:var(--range-slider-input-bg,transparent);min-width:calc(100% - .5em);color:inherit;font:inherit;font-variant-numeric:tabular-nums;box-shadow:none;appearance:textfield;border:0;border-radius:0;padding:.25em}& input:where(.svelte-10tfk3r)::-webkit-inner-spin-button,& input:where(.svelte-10tfk3r)::-webkit-outer-spin-button{appearance:none;margin:0}& input:where(.svelte-10tfk3r):focus-visible{outline:2px solid var(--range-color);outline-offset:2px}&:has(.thumb:where(.svelte-10tfk3r):disabled) :is(.rail:where(.svelte-10tfk3r),.thumb:where(.svelte-10tfk3r),input:where(.svelte-10tfk3r)){cursor:not-allowed}}@media (prefers-reduced-motion:reduce){.range-slider.svelte-10tfk3r .thumb:where(.svelte-10tfk3r) .knob:where(.svelte-10tfk3r){transition:none}}@media (forced-colors:active){.range-slider.svelte-10tfk3r{--range-color:Highlight;--range-slider-track:GrayText;--range-slider-thumb:Canvas;& .track:where(.svelte-10tfk3r),& .knob:where(.svelte-10tfk3r){forced-color-adjust:none}}}.showcase.svelte-xxp68x{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));align-items:start;gap:2rem;display:grid;&>section:where(.svelte-xxp68x),&>form:where(.svelte-xxp68x){border-top:1px solid #8884;min-width:0;padding-block:1rem}& header:where(.svelte-xxp68x){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;min-height:2rem;margin-bottom:1rem;display:flex;& h2:where(.svelte-xxp68x){margin:0;font-size:1rem}& button:where(.svelte-xxp68x){box-shadow:none;border-radius:3px;padding:.25em .5em;font-size:.8rem}}&>section:where(.svelte-xxp68x)>label:where(.svelte-xxp68x){align-items:center;gap:.5em;margin-top:.8rem;font-size:.8rem;display:flex}}.commit-count.svelte-xxp68x{opacity:.6;font-variant-numeric:tabular-nums;margin:.75rem 0 0;font-size:.75rem}.note.svelte-xxp68x{opacity:.65;margin:1.1rem 0 0;font-size:.8rem;line-height:1.6}