.input-range__slider{appearance:none;cursor:pointer;background:#3f51b5;border:1px solid #3f51b5;border-radius:100%;outline:none;width:1rem;height:1rem;margin-top:-.65rem;margin-left:-.5rem;transition:transform .3s ease-out,box-shadow .3s ease-out;display:block;position:absolute;top:50%}.input-range__slider:active{transform:scale(1.3)}.input-range__slider:focus{box-shadow:0 0 0 5px #3f51b533}.input-range--disabled .input-range__slider{box-shadow:none;background:#ccc;border:1px solid #ccc;transform:none}.input-range__slider-container{transition:left .3s ease-out}.input-range__label{color:#aaa;white-space:nowrap;font-family:Helvetica Neue,san-serif;font-size:.8rem;transform:translateZ(0)}.input-range__label--min,.input-range__label--max{position:absolute;bottom:-1.4rem}.input-range__label--min{left:0}.input-range__label--max{right:0}.input-range__label--value{position:absolute;top:-1.8rem}.input-range__label-container{position:relative;left:-50%}.input-range__label--max .input-range__label-container{left:50%}.input-range__track{cursor:pointer;background:#eee;border-radius:.3rem;height:.3rem;transition:left .3s ease-out,width .3s ease-out;display:block;position:relative}.input-range--disabled .input-range__track{background:#eee}.input-range__track--background{margin-top:-.15rem;position:absolute;top:50%;left:0;right:0}.input-range__track--active{background:#3f51b5}.input-range{width:100%;height:1rem;position:relative}.sm-input-range .input-range__slider{background:#6b7a85;border-color:#6b7a85}.sm-input-range .input-range__label--value{top:1em}.sm-input-range.hide-min-max-labels .input-range__label--max,.sm-input-range.hide-min-max-labels .input-range__label--min{display:none}.sm-input-range.magma .input-range__track--active{background:linear-gradient(90deg,#010106,#481461,#b02f4c,#f36d18,#f9fb93)}.sm-input-range.rdylgn .input-range__track--active{background:linear-gradient(90deg,#0f0,#ff0,red)}.sm-input-range.opacity .input-range__track--active{background:linear-gradient(90deg,#d3d3d3,#000)}.sm-input-range.cut .input-range__track--background{background:linear-gradient(90deg,#f000,#ff0000b3)}.sm-input-range.cut .input-range__track--active{background:#eee}.sm-input-range.fill .input-range__track--active{background:linear-gradient(90deg,#0000ffb3,#00f0)}.transparency-slider{flex-direction:column;gap:8px;padding:8px 32px 16px;display:flex}.transparency-slider .transparency-slider-label{text-align:center;color:var(--label-grey);font-size:14px;font-weight:400}
