.opacity-slider{display:flex;justify-content:center;align-items:center;gap:4px}.opacity-slider .slider-container{position:relative;height:18px;overflow:hidden;flex:1}.opacity-slider .slider-gradient{position:absolute;inset:0;background:linear-gradient(to right,transparent,#000000)}.opacity-slider input[type=range]{position:absolute;inset:0;width:100%;height:100%;background:none;appearance:none;-webkit-appearance:none;cursor:pointer}.opacity-slider input[type=range]::-webkit-slider-runnable-track{height:100%;background:transparent}.opacity-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:18px;background-color:var(--shadow20);margin-top:-2px;margin-left:-2px}