/* Compact visuals retain the full 48px pointer and touch targets. */
.vortexg-m3-range-slider__fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.vortexg-m3-range-slider__fields label { min-width: 0; font-size: 12px; color: var(--md-sys-color-on-surface-variant); }
.vortexg-m3-range-slider__fields input { box-sizing: border-box; width: 100%; min-width: 0; min-height: 48px; margin-top: 6px; padding: 10px; font: inherit; font-size: 16px; background: var(--md-sys-color-surface-container); color: var(--md-sys-color-on-surface); border: 1px solid var(--md-sys-color-outline); border-radius: var(--md-sys-shape-corner-small); }
.vortexg-m3-range-slider__fields input:focus-visible { outline: 2px solid var(--md-sys-color-primary); outline-offset: 3px; }
.vortexg-m3-range-slider__fields[hidden],
.vortexg-m3-range-slider__control[hidden] { display: none; }
.vortexg-m3-range-slider__control { position: relative; height: 48px; }
.vortexg-m3-range-slider__track { position: absolute; inset-inline: 24px; top: 21px; height: 6px; border-radius: var(--md-sys-shape-corner-full); background: linear-gradient(to right, var(--md-sys-color-secondary-container) var(--vortexg-range-start, 0%), var(--md-sys-color-primary) var(--vortexg-range-start, 0%), var(--md-sys-color-primary) var(--vortexg-range-end, 100%), var(--md-sys-color-secondary-container) var(--vortexg-range-end, 100%)); }
.vortexg-m3-range-slider:dir(rtl) .vortexg-m3-range-slider__track { transform: scaleX(-1); }
.vortexg-m3-range-slider__control input { appearance: none; -webkit-appearance: none; position: absolute; inset: 0; box-sizing: border-box; width: 100%; height: 48px; margin: 0; padding: 0; border: 0; background: transparent; pointer-events: none; }
.vortexg-m3-range-slider__control input:focus { outline: none; z-index: 1; }
.vortexg-m3-range-slider__control input::-webkit-slider-runnable-track { height: 48px; background: transparent; }
.vortexg-m3-range-slider__control input::-moz-range-track { height: 48px; background: transparent; }
.vortexg-m3-range-slider__control input::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; box-sizing: border-box; width: 48px; height: 48px; border: 0; border-radius: var(--md-sys-shape-corner-full); background: radial-gradient(circle 2px at 50% 14px, var(--md-sys-color-primary) 99%, transparent 100%), radial-gradient(circle 2px at 50% 34px, var(--md-sys-color-primary) 99%, transparent 100%), linear-gradient(var(--md-sys-color-primary), var(--md-sys-color-primary)) center / 4px 20px no-repeat; pointer-events: auto; cursor: grab; }
.vortexg-m3-range-slider__control input::-moz-range-thumb { box-sizing: border-box; width: 48px; height: 48px; border: 0; border-radius: var(--md-sys-shape-corner-full); background: radial-gradient(circle 2px at 50% 14px, var(--md-sys-color-primary) 99%, transparent 100%), radial-gradient(circle 2px at 50% 34px, var(--md-sys-color-primary) 99%, transparent 100%), linear-gradient(var(--md-sys-color-primary), var(--md-sys-color-primary)) center / 4px 20px no-repeat; pointer-events: auto; cursor: grab; }
.vortexg-m3-range-slider__control input:focus-visible::-webkit-slider-thumb { outline: 2px solid var(--md-sys-color-primary); outline-offset: 2px; }
.vortexg-m3-range-slider__control input:focus-visible::-moz-range-thumb { outline: 2px solid var(--md-sys-color-primary); outline-offset: 2px; }