.range-field{gap:var(--space-3);display:grid}.range-field__inputs{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.range-field__input{gap:6px;min-width:0;display:grid}.range-field__input>span{color:var(--color-muted);font-size:.82rem;font-weight:650}.range-field__bar{--range-thumb:44px;--range-knob:20px;height:var(--range-thumb);position:relative}.range-field__track,.range-field__fill{border-radius:var(--radius-pill);pointer-events:none;height:4px;position:absolute;top:50%;transform:translateY(-50%)}.range-field__track{inset-inline:calc(var(--range-knob) / 2);background:var(--color-line)}.range-field__fill{background:0 0;inset-inline-start:calc(var(--range-knob) / 2 + (100% - var(--range-knob)) * var(--range-from,0));inset-inline-end:calc(var(--range-knob) / 2 + (100% - var(--range-knob)) * (1 - var(--range-to,1)))}.range-field__bar[data-bounded=true] .range-field__fill{background:var(--brand-on-surface)}.range-field__handle{inset-block:0;inset-inline:calc((var(--range-knob) - var(--range-thumb)) / 2);width:calc(100% + var(--range-thumb) - var(--range-knob));appearance:none;background:0 0;border:0;height:100%;margin:0;padding:0;position:absolute}.range-field__handle:focus-visible{outline:none}.range-field__handle::-webkit-slider-runnable-track{pointer-events:none;background:0 0;height:100%}.range-field__handle::-moz-range-track{pointer-events:none;background:0 0;height:100%}.range-field__handle::-webkit-slider-thumb{box-sizing:border-box;width:var(--range-thumb);height:var(--range-thumb);background:var(--color-surface) padding-box;box-shadow:inset 0 0 0 2px var(--brand-on-surface);appearance:none;pointer-events:auto;cursor:grab;border:12px solid #0000;border-radius:50%}.range-field__handle::-moz-range-thumb{box-sizing:border-box;width:var(--range-thumb);height:var(--range-thumb);background:var(--color-surface) padding-box;box-shadow:inset 0 0 0 2px var(--brand-on-surface);pointer-events:auto;cursor:grab;border:12px solid #0000;border-radius:50%}.range-field__handle:focus-visible::-webkit-slider-thumb{border-color:color-mix(in srgb, var(--brand-on-surface) 24%, transparent);box-shadow:inset 0 0 0 3px var(--brand-on-surface)}.range-field__handle:focus-visible::-moz-range-thumb{border-color:color-mix(in srgb, var(--brand-on-surface) 24%, transparent);box-shadow:inset 0 0 0 3px var(--brand-on-surface)}@media (max-width:380px){.range-field__inputs{grid-template-columns:minmax(0,1fr)}}.range-popover .premium-select__button{grid-template-columns:minmax(0,1fr) auto}.range-popover .premium-select__button:has(.range-popover__icon){grid-template-columns:auto minmax(0,1fr) auto}.range-popover__icon{color:var(--brand-on-surface);align-items:center;display:flex}.range-popover__panel{gap:var(--space-3);padding:var(--space-4);overflow:auto}.range-popover__heading{color:var(--color-ink);margin:0;font-size:.95rem;font-weight:700}.range-popover__actions{gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.range-popover__clear,.range-popover__apply{border-radius:var(--radius);min-height:42px;padding-inline:var(--space-4);cursor:pointer;font:inherit;font-weight:650}.range-popover__clear{border:1px solid var(--color-line);color:var(--color-muted);background:0 0}.range-popover__clear:hover{border-color:color-mix(in srgb, var(--brand) 35%, var(--color-line));color:var(--color-ink)}.range-popover__apply{color:var(--on-primary);background:var(--color-primary);border:0}.range-popover__apply:hover{background:color-mix(in srgb, var(--color-primary) 88%, black)}.range-popover__panel .range-field__input>span{font-size:.74rem}.range-field__legend{color:var(--color-muted);font-size:13px;font-weight:500}.max-amount-field{gap:12px;min-width:0;display:grid}.max-amount-field input[type=range]{width:100%;min-height:32px;accent-color:var(--brand)}