.v-range{--track-height:.375rem;--progress:0%;--thumb-size:15px;--thumb-offset:-4.5px;--track-bg:var(--bg-a5);--track-bg-hover:var(--bg-a6);--progress-bg:var(--primary-surface);--progress-bg-hover:var(--primary-surface);width:100%}.v-range .label{margin-bottom:0}.v-range--row{gap:1rem}.v-range--row,.v-range__input{align-items:center;display:flex}.v-range__input{flex:1;gap:.625rem}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border-radius:var(--radius-1);display:block;inline-size:100%;height:1.5rem;outline-offset:5px;position:relative}input[type=range],input[type=range]:active{outline-offset:1px}@media (hover:none){input[type=range]{--thumb-size:24px;--thumb-offset:-9px}}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--progress-bg) var(--progress),var(--track-bg) 0);block-size:var(--track-height);border-radius:var(--radius-full)}input[type=range]::-moz-range-track{-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--progress-bg) var(--progress),var(--track-bg) 0);block-size:var(--track-height);border-radius:var(--radius-full)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--thumb-bg) fixed;block-size:var(--thumb-size);border-radius:var(--radius-full);box-shadow:0 2px 6px -1px #0006,0 0 4px -2px #0006;inline-size:var(--thumb-size);margin-block-start:var(--thumb-offset)}input[type=range]::-moz-range-thumb{-moz-appearance:none;appearance:none;background:var(--thumb-bg) fixed;block-size:var(--thumb-size);border:none;border-radius:var(--radius-full);box-shadow:0 2px 6px -1px #0006,0 0 4px -2px #0006;inline-size:var(--thumb-size);margin-block-start:var(--thumb-offset)}input[type=range]:hover:not(:active){--track-bg:var(--track-bg-hover);--progress-bg:var(--progress-bg-hover)}.light-theme .v-range{--thumb-bg:#fff}.dark-theme .v-range{--thumb-bg:var(--color-highlight)}