.player{background:linear-gradient(100deg,rgba(4,17,22,.98),rgba(8,30,35,.96));box-shadow:0 -10px 35px rgba(0,0,0,.2)}.volume>span{position:relative;width:21px;height:21px;font-size:0;display:inline-block}.volume>span::before{content:"";position:absolute;left:1px;top:7px;width:9px;height:8px;background:var(--cyan);clip-path:polygon(0 28%,42% 28%,100% 0,100% 100%,42% 72%,0 72%)}.volume>span::after{content:"";position:absolute;left:12px;top:4px;width:6px;height:13px;border:2px solid var(--cyan);border-left:0;border-radius:0 12px 12px 0}.progress-area input,.volume input{height:4px;background:#2d545a}.progress-area input::-webkit-slider-thumb,.volume input::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(67,235,209,.15)}.times{letter-spacing:.04em}