.range-slider{--slider-handle:var(--dark-500);--slider-handle-active:var(--grey-200);--slider-handle-border:var(--accent-alt);--slider-handle-border-active:var(--accent-alt);--slider-dot:var(--dark-500);--slider-dot-border:var(--grey-100);--slider-rail:var(--grey-400);--slider-track:var(--grey-100);height:10px;padding:10px 0;-webkit-margin-after:var(--space-2xs);margin-block-end:var(--space-2xs)}.range-track{height:7px;background:var(--slider-track);border-radius:var(--radius-full)}.range-track-1{background:var(--slider-rail)}.range-track-1,.range-track-2{-webkit-margin-end:8px;margin-inline-end:8px}.range-track-2{background:var(--slider-track)}.range-handle{position:absolute;z-index:1;width:21px;height:21px;margin-top:-7px;background-color:var(--slider-handle);border:3px solid var(--slider-handle-border);border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;touch-action:pan-x}.range-handle.active{outline:none;background-color:var(--slider-handle-active);border-color:var(--slider-handle-border-active);box-shadow:0 0 0 5px rgba(37,62,73,.7)}.range-dot{top:7px;width:13px;aspect-ratio:1;background:var(--slider-dot);border-radius:var(--radius-full);border:2px solid var(--slider-dot-border)}.labels{display:flex;justify-content:space-between;-webkit-padding-before:var(--space-xs);padding-block-start:var(--space-xs);font-family:var(--font-mono);text-transform:uppercase;font-size:var(--font-size-xs);color:var(--grey-100)}.labels span{padding:var(--space-3xs) var(--space-2xs);background-color:var(--dark-900);border-radius:var(--radius-full);line-height:1}