.web-audio-player-main{background-color:#1c1c1c;bottom:-62px;color:#fff;height:62px;left:0;opacity:0;position:fixed;right:0;transition:transform .3s,opacity .3s,cisibility .3s;visibility:hidden;z-index:101}.web-audio-player-main.show{opacity:1;visibility:visible}.web-audio-player-main .web-audio-inner{display:table;height:62px;width:100%}.web-audio-player-main .web-audio-inner>div{display:table-cell;vertical-align:middle;white-space:nowrap}.web-audio-player-main:before{content:"";display:block;height:40px;left:100px;position:absolute;right:160px;top:-40px;z-index:0}.web-audio-player-main.web-audio-player-pin,.web-audio-player-main:hover{transform:translateY(-62px)}.web-audio-player-main .web-audio-controls,.web-audio-player-main .web-audio-settings{user-select:none}.web-audio-player-main .web-audio-controls>div,.web-audio-player-main .web-audio-settings>div{cursor:pointer;display:inline-block;font-size:1.1rem;height:30px;line-height:30px;text-align:center;vertical-align:middle;width:35px}.web-audio-player-main .web-audio-controls .web-audio-play-pause{background-color:#fff;border-radius:19px;color:#1c1c1c;height:38px;line-height:38px;text-align:center;width:38px}.web-audio-player-main .web-audio-controls .web-audio-play-pause .web-audio-pause,.web-audio-player-main.web-audio-player-playing .web-audio-play-pause .web-audio-play{display:none}.web-audio-player-main.web-audio-player-playing .web-audio-play-pause .web-audio-pause{display:block}.web-audio-player-main .web-audio-title{padding:0 20px;width:99%}.web-audio-player-main .web-audio-title>div{display:table;overflow:hidden;table-layout:fixed;text-overflow:ellipsis;white-space:nowrap;width:100%}.web-audio-player-main .web-audio-time{font-size:.9rem;padding-right:15px;white-space:nowrap}.web-audio-player-main .web-audio-volume{padding-right:10px}.web-audio-player-main .web-audio-volume-icon{cursor:pointer;display:inline-block;font-size:1.1rem;height:30px;line-height:30px;text-align:left;vertical-align:middle;width:15px}.web-audio-player-main .web-audio-volume-icon-half,.web-audio-player-main .web-audio-volume-icon-muted,.web-audio-player-main .web-audio-volume-icon-small,.web-audio-player-main.volume-half .web-audio-volume-icon-full,.web-audio-player-main.volume-muted .web-audio-volume-icon-full,.web-audio-player-main.volume-small .web-audio-volume-icon-full{display:none}.web-audio-player-main .web-audio-volume-icon-full,.web-audio-player-main.volume-half .web-audio-volume-icon-half,.web-audio-player-main.volume-muted .web-audio-volume-icon-muted,.web-audio-player-main.volume-small .web-audio-volume-icon-small{display:block}.web-audio-player-main .web-audio-volume-inner{background-color:#555;display:inline-block;margin-left:5px;position:relative;vertical-align:middle;width:70px}.web-audio-player-main .web-audio-progress{background-color:#3b3b3b;left:0;position:absolute;right:0;top:-1px;z-index:1}.web-audio-player-main .web-audio-progress,.web-audio-player-main .web-audio-volume-inner{cursor:pointer;height:1px}.web-audio-player-main .web-audio-progress:before,.web-audio-player-main .web-audio-volume-inner:before{bottom:-8px;content:"";display:block;left:0;position:absolute;right:0;top:-8px}.web-audio-player-main .web-audio-progress .web-audio-progress-current,.web-audio-player-main .web-audio-volume-inner .web-audio-volume-current{background-color:#bbb;bottom:0;left:0;position:absolute;top:0;transition:background-color .3s;width:0;z-index:1}.web-audio-player-main .web-audio-progress .web-audio-progress-current:after,.web-audio-player-main .web-audio-volume-inner .web-audio-volume-current:after{background-color:#fff;border-radius:2.5px;content:"";height:5px;position:absolute;right:-2px;top:-2px;transform:scale(0);transition:transform .3s;width:5px}.web-audio-player-main .web-audio-progress.hover .web-audio-progress-current,.web-audio-player-main .web-audio-progress:hover .web-audio-progress-current,.web-audio-player-main .web-audio-volume-inner.hover .web-audio-volume-current,.web-audio-player-main .web-audio-volume-inner:hover .web-audio-volume-current{background-color:#fff}.web-audio-player-main .web-audio-progress.hover .web-audio-progress-current:after,.web-audio-player-main .web-audio-progress:hover .web-audio-progress-current:after,.web-audio-player-main .web-audio-volume-inner.hover .web-audio-volume-current:after,.web-audio-player-main .web-audio-volume-inner:hover .web-audio-volume-current:after{transform:scale(1)}.web-audio-player-main.web-audio-player-playlist-opened{transform:translateY(-312px)}.web-audio-player-main .web-audio-player-playlist{background-color:#1c1c1c;height:250px;left:0;position:absolute;right:0;top:100%}.web-audio-player-main .web-audio-player-playlist-inner{list-style:none;margin:0;padding:0;user-select:none}.web-audio-player-main .web-audio-player-playlist-inner>li{cursor:pointer;display:table;padding:13px;transition:background-color .2s;width:100%}.web-audio-player-main .web-audio-player-playlist-inner>li.web-playlist-item-active,.web-audio-player-main .web-audio-player-playlist-inner>li:hover{background-color:#262626}.web-audio-player-main .web-playlist-play-pause{background-color:#fff;border-radius:11px;color:#1c1c1c;display:inline-block;font-size:8px;height:22px;line-height:22px;margin-left:7px;margin-right:15px;text-align:center;vertical-align:middle;width:22px}.web-audio-player-main .web-audio-player-playlist-inner>li.web-playlist-item-playing .web-playlist-play-pause .web-playlist-play,.web-audio-player-main .web-playlist-play-pause .web-playlist-pause{display:none}.web-audio-player-main .web-audio-player-playlist-inner>li.web-playlist-item-playing .web-playlist-play-pause .web-playlist-pause{display:block}.web-audio-player-main .web-playlist-item-duration{display:inline-block;font-size:.9rem;margin-right:7px;text-align:right;width:58px}.web-audio-player-main .web-playlist-right>a{color:inherit;display:inline-block;text-align:center;text-decoration:none;width:30px}.web-audio-player-main .web-playlist-item-cont>div{display:table-cell;vertical-align:middle;white-space:nowrap}.web-audio-player-main .web-playlist-item-cont .web-playlist-title{width:99%}.web-audio-player-main .web-playlist-item-cont .web-playlist-title>div{white-space:normal;width:100%}.web-audio-player-main .web-audio-settings .web-audio-pin{transform:rotate(45deg)}.web-audio-player-main .web-audio-settings .web-audio-loop,.web-audio-player-main .web-audio-settings .web-audio-pin,.web-audio-player-main .web-audio-settings .web-audio-playlist,.web-audio-player-main .web-audio-settings .web-audio-shuffle{opacity:.5}.web-audio-player-main.web-audio-player-loop .web-audio-settings .web-audio-loop,.web-audio-player-main.web-audio-player-pin .web-audio-settings .web-audio-pin,.web-audio-player-main.web-audio-player-playlist-opened .web-audio-settings .web-audio-playlist,.web-audio-player-main.web-audio-player-shuffle .web-audio-settings .web-audio-shuffle{opacity:1}@media(max-width:767px){.web-audio-player-main{bottom:-170px;height:170px}.web-audio-player-main:hover{transform:none}.web-audio-player-main.web-audio-player-pin,.web-audio-player-main.web-audio-player-pin:hover{transform:translateY(-170px)}.web-audio-player-main.web-audio-player-playlist-opened,.web-audio-player-main.web-audio-player-playlist-opened:hover{transform:translateY(-420px)}.web-audio-player-main .web-audio-inner{display:block;height:170px;text-align:center}.web-audio-player-main .web-audio-inner .web-audio-controls{padding-bottom:10px;padding-top:20px}.web-audio-player-main .web-audio-inner .web-audio-title{padding-bottom:20px;padding-top:10px}.web-audio-player-main .web-audio-inner .web-audio-controls,.web-audio-player-main .web-audio-inner .web-audio-title{display:block}.web-audio-player-main .web-audio-inner .web-audio-settings,.web-audio-player-main .web-audio-inner .web-audio-time,.web-audio-player-main .web-audio-inner .web-audio-volume{display:inline-block}.web-audio-player-main .web-audio-inner .web-audio-pin{display:none}}.web-audio-playlist-hidden{display:none}.web-audio-playlist{list-style:none;margin:0;padding:0}.web-audio-playlist>li{cursor:pointer;display:table;padding:13px}.web-audio-playlist>li.web-audio-playlist-item-active,.web-audio-playlist>li:hover{background-color:#f2f2f2}.web-audio-playlist>li>div{display:table-cell;vertical-align:middle}.web-audio-playlist>li .web-audio-playlist-title{width:99%}.web-audio-playlist>li .web-audio-playlist-buttons{white-space:nowrap}.web-audio-playlist>li .web-audio-playlist-buttons>a{color:inherit;display:inline-block;text-align:center;text-decoration:none;width:30px}.web-audio-playlist>li .web-audio-playlist-play-pause{background-color:#3b3b3b;border-radius:11px;color:#fff;display:inline-block;font-size:8px;height:22px;line-height:22px;margin-left:7px;margin-right:15px;text-align:center;vertical-align:middle;width:22px}.web-audio-playlist>li .web-audio-playlist-play-pause .web-audio-playlist-pause,.web-audio-playlist>li.web-audio-playlist-item-playing .web-audio-playlist-play-pause .web-audio-playlist-play{display:none}.web-audio-playlist>li.web-audio-playlist-item-playing .web-audio-playlist-play-pause .web-audio-playlist-pause{display:block}.web-audio-playlist>li .web-audio-playlist-duration{display:inline-block;font-size:.9rem;margin-right:7px;text-align:right;width:58px}.web-audio-playlist.web-audio-playlist-dark>li.web-audio-playlist-item-active,.web-audio-playlist.web-audio-playlist-dark>li:hover{background-color:#262626}.web-audio-playlist.web-audio-playlist-dark>li .web-audio-playlist-play-pause{background-color:#fff;color:#1c1c1c}.web-audio-plain{background-color:#fff;display:table;padding:20px 15px;width:100%}.web-audio-plain>div{display:table-cell}.web-audio-plain .web-audio-plain-title{width:99%}.web-audio-plain .web-audio-plain-buttons{white-space:nowrap}.web-audio-plain .web-audio-plain-buttons>a{color:inherit;display:inline-block;text-align:center;text-decoration:none;width:30px}.web-audio-plain .web-audio-plain-play-pause{background-color:#3b3b3b;border-radius:19px;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;height:38px;line-height:38px;margin-left:7px;margin-right:15px;text-align:center;vertical-align:middle;width:38px}.web-audio-plain .web-audio-plain-play-pause .web-audio-plain-pause,.web-audio-plain.web-audio-plain-playing .web-audio-plain-play-pause .web-audio-plain-play{display:none}.web-audio-plain.web-audio-plain-playing .web-audio-plain-play-pause .web-audio-plain-pause{display:block}.web-audio-plain .web-audio-plain-duration{display:inline-block;font-size:.9rem;margin-right:7px;text-align:right;width:58px}.web-audio-plain .web-audio-progress{background-color:#ddd;cursor:pointer;height:1px;left:0;margin-bottom:2px;margin-top:2px;position:relative;right:0;z-index:1}.web-audio-plain .web-audio-progress:before{bottom:-8px;content:"";display:block;left:0;position:absolute;right:0;top:-8px}.web-audio-plain .web-audio-progress .web-audio-progress-current{background-color:#777;bottom:0;left:0;position:absolute;top:0;transition:background-color .3s;width:0;z-index:1}.web-audio-plain .web-audio-progress .web-audio-progress-current:after{background-color:#3b3b3b;border-radius:2.5px;content:"";height:5px;position:absolute;right:-2px;top:-2px;transform:scale(0);transition:transform .3s;width:5px}.web-audio-plain .web-audio-progress.hover .web-audio-progress-current,.web-audio-plain .web-audio-progress:hover .web-audio-progress-current{background-color:#3b3b3b}.web-audio-plain .web-audio-progress.hover .web-audio-progress-current:after,.web-audio-plain .web-audio-progress:hover .web-audio-progress-current:after{transform:scale(1)}.web-audio-plain.web-audio-plain-dark{background-color:#262626;color:#fff}.web-audio-plain.web-audio-plain-dark .web-audio-plain-play-pause{background-color:#fff;color:#1c1c1c}.web-audio-plain.web-audio-plain-dark .web-audio-progress{background-color:#3b3b3b}.web-audio-plain.web-audio-plain-dark .web-audio-progress .web-audio-progress-current{background-color:#bbb}.web-audio-plain.web-audio-plain-dark .web-audio-progress .web-audio-progress-current:after,.web-audio-plain.web-audio-plain-dark .web-audio-progress.hover .web-audio-progress-current,.web-audio-plain.web-audio-plain-dark .web-audio-progress:hover .web-audio-progress-current{background-color:#fff}