.percentage-range{gap:14px;padding:4px 0 12px;display:grid;position:relative}.percentage-range-values{color:#5f5f5f;letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;font-size:12px;font-weight:600;display:flex}.percentage-range-track{background:linear-gradient(to right, #e5e5e5 0%, #e5e5e5 var(--range-min), #1f5a78 var(--range-min), #1f5a78 var(--range-max), #e5e5e5 var(--range-max), #e5e5e5 100%);border-radius:999px;height:10px}.percentage-range-input{appearance:none;pointer-events:none;background:0 0;width:100%;height:36px;margin:0;position:absolute;top:30px;left:0;right:0}.percentage-range-input::-webkit-slider-runnable-track{background:0 0;height:10px}.percentage-range-input::-moz-range-track{background:0 0;height:10px}.percentage-range-input::-webkit-slider-thumb{appearance:none;cursor:pointer;pointer-events:auto;background:#fff;border:2px solid #1f5a78;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 6px #0000002e}.percentage-range-input::-moz-range-thumb{cursor:pointer;pointer-events:auto;background:#fff;border:2px solid #1f5a78;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #0000002e}.percentage-range-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #1f5a7829,0 2px 6px #0000002e}.percentage-range-input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #1f5a7829,0 2px 6px #0000002e}.percentage-range-input-min{z-index:2}.percentage-range-input-max{z-index:3}