.fader{align-items:center;display:flex}.fader-label{margin-right:.5rem;white-space:nowrap}.fader-container{align-items:center;display:flex;position:relative;width:100%}.fader-track{background-color:var(--color-light);font-size:small;height:1px;margin-right:1rem;position:relative;width:100%}.fader-progress{height:100%;left:0;pointer-events:none;position:absolute;top:0}.fader-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;position:relative;transform:translateY(-.5rem);width:100%;z-index:2}.fader-input:focus{outline:none}.fader-input::-moz-range-thumb{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:var(--color-dark);border:1px solid var(--color-light);border-radius:0;height:1.25rem;-moz-transition:all .2s ease;transition:all .2s ease;width:.5rem;z-index:100}.fader:not(.disabled) .fader-input:hover{cursor:pointer}.fader:not(.disabled) .fader-input:hover::-moz-range-thumb{border:1px solid var(--color-highlight)}.fader-value{max-width:3.5rem;min-width:1rem;text-align:right}@media (width <= 768px){.fader-value{max-width:4rem}}.fader-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-dark);border:1px solid var(--color-light);border-radius:0;height:1.25rem;transform:translateY(-1px);-webkit-transition:all .2s ease;transition:all .2s ease;width:.5rem;z-index:100}.fader:not(.disabled) .fader-input:hover::-webkit-slider-thumb{border:1px solid var(--color-highlight)}