.dr{border-radius:8px;height:32px;position:relative}.dr:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-blue) 28%, transparent)}.dr-track{background:var(--color-mist);border-radius:2px;height:4px;position:absolute;top:14px;left:12px;right:12px}.dr-fill{background:var(--color-blue);border-radius:2px;position:absolute;top:0;bottom:0}.dr input[type=range]{pointer-events:none;appearance:none;background:0 0;outline:none;width:100%;height:32px;margin:0;padding:0;position:absolute;inset:0}.dr input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;height:32px}.dr input[type=range]::-moz-range-track{background:0 0;border:0;height:32px}.dr input[type=range]::-webkit-slider-thumb{appearance:none;pointer-events:auto;cursor:grab;border:2px solid var(--color-blue);background:#fff;border-radius:50%;width:24px;height:24px;margin-top:4px;box-shadow:0 1px 3px #10233a40}.dr input[type=range]::-moz-range-thumb{pointer-events:auto;cursor:grab;box-sizing:border-box;border:2px solid var(--color-blue);background:#fff;border-radius:50%;width:24px;height:24px;box-shadow:0 1px 3px #10233a40}.dr input[type=range]:focus-visible::-webkit-slider-thumb{background:var(--color-frost);border-color:var(--color-navy)}.dr input[type=range]:focus-visible::-moz-range-thumb{background:var(--color-frost);border-color:var(--color-navy)}.dr input[type=range]:active::-webkit-slider-thumb{cursor:grabbing}.ms-opt[data-active=true]{background:var(--color-frost)}.ms-opt{scroll-margin-block:4px}@media (prefers-reduced-motion:reduce){.dr,.ms-opt{transition:none!important}}