.slide__audio{position:relative;background:#ffbc65;width:200px;height:200px;top:20%;margin:0 auto;border-radius:200px}.audio__controls{height:200px;width:200px;position:relative}.slide__audio .slide__audio-player{display:none}.audio__slider{position:absolute;z-index:3}.audio__slider:before{content:"";display:block;width:200px;height:200px;border:12px solid rgba(255,255,255,.3);border-radius:100%;position:absolute;margin:0;padding:0;box-sizing:border-box}.audio__slider .rs-container{position:relative}.audio__slider .rs-bar{top:50%}.audio__slider .rs-tooltip{display:none}.rs-control{position:relative;outline:0 none}.rs-container{position:relative}.rs-control *,.rs-control *:before,.rs-control *:after{box-sizing:border-box}.rs-animation .rs-transition{transition:all .1s linear 0s}.rs-bar{transform-origin:100% 50%}.rs-control .rs-split .rs-path,.rs-control .rs-overlay1,.rs-control .rs-overlay2{transform-origin:50% 100%}.rs-control .rs-overlay{transform-origin:100% 100%}.rs-control.rs-error{border:1px dotted;text-align:center}.rs-inner-container{height:100%;width:100%;position:relative;overflow:hidden}.rs-block{height:100%;width:100%;display:block;position:absolute;top:0;overflow:hidden;z-index:3}.rs-block .rs-inner{-webkit-border-radius:1000px;border-radius:1000px;display:block;height:100%;width:100%;position:relative}.rs-bar{position:absolute;height:0;z-index:10;cursor:pointer}.rs-bar .rs-seperator{height:0;border-bottom:medium none;display:block;float:left}.full .rs-bar,.half .rs-bar{width:50%}.full .rs-bar,.half.left .rs-bar,.half.right .rs-bar{top:50%}.bottom .rs-bar{top:0}.half.right .rs-bar,.quarter.right .rs-bar{right:100%}.rs-handle.rs-move,.rs-readonly .rs-handle.rs-move{cursor:pointer}.rs-path{display:block;height:100%;width:100%}.rs-split .rs-path{-webkit-border-radius:1000px 1000px 0 0;border-radius:1000px 1000px 0 0;overflow:hidden;height:50%;position:absolute;top:0;z-index:2}.rs-tooltip{text-align:center;position:absolute;cursor:default;border:1px solid transparent;z-index:10}.rs-handle{border-radius:1000px;outline:0 none;float:left;margin:-14px 0 0 -7px!important}.rs-handle.rs-handle-square{border-radius:0}.paused .rs-handle,.playing .rs-handle,.active .rs-handle{background-color:#57f171;z-index:10;margin:-14px 0 0 -7px!important}.rs-handle{background-color:#57f171}.slide__audio #circle{position:absolute;top:100px;left:100px;bottom:0;stroke:#57f171;width:200px;height:200px;border-radius:100%;transform:translate(-50%,-50%);pointer-events:none;z-index:3}.play-pause{position:absolute;left:100px;top:100px;z-index:3;width:100px;background:transparent!important;height:100px;cursor:pointer;transform:translate(-50%,-50%);border:0;padding:0;margin:0}.play-pause:focus{outline:none}.play-pause:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZdJREFUeNrs29FNQjEYBlAgDuAIuAFugBvgBrABTiBOgE4AGzgCbCAbwAayAbZJb0KMT77wt/ecpO/39qP9CqGDAQAAAAAAAAAAAAAA8A+Xy2WWxr2ZiBPILo1jGlOzESeQzmcaY7MSJ5DsO42lmYkTSOcrjYkZihNIZ630YwVyKaU/M1txAunsWir9UQPvkI/GuVtWPsoxVsjv0p9aIXHkE9iu5tIfNbrI8neWXPpzgcSRV8imttJvOZDr0j/WUvp9CKTzWsMPln0KJBuX0t9ELf2+BdKZl21sKZBYpb8upT8RSMBv+hG2MYFclX4JZioQBPKHtzQeh8Ph/pYPcSeHQQ7gJQVxsEJu61yCeIoSRp9XyLaEcY72YH0L5JTG4tY9YcsqpZ2CeIgcRl9WyL6sipNj7+1Le1FK+1TLQ7cayHsaeXva1vbgrW1Zh3J62tf6Aq0EkrenjxTEqvYXaSGQqkq75Q7JATzXVtpV8mfregJxHSFIIC7sBArElbYggbj0GSgQ16IBAAAAAAAAAAAAACCsHwEGACfr+SLf7BaJAAAAAElFTkSuQmCC);background-size:150%;background-position:50% 50%;background-repeat:no-repeat}#seekbar{stroke-width:6}.playing #seekbar{visibility:visible}.playing .play-pause:after{content:none}.playing .play-pause:before{opacity:1}.equalizer{height:200px;width:100px;transform:rotate(180deg);left:50px;top:20px;position:absolute;transform-origin:center;opacity:0}.playing .equalizer{opacity:1}.equalizer-group{width:100%;height:100%;display:block;transform-origin:center}.bar{fill:#0c2;width:10px;animation:equalize 1.25s steps(25,end) 0s infinite;transform-origin:center;position:relative;margin-top:-50px}.bar:nth-child(1){animation-duration:1.9s;transform:translate(5px,50%)}.bar:nth-child(2){animation-duration:2s;transform:translate(25%,50%)}.bar:nth-child(3){animation-duration:2.3s;transform:translate(50%,50%)}.bar:nth-child(4){animation-duration:2.4s;transform:translate(75%,50%)}.bar:nth-child(5){animation-duration:2.1s;transform:translate(95%,50%)}@keyframes equalize{0%{height:10px;margin-top:-10px}4%{height:5px;margin-top:-5px}8%{height:40px;margin-top:-40px}12%{height:30px;margin-top:-30px}16%{height:20px;margin-top:-20px}20%{height:30px;margin-top:-30px}24%{height:40px;margin-top:-40px}28%{height:10px;margin-top:-10px}32%{height:40px;margin-top:-40px}36%{height:10px;margin-top:-10px}40%{height:20px;margin-top:-20px}44%{height:40px;margin-top:-40px}48%{height:15px;margin-top:-15px}52%{height:30px;margin-top:-30px}56%{height:10px;margin-top:-10px}60%{height:30px;margin-top:-30px}64%{height:35px;margin-top:-35px}68%{height:15px;margin-top:-15px}72%{height:5px;margin-top:-5px}76%{height:45px;margin-top:-45px}80%{height:25px;margin-top:-25px}84%{height:5px;margin-top:-5px}88%{height:50px;margin-top:-50px}92%{height:30px;margin-top:-30px}96%{height:50px;margin-top:-50px}to{height:25px;margin-top:-25px}}