div.essential_audio{position:relative;width:100%;z-index:0}div.essential_audio>div:first-child div{height:28px;background-color:#000;border-radius:50%;width:28px;margin-top:-13px}div.essential_audio>div:first-child div:after{height:86%;position:absolute;top:7%;left:7%;width:86%}:root{--button-protrusion:4px}div.essential_audio>div:first-child div.off:after{content:url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><polygon fill='%23FFF' points='10,6.9 10,23.1 24,15' /></svg>")}div.essential_audio>div:first-child div.load:after{animation:audio_load_rotate 1s linear infinite;content:url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><circle opacity='0.64' fill='%23FFFFFF' cx='6.5' cy='18.5' r='2'/><circle opacity='0.76' fill='%23FFFFFF' cx='6.5' cy='11.5' r='2'/><circle opacity='0.88' fill='%23FFFFFF' cx='11.5' cy='6.5' r='2'/><circle fill='%23FFFFFF' cx='18.5' cy='6.5' r='2'/><circle opacity='0.16' fill='%23FFFFFF' cx='23.5' cy='11.5' r='2'/><circle opacity='0.28' fill='%23FFFFFF' cx='23.5' cy='18.5' r='2'/><circle opacity='0.4' fill='%23FFFFFF' cx='18.5' cy='23.4' r='2'/><circle opacity='0.52' fill='%23FFFFFF' cx='11.5' cy='23.4' r='2'/></svg>")}@keyframes audio_load_rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}div.essential_audio>div:first-child div.play{background-color:#000!important}div.essential_audio>div:first-child div.play:after{content:url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><rect fill='%23FFF' x='17' y='8' width='3' height='14' /><rect fill='%23FFF' x='10' y='8' width='3' height='14' /></svg>")}div.essential_audio>div:first-child div.drag{transition:left 0s!important}div.essential_audio>div:first-child div.error{background-color:rgba(0,0,0,.35)!important}div.essential_audio>div:first-child div.error:after{content:url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path fill='%23FFF' d='M13.9,18.6c0-0.3,0-0.5,0-0.9c0-1.6,0.6-2.9,2.1-3.9l1.1-0.8c0.9-0.6,1.3-1.5,1.3-2.4c0-1.5-1-2.8-3-2.8c-2.2,0-3.1,1.6-3.1,3.2c0,0.2,0,0.4,0,0.5L10,11.9c-0.1-0.3-0.1-0.8-0.1-1.2c0-2.3,1.7-5.1,5.5-5.1c3.5,0,5.5,2.5,5.5,5c0,2-1.1,3.4-2.5,4.3l-1.2,0.8c-0.8,0.5-1.1,1.4-1.1,2.4c0,0.1,0,0.2,0,0.5H13.9z'/><path fill='%23FFF' d='M15,20.8c1,0,1.8,0.8,1.8,1.8S16,24.4,15,24.4c-1,0-1.8-0.8-1.8-1.8S14,20.8,15,20.8z'/></svg>")}div.essential_audio>div:nth-child(2){height:2px}div.essential_audio>div:nth-child(2):after{height:100%;content:"";mix-blend-mode:multiply;position:absolute;opacity:.3;top:0;background-color:#000;left:0;width:100%;z-index:0}div.essential_audio>div:nth-child(2) div{mix-blend-mode:multiply;background-color:#666}div.essential_audio>div:nth-child(3){height:12px;margin-top:-5px}div.essential_audio,div.essential_audio *{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-overflow-scrolling:auto;user-select:none}div.essential_audio :focus{outline:none}div.essential_audio>div:first-child div{position:absolute;top:0;cursor:pointer;left:0}div.essential_audio>div:first-child{height:0;position:absolute;top:0;left:calc(var(--button-protrusion)*-1);width:calc(100% + var(--button-protrusion)*2);z-index:3}div.essential_audio>div:nth-child(2){overflow:hidden;position:relative;width:100%}div.essential_audio>div:nth-child(2) div{height:100%;transition:width .5s;position:absolute;top:0;left:0;width:0;z-index:1}div.essential_audio>div:nth-child(3){position:absolute;top:0;left:0;width:100%;z-index:2}