div.essential_audio{position:relative;z-index:0;width:100%}div.essential_audio>div:nth-child(1) div{width:28px;height:28px;margin-top:-13px;border-radius:50%;background-color:#fff}div.essential_audio>div:nth-child(1) div:after{position:absolute;top:7%;left:7%;width:86%;height:86%}:root{--button-protrusion:4px}div.essential_audio>div:nth-child(1) div.off:after{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMCAzMCc+PHBvbHlnb24gZmlsbD0nIzFkM2I2NCcgcG9pbnRzPScxMCw2LjkgMTAsMjMuMSAyNCwxNScgLz48L3N2Zz4=)}div.essential_audio>div:nth-child(1) div.load:after{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzMCI+PGNpcmNsZSBvcGFjaXR5PSIwLjY0IiBmaWxsPSIjMmQ1MDdkIiBjeD0iNi41IiBjeT0iMTguNSIgcj0iMiIvPjxjaXJjbGUgb3BhY2l0eT0iMC43NiIgZmlsbD0iIzNlNjU5NiIgY3g9IjYuNSIgY3k9IjExLjUiIHI9IjIiLz48Y2lyY2xlIG9wYWNpdHk9IjAuODgiIGZpbGw9IiMxNDJiNDgiIGN4PSIxMS41IiBjeT0iNi41IiByPSIyIi8+PGNpcmNsZSBmaWxsPSIjMGMxYzMyIiBjeD0iMTguNSIgY3k9IjYuNSIgcj0iMiIvPjxjaXJjbGUgb3BhY2l0eT0iMC4xNiIgZmlsbD0iI0ZGRkZGRiIgY3g9IjIzLjUiIGN5PSIxMS41IiByPSIyIi8+PGNpcmNsZSBvcGFjaXR5PSIwLjI4IiBmaWxsPSIjRkZGRkZGIiBjeD0iMjMuNSIgY3k9IjE4LjUiIHI9IjIiLz48Y2lyY2xlIG9wYWNpdHk9IjAuNCIgZmlsbD0iI0ZGRkZGRiIgY3g9IjE4LjUiIGN5PSIyMy40IiByPSIyIi8+PGNpcmNsZSBvcGFjaXR5PSIwLjUyIiBmaWxsPSIjRkZGRkZGIiBjeD0iMTEuNSIgY3k9IjIzLjQiIHI9IjIiLz48L3N2Zz4=);animation:audio_load_rotate 1s infinite linear}@-webkit-keyframes audio_load_rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes audio_load_rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}div.essential_audio>div:nth-child(1) div.play{background-color:#ffffff!important}div.essential_audio>div:nth-child(1) div.play:after{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMCAzMCc+PHJlY3QgeD0nMTcnIHk9JzgnIHdpZHRoPSczJyBoZWlnaHQ9JzE0JyBmaWxsPScjMWQzYjY0Jy8+PHJlY3QgeD0nMTAnIHk9JzgnIHdpZHRoPSczJyBoZWlnaHQ9JzE0JyBmaWxsPScjRkZGRkZGRicvPjwvc3ZnPg==)}div.essential_audio>div:nth-child(1) div.drag{transition:left 0s!important}div.essential_audio>div:nth-child(1) div.error{background-color:rgb(0 0 0 / .35)!important}div.essential_audio>div:nth-child(1) div.error:after{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMCAzMCc+PHBhdGggZmlsbD0nI2I5MjUxNicgZD0nTTEzLjksMTguNmMwLTAuMywwLTAuNSwwLTAuOWMwLTEuNiwwLjYtMi45LDIuMS0zLjlsMS4xLTAuOGMwLjktMC42LDEuMy0xLjUsMS4zLTIuNGMwLTEuNS0xLTIuOC0zLTIuOGMtMi4yLDAtMy4xLDEuNi0zLjEsMy4yYzAsMC4yLDAsMC40LDAsMC41TDExLDExLjljLTAuMS0wLjMtMC4xLTAuOC0wLjEtMS4yYzAtMi4zLDEuNy01LjEsNS41LTUuMWMzLjUsMCw1LjUsMi41LDUuNSw1YzAsMi0xLjEsMy40LTIuNSw0LjNsLTEuMiwwLjhDOS45LDE2LjQsOS42LDE3LjQsOS42LDE4LjRjMCwwLjEsMCwwLjIsMCwwLjVIMTMuOXonLz48cGF0aCBmaWxsPScjRkZGRkZGJyBkPSdNMTUsMjAuOGMxLDAsMS44LDAuOCwxLjgsMS44UzE2LDI0LjQsMTUsMjQuNGMtMSwwLTEuOC0wLjgtMS44LTEuOFMxNCwyMC44LDE1LDIwLjh6Jy8+PC9zdmc+)}div.essential_audio>div:nth-child(2){height:7px}div.essential_audio>div:nth-child(2):after{content:'';position:absolute;z-index:0;background-color:gray;opacity:.3;mix-blend-mode:multiply;top:0;left:0;width:100%;height:30px}div.essential_audio>div:nth-child(2) div{background-color:#fff;mix-blend-mode:multiply;height:30px}div.essential_audio>div:nth-child(3){height:18px;margin-top:-8px}div.essential_audio,div.essential_audio *{user-select:none;-webkit-tap-highlight-color:#fff0;-webkit-overflow-scrolling:auto}div.essential_audio *:focus{outline:none}div.essential_audio>div:nth-child(1) div{position:absolute;top:0;left:0;cursor:pointer}div.essential_audio>div:nth-child(1){position:absolute;z-index:3;height:0;top:0;left:calc(var(--button-protrusion) * -1);width:calc(100% + (2 * var(--button-protrusion)))}div.essential_audio>div:nth-child(2){position:relative;width:100%;overflow:hidden}div.essential_audio>div:nth-child(2) div{position:absolute;z-index:1;width:0%;height:100%;top:0;left:0;transition:width 0.5s}div.essential_audio>div:nth-child(3){position:absolute;z-index:2;width:100%;top:0;left:0}