.video-player{width:100%;height:100%;margin:0 auto;position:relative}.video-player video{width:100%}.controls{background-color:#0003;justify-content:space-between;align-items:center;width:100%;padding:0 10px 5px;display:flex;position:absolute;bottom:0;left:0}.controls button,.controls input[type=range],.controls span{color:#fff;cursor:pointer;background-color:#0000;border:none;outline:none;margin-right:10px;font-size:16px}.controls button:active,.controls input[type=range]:active{opacity:.6}.controls button.active{color:#0cf}.controls input[type=range]{-webkit-appearance:none;border-radius:0;width:100%;height:7px}.controls input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer}.controls input[type=range]::-moz-range-thumb{cursor:pointer;background-color:#235e8380;width:13px;height:13px}.controls span{font-weight:700}.controls .active-icon{color:#0cf}.controls .inactive-icon{color:#fff;opacity:.5}.progress-container{position:relative}
.audio-player input[type=range]{-webkit-appearance:none;cursor:pointer;background:-webkit-linear-gradient(270deg,#0cf 0% 0%);border-radius:8px;width:100%;height:5px;margin-bottom:10px;transition:background .2s}.audio-player input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#00709c;border-radius:50%;width:15px;height:15px}.audio-player input[type=range]::-moz-range-thumb{cursor:pointer;background:#00709c;border-radius:50%;width:15px;height:15px}.audio-player{border-radius:20px;min-width:350px;max-width:350px;margin:auto;padding:24px;color:#000!important;box-shadow:0 5px 5px #0003!important}.artwork{border-radius:120px;width:200px;height:200px;margin:auto;display:block}.track-info{text-align:center;z-index:1;position:relative}.audio-title{margin-bottom:4px;font-weight:700}.artist{margin-top:0;font-weight:300}.audio-controls{justify-content:space-between;width:75%;margin:0 auto 15px;display:flex}.audio-controls .prev svg,.audio-controls .next svg{width:35px;height:35px}.audio-controls .play svg,.audio-controls .pause svg{width:40px;height:40px}.color-backdrop{z-index:-1;position:absolute;inset:0;background:linear-gradient(45deg,#00b01d 20%,#0000 100%) no-repeat!important}.color-backdrop.playing{animation:20s infinite alternate colorChange}@keyframes colorChange{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}