div.essential_audio{z-index:0;width:100%;position:relative}div.essential_audio>div:first-child div{background-color:#000;border-radius:50%;width:28px;height:28px;margin-top:-13px}div.essential_audio>div:first-child div:after{width:86%;height:86%;position:absolute;top:7%;left:7%}: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{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>");animation:1s linear infinite audio_load_rotate}@keyframes audio_load_rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}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!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{content:"";z-index:0;opacity:.3;mix-blend-mode:multiply;background-color:#fff;width:100%;height:100%;position:absolute;top:0;left:0}div.essential_audio>div:nth-child(2) div{mix-blend-mode:multiply;background-color:#666}div.essential_audio>div:nth-child(3){height:18px;margin-top:-8px}div.essential_audio,div.essential_audio *{-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:auto;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}div.essential_audio :focus{outline:none}div.essential_audio>div:first-child div{cursor:pointer;position:absolute;top:0;left:0}div.essential_audio>div:first-child{z-index:3;height:0;top:0;left:calc(var(--button-protrusion)*-1);width:calc(100% + (2*var(--button-protrusion)));position:absolute}div.essential_audio>div:nth-child(2){width:100%;position:relative;overflow:hidden}div.essential_audio>div:nth-child(2) div{z-index:1;width:0%;height:100%;transition:width .5s;position:absolute;top:0;left:0}div.essential_audio>div:nth-child(3){z-index:2;width:100%;position:absolute;top:0;left:0}.original-audio-player-wrapper{width:100%;max-width:520px;height:640px;margin:0 auto;position:relative}.original-audio-canvas{width:100%;height:100%;position:absolute;top:0;left:0}.original-audio-canvas canvas{width:100%!important;height:100%!important}.original-audio-controls{width:90%;max-width:400px;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.clickme{display:none}@media (max-width:640px){.original-audio-player-wrapper{height:480px}}