@layer components{.range-site{--fill:50%;cursor:pointer;appearance:none;background:0 0;width:100%;height:2.75rem}.range-site::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--action) var(--fill), var(--line) var(--fill));border-radius:999px;height:4px}.range-site::-moz-range-track{background:var(--line);border-radius:999px;height:4px}.range-site::-moz-range-progress{background:var(--action);border-radius:999px;height:4px}.range-site::-webkit-slider-thumb{border:2px solid var(--action);background:var(--surface);appearance:none;width:1.375rem;height:1.375rem;transition:transform var(--dur-2) var(--ease-out-expo);border-radius:999px;margin-top:calc(2px - .6875rem);box-shadow:0 2px 10px -2px #041d2b59}.range-site::-moz-range-thumb{border:2px solid var(--action);background:var(--surface);width:1.125rem;height:1.125rem;transition:transform var(--dur-2) var(--ease-out-expo);border-radius:999px;box-shadow:0 2px 10px -2px #041d2b59}.range-site:active::-webkit-slider-thumb{transform:scale(1.15)}.range-site:active::-moz-range-thumb{transform:scale(1.15)}}