.range-slider{--slider-handle:var(--r4g-c-dark-700);--slider-handle-active:var(--r4g-c-cyan-200);--slider-handle-border:var(--r4g-c-cyan-700);--slider-handle-border-active:var(--r4g-c-cyan-500);--slider-dot:var(--r4g-c-dark-700);--slider-dot-border:var(--r4g-c-cyan-100);--slider-rail:var(--r4g-c-grey-400);--slider-track:var(--r4g-c-cyan-100);height:10px;padding:10px 0;-webkit-margin-after:var(--r4g-space-2xs);margin-block-end:var(--r4g-space-2xs)}.range-track{height:7px;background:var(--slider-track);border-radius:var(--r4g-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(--r4g-radius-full);border:2px solid var(--slider-dot-border)}.labels{display:flex;justify-content:space-between;-webkit-padding-before:var(--r4g-space-xs);padding-block-start:var(--r4g-space-xs);font-family:var(--r4g-font-mono);text-transform:uppercase;font-size:var(--r4g-font-size-xs);color:var(--r4g-c-cyan-100)}.labels span{padding:var(--r4g-space-3xs) var(--r4g-space-2xs);background-color:var(--r4g-c-dark-900);border-radius:var(--r4g-radius-full);line-height:1}