.audio-button{float:left}.audio-button,.delete-button{background:transparent;border:0;height:40px;outline:none;padding:0;width:40px}.delete-button{float:right;margin:0 0 0 5px;min-width:40px}#start-button{background:#ff0080}#start-button,.player-button{border:0;border-radius:50%;float:left;height:40px;margin:0 5px 0 0;min-width:40px;outline:none;padding:0;width:40px}.player-button{background:#ffc700}.time{margin:28.5px 0 18.5px;width:37px}.time,output{display:inline-block;float:left;font-size:20px;text-align:center}output{clear:left;width:32px}#volume-slider{margin:10px 2.5%;width:58%}#volume-slider::-webkit-slider-runnable-track{background:rgba(30,30,30,.6)}#volume-slider::-moz-range-track{background:rgba(30,30,30,.6)}#volume-slider::-ms-fill-upper{background:rgba(30,30,30,.6)}#volume-slider:before{width:var(--volume-before-width)}#volume-container{--volume-before-width:100%}#audio-player-container{--seek-before-width:0%;--buffered-width:0%;align-items:center;background:#fff;border:1px solid;border-radius:30px;display:flex;height:50px;justify-content:space-between}.w-72{width:72%}.w-90{width:90%}input[type=range]{-webkit-appearance:none;float:left;height:19px;margin:10px 2.5%;outline:none;padding:0;position:relative}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,rgba(30,30,30,.6) var(--buffered-width),rgba(30,30,30,.2) var(--buffered-width));cursor:pointer;height:3px;width:100%}input[type=range]:before{background-color:#1e1e1e;content:"";cursor:pointer;height:3px;left:0;position:absolute;top:8px;width:var(--seek-before-width)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fff;border:1px solid #1e1e1e;border-radius:50%;box-sizing:content-box;cursor:pointer;height:15px;margin:-7px 0 0;position:relative;width:15px}input[type=range]:active::-webkit-slider-thumb{background:#1e1e1e;transform:scale(1.2)}input[type=range]::-moz-range-track{background:linear-gradient(to right,rgba(30,30,30,.6) var(--buffered-width),rgba(30,30,30,.2) var(--buffered-width));cursor:pointer;height:3px;width:100%}input[type=range]::-moz-range-progress{background-color:#1e1e1e}input[type=range]::-moz-focus-outer{border:0}input[type=range]::-moz-range-thumb{background-color:#fff;border:1px solid #1e1e1e;border-radius:50%;box-sizing:content-box;cursor:pointer;height:15px;width:15px}input[type=range]:active::-moz-range-thumb{background:#1e1e1e;transform:scale(1.2)}input[type=range]::-ms-track{background:transparent;border:solid transparent;color:transparent;cursor:pointer;height:3px;width:100%}input[type=range]::-ms-fill-lower{background-color:#1e1e1e}input[type=range]::-ms-fill-upper{background:linear-gradient(to right,rgba(30,30,30,.6) var(--buffered-width),rgba(30,30,30,.2) var(--buffered-width))}input[type=range]::-ms-thumb{background-color:#fff;border:1px solid #1e1e1e;border-radius:50%;box-sizing:content-box;cursor:pointer;height:15px;width:15px}input[type=range]:active::-ms-thumb{background:#1e1e1e;transform:scale(1.2)}