.quick_audio_player{--quick-audio-player-player-bg:#fff;--plyr-audio-controls-background:var(--quick-audio-player-player-bg);background-color:var(--quick-audio-player-player-bg);display:flex;align-items:center;overflow:hidden}.quick_audio_player .plyr__controls{width:100%}.quick_audio_player .plyr__controls .plyr__control,.quick_audio_player .plyr__controls .plyr__controls__item{background-color:transparent}.quick_audio_player .qap_play{display:flex;align-items:center;justify-content:center;margin-right:20px}.quick_audio_player .player_audio{flex:1}.quick_audio_player .player_poster img{display:block;max-width:100%;margin-left:auto}.quick_audio_player .volume_down,.quick_audio_player .volume_up{cursor:pointer}.skin-2{--quick-audio-player-player-bg:#000}.skin-2 .mejs-controls{background-color:var(--quick-audio-player-player-bg)}.skin-2 .mejs-container{width:100%;min-width:400px!important}.skin-4{padding:0 0 0 10px;display:flex;border-radius:50px}.skin-4 .player_audio{flex:1;margin-right:20px}.skin-4 .player_audio .plyr{display:flex;flex-flow:row}.skin-4 .player_audio .plyr .qap_progress{flex:1}.skin-4 .player_poster img{width:80px}.skin-5{--quick-audio-player-player-bg:#D56EA3;--plyr-audio-control-color:#fff;padding:10px;border-radius:5px}.skin-5 .plyr__controls__item:not(.plyr__volume){border:1px solid;padding:8px;border-radius:20px;margin:0 5px}.skin-5 .plyr__volume svg{height:30px;width:30px}.skin-6{--quick-audio-player-player-bg:#f4f3f2;--plyr-color-main:#EFEFEF;--plyr-audio-control-color:#000;--plyr-audio-control-color-hover:#555;position:relative;background-color:var(--quick-audio-player-player-bg);border:1px solid #aeaeae;border-radius:25%;box-shadow:inset #fff 0 0 2px 1px,inset rgba(0,0,0,.06) 0 0 48px,rgba(0,0,0,.2) 0 15px 30px -10px}.skin-6:after{content:"";display:block;padding-bottom:100%}.skin-6 .play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%;background-color:transparent;border:none;border-radius:100%;cursor:pointer;outline:0;transform:rotate(120deg);display:flex;align-items:center;justify-content:center}.skin-6 .play i{font-size:25px}.skin-6 .play .dashicons-controls-play{margin-top:-5px}.skin-6 .play .dashicons-controls-pause{display:none;margin-left:-8px;margin-top:2px}.skin-6 .record{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:70%;height:70%;background-color:#363636;background:linear-gradient(to right,#363636 0,#666 40%,#616161 60%,#1f1e1f 100%);border-radius:100%;box-shadow:inset #030303 0 0 0 1px,inset rgba(255,255,255,.3) 0 0 0 2px;transform:rotate(0) translateZ(0)}.skin-6 .record:after,.skin-6 .record:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:linear-gradient(to right,#363636 0,#666 41%,#616161 61%,#1f1e1f 100%);border-radius:100%}.skin-6 .record:before{width:88%;height:88%;background-color:#505050;box-shadow:inset #1d1d1d 0 0 0 1px,inset rgba(255,255,255,.4) 0 0 0 2px,inset #292929 0 0 0 3px}.skin-6 .record:after{width:48%;height:48%;background-color:#363636;box-shadow:inset rgba(0,0,0,.2) 0 0 0 1px,rgba(0,0,0,.1) 0 0 2px 3px;transform:rotate(5deg)}.skin-6 .record .label{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:36%;height:36%;padding:4.5% 6%;background-color:#ff4e5b;background:repeating-linear-gradient(-45deg,#ff3543,#ff3543 1px,#ff4e5b 1px,#ff4e5b 3px);text-align:center;border-radius:100%;z-index:2}.skin-6 .record .label:after,.skin-6 .record .label:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;border-radius:100%;z-index:-1}.skin-6 .record .label:before{width:35%;height:35%;background-color:#ff2f3f}.skin-6 .record .label:after{width:30%;height:30%;background:repeating-linear-gradient(-45deg,#ff3543,#ff3543 1px,#ff4e5b 1px,#ff4e5b 3px)}.skin-6 .record .label h2{font-weight:700}.skin-6 .record .label h2,.skin-6 .record .label h3{color:#810009;z-index:4}.skin-6 .record .label p{position:absolute;top:50%;right:10%;bottom:0;margin:auto}.skin-6 .arm-container{position:absolute;width:30%;height:5%;top:13%;right:17%;transform-origin:94.2%;transform:rotate(-120deg)}.skin-6 i{color:var(--plyr-audio-control-color)}.skin-6 i:hover{color:var(--plyr-audio-control-color-hover)}.skin-6.is-playing .play .dashicons-controls-pause{display:block;transform:rotate(-75deg)}.skin-6.is-playing .play .dashicons-controls-play{display:none}.skin-6.is-playing .record{-webkit-animation:spin-on 4s .51s linear infinite;animation:spin-on 4s .51s linear infinite}.skin-6.is-playing .arm-container{-webkit-animation:arm-on .5s .01s ease-out forwards,arm-playing 3s .51s linear infinite;animation:arm-on .5s .01s ease-out forwards,arm-playing 3s .51s linear infinite}.skin-6.is-stopped .record{-webkit-animation:spin-off 1s ease-out forwards;animation:spin-off 1s ease-out forwards}.skin-6.is-stopped .arm-container{-webkit-animation:arm-off .51s ease-out forwards;animation:arm-off .51s ease-out forwards}.skin-6 .spindle{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:25%;height:25%;background-color:#000;border-radius:100%;box-shadow:rgba(0,0,0,.1) 0 0 12px 2px;transform:scale(.2);z-index:3}.skin-6 .spindle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:70%;height:70%;background-color:#ededed;background:linear-gradient(left,#e2e2e2 0,#d1d1d1 51%,#dbdbdb 51%,#fefefe 100%);border-radius:100%;z-index:4}.skin-6 .arm{position:absolute;top:5px;right:-25%;width:100%;height:100%;background-color:var(--plyr-color-main);border:1px solid var(--plyr-color-main);border-radius:12px;box-shadow:inset #fff 0 -1px 2px,inset rgba(0,0,0,.1) -2px -4px 12px,rgba(0,0,0,.06) -4px 4px 6px;z-index:2}.skin-6 .knob{position:absolute;background-color:var(--plyr-color-main);border-radius:100%;transform:translateZ(0);z-index:2}.skin-6 .knob:after{content:"";display:block;padding-bottom:100%}.skin-6 .knob.bottom{background-color:var(--plyr-color-main);border:var(--plyr-color-main);border-radius:100%}.skin-6 .knob.top{background-color:var(--plyr-color-main);border:1px solid var(--plyr-color-main);box-shadow:inset #fff 0 -1px 2px,inset rgba(0,0,0,.06) -6px -6px 18px,rgba(0,0,0,.06) -4px 4px 6px,rgba(0,0,0,.15) 2px 2px 6px}.skin-6 .weight.bottom{top:-61%;right:-13.5%;width:48%}.skin-6 .weight.top{width:40%;top:-40%;right:-9.5%}.skin-6 .weight.top:before{content:"";position:absolute;top:35%;right:245%;width:25%;height:25%;background-color:#ff6873;border:1px solid #ff4452;border-radius:100%;box-shadow:inset rgba(255,255,255,.6) 2px 2px 4px;transform:translateZ(0);z-index:4}.skin-6 .volume.bottom{bottom:8.5%;left:10%;width:14%;transform:translateZ(0)}.skin-6 .volume.bottom div{position:absolute;transform:translateZ(0)}.skin-6 .volume.bottom div:first-child{bottom:80%;right:80%}.skin-6 .volume.bottom div:last-child{top:85%;left:105%}.skin-6 .volume.bottom div:last-child:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%;background-color:inherit;transform:rotate(90deg)}.skin-6 .volume.top{bottom:9.8%;left:11.3%;width:11.5%;display:flex;align-items:center;justify-content:center;font-size:14px}.skin-6 .speaker{position:absolute;right:5%;bottom:4%;width:20%;transform:scale(.4)}.skin-6 .speaker:after{content:"";display:block;padding-bottom:100%}.skin-6 .speaker .hole{margin-right:12%;margin-bottom:12%;width:13%;float:left;background-color:var(--plyr-audio-control-color);border-radius:100%}.skin-6 .speaker .hole:after{content:"";display:block;padding-bottom:100%}@-webkit-keyframes spin-on{to{transform:rotate(360deg) translateZ(0)}}@keyframes spin-on{to{transform:rotate(360deg) translateZ(0)}}@-webkit-keyframes spin-off{to{transform:rotate(360deg) translateZ(0)}}@keyframes spin-off{to{transform:rotate(360deg) translateZ(0)}}@-webkit-keyframes arm-playing{0%{transform:rotate(-45deg)}50%{transform:rotate(-47deg)}100%{transform:rotate(-45deg)}}@keyframes arm-playing{0%{transform:rotate(-45deg)}50%{transform:rotate(-47deg)}100%{transform:rotate(-45deg)}}@-webkit-keyframes arm-off{0%{transform:rotate(-45deg)}100%{transform:rotate(-120deg)}}@keyframes arm-off{0%{transform:rotate(-45deg)}100%{transform:rotate(-120deg)}}@-webkit-keyframes arm-on{100%{transform:rotate(-45deg)}}@keyframes arm-on{100%{transform:rotate(-45deg)}}