.sliders{background:#fff;border-radius:10px;box-shadow:2px 2px 1px #0001,-1px -1px 15px #0001;box-sizing:border-box;height:100px;position:relative}.sliders,input[type=range]{margin:0;padding:0;width:100%}input[type=range]{-webkit-appearance:none;background:transparent;border:none;pointer-events:none}input[type=range]::-webkit-slider-thumb{pointer-events:all}.from-slider::-webkit-slider-thumb,.to-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border-radius:3px;cursor:col-resize;height:110px;margin-top:-5px;width:5px;z-index:100}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:5px solid #1e90ff;border-image:linear-gradient(45deg,coral,#f72525) 1;border-radius:3px;box-shadow:7px 0 10px 1px #5b566066,-7px 0 10px 1px #5b566066;cursor:w-resize;height:100px;pointer-events:all;transform:var(--offset);width:var(--middle);z-index:1}.audio-overlay,.from-slider,.range-slider,.to-slider{left:0;position:absolute;top:0}.audio-overlay{-webkit-backdrop-filter:grayscale(1);backdrop-filter:grayscale(1);height:100%;pointer-events:none;width:0}.audio-overlay--left{background:linear-gradient(-90deg,hsla(0,0%,100%,.067),hsla(0,0%,100%,.667),hsla(0,0%,100%,.667),hsla(0,0%,100%,.667),hsla(0,0%,100%,.867));border-radius:10px 0 0 10px}.audio-overlay--right{background:linear-gradient(-90deg,hsla(0,0%,100%,.867),hsla(0,0%,100%,.667),hsla(0,0%,100%,.667),hsla(0,0%,100%,.667),hsla(0,0%,100%,.067));border-radius:0 10px 10px 0}.audio-bars{align-items:center;display:flex;height:100%;justify-content:space-evenly;width:100%}.audio-bars div{background:red;border-radius:10px;width:5px}.audio-bars div:nth-child(2n){height:30px}.audio-bars div:nth-child(odd){height:15px}.music-track{background:#fff;border-bottom:1px solid #ddd;box-sizing:border-box;-moz-column-gap:10px;column-gap:10px;cursor:pointer;display:flex;padding:5px 10px;transition:all .2s;width:100%}.music-track:hover{background:#eee}.music-track--container{display:flex;flex:1;flex-direction:column;row-gap:10px}.music-track--header{align-items:center;display:flex;justify-content:space-between}.music-track--body{align-items:center;-moz-column-gap:10px;column-gap:10px;display:flex;position:relative}.music-track--progress{background:#cf9562;border-radius:5px;display:flex;flex:1;height:40px;max-height:40px;overflow:hidden;position:relative}.music-track--progress-bar{background:#ff4500}.music-track--progress-bar,.music-track--range{height:100%;left:0;position:absolute;top:0;width:0}.music-track--range{background:rgba(30,143,255,.333);z-index:100}.music-track--controls{-moz-column-gap:5px;column-gap:5px;display:flex}.music-track--btn{align-items:center;color:#1e90ff;display:flex;justify-content:center}.track-list{box-sizing:border-box;display:flex;flex-direction:column;max-height:500px;overflow-x:hidden;overflow-y:auto;padding-right:5px;row-gap:10px}