@charset "UTF-8";

@keyframes showElement {
from{opacity:0;}
to{opacity:1;}
}
@keyframes hideElement {
from{opacity:1;}
to{opacity:0;}
}
@media only screen and (min-width: 1026px) {
#sonaar-player:not(.sr-float) .player .store{box-sizing:border-box;}
#sonaar-player:not(.sr-float) .player .store .track-store{display:flex;list-style:none;margin:0;padding:0;height:100%;}
#sonaar-player:not(.sr-float) .player .store .track-store li{height:100%;min-width:74px;display:flex;justify-content:center;align-items:center;border-left:1px solid rgba(255, 255, 255, 0.1);position:relative;top:0;}
#sonaar-player:not(.sr-float) .player .store .track-store li a{height:auto;max-height:100%;display:block;font-size:10px;text-decoration:none;text-transform:uppercase;text-align:center;overflow:hidden;padding-left:10px;padding-right:10px;}
#sonaar-player:not(.sr-float) .player .store .track-store li a:hover{transition:200ms;filter:brightness(0.75);}
#sonaar-player:not(.sr-float) .player .store .track-store li a i{pointer-events:none;display:block;font-size:20px;}
#sonaar-player:not(.sr-float) .player .store .track-store li .sr_store_round_bt{border-radius:4px;padding:4px 6px;margin:0px 10px;display:flex;align-items:center;justify-content:center;}
#sonaar-player:not(.sr-float) .player .store .track-store li .sr_store_round_bt i.fas{display:inline-block;margin-right:5px;font-size:12px;}
}
@media only screen and (max-width: 426px) {
#sonaar-player .playlist .tracklist .track-store{display:none !important;}
}
@media only screen and (max-width: 540px) {
#sonaar-player .playlist button.play, #sonaar-player .player .player-row .sr_skipBackward,
#sonaar-player .player .player-row .sr_skipForward,
#sonaar-player .player .player-row .previous,
#sonaar-player .player .player-row .sr_speedRate,
#sonaar-player .player .player-row .shuffle{display:none !important;}
}
@media only screen and (min-width: 425px) and (max-width: 1025px) {
#sonaar-player .playlist .tracklist .track-store{display:none !important;}
}
#sonaar-player{position:fixed;bottom:-90px;color:#fff;width:100%;z-index:8010;}
#sonaar-player,
#sonaar-player .player{height:90px;}
@media only screen and (max-width: 540px) {
#sonaar-player,
#sonaar-player .player{height:56px;}
#sonaar-player div.player,
#sonaar-player .player div.player{border-width:0;}
}
#sonaar-player.sr_hide{display:none;}
#sonaar-player:not(.sr_hide):not([v-cloak]){display:block !important;}
@media only screen and (max-width: 1025px) {
#sonaar-player .store{display:none;}
}
@media only screen and (max-width: 1025px) {
#sonaar-player.enable .store{position:absolute;top:0px;right:0px;transform:translateY(-100%);width:auto !important;min-width:150px;border-radius:3px;z-index:10000;display:none;}
#sonaar-player.enable .store .track-store{font-size:14px;list-style:none;margin:0;padding:0;}
#sonaar-player.enable .store .track-store li{border:none;display:block;padding:7px;}
#sonaar-player.enable .store .track-store li a{text-decoration:none;display:block;text-align:center;color:inherit !important;background-color:inherit !important;}
#sonaar-player.enable .store .track-store li a .fa{display:inline-block;padding-right:10px;font-size:1.4em;}
#sonaar-player.enable .store .track-store li a i{margin-right:6px;}
#sonaar-player.enable .store .track-store li + li{border-top:1px solid rgba(138, 138, 138, 0.25);}
#sonaar-player.enable .store.opened{display:block;animation:showElement 0.25s ease-in-out both;}
#sonaar-player.enable .store:not(.opened){animation:hideElement 0.25s ease-in-out both;}
}
#sonaar-player.show-list{height:100%;z-index:9999;}
#sonaar-player .close{pointer-events:all;right:50px;top:45px;position:absolute;cursor:pointer;}
#sonaar-player .close.btn_playlist{width:30px;height:28px;}
#sonaar-player .close.btn_playlist:after, #sonaar-player .close.btn_playlist:before{margin-left:14px;}
#sonaar-player .close:after{content:"";border:3px solid #fff;transform:rotate(-45deg);width:0;height:25px;position:absolute;border-top:none;border-right:none;}
@media only screen and (max-width: 860px) {
#sonaar-player .close:after{width:0;height:16px;}
}
#sonaar-player .close:before{content:"";border:3px solid #fff;transform:rotate(45deg);width:0;height:25px;position:absolute;border-top:none;border-right:none;}
@media only screen and (max-width: 860px) {
#sonaar-player .close:before{width:0;height:16px;}
}
@media only screen and (max-width: 860px) {
#sonaar-player .close{top:15px;right:30px;z-index:9999;}
}
#sonaar-player .close.btn-player{width:35px;height:35px;right:0;top:0;transform:translateY(-100%);}
#sonaar-player .close.btn-player:after, #sonaar-player .close.btn-player:before{display:none;}
@media only screen and (max-width: 860px) {
#sonaar-player .close.btn-player{top:-3px;}
}
#sonaar-player .close.btn-player .audioBar{display:block;width:16px;height:16px;transform:rotate(180deg);position:absolute;top:11px;left:9px;}
#sonaar-player .close.btn-player.enable{z-index:9;width:24px;height:24px;transition:all 0.03s ease;}
#sonaar-player .close.btn-player.enable:after, #sonaar-player .close.btn-player.enable:before{display:block;position:absolute;width:0px;height:7px;top:7px;border:1px solid;border-top:none;border-right:none;}
#sonaar-player .close.btn-player.enable:before{left:14px;}
#sonaar-player .close.btn-player.enable::after{left:9px;}
#sonaar-player .close.btn-player.enable .audioBar{display:none;}
#sonaar-player .playerNowPlaying{width:342px;display:flex;align-items:center;}
#sonaar-player .playerNowPlaying .album-art{height:calc(100% - 16px);max-width:125px;transition:all 0.5s ease;margin-left:8px;position:relative;}
@media only screen and (max-width: 540px) {
#sonaar-player .playerNowPlaying .album-art{height:100%;margin-left:0px;max-width:90px;}
}
#sonaar-player .playerNowPlaying .album-art .loading-icon{color:#fff;position:absolute;width:100%;top:20px;opacity:0;transition:opacity 0.75s ease;z-index:1;}
#sonaar-player .playerNowPlaying .album-art.loading-enable.loading .loading-icon{opacity:0.8;}
#sonaar-player .playerNowPlaying .album-art img:not(.hover){max-width:100%;max-height:100%;position:relative;top:50%;transform:translateY(-50%);}
#sonaar-player .playerNowPlaying .album-art img.hover{opacity:0;position:absolute;top:0;width:200px;max-width:unset;height:auto;transition:all 0.5s ease;transform:translate3d(0, 200px, 0);z-index:100;}
@media only screen and (min-width: 540px) {
#sonaar-player .playerNowPlaying .album-art:hover img.hover{opacity:1;transform:translateY(-100%) translate3d(0, 0, 0);}
}
#sonaar-player .playerNowPlaying .metadata{position:relative;letter-spacing:1px;width:200px;height:100%;overflow:hidden;white-space:nowrap;margin:0 20px;line-height:1.65em;}
#sonaar-player .playerNowPlaying .metadata .track-name,
#sonaar-player .playerNowPlaying .metadata .track-artist,
#sonaar-player .playerNowPlaying .metadata .track-album{float:left;clear:left;}
#sonaar-player .playerNowPlaying .metadata .track-name.scrolling,
#sonaar-player .playerNowPlaying .metadata .track-artist.scrolling,
#sonaar-player .playerNowPlaying .metadata .track-album.scrolling{transition:transform 5s linear;}
#sonaar-player .playerNowPlaying .metadata .track-name .duplicate,
#sonaar-player .playerNowPlaying .metadata .track-artist .duplicate,
#sonaar-player .playerNowPlaying .metadata .track-album .duplicate{padding-left:10px;}
#sonaar-player .playerNowPlaying .metadata .metadata-inner{position:relative;top:50%;transform:translateY(-50%);}
#sonaar-player .playerNowPlaying .metadata .metadata-inner:after{content:"";clear:both;display:table;}
#sonaar-player .playerNowPlaying .metadata .track-artist,
#sonaar-player .playerNowPlaying .metadata .track-album{font-size:0.7em;line-height:1em;}
#sonaar-player .playerNowPlaying .metadata.no-image{margin-left:10px;margin-right:0;width:inherit;}
@media only screen and (max-width: 860px) {
#sonaar-player .playerNowPlaying .metadata{font-size:14px;}
}
@media only screen and (max-width: 540px) {
#sonaar-player .playerNowPlaying .metadata{font-size:12px;width:calc(100% - 90px);margin:0 10px;max-width:300px;}
}
@media only screen and (max-width: 860px) {
#sonaar-player .playerNowPlaying{width:auto;flex:1;}
}
@media only screen and (max-width: 860px) and (min-width: 541px) {
#sonaar-player .no-list .playerNowPlaying .metadata{width:calc(100% - 215px);}
}
#sonaar-player .playlist{font-size:18px;box-sizing:border-box;height:calc(100vh - 94px);position:absolute;width:100%;}
#sonaar-player .playlist .scroll{height:calc(100vh - 320px);width:100%;top:100px;position:absolute;display:flex;overflow-y:hidden;}
#sonaar-player .playlist .container{min-height:0;width:100%;max-width:1144px;height:auto;align-self:center;margin:auto;padding:0 20px;background-color:transparent;}
#sonaar-player .playlist .container .boxed{height:auto;width:100%;}
#sonaar-player .playlist .title{margin-bottom:20px;display:block;text-align:center;font-size:54px;line-height:1.265em;}
@media only screen and (max-width: 860px) {
#sonaar-player .playlist .title{box-sizing:border-box;font-size:18px;text-transform:uppercase;position:fixed;top:0;left:0;width:100vw;margin:0;padding:20px;}
}
#sonaar-player .playlist button.play{padding:12px 34px;border-radius:50px;border:none;font-family:Tahoma, sans-serif;font-size:14px;text-transform:uppercase;position:relative;left:50%;transform:translate(-50%, 0);margin:0 auto 50px auto;outline:none;cursor:pointer;}
#sonaar-player .playlist .tracklist{list-style-type:none;margin:0;padding:0;display:table;width:100%;}
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist{display:block;}
}
#sonaar-player .playlist .tracklist li{filter:brightness(70%);font-weight:inherit;display:table-row;line-height:2.4em;cursor:pointer;}
#sonaar-player .playlist .tracklist li.active{filter:brightness(100%);font-weight:700;}
@media only screen and (max-width: 860px) {
#sonaar-player .playlist .tracklist li{font-size:15px;}
}
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist li{display:block;line-height:1.265em;margin-bottom:1.265em;position:relative;}
}
#sonaar-player .playlist .tracklist span{display:table-cell;}
@media only screen and (min-width: 540px) {
#sonaar-player .playlist .tracklist span .content{line-height:1.3em;display:block;overflow:hidden;text-overflow:ellipsis;}
}
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist span{display:inline-block;}
}
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist .track-status{position:absolute;font-size:12px;font-weight:300;}
}
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist .track-lenght{font-size:12px;font-weight:300;position:absolute;right:0px;top:0;}
}
#sonaar-player .playlist .tracklist .track-store{display:flex;justify-content:start;column-gap:15px;}
#sonaar-player .playlist .tracklist .track-store a{text-decoration:none;font-size:20px;}
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist .track-title{display:block;width:100%;padding-left:30px;}
}
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist .track-artist,
#sonaar-player .playlist .tracklist .track-album{font-size:12px;font-weight:300;padding-left:30px;}
}
@media only screen and (max-width: 540px) {
#sonaar-player .playlist .tracklist .track-artist + .track-album{padding-left:10px;}
}
#sonaar-player .player{width:100%;position:absolute;left:0;bottom:0;top:auto;border-width:4px;border-style:solid;border-left:none;border-bottom:none;border-right:none;}
#sonaar-player .player .player-row{display:flex;height:100%;}
#sonaar-player .player .player-row .sr_skipBackward,
#sonaar-player .player .player-row .sr_skipForward{font-size:25px;}
@media only screen and (max-width: 540px) {
#sonaar-player .player .player-row:before{content:"";width:100%;height:calc(100% - 5px);display:block;position:absolute;bottom:0;z-index:55;}
}
@media only screen and (max-width: 540px) {
#sonaar-player .player .player-row .playerNowPlaying,
#sonaar-player .player .player-row .control,
#sonaar-player .player .player-row .sonaar-extend-button{z-index:60;}
}
#sonaar-player .player .wavesurfer{width:auto;position:relative;display:flex;flex:1;align-items:center;margin:0 5px;}
#sonaar-player .player .wavesurfer .timing{font-variant-numeric:tabular-nums;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:11px;line-height:1em;}
#sonaar-player .player .wavesurfer .sr-progress{width:calc(100% - 200px);position:absolute;height:90px;left:75px;bottom:0;}
#sonaar-player .player .wavesurfer .sr-progress .sr-wavebar{position:absolute;height:1px;left:0;top:50%;}
#sonaar-player .player .wavesurfer .sr-progress .progress_totalTime{width:100%;}
#sonaar-player .player .wavesurfer .sr-progress .progress_currentTime{height:3px;top:calc(50% - 1px);}
#sonaar-player .player .wavesurfer .sr-progress .skip{width:100%;height:100%;position:absolute;top:0;left:0;}
#sonaar-player .player .wavesurfer #sPlayer{display:flex;align-items:center;height:100%;opacity:0;transition:all 3000ms ease;overflow:hidden;width:calc(100% - 100px);max-height:calc(100% - 6px);left:47px;}
#sonaar-player .player .wavesurfer #sPlayer.sr_hide{display:block;opacity:0;}
#sonaar-player .player .wavesurfer #sPlayer.reveal{opacity:1;}
@media only screen and (max-width: 860px) {
#sonaar-player .player .wavesurfer{display:none !important;}
}
#sonaar-player .player .progressLoading{background:rgba(255, 255, 255, 0.25);width:0%;height:1px;box-shadow:0 0 2px rgba(255, 255, 255, 0.5);width:calc(100% - 562px);position:absolute;left:552px;top:45px;transition:opacity 3000ms ease;}
#sonaar-player .player .wave{position:absolute;left:30px;}
#sonaar-player .player .wave wave{width:100%;position:absolute;overflow-x:hidden !important;}
#sonaar-player .player .control--item.list:hover, #sonaar-player .player .control--item.previous:hover, #sonaar-player .player .control--item.play:hover, #sonaar-player .player .control--item.next:hover, #sonaar-player .player .control--item.shuffle:hover,
#sonaar-player .player .control--item.volume svg:hover{filter:brightness(0.75);transition:300ms;}
#sonaar-player .player .mobilePanel{position:absolute;top:0px;width:100%;transform:translateY(calc(-100% + 4px));z-index:50;border-bottom:4px solid;}
#sonaar-player .player .mobilePanel .sonaar-extend-button{position:absolute;top:0;right:0;}
#sonaar-player .player .srp_mobile_control{padding:0 20px;display:none;}
#sonaar-player .player .srp_mobile_control .control{height:56px;width:100%;justify-content:space-evenly;}
#sonaar-player .player .srp_mobile_control .control .list{display:none;}
#sonaar-player .player .srp_mobile_control .control .control--item,
#sonaar-player .player .srp_mobile_control .control .sr_skipBackward,
#sonaar-player .player .srp_mobile_control .control .sr_skipForward,
#sonaar-player .player .srp_mobile_control .control .sr_speedRate{margin-left:0;margin-right:0;padding-left:0;padding-right:0;}
#sonaar-player .player .srp_mobile_control .control .shuffle{min-width:20px;width:20px;}
@media only screen and (min-width: 541px) {
#sonaar-player .player .srp_mobile_control{display:none !important;}
}
#sonaar-player .player .control{padding:0;margin:0;list-style:none;display:flex;justify-content:flex-start;flex-wrap:wrap;}
#sonaar-player .player .control .control--item{position:relative;text-align:center;padding:0 5px;margin:0 5px;width:30px;min-width:30px;height:100%;cursor:pointer;fill:#fff;opacity:1;}
#sonaar-player .player .control .control--item svg{top:50%;height:20px;max-height:calc(90% - 12px);transform:translate(-50%, -50%);position:absolute;}
#sonaar-player .player .control .control--item.list svg{width:inherit;}
@media only screen and (max-width: 860px) {
#sonaar-player .player .control{margin-right:20px;}
}
@media only screen and (max-width: 767px) {
#sonaar-player .player .control{margin-right:15px;}
}
@media only screen and (max-width: 540px) {
#sonaar-player .player .control{min-width:60px;margin-right:0;}
}
#sonaar-player .player .control .play svg{height:25px;}
#sonaar-player .player .control .play path,
#sonaar-player .player .control .play rect{transition:all 300ms ease;}
#sonaar-player .player .control .play rect{opacity:0;}
#sonaar-player .player .control .play.audio-playing path{opacity:0;}
#sonaar-player .player .control .play.audio-playing rect{opacity:1;}
@media only screen and (min-width: 541px) {
#sonaar-player.sr-float .player .mobilePanel{border-width:0;transform:unset;top:3px;}
}
@media only screen and (max-width: 540px) {
#sonaar-player.sr-float .player .mobilePanel{transform:translateY(calc(-100% + 5px));border-width:5px;}
}
#sonaar-player.sr-float .close.btn-player rect{fill:#fff;}
#sonaar-player .shuffle{width:20px;}
#sonaar-player .shuffle svg{cursor:pointer;}
#sonaar-player.hide-track-lenght .playlist .tracklist .track-lenght{display:none;}
#sonaar-player.hide-track-category .playlist .tracklist .track-album{display:none;}
#sonaar-player .sonaar-extend-button{height:100%;width:25px;display:flex;justify-content:center;align-items:center;font-size:16px;line-height:16px;text-align:center;margin-right:5px;cursor:pointer;}
@media only screen and (min-width: 1026px) {
#sonaar-player .sonaar-extend-button{display:none;}
}
#sonaar-player .sonaar-extend-button i{position:relative;display:block;}
#sonaar-player .mobileProgress{width:100%;position:absolute;top:-6px;z-index:10;cursor:pointer;}
#sonaar-player .mobileProgress .skip{position:absolute;width:100%;height:390%;top:-130%;z-index:10;}
@media only screen and (min-width: 861px) {
#sonaar-player .mobileProgress{display:none;}
}
#sonaar-player .mobileProgressing{height:6px;}
#sonaar-player .progressDot{height:10px;width:10px;border-radius:5px;position:absolute;top:50%;left:0;transform:translate(-50%, -50%);display:none;}
body:not(.continuousPlayer-enable) #sonaar-player .progressDot{opacity:0;}
#sonaar-player.sr-float:not(.show-list),
#sonaar-player.sr-float .player{height:50px;}
#sonaar-player.sr-float:not(.sr_hide):not([v-cloak]){display:flex !important;left:unset;}
#sonaar-player.sr-float{pointer-events:none;background-color:unset;}
#sonaar-player.sr-float.sr-pos--left{justify-content:flex-start;}
#sonaar-player.sr-float.sr-pos--center{justify-content:center;}
#sonaar-player.sr-float.sr-pos--right{justify-content:flex-end;}
#sonaar-player.sr-float .player{pointer-events:all;margin:20px;left:unset;border-radius:10px;width:auto;border-width:0px;}
#sonaar-player.sr-float .player .control .control--item{margin:0 1px;}
#sonaar-player.sr-float .player .control .control--item svg{width:14px;}
#sonaar-player.sr-float .player .control .control--item.list svg, #sonaar-player.sr-float .player .control .control--item.shuffle svg{width:21px;}
#sonaar-player.sr-float .player.audio-playing:hover .mobileProgress{display:block;opacity:1;}
@media only screen and (min-width: 861px) {
#sonaar-player.sr-float .player.sr-show_controls_hover{transition:800ms width;width:342px;}
#sonaar-player.sr-float .player.sr-show_controls_hover:hover{width:100%;}
#sonaar-player.sr-float .player.sr-show_controls_hover:hover .playerNowPlaying{width:270px;}
#sonaar-player.sr-float .player.sr-show_controls_hover .player-row{display:flex;justify-content:flex-end;}
#sonaar-player.sr-float .player.sr-show_controls_hover .playerNowPlaying{position:absolute;width:300px;height:100%;left:0;transition:800ms width;z-index:2;}
}
@media only screen and (max-width: 861px) {
#sonaar-player.sr-float .player.sr-show_controls_hover{width:calc(100% - 20px) !important;transform:unset !important;}
}
#sonaar-player.sr-float .player:hover .close.btn-player{opacity:1;}
#sonaar-player.sr-float .player .mobileProgress{transition:400ms;top:unset;bottom:-8px;width:100%;left:0px;}
#sonaar-player.sr-float .player .mobileProgressing{height:3px;}
#sonaar-player.sr-float .wavesurfer{display:none;}
#sonaar-player.sr-float .playlist{pointer-events:all;height:100%;}
#sonaar-player.sr-float .album-art img:last-child{border-radius:10px 0px 0px 10px;}
#sonaar-player.sr-float .playerNowPlaying .metadata{margin:0 10px;}
#sonaar-player.sr-float .playerNowPlaying .metadata .track-album{display:none;}
#sonaar-player.sr-float .playerNowPlaying .album-art{margin-left:0;height:100%;}
@media only screen and (min-width: 1026px) {
#sonaar-player.sr-float .sonaar-extend-button{display:flex;}
}
#sonaar-player.sr-float.enable .store{position:absolute;top:-1px;right:70px;transform:translateY(-100%);width:auto !important;min-width:150px;border-radius:3px;z-index:10000;display:none;}
@media only screen and (max-width: 861px) {
#sonaar-player.sr-float.enable .store{right:10px;}
}
#sonaar-player.sr-float.enable .store .track-store{font-size:14px;list-style:none;margin:0;padding:0;}
#sonaar-player.sr-float.enable .store .track-store li{border:none;display:block;padding:7px;}
#sonaar-player.sr-float.enable .store .track-store li a{text-decoration:none;display:block;text-align:right;color:inherit !important;background-color:inherit !important;}
#sonaar-player.sr-float.enable .store .track-store li a .fa{display:inline-block;padding-right:10px;font-size:1.4em;}
#sonaar-player.sr-float.enable .store .track-store li a i{margin-right:6px;}
#sonaar-player.sr-float.enable .store .track-store li + li{border-top:1px solid rgba(138, 138, 138, 0.25);}
#sonaar-player.sr-float.enable .store.opened{display:block;animation:showElement 0.25s ease-in-out both;}
#sonaar-player.sr-float.enable .store:not(.opened){animation:hideElement 0.25s ease-in-out both;}
@media only screen and (max-width: 861px) {
#sonaar-player.sr-float .player{width:calc(100% - 20px);max-width:unset;margin:10px;}
#sonaar-player.sr-float .player.audio-playing .mobileProgress{display:block;opacity:1;}
#sonaar-player.sr-float .player .close.btn-player.enable{opacity:1;}
#sonaar-player.sr-float .player .mobileProgress{opacity:0;bottom:0px;}
}
@media only screen and (min-width: 861px) {
#sonaar-player.sr-float .mobileProgress{display:block;opacity:0;}
}
@media only screen and (max-width: 540px) {
#sonaar-player.sr-float .player .control{min-width:42px;}
}
#sonaar-player.sr-float:not(.enable) .player{transition-delay:350ms;width:100% !important;max-width:100%;margin:0px;top:0px !important;left:0px !important;}
#sonaar-player.sr-float .close.btn-player{right:0px;top:0px;}
#sonaar-player.sr-float .close.btn-player.enable{transition:400ms;opacity:0;width:17px;height:15px;}
#sonaar-player.sr-float .close.btn-player.enable:before, #sonaar-player.sr-float .close.btn-player.enable:after{height:7px;top:5px;}
#sonaar-player.sr-float .close.btn-player.enable:before{left:10px;}
#sonaar-player.sr-float .close.btn-player.enable:after{left:6px;}
#sonaar-player.sr-fullwidth .sonaar_wave_base,
#sonaar-player.sr-fullwidth .sonaar_wave_cut{height:60px;}
#sonaar-player.sr-mini_fullwidth:not(.show-list),
#sonaar-player.sr-mini_fullwidth .player{height:42px;}
#sonaar-player.sr-mini_fullwidth{bottom:-48px;}
#sonaar-player.sr-mini_fullwidth .player{border-width:2px;}
#sonaar-player.sr-mini_fullwidth .player .control .control--item{margin:0 1px;}
#sonaar-player.sr-mini_fullwidth .player .control .control--item svg{width:14px;}
#sonaar-player.sr-mini_fullwidth .player .control .control--item.list svg, #sonaar-player.sr-mini_fullwidth .player .control .control--item.shuffle svg{width:21px;}
#sonaar-player.sr-mini_fullwidth .mobileProgress{top:-3px;}
#sonaar-player.sr-mini_fullwidth .mobileProgressing{height:3px;}
#sonaar-player.sr-mini_fullwidth .playerNowPlaying .metadata{margin:0 10px;}
#sonaar-player.sr-mini_fullwidth .playerNowPlaying .metadata .track-album{display:none;}
#sonaar-player.sr-mini_fullwidth .playerNowPlaying .album-art{margin-left:0;height:100%;}
@media only screen and (min-width: 1026px) {
#sonaar-player.sr-mini_fullwidth .store .track-store li a{font-size:8px;}
#sonaar-player.sr-mini_fullwidth .store .track-store li a i{font-size:12px;}
}
@media only screen and (max-width: 540px) {
#sonaar-player.sr-mini_fullwidth .player .control{min-width:42px;}
}
#sonaar-player.sr-mini_fullwidth .close.btn-player.enable{width:17px;height:19px;}
#sonaar-player.sr-mini_fullwidth .close.btn-player.enable:before, #sonaar-player.sr-mini_fullwidth .close.btn-player.enable:after{height:7px;top:5px;}
#sonaar-player.sr-mini_fullwidth .close.btn-player.enable:before{left:10px;}
#sonaar-player.sr-mini_fullwidth .close.btn-player.enable:after{left:6px;}
#sonaar-player.sr-mini_fullwidth .sonaar_wave_base,
#sonaar-player.sr-mini_fullwidth .sonaar_wave_cut{height:27px;}
#sonaar-player .sr_skipBackward{margin-left:15px;}
#sonaar-player .sr_skipForward{margin-right:15px;}
#sonaar-player .sr_speedRate{margin:0 20px 0 5px;}
#sonaar-player .sr_speedRate div{color:#000;background:#fff;}
.sr_skip_number{font-size:10px;font-weight:600;line-height:1;position:absolute;}
.sr_skipBackward, .sr_skipForward{font-size:22px;cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:center;}
.sr_skipBackward svg{transform:scaleX(-1);}
.sr_speedRate{display:flex;align-items:center;justify-content:center;font-weight:400;font-size:12px;line-height:1;cursor:pointer;}
.sr_speedRate div{color:#fff;background:#000;padding:3px;text-align:center;border-radius:3px;user-select:none;}
#sonaar-player .sr_speedRate:not(.active) div{opacity:0.5;}
#sonaar-player div.volume{padding:0 20px;}
@media only screen and (max-width: 860px) {
#sonaar-player div.volume{display:none;}
}
#sonaar-player .volume,
.iron-audioplayer .volume{display:flex;align-items:center;}
#sonaar-player .volume .slider-container,
.iron-audioplayer .volume .slider-container{position:absolute;width:30px;height:100px;left:50%;top:0px;transform:translate(-50%, -100%);background:#fff;z-index:200;border:1px solid #bbb;box-shadow:1px 1px 5px rgba(0, 0, 0, 0.5);border-radius:1px;display:none;}
#sonaar-player .volume .slider-container .slide,
.iron-audioplayer .volume .slider-container .slide{width:100%;height:70px;position:absolute;top:20px;cursor:pointer;}
#sonaar-player .volume .slider-container .slide:before,
.iron-audioplayer .volume .slider-container .slide:before{content:"";position:absolute;width:1px;height:100%;left:50%;top:-5px;opacity:0.5;}
#sonaar-player .volume .slider-container .ui-slider-range,
.iron-audioplayer .volume .slider-container .ui-slider-range{position:absolute;width:2px;height:60%;bottom:0;left:calc(50% - 1px);}
#sonaar-player .volume .slider-container .ui-slider-handle,
.iron-audioplayer .volume .slider-container .ui-slider-handle{width:7px;height:7px;border-radius:100%;position:absolute;left:calc(50% - 3px);cursor:pointer;}
#sonaar-player .volume .slider-container .trigger,
.iron-audioplayer .volume .slider-container .trigger{height:calc(100% - 20px);width:100%;top:10px;position:absolute;}
#sonaar-player .volume .slider-container:before,
.iron-audioplayer .volume .slider-container:before{width:0;height:0;border:none;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #bbb;content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);}
#sonaar-player .volume .slider-container:after,
.iron-audioplayer .volume .slider-container:after{width:0;height:0;border:none;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #fff;content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);}
#sonaar-player .volume .icon,
.iron-audioplayer .volume .icon{display:initial;width:22px;max-height:calc(90% - 12px);cursor:pointer;position:relative;line-height:0;}
#sonaar-player .volume .icon:hover .slider-container,
.iron-audioplayer .volume .icon:hover .slider-container{display:block;}
.iron-audioplayer .playlist ul .ps__rail-y{height:0px !important;}
.iron-audioplayer .ui-slider-handle, .iron-audioplayer .ui-slider-range{background:#000;}
.iron-audioplayer .sr_skip_number{font-size:8px;line-height:11px;}
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sr_shuffle{display:flex;}
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sr_speedRate{font-size:8px;line-height:9px;font-weight:600;}
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sr_speedRate div{border-width:1.5px;}
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sr_skipBackward svg,
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sr_skipForward svg,
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sr_shuffle_off,
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sr_shuffle_on,
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sr_mute,
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .sr_unmute{width:18px;}
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_wave_box.srp_progressbar_inline{display:flex;flex-wrap:wrap;}
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_wave_box.srp_progressbar_inline .player{margin-right:15px;flex-grow:1;width:unset;}
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .srp_wave_box.srp_progressbar_inline .player .sr_progressbar{width:auto;}
.sr_mute{display:none;}
.iron-audioplayer[data-mute="true"] .sr_unmute{display:none;}
.iron-audioplayer[data-mute="true"] .sr_mute{display:initial;}
.sr_shuffle{cursor:pointer;}
.sr_shuffle_on{display:none;}
.iron-audioplayer[data-shuffle="true"] .sr_shuffle_off{display:none;}
.iron-audioplayer[data-shuffle="true"] .sr_shuffle_on{display:initial;}
.continuousPlayer-enable #srmp3_lyricsplaying_container{transition:200ms;bottom:90px;}
@media only screen and (max-width: 540px) {
.continuousPlayer-enable #srmp3_lyricsplaying_container{bottom:62px;}
}
#srmp3_lyricsplaying_container{cursor:pointer;display:flex;justify-content:center;align-items:flex-end;max-width:100%;width:100%;bottom:0px;position:fixed;z-index:10000;}
.srmp3_lyrics tt{font-family:inherit;}
.srmp3_lyrics p[begin]{margin-bottom:1em;}
@media only screen and (max-width: 540px) {
.srmp3_lyrics p[begin]{margin-bottom:0.7em;}
}
.srmp3_lyrics p[begin]{transition:color 1s ease;}
.srmp3_lyrics_container{pointer-events:none;padding:4px 10px;display:flex;justify-content:center;text-align:center;color:#fff;background-color:#000;font-style:italic;font-size:21px;}
.srmp3_lyrics_container:before, .srmp3_lyrics_container:after{content:'♪';margin:0px 8px;}
#srmp3_lyrics_container{position:fixed;color:#575757;background-color:#000;top:0px;width:100%;height:100%;padding:100px;text-align:left;z-index:7999;}
#srmp3_lyrics_container .srmp3_lyrics{font-size:48px;font-weight:700;line-height:1em;height:calc(100vh - 320px);top:100px;margin-top:20px;overflow-y:hidden;}
#srmp3_lyrics_container .srmp3_lyrics .ps__rail-y{height:0px !important;}
@media only screen and (max-width: 540px) {
#srmp3_lyrics_container .srmp3_lyrics{font-size:24px;line-height:1em;height:calc(100vh - 150px);}
}
#srmp3_lyrics_container .srmp3_lyrics_title{color:#fff;font-size:24px;}
@media only screen and (max-width: 540px) {
#srmp3_lyrics_container .srmp3_lyrics_title{font-size:18px;}
}
#srmp3_lyrics_container .srmp3_lyrics_album{color:#a7a7a7;font-size:18px;}
@media only screen and (max-width: 540px) {
#srmp3_lyrics_container{padding:30px;bottom:50px;}
}
#srmp3_lyrics_container .sricon-close-circle{position:absolute;top:50px;right:50px;font-size:48px;line-height:1;cursor:pointer;}
@media only screen and (max-width: 767px) {
#srmp3_lyrics_container .sricon-close-circle{top:25px;right:25px;}
}
@media only screen and (max-width: 767px) {
#srmp3_lyrics_container .srmp3_lyrics_album,
#srmp3_lyrics_container .srmp3_lyrics_title{padding-right:25px;}
}
.srp_player_boxed .srp_note{position:absolute;top:10px;left:10px;height:100%;max-height:calc(100% - 20px);width:calc(100% - 20px);overflow-y:auto;}
.srp_player_boxed .srp_note h1{width:calc(100% - 35px);}
.srp_note{position:relative;background:#fff;color:#000;width:100%;z-index:25;padding:25px;border-radius:4px;}
.sr-playlist-item .srp_note{margin-top:10px;}
.srp_note ul{margin:inherit !important;padding:15px !important;height:initial !important;overflow-y:visible !important;overflow-x:visible !important;}
.srp_note ul li{list-style:disc !important;padding:initial !important;}
.srp_note .sr_close{top:20px;right:20px;}
.sr-playlist-item .srp_note .sr_close{display:none;}
.srp_note_title, .srp-modal-title{font-size:1.7em;line-height:1.2;font-weight:inherit;color:inherit;margin-bottom:1rem;}
.srp-modal-subtitle{font-size:1.2em;line-height:1.2;font-weight:inherit;color:inherit;margin-bottom:1rem;}
.srp-modal-product-desc{margin-bottom:1rem;}
@media only screen and (max-width: 450px) {
#sonaar-player[data-ui-items="1"] .playerNowPlaying{width:calc(100% - 50px);}
#sonaar-player[data-ui-items="2"] .playerNowPlaying{width:calc(100% - 100px);}
#sonaar-player[data-ui-items="3"] .playerNowPlaying{width:calc(100% - 150px);}
#sonaar-player[data-ui-items="4"] .playerNowPlaying{width:calc(100% - 200px);}
#sonaar-player .playerNowPlaying{width:calc(100% - 75px);}
}
@media only screen and (min-width: 540px) {
.sonaar-player-slidefade-enter-active{transition:800ms all ease;}
}
@media only screen and (min-width: 540px) {
.sonaar-player-slidefade-leave-active{transition:all 0.4s ease;}
}
@media only screen and (min-width: 540px) {
.sonaar-player-slidefade-enter{transform:scale(0.8);opacity:0;}
}
@media only screen and (min-width: 540px) {
.sonaar-player-slidefade-leave-to{opacity:0;}
}
@media only screen and (max-width: 1025px) {
.sonaar-player-storefade-enter-active{transition:all 0.03s ease;}
}
@media only screen and (max-width: 1025px) {
.sonaar-player-storefade-leave-active{transition:all 0.03s ease;}
}
@media only screen and (max-width: 1025px) {
.sonaar-player-storefade-enter{transform:translateY(70px);}
}
@media only screen and (max-width: 1025px) {
.sonaar-player-storefade-leave-to{transform:translateY(70px);}
}
.woocommerce-page.single-product .iron-audioplayer .srp_tracklist{margin:0px;}
@media(max-width:991px){
.woocommerce-page.single-product .iron-audioplayer .playlist{margin-top:0px;}
}
.woocommerce-LoopProduct-link .tracklist-item-time{display:none;}
.woocommerce-LoopProduct-link .iron-audioplayer .player .wave{margin:0px 0px;}
.woocommerce-LoopProduct-link .iron-audioplayer .sonaar-Artwort-box{margin-bottom:initial;}
.woocommerce ul.products li.product a .album-art img{margin:0px;}
.woocommerce .iron-audioplayer .playlist .audio-track{text-align:left;}
.woocommerce ul.products li.product.srmp3-product.srmp3-product__hideimage a img.attachment-woocommerce_thumbnail, .woocommerce ul.products li.product.srmp3-product.srmp3-product__hideimage a img.woocommerce-placeholder{display:none;}
@media only screen and (min-width: 540px) {
#pusher-wrap.sonaar-list-active{-webkit-animation:blur 0.5s linear forwards;-moz-animation:blur 0.5s linear forwards;-ms-animation:blur 0.5s linear forwards;-o-animation:blur 0.5s linear forwards;animation:blur 0.5s linear forwards;}
}
@-webkit-keyframes blur {
from{-webkit-filter:blur(0);filter:blur(0);}
to{-webkit-filter:blur(20px);filter:blur(20px);}
}
@-moz-keyframes blur {
from{-webkit-filter:blur(0);filter:blur(0);}
to{-moz-filter:blur(20px);filter:blur(20px);}
}
@keyframes blur {
from{-webkit-filter:blur(0);filter:blur(0);}
to{-webkit-filter:blur(20px);-moz-filter:blur(20px);filter:blur(20px);}
}
.sonaar-list-active #pusher{overflow-y:hidden;overflow-x:hidden;height:100vh;}
.srp_tracklist .ps, .srmp3_lyrics.ps{height:250px;overflow:hidden !important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto;}
.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear, opacity .2s linear;-webkit-transition:background-color .2s linear, opacity .2s linear;height:15px;bottom:0px;position:absolute;}
#sonaar-player .ps__rail-y{position:absolute;}
.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear, opacity .2s linear;-webkit-transition:background-color .2s linear, opacity .2s linear;width:15px;right:0;}
.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y{display:block;background-color:transparent;}
.iron-audioplayer .playlist .srp_tracklist .ps--active-y{padding-right:15px;}
.ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y{opacity:0.6;}
.ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking{background-color:#eee;opacity:0.9;}
.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear, height .2s ease-in-out;-webkit-transition:background-color .2s linear, height .2s ease-in-out;height:6px;bottom:2px;position:absolute;}
.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear, width .2s ease-in-out;-webkit-transition:background-color .2s linear, width .2s ease-in-out;width:6px;right:2px;position:absolute;}
.ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x{background-color:#999;height:11px;}
.ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y{background-color:#999;width:11px;}
@supports (-ms-overflow-style: none) {
.ps{overflow:auto !important;}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps{overflow:auto !important;}
}
.srp-modal-medium-size{max-width:100%;width:800px;}
.srp-modal-variant-file{text-transform:uppercase;font-size:0.8em;font-weight:700;}
.srp-license-preview-modal .srp_variant_terms{margin-top:35px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255, 255, 255, 0.08);}
.srp_variant_terms .view-license-button{width:100%;}
.srp-modal-product-variation{}
.srp-modal-product-variation .srp-modal-title{font-weight:700;}
.srp-modal-product-variation .srp-modal-variant-name{font-weight:500;}
.srp-modal-product-variation .srp-modal-subtitle{font-size:11px;text-transform:uppercase;}
.srp-modal-product-variation .srp-modal-variant-desc{font-size:11px;text-transform:uppercase;margin-top:10px;}
.srp-modal-variation-list{display:flex;flex-wrap:wrap;gap:10px;grid-template-columns:1fr 1fr 1fr;margin:20px 0 50px;}
.srp-modal-variant-selector{background-color:#0202022b;border:1px solid #fff0;border-radius:8px;padding:10px 10px;max-width:calc(33% - 7px);min-width:170px;width:100%;cursor:pointer;}
.srp-modal-variant-selector:hover, .srp-modal-variant-selector.srp_selected{background-color:#02020261;}
@media only screen and (max-width: 860px) {
.srp-modal-variant-selector{max-width:initial;}
}
.srp-modal-variant-main{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:20px;}
.srp-modal-variant-main, .srp_variant_terms{border-top:1px solid rgba(255, 255, 255, 0.08);}
.srp_term_title{font-weight:bold;margin:10px 0;}
.srp_variant_terms_container.srp_variant_terms--column{display:flex;flex-wrap:wrap;column-gap:15px;}
.srp_variant_terms_container.srp_variant_terms--column .srp_variant_terms{max-width:300px;min-width:150px;flex:1;}
.srp_variant_terms_container.srp_variant_terms--column .srp_term_meta{width:100%;}
.srp_term_meta_list{display:flex;flex-wrap:wrap;align-items:center;}
.srp_term_meta{display:flex;align-items:center;width:calc(100% / 3);height:60px;font-size:0.9rem;}
.srp_term_meta:before{font-size:22px;}
@media only screen and (max-width: 860px) {
.srp_term_meta{width:50%;}
}
.srp_term_meta i[class*=" fa-"]{font-family:'Font Awesome 5 Free';font-style:unset;}
.srp_term_meta_label{padding:0 5px;font-size:0.8em;text-transform:uppercase;}
.srp-modal-variant-price{font-size:1.3em;font-weight:bold;line-height:1;}
.srp-modal-variation-details:not(.srp_selected){display:none;}
.srp-modal-variation-details .srp-modal-variant-price{font-size:1.8em;}
.srp_reg_price{text-decoration:line-through;opacity:0.7;}
.srmp3_button_launcher_style-round .srmp3_sonaar_ts_shortcode.srmp3_sonaar_ts_shortcode_button{width:200px;height:200px;border-radius:50% !important;display:flex !important;align-items:center;justify-content:center;}
.srmp3_sonaar_ts_shortcode.sricon-play::before{vertical-align:middle;font-size:0.75em;text-decoration:none;margin:0em 0.2em 0.22em 0em;}
.srmp3_sonaar_ts_shortcode.srmp3_sonaar_ts_shortcode_button{background-color:#000;border-radius:4px;padding:5px 15px;color:#fff;text-decoration:none !important;width:fit-content;}
.srmp3_sonaar_ts_shortcode.srmp3_sonaar_ts_shortcode_button.srmp3_sonaar_ts--block{display:block;}
.srp_button{color:inherit;text-decoration:inherit;display:inline-block;padding:10px 30px;border-radius:4px;background-color:#0170b9;}
.srp_button:hover{filter:brightness(0.7);}
.srp_button .fas.fa-cart-plus{font-family:'Font Awesome 5 Free';font-weight:900;}
.srp_button i{padding-right:10px;}
.srmp3_sonaar_ts_shortcode.sricon-play.audio-playing:before{content:'\e81c';}
.srmp3_sonaar_ts_shortcode.audio-playing .srp_ts_content{display:none;}
.srmp3_sonaar_ts_shortcode:not(.audio-playing) .srp_ts_content_pause{display:none;}
body.sr_popup-open{overflow-y:hidden;}
#sonaar-modal{display:none;position:fixed;top:0;left:0;z-index:10100;width:100%;height:100%;overflow:hidden;outline:0;transition:opacity .15s linear;}
#sonaar-modal .sr_popup-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0, -50px);transform:translate(0, -50px);}
.sr_popup-open #sonaar-modal{overflow-x:hidden;overflow-y:auto;}
#sonaar-modal.sr_show{display:flex !important;align-items:center;min-height:100%;height:auto;}
#sonaar-modal.sr_show .sr_popup-dialog{-webkit-transform:none;transform:none;}
#sonaar-modal .sr_popup-dialog{position:relative;width:auto;max-height:100vh;overflow-y:auto;overflow-x:hidden;margin:0px auto;}
@media(min-width:576px){
#sonaar-modal .sr_popup-dialog{max-width:calc(100vw - 150px);max-height:calc(100vh - 150px);margin:75px auto;}
}
#sonaar-modal .sr_popup-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0, 0, 0, 0.2);border-radius:.3rem;outline:0;-webkit-animation:srmp3fadein 350ms;-moz-animation:srmp3fadein 350ms;-ms-animation:srmp3fadein 350ms;-o-animation:srmp3fadein 350ms;animation:srmp3fadein 350ms;}
@media(max-width:576px){
#sonaar-modal .sr_popup-content{margin-bottom:50px;}
}
@keyframes srmp3fadein {
from{opacity:0;transform:scale(0.9);}
to{opacity:1;transform:scale(1);}
}
@-moz-keyframes srmp3fadein {
from{opacity:0;transform:scale(0.9);}
to{opacity:1;transform:scale(1);}
}
@-webkit-keyframes srmp3fadein {
from{opacity:0;transform:scale(0.9);}
to{opacity:1;transform:scale(1);}
}
@-ms-keyframes srmp3fadein {
#sonaar-modal from{opacity:0;transform:scale(0.9);}
#sonaar-modal to{opacity:1;transform:scale(1);}
}
@-o-keyframes srmp3fadein {
from{opacity:0;transform:scale(0.9);}
to{opacity:1;transform:scale(1);}
}
#sonaar-modal .sr_popup-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:2.5rem;}
.sr_popup-backdrop{position:fixed;top:0;left:0;z-index:10050;width:100vw;height:100vh;background-color:#000;opacity:0;transition:opacity .15s linear;pointer-events:none;}
.sr_popup-backdrop.sr_show{opacity:.75;pointer-events:initial;}
.sr-store-popup{cursor:pointer;}
.sr_close{background:transparent;height:32px;width:32px;padding:0;position:absolute;top:25px;right:25px;z-index:50;font-size:1px;cursor:pointer;}
.sr_close svg {
height: 100%; }