.dual-range-slider{display:grid;grid-template-columns:minmax(6.5rem,9rem) 1fr;grid-gap:.55rem .75rem;gap:.55rem .75rem;align-items:center;min-width:0}.dual-range-slider.is-disabled{opacity:.5;pointer-events:none}.dual-range-slider__head{display:flex;flex-direction:column;gap:.15rem;min-width:0}.dual-range-slider__label-row{display:inline-flex;align-items:center;justify-content:flex-end;gap:.3rem;min-width:0}.dual-range-slider__label{font-size:.86rem;font-weight:600;color:var(--color-muted);text-align:right}.dual-range-slider__value{font-size:.78rem;color:var(--color-ink);text-align:right;white-space:nowrap}.dual-range-slider__control{position:relative;height:1.75rem;display:flex;align-items:center;min-width:0;cursor:pointer;touch-action:none}.dual-range-slider__rail{position:absolute;left:0;right:0;height:.35rem;border-radius:999px;background:color-mix(in srgb,var(--color-line) 88%,var(--color-input));pointer-events:none}.dual-range-slider__fill{position:absolute;top:0;bottom:0;border-radius:inherit;background:linear-gradient(90deg,var(--color-accent) 0,var(--color-accent-hover) 100%)}.dual-range-slider__input{position:absolute;inset:0;width:100%;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;pointer-events:none}.dual-range-slider__input::-webkit-slider-runnable-track{height:.35rem;background:transparent;border:none}.dual-range-slider__input::-moz-range-track{height:.35rem;background:transparent;border:none}.dual-range-slider__input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:1.05rem;height:1.05rem;margin-top:calc((.35rem - 1.05rem) / 2);border:2px solid var(--color-accent-hover);border-radius:50%;background:var(--color-surface-elevated);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 18%,transparent);pointer-events:auto;cursor:-webkit-grab;cursor:grab;-webkit-transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.dual-range-slider__input::-moz-range-thumb{width:1.05rem;height:1.05rem;border:2px solid var(--color-accent-hover);border-radius:50%;background:var(--color-surface-elevated);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 18%,transparent);pointer-events:auto;cursor:grab;-moz-transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.dual-range-slider__input.is-active{z-index:2}.dual-range-slider__input:not(.is-active){z-index:1}.dual-range-slider__input.is-active::-webkit-slider-thumb,.dual-range-slider__input:focus-visible::-webkit-slider-thumb,.dual-range-slider__input:hover::-webkit-slider-thumb{transform:scale(1.08);border-color:var(--color-accent-hover);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 28%,transparent)}.dual-range-slider__input.is-active::-moz-range-thumb,.dual-range-slider__input:focus-visible::-moz-range-thumb,.dual-range-slider__input:hover::-moz-range-thumb{transform:scale(1.08);border-color:var(--color-accent-hover);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 28%,transparent)}.dual-range-slider__input:focus-visible{outline:none}.dual-range-slider__input:active::-moz-range-thumb,.dual-range-slider__input:active::-webkit-slider-thumb{cursor:-webkit-grabbing;cursor:grabbing}@media (max-width:560px){.dual-range-slider{grid-template-columns:1fr;gap:.35rem}.dual-range-slider__head{flex-direction:row;align-items:baseline;justify-content:space-between;gap:.75rem}.dual-range-slider__label-row{justify-content:flex-start}.dual-range-slider__label,.dual-range-slider__value{text-align:left}}