@charset "UTF-8";


:root {
--srp-global-cta-mobile: 142px;
--srp-global-cta-desktop: 200px;
--srp-global-column-title-width: 500px; }
@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.no-image .metadata {
margin-left: 10px;
margin-right: 0;
width: inherit; }
#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; }
@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 - 90px);
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 .sricon-volume:hover:before {
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;
opacity: 1;
display: flex;
justify-content: center;
align-items: center; }
@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; } }
@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.sr-float .control .control--item.list.sricon-list {
font-size: 18px; }
#sonaar-player.sr-float .control .sricon-back, #sonaar-player.sr-float .control .sricon-forward, #sonaar-player.sr-float .control .sricon-play {
font-size: 17px; }
#sonaar-player .shuffle {
width: 20px; }
#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;
position: relative; }
#sonaar-player .mobileProgressing:after {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%; }
#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.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 .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-mini_fullwidth .control .control--item.list.sricon-list {
font-size: 18px; }
#sonaar-player.sr-mini_fullwidth .control .sricon-back, #sonaar-player.sr-mini_fullwidth .control .sricon-forward, #sonaar-player.sr-mini_fullwidth .control .sricon-play {
font-size: 17px; }
#sonaar-player .sr_skipBackward {
margin-left: 15px;
margin-right: 5px; }
#sonaar-player .sr_skipForward {
margin-right: 15px;
margin-left: 5px; }
#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_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 [class*="sricon-"]::before {
margin-left: 0;
margin-right: 0; }
#sonaar-player .control .sricon-back, #sonaar-player .control .sricon-forward, #sonaar-player .control .sricon-shuffle {
font-size: 19px; }
#sonaar-player .control .sricon-play {
font-size: 26px; }
#sonaar-player .control .sricon-play.audio-playing:before {
content: '\e81c'; }
#sonaar-player .control .control--item.list.sricon-list {
padding: 0;
margin: 0 10px;
font-size: 20px; }
#sonaar-player .sricon-volume {
font-size: 22px; }
.sricon-shuffle.active:before {
content: '\e82d'; }
.sricon-volume.active:before, .iron-audioplayer[data-mute="true"] .sricon-volume:before {
content: '\e826'; }
#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 .sricon-volume,
.iron-audioplayer .volume .sricon-volume {
display: initial;
width: 22px;
max-height: calc(90% - 12px);
cursor: pointer;
position: relative;
line-height: 0; }
#sonaar-player .volume .sricon-volume:hover .slider-container,
.iron-audioplayer .volume .sricon-volume:hover .slider-container {
display: block; }
.iron-audioplayer .sr-cf-heading {
position: relative;
align-items: center;
column-gap: 10px;
display: flex;
overflow: hidden;
width: 100%;
padding-bottom: 10px;
font-weight: 600;
text-transform: uppercase;
border-bottom: 1px solid #ffffff21; }
.iron-audioplayer .sr-cf-heading.srmp3-heading--hide {
display: none !important; }
.iron-audioplayer .sr-cf-heading .srp_sort.asc::after {
content: "\002B06";
font-size: 10px;
padding-left: 3px; }
.iron-audioplayer .sr-cf-heading .srp_sort.desc::after {
content: "\002B07";
font-size: 10px;
padding-left: 3px; }
.iron-audioplayer .sr-cf-heading .sr-playlist-heading-child {
pointer-events: auto;
cursor: pointer;
justify-content: left;
align-items: center;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
white-space: nowrap;
font-size: 11px;
width: 100%; }
.iron-audioplayer.srp_has_customfields .sr-playlist-item {
overflow-x: hidden; }
.iron-audioplayer.srp_has_customfields .srp_audio_trigger .audio-track {
width: 10%; }
.iron-audioplayer.srp_has_customfields .sr-playlist-cf-container {
align-items: center;
font-size: 11px;
flex: 0 1 calc(100% - var(--srp-global-column-title-width) - 150px);
display: flex;
overflow: hidden;
justify-content: space-evenly;
column-gap: 10px;
font-size: 0.8em; }
.iron-audioplayer.srp_has_customfields .sr-playlist-cf-container .sr-playlist-cf-child {
justify-content: left;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
width: 100%; }
.iron-audioplayer.srp_has_customfields .audio-track {
flex: 1 1 var(--srp-global-column-title-width); }
.iron-audioplayer.srp_has_customfields:not(.srp_tracklist_grid) .sr-playlist-item:not(.srp_extended) .song-store-list-menu {
max-width: var(--srp-global-cta-desktop); }
.iron-audioplayer.srp_has_customfields .sr-playlist-item.srp_extended .song-store-list-menu {
max-width: 999px; }
.iron-audioplayer.srp_has_customfields .sr-playlist-item .store-list {
flex: 0 0 var(--srp-global-cta-desktop);
align-items: center; }
.iron-audioplayer.srp_has_customfields:not(.srp_tracklist_grid) .playlist .store-list .song-store-list-menu {
justify-content: flex-start !important;
width: var(--srp-global-cta-desktop);
overflow: hidden;
position: absolute !important;
right: 0; }
.iron-audioplayer.srp_has_customfields .srp_list:not(.srp_contentLoading) .song-store-list-menu {
transition: 0.2s ease; }
.iron-audioplayer.srp_has_customfields.playlist_has_no_ctas .store-list {
display: none; }
.iron-audioplayer.srp_has_customfields.srp_responsive .sr-playlist-item .store-list {
flex: 0 0 var(--srp-global-cta-mobile); }
.iron-audioplayer.srp_has_customfields.srp_responsive .playlist .store-list .song-store-list-menu {
width: var(--srp-global-cta-mobile); }
.iron-audioplayer.srp_has_customfields .store-list .srp_ellipsis {
font-size: 14px;
transition: 0.15s;
top: 50%;
transform: translateY(-50%); }
.iron-audioplayer.srp_has_customfields .srp_extended .srp_ellipsis {
opacity: 0; }
.iron-audioplayer.srp_has_customfields .sr-playlist-item:not(.srp_extendable) .srp_ellipsis {
display: none; }
.iron-audioplayer .srp_search_main {
padding-bottom: 20px; }
.iron-audioplayer .playlist ul.srp_pagination {
height: auto !important; }
.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 .sr-playlist-item[data-post-url]:not([data-post-url=""]) .sr_track_cover {
cursor: pointer; }
.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_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; }
.iron-audioplayer.audio-playing .srp_player_boxed .sricon-play:before {
content: '\e81c'; }
.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; }
.iron-audioplayer[data-shuffle="true"] .control .sricon-shuffle:before {
content: '\e82d'; }
.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); }
#sonaar-player[data-ui-items="1"] .playerNowPlaying.no-image {
width: calc(100% - 45px); }
#sonaar-player[data-ui-items="2"] .playerNowPlaying.no-image {
width: calc(100% - 75px); }
#sonaar-player[data-ui-items="3"] .playerNowPlaying.no-image, #sonaar-player[data-ui-items="4"] .playerNowPlaying.no-image {
width: calc(100% - 115px); }
#sonaar-player .playerNowPlaying.no-image {
width: 100%; }
#sonaar-player .playerNowPlaying.no-image .metadata {
width: 100%; } }
@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; }
.srp_button.added:after {
font-family: WooCommerce;
content: "\e017";
margin-left: 0.53em;
vertical-align: bottom; }
#sonaar-modal .wc-forward {
position: absolute;
bottom: 10px;
right: 43px; }
#sonaar-player .tracklist .wc-forward {
font-size: 0.8em !important; }
#sonaar-player .player-row .wc-forward {
position: absolute;
color: #000 !important;
display: block;
background: #fff;
padding: 10px;
border: 1px #000 solid;
top: -42px; }
.woocommerce .iron-audioplayer .sr-playlist-item .wc-forward {
padding-top: 0px; }
.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; } .srp_hidden.sr-playlist-cf-child, .srp_hidden.srp_sort {
opacity: 0;
z-index: -1;
pointer-events: none;
position: absolute; }
.srp_filter_error {
color: red;
font-family: sans-serif;
font-size: 12px;
line-height: 16px;
margin-top: 10px; }
.srp-filters-container {
display: flex;
justify-content: start;
column-gap: 12px;
width: 100%;
row-gap: 12px;
flex-wrap: wrap;
align-items: start; }
.srp-filters-container .srp-filters-widget {
font-size: 16px;
width: 200px; }
.srp-filters-container .multiselect {
color: inherit; }
.srp-filters-container .multiselect .multiselect__select {
height: 100%;
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
padding: 0 15px; }
.srp-filters-container .multiselect .multiselect__select:before {
position: static;
margin-top: 0;
-webkit-transition: -webkit-transform 0.2s ease;
transition: -webkit-transform 0.2s ease;
transition: transform 0.2s ease;
transition: transform 0.2s ease, -webkit-transform 0.2s ease;
-webkit-transform: rotateZ(270deg);
transform: rotateZ(270deg); }
.srp-filters-container .multiselect.multiselect--active .multiselect__select {
-webkit-transform: unset;
transform: unset; }
.srp-filters-container .multiselect.multiselect--active .multiselect__select:before {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg); }
.srp-filters-container .multiselect__placeholder {
color: inherit;
margin-bottom: initial;
padding-top: initial; }
.srp-filters-container .multiselect--active {
z-index: 2; }
.srp-filters-container .srp-filters-widget .multiselect--active .multiselect__placeholder {
display: inline-block; }
.srp-filters-container .multiselect__single {
margin-bottom: 0px; }
.srp-filters-container .multiselect__single, .srp-filters-container .multiselect__multiple {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.srp-filters-container .multiselect__input, .srp-filters-container .multiselect__single {
background: unset; }
.srp-filters-container .multiselect__tags {
display: flex;
align-items: center;
padding: 10px;
white-space: nowrap;
overflow: hidden;
color: #000;
background-color: #fff; }
.srp-filters-container .multiselect__content-wrapper {
position: absolute;
margin-top: -1px;
width: inherit;
padding: 10px;
font-size: 14px;
color: #fff;
background: #000; }
.srp-filters-container .multiselect__content-wrapper ul.multiselect__content {
color: inherit;
width: inherit; }
.srp-filters-container .multiselect__content-wrapper li.multiselect__element {
color: inherit; }
.srp-filters-container .multiselect__content-wrapper li.multiselect__element:not(:nth-last-child(3)) {
border-bottom: 1px solid #ffffff29; }
.srp-filters-container .multiselect__option {
display: flex;
min-height: initial;
padding: 12px 5px; }
.srp-filters-container .multiselect__option span {
overflow: hidden;
text-overflow: ellipsis; }
.srp-filters-container .multiselect__option, .srp-filters-container .multiselect__tags, .srp-filters-container .multiselect, .srp-filters-container .multiselect__input, .srp-filters-container .multiselect__single {
font-size: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit; }
.srp-filters-container .multiselect__option--selected {
font-weight: inherit;
color: inherit;
background: unset; }
.srp-filters-container .multiselect__option--selected.multiselect__option--highlight {
color: inherit;
background: unset; }
.srp-filters-container .multiselect__option--selected.multiselect__option--highlight:after {
color: inherit;
background: unset; }
.srp-filters-container .multiselect__option:after {
font-size: inherit; }
.srp-filters-container .multiselect__option--selected::after {
content: '\2713';
margin-left: 20px;
color: inherit; }
.srp-filters-container .multiselect__option:hover {
background: #cccccc2b;
border-radius: 6px;
color: inherit; }
.srp-filters-container .multiselect__option--highlight {
background: unset;
color: inherit; }
.srp_chips {
margin-top: 8px;
margin-bottom: 8px;
flex-wrap: wrap;
justify-content: start;
display: flex;
column-gap: 3px;
row-gap: 3px; }
.srp_chips .srp_chip {
display: flex;
align-items: center;
background-color: #000;
color: #fff;
cursor: pointer;
border: 1px solid #fff;
height: fit-content;
font-size: 12px;
margin: 2px;
border-radius: 20px;
padding: 3px 8px 3px 15px;
text-transform: capitalize;
transition: all .2s ease-out,opacity .2s ease-out; }
.srp_chips .srp_chip:first-child {
margin-left: 0px; }
.srp_chips .srp_chip:hover {
background-color: #fff;
color: #000;
border-color: #000; }
.srp_chips .srp_chip .sricon-close-circle {
font-size: 18px;
margin-left: 5px; }
.srp_filter_container .srp_filter_button_label {
display: flex; }
.srp_filter_container .srp_filter_buttons_list {
margin: 0;
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: left;
column-gap: 6px;
row-gap: 6px;
margin-top: 10px;
margin-bottom: 10px;
padding: 0px; }
.srp_filter_container .srp_filter_buttons_list li {
white-space: nowrap;
list-style: none;
position: relative;
clear: both; }
.srp_filter_container .srp_filter_buttons_list li .srp_filter_button {
overflow: hidden;
text-overflow: ellipsis;
-webkit-user-select: none;
transition: all 300ms;
border: solid 1px #c5c5c5;
color: #c5c5c5;
background-color: #000;
padding: 4px 8px;
font-size: 11px;
border-radius: 4px;
cursor: pointer; }
.srp_filter_container .srp_filter_buttons_list li .srp_filter_button:hover:not(.srp_filter_button--active) {
color: #fff; }
.srp_filter_container .srp_filter_buttons_list li .srp_filter_button.srp_filter_button--active {
background-color: #fff;
color: #000; }
.srp_pagination_container {
transition: all 250ms;
font-size: 16px;
-webkit-user-select: none;
display: flex;
justify-content: center;
width: 100%;
align-items: center;
height: auto;
grid-gap: 10px;
margin-top: 20px;
margin-bottom: 15px;
color: #fff; }
.srp_pagination_container .srp_pagination_arrows {
transition: all 250ms;
font-size: 12px;
border: 2px solid rgba(255, 255, 255, 0.2);
cursor: pointer;
pointer-events: all;
-webkit-user-select: none; color: inherit;
background-color: rgba(0, 0, 0, 0);
min-width: 40px;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 5px 7px;
border-radius: 999px; }
.srp_pagination_container .srp_pagination_arrows:hover {
border: 2px solid white;
color: inherit; }
.srp_pagination_container .srp_pagination {
display: flex;
justify-content: center;
grid-gap: 10px;
height: auto !important; }
.srp_pagination_container .srp_pagination .disabled {
pointer-events: none; }
.srp_pagination_container .srp_pagination .active span {
pointer-events: none;
background-color: #fff;
color: #000; }
.srp_pagination_container .srp_pagination span {
transition: all 250ms;
color: inherit;
background-color: rgba(0, 0, 0, 0);
min-width: 30px;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 5px 7px;
border-radius: 999px; }
.srp_pagination_container .srp_pagination span:hover {
color: inherit; }
.srp_notfound {
display: none;
margin: 10px; }
.srp_notfound .srp_notfound--title {
font-weight: bold;
font-size: 21px; }
.srp_notfound .srp_notfound--subtitle {
font-size: 16px;
opacity: 0.6; }
[style*="visibility: hidden;"] .srp_search_main .srp_search_container, [style*="visibility: hidden;"] .srp_filter_container {
visibility: hidden !important;
opacity: 0 !important; }
.srp_search_main {
flex-wrap: wrap;
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 5px; }
.srp_search_main .srp_search_container {
visibility: visible !important;
opacity: 1 !important;
color: #fff;
display: flex;
justify-content: flex-start;
align-items: center;
max-width: 100%;
min-height: 40px;
flex-grow: 1; }
.srp_search_main .srp_search_container .srp_search {
font-family: inherit;
font-size: 14px;
padding-left: 45px !important;
color: #fff;
border-radius: 4px;
background: #000;
border: none;
border-width: 1px;
outline: none;
max-width: 100%;
width: 100%;
min-height: 40px;
padding: 15px; }
.srp_search_main .srp_search_container .srp_search::placeholder {
color: inherit;
opacity: 0.5; }
.srp_search_main .srp_search_container .srp_reset_search {
position: relative;
width: 0;
right: 35px;
pointer-events: all;
cursor: pointer; }
.srp_search_main .srp_search_container .fa-search {
position: relative;
left: 20px;
width: 0;
font-size: 14px;
color: #828282; }
.srp_pagination li:not(.active) .page {
cursor: pointer; } .srp_tracklist_grid .srp_tracklist > ul {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 10px; }
.srp_tracklist_grid[data-col="6"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col="5"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col="4"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col="3"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col="2"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr; }
.srp_tracklist_grid[data-col="1"] .srp_tracklist > ul {
grid-template-columns: 1fr; }
@media only screen and (max-width: 768px) {
.srp_tracklist_grid[data-col-tablet="6"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col-tablet="5"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col-tablet="4"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col-tablet="3"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col-tablet="2"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr; }
.srp_tracklist_grid[data-col-tablet="1"] .srp_tracklist > ul {
grid-template-columns: 1fr; } }
@media only screen and (max-width: 767px) {
.srp_tracklist_grid[data-col-mobile="6"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col-mobile="5"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col-mobile="4"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col-mobile="3"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr 1fr; }
.srp_tracklist_grid[data-col-mobile="2"] .srp_tracklist > ul {
grid-template-columns: 1fr 1fr; }
.srp_tracklist_grid[data-col-mobile="1"] .srp_tracklist > ul {
grid-template-columns: 1fr; } }
.srp_tracklist_grid .sr-playlist-item-flex {
flex-direction: column;
gap: 10px;
align-items: flex-start !important;
justify-content: flex-start !important; }
.srp_tracklist_grid .sr-playlist-item-flex .audio-track {
width: 100%;
flex: none; }
.srp_tracklist_grid .sr-playlist-item-flex .store-list {
width: 100%;
flex: none !important;
margin-top: auto; }
.srp_tracklist_grid .sr-playlist-item-flex .store-list .song-store-list-menu {
justify-content: inherit;
width: 100% !important; }
.srp_tracklist_grid .sr-playlist-item-flex .store-list .song-store-list-container {
width: inherit;
flex-wrap: wrap;
gap: 6px; }
.srp_tracklist_grid .sr-playlist-item-flex .store-list .sr_store_wc_round_bt {
width: 100%;
padding: 10px; }
.srp_tracklist_grid .sr-playlist-item-flex .sr-playlist-cf-container {
width: 100%;
flex: none;
justify-content: flex-start;
column-gap: 15px;
flex-wrap: wrap; }
.srp_tracklist_grid .sr-playlist-item-flex .sr-playlist-cf-child {
flex: none !important;
width: auto  !important; }
.srp_tracklist_grid .sr-playlist-item-flex .srp_noteButton {
margin-left: 15px; }
.srp_tracklist_grid .sr-playlist-item-flex .srp_noteButton i:before {
margin: 0; }
.srp_tracklist_grid .sr-playlist-item-flex .srp_noteButton .sricon-info {
margin-left: 4px; }
.srp_tracklist_grid .sr-playlist-item-flex .sricon-spinner-wrap {
width: 20px !important;
margin-top: -5px;
margin-left: 2px; }
.srp_tracklist_grid .sr-playlist-item-flex > .srp_noteButton {
display: none; }
.srp_tracklist_grid .sr_track_cover {
margin-left: -20px;
margin-top: -20px;
width: calc(100% + 40px) !important;
max-width: unset; }
.srp_tracklist_grid .sr-cf-heading {
display: none !important; }
.srp_tracklist_grid[data-playertemplate="skin_boxed_tracklist"] .srp_player_boxed + .playlist {
padding-top: 20px; }
.srp_tracklist_grid .sr-playlist-item {
overflow: hidden; }
.srp_tracklist_grid .srp_note_title {
font-size: 1.2em; }
.srp_tracklist_grid .srp_tracklist-item-date {
height: initial;
margin-left: 0;
padding-left: 0 !important; }
.srp_tracklist_grid .sr-playlist-item .srp_track_description {
margin-top: 0; }
.srp_tracklist_grid .srp_note {
padding: 5px; }
.srp_tracklist_grid .srp_list.ps .sr-playlist-item {
height: max-content; }
.srp_tracklist_play_cover:not(.srp_tracklist_grid) .sr_track_cover .srp_play {
transform: scale(0.5); }
.srp_tracklist_play_cover .sr_track_cover {
position: relative; }
.srp_tracklist_play_cover .sr_track_cover:after {
content: "";
height: 100%;
width: 100%;
display: block;
position: absolute;
top: 0;
left: 0; }
.srp_tracklist_play_cover .sr_track_cover .srp_play {
cursor: pointer;
z-index: 1; }
.srp_tracklist_play_cover .track-number {
padding-left: 0px !important; }
.srp_tracklist_play_cover .track-number .sricon-play {
display: none; }
@media only screen and (min-width: 768px) {
.srp_tracklist_play_cover.srp_tracklist_play_cover_hover .sr_track_cover:after, .srp_tracklist_play_cover.srp_tracklist_play_cover_hover .sr_track_cover .srp_play {
transition: 0.15s ease; }
.srp_tracklist_play_cover.srp_tracklist_play_cover_hover .sr-playlist-item:not(:hover):not(.current) .sr_track_cover:after, .srp_tracklist_play_cover.srp_tracklist_play_cover_hover .sr-playlist-item:not(:hover):not(.current) .sr_track_cover .srp_play {
opacity: 0; }
.srp_tracklist_play_cover.srp_tracklist_play_cover_hover .sr-playlist-item:not(:hover):not(.current) .sr_track_cover .srp_play {
transform: translateY(30%); } }
.srp_tracklist-item-date + .srp_tracklist-item-date {
display: none; }
.elementor-widget-music-player .iron-audioplayer[data-playertemplate="skin_boxed_tracklist"].srp_tracklist_grid img.sr_track_cover {
max-width: unset !important; }
.iron-audioplayer .srp_player_boxed .srp_progressbar_inline .control {
margin-top: 0px; }
.iron-audioplayer .srp_player_boxed .player .srp_spectrum_container {
display: flex;
justify-content: flex-start; }
.iron-audioplayer .srp_spectrum_container, .iron-audioplayer .srp_spectrum {
transition: 0.3s ease;
max-height: 1000px; }
.iron-audioplayer .playlist .srp_spectrum_container, .iron-audioplayer .playlist .srp_spectrum {
max-height: 500px; }
.iron-audioplayer .srp_spectrum_container {
width: 100%;
display: flex;
justify-content: center;
pointer-events: none; }
.iron-audioplayer .srp_spectrum {
position: absolute;
z-index: 1; }
.iron-audioplayer .sr-playlist-item .srp_spectrum {
z-index: -1; }
.iron-audioplayer .song-store.add_to_cart_button.ajax_add_to_cart * {
pointer-events: none; }
.srp_spectrum_container.srp_hidden, .srp_hidden .srp_spectrum {
opacity: 0;
max-height: 0 !important; }
#sonaar-player .srp_spectrum_container {
position: absolute;
z-index: 10000;
pointer-events: 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%; }@keyframes bounce{20%,53%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{from,to{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}}.pulse{animation-name:pulse}@keyframes rubberBand{from,to{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{from,to{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}.tada{animation-name:tada}@keyframes wobble{from,to{transform:none}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}.wobble{animation-name:wobble}@keyframes jello{11.1%,from,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}}.bounceInUp{animation-name:bounceInUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes lightSpeedIn{from{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rollIn{from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes slideInDown{from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInUp{animation-name:slideInUp}
.elementor-animation-grow{transition-duration:.3s;transition-property:transform}.elementor-animation-grow:active,.elementor-animation-grow:focus,.elementor-animation-grow:hover{transform:scale(1.1)}.elementor-animation-shrink{transition-duration:.3s;transition-property:transform}.elementor-animation-shrink:active,.elementor-animation-shrink:focus,.elementor-animation-shrink:hover{transform:scale(0.9)}@keyframes elementor-animation-pulse{25%{transform:scale(1.1)}75%{transform:scale(0.9)}}.elementor-animation-pulse:active,.elementor-animation-pulse:focus,.elementor-animation-pulse:hover{animation-name:elementor-animation-pulse;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes elementor-animation-pulse-grow{to{transform:scale(1.1)}}.elementor-animation-pulse-grow:active,.elementor-animation-pulse-grow:focus,.elementor-animation-pulse-grow:hover{animation-name:elementor-animation-pulse-grow;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}@keyframes elementor-animation-pulse-shrink{to{transform:scale(0.9)}}.elementor-animation-pulse-shrink:active,.elementor-animation-pulse-shrink:focus,.elementor-animation-pulse-shrink:hover{animation-name:elementor-animation-pulse-shrink;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}@keyframes elementor-animation-push{50%{transform:scale(0.8)}100%{transform:scale(1)}}.elementor-animation-push:active,.elementor-animation-push:focus,.elementor-animation-push:hover{animation-name:elementor-animation-push;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:1}@keyframes elementor-animation-pop{50%{transform:scale(1.2)}}.elementor-animation-pop:active,.elementor-animation-pop:focus,.elementor-animation-pop:hover{animation-name:elementor-animation-pop;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:1}.elementor-animation-bounce-in{transition-duration:.5s}.elementor-animation-bounce-in:active,.elementor-animation-bounce-in:focus,.elementor-animation-bounce-in:hover{transform:scale(1.2);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.elementor-animation-bounce-out{transition-duration:.5s}.elementor-animation-bounce-out:active,.elementor-animation-bounce-out:focus,.elementor-animation-bounce-out:hover{transform:scale(0.8);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.elementor-animation-rotate{transition-duration:.3s;transition-property:transform}.elementor-animation-rotate:active,.elementor-animation-rotate:focus,.elementor-animation-rotate:hover{transform:rotate(4deg)}.elementor-animation-grow-rotate{transition-duration:.3s;transition-property:transform}.elementor-animation-grow-rotate:active,.elementor-animation-grow-rotate:focus,.elementor-animation-grow-rotate:hover{transform:scale(1.1) rotate(4deg)}.elementor-animation-float{transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.elementor-animation-float:active,.elementor-animation-float:focus,.elementor-animation-float:hover{transform:translateY(-8px)}.elementor-animation-sink{transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out}.elementor-animation-sink:active,.elementor-animation-sink:focus,.elementor-animation-sink:hover{transform:translateY(8px)}@keyframes elementor-animation-bob{0%{transform:translateY(-8px)}50%{transform:translateY(-4px)}100%{transform:translateY(-8px)}}@keyframes elementor-animation-bob-float{100%{transform:translateY(-8px)}}.elementor-animation-bob:active,.elementor-animation-bob:focus,.elementor-animation-bob:hover{animation-name:elementor-animation-bob-float,elementor-animation-bob;animation-duration:.3s,1.5s;animation-delay:0s,.3s;animation-timing-function:ease-out,ease-in-out;animation-iteration-count:1,infinite;animation-fill-mode:forwards;animation-direction:normal,alternate}@keyframes elementor-animation-hang{0%{transform:translateY(8px)}50%{transform:translateY(4px)}100%{transform:translateY(8px)}}@keyframes elementor-animation-hang-sink{100%{transform:translateY(8px)}}.elementor-animation-hang:active,.elementor-animation-hang:focus,.elementor-animation-hang:hover{animation-name:elementor-animation-hang-sink,elementor-animation-hang;animation-duration:.3s,1.5s;animation-delay:0s,.3s;animation-timing-function:ease-out,ease-in-out;animation-iteration-count:1,infinite;animation-fill-mode:forwards;animation-direction:normal,alternate}.elementor-animation-skew{transition-duration:.3s;transition-property:transform}.elementor-animation-skew:active,.elementor-animation-skew:focus,.elementor-animation-skew:hover{transform:skew(-10deg)}.elementor-animation-skew-forward{transition-duration:.3s;transition-property:transform;transform-origin:0 100%}.elementor-animation-skew-forward:active,.elementor-animation-skew-forward:focus,.elementor-animation-skew-forward:hover{transform:skew(-10deg)}.elementor-animation-skew-backward{transition-duration:.3s;transition-property:transform;transform-origin:0 100%}.elementor-animation-skew-backward:active,.elementor-animation-skew-backward:focus,.elementor-animation-skew-backward:hover{transform:skew(10deg)}@keyframes elementor-animation-wobble-vertical{16.65%{transform:translateY(8px)}33.3%{transform:translateY(-6px)}49.95%{transform:translateY(4px)}66.6%{transform:translateY(-2px)}83.25%{transform:translateY(1px)}100%{transform:translateY(0)}}.elementor-animation-wobble-vertical:active,.elementor-animation-wobble-vertical:focus,.elementor-animation-wobble-vertical:hover{animation-name:elementor-animation-wobble-vertical;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-wobble-horizontal{16.65%{transform:translateX(8px)}33.3%{transform:translateX(-6px)}49.95%{transform:translateX(4px)}66.6%{transform:translateX(-2px)}83.25%{transform:translateX(1px)}100%{transform:translateX(0)}}.elementor-animation-wobble-horizontal:active,.elementor-animation-wobble-horizontal:focus,.elementor-animation-wobble-horizontal:hover{animation-name:elementor-animation-wobble-horizontal;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-wobble-to-bottom-right{16.65%{transform:translate(8px,8px)}33.3%{transform:translate(-6px,-6px)}49.95%{transform:translate(4px,4px)}66.6%{transform:translate(-2px,-2px)}83.25%{transform:translate(1px,1px)}100%{transform:translate(0,0)}}.elementor-animation-wobble-to-bottom-right:active,.elementor-animation-wobble-to-bottom-right:focus,.elementor-animation-wobble-to-bottom-right:hover{animation-name:elementor-animation-wobble-to-bottom-right;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-wobble-to-top-right{16.65%{transform:translate(8px,-8px)}33.3%{transform:translate(-6px,6px)}49.95%{transform:translate(4px,-4px)}66.6%{transform:translate(-2px,2px)}83.25%{transform:translate(1px,-1px)}100%{transform:translate(0,0)}}.elementor-animation-wobble-to-top-right:active,.elementor-animation-wobble-to-top-right:focus,.elementor-animation-wobble-to-top-right:hover{animation-name:elementor-animation-wobble-to-top-right;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-wobble-top{16.65%{transform:skew(-12deg)}33.3%{transform:skew(10deg)}49.95%{transform:skew(-6deg)}66.6%{transform:skew(4deg)}83.25%{transform:skew(-2deg)}100%{transform:skew(0)}}.elementor-animation-wobble-top{transform-origin:0 100%}.elementor-animation-wobble-top:active,.elementor-animation-wobble-top:focus,.elementor-animation-wobble-top:hover{animation-name:elementor-animation-wobble-top;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-wobble-bottom{16.65%{transform:skew(-12deg)}33.3%{transform:skew(10deg)}49.95%{transform:skew(-6deg)}66.6%{transform:skew(4deg)}83.25%{transform:skew(-2deg)}100%{transform:skew(0)}}.elementor-animation-wobble-bottom{transform-origin:100% 0}.elementor-animation-wobble-bottom:active,.elementor-animation-wobble-bottom:focus,.elementor-animation-wobble-bottom:hover{animation-name:elementor-animation-wobble-bottom;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-wobble-skew{16.65%{transform:skew(-12deg)}33.3%{transform:skew(10deg)}49.95%{transform:skew(-6deg)}66.6%{transform:skew(4deg)}83.25%{transform:skew(-2deg)}100%{transform:skew(0)}}.elementor-animation-wobble-skew:active,.elementor-animation-wobble-skew:focus,.elementor-animation-wobble-skew:hover{animation-name:elementor-animation-wobble-skew;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}@keyframes elementor-animation-buzz{50%{transform:translateX(3px) rotate(2deg)}100%{transform:translateX(-3px) rotate(-2deg)}}.elementor-animation-buzz:active,.elementor-animation-buzz:focus,.elementor-animation-buzz:hover{animation-name:elementor-animation-buzz;animation-duration:.15s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes elementor-animation-buzz-out{10%{transform:translateX(3px) rotate(2deg)}20%{transform:translateX(-3px) rotate(-2deg)}30%{transform:translateX(3px) rotate(2deg)}40%{transform:translateX(-3px) rotate(-2deg)}50%{transform:translateX(2px) rotate(1deg)}60%{transform:translateX(-2px) rotate(-1deg)}70%{transform:translateX(2px) rotate(1deg)}80%{transform:translateX(-2px) rotate(-1deg)}90%{transform:translateX(1px) rotate(0)}100%{transform:translateX(-1px) rotate(0)}}.elementor-animation-buzz-out:active,.elementor-animation-buzz-out:focus,.elementor-animation-buzz-out:hover{animation-name:elementor-animation-buzz-out;animation-duration:.75s;animation-timing-function:linear;animation-iteration-count:1}