@layer wertigo.components{.app-range{--app-range-height:24px;--app-range-track:6px;--app-range-thumb:18px;--app-range-gap:var(--ds-space-3);--app-range-value-size:var(--ds-text-md);--app-range-fill:var(--ds-brand)}.app-range--medium{--app-range-height:20px;--app-range-thumb:16px;--app-range-value-size:var(--ds-text-sm)}.app-range--compact{--app-range-height:18px;--app-range-track:4px;--app-range-thumb:14px;--app-range-gap:var(--ds-space-2);--app-range-value-size:var(--ds-text-xs)}.app-range__control{align-items:center;gap:var(--app-range-control-gap,var(--app-range-gap));display:flex}.app-range__input{min-width:0;height:var(--app-range-height);cursor:pointer;appearance:none;background:0 0;flex:1;margin:0;padding:0}.app-range__input:focus{outline:none}.app-range__input:disabled{--app-range-fill:var(--ds-line-hover);cursor:not-allowed}.app-range__input::-webkit-slider-runnable-track{height:var(--app-range-track);border-radius:var(--ds-radius-pill);background:linear-gradient(var(--app-range-fill),var(--app-range-fill)) 0/calc(var(--app-range-thumb) / 2 + (100% - var(--app-range-thumb)) * var(--app-range-progress,0)) 100% no-repeat,var(--ds-line)}.app-range__input::-moz-range-track{height:var(--app-range-track);border-radius:var(--ds-radius-pill);background:linear-gradient(var(--app-range-fill),var(--app-range-fill)) 0/calc(var(--app-range-thumb) / 2 + (100% - var(--app-range-thumb)) * var(--app-range-progress,0)) 100% no-repeat,var(--ds-line);border:0}.app-range__input::-webkit-slider-thumb{box-sizing:border-box;width:var(--app-range-thumb);height:var(--app-range-thumb);margin-top:calc(.5 * (var(--app-range-track) - var(--app-range-thumb)));border:2px solid var(--app-range-fill);border-radius:var(--ds-radius-pill);background:var(--ds-surface);box-shadow:var(--ds-shadow-sm);-webkit-transition:box-shadow var(--ds-duration) ease;transition:box-shadow var(--ds-duration) ease;appearance:none}.app-range__input::-moz-range-thumb{box-sizing:border-box;width:var(--app-range-thumb);height:var(--app-range-thumb);border:2px solid var(--app-range-fill);border-radius:var(--ds-radius-pill);background:var(--ds-surface);box-shadow:var(--ds-shadow-sm);-moz-transition:box-shadow var(--ds-duration) ease;transition:box-shadow var(--ds-duration) ease}.app-range__input:enabled:active::-webkit-slider-thumb{box-shadow:var(--ds-shadow-sm),0 0 0 4px var(--ds-brand-soft-line)}.app-range__input:enabled:hover::-webkit-slider-thumb{box-shadow:var(--ds-shadow-sm),0 0 0 4px var(--ds-brand-soft-line)}.app-range__input:enabled:active::-moz-range-thumb{box-shadow:var(--ds-shadow-sm),0 0 0 4px var(--ds-brand-soft-line)}.app-range__input:enabled:hover::-moz-range-thumb{box-shadow:var(--ds-shadow-sm),0 0 0 4px var(--ds-brand-soft-line)}.app-range__input:focus-visible::-webkit-slider-thumb{box-shadow:var(--ds-focus-ring)}.app-range__input:focus-visible::-moz-range-thumb{box-shadow:var(--ds-focus-ring)}.app-range__value{min-width:4.5ch;color:var(--ds-ink);font-size:var(--app-range-value-size);font-weight:var(--ds-weight-semibold);font-variant-numeric:tabular-nums;line-height:var(--ds-leading-tight);text-align:right;flex:none}.app-range__input:disabled+.app-range__value{color:var(--ds-subtle)}}