@font-face {
    font-family: 'IBM Plex Sans';
    src: url('/design/font/IBM-Plex-Sans/IBMPlexSans.eot');
    src: local('IBM Plex Sans'), local('IBMPlexSans'),
        url('/design/font/IBM-Plex-Sans/IBMPlexSans.eot?#iefix') format('embedded-opentype'),
        url('/design/font/IBM-Plex-Sans/IBMPlexSans.woff2') format('woff2'),
        url('/design/font/IBM-Plex-Sans/IBMPlexSans.woff') format('woff'),
        url('/design/font/IBM-Plex-Sans/IBMPlexSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('/design/font/IBM-Plex-Sans/IBMPlexSans-Light.eot');
    src: local('IBM Plex Sans Light'), local('IBMPlexSans-Light'),
        url('/design/font/IBM-Plex-Sans/IBMPlexSans-Light.eot?#iefix') format('embedded-opentype'),
        url('/design/font/IBM-Plex-Sans/IBMPlexSans-Light.woff2') format('woff2'),
        url('/design/font/IBM-Plex-Sans/IBMPlexSans-Light.woff') format('woff'),
        url('/design/font/IBM-Plex-Sans/IBMPlexSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('/design/font/IBM-Plex-Sans/IBMPlexSans-Medium.eot');
    src: local('IBM Plex Sans Medium'), local('IBMPlexSans-Medium'),
        url('/design/font/IBM-Plex-Sans/IBMPlexSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('/design/font/IBM-Plex-Sans/IBMPlexSans-Medium.woff2') format('woff2'),
        url('/design/font/IBM-Plex-Sans/IBMPlexSans-Medium.woff') format('woff'),
        url('/design/font/IBM-Plex-Sans/IBMPlexSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('/design/font/IBM-Plex-Sans/IBMPlexSans-SemiBold.eot');
    src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
        url('/design/font/IBM-Plex-Sans/IBMPlexSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/design/font/IBM-Plex-Sans/IBMPlexSans-SemiBold.woff2') format('woff2'),
        url('/design/font/IBM-Plex-Sans/IBMPlexSans-SemiBold.woff') format('woff'),
        url('/design/font/IBM-Plex-Sans/IBMPlexSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
  font-family: 'Effra Heavy';
  src: url('/design/font/Effra-Heavy/Effra-Heavy.eot');
  src: local('Effra Heavy'), local('Effra-Heavy'), 
    url('/design/font/Effra-Heavy/Effra-Heavy.woff2') format('woff2'),
    url('/design/font/Effra-Heavy/Effra-Heavy.woff') format('woff'),
    url('/design/font/Effra-Heavy/Effra-Heavy.ttf') format('truetype');
  font-style: normal;
  font-weight: 900;
}
  


html,body{
  margin: 0;
  width: 100%;
  height: 100%;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 700;
  cursor: default;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-width: 1024px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

body.lib_story .title{
  font-family: 'Effra Heavy', 'IBM Plex Sans';
}

h1{
  margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

select{
  font-size: 13px;
  padding: 2px;
  min-width: 160px;
}

input::-ms-clear,
input {
    outline: none;
}
.content_wrapper input::-ms-clear,
.error_popup_wrapper input::-ms-clear{
  display: none;
}



div.header{
  position: fixed;
  z-index: 210;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 64px;
  min-width: 1024px;
  border-bottom: 1px solid rgba(var(--horizontal-devider-line-color));
}
div.header div.fs-logo{
  position: absolute;
  top: 14px;
  left: 16px;
  background-image: var(--fs-icon);
  height: 32px;
  width: 32px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  font-weight: bold;
}

body.lib_music div.header div.fs-logo{
  background-image: var(--fs-icon-diag);
}






div.header div.nav_arrow_wrapper{
  position: absolute;
  top: 22px;
  left: 69px;
}
div.header div.nav_arrow_wrapper span.mat-icon-svg svg{
  height: 20px;
}
div.header div.nav_arrow_wrapper span.mat-icon-svg.available{
  cursor: pointer;
}
div.header div.nav_arrow_wrapper span.mat-icon-svg.right{
  padding-left: -4px;
}

div.header_centered{
  position: relative;
  display: table;
  min-width: 550px;
  left: 50%;
}

div.header_centered .divider{
  display: table-cell;
  width: 8px;
}

div.search{
  position: relative;
  display: table-cell;
  top: 14px;
  border-style: solid; 
  border-radius:19px; 
  border-width:0px; 
  height: 39px;
  width: 300px;
  z-index: 15;
}

body.lib_story div.search{
  display: none;
}
div.search.focus{
  z-index:210;
}

div.search:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 18px;
  width: 18px;
  -webkit-mask: var(--menu-search-icn) no-repeat 100% 100%;
  mask: var(--menu-search-icn) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
  top: 10px;
  left: 13px;
  opacity: .6;
  -webkit-transition: all 0.18s ease;
  -moz-transition: all 0.18s ease;
  -o-transition: all 0.18s ease;
  transition: all 0.18s ease;
}
div.search.focus:before,
div.search:hover:before{
  opacity: 1;
}

div.search .close_icn{
  position: absolute;
  right: 13px;
  height: 22px;
  width: 22px;
  top: 8px;
  opacity: 0;
  -webkit-transition: all 0.18s ease;
  -moz-transition: all 0.18s ease;
  -o-transition: all 0.18s ease;
  transition: all 0.18s ease;
}
div.search.hasValue .close_icn,
div.search.focus .close_icn{
  opacity: .6;
  cursor: pointer;
}

div.search.hasValue .close_icn:hover,
div.search.focus .close_icn:hover{
  opacity: 1;
}
div.search .close_icn:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 22px;
  width: 22px;
  -webkit-mask: var(--icn-close) no-repeat 100% 100%;
  mask: var(--icn-close) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
}



div.search input{
  border: none;
  height: 36px;
  outline: none;
  font-size: 15px;
  position: absolute;
  top: 0;
  left: 4px;
  right: 13px;
  text-indent: 34px;
  font-family: inherit;
  background-color: transparent;
  color: inherit;
  -webkit-transition: all 0.18s ease;
  -moz-transition: all 0.18s ease;
  -o-transition: all 0.18s ease;
  transition: all 0.18s ease;
}

div.search input::placeholder{
  color: rgba(var(--text-color), .6);
  -webkit-transition: all 0.18s ease;
  -moz-transition: all 0.18s ease;
  -o-transition: all 0.18s ease;
  transition: all 0.18s ease;
}
div.search:hover input::placeholder,
div.search.focus input::placeholder{

  color: rgba(var(--text-color));
}




div.header div.icons-right{
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  margin-right: 5px;
}
div.header div.icons-right div{
  float: left;
}

div.header div.icons-right div.avatar{
  height: 32px;
  width: 32px;
  margin-top: 14px;
  margin-left: 14px;
  border-radius: 50%;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

body.lib_story div.header div.icons-right div.avatar{
  display: none;
}

div.header div.icons-right div.avatar .is_online{
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin-left: 24px;
  opacity: 0;
  position: absolute;
  border: 1px solid white;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,1);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,1);
  box-shadow: 0px 1px 3px 0px rgba(0,0,0,1);
}

div.header div.icons-right div.avatar .is_online.show{
  opacity: 1;
}


div.header div.icons-right div.avatar_img{
  display: block;
}
div.header div.icons-right div.avatar_svg{
  display: none;
}

div.header div.icons-right div.avatar_svg{
  overflow: hidden;
}
div.header div.icons-right div.avatar_svg svg{
  margin-top: -3px;
  margin-left: -3px;
}

div.header div.icons-right div.user{
  white-space: nowrap;
  line-height: 65px;
  padding-left: 10px;
  padding-right: 40px;
}

body.lib_story div.header div.icons-right div.user{
  display: none;
}
div.header div.icons-right div.user:after{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 11px;
  width: 11px;
  -webkit-mask: var(--header-user-arrow) no-repeat 100% 100%;
  mask: var(--header-user-arrow) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
  top: 25px;
  margin-left: 14px;
}



div.header div.icons-right div.devider{
  position: relative;
  top: 18px;
  height: 26px;
  width: 1px;
  margin-left: 16px;
  display: none;
  border-left: 1px solid #666;
}





div.header .library_toggle_wrapper{
  position: relative;
  display: inline-block;
  top: 14px;
  margin-left: 10px;
}

div.header .library_toggle_wrapper .selection_wrapper{
  position: absolute;
  background-color: rgba(var(--player-bg-color));
  border-radius: 20px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 9px;
  padding-top: 5px;
  margin-top: 6px;
  opacity: 0;
  -webkit-transition: opacity 0.18s ease;
  -moz-transition: opacity 0.18s ease;
  -o-transition: opacity 0.18s ease;
  transition: opacity 0.18s ease;
  height: 0px;
  min-width: 240px;
  overflow: hidden;
  color: rgba(var(--text-color));
}
div.header .library_toggle_wrapper .selection_wrapper.open{
  opacity: 1;
  height: auto;
}

div.header .library_toggle_wrapper .selection_wrapper .divider{
  background-color: rgba(245, 245, 245, .33);
  width: 100%;
  display: block;
  margin-top: 6px;
  margin-bottom: 6px;
  height: 1px;
}
body.lib_audiobooks div.header .library_toggle_wrapper .selection_wrapper .divider,
body.lib_story div.header .library_toggle_wrapper .selection_wrapper .divider{
    background-color: rgba(var(--horizontal-devider-line-color));
}

div.header .library_toggle_wrapper .active_item{
  display: block;
  line-height: 40px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  padding-right: 40px;
  color: rgba(var(--text-color-diag));
}



div.header .library_toggle_wrapper .active_item .text{
  padding-left: 37px;
  padding-right: 2px;
  display: none;
  color: rgba(var(--text-color));
  font-size: 15px;
}

body.lib_music div.header .library_toggle_wrapper .active_item .text.music{
  display: block;
}
body.lib_story div.header .library_toggle_wrapper .active_item .text.story{
  display: block;
  padding-left: 44px;
}
body.lib_audiobooks div.header .library_toggle_wrapper .active_item .text.audiobooks{
  display: block;
  padding-left: 44px;
}

div.header .library_toggle_wrapper .active_item:before{
  background-color: rgba(var(--text-color));
}

body.lib_music div.header .library_toggle_wrapper .active_item:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 30px;
  width: 30px;
  -webkit-mask: var(--music-icon) no-repeat 100% 100%;
  mask: var(--music-icon) no-repeat 100% 100%;
  top: 5px;
  left: 4px
}
body.lib_story div.header .library_toggle_wrapper .active_item:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 24px;
  width: 24px;
  -webkit-mask: var(--story-icon) no-repeat 100% 100%;
  mask: var(--story-icon) no-repeat 100% 100%;
  top: 6px;
  left: 11px;
}
body.lib_audiobooks div.header .library_toggle_wrapper .active_item:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 27px;
  width: 27px;
  -webkit-mask: var(--audiobooks-icon) no-repeat 100% 100%;
  mask: var(--audiobooks-icon) no-repeat 100% 100%;
  top: 7px;
  left: 8px;
}



div.header .library_toggle_wrapper .active_item .arrow{
  position: absolute;
  height: 32px;
  width: 32px;
  border-radius: 18px;
  right: 0px;
  top: 3px;
  background-color: rgba(var(--active-selection-bg))
}

div.header .library_toggle_wrapper .active_item .arrow:after{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 14px;
  width: 14px;
  -webkit-mask: var(--music-toggle-arrow) no-repeat 100% 100%;
  mask: var(--music-toggle-arrow) no-repeat 100% 100%;
  background-color: rgba(var(--text-color-diag));
  top: 8px;
  left: 9px;
}




div.header .library_toggle_wrapper .selection_wrapper .item{
  position: relative;
  margin-top: 4px;
  line-height: 36px;
  border-radius: 12px;
  display: block;
  padding-left: 40px;
  padding-right: 36px;
  cursor: pointer;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

div.header .library_toggle_wrapper .selection_wrapper .item:hover{
  background-color: rgba(var(--active-selection-bg));
  color: rgba(var(--text-color-diag));
}

body.lib_music div.header .library_toggle_wrapper .selection_wrapper .item.music,
body.lib_story div.header .library_toggle_wrapper .selection_wrapper .item.story,
body.lib_audiobooks div.header .library_toggle_wrapper .selection_wrapper .item.audiobooks{
  background-color: rgba(var(--active-selection-bg));
  color: rgba(var(--text-color-diag));
}

div.header .library_toggle_wrapper .selection_wrapper .item:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 27px;
  width: 27px;
  background-color: rgba(var(--text-color));
  top: 4px;
  left: 5px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

body.lib_music div.header .library_toggle_wrapper .selection_wrapper .item.music:before,
body.lib_story div.header .library_toggle_wrapper .selection_wrapper .item.story:before,
body.lib_audiobooks div.header .library_toggle_wrapper .selection_wrapper .item.audiobooks:before{
  background-color: rgba(var(--text-color-diag));
}

div.header .library_toggle_wrapper .selection_wrapper .item:hover:before{
  background-color: rgba(var(--text-color-diag));
}



div.header .library_toggle_wrapper .selection_wrapper .item.music:before{
  -webkit-mask: var(--music-icon) no-repeat 100% 100%;
  mask: var(--music-icon) no-repeat 100% 100%;
  left: 6px;
}


div.header .library_toggle_wrapper .selection_wrapper .item.story:before{
  -webkit-mask: var(--story-icon) no-repeat 100% 100%;
  mask: var(--story-icon) no-repeat 100% 100%;
  height: 23px;
  width: 23px;
  left: 9px;
  top: 5px;
}


div.header .library_toggle_wrapper .selection_wrapper .item.audiobooks:before{
  -webkit-mask: var(--audiobooks-icon) no-repeat 100% 100%;
  mask: var(--audiobooks-icon) no-repeat 100% 100%;
}


div.header .library_toggle_wrapper .selection_wrapper .item:after{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 13px;
  width: 13px;
  background-color: rgba(var(--text-color-diag));
  top: 10px;
  right: 10px;
  -webkit-mask: var(--action-btn-check) no-repeat 100% 100%;
  mask: var(--action-btn-check) no-repeat 100% 100%;
  display: none;
}

body.lib_music div.header .library_toggle_wrapper .selection_wrapper .item.music:after{
  display: block;
}
body.lib_story div.header .library_toggle_wrapper .selection_wrapper .item.story:after{
  display: block;
}
body.lib_audiobooks div.header .library_toggle_wrapper .selection_wrapper .item.audiobooks:after{
  display: block;
}



div.menu_wrapper{
  position: fixed;
  z-index: 11;
  top: 65px;
  bottom: 151px;
  left: 0px;
  width: 240px;
  border-right: 1px solid rgba(var(--vertical-menu-border-color));
}

body.lib_story div.menu_wrapper{
  display: none;
}

div.menu_wrapper div.left_menu{
  margin-top: 35px;
  position: relative;
  z-index: 2;
}
div.menu_wrapper div.left_menu div.item{
  height: 42px;
  width: 220px;
  left: 8px;
  border-radius: 21px;
  -moz-border-radius: 21px;
  -webkit-border-radius: 21px;
  margin-bottom: 2px;
  font-size: 15px;
  text-indent: 21px;
  font-weight: 700;
  cursor: pointer;
  position: relative;
}

div.menu_wrapper div.left_menu div.item{
  display: none;
}
div.menu_wrapper div.left_menu div.item.home{
  display: block;
}


body.lib_music div.menu_wrapper div.left_menu div.item.browse,
body.lib_music div.menu_wrapper div.left_menu div.item.queue,
body.lib_music div.menu_wrapper div.left_menu div.item.non-stop,
body.lib_music div.menu_wrapper div.left_menu div.item.playlists,
body.lib_music div.menu_wrapper div.left_menu div.item.favorite,
body.lib_music div.menu_wrapper div.left_menu div.item.my_tracks,
body.lib_music div.menu_wrapper div.left_menu div.item.musicians{
  display: block;
}

body.lib_audiobooks div.menu_wrapper div.left_menu div.item.browse_audiobooks,
body.lib_audiobooks div.menu_wrapper div.left_menu div.item.continue_listening,
body.lib_audiobooks div.menu_wrapper div.left_menu div.item.musicians_audiobooks{
  display: block;
}


div.menu_wrapper div.left_menu div.left_menu_header{
  height: 43px;
  width: 200px;
  left: 20px;
  font-size: 18px;
  text-indent: 8px;
  font-weight: 700;
  position: relative;
  color: rgba(var(--text-color));
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid rgba(var(--horizontal-devider-line-color));
}




div.menu_wrapper div.left_menu div.item:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 20px;
  width: 20px;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}






div.menu_wrapper div.left_menu div.item.home:before{
  -webkit-mask: var(--menu-overview) no-repeat 100% 100%;
  mask: var(--menu-overview) no-repeat 100% 100%;
  top: 11px;
}
div.menu_wrapper div.left_menu div.item.browse:before{
  -webkit-mask: var(--menu-mymusic) no-repeat 100% 100%;
  mask: var(--menu-mymusic) no-repeat 100% 100%;
  top: 10px;
}
div.menu_wrapper div.left_menu div.item.browse_audiobooks:before{
  -webkit-mask: var(--menu-discover-books) no-repeat 100% 100%;
  mask: var(--menu-discover-books) no-repeat 100% 100%;
  top: 10px;
}
div.menu_wrapper div.left_menu div.item.non-stop:before{
  -webkit-mask: var(--menu-non-stop) no-repeat 100% 100%;
  mask: var(--menu-non-stop) no-repeat 100% 100%;
  top: 10px;
}
div.menu_wrapper div.left_menu div.item.playlists:before{
  -webkit-mask: var(--menu-playlists) no-repeat 100% 100%;
  mask: var(--menu-playlists) no-repeat 100% 100%;
  top: 11px;
  left: 22px;
}
div.menu_wrapper div.left_menu div.item.favorite:before{
  -webkit-mask: var(--menu-mymusic) no-repeat 100% 100%;
  mask: var(--menu-mymusic) no-repeat 100% 100%;
  top: 9px;
  height: 22px;
  width: 22px;
}
div.menu_wrapper div.left_menu div.item.musicians:before{
  -webkit-mask: var(--menu-musicians) no-repeat 100% 100%;
  mask: var(--menu-musicians) no-repeat 100% 100%;
  top: 8px;
  left: 19px;
  width: 26px;
  height: 26px;
}
div.menu_wrapper div.left_menu div.item.musicians_audiobooks:before{
  -webkit-mask: var(--menu-musicians) no-repeat 100% 100%;
  mask: var(--menu-musicians) no-repeat 100% 100%;
  top: 9px;
  left: 19px;
  width: 26px;
  height: 26px;
}
div.menu_wrapper div.left_menu div.item.my_tracks:before{
  -webkit-mask: var(--menu-tracks) no-repeat 100% 100%;
  mask: var(--menu-tracks) no-repeat 100% 100%;
  top: 10px;
  left: 17px;
  height: 22px;
  width: 22px;
}
div.menu_wrapper div.left_menu div.item.queue:before{
  -webkit-mask: var(--menu-queue) no-repeat 100% 100%;
  mask: var(--menu-queue) no-repeat 100% 100%;
  top: 10px;
}

div.menu_wrapper div.left_menu div.item.activate:before{
  -webkit-mask: var(--menu-activate) no-repeat 100% 100%;
  mask: var(--menu-activate) no-repeat 100% 100%;
  top: 8px;
  height: 22px;
  width: 22px;
}

div.menu_wrapper div.left_menu div.item.audiobook_activate{
  display: none;
}
body.lib_audiobooks div.menu_wrapper div.left_menu div.item.audiobook_activate{
  display: block;
}

div.menu_wrapper div.left_menu div.item.audiobook_activate:before{
  -webkit-mask: var(--menu-activate) no-repeat 100% 100%;
  mask: var(--menu-activate) no-repeat 100% 100%;
  top: 8px;
  height: 22px;
  width: 22px;
}

div.menu_wrapper div.left_menu div.item.continue_listening:before{
  -webkit-mask: var(--to-listen-icn) no-repeat 100% 100%;
  mask: var(--to-listen-icn) no-repeat 100% 100%;
  top: 10px;
  left: 22px;
}



div.menu_wrapper div.left_menu div.item span{
  position: relative;
  line-height: 42px;
  left: 30px;
}


div.menu_wrapper div.left_menu div.left_menu_header span{
  position: relative;
  line-height: 42px;
  display: none;
}

body.lib_music div.menu_wrapper div.left_menu div.left_menu_header span.music{ display: block; }
body.lib_audiobooks div.menu_wrapper div.left_menu div.left_menu_header span.audiobooks{ display: block; }
body.lib_story div.menu_wrapper div.left_menu div.left_menu_header span.story{ display: block; }

div.menu_wrapper div.left_menu div.item li{
  font-size: 21px;
  position: relative;
  top: 4px;
  padding-right: 8px;
}


div.menu_wrapper div.left_menu div.item.disabled{
  cursor: default;
}

div.menu_wrapper div.left_menu div.item.activate,
div.menu_wrapper div.left_menu div.item.audiobook_activate{
  margin-top: 20px;
}

div.control_wrapper{
  position: fixed;
  z-index: 10;
  bottom: 0;
  left: 0;
  right: 0;
  height: 150px;
  border-top: 1px solid rgba(var(--horizontal-devider-line-color));
}


div.control_container{
  position: relative;
  top: 0px;
  right: 0px;
  height: 100%;
  min-width: 800px;
  max-width: 1400px;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  color: rgba(var(--text-color));
}



div.control_container div.controls_block{
  position: relative;
  top: 50px;
  border-radius: 10px;
  height: 80px;
}

div.control_container #album_art{
  position: absolute;
  top: 8px;
  left: 8px;
  width: 64px;
  height: 64px;
  border-radius: 8px;
  background-color: rgba(var(--left-menu-bg-color));
  background-size: cover;
  -webkit-transition: background-image .18s linear;
  -moz-transition: background-image .18s linear;
  -o-transition: background-image .18s linear;
  -ms-transition: background-image .18s linear;
  transition: background-image .18s linear;
}



body.public div.control_container #album_art,
div.control_container #album_art.no-art{
  background-image: var(--fs-icon);
  display: block;
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center center;
}

body.lib_music.public div.control_container #album_art,
body.lib_music div.control_container #album_art.no-art{
  background-image: var(--fs-icon-diag);

}




div.control_container #album_art.clickable:hover{
  cursor: pointer;
}


div.control_container div.back{
  position: absolute;
  top: 31px;
  right: 350px;
  cursor: pointer;
  height: 22px;
  width: 22px;
}
div.control_container div.back:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 18px;
  width: 18px;
  -webkit-mask: var(--player-prev-icn) no-repeat 100% 100%;
  mask: var(--player-prev-icn) no-repeat 100% 100%;
}




div.control_container div.pause-play{
  position: absolute;
  top: 10px;
  right: 340px;
  cursor: pointer;
}

div.control_container div.pause-play.playing:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 60px;
  width: 60px;
  -webkit-mask: var(--player-pause-icn) no-repeat 100% 100%;
  mask: var(--player-pause-icn) no-repeat 100% 100%;
}
div.control_container div.pause-play.paused:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 60px;
  width: 60px;
  -webkit-mask: var(--player-play-icn) no-repeat 100% 100%;
  mask: var(--player-play-icn) no-repeat 100% 100%;
}


div.control_container div.next{
  position: absolute;
  top: 31px;
  right: 245px;
  cursor: pointer;
  height: 22px;
  width: 22px;
}
div.control_container div.next:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 18px;
  width: 18px;
  -webkit-mask: var(--player-next-icn) no-repeat 100% 100%;
  mask: var(--player-next-icn) no-repeat 100% 100%;
}


div.control_container div.like{
  position: absolute;
  top: 28px;
  right: 60px;
  cursor: pointer;
}
div.control_container div.like.liked:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 24px;
  width: 24px;
  -webkit-mask: var(--player-fav-icn-active) no-repeat 100% 100%;
  mask: var(--player-fav-icn-active) no-repeat 100% 100%;
}
div.control_container div.like.unliked:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 24px;
  width: 24px;
  -webkit-mask: var(--player-fav-icn) no-repeat 100% 100%;
  mask: var(--player-fav-icn) no-repeat 100% 100%;
}




div.lyrics_wrapper{
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: 67px;
  right: 148px;
  text-align: center;
}
div.control_container div.lyrics{
  display: inline-block;
  opacity: 0;
  text-align: left;
  font-weight: 700;
  text-transform: uppercase;
}
div.control_container div.lyrics:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 20px;
  width: 25px;
  -webkit-mask: var(--player-lyrics-icn) no-repeat 100% 100%;
  mask: var(--player-lyrics-icn) no-repeat 100% 100%;
}
div.control_container div.lyrics .lyrics_txt{
  margin-left: 34px;
  line-height: 20px;
}

body.lib_story div.control_container div.lyrics{
  right: 205px;
}
div.control_container div.lyrics.show{
  opacity: 1;
  cursor: pointer;
  position: absolute;
  right: 205px;
  top: 31px;
  cursor: pointer;
}

body.public div.control_container div.like{
  display: none;
}

body.public div.control_container div.lyrics{
  display: none;
}








div.control_container span.mat-icon-svg svg{
  --fill: #ece3ed;
}


div.control_container div.back.disabled,
div.control_container div.pause-play.disabled,
div.control_container div.next.disabled,
div.control_container div.volume-icon.disabled{
  cursor: default;
}


div.control_container div.track_info_box{
  position: absolute;
  right: 30%;
  left: 85px;
  height:100%;
  margin-right:70px;
}

div.track_info_box div.fade{
  position: absolute;
  height: 100%;
  width: 40px;
  background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(var(--player-bg-color)) 100%);
  right: 0;
}

div.control_container div.track{
  position: absolute;
  font-size: 18px;
  left: 0;
  top: 18px;
  right: 0;
  --padding-left: 85px;
  --padding-right: 70px;
  overflow: hidden;
  color: rgba(var(--text-color));
}
div.control_container div.track div.track_box{
  float: left;
  white-space: nowrap;
  position: relative;
}




div.control_container div.artist{
  position: absolute;
  font-size: 14px;
  left: 0px;
  top: 45px;
  right: 0;
  overflow: hidden;
  font-weight: 400;
}
div.control_container div.artist div.artist_box{
  float: left;
  white-space: nowrap;
  position: relative;
  color: rgba(var(--text-color));
}

div.control_container div.sec_bar_wrapper{
  position: absolute;
  display: table;
  font-size: 12px;
  left: 0px;
  top: 12px;
  width: 70%;
  min-width: 500px;
  padding-top: 6px;
  height: 20px;
}

div.control_container div.sec-played{
  display: table-cell;
  width: 40px;
}

div.control_container div.sec-slider{
  position: absolute;
  display: table-cell;
  left: 45px;
  right: 45px;
  min-width: 100px;
  top: 7px;
}


div.control_container div.sec-total{
  display: table-cell;
  width: 40px;
  text-align: right;
}

div.control_container div.volume_bar_wrapper {
  position: absolute;
  font-size: 11px;
  left: 75%;
  top: 19px;
  right: 0;
  height: 10px;
}

div.control_container div.volume-icon{
  position: absolute;
  font-size: 22px;
  top: -5px;
  cursor: pointer;
}

div.control_container div.volume-icon.high:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 28px;
  width: 28px;
  top: -3px;
  left: -6px;
  -webkit-mask: var(--volume-icn-high) no-repeat 100% 100%;
  mask: var(--volume-icn-high) no-repeat 100% 100%;
}
div.control_container div.volume-icon.med:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 28px;
  width: 28px;
  top: -3px;
  left: -8px;
  -webkit-mask: var(--volume-icn-med) no-repeat 100% 100%;
  mask: var(--volume-icn-med) no-repeat 100% 100%;
}
div.control_container div.volume-icon.low:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 28px;
  width: 28px;
  top: -3px;
  left: -10px;
  -webkit-mask: var(--volume-icn-low) no-repeat 100% 100%;
  mask: var(--volume-icn-low) no-repeat 100% 100%;
}
div.control_container div.volume-icon.mute:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 28px;
  width: 28px;
  top: -3px;
  left: -6px;
  -webkit-mask: var(--volume-icn-mute) no-repeat 100% 100%;
  mask: var(--volume-icn-mute) no-repeat 100% 100%;
}



div.control_container div.volume-slider,
div.control_container div.master-volume{
  position: absolute;
  left: 30px;
  right: 0px;
  --min-width: 100px;
}

div.control_container div.volume-slider{
  right: 0px;
}
div.control_container div.master-volume{
  top: 10px;
}




div.control_container div.shuffle-icon{
  position: absolute;
  right: 150px;
  top: 30px;
  cursor: pointer;
  opacity: .4;
}
div.control_container div.shuffle-icon.active{
  opacity: 1;
}


div.control_container div.shuffle-icon:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 20px;
  width: 25px;
  -webkit-mask: var(--player-shuffle-icn) no-repeat 100% 100%;
  mask: var(--player-shuffle-icn) no-repeat 100% 100%;
}


div.control_container div.repeat-icon{
  position: absolute;
  right: 102px;
  top: 30px;
  cursor: pointer;
  opacity: .4;
}
div.control_container div.repeat-icon.active{
  opacity: 1;
}


div.control_container div.repeat-icon:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 20px;
  width: 25px;
  -webkit-mask: var(--player-repeat-icn) no-repeat 100% 100%;
  mask: var(--player-repeat-icn) no-repeat 100% 100%;
}


div.control_container div.shuffle-icon div.active_dot,
div.control_container div.repeat-icon div.active_dot{
  opacity: 0;
  position: relative;
  top: 16px;
  left: 8px;
}
div.control_container div.shuffle-icon.active div.active_dot,
div.control_container div.repeat-icon.active div.active_dot{
  opacity: 1;
}


div.content_scroll_shade{
  position: absolute;
  top: 0px;
  height: 20px;
  z-index: 8;
  background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000',GradientType=0 ); /* IE6-9 */
  display: none;
}

div.item_menu_scroll_shade{
  position: absolute;
  top: 0px;
  height: 20px;
  z-index: 8;
  background: -moz-linear-gradient(top,  rgba(24,24,24,1) 0%, rgba(168,168,168,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(24,24,24,1) 0%,rgba(168,168,168,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(24,24,24,1) 0%,rgba(168,168,168,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181818', endColorstr='#a8a8a8',GradientType=0 ); /* IE6-9 */
  display: none;
}
div.item_menu_scroll_shade{
  width: 240px;
}
div.content_scroll_shade{
  left: 0px;
  right: 0px;
}





div.content_wrapper{
  position: absolute;
  top: 64px;
  left: 240px;
  right: 0px;
  bottom: 150px;
  min-width: 604px;
}

body.lib_story div.content_wrapper{
  left: 0px;
}



div.content_wrapper div.item_menu{
  bottom: 0px;
  width: 0px;
  overflow: hidden;
  border-right: 1px solid rgba(var(--vertical-menu-border-color))
}


div.content_wrapper div.content{
  position: absolute;
  left: 0px;
  right: 0px;
  border-left: 0px solid;
}

div.content_wrapper div.content.background{
  background-position: bottom right;
  background-repeat: no-repeat;
  min-width: 604px;
  border-left: 0px solid; 
  background-size: auto 120%;
}


div.content_wrapper.ItemMenu div.content{
  --left: 210px;
}

div.content_wrapper div.item_menu{
  font-size: 14px;
  text-indent: 20px;
  z-index: 11;
  overflow-y: none;
  position: relative;
}
div.content_wrapper div.item_menu:hover{
  --overflow-y: scroll;
}
div.content_wrapper div.item_menu div.spacer{
  height: 20px;
}
div.content_wrapper div.item_menu div.Header{
  --display: none;
  padding-top: 28px;
  padding-bottom: 10px;
  padding-left: 2px;
  width: 206px;
  text-transform: uppercase;
}
div.content_wrapper div.item_menu div.item{
  position: relative;
  height: 32px;
  line-height: 32px;
  width: 98%;
  --border-left: 4px solid;
  overflow: hidden;
  z-index: 20;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
}
div.content_wrapper div.item_menu div.item::first-letter{
  text-transform: uppercase;
}
div.content_wrapper div.item_menu div.item div.overflow_shade{
  position: absolute;
  height: 100%;
  width: 44px;
  top: 0px;
  right: 0px;
  display: none;
}
div.content_wrapper div.item_menu div.item:hover div.overflow_shade{
  display: block;
}
div.content_wrapper div.item_menu div.item div.mat-icon{
  position: absolute;
  right: 10px;
  top: 4px;
  text-indent: 0px;
  display: none;
}
div.content_wrapper div.item_menu div.item:hover div.mat-icon,
div.content_wrapper div.item_menu div.item.hovered div.mat-icon{
  display: block;
}
div.extra_menu{
  position: fixed;
  z-index: 130;
  display: block;
  padding: 10px;
  left: 300px;
  top: 300px;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  display: none;
  white-space: nowrap;
  background-color: rgba(var(--player-bg-color));
  box-shadow: 4px 4px 32px 0px rgba(var(--general-bg-color));
  -webkit-box-shadow: 4px 4px 32px 0px rgba(var(--general-bg-color));
  -moz-box-shadow: 4px 4px 32px 0px rgba(var(--general-bg-color));
}

div.extra_menu div{
  position: relative;
  line-height: 40px;
  padding-left: 10px;
  padding-right: 60px;
  cursor: pointer;
  border-radius: 8px;
  text-indent: 24px;
}

.header_item_menu_wrapper div.header_menu_items .item.status_on,
.header_item_menu_wrapper div.header_menu_items .item.status_off{
  display: none;
}
.header_item_menu_wrapper div.header_menu_items .item.status_on.show,
.header_item_menu_wrapper div.header_menu_items .item.status_off.show{
  display: block;
}



div.extra_menu div:before,
.header_item_menu_wrapper div.header_menu_items .item:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 18px;
  width: 18px;
  background-color: rgba(var(--text-color));
  left: 8px;
  top: 50%;
  margin-top: -10px;
}




div.extra_menu div.edit_name:before{
  -webkit-mask: var(--action-icn-edit) no-repeat 100% 100%;
  mask: var(--action-icn-edit) no-repeat 100% 100%;
}

div.extra_menu div.delete:before{
  -webkit-mask: var(--action-icn-delete) no-repeat 100% 100%;
  mask: var(--action-icn-delete) no-repeat 100% 100%;
}




div.extra_menu div.play_next:before,
.header_item_menu_wrapper div.header_menu_items .item.album_play_next:before{
  -webkit-mask: var(--menu-queue) no-repeat 100% 100%;
  mask: var(--menu-queue) no-repeat 100% 100%;
}


div.extra_menu div.add_my_music:before{
  -webkit-mask: var(--player-fav-icn) no-repeat 100% 100%;
  mask: var(--player-fav-icn) no-repeat 100% 100%;
  width: 20px;
  height: 20px;
}

.header_item_menu_wrapper div.header_menu_items .item.album_add_to_fav.status_on:before{
  -webkit-mask: var(--player-fav-icn) no-repeat 100% 100%;
  mask: var(--player-fav-icn) no-repeat 100% 100%;
  width: 20px;
  height: 20px;
}
.header_item_menu_wrapper div.header_menu_items .item.album_add_to_fav.status_off:before{
  -webkit-mask: var(--player-fav-icn-active) no-repeat 100% 100%;
  mask: var(--player-fav-icn-active) no-repeat 100% 100%;
  width: 20px;
  height: 20px;
}

div.extra_menu div.add_queue:before,
.header_item_menu_wrapper div.header_menu_items .item.album_add_to_queue:before{
  -webkit-mask: var(--action-icn-queue2) no-repeat 100% 100%;
  mask: var(--action-icn-queue2) no-repeat 100% 100%;
  margin-top: -12px;
}
div.extra_menu div.add_list:before,
.header_item_menu_wrapper div.header_menu_items .item.album_add_to_plist:before{
  -webkit-mask: var(--menu-playlists) no-repeat 100% 100%;
  mask: var(--menu-playlists) no-repeat 100% 100%;
  margin-top: -9px;
}
div.extra_menu div.remove_from_plist:before,
.header_item_menu_wrapper div.header_menu_items .item.block_album:before{
  -webkit-mask: var(--action-btn-block) no-repeat 100% 100%;
  mask: var(--action-btn-block) no-repeat 100% 100%;
  left: 10px;
}



.header_item_menu_wrapper div.header_menu_items .item.follow_artist:before{
  -webkit-mask: var(--action-btn-check) no-repeat 100% 100%;
  mask: var(--action-btn-check) no-repeat 100% 100%;
  width: 16px;
  height: 16px;
  margin-top: -9px;
}



.header_item_menu_wrapper div.header_menu_items .item.hide_artist:before{
  -webkit-mask: var(--action-btn-block) no-repeat 100% 100%;
  mask: var(--action-btn-block) no-repeat 100% 100%;
  width: 21px;
  height: 21px;
  left: 6px;
  margin-top: -11px;
}





















div.ui-slider{
  --float: left;
  position: relative;
  height: 5px;
  margin-top: 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  outline: none;
  background-color: #DDDDDD;
}
div.ui-slider.disabled{
  cursor: default;
}
div.ui-slider div.ui-slider-range{
  position: absolute;
  height: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  outline: none;
  background-color: rgba(var(--player-slider-bar-color));
}
div.ui-slider span.ui-slider-handle{
  position: absolute;
  height: 6px;
  width: 6px;
  margin-top: -5px;
  margin-left: -5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 4px solid;
  cursor: pointer;
  outline: none;
  border-color: rgba(var(--player-slider-bar-color));
  background-color: rgba(var(--player-slider-balloon-color));

}
div.ui-slider.disabled span.ui-slider-handle{
  cursor: default;
}
div.ui-slider.disabled span{
  display: none;
}

div.sec_bar_wrapper span.ui-slider-handle,
div.volume_bar_wrapper span.ui-slider-handle{
  opacity: 0;
}

div.ui-slider span.ui-state-hover,
div.ui-slider span.ui-state-active,
div.sec_bar_wrapper:hover span.ui-slider-handle,
div.volume_bar_wrapper:hover span.ui-slider-handle{
  opacity: 1;
}
div.ui-slider.disabled span.ui-state-hover,
div.ui-slider.disabled span.ui-state-active,
div.sec_bar_wrapper.disabled:hover span.ui-slider-handle,
div.volume_bar_wrapper.disabled:hover span.ui-slider-handle{
  display: none;
}
div.block_separator{
  display: none;
}

div.ui-slider span.ui-state-hover,
div.ui-slider span.ui-state-active{
  outline: none;
}

div.background_shade,
div.background_shade_disabled{
  position: fixed;
  z-index: -10;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--general-bg-color),0.4);
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;   
}

div.background_shade.show,
div.background_shade_disabled.show{
  opacity: 1;
  z-index: 200;
}

div.search_popup_wrapper{
  position: absolute;
  display: flex;
  z-index: -10;
  left: 50%;
  top: 56px;
  transform: translate(-50%);
  max-width: 70%;
  width: 1000px;
  opacity: 0;
  background-color: rgba(var(--player-bg-color));

  border-radius: 16px;
  padding-left: 4px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  color: rgba(var(--text-color));
}


div.search_popup_wrapper.show{
  opacity: 1;
  z-index: 210;
}



div.search_popup_wrapper .search_column{
  flex-grow: 1;
  flex-basis: min-content;
  min-width: 200px;
  padding-left: 6px;
  padding-right: 6px;
}


div.search_popup_wrapper .search_column .title{
  font-size: 16px;
  font-weight: 700;
  padding-left: 12px;
  margin-bottom: 12px;
}



div.search_popup_wrapper .search_column .items_list .item{
  position: relative;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 3px;
  padding-right: 3px;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  cursor: pointer;
  border-radius: 6px;
}
div.search_popup_wrapper .search_column .items_list .item:hover{
  background-color: rgba(var(--album-box-bg-hover),.5);
}

body.lib_audiobooks div.search_popup_wrapper .search_column .items_list .item:hover{
  background-color: rgba(var(--left-menu-bg-color))

}



div.search_popup_wrapper .search_column .items_list .item .art_placeholder{
  position: relative;
  background-color: rgba(var(--art-placeholder-bg-color));
  height: 38px;
  width: 38px;
  border-radius: 8px;
}
div.search_popup_wrapper .search_column .items_list .item.type-artist .art_placeholder,
div.search_popup_wrapper .search_column .items_list .item.type-artist .art_placeholder .art{
  border-radius: 50%;
}

div.search_popup_wrapper .search_column .items_list .item.type-artist .art_placeholder:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 24px;
  width: 24px;
  -webkit-mask: var(--mat-icn-person) no-repeat 100% 100%;
  mask: var(--mat-icn-person) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
  top: 6px;
  left: 7px;
}

div.search_popup_wrapper .search_column .items_list .item.type-album .art_placeholder:before,
div.search_popup_wrapper .search_column .items_list .item.type-track .art_placeholder:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 24px;
  width: 24px;
  -webkit-mask: var(--mat-icn-album) no-repeat 100% 100%;
  mask: var(--mat-icn-album) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
  top: 7px;
  left: 6px;
}

div.search_popup_wrapper .search_column .items_list .item .art_placeholder .art{
  height: 100%;
  width: 100%;
  background-size: cover;
  position: relative;
  border-radius: 8px;
}




div.search_popup_wrapper .search_column .items_list .item .name{
  position: absolute;
  top: 0;
  line-height: 42px;
  bottom: 0;
  left: 47px;
  right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

div.search_popup_wrapper .search_column .items_list .show_more_btn,
div.kids_search_wrapper .kids_result_wrapper .items_list .show_more_btn{
  border: 1px solid rgba(var(--active-selection-bg), .5);
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  max-width: 160px;
  border-radius: 16px;
  line-height: 33px;
  text-align: center;
  margin-top: 8px;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
div.search_popup_wrapper .search_column .items_list .show_more_btn:hover,
div.kids_search_wrapper .kids_result_wrapper .items_list .show_more_btn:hover{
  border: 1px solid rgba(var(--active-selection-bg), .0);
  background-color: rgba(var(--active-selection-bg), .5);
}


div.search_popup_wrapper .no_result{
  width: 100%;
  text-align: center;
}



div.search_popup_wrapper_old{
  position: absolute;
  z-index: -20;
  width: 400px;
  top: 60px;
  left: 74px;
  padding-top: 10px;
  border: 1px solid;
  -webkit-box-shadow: 0px 0px 14px 8px rgba(125,0,0,0.15);
  -moz-box-shadow: 0px 0px 14px 8px rgba(0,0,0,0.15);
  box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.30);
  border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  overflow: auto;
  opacity: 0;
}


div.search_popup_wrapper_old div.header_title{
  line-height: 26px;
  font-size: 14px;
  text-indent: 10px;
  border-bottom: 1px solid;
}
div.search_popup_wrapper_old div.item{
  position: relative;
  height: 56px;
  border-bottom: 1px solid;
  cursor: pointer;
}
div.search_popup_wrapper_old div.name{
  position: absolute;
  line-height: 56px;
  float: left;
  left: 56px;
  white-space: nowrap;
}




div.search_popup_wrapper_old .item.type-profile div.art,
div.search_popup_wrapper_old div.placeholder{
  position: absolute;
  height: 36px;
  width: 36px;
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  top: 10px;
  left: 9px;
  float: left;
}

div.search_popup_wrapper_old div.placeholder .icon.people{
  left: 4px;
  top: 3px;
  position: relative;
}
div.search_popup_wrapper_old div.placeholder .icon.people:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 24px;
  width: 24px;
  -webkit-mask: var(--mat-icn-person) no-repeat 100% 100%;
  mask: var(--mat-icn-person) no-repeat 100% 100%;
  background-color: rgb(204, 204, 204);
  left: 2px;
  top: 2px;
}

div.search_popup_wrapper_old div.placeholder .icon.album{
  left: 4px;
  top: 3px;
  position: relative;
}
div.search_popup_wrapper_old div.placeholder .icon.album:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 20px;
  width: 20px;
  -webkit-mask: var(--mat-icn-album) no-repeat 100% 100%;
  mask: var(--mat-icn-album) no-repeat 100% 100%;
  background-color: rgb(204, 204, 204);
  left: 4px;
  top: 5px;
}

div.search_popup_wrapper_old div.art{
  position: relative;
  height: 36px;
  width: 36px;
  top: 10px;
  left: 9px;
  float: left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

div.search_popup_wrapper_old .type-people div.art{
  border-radius: 16px 16px 16px 16px;
  -moz-border-radius: 16px 16px 16px 16px;
  -webkit-border-radius: 16px 16px 16px 16px;
}

div.search_popup_wrapper_old div.item.no_result{
  border: none;
  height: 18px;
  text-indent: 10px;
  font-size: 15px;
  cursor: default;
}




div.ScrollButtonLeft,
div.ScrollButtonRight{
  display: none;
}


div.horizon_scroll_blocks{
  overflow-x:hidden;
  overflow-y:hidden;
}

.subtitle_show_more{
  display: none;
}
.quick_plist{
  display: none;
}

div.normal_blocks{
  position: relative;
}


div.content_block.horizon_scroll_blocks:first-of-type,
div.content_block.album_list:first-of-type,
div.content_block.continue_playing_blocks:first-of-type{
  padding-top: 32px;
}

body.lib_story div.content_block.album_list{
  padding-bottom: 40px;
}

div.content_block.norm_albu_dspl:first-of-type{
  --padding-top: 16px;
}


body.lib_story div.content_block:first-of-type{
  margin-top: 32px;
}


div.horizon_scroll_blocks .title,
div.normal_blocks .title,
div.radio .title,
div.norm_list .title,
div.artist_page .title,
div.profile_page .title,
div.continue_playing_blocks .title,
div.album_list .title,
div.search_results .title{
  position: relative;
  padding-left: 32px;
  padding-bottom: 12px;
  font-weight: 700;
}

body.lib_story div.horizon_scroll_blocks .title,
body.lib_story div.normal_blocks .title,
body.lib_story div.radio .title,
body.lib_story div.norm_list .title,
body.lib_story div.artist_page .title,
body.lib_story div.profile_page .title,
body.lib_story div.continue_playing_blocks .title,
body.lib_story div.album_list .title,
body.lib_story div.search_results .title,
body.lib_story div.age-selector .title,
body.lib_story div.kids_search_block .title{
  position: relative;
  padding-left: 20px;
  line-height: 60px;
  padding-bottom: 12px;
  padding-top: 0;
  text-indent: 50px;
  margin-top: 3px;
}


body.lib_story div.album_list .album .title{
  line-height: normal;
  margin-top: unset;
  text-indent: unset;
}

body.lib_story .content_block{
  background-color: white;
  width: 90%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 29px;
  padding-top: 6px;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1);
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 32px;
}

body.lib_story div.artist_page.landscape_art_enabled .options{
  padding-bottom: 20px;
}





div.content_wrapper.page-id-home div.horizon_scroll_blocks:first-child .title{
  --font-size: 32px;
}


div.content_wrapper.page-id-home div.horizon_scroll_blocks .title,
div.content_wrapper.page-id-home div.album_list .title,
div.content_wrapper.page-id-home div.age-selector .title,
div.content_wrapper.page-id-home div.kids_search_block .title,
body.lib_story div.kids_search_block .title{
  font-size: 24px;
  
}
div.content_wrapper.page-id-home div.horizon_scroll_blocks div.album .title, 
div.normal_blocks div.album .title{
  font-size: 14px;
}




div.horizon_scroll_blocks .title::first-letter,
div.normal_blocks .title::first-letter,
div.radio .title::first-letter,
div.norm_list .title::first-letter,
div.artist_page .title::first-letter,
div.profile_page .title::first-letter,
div.continue_playing_blocks .title::first-letter{
  text-transform: uppercase;
}

div.norm_list .title{
  padding-top: 0px;
  padding-left: 13px;
  width: 80%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
div.norm_list div.subject{
  padding-left: 13px;
  width: 80%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
div.norm_list div.sub_title{
  padding-left: 13px;
  margin-top: -12px;
  padding-bottom: 10px;
}
div.norm_list .title .mat-icon{
  position: relative;
  top: 5px;
  margin-right: 6px;
  font-size: 33px;
  display: none;
}
div.horizon_scroll_blocks .title div.mat-icon,
div.normal_blocks .title div.mat-icon,
div.radio .title div.mat-icon{
  top: 6px;
  padding-right: 8px;
  position: relative;
  font-size: 28px;
}
div.horizon_scroll_blocks .title div.mat-icon,
div.normal_blocks .title div.mat-icon{
  display: none;
}
div.horizon_scroll_blocks div.scroll{
  width: 100%;
  position: relative;
  --overflow: hidden;
  white-space: nowrap;
  clear: both;
  padding-left: 27px;
  padding-bottom: 32px;
}

body.lib_story div.horizon_scroll_blocks div.scroll{
  padding-bottom: 22px;
  padding-left: 14px;
}
div.normal_blocks div.scroll,
div.norm_list div.scroll{
  clear: both;
  padding-left: 27px;
  padding-bottom: 32px;
}



div.horizon_scroll_blocks div.subtitle_show_more{
  display: inline-block;
  position: relative;
  top: -14px;
  margin-left: 35px;
  font-size:15px;
  white-space: nowrap;
  cursor: pointer;
}
div.horizon_scroll_blocks div.quick_plist{
  display: inline-block;
  position: relative;
  top: -14px;
  margin-left: 35px;
  font-size:15px;
  white-space: nowrap;
  cursor: pointer;
}



div.horizon_scroll_blocks div.scroll div.ScrollButtonLeft{
  position: absolute;
  left: 0px;
  z-index: -10;
  width: 60px;
  height: 110%;
  opacity: 0;
  display: block;
  top: -5px;
}

div.horizon_scroll_blocks div.scroll div.ScrollButtonRight{
  position: absolute;
  right: 26px;
  z-index: -10;
  width: 60px;
  height: 110%;
  opacity: 0;
  display: block;
  top: -5px;
}

body.lib_story div.horizon_scroll_blocks div.scroll div.ScrollButtonRight{
  right: 13px;
}


div.horizon_scroll_blocks div.scroll div.ScrollButtonLeft.hide,
div.horizon_scroll_blocks div.scroll div.ScrollButtonRight.hide{
  opacity: 0;
  display: none;
}
div.horizon_scroll_blocks div.scroll div.ScrollButtonLeft.show,
div.horizon_scroll_blocks div.scroll div.ScrollButtonRight.show{
  opacity: 1;
  display: block;
  z-index: 10;
}



div.horizon_scroll_blocks div.scroll div.ScrollButtonLeft .scroll_btn{
  margin-left: 20px;
}
div.horizon_scroll_blocks div.scroll div.ScrollButtonRight .scroll_btn{
  float: right;
  margin-right: 20px;
}

div.horizon_scroll_blocks div.scroll div.ScrollButtonLeft .scroll_btn,
div.horizon_scroll_blocks div.scroll div.ScrollButtonRight .scroll_btn{
  position: relative;
  height: 50px;
  width: 50px;
  margin-top: 5px;
}

div.horizon_scroll_blocks div.scroll div.ScrollButtonLeft .scroll_btn .icn,
div.horizon_scroll_blocks div.scroll div.ScrollButtonRight .scroll_btn .icn{
  background-color: rgba(var(--horizontal-scroll-btn-bg));
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  border-radius: 25px;
  margin-top: -25px;
  cursor: pointer;
}

div.horizon_scroll_blocks div.scroll div.ScrollButtonLeft .scroll_btn .icn:before,
div.horizon_scroll_blocks div.scroll div.ScrollButtonRight .scroll_btn .icn:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 16px;
  width: 16px;
  background-color: rgba(var(--text-color-diag));
  top: 17px;
  left: 18px;
}

div.horizon_scroll_blocks div.scroll div.ScrollButtonLeft .scroll_btn .icn:before{
  -webkit-mask: var(--horizontal-scroll-arrow-left) no-repeat 100% 100%;
  mask: var(--horizontal-scroll-arrow-left) no-repeat 100% 100%;
  left: 16px;
}

div.horizon_scroll_blocks div.scroll div.ScrollButtonRight .scroll_btn .icn:before{
  -webkit-mask: var(--horizontal-scroll-arrow-right) no-repeat 100% 100%;
  mask: var(--horizontal-scroll-arrow-right) no-repeat 100% 100%;
}




div.horizon_scroll_blocks div.scroll div.Blocker{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: none;
}
div.RadioAlbumShade{
  display: none;
}

div.horizon_scroll_blocks .premium_flag,
div.norm_albu_dspl .premium_flag,
div.normal_blocks .premium_flag{
  position: absolute;
  --background-image: url('img/premium_star.svg');
  background-repeat: no-repeat;
  background-size: 36px 36px;
  background-position-x: 0px;
  background-position-y: 0px;

  --background-image: url('img/premium_flag.svg');
  top: -1px;
  left: 4px;
  width: 36px;
  height: 36px;
}
div.horizon_scroll_blocks div.album,
div.normal_blocks div.album{
  position: relative;
  vertical-align: top;
  width: 200px;
  --height: 240px;
  display: inline-block;
  margin-left: 8px;
  cursor: pointer;
  background-size: 100% auto;
  background-position: center center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  left: 0px;
  padding-bottom: 12px;
  background-color: rgba(var(--left-menu-bg-color));
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(var(--album-box-border));
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(var(--album-box-border));
  box-shadow: inset 0px 0px 0px 1px rgba(var(--album-box-border));
}
div.normal_blocks div.album{
  margin-bottom: 8px;
}

body.lib_story div.horizon_scroll_blocks div.album,
body.lib_story div.normal_blocks div.album{
  padding-bottom: 0px;
}


div.horizon_scroll_blocks div.album.item-type-album:hover,
div.normal_blocks div.album.item-type-album:hover,
div.album_list div.album:hover,
div.search_results div.album:hover,
div.content_block.continue_playing_blocks .scroll .album:hover{
  background-color: rgba(var(--album-box-bg-hover));
}
body.lib_music div.horizon_scroll_blocks div.album.item-type-album:hover,
body.lib_music div.normal_blocks div.album.item-type-album:hover,
body.lib_music div.album_list div.album:hover,
body.lib_music div.search_results div.album:hover{
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(var(--album-box-bg-hover),0);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(var(--album-box-bg-hover),0);
  box-shadow: inset 0px 0px 0px 1px rgba(var(--album-box-bg-hover),0);
  background-color: rgba(var(--album-box-bg-hover),.5);
}

div.horizon_scroll_blocks.tile_size_small div.album,
div.normal_blocks.tile_size_small div.album{
  width: 120px;
  --height: 200px;
}



div.horizon_scroll_blocks div.album div.art_placeholder,
div.normal_blocks div.album div.art_placeholder{
  position: relative;
  z-index: 2;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: rgba(var(--art-placeholder-bg-color));
}

div.horizon_scroll_blocks div.album div.art_placeholder:after,
div.normal_blocks div.album div.art_placeholder:after{
  content: "";
  display: block;
  padding-bottom: 100%;
}

div.horizon_scroll_blocks div.album.item-type-album div.art_placeholder::before,
div.normal_blocks div.album.item-type-album div.art_placeholder::before,
div.album_list div.album.item-type-album div.art_placeholder::before,
div.search_results div.album.item-type-album div.art_placeholder::before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 80px;
  width: 80px;
  -webkit-mask: var(--mat-icn-album) no-repeat 100% 100%;
  mask: var(--mat-icn-album) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
  top: 50%;
  left: 50%;
  margin-left: -40px;
  margin-top: -40px;
  opacity: 1;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

div.album_list div.album.item-type-album div.art_placeholder::before,
div.search_results div.album.item-type-album div.art_placeholder::before{
  height: 40px;
  width: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

div.horizon_scroll_blocks div.album.item-type-album div.art_placeholder.placeholder_fadein::before,
div.normal_blocks div.album.item-type-album div.art_placeholder.placeholder_fadein::before,
div.album_list div.album.item-type-album div.art_placeholder.placeholder_fadein::before,
div.search_results div.album.item-type-album div.art_placeholder.placeholder_fadein::before{
  opacity: 0;
}



div.horizon_scroll_blocks div.album.item-type-artist div.art_placeholder,
div.normal_blocks div.album.item-type-artist div.art_placeholder,
div.album_list div.album.item-type-artist div.art_placeholder,
div.search_results div.album.item-type-artist div.art_placeholder{
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

div.horizon_scroll_blocks div.album.item-type-artist div.art,
div.normal_blocks div.album.item-type-artist div.art,
div.album_list div.album.item-type-artist div.art,
div.search_results div.album.item-type-artist div.art{
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}


div.horizon_scroll_blocks div.album.item-type-artist div.art_placeholder::before,
div.normal_blocks div.album.item-type-artist div.art_placeholder::before,
div.album_list div.album.item-type-artist div.art_placeholder::before,
div.search_results div.album.item-type-artist div.art_placeholder::before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 90px;
  width: 90px;
  -webkit-mask: var(--mat-icn-person) no-repeat 100% 100%;
  mask: var(--mat-icn-person) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
  top: 50%;
  left: 50%;
  margin-left: -33px;
  margin-top: -33px;
}

div.horizon_scroll_blocks.tile_size_small div.album.item-type-album div.art_placeholder::before,
div.normal_blocks.tile_size_small div.album.item-type-album div.art_placeholder::before{
  height: 70px;
  width: 70px;
  margin-left: -35px;
  margin-top: -35px;
}

div.album_list.tile_size_small div.album.item-type-album div.art_placeholder::before,
div.search_results.tile_size_small div.album.item-type-album div.art_placeholder::before{
  height: 40px;
  width: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

div.horizon_scroll_blocks.tile_size_small div.album.item-type-artist div.art_placeholder::before,
div.normal_blocks.tile_size_small div.album.item-type-artist div.art_placeholder::before{
  height: 70px;
  width: 70px;
  margin-left: -35px;
  margin-top: -35px;
}

div.album_list.tile_size_small div.album.item-type-artist div.art_placeholder::before,
div.search_results.tile_size_small div.album.item-type-artist div.art_placeholder::before{
  height: 40px;
  width: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

div.horizon_scroll_blocks div.album div.art,
div.normal_blocks div.album div.art,
div.album_list div.album div.art,
div.search_results div.album div.art{
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

div.horizon_scroll_blocks div.album div.art div.quick_play_btn,
div.normal_blocks div.album div.art div.quick_play_btn{
  position: absolute;
  bottom: 3px;
  right: 3px;
  height: 20px;
  width: 35px;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  display: block;
}
div.horizon_scroll_blocks div.album div.art div.quick_play_btn:before,
div.normal_blocks div.album div.art div.quick_play_btn:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 45px;
  width: 45px;
  -webkit-mask: var(--player-play-icn) no-repeat 100% 100%;
  mask: var(--player-play-icn) no-repeat 100% 100%;
  background-color: white;
  top: -5px;
  left: -5px;
}


div.horizon_scroll_blocks div.album:hover div.art div.quick_play_btn,
div.normal_blocks div.album:hover div.art div.quick_play_btn{
  height: 35px;
  opacity: 1;
}


div.horizon_scroll_blocks div.album .mat-icon.play,
div.normal_blocks div.album .mat-icon.play{
  position: absolute;
  font-size: 68px;
  left: 50%;
  margin-left: -34px;
  top: 50%;
  margin-top: -34px;
  opacity: 0;
  text-shadow: 0px 0px 5px 2px rgba(0,0,0,1);
  border-radius: 34px;
  -moz-border-radius: 34px;
  -webkit-border-radius: 34px;
}

div.horizon_scroll_blocks.tile_size_small div.album .album_favorite,
div.normal_blocks.tile_size_small div.album .album_favorite{
  display: none;
}

div.horizon_scroll_blocks div.album .album_favorite,
div.normal_blocks div.album .album_favorite{
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 22px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 20px;
  background-color: rgba(0,0,0,.66);
  opacity: 0;
  z-index: 2;
}


div.horizon_scroll_blocks div.album .album_favorite:before,
div.normal_blocks div.album .album_favorite:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  float: left;
  top: 4px;
  left: 3px;
  height: 26px;
  width: 26px;
  -webkit-mask: var(--player-fav-icn) no-repeat 100% 100%;
  mask: var(--player-fav-icn) no-repeat 100% 100%;
  background-color: var(--green-highlight);
}

div.horizon_scroll_blocks div.album .album_favorite.is_fav:before,
div.normal_blocks div.album .album_favorite.is_fav:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  float: left;
  top: 4px;
  left: 3px;
  height: 26px;
  width: 26px;
  -webkit-mask: var(--player-fav-icn-active) no-repeat 100% 100%;
  mask: var(--player-fav-icn-active) no-repeat 100% 100%;
}


div.horizon_scroll_blocks div.album .album_favorite:hover:before,
div.normal_blocks div.album .album_favorite:hover:before{
  background-color: var(--green-highligt2);
}


div.horizon_scroll_blocks div.album:hover .album_favorite,
div.normal_blocks div.album:hover .album_favorite{
  opacity: 1;
}
body.public div.horizon_scroll_blocks div.album:hover .album_favorite,
body.public div.normal_blocks div.album:hover .album_favorite,
div.horizon_scroll_blocks div.album.item-type-artist .album_favorite{
  display: none;
}







div.horizon_scroll_blocks div.album .title_wrapper,
div.normal_blocks div.album .title_wrapper{
  height: 58px;
  padding-left: 1px;
  padding-right: 1px;
}

body.lib_story div.horizon_scroll_blocks div.album .title_wrapper,
body.lib_story div.normal_blocks div.album .title_wrapper,
body.lib_story .cooperative_wrapper{
  display: none;
}

div.horizon_scroll_blocks div.album.item-type-artist .title_wrapper,
div.normal_blocks div.album.item-type-artist .title_wrapper{
  height: 24px;
}

div.horizon_scroll_blocks div.album .title,
div.normal_blocks div.album .title{
  padding-top: 10px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 0px;
  font-size: 12px;
  white-space: normal;
  font-family: inherit;
  font-weight: 400;
  text-overflow: ellipsis;
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  --height: 56px;
  font-size: 13px;
  text-align: left;
  font-weight: 600;
  left: 1px;
  right: 1px;
}

body.lib_music div.horizon_scroll_blocks div.album .title,
body.lib_music div.normal_blocks div.album .title{
  text-align: center;
  padding-left: 1px;
  padding-right: 2px;
}


div.horizon_scroll_blocks div.album .title .title_artist,
div.normal_blocks div.album .title .title_artist,
div.album_list div.album .title .title_artist,
div.search_results div.album .title .title_artist{
  font-size: 12px;
  font-weight: 400;
  opacity: .75;
}

div.horizon_scroll_blocks div.album .bookmark_progress_bar,
div.normal_blocks div.album .bookmark_progress_bar{
  position: absolute;
  height: 10px;
  background-color: white;
  width: 100%;
  margin-top: -5px;
  z-index: 1;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

div.horizon_scroll_blocks div.album .bookmark_progress_bar .inner,
div.normal_blocks div.album .bookmark_progress_bar .inner,
div.content_block.continue_playing_blocks .scroll .album .bookmark_progress_bar .inner{
  height: 100%;
  background-color: #FF9D00;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

div.horizon_scroll_blocks div.album.item-type-artist .title,
div.normal_blocks div.album.item-type-artist .title{
  text-align: center;
  width: 100%;
}

div.horizon_scroll_blocks.tile_size_small div.album.item-type-artist .title,
div.normal_blocks.tile_size_small div.album.item-type-artist .title{
  font-size: 11px;
  padding-left: 0;
  padding-right: 0;
}



div.norm_albu_dspl,
div.norm_list,
div.horizon_scroll_blocks div.subject,
div.artist_page,
div.profile_page{
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 30px;
  width:80%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

div.norm_albu_dspl{
  min-height: 400px;
}

div.profile_page{
  min-height:300px;
}

div.horizon_scroll_blocks div.subject{
  top: 28px;
  margin-top: 0px;
}


div.artist_page div.sub_title{
  margin-left: 310px;
  display: none;
}

div.norm_albu_dspl div.album_art{
  position: relative;
  width: 200px;
  height: 200px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top left;
  z-index: 5;
}

div.norm_albu_dspl div.album_art div.art_enlarge{
  position: absolute;
  top: 50%;
  left: 50%;
  height: 44px;
  width: 44px;
  margin-top: -22px;
  margin-left: -22px;
  background-color:rgba(0,0,0,.75);
  opacity: 0;
  cursor: pointer;
  border-radius: 22px;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

div.norm_albu_dspl div.album_art:hover div.art_enlarge{
  opacity: 1;
}

div.norm_albu_dspl div.album_art div.art_enlarge:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 23px;
  width: 23px;
  -webkit-mask: var(--menu-search-icn) no-repeat 100% 100%;
  mask: var(--menu-search-icn) no-repeat 100% 100%;
  background-color: rgba(var(--text-color-diag));
  top: 9px;
  left: 10px;
}



div.norm_albu_dspl div.subject,
div.norm_albu_dspl .title,
div.norm_albu_dspl div.sub_title,
div.norm_albu_dspl div.track_wrapper,
div.norm_albu_dspl div.cooperative_wrapper,
div.norm_albu_dspl div.comment,
div.norm_albu_dspl div.review_wrapper{
  position: relative;
  padding-left: 250px;
}
div.norm_albu_dspl .title,
div.norm_albu_dspl div.sub_title{
  padding-right: 130px;  
}

div.norm_albu_dspl div.cooperative_wrapper{
  margin-top: 20px;
}
div.norm_albu_dspl div.subject,
div.norm_list div.subject,
div.artist_page div.subject,
div.horizon_scroll_blocks div.subject{
  height: 20px;
  text-transform: uppercase;
}
div.horizon_scroll_blocks div.subject{
  padding-left: 35px;
}

div.norm_albu_dspl div.track_wrapper,
div.norm_list div.track_wrapper{
  min-height: 180px;
  display: table;
  margin-top: 30px;
  font-weight: 400;
}

div.norm_list div.track_wrapper{
  margin-top: 10px;
  min-height: 10px; 
}

div.norm_albu_dspl div.sub_title div.artist{
  display: inline-block;
  cursor: pointer;
}

div.norm_albu_dspl div.track_wrapper div.track,
div.norm_list div.track_wrapper div.track{
  display: table;
  table-layout: fixed;
  width: 100%;
}



div.norm_albu_dspl div.track_wrapper div.track div,
div.norm_list div.track_wrapper div.track div{
  display: table-cell;
  font-size: 15px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 15px;
  text-overflow: ellipsis;
}

body.lib_story div.norm_albu_dspl div.track_wrapper div.track,
body.lib_story div.norm_list div.track_wrapper div.track{
  padding-top:3px;
  padding-bottom: 3px;
}

body.lib_story div.norm_albu_dspl div.track_wrapper div.track div,
body.lib_story div.norm_list div.track_wrapper div.track div{
  font-size: 17px;
}

div.norm_albu_dspl div.track_wrapper div.track.table-header,
div.norm_list div.track_wrapper div.track.table-header{
  border-bottom: 1px solid transparent;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  display: none;
}

body.lib_audiobooks div.norm_albu_dspl div.track_wrapper div.track.table-header,
body.lib_audiobooks div.norm_list div.track_wrapper div.track.table-header{
  color: rgba(64, 123, 137, 1);
  display: table;
  font-size: 14px;
}

div.norm_albu_dspl div.track_wrapper div.track.table-header div,
div.norm_list div.track_wrapper div.track.table-header div{
  font-size: inherit;
}



div.norm_albu_dspl div.track_wrapper div.track div.track_num,
div.norm_list div.track_wrapper div.track div.track_num{
  width: 35px;
}
div.norm_albu_dspl div.track_wrapper div.track div.time,
div.norm_list div.track_wrapper div.track div.time{
  width: 60px;
  font-weight: 700;
  vertical-align: middle;
}


div.norm_albu_dspl div.track_wrapper div.track div.composer,
div.norm_list div.track_wrapper div.track div.composer{
  width: 220px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


div.norm_albu_dspl div.track_wrapper div.track.highlight div.track_name,
div.norm_list div.track_wrapper div.track.highlight div.track_name,
div.norm_list div.track_wrapper div.track.highlight div.album_name{
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  font-weight: 600;
  text-overflow: ellipsis;
}

body.lib_audiobooks div.norm_albu_dspl div.track_wrapper div.track.highlight div.track_name,
body.lib_audiobooks div.norm_list div.track_wrapper div.track.highlight div.track_name,
body.lib_audiobooks div.norm_list div.track_wrapper div.track.highlight div.album_name,
body.lib_audiobooks div.norm_albu_dspl div.track_wrapper div.track.highlight div.time,
body.lib_audiobooks div.norm_list div.track_wrapper div.track.highlight div.time{
  font-weight: 400 !important;
}

div.norm_albu_dspl div.track_wrapper div.track.highlight div.track_name,
div.norm_list div.track_wrapper div.track.highlight div.track_name{
  cursor: pointer;
}

div.norm_albu_dspl div.track_wrapper div.track div.track_subtitle,
div.norm_list div.track_wrapper div.track div.track_subtitle{
  padding: 0;
  padding-top: 1px;
  display: none;
  overflow: hidden;
  font-weight: 400;
  font-size: 13px;
  color: rgba(var(--text-color), .75);
}

body.lib_music  div.norm_albu_dspl div.track_wrapper div.track div.track_subtitle,
body.lib_music div.norm_list div.track_wrapper div.track div.track_subtitle{
  display: block;
}

div.norm_albu_dspl div.track_wrapper div.track.playing div.track_subtitle,
div.norm_list div.track_wrapper div.track.playing div.track_subtitle{
  color: rgba(var(--text-color-diag), .75);
}



div.norm_albu_dspl div.track_wrapper div.track.highlight.blocked div.track_name:hover,
div.norm_list div.track_wrapper div.track.highlight.blocked div.track_name:hover{
  cursor: default;
}

body.public div.norm_list div.track_wrapper div.track.highlight div.track_name:hover{
  cursor: default;
}

div.norm_albu_dspl div.track_wrapper div.track div.track_options,
div.norm_list div.track_wrapper div.track div.track_options{
  width: 30px;
  padding: 0;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}


body.lib_audiobooks div.norm_albu_dspl div.track_wrapper div.track div.track_options,
body.lib_audiobooks div.norm_list div.track_wrapper div.track div.track_options{
  display: none;
}

div.norm_albu_dspl div.track_wrapper div.track div.track_options.track_options_icn:before,
div.norm_list div.track_wrapper div.track div.track_options.track_options_icn:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 16px;
  width: 16px;
  -webkit-mask: var(--action-btn-track-options) no-repeat 100% 100%;
  mask: var(--action-btn-track-options) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
  opacity: 0;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  top: 50%;
  margin-top: -8px;
}
div.norm_albu_dspl div.track_wrapper div.track:hover div.track_options.track_options_icn:before,
div.norm_list div.track_wrapper div.track:hover div.track_options.track_options_icn:before{
  opacity: 1;
} 



body.public div.norm_albu_dspl div.track_wrapper div.track div.track_options,
body.public div.norm_list div.track_wrapper div.track div.track_options{
  display: none;
  cursor: default;
}

div.norm_albu_dspl div.extra_menu div{
   padding-right: 25px;
}






div.norm_albu_dspl div.thumbs_wrapper,
div.norm_list div.thumbs_wrapper,
div.norm_list div.follow_plist_wrapper{
  position: absolute;
  padding-left: 8px;
  padding-right: 8px;
  height: 36px;
}
div.norm_albu_dspl div.thumbs_wrapper{
  right: 20px;
  top: 40px;
}
div.norm_list div.thumbs_wrapper{
  right: 30px;
  top: 10px;
}



div.thumbs_wrapper div.thumbs_up,
div.thumbs_wrapper div.thumbs_down{
  display: inline-block;
  cursor: pointer;
}
div.thumbs_wrapper div.thumbs_up .mat-icon,
div.thumbs_wrapper div.thumbs_down .mat-icon{
  position: relative;
  padding-right: 5px;
  font-size: 22px;
}

div.thumbs_wrapper div.thumbs_up .mat-icon{
  top: 5px;

}
div.thumbs_wrapper div.thumbs_down .mat-icon{
  top: 8px;
  padding-left: 8px;
}

div.norm_list div.follow_plist_wrapper{
  top: 10px;
  right: 150px;
}
div.follow_plist_wrapper .follow_plist_btn{
  display: none;
}
div.follow_plist_wrapper .follow_plist_btn:hover{
  cursor: pointer;
}
div.follow_plist_wrapper .follow_plist_btn.active{
  display: block;
}

div.follow_plist_wrapper .follow_plist_btn .mat-icon{
  font-size: 22px;
  position: relative;
  top: 6px;
}

div.follow_plist_wrapper .follow_plist_btn span{
  position: relative;
  top: 1px;
  padding-left: 5px;
  padding-right: 1px;
}



div.norm_albu_dspl div.options{
  position:relative;
  z-index: 10;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height:24px;
}

div.norm_albu_dspl div.options.disabled{
  cursor: default;
}


div.norm_albu_dspl div.options .mat-icon{
  position: relative;
  top: 7px;
  padding-right: 8px;
}


div.artist_page div.options .mat-icon,
div.profile_page div.options .mat-icon{
  display: inline;
  position: relative;
  top: 5px;
  padding-right: 5px;
}




div.norm_albu_dspl div.cooperative{
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}
div.norm_albu_dspl div.cooperative .mat-icon,
div.artist_page div.cooperative .mat-icon{
  position: absolute;
  top: 6px;
  left: 5px;
  padding-right: 10px;
}
div.norm_albu_dspl div.cooperative div.block,
div.artist_page div.cooperative div.block{
  position: relative;
  top: 0px;
  margin-left: 40px;
  right: 0px;
  display: block;
}
div.norm_albu_dspl div.cooperative div.coop,
div.artist_page div.cooperative div.coop{
  display: inline-block;
}
div.norm_albu_dspl div.cooperative div.coop:hover,
div.artist_page div.cooperative div.coop:hover{
  cursor: pointer;
}

div.norm_albu_dspl div.reviews{
  top: 10px;
  position: relative;
}
div.norm_albu_dspl div.reviews div.header_wrapper{
  margin-top: 6px;
  font-weight: bold;
  font-size: 14px;
  height: 30px;
  padding-left: 6px;
  padding-right: 15px;
  padding-bottom: 4px;
}
div.norm_albu_dspl div.reviews div.header_wrapper div.header_title{
  float: left;
  padding-top: 6px;
}
div.norm_albu_dspl div.reviews div.header_wrapper div.show,
div.norm_albu_dspl div.reviews div.header_wrapper div.hide{
  padding-top: 6px;
  cursor: pointer;
  font-weight: 400;
  text-decoration: underline;
}
  
div.norm_albu_dspl div.reviews div.header_wrapper div.show{
  display: none;
}

div.norm_albu_dspl div.reviews div.review_slide{
  overflow: hidden;
}

div.norm_albu_dspl div.reviews div.add_review,
div.norm_albu_dspl div.reviews div.review{
  display: table;
  width: 100%;
  padding-bottom: 8px;
}
div.norm_albu_dspl div.reviews div.add_review{
  padding-top: 6px;
}

div.norm_albu_dspl div.reviews div.review{
  border-top: 1px solid;
}
div.norm_albu_dspl div.reviews div.add_review div.mat-icon,
div.norm_albu_dspl div.reviews div.review div.mat-icon{
  position: relative;
  display: table-cell;
  width: 40px;
  top: 10px;
  left: 5px;
  vertical-align: top;
}
div.norm_albu_dspl div.reviews div.review div.mat-icon{
  left: 10px;
  top: 10px;
}

div.norm_albu_dspl div.reviews div.review div.avatar_wrapper,
div.norm_albu_dspl div.reviews div.add_review div.avatar_wrapper{
  position: relative;
  display: table-cell;
  width: 40px;
  left: 5px;
  border-radius: 50%;
  vertical-align: top;
}
div.norm_albu_dspl div.reviews div.review div.avatar_wrapper .avatar,
div.norm_albu_dspl div.reviews div.add_review div.avatar_wrapper .avatar{
  width: 35px;
  height: 35px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  border-radius: 50%;
  position: relative;
  top: 10px;
  box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,1);
  -webkit-box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,1);
  -moz-box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,1);
}
div.norm_albu_dspl div.reviews div.add_review div.block,
div.norm_albu_dspl div.reviews div.review div.block{
  display: table-cell;
  position: relative;
}
div.norm_albu_dspl div.reviews div.review div.block{
  left: 8px;
}

div.norm_albu_dspl div.reviews div.review div.block div.text{
  width: 90%;
}

div.norm_albu_dspl div.reviews div.review.JustAdded{
  display: none;
}



div.artist_page div.artist_plays_last_month{
  position: relative;
  left: 20%;
  top: 40px;
  height: 180px;
  width: 180px;
  border: 2px solid var(--text-head);
  border-radius: 100px;
  display: block;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 16px
}

div.artist_page div.artist_plays_last_month .counter{
  font-size: 53px;
  padding-top: 30px;
  font-weight: 700;
  text-transform: lowercase;
  line-height: 53px;
  margin-top: 12px;
  margin-bottom: 5px;
}
div.artist_page div.artist_plays_last_month span{
  display: inline-block;
  width: 80%;
}


div.content div.artist_plays_last_month_v2{
  display: none;
}

body.lib_story div.content div.artist_plays_last_month_v2,
body.lib_audiobooks div.content div.artist_plays_last_month_v2{
  display: none;
  margin-left: 310px;
  margin-top: 13px;
  border-top: 1px solid rgba(var(--horizontal-devider-line-color));
  border-bottom: 1px solid rgba(var(--horizontal-devider-line-color));
  max-width: 550px;
  padding-top: 10px;
  padding-bottom: 12px;
}





div.norm_albu_dspl div.reviews div.report{
  position: absolute;
  top: 50%;
  right: 19px;
  font-size: 11px;
  border-radius: 11px;
  white-space: nowrap;
  line-height: 22px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: -11px;
  opacity: 0;
  cursor: pointer;
}

div.norm_albu_dspl div.reviews div.add_review div.mat-icon li{
  height: 28px;
  width: 27px;
  padding-left: 3px;
  padding-top: 2px;
  border-radius:16px;

}

div.norm_albu_dspl div.reviews div.add_review div.block{
  display: table;
  width: 100%;
  height: 70px;
}
div.norm_albu_dspl div.reviews div.add_review div.block div.input{
  display: table-cell;
  padding-top: 8px;
  padding-bottom: 13px;
  padding-right: 15px;
  padding-left: 10px;
}
div.norm_albu_dspl div.reviews div.add_review div.block div.input div.left_arrow{
  width: 0px;
  height: 0px;
  position: absolute;
  left: 2px;
  top: 17px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid;
}
div.norm_albu_dspl div.reviews div.add_review div.block div.input textarea{
  border: 0px;
  width: 100%;
  height: 100%;
  font-family: inherit;
  padding: 5px 10px;
  outline: none;
  resize: none;
}
div.norm_albu_dspl div.reviews div.add_review div.block div.post{
  display: table-cell;
  width: 1px;
  white-space: nowrap;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 6px;
  vertical-align: bottom;
}
div.norm_albu_dspl div.reviews div.add_review div.block div.post div.button{
  padding-top: 5px;
  padding-bottom: 1px;
  padding-left: 12px;
  padding-right: 8px;
  border-radius:13px;
  cursor: pointer;

}
div.norm_albu_dspl div.reviews div.add_review div.block div.post div.button .mat-icon{
  display: inline-block;
  position: relative;
  top: -3px;
  width: 22px;
  font-size: 22px;
}
div.norm_albu_dspl div.reviews div.review div.user{
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 8px;
}
div.norm_albu_dspl div.reviews div.review div.user div{
  display: inline-block;
}

div.norm_albu_dspl div.reviews div.review div.user div.profile_link:hover{
  cursor: pointer;
}
div.norm_albu_dspl div.reviews div.review div.user .mat-icon{
  position: relative;
  font-size: 14px;
  top: 2px;
  margin-left: 4px;
}

div.norm_albu_dspl div.reviews div.more{
  text-align: center;
}
div.norm_albu_dspl div.reviews div.more div.button{
  white-space: nowrap;
  display: inline-block;
  cursor: pointer;
  position: relative;
  top: -10px;
}
div.norm_albu_dspl div.reviews div.more div.button div.mat-icon{
  position: relative;
  top: 10px;
  font-size: 30px;
}

div.copyright{
  display: none;
}

body.public div.copyright{
  display: block;
  color: #636363;
  font-size: 10px;
  text-align: center;
  padding-bottom: 20px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  z-index: 1;
}

div.content div.spacer{
  height: 80px;
}

body.lib_story div.content div.spacer{
  height: 210px;
}


div.content div.horizontal-line{
  margin-top: 18px;
  margin-bottom: 6px;
  margin-left: 35px;
  margin-right: 35px;
  border-top: 1px solid rgba(var(--horizontal-devider-line-color));
}

div.content div.radio{
  height: 95%;
  width: 90%;
  position: relative;
}

div.content div.radio .title{
  display: none;
}



div.content div.radio .title_copy{
  display: block;
  font-size: 18px;
  position: absolute;
  top: 65%;
  padding-top: 85px;
  text-align: center;
  width: 100%;
  z-index: 12;
}

div.content div.radio div.subject{
  font-size: 16px;
  position: absolute;
  top: 65%;
  padding-top: 120px;
  text-align: center;
  padding-left: 5%;
  padding-right: 5%;
  margin-top: 15px;
  padding-left: 20%;
  padding-right: 20%;
  z-index: 12;
}

div.content div.radio div.scroll div.album{
  position: absolute;
  bottom: 44%;
  width: 100px;
  height: 100px;

}
div.content div.radio div.scroll div.album div.art_placeholder{
  width: 100%;
  height: 100%;
}
div.content div.radio div.scroll div.album div.art{
  width: 100%;
  height: 100%;
  background-size: 100% auto;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-repeat: no-repeat;
}
div.content div.radio div.scroll div.album div.RadioAlbumShade{
  display: block;
  position: relative;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

div.content div.radio div.scroll div.album div.RadioAlbumShade{
	-moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
	-webkit-mask-image: -webkit-gradient(linear, right top, right bottom, from(transparent), color-stop(50%, transparent), to(rgba(255, 255, 255, 0.4)));
	mask-image: -webkit-gradient(linear, right top, right bottom, from(transparent), color-stop(50%, transparent), to(rgba(255, 255, 255, 0.4)));
}

div.content div.radio .album_favorite{
  display: none;
}
div.content div.radio div.scroll div.RadioCounter1{
  width: 300px;
  height: 300px;
  left: 30%;
  z-index: 10;
  opacity: 1;
}
div.content div.radio div.scroll div.RadioCounter1:hover{ 
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  transform:scale(1.1);
}
div.content div.radio div.scroll div.RadioCounter2{
  width: 264px;
  height: 264px;
  left: 30%;
  margin-left: 180px;
  z-index: 8;
  filter: brightness(80%);
  -moz-filter: brightness(80%);
  -webkit-filter: brightness(80%);
  margin-bottom: 15px;
}
div.content div.radio div.scroll div.RadioCounter2_disabled:hover{
  z-index: 12;
  filter: brightness(100%);
  -moz-filter: brightness(100%);
  -webkit-filter: brightness(100%);
  width: 275px;
  height: 275px;
}
div.content div.radio div.scroll div.RadioCounter3{
  width: 215px;
  height: 215px;
  left: 30%;
  margin-left: 305px;
  z-index: 6;
  filter: brightness(60%);
  -moz-filter: brightness(60%);
  -webkit-filter: brightness(60%);
  margin-bottom: 38px;
}
div.content div.radio div.scroll div.RadioCounter3_disabled:hover{
  z-index: 12;
  filter: brightness(100%);
  -moz-filter: brightness(100%);
  -webkit-filter: brightness(100%);
  width: 225px;
  height: 225px;
}
div.content div.radio div.scroll div.RadioCounter4{
  width: 170px;
  height: 170px;
  left: 30%;
  margin-left: 390px;
  z-index: 4;
  filter: brightness(40%);
  -moz-filter: brightness(40%);
  -webkit-filter: brightness(40%);
  margin-bottom: 58px;
}
div.content div.radio div.scroll div.album .title{
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0px;
  opacity: 0;
  padding: 0;
}

div.content div.radio div.play_button{
  font-size: 50px;
  position: absolute;
  top: 65%;
  left: 50%;
  margin-left: -24px;
  margin-top: 25px;
  text-align: center;
  padding: auto;
  z-index: 12;
  cursor: pointer;
}

div.content div.radio div.play_button.playing:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 60px;
  width: 60px;
  -webkit-mask: var(--player-pause-icn) no-repeat 100% 100%;
  mask: var(--player-pause-icn) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
}
div.content div.radio div.play_button.paused:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 60px;
  width: 60px;
  -webkit-mask: var(--player-play-icn) no-repeat 100% 100%;
  mask: var(--player-play-icn) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
}

div.error_popup_wrapper,
div.appsettings_wrapper,
div.lyric_wrapper{
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  -webkit-transform:scale(0);
  -moz-transform:scale(0);
  -ms-transform:scale(0);
  transform:scale(0);
  z-index: -20;
  opacity: 0;
}

div.error_popup_wrapper.show,
div.appsettings_wrapper.show,
div.lyric_wrapper.show{
  z-index: 210;
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
  opacity: 1;
}

div.search_popup_wrapper_old.show{
  opacity: 1;
  z-index: 210;
}

div.error_popup,
div.setting_popup{
  position: relative;
  display: inline-block;
  top: 50%;
  transform: translate(0, -50%);
  text-align: left;
  padding: 20px;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  min-width: 450px;
  max-width: 50%;
}

div.lyric_wrapper_inner{
  height: 100%;
  min-width: 800px;
  width: 90%;
  max-width: 900px;
  position: relative;
  display: inline-block;
  bottom: 40px;
}
div.lyric_popup{
  position: relative;
  text-align: left;
  -webkit-box-shadow: 0px 6px 13px 1px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 6px 13px 1px rgba(0,0,0,0.4);
  box-shadow: 0px 6px 13px 1px rgba(0,0,0,0.4);
  border: 1px solid;
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  width: 100%;
  max-height: 75%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow-y: auto;
  padding-left: 50px;
  padding-bottom: 20px;
  background-image: url("/img/lyrics_bg.webp");
  background-color: inherit;
  background-color: #FBF2E3;
}

div.lyric_popup .title{
  font-size: 28px;
  height: 80px;
  position: sticky;
  top: 0;
  color: #713F00;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 30px;
  background-image: url("/img/lyrics_bg.webp");
  background-color: inherit;
}

div.lyric_popup .title .album{
  display: block;
  font-weight: 400;
  font-size: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background-color: inherit;
  background-image: url("/img/lyrics_bg.webp");
  color: #713F00;
}

div.lyric_popup .text{
  white-space: pre-line;
  font-weight: 500;
  line-height: 1.8;
  font-size: 15px;
  padding-right: 20px;
  background-color: inherit;
  background-image: url("/img/lyrics_bg.webp");
  color: #713F00;
}

div.lyric_popup .title .mat-icon.close{
  position: absolute;
  top: 11px; 
  right: 9px;
  cursor: pointer;
  opacity: 0.5;

}
div.lyric_popup .title .mat-icon.close svg{
  fill: #713F00;

}

div.lyric_popup .title .mat-icon.close:hover{
  opacity: 1;
}


div.lyric_popup.ps-container .ps-scrollbar-y{
  background-color: #222025 !important;
  margin-right: 2px;
  width: 4px;
}

div.lyric_popup.ps-container:hover > .ps-scrollbar-y-rail{
  opacity: 0.6;
}

div.lyric_popup .lyric_end_icn{
  display: block;
  height: 55px;
  width: 100%;
}

div.lyric_popup .lyric_end_icn span{
  font-style: italic;
  color: grey;
  font-size: 12px;
}


div.profile_popup_wrapper{
  z-index: -20;
  position: absolute;
  opacity: 0;
  overflow-x: auto;
  overflow-y: hidden;
}
div.profile_popup_wrapper.show{
  opacity: 1;
  z-index: 220;
  background-color: rgba(var(--general-bg-color));
}


div.profile_popup_wrapper{
  height: 100%;
  width: 100%;
}
div.profile_popup_v2 {
  text-align: center;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  position: relative;
  padding-bottom: 20px;
}
div.profile_popup_v2 .profile_popup_icon{
  background-image: var(--fs-icon);
  height: 50px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 20px;
}
body.lib_music div.profile_popup_v2 .profile_popup_icon{
  background-image: var(--fs-icon-diag);
}


div.profile_popup_v2 .profile_popup_text{
  color: rgba(var(--text-color));
  font-size: 30px;
  text-align: center;
  padding-bottom: 30px;
}

div.profile_popup_v2 .profile_wrapper{
  white-space: nowrap;

  
  
}

div.profile_popup_v2 .profile_wrapper .profile{
  display: inline-block;
  height: 310px;
  width: 220px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  position: relative;
  margin-bottom: 20px;
  vertical-align: top;
  text-align: center;
  cursor: pointer;
  border-radius: 10px;
  border: 1px solid transparent;
}

div.profile_popup_v2 .profile_wrapper .profile.current{
  margin-left: 10px;
  margin-right: 10px;
  background-color: rgba(var(--active-selection-bg));
  border-color: rgba(var(--text-color));
}

div.profile_popup_v2 .profile_wrapper .profile.current:hover{
  background-color: rgba(var(--active-selection-bg));
}
div.profile_popup_v2 .profile_wrapper .profile div{
  position: absolute;
  vertical-align: top;
}
div.profile_popup_v2 .profile_wrapper .profile div.icon,
div.profile_popup_v2 .profile_wrapper .profile div.avatar{
  width: 160px;
  height: 160px;
  border: 2px solid white;
  left: 50%;
  margin-left: -82px;
  top: 30px;
  border-radius: 100px;
}
div.profile_popup_v2 .profile_wrapper .profile div.avatar{
  background-size: 100% auto;
  background-repeat: no-repeat;
  
  background-color: rgba(var(--text-color));
}

div.profile_popup_v2 .profile_wrapper .profile .jdenticon_overflow{
  overflow: hidden;
}
div.profile_popup_v2 .profile_wrapper .profile .jdenticon_overflow svg{
  margin-top: -15px;
  margin-left: -15px;
}





div.profile_popup_v2 .profile_wrapper .profile div.avatar div.fs_icon{
  width: 80px;
  height: 80px;
  --background-image: url('/design/img/favicon/android-chrome-192x192.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
  top: 40px;
  left: 40px;
}

div.profile_popup_v2 .profile_wrapper .profile div.display_name,
div.profile_popup_v2 .profile_wrapper .profile div.free_slot_text{
  font-size: 22px;
  top: 235px;
  white-space: normal;
  width: 100%;

}




div.profile_popup_v2 .profile_wrapper .profile .button{
  padding-left: 15px;
  padding-right: 15px;
  line-height: 30px;
  text-align: center;
  border-radius: 15px;
  text-transform: uppercase;
  display: inline-block;
  top: 316px;
  position: relative;
  cursor: pointer;
}

div.profile_popup_v2 .profile_wrapper .profile.free .avatar{
  background-color: transparent;
}
div.profile_popup_v2 .profile_wrapper .profile.free .avatar:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 56px;
  width: 56px;
  top: 48px;
  left: 58px;
  -webkit-mask: var(--profile-icn-add) no-repeat 100% 100%;
  mask: var(--profile-icn-add) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
}



div.profile_popup_v2 .profile_wrapper .profile.free input,
div.profile_popup_v2 .profile_wrapper .profile.free .save{
  display: none;
}

div.profile_popup_v2 .profile_wrapper .profile.free .save{
  top: 260px;
}

div.profile_popup_v2 .profile_wrapper .profile.free input{
  position:absolute;
  width: 200px;
  left: 10px;
  top: 220px;
  font-family: inherit;
  font-size: 22px;
  text-align: center;
  background-color: transparent;
  border: 0px;
  color: rgba(var(--text-color));
}

div.profile_popup_v2 .profile_wrapper .profile.free input::placeholder{
  color: inherit;
}


div.profile_popup_v2 .profile_wrapper .profile:hover,
div.profile_popup_v2 .profile_wrapper .profile.highlight{
    background-color: rgba(var(--active-selection-bg), .6);
    border-color: rgba(var(--text-color));
}




div.profile_popup_v2 .profile_popup_account_link{
  color: rgba(var(--text-color));
  border: 1px solid rgba(var(--text-color), .6);
  border-radius: 27px;
  display: inline-block;
  padding-left: 30px;
  line-height: 40px;
  padding-right: 30px;
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 20px;
}

div.profile_popup_v2 .profile_popup_account_link:hover{
  background-color: rgba(var(--active-selection-bg));
  cursor: pointer;
}

div.error_popup div.dropdown_wrapper div.dropdown_item div.dropdown_item_add_input input,
div.content_wrapper div.item_menu div.item_menu_input_wrapper input{
  background-color: transparent;
}

div.error_popup div.dropdown_wrapper div.dropdown_item div.dropdown_item_add_input input::placeholder,
div.content_wrapper div.item_menu div.item_menu_input_wrapper input::placeholder{
  color: inherit;
}

div.content_wrapper div.item_menu .item_menu_input_wrapper .save_btn{
  float: right;
  height: 32px;
  width: 26px;
  opacity: .5;
  cursor: pointer;
}
div.content_wrapper div.item_menu .item_menu_input_wrapper .save_btn:hover{
  opacity: 1;
}

div.content_wrapper div.item_menu .item_menu_input_wrapper .save_btn:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  float: left;
  -webkit-mask: var(--action-btn-check) no-repeat 100% 100%;
  mask: var(--action-btn-check) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
  height: 16px;
  width: 16px;
  top: 6px;
  left: 5px;
}




div.error_popup div.mat-icon,
div.profile_popup div.mat-icon,
div.setting_popup div.mat-icon{
  font-size: 40px;
  position: absolute;
}

div.error_popup .icon.playlist:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 32px;
  width: 32px;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  background-color: rgba(var(--text-color));
  -webkit-mask: var(--menu-playlists) no-repeat 100% 100%;
  mask: var(--menu-playlists) no-repeat 100% 100%;
  top: 26px;
  left: 27px;
}

div.error_popup div.error_header,
div.profile_popup div.error_header,
div.setting_popup div.error_header{
  font-size: 18px;
  padding-left: 50px;
  padding-top: 2px;
}
div.error_popup div.text,
div.profile_popup div.text,
div.setting_popup div.text{
  padding-left: 50px;
  margin-top: 0px;
}


div.error_popup div.dropdown_wrapper{
  width: 100%;
  max-height: 350px;
  overflow: auto;
  margin-top: 15px;
  position: relative;
  border-top: 1px solid rgba(var(--horizontal-devider-line-color));
  border-bottom: 1px solid rgba(var(--horizontal-devider-line-color));
  padding-top: 6px;
  padding-bottom: 12px;
}

div.error_popup div.dropdown_wrapper div.dropdown_item{
  font-family: inherit;
  line-height: 38px;
  cursor: pointer;
}

div.error_popup div.dropdown_wrapper div.dropdown_item:nth-child(even){
  background-color:rgba(var(--track-list-item-even-bg), .2);
}


div.error_popup div.dropdown_wrapper div.dropdown_item:hover{
  background-color: rgba(var(--active-selection-bg));
}

div.error_popup div.dropdown_wrapper div.dropdown_item div.name{
  text-indent: 20px;
}
div.error_popup div.dropdown_wrapper div.dropdown_item div.name span{
  text-indent: -4px;
  position: relative;
  top: 7px; 
  padding-right: 1px;
  font-size: 21px;
}
div.error_popup div.textarea_wrapper{
  margin-top: 18px;
  margin-right: 6px;
}
div.error_popup div.textarea_wrapper textarea{
  width: 100%;
  border: 0px;
  font-family: inherit;
  padding: 3px;
  color: inherit;
}

div.error_popup div.dropdown_wrapper div.dropdown_item div.dropdown_item_add_input input,
div.setting_popup div.dropdown_wrapper div.dropdown_item div.dropdown_item_add_input input,
div.content_wrapper div.item_menu div.item_menu_input_wrapper input{
  height: 35px;
  width: 80%;
  font-family: inherit;
  text-indent: 20px;
  margin:0;
  padding:0;
  border: 0px;
}
div.content_wrapper div.item_menu div.item_menu_input_wrapper input{
  text-indent: -1px;
  height: 32px;
  width: 180px;
  font-size: 15px;
  color: inherit;
  top: -2px;
}
div.error_popup input,
div.error_popup select,
div.setting_popup select{
  float: left;
}
div.setting_popup select{
  margin-top: 3px;
}
div.error_popup input{
  font-family: inherit;
  text-indent: 4px;
}
div.error_popup input{
  width: 240px;
  margin-left: 15px;
  margin-bottom: 20px;
}


div.error_popup div.dropdown_wrapper div.dropdown_item div.dropdown_item_add_input .mat-icon,
div.content_wrapper div.item_menu div.item_menu_input_wrapper .mat-icon{
  opacity: 0.4;
  float: right;
  padding-top: 6px;
  padding-right: 8px;
}
div.content_wrapper div.item_menu div.item_menu_input_wrapper span.mat-icon{
  width: 18px;
  position: absolute;
  right: 7px;
  text-indent: 0px;

}
div.error_popup div.dropdown_wrapper div.dropdown_item div.dropdown_item_add_input .mat-icon:hover,
div.content_wrapper div.item_menu div.item_menu_input_wrapper .mat-icon:hover{
  cursor: pointer;
  opacity: 1;
}

div.error_popup div.dropdown_wrapper div.dropdown_item div.dropdown_item_add_input div.check_icn{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  float: left;
  top: 2px;
  left: -5px;
  height: 16px;
  width: 16px;
  -webkit-mask: var(--action-btn-check) no-repeat 100% 100%;
  mask: var(--action-btn-check) no-repeat 100% 100%;
  background-color: white;
}

div.error_popup div.button_wrapper,
div.setting_popup div.button_wrapper,
div.lyric_popup div.button_wrapper{
  margin-top: 25px;
}

div.error_popup div.button_wrapper div.button,
div.setting_popup div.button_wrapper div.button,
div.lyric_popup div.button_wrapper div.button{
  float: left;
  line-height: 30px;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 10px;
  min-width: 80px;
  text-align: center;
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  border: 1px solid rgba(var(--text-color-diag), .6);
  color: rgba(var(--text-color-diag));
}
div.error_popup div.button_wrapper div.button.right,
div.setting_popup div.button_wrapper div.button.right{
  float: right;
  margin-right: 0px;
  margin-left: 5px;
}
div.error_popup div.button_wrapper div.button:hover,
div.setting_popup div.button_wrapper div.button:hover,
div.lyric_popup div.button_wrapper div.button:hover,
div.error_popup div.button_wrapper div.button.ElementToEnter,
div.setting_popup div.button_wrapper div.button.ElementToEnter{
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(49,188,175,0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(49,188,175,0.2);
  box-shadow: 0px 0px 8px 0px rgba(49,188,175,0.2);

}

.setting_popup .text{
  margin-bottom: 20px;
  font-weight: 400;
  margin-top: 12px;
}

div.setting_popup div.setting{
  display: inline-block;
  width: 100%;
  position: relative;
  height: 36px;
  padding-top: 5px;
  border-top: 1px dashed #666;
}
div.setting_popup:last-child div.setting{
  border-bottom: 1px dashed #666;
}
div.setting_popup div.setting div.name{
  position: absolute;
  margin-top: 6px;
}
div.setting_popup div.checkbox_switch_wrapper,
div.setting_popup select{
  position: absolute;
  right: 0px;
}


.adm{
  position:relative;
  z-index: 230;
  color: red;

  display: none;
  background-color: rgba(0,0,0,0.5);
}

div.header div.user_dropdown_wrapper{
  position: absolute;
  right: 15px;
  top: 50px;
  padding-bottom: 10px;
  padding-top: 10px;
  display: none;
  min-width: 250px;
  border: 1px solid rgba(var(--horizontal-devider-line-color));
  background-color: rgba(var(--general-bg-color));
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  border-radius: 12px;
}


div.header div.user_dropdown_wrapper div.item div.submenu_wrapper.listen_time_popup{
  background-color: rgba(255, 255, 255);
  padding-left: 20px;
  padding-right: 20px;
  color: rgba(0, 0, 0);
  border-color: rgba(221, 221, 221, 1);
  width: 320px;
  left: -355px;
  font-size: 16px;
  font-weight: 700;
  cursor: default;
  text-indent: initial;
  line-height: initial;
}

div.header div.user_dropdown_wrapper div.item div.submenu_wrapper.listen_time_popup .loading{
  position: absolute;
  top: 15px;
  right: 44px;
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;  
}

div.header div.user_dropdown_wrapper div.item div.submenu_wrapper.listen_time_popup .loading.show{
  opacity: 1;
}

div.header div.user_dropdown_wrapper div.item div.submenu_wrapper.listen_time_popup .loading:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 26px;
  width: 26px;
  -webkit-mask: var(--loading-icn) no-repeat 100% 100%;
  mask: var(--loading-icn) no-repeat 100% 100%;
  background-color: rgba(0, 0, 0);
  left: 0;
  top: 0;
}


div.header div.user_dropdown_wrapper div.item div.submenu_wrapper.listen_time_popup .title{
  position: relative;
  margin-top: 18px;
  padding-bottom: 12px;
  text-indent: 30px;
  border-bottom: 1px solid rgba(221, 221, 221, 1);
}

div.header div.user_dropdown_wrapper div.item div.submenu_wrapper.listen_time_popup .title:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 18px;
  width: 18px;
  -webkit-mask: var(--icn-headphones) no-repeat 100% 100%;
  mask: var(--icn-headphones) no-repeat 100% 100%;
  background-color: rgba(0, 0, 0);
  left: 6px;
  top: 1px;
}

div.header div.user_dropdown_wrapper div.item div.submenu_wrapper.listen_time_popup .setting{
  width: 100%;
  margin-top: 12px;
  padding-bottom: 12px;
  padding-left: 0;
  padding-right: 0;
  height: auto;
  border-bottom: 1px solid rgba(221, 221, 221, 1);
  line-height: 24px;
}
div.header div.user_dropdown_wrapper div.item div.submenu_wrapper.listen_time_popup .setting:hover{
  background-color: inherit;
  cursor: default;
}

div.header div.user_dropdown_wrapper div.item div.submenu_wrapper.listen_time_popup .setting .name{
  display: inline-block;
  color: rgba(0, 0, 0);
}
div.header div.user_dropdown_wrapper div.item div.submenu_wrapper.listen_time_popup .setting .value{
  float: right;
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0);
}

div.header div.user_dropdown_wrapper div.item div.submenu_wrapper.listen_time_popup .progress_block_wrapper{
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 12px;
  padding-bottom: 12px;
}

div.header div.user_dropdown_wrapper div.item div.submenu_wrapper.listen_time_popup .progress_block{
  border-radius: 6px;
  border: 1px solid rgba(221, 221, 221, 1);
}


div.header div.user_dropdown_wrapper div.item div.submenu_wrapper.listen_time_popup .listen_time_header{
  background-color: rgba(245, 247, 249);
  padding: 15px;
}

div.header div.user_dropdown_wrapper div.item div.submenu_wrapper.listen_time_popup .listen_time_header .name{
  display: inline-block;
  line-height: 28px;
  font-size: 19px;
}

div.header div.user_dropdown_wrapper div.item div.submenu_wrapper.listen_time_popup .listen_time_header .value{
  float: right;
  line-height: 28px;
  color: rgba(143, 147, 161, 1);
  font-weight: 400;
  font-size: 15px;

}

div.header div.user_dropdown_wrapper div.item div.submenu_wrapper.listen_time_popup .progress_bar_wrapper{
  padding: 18px;
  padding-top: 24px;
}

div.header div.user_dropdown_wrapper div.item div.submenu_wrapper.listen_time_popup .progress_bar{
  background-color: rgba(221, 221, 221, 1);
  border-radius: 5px;
  width: 100%;
  height: 10px;
}

div.header div.user_dropdown_wrapper div.item div.submenu_wrapper.listen_time_popup .progress_bar .progress_inner{
  background-color: rgba(255, 157, 0, 1);
  border-radius: 5px;
  width: 50%;
  height: 100%;
}


div.header div.user_dropdown_wrapper div.item div.submenu_wrapper.listen_time_popup .progress_time{
  width: 50%;
  text-align: right;
}


div.header div.user_dropdown_wrapper div.item div.submenu_wrapper.listen_time_popup .subtext{
  font-size: 14px;
  font-weight: 400;
  padding-left: 3px;
  padding-bottom: 8px;
  white-space: collapse;
}

div.header div.user_dropdown_wrapper div.item div.submenu_wrapper.listen_time_popup a.account_btn{
  text-decoration: none;
  color: white;
  background-color: rgba(80, 122, 135);
  display: inline-block;
  position: relative;
  left: 50%;
  margin-left: -90px;
  width: 180px;
  border-radius: 24px;
  line-height: 50px;
  text-align: center;
  margin-bottom: 24px;
  margin-top: 10px;
}



div.header div.user_dropdown_wrapper div.item,
div.header div.user_dropdown_wrapper div.item div.submenu_wrapper div.submenu_item{
  position: relative;
  line-height: 36px;
  text-indent: 44px;
  white-space: nowrap;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  color: rgba(var(--text-color));
} 
div.header div.user_dropdown_wrapper div.item:hover,
div.header div.user_dropdown_wrapper div.item div.submenu_wrapper div.submenu_item:hover{
  color: rgba(var(--text-color-diag));
  background-color: rgba(var(--active-selection-bg));
}

div.header div.user_dropdown_wrapper div.item div.mat-icon{
  position: relative;
  top: 7px;
  padding-right: 8px;
  display: inline;
}
div.header div.user_dropdown_wrapper div.item div.mat-icon svg{
  fill: rgba(var(--text-color));
}


div.header div.user_dropdown_wrapper div.item:hover div.mat-icon svg{
  fill: rgba(var(--text-color-diag));
}

div.header div.user_dropdown_wrapper div.item div.submenu_wrapper{
  position: absolute;
  width: 150px;
  left: -150px;
  z-index: 1;
  top: 0px;
  padding-bottom: 3px;
  display: none;

  border: 1px solid rgba(var(--horizontal-devider-line-color));
  background-color: rgba(var(--general-bg-color));
  border-radius: 12px;
  overflow:hidden;
}

div.header div.user_dropdown_wrapper div.item:hover div.submenu_wrapper{
  display: block;
}

div.header div.user_dropdown_wrapper div.item div.submenu_wrapper div.submenu_item{
  line-height: 32px;
  text-indent: 12px;
}


div.header div.user_dropdown_wrapper div.seperator{
  height: 9px;
  position: relative;
}
div.header div.user_dropdown_wrapper div.seperator div.line{
  position: absolute;
  left: 10px;
  right: 10px;
  top: 4px;
  height: 1px;
}


div.header div.user_dropdown_wrapper div.item:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  background-color: rgba(var(--text-color));
}

div.header div.user_dropdown_wrapper div.item.switch_profile:before{
  height: 24px;
  width: 24px;
  left: 13px;
  top: 5px;
  -webkit-mask: var(--user-menu-switch-profile) no-repeat 100% 100%;
  mask: var(--user-menu-switch-profile) no-repeat 100% 100%;
}
div.header div.user_dropdown_wrapper div.item.change_language:before{
  height: 24px;
  width: 24px;
  left: 13px;
  top: 5px;
  -webkit-mask: var(--user-menu-language) no-repeat 100% 100%;
  mask: var(--user-menu-language) no-repeat 100% 100%;
}
div.header div.user_dropdown_wrapper div.item.support:before{
  height: 24px;
  width: 24px;
  left: 13px;
  top: 5px;
  -webkit-mask: var(--user-menu-support) no-repeat 100% 100%;
  mask: var(--user-menu-support) no-repeat 100% 100%;
}
div.header div.user_dropdown_wrapper div.item.account:before{
  height: 24px;
  width: 24px;
  left: 13px;
  top: 5px;
  -webkit-mask: var(--user-menu-account) no-repeat 100% 100%;
  mask: var(--user-menu-account) no-repeat 100% 100%;
}
div.header div.user_dropdown_wrapper div.item.logoff:before{
  height: 24px;
  width: 24px;
  left: 13px;
  top: 5px;
  -webkit-mask: var(--user-menu-logoff) no-repeat 100% 100%;
  mask: var(--user-menu-logoff) no-repeat 100% 100%;
}

div.header div.user_dropdown_wrapper div.item.listentime:before{
  height: 19px;
  width: 19px;
  left: 16px;
  top: 8px;
  -webkit-mask: var(--icn-headphones) no-repeat 100% 100%;
  mask: var(--icn-headphones) no-repeat 100% 100%;
}




div.artist_page{
  min-height: 325px;
}


div.artist_page div.avatar,
div.profile_page div.avatar{
  height: 210px;
  width: 210px;
  background-size: auto 100%;
  background-position: center center;
  -webkit-border-radius: 135px;
  -moz-border-radius: 135px;
  border-radius: 135px;
  position: relative;
  margin-top: 35px;
  left: 70px;
}
div.artist_page div.avatar .icon{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

div.artist_page div.avatar .icon:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 66px;
  width: 66px;
  -webkit-mask: var(--mat-icn-person) no-repeat 100% 100%;
  mask: var(--mat-icn-person) no-repeat 100% 100%;
  background-color: rgb(204, 204, 204);
  left: 50%;
  top: 50%;
  margin-left: -33px;
  margin-top: -33px;
}




div.artist_page.landscape_art_enabled div.avatar .icon{
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}


div.artist_page.landscape_art_enabled div.avatar{
  height: 150px;
  width: 150px;
  border-radius: 75px;
  left: 50%;
  margin-left: -75px;
}

@media (min-height:800px) {
  div.artist_page.landscape_art_enabled div.avatar{
    height: 240px;
    width: 240px;
    margin-left: -120px;
    border-radius: 120px;
  }
  div.artist_page div.avatar .icon:before{
    height: 90px;
    width: 90px;
    margin-left: -45px;
    margin-top: -45px;
  }

}



div.artist_page div.avatar div.avatar_inner,
div.profile_page div.avatar div.avatar_inner{
  height: 100%;
  width: 100%;
  background-size: auto 100%;
  background-position: center center;
  -webkit-border-radius: 135px;
  -moz-border-radius: 135px;
  border-radius: 135px;
  position: absolute;
}

div.artist_page.landscape_art_enabled div.avatar_inner{
  border-radius: 120px;

}



div.artist_page .social,
div.profile_page .social,
div.artist_page .concert_upcoming_wrapper{
  position: relative;
  padding-left: 310px;
}


.concert_upcoming{
  display: none;
}
div.artist_page .concert_upcoming_wrapper{
  padding-top: 9px;
  width: 50%;
  max-width: 550px;
}

div.artist_page .concert_upcoming{
  display: table;
  font-weight: normal;
  cursor: pointer;
  width: 100%;
}
div.artist_page .concert_upcoming div{
  display: table-cell;

}
div.artist_page .concert_upcoming .mat-icon{
  position: relative;
  top: 6px;
  width: 20px;
  left: -3px;
  font-size: 22px;
}
div.artist_page .concert_upcoming .date,
div.artist_page .concert_upcoming .name,
div.artist_page .concert_upcoming .city{
  font-style: italic;
  white-space: nowrap;
}
div.artist_page .concert_upcoming .date{
  padding-right: 15px;
  width: 1px;
}
div.artist_page .concert_upcoming .name{
  position: relative;
  cursor: pointer;
}
div.artist_page .concert_upcoming .name span{
  text-overflow: ellipsis;
  position: absolute;
  max-width: 100%;
  bottom: 0px;
  overflow: hidden;
  padding-right: 3px;
}
div.artist_page .concert_upcoming .city{
  text-align: right;
  width: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

div.artist_page .social .item,
div.profile_page .social .item{
  background-repeat: no-repeat;
  background-position: left center;
  display: inline-block;
  line-height: 20px;
  padding-right: 20px;
  height: 20px;
}

div.artist_page .artist_plays_last_month{
  display: none;
}
.social .item.website{ background-image: url('/images/icon-website_16.png'); }
.social .item.facebook{ background-image: url('/images/facebook-16.png'); }
.social .item.instagram{ background-image: url('/images/instagram-16.png'); }
.social .item.twitter{ background-image: url('/images/twitter-16.png'); }

.social .hide_artist.unhide:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  float: left;
  top: 0px;
  left: -2px;
  height: 22px;
  width: 22px;
  -webkit-mask: var(--action-btn-block) no-repeat 100% 100%;
  mask: var(--action-btn-block) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
}


.social .hide_artist.hide:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  float: left;
  top: 0px;
  left: -2px;
  height: 22px;
  width: 22px;
  -webkit-mask: var(--action-btn-block) no-repeat 100% 100%;
  mask: var(--action-btn-block) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
}

.social a{
  color: inherit;
  text-decoration: none;
}

.social .item:hover{
  cursor: pointer;
}




div.artist_page div.avatar div.extra_shade,
div.profile_page div.avatar div.extra_shade{
  position: relative;
  height: 100%;
  width: 100%;
  -webkit-border-radius: 135px;
  -moz-border-radius: 135px;
  border-radius: 135px;
}

div.artist_page .title,
div.profile_page .title{
  margin-left: 310px;
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 2px;
}

div.profile_page div.subject,
div.artist_page div.subject{
  margin-left: 310px;
  padding-top: 20px;
  padding-left: 0px;
  padding-bottom: 2px;
}


div.norm_albu_dspl.v2 .title{
  margin: 0;
  padding: 0;
  text-align: center;
  max-width: initial;
  position: relative;
  font-weight: 500;
}

div.artist_page.landscape_art_enabled .title{
  margin: 0;
  padding: 0;
  text-align: center;
  max-width: initial;
  position: relative;
  font-weight: 500;
  margin-top: 20px;
}



div.artist_page.landscape_art_enabled .sub_title{
  display: block;
  margin-left: 0px;
  margin-bottom: 2px;
  margin-right: 0px;
  margin-top: 0px;
  position: relative;
  text-align: center;
  font-weight: 300;
  font-size: 17px;
}



div.artist_page.landscape_art_enabled div.subject{
  display: none;
}


div.artist_page .title .mat-icon,
div.profile_page .title .mat-icon{
  position: relative;
  font-size: 32px;
  top: 7px;
  padding-right: 5px;
  left: -4px;
  display: none;

}



div.artist_page div.biography{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 19px;
  width: 80%;
  font-weight: 400;
  overflow: hidden;
  height: 250px;
}

div.artist_page div.biography.show_more{
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;  
  
}

div.artist_page div.biography.maximize{
  height: calc-size(auto, size);
}

div.artist_page div.biography .inner{
  white-space: pre-line;
}

div.artist_page div.biography div.biography_show_more{
  display: none;
}

div.artist_page div.biography.show_more div.biography_show_more{
  display: block;
  position: absolute;
  bottom: 0;
  padding-top: 30px;
  padding-bottom: 10px;
  width: 100%;
  height: 30px;
  background: -moz-linear-gradient(top,  rgba(var(--general-bg-color),0) 0%, rgba(var(--general-bg-color),1) 40%);
  background: -webkit-linear-gradient(top,  rgba(var(--general-bg-color),0) 0%,rgba(var(--general-bg-color),1) 40%);
  background: linear-gradient(to bottom,  rgba(var(--general-bg-color),0) 0%,rgba(var(--general-bg-color),1) 40%);
}

div.artist_page div.biography.show_more.maximize div.biography_show_more{
  position: relative;
  padding-top: 0px;
}

div.artist_page div.biography div.biography_show_more .biography_show_more_btn,
div.artist_page div.biography div.biography_show_more .biography_show_less_btn{
  position: absolute;
  top: 48px;
  left: 0px;
  cursor: pointer;
  display: none;
  font-size: 14px;
  font-weight: 600;
}

div.artist_page div.biography div.biography_show_more .biography_show_more_btn,
div.artist_page div.biography.maximize div.biography_show_more .biography_show_less_btn{
  display: inline-block;
}

div.artist_page div.biography.maximize div.biography_show_more .biography_show_less_btn{
  top: 20px;
}

div.artist_page div.biography.maximize div.biography_show_more .biography_show_more_btn,
div.artist_page div.biography div.biography_show_more .biography_show_less_btn{
  display: none;
}


div.artist_page div.biography div.biography_show_more .biography_show_more_btn:after{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 11px;
  width: 11px;
  -webkit-mask: var(--read-more-arrow) no-repeat 100% 100%;
  mask: var(--read-more-arrow) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
  top: 2px;
  margin-left: 5px;
}

div.artist_page div.biography div.biography_show_more .biography_show_less_btn:after{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 11px;
  width: 11px;
  -webkit-mask: var(--read-more-arrow) no-repeat 100% 100%;
  mask: var(--read-more-arrow) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
  top: 6px;
  margin-left: 5px;
  transform: rotate(180deg);
}





div.artist_page div.cooperative_wrapper{
  margin-left: 304px;
  position: relative;
  top: 20px;
}
div.artist_page div.cooperative_wrapper .mat-icon{
  top: 0px;
}
div.artist_page div.cooperative_wrapper div.cooperative{
  position: relative;
}
div.artist_page div.cooperative_wrapper div.cooperative div.block{
  margin-left: 40px;
  top: 5px;
}


div.artist_page.landscape_art_enabled div.block_separator{
  display: none;
}
div.artist_page div.block_separator{
  --position: relative;
  left: 45px;
  margin-top: 42px;
  display: block;
  border-top: 1px solid rgba(var(--horizontal-devider-line-color));
}  


.empty_block_text{
   font-size: 24px;
}

div.content{
  opacity: 0;
}
div.content.background,
div.content.show{
  opacity: 1;
}
div.content div.master_placeholder_wrapper{
  --padding-left: 150px;
  --padding-right: 150px;
  text-align: center;
  font-size: 32px;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}


div.content div.master_placeholder_wrapper .no_items_icn.tracks:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  float: left;
  top: -130px;
  left: 50%;
  margin-left: -60px;
  height: 120px;
  width: 120px;
  -webkit-mask: var(--menu-tracks) no-repeat 100% 100%;
  mask: var(--menu-tracks) no-repeat 100% 100%;
  background-color: #8f8490;
  position: absolute;
  display: inline-block;
}

div.content div.master_placeholder_wrapper .no_items_icn.albums:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  float: left;
  top: -130px;
  left: 50%;
  margin-left: -60px;
  height: 120px;
  width: 120px;
  -webkit-mask: var(--menu-mymusic) no-repeat 100% 100%;
  mask: var(--menu-mymusic) no-repeat 100% 100%;
  background-color: #8f8490;
  position: absolute;
  display: inline-block;
}

div.content div.master_placeholder_wrapper .no_items_icn.lists:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  float: left;
  top: -130px;
  left: 50%;
  margin-left: -60px;
  height: 120px;
  width: 120px;
  -webkit-mask: var(--menu-playlists) no-repeat 100% 100%;
  mask: var(--menu-playlists) no-repeat 100% 100%;
  background-color: #8f8490;
  position: absolute;
  display: inline-block;
}

div.content div.master_placeholder_wrapper .no_items_icn.musicians:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  float: left;
  top: -130px;
  left: 50%;
  margin-left: -60px;
  height: 120px;
  width: 120px;
  -webkit-mask: var(--menu-musicians) no-repeat 100% 100%;
  mask: var(--menu-musicians) no-repeat 100% 100%;
  background-color: #8f8490;
  position: absolute;
  display: inline-block;
}



div.content div.master_placeholder_wrapper .text{
  position: relative;
  text-align: center;
  width:100%;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
div.content div.ui-sortable-helper{
  -webkit-box-shadow: 0px 0px 0px 3px rgba(var(--active-selection-bg));
  -moz-box-shadow: 0px 0px 0px 3px rgba(var(--active-selection-bg));
  box-shadow: 0px 0px 0px 3px rgba(var(--active-selection-bg));
}
div.content div.ui-sortable-placeholder{
  display: table;
  width: 100%;
  height: 45px;
  background-color: rgba(var(--general-bg-color));
}

div.content div.track_wrapper div.track div.handle{
  position: relative;
  width: 24px;
  padding-left: 7px;  
}

div.content div.track_wrapper div.track div.handle_icn:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  float: left;
  top: 50%;
  height: 24px;
  width: 24px;
  margin-top: -12px;
  -webkit-mask: var(--action-icn-drag) no-repeat 100% 100%;
  mask: var(--action-icn-drag) no-repeat 100% 100%;
  background-color: rgba(var(--text-color-diag));
  cursor: pointer;
  opacity: 0;
    -webkit-transition: all 0.18s ease;
  transition: all 0.18s ease;
  -moz-transition: all 0.18s ease;
  -o-transition: all 0.18s ease;  
}

div.content .content_block.showsort div.track_wrapper div.track div.handle_icn:before{
  opacity: .5;
}
  

div.content div.track_wrapper div.track:hover div.handle_icn:before,
div.content div.track_wrapper div.track.ui-sortable-helper div.handle_icn:before{
  opacity: 1;
}





div.enlarged_art_wrapper{
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 210;
  display: none;
  opacity: 0;
  -webkit-box-shadow: 0px 0px 20px 7px rgba(0,0,0,0.9);
  -moz-box-shadow: 0px 0px 20px 7px rgba(0,0,0,0.9);
  box-shadow: 0px 0px 20px 7px rgba(0,0,0,0.9);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;    
}
body.lib_story div.enlarged_art_wrapper,
body.lib_audiobooks div.enlarged_art_wrapper{
  -webkit-box-shadow: 0px 0px 20px 7px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 20px 7px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 20px 7px rgba(0,0,0,0.3);
}
div.enlarged_art_wrapper .art{
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  opacity: 0;
}
div.enlarged_art_wrapper.show .art{
  opacity: 1
}
div.enlarged_art_wrapper.show{
  opacity: 1;
  display: block;
}


.HomeArtistList{
  margin-top: 40px;
  position: relative;
}
.HomeArtistList .headers{
  padding-left: 3%;
  position: relative;
}
.HomeArtistList .headers .letter{
  display: inline-block;
  width: 3.5%;
  font-size: 18px;
  border-bottom: 3px solid transparent;
  text-align: center;
  padding-bottom: 3px;
  cursor: pointer;
}

.HomeArtistList .LetterBlock{
  margin-top: 15px;
  position: absolute;
  display: none;
  top: 30px;
  width: 100%;
  padding-bottom: 50px;
}

.HomeArtistList .LetterBlock .item{
  height: 40px;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 40px;
  margin-right: 20px;
  width: 450px;
  padding-right: 20px;
  border-left: 3px solid;
  cursor: pointer;
}

.HomeArtistList .LetterBlock .item .avatar{
  height: 32px;
  width: 32px;
  position: absolute;
  border-radius: 16px 16px 16px 16px;
  -moz-border-radius: 16px 16px 16px 16px;
  -webkit-border-radius: 16px 16px 16px 16px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  top: 4px;
  left: 10px;
}


.HomeArtistList .LetterBlock .item .avatar.placeholder .mat-icon{
   position: absolute;
   top: 3px;
   left: 4px;
}



.HomeArtistList .LetterBlock .item .name{
  line-height: 40px;
  vertical-align: middle;
  left: 52px;
  position: absolute;
  white-space: nowrap;

} 

.content_wrapper .col_wrapper .col_third{
  width: 33%;
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.content_wrapper .col_wrapper .col_third .scroll{
  position: relative;
}

.content_wrapper .col_wrapper .col_third .scroll .scroll_shade_top,
.content_wrapper .col_wrapper .col_third .scroll .scroll_shade_bottom{
  position: absolute;
  height: 10px;
  width: 100%;
  display: none;
}
.content_wrapper .col_wrapper .col_third .scroll.ps-active-y .scroll_shade_top,
.content_wrapper .col_wrapper .col_third .scroll.ps-active-y .scroll_shade_bottom{
  display: block;
}
.content_wrapper .col_wrapper .col_third .scroll .scroll_shade_top{
  position: absolute;
  top: 0px;
  opacity: 0;
}
.content_wrapper .col_wrapper .col_third .scroll .scroll_shade_bottom{
  position: sticky;
  bottom: 0px;
  opacity: 1;
}

.content_wrapper .profile_page .col_wrapper{
  position: relative;
  margin-left: 310px;
}
div.profile_page .col_wrapper .title{
  margin-left: 0px;
  font-size: 16px;
  margin-bottom: 4px;
  text-transform: uppercase;
  padding-top: 0px;
  font-family: 'IBM Plex Sans', sans-serif;

}

.content_wrapper .profile_page .plistItem,
.content_wrapper .profile_page .profileFavoriteItem,
.content_wrapper .profile_page .profileFollowItem{
  margin-right: 20px;
  margin-bottom: 1px;
  height: 34px;
  position: relative;
}

.content_wrapper .profile_page .profileFollowItem{
  height: 48px;
}
.content_wrapper .profile_page .profileFavoriteItem{
  height: 60px;
}


.content_wrapper .profile_page .profileFavoriteItem .album_art{
  height: 50px;
  width: 50px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  left: 10px;
  top: 5px;
}

.content_wrapper .profile_page .profileFollowItem .avatar{
  height: 32px;
  width: 32px;
  top: 8px;
  left: 10px;
}
.content_wrapper .profile_page .profileFollowItem .avatar .mat-icon{
  font-size: 26px;
  top: 2px;
  left: 3px; 
}

.content_wrapper .profile_page .plistItem:hover,
.content_wrapper .profile_page .profileFavoriteItem:hover,
.content_wrapper .profile_page .profileFollowItem:hover{
  cursor: pointer;
}
.content_wrapper .profile_page .plistItem:hover div.name,
.content_wrapper .profile_page .profileFavoriteItem:hover div.name,
.content_wrapper .profile_page .profileFollowItem:hover div.name{
  text-decoration: underline;
}

.content_wrapper .profile_page .profileFollowItem div.avatar .is_online{
  height: 8px;
  width: 8px;
  border-radius: 50%;
  top: 1px;
  left: 24px;
  border: 1px solid white;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,1);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,1);
  box-shadow: 0px 1px 3px 0px rgba(0,0,0,1);
}


.content_wrapper .profile_page .plistItem div,
.content_wrapper .profile_page .profileFavoriteItem div,
.content_wrapper .profile_page .profileFollowItem div{
  position: absolute;
}
.content_wrapper .profile_page .plistItem div.name{
  top: 7px;
  left: 14px;
  
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.content_wrapper .profile_page .profileFollowItem div.name{
  top: 16px;
  left: 50px;
  
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content_wrapper .profile_page .profileFavoriteItem div.name{
  top: 22px;
  left: 70px;
  
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


.content_wrapper .profile_page .plistItem div.thumbs_up{
  right: 12px;
  top: 6px;
}
.content_wrapper .profile_page .plistItem div.thumbs_down{
  right: 8px;
  top: 3px;
}
.content_wrapper .profile_page .plistItem div.thumbs_up .mat-icon,
.content_wrapper .profile_page .plistItem div.thumbs_down .mat-icon{
  font-size: 16px;
  position: relative;
  top: 3px;
}
.content_wrapper .profile_page .plistItem div.thumbs_up span,
.content_wrapper .profile_page .plistItem div.thumbs_down span{
  padding-left: 5px;
}
.content_wrapper .profile_page .plistItem div.thumbs_down .mat-icon{
  top: 6px;
}

.content_wrapper .profile_page .avatar_upload .mat-icon.upload{
  display: none;
}
.content_wrapper .profile_page .avatar_upload:hover{
  cursor: pointer;
}

.content_wrapper .profile_page .avatar_upload:hover .mat-icon.upload{
  display: block;
}
.content_wrapper .profile_page .avatar_upload:hover .mat-icon.person{
  display: none;
}
.content_wrapper .profile_page .avatar_upload .save{
  border-radius: 50%;
  border: 2px solid;
  position: relative;
  top: 160px;
  left: 160px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 4;
  display: none;
}

.content_wrapper .profile_page .avatar_upload .save:hover{
  -webkit-box-shadow: 0px 0px 8px 0px rgba(49, 188, 175,1);
  -moz-box-shadow: 0px 0px 8px 0px rgba(49, 188, 175,1);
  box-shadow: 0px 0px 8px 0px rgba(49, 188, 175,1);
}
.content_wrapper .profile_page .avatar_upload .save .mat-icon{
  font-size: 31px;
  left: 5px;
  top: 4px;
}
.cr-boundary{
  display: none;
  border-radius: 50%;
}

.ps-scrollbar-y-rail{
  z-index:120;
}

div.snackbar_wrapper{
  position: fixed;
  bottom: -50px;
  left: 20px;
  z-index: 11;
  border-radius: 4px;
  padding-top: 14px;
  padding-left: 20px;
  padding-bottom: 14px;
  opacity: 0;
  overflow: hidden;
  word-wrap: none;
  white-space: nowrap;
  -webkit-box-shadow: 0px 4px 10px rgba(0,0,0,0.8);
  -moz-box-shadow: 0px 4px 10px rgba(0,0,0,0.8);
  box-shadow: 0px 4px 10px rgba(0,0,0,0.8);
  color: rgba(var(--text-color-diag));
  background-color: rgba(var(--active-selection-bg));
}
div.snackbar_wrapper.show{
  opacity: 100;
  bottom: 20px;

}
div.snackbar_wrapper .text{
  padding-right: 60px;
  display: inline-block;
  word-wrap: none;
  white-space: nowrap;
}

div.snackbar_wrapper div.close{
  position: absolute;
  top: 12px;
  right: -2px;
  padding-right: 14px;
  cursor: pointer;
}
div.snackbar_wrapper svg{
  fill: rgba(var(--text-color-diag));
}

.checkbox_switch {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 20px;
  margin-top: 5px;
}

.checkbox_switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.checkbox_switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.checkbox_switch .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  background-color: white;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); 
}



.checkbox_switch .slider.round {
  border-radius: 20px;
  left: 0;
  background-color: #aaa;
}

.checkbox_switch .slider.round:before {
  border-radius: 20px;
}

div.content_wrapper div.button_v2{
  line-height: 36px;
  display: inline-block;
  border-radius: 18px;
  padding-left: 20px;
  padding-right: 20px;
  text-transform: uppercase;
  font-weight: 700;
  border: 1px solid rgba(var(--text-color), .6);
  border-radius: 18px;
}

div.content_wrapper div.button_v2.active{
  background-color: rgba(var(--text-color));
  color: rgba(var(--general-bg-color));
}

div.content_wrapper div.button_v2 .mat-icon{
  top: 5px;
} 


div.content_wrapper div.button_v2.active svg{
  fill: rgba(var(--general-bg-color));
}



div.subscribe_bottom_wrapper{
  position: absolute;
  bottom: 16px;
  width: 100%;
  z-index: -10;
  -webkit-transition: opacity 0.15s ease;
  -moz-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;

  
  opacity: 0;

}
div.subscribe_bottom_wrapper .subscribe_bottom_inner{
  position: relative;
  width: 80%;
  max-width: 1400px;
  color: white;
  margin-left: auto;
  margin-right: auto;
  border-radius: 18px;
  background: rgb(28,156,147);
  background: linear-gradient(56deg, rgba(28,156,147,1) 0%, rgba(29,123,139,1) 39%, rgba(29,117,137,1) 100%);
  -webkit-box-shadow: 0px 0px 51px -6px rgba(0,0,0,1);
  -moz-box-shadow: 0px 0px 51px -6px rgba(0,0,0,1);
  box-shadow: 0px 0px 51px -6px rgba(0,0,0,1);

  padding-left: 40px;
  padding-right: 40px;
  padding-top: 18px;
  padding-bottom: 18px;
  display: table;

}
div.subscribe_bottom_wrapper .subscribe_bottom_inner span,
div.subscribe_bottom_wrapper .subscribe_bottom_inner a{
  font-size: 16px;
  text-transform: uppercase;
  display: table-cell;
  color: inherit;
}

div.subscribe_bottom_wrapper .subscribe_bottom_inner span.text-right{
  width: 10px;
  white-space:nowrap;
  padding-right: 30px;
}

div.subscribe_bottom_wrapper .subscribe_bottom_inner a.btn{
  cursor: pointer;
  background-color: white;
  border-radius: 40px;
  color: black;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  text-transform: initial;
  width: 10px;
  text-decoration: none;
}
div.subscribe_bottom_wrapper .subscribe_bottom_inner a.btn:hover{
  background-color: #166272;
  color: white;
}

div.subscribe_overlay_wrapper{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  overflow: hidden;

  z-index: -10;
  -webkit-transition: opacity 0.15s ease;
  -moz-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;

  opacity: 0;
}

div.subscribe_overlay_wrapper .subscribe_overlay_inner{

  position: relative;
  margin-left: auto;
  margin-right: auto;
  top: 25%;

  border-radius: 18px;

  background: rgb(28,156,147);
  background: linear-gradient(56deg, rgba(28,156,147,1) 0%, rgba(29,123,139,1) 39%, rgba(29,117,137,1) 100%);
  -webkit-box-shadow: 0px 0px 51px -6px rgba(0,0,0,1);
  -moz-box-shadow: 0px 0px 51px -6px rgba(0,0,0,1);
  box-shadow: 0px 0px 51px -6px rgba(0,0,0,1);


}

div.subscribe_overlay_wrapper .album-block{
  display: inline-block;
}

div.subscribe_overlay_wrapper .album-block .img{
  position: absolute;
  --top: 30px;
  --left: 30px;
  --right: 30px;
  --bottom: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
  -webkit-box-shadow: 0px 0px 27px -6px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 27px -6px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 27px -6px rgba(0,0,0,0.75);
}

div.subscribe_overlay_wrapper .text-block{
  display: inline-block;
  position: absolute;
  color: white;
  font-size: 14px;
  
}
div.subscribe_overlay_wrapper .text-block span{
  display: block;
}

div.subscribe_overlay_wrapper .text-block .txt-1{
  text-transform: uppercase;
  font-size: 1.1em;
}
div.subscribe_overlay_wrapper .text-block .txt-2{
  text-transform: uppercase;
  font-size: 1.8em;
}
div.subscribe_overlay_wrapper .text-block .txt-3{
  font-size: 1em;
}

div.subscribe_overlay_wrapper .text-block-bottom{
  position: absolute;
  bottom: 0px;
}


div.subscribe_overlay_wrapper .text-block .txt-4{
  --text-transform: uppercase;
  font-size: 1.1em;
}


#jan_mulder_overlay_wrapper .text-block .txt-4{
  text-transform: none;
}

div.subscribe_overlay_wrapper .text-block .txt-5{
  margin-bottom: 6px;
  padding-top: 16px;
}
div.subscribe_overlay_wrapper .text-block .txt-5 a.btn{
  cursor: pointer;
  background-color: white;
  border-radius: 40px;
  color: black;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  text-transform: initial;
  width: 10px;
  display: inline;
  margin-right: 8px;
  text-decoration: none;
}
div.subscribe_overlay_wrapper .text-block .txt-5 a.btn:hover{
  background-color: #166272;
  color: white;
}

div.subscribe_overlay_wrapper .text-block .txt-5 a{
  color: white;
}

div.artist_page.landscape_art_enabled .social{
  display: none;
}

div.content .subtitle_v2{
  display: none;
  line-height: 14px;
  font-weight: 400;
}

div.artist_page.landscape_art_enabled .subtitle_v2{
  display: block;
  position: relative;
  text-align: center;
  border-top: 1px solid rgba(var(--horizontal-devider-line-color));
  border-bottom: 1px solid rgba(var(--horizontal-devider-line-color));
  margin-top: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  line-height: 16px;
}




div.norm_albu_dspl.v2 .options,
div.artist_page.landscape_art_enabled .options{
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
  width: 80%;
  max-width:1400px;
  text-transform: uppercase;
}

div.norm_albu_dspl.v2 .options{
  border-top: 1px solid rgba(var(--horizontal-devider-line-color));
  padding-top: 15px;
  margin-top: 32px;
  margin-bottom: 40px;
}


div.artist_page.landscape_art_enabled .options{
  margin-top: 20px;
  margin-bottom: 40px;
}




div.norm_albu_dspl.v2 .options .btn .mat-icon{
  display: none;
}

div.norm_albu_dspl .options .btn,
div.artist_page.landscape_art_enabled .options .btn{
  line-height: 28px;
  border-radius: 15px;
  display: inline-block;
  margin-left: 0px;
  margin-right: 8px;
  margin-top: 8px;
  padding-left: 11px;
  padding-right: 12px;
  font-weight: 700;
  font-size: 12px;
  cursor: pointer;
  --border: 1px solid rgba(var(--text-color), .35);
  border: 1px solid rgba(var(--active-selection-bg), .5);
}



  


div.norm_albu_dspl .options .btn:hover{
  background-color: rgba(var(--active-selection-bg), .5);
  border-color: rgba(var(--active-selection-bg), .0);
}

div.content .options .btn.btn_active{
  background-color: rgba(var(--text-color));
  border-color: rgba(var(--text-color));
  color: rgba(var(--general-bg-color));
}



div.content .options .btn:before{
  background-color: rgba(var(--text-color));
}

div.content .options .btn.btn_active:before{
  background-color: rgba(var(--general-bg-color))
}



div.content .options .btn.follow_artist:before,
div.content .options .btn.unfollow_artist:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  float: left;
  top: 6px;
  left: -2px;
  height: 14px;
  width: 14px;
  -webkit-mask: var(--action-btn-check) no-repeat 100% 100%;
  mask: var(--action-btn-check) no-repeat 100% 100%;
  margin-right: 2px;
}


div.content .options .btn.hide_artist:before,
div.content .options .btn.hide_artist:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  float: left;
  top: 4px;
  left: -4px;
  height: 20px;
  width: 20px;
  -webkit-mask: var(--action-btn-block) no-repeat 100% 100%;
  mask: var(--action-btn-block) no-repeat 100% 100%;
}

div.content .options .btn.add_to_queue:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  float: left;
  top: 4px;
  left: -4px;
  height: 20px;
  width: 20px;
  -webkit-mask: var(--action-btn-queue) no-repeat 100% 100%;
  mask: var(--action-btn-queue) no-repeat 100% 100%;
}

div.content .options .btn.playlist_add:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  float: left;
  top: 5px;
  left: -4px;
  height: 18px;
  width: 18px;
  -webkit-mask: var(--action-btn-add-plist) no-repeat 100% 100%;
  mask: var(--action-btn-add-plist) no-repeat 100% 100%;
}
div.content .options .btn.add_favorite:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  float: left;
  top: 5px;
  left: -5px;
  height: 18px;
  width: 18px;
  -webkit-mask: var(--player-fav-icn) no-repeat 100% 100%;
  mask: var(--player-fav-icn) no-repeat 100% 100%;
}
div.content .options .btn.remove_favorite:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  float: left;
  top: 6px;
  left: -5px;
  height: 14px;
  width: 14px;
  -webkit-mask: var(--player-fav-icn-active) no-repeat 100% 100%;
  mask: var(--player-fav-icn-active) no-repeat 100% 100%;
}
div.content .options .btn.block_album:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  float: left;
  top: 4px;
  left: -5px;
  height: 20px;
  width: 20px;
  -webkit-mask: var(--action-btn-block) no-repeat 100% 100%;
  mask: var(--action-btn-block) no-repeat 100% 100%;
}



div.content .options .btn_active:before{
  background-color: rgba(var(--general-bg-color));
}


div.content div.landscape_art{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 300px;
  background-size: cover;
}

div.content div.landscape_art .landscape_art_shade{
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(var(--general-bg-color),.25) 0%, rgba(var(--general-bg-color),1) 100%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}


div.norm_albu_dspl.v2 div.subject{
  display: none;
}

div.norm_albu_dspl.v2 .block_footer{
  position: relative;
  width: 80%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
  color: #AFAFAF;
  font-weight: 400;
  padding-left: 30px;
}

body.lib_story div.norm_albu_dspl.v2 .block_footer{
  display: none;
}

div.norm_list .track_wrapper,
div.norm_albu_dspl.v2 .track_wrapper{
  position: relative;
  padding-left: 0;
  width: 80%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
}

body.lib_story div.norm_albu_dspl.v2 .track_wrapper{
  padding-bottom: 40px;
}



div.norm_list .track_wrapper .table-header,
div.norm_albu_dspl.v2 .track_wrapper .table-header{
  color: white;
}

div.norm_albu_dspl.v2 .track_wrapper .table-header{
  display: none;
}


div.norm_albu_dspl.v2 .track_wrapper .track_num{
  display: none;
}


div.norm_albu_dspl.v2 .track_wrapper .composer{
  display: none;
}




div.norm_list .track_wrapper .track.odd,
div.norm_albu_dspl .track_wrapper .track.odd{
  background-color: rgba(var(--general-bg-color));
}
div.norm_list .track_wrapper .track.even,
div.norm_albu_dspl .track_wrapper .track.even{
  background-color: rgba(var(--track-list-item-even-bg));
}
div.norm_list .track_wrapper .track.playing,
div.norm_albu_dspl .track_wrapper .track.playing,
div.norm_list .track_wrapper .track.playing:hover,
div.norm_albu_dspl .track_wrapper .track.playing:hover{
  background-color: rgba(var(--track-list-item-playing-bg));
  color: rgba(var(--text-color-diag));
}

div.norm_list .track_wrapper .highlight .composer,
div.norm_albu_dspl.v2 .track_wrapper .highlight .composer{
  
}

div.norm_list .track_wrapper .highlight .time,
div.norm_albu_dspl .track_wrapper .highlight .time{
  font-weight: 500 !important;

}



div.norm_list .track_wrapper .track:hover,
div.norm_albu_dspl .track_wrapper .track:hover{
  background-color: rgba(var(--track-list-item-hover-bg));
}

div.norm_list .track_wrapper .track.table-header:hover,
div.norm_albu_dspl .track_wrapper .track.table-header:hover{
  background-color: rgba(var(--general-bg-color));
}

div.norm_list .track_wrapper .track.playing:hover,
div.norm_albu_dspl .track_wrapper .track.playing:hover{
  background-color: rgba(var(--track-list-item-playing-bg));
}



div.norm_albu_dspl.v2 div.album_art{
  width: 180px;
  height: 180px;
  margin-top: 0px;
  margin-left: 50%;
  margin-bottom: 20px;
  left: -90px;
  border-radius: 10px;
}


@media (min-height:800px) {
  div.norm_albu_dspl.v2 div.album_art{
    width: 240px;
    height: 240px;
    margin-top: 60px;
    left: -120px;
  }
}


div.norm_albu_dspl.v2 div.sub_title{
  padding: 0;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  color: rgba(var(--text-color), .8);
}


body.lib_story div.norm_albu_dspl.v2 div.sub_title{
  font-size: 24px;
}


div.norm_albu_dspl.v2 .thumbs_wrapper{
  background-color: transparent;
  left: 0;
  right: 0;
  width: 420px;
  margin-left: auto;
  margin-right: auto;
  top: 75px;
}


@media (min-height:800px) {
  div.norm_albu_dspl.v2 .thumbs_wrapper{
    top: 110px;
    max-width: 520px;
  }
}



div.norm_albu_dspl .thumbs_wrapper .thumbs_up,
div.norm_albu_dspl .thumbs_wrapper .thumbs_down{
  position: relative;
  border: 1px solid rgba(var(--text-color), .5);
  line-height: 30px;
  border-radius: 15px;
  padding-left: 40px;
  padding-right: 10px;
  text-align: right;
  font-weight: 700;
  min-width: 12px;
}

body.lib_story div.norm_albu_dspl .thumbs_wrapper .thumbs_up,
body.lib_story div.norm_albu_dspl .thumbs_wrapper .thumbs_down,
body.lib_audiobooks div.norm_albu_dspl .thumbs_wrapper .thumbs_up,
body.lib_audiobooks div.norm_albu_dspl .thumbs_wrapper .thumbs_down{
  background-color: rgba(var(--general-bg-color));
}

div.norm_albu_dspl .thumbs_wrapper .thumbs_up.active,
div.norm_albu_dspl .thumbs_wrapper .thumbs_down.active{
  background-color: rgba(var(--text-color)) !important;
  border-color: rgba(var(--text-color)) !important;
  color: rgba(var(--general-bg-color)) !important;
}

div.norm_albu_dspl .thumbs_wrapper .thumbs_up.active:before,
div.norm_albu_dspl .thumbs_wrapper .thumbs_down.active:before{
  background-color: rgba(var(--general-bg-color));
}

div.norm_albu_dspl .thumbs_wrapper .thumbs_up{
  float: right;
}

div.norm_albu_dspl .thumbs_wrapper div.active{
  color: inherit;
}





div.norm_albu_dspl .thumbs_wrapper .thumbs_down span,
div.norm_albu_dspl .thumbs_wrapper .thumbs_up span{
  display: block;
}



div.norm_albu_dspl .thumbs_wrapper .thumbs_down:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 20px;
  width: 20px;
  -webkit-mask: var(--thumbs-down-icn) no-repeat 100% 100%;
  mask: var(--thumbs-down-icn) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
  left: 13px;
  top: 4px;
}

div.norm_albu_dspl .thumbs_wrapper .thumbs_up:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 20px;
  width: 20px;
  -webkit-mask: var(--thumbs-up-icn) no-repeat 100% 100%;
  mask: var(--thumbs-up-icn) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
  left: 13px;
  top: 2px;
}


div.norm_albu_dspl.v2 .cooperative_wrapper{
  position: relative;
  padding-left: 0;
  width: 80%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}



div.related_content_wrapper{
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgba(var(--general-bg-color));
  border-left: 1px solid rgba(var(--vertical-menu-border-color));
  height: 100%;
  width: 0px;
}

div.related_content{
  position: relative;
  display: block;
}

div.related_content div.related_content_header{
  position: fixed;
  z-index: 2;
  background-color: rgba(var(--general-bg-color));
  font-weight: 500;
  font-size: 24px;
  padding-left: 14px;
  padding-top: 24px;
  width: 100%;
  height: 40px;

}

div.related_content div.related_content_items_wrapper{
  top: 76px;
  position: relative;
}

div.related_content div.item{
  display: block;
  position: relative;
  margin-left: 10px;
  margin-right: 13px;
  margin-bottom: 2px;
  border-radius: 8px;
  padding-top: 7px;
  padding-bottom: 3px;
  padding-left: 6px;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
}

div.related_content div.item:hover{
  background-color: rgba(var(--active-selection-bg));
  color: rgba(var(--text-color-diag));
}

div.related_content div.item .art{
  width: 56px;
  height: 56px;
  display: inline-block;
  background-size: cover;
  border-radius: 5px;
  margin-top: 1px;
}

div.related_content div.item.artist .art{
  border-radius: 28px;
}

div.related_content div.item .text_wrapper{
  position: absolute;
  left: 74px;
  right: 18px;
  top: 15px;
}

div.related_content div.item .text_wrapper div{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

div.related_content div.item .text_wrapper div.name{
  font-size: 16px;
  font-weight: 500;
}

div.related_content div.item .text_wrapper div.subtitle{
  font-size: 13px;
  opacity: .75;
  font-weight: 400;
}



div.content div.scroll div.album_thumbs{
  display: none;
}

div.content_wrapper div.horizon_scroll_blocks div.album .album_thumbs, 
div.normal_blocks div.album .album_thumbs{
  display: block;
  margin-left: 10px;
  padding-left: 28px;
  padding-top: 16px;
  font-size: 13px;
  font-weight: 500;
}

div.content_wrapper div.album .album_thumbs:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 20px;
  width: 20px;
  left: 11px;
  margin-top: -6px;
  -webkit-mask: var(--thumbs-up-icn) no-repeat 100% 100%;
  mask: var(--thumbs-up-icn) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
}



div.content_block.norm_albu_dspl.v3{
  position: relative;
  padding-left: 0;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}


div.norm_albu_dspl.v3 .track_wrapper{
  position: relative;
  width: 100%;
  padding: 0px;
  padding-bottom: 10px;
  min-height: 0;
}


div.norm_albu_dspl.v3 .track_wrapper .track_name{
  text-indent: 14px;
}

div.norm_albu_dspl.v3 .track_wrapper .track.playing .track_name:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 9px;
  width: 9px;
  -webkit-mask: var(--playing-icn-arrow) no-repeat 100% 100%;
  mask: var(--playing-icn-arrow) no-repeat 100% 100%;
  background-color: rgba(var(--text-color-diag));
  top: 11px;
  left: 10px;
}

div.norm_albu_dspl.v3 .track_wrapper .track_num{
  display: none;
}



div.norm_albu_dspl.v3 .track_wrapper .composer{
  display: none;
}

div.norm_albu_dspl.v3 div.cooperative_wrapper{
  margin-top: 0px;
  margin-bottom: 30px;
  opacity: .5;
  padding-left: 4px;
}

div.norm_albu_dspl.v3 div.cooperative_wrapper  .cooperative{
  border: 0;
}
div.norm_albu_dspl.v3 div.cooperative_wrapper  .cooperative .mat-icon{
  display: none;
}
div.norm_albu_dspl.v3 div.cooperative_wrapper  .cooperative .block{
  margin-left: 0;
}

div.norm_albu_dspl.v3 .subject{
  display: none;
}

div.norm_albu_dspl.v3 div.album_art{
  width: 240px;
  height: 240px;
  border-radius: 10px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);

}

body.lib_audiobooks div.norm_albu_dspl.v3 div.album_art{
  position: absolute;
}



div.norm_albu_dspl.v3 div.thumbs_wrapper{
  top: 210px;
}

div.norm_albu_dspl.v3 .thumbs_wrapper .thumbs_up, div.norm_albu_dspl.v3 .thumbs_wrapper .thumbs_down{
  line-height: 28px;
}

div.norm_albu_dspl.v3 .title, 
div.norm_albu_dspl.v3 div.sub_title,
div.norm_albu_dspl.v3 .album_year_text,
div.norm_albu_dspl.v3 div.options{
  padding-left: 265px;
  padding-right: 0px;
}

div.norm_albu_dspl.v3 .title{
  font-weight: 500;
  font-size: 28px;
}

div.norm_albu_dspl.v3 div.sub_title{
  font-weight: 400;
  font-size: 18px;
  height: 22px;
  padding-top: 1px;
  padding-bottom: 12px;
}


div.content_wrapper .album_info_block{
  display: none;
}

div.norm_albu_dspl.v3 .album_info_block{
  display: flex;
  margin-left: 265px;
  border-top: 1px solid rgba(var(--horizontal-devider-line-color));
  border-bottom: 1px solid rgba(var(--horizontal-devider-line-color));
  padding-top: 15px;
  padding-bottom: 15px;

}

div.norm_albu_dspl.v3 .album_info_block .album_duration{
  width: 50%;
  border-right: 1px solid rgba(var(--horizontal-devider-line-color));
}

div.norm_albu_dspl.v3 .album_info_block .album_duration,
div.norm_albu_dspl.v3 .album_info_block .category{
  display: inline-block;
  flex-grow: 1;
  padding-left: 14px;
  padding-top: 2px;
  padding-bottom: 2px;
}


div.norm_albu_dspl.v3 .album_info_block .album_info_block_header{
  padding-bottom: 4px;
}


div.norm_albu_dspl.v3 .album_info_block .album_duration .album_info_block_txt:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  height: 15px;
  width: 15px;
  -webkit-mask: var(--clock-icn) no-repeat 100% 100%;
  mask: var(--clock-icn) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
  top: 2px;
  left: 0px;
  display: inline-block;
  margin-right: 7px;
}

div.norm_albu_dspl.v3 .album_info_block .category .album_info_block_txt:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  height: 15px;
  width: 15px;
  -webkit-mask: var(--category-icn) no-repeat 100% 100%;
  mask: var(--category-icn) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
  top: 1px;
  left: 0px;
  display: inline-block;
  margin-right: 7px;
}



div.norm_albu_dspl.v3 div.thumbs_wrapper .thumbs_down,
div.norm_albu_dspl.v3 div.thumbs_wrapper .thumbs_up{

  min-width: 40px;
}
div.norm_albu_dspl.v3 div.thumbs_wrapper .thumbs_down{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

div.norm_albu_dspl.v3 div.thumbs_wrapper .thumbs_up{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left: 0px;
}



div.norm_albu_dspl.v3 div.block_footer{
  display: none;
}

div.content_wrapper .album_year_text{
  display: none;
}

div.norm_albu_dspl.v3 .album_year_text{
  display: block;
  padding-top: 8px;
  opacity: .5;
  padding-bottom: 5px;
}

div.content div.story_description_wrapper{
  display: none;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 20px;
  margin-bottom: 10px;
}

body.lib_story div.content div.story_description_wrapper,
body.lib_audiobooks div.content div.story_description_wrapper{
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid rgba(var(--vertical-menu-border-color));
}

div.content div.story_description_wrapper .story_description_header{
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 12px;
  max-width: 750px;
}
div.content div.story_description_wrapper .story_description_txt{
  font-size: 15px;
  font-weight: 400;
  line-height: 22px; 
  overflow: hidden;
  height: auto;
  max-width: 750px;
}

div.content div.story_description_wrapper.show_more .story_description_txt{
  height: 170px;
}


div.content div.story_description_wrapper .read_more_wrapper{
  display: none;
  font-size: 16px;
  font-weight: 600;
  padding-top: 26px;
  background: linear-gradient(0deg,rgba(var(--general-bg-color), 1) 50%, rgba(var(--general-bg-color), 0) 100%);
  margin-top: -24px;
  position: relative;
}
div.content div.story_description_wrapper.show_more .read_more_wrapper{
  display: block;
}

div.content div.story_description_wrapper .read_more_btn{
  cursor: pointer;
  display: inline-block;
  padding-right: 20px;
}

div.content div.story_description_wrapper .read_more_btn:after{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 11px;
  width: 11px;
  -webkit-mask: var(--read-more-arrow) no-repeat 100% 100%;
  mask: var(--read-more-arrow) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
  top: 31px;
  margin-left: 5px;
}

body.lib_story div.content div.story_description_wrapper{
  display: table;
  position: relative;
  width: 80%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 0;
}

body.lib_story div.menu_wrapper,
body.lib_story div.content_wrapper{
  bottom: 0px;
}

body.lib_story div.control_wrapper{
  background-color: transparent;
  border: 0;
  height: 104px;
  bottom: 106px;
  z-index: 130;
  left: 50%;
  right: initial;
  margin-left: -50px;
}

body.lib_story div.control_wrapper div.control_container{
  border: 6px solid rgba(var(--active-selection-bg));
  height: 90px;
  border-radius: 60px;
  background-color: rgba(var(--player-bg-color));
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  width: 80vw;
  max-width: 840px;
}


body.lib_story div.control_wrapper div.control_container div.controls_block{
  background-color: transparent;
  top: auto;
  height: 100%;
  border-radius: unset;
}

body.lib_story div.control_container #album_art{
  height: 70px;
  width: 70px;
  top: 10px;
  left: 40px;
}
body.lib_story div.control_container div.track_info_box{
  left: 124px;
  right: 200px;
  margin-right: 0px;
}
body.lib_story div.control_container div.track{
  font-size: 27px;
  font-family: 'Effra Heavy', 'IBM Plex Sans';
  top: 14px;
}
body.lib_story div.control_container div.artist{
  top: 50px;
  font-size: 18px;
}
body.lib_story div.control_container div.sec_bar_wrapper{
  left: 50%;
  top: 34px;
  margin-left: 100px;
  width: unset;
  min-width: unset;
  right: 90px;
  display: none;
  z-index: 1;
}
body.lib_story div.control_container div.sec_bar_wrapper .sec-played,
body.lib_story div.control_container div.sec_bar_wrapper .sec-total{
  position: absolute;
  display: inline-block;
  top: 18px;
}
body.lib_story div.control_container div.sec_bar_wrapper .sec-total{
  right: 0px;
}


body.lib_story div.control_container div.sec_bar_wrapper .sec-slider{
  left: 0;
  right: 0;
  min-width: unset;
  top: 0;
  border-radius: 5px;
}

body.lib_story div.control_container div.sec_bar_wrapper .sec-slider.ui-slider,
body.lib_story div.control_container div.sec_bar_wrapper .sec-slider.ui-slider div.ui-slider-range{
  height: 10px;
  border-radius: 5px;
}

body.lib_story div.control_container div.sec_bar_wrapper .sec-slider.ui-slider span.ui-slider-handle{
  height: 12px;
  width: 12px;
  border-radius: 12px;
  border: 5px solid rgba(var(--player-slider-bar-color));
  margin-left: -6px;
  margin-top: -6px;

}

body.lib_story div.control_container div.lyrics_wrapper{
  display: none;
}
body.lib_story div.control_container div.repeat-icon{
  display: none;
}

body.lib_story div.control_container div.volume_bar_wrapper{
  z-index: 1;
  position: absolute;
  left: auto;
  right: 28px;
  width: 28px;
  top: 40px;
  display: none;
}
body.lib_story div.control_container div.volume_bar_wrapper div.volume-slider{
  display: none;
}

body.lib_story div.control_container div.pause-play{
  top: 14px;
  right: 150px;
}


body.lib_story div.control_container div.back,
body.lib_story div.control_container div.next{
  top: 36px;
}

body.lib_story div.control_container div.back{
  right: 155px;
}

body.lib_story div.control_container div.next{
  right: 60px;
}

body.lib_audiobooks div.control_container div.back{
  right: 135px;
}

body.lib_audiobooks div.control_container div.pause-play{
  right: 132px;
}

body.lib_audiobooks div.control_container div.next{
  right: 45px;
}

body.lib_audiobooks div.control_container div.track_info_box{
  right: 120px;
}



div.content_wrapper div.continue_from_bookmark_btn{
  display: none;
}

body.lib_audiobooks div.content_wrapper div.norm_albu_dspl div.continue_from_bookmark_btn,
body.lib_audiobooks div.content_wrapper div.continue_playing_blocks .scroll div.continue_from_bookmark_btn{
  display: inline-block;
  position: relative;
  color: rgba(var(--text-color-diag));
  background-color: rgba(var(--active-selection-bg));
  line-height: 28px;
  border-radius: 15px;
  padding-left: 14px;
  padding-right: 13px;
  font-weight: 400;
  font-size: 13px;
  cursor: pointer;
  text-indent: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

body.lib_audiobooks div.content_wrapper div.norm_albu_dspl div.continue_from_bookmark_btn.play_from_bookmark,
body.lib_audiobooks div.content_wrapper div.continue_playing_blocks .scroll div.continue_from_bookmark_btn.play_from_bookmark{
  border: 1px solid rgba(var(--text-color), .35);
}


body.lib_audiobooks div.content_wrapper div.norm_albu_dspl div.continue_from_bookmark_btn{
  margin-top: 46px;
  margin-left: 4px;
  margin-right: 4px;
}


body.lib_audiobooks div.content_wrapper div.continue_from_bookmark_btn:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 11px;
  width: 11px;
  -webkit-mask: var(--playing-icn-arrow) no-repeat 100% 100%;
  mask: var(--playing-icn-arrow) no-repeat 100% 100%;
  background-color: rgba(var(--text-color-diag));
  top: 9px;
  left: 15px;
}
body.lib_audiobooks div.content_wrapper div.continue_from_bookmark_btn b{
  font-weight: 700;
}

div.content_block.continue_playing_blocks .title{
  font-size: 24px;
}

div.content_block.continue_playing_blocks .scroll{
  padding-left: 30px;
}

div.content_block.continue_playing_blocks .scroll .album{
  position: relative;
  display: inline-block;
  vertical-align: top;
  background-color: rgba(var(--left-menu-bg-color));
  border: 1px solid rgba(var(--album-box-border));
  margin-bottom: 20px;
  margin-right: 20px;
  width: 400px;
  height: 120px; 
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  overflow: hidden;
  -webkit-transition: width .3s ease;
  -moz-transition: width .3s ease;
  -o-transition: width .3s ease;
  transition: width .3s ease;
  cursor: pointer;
  -webkit-transition: background-color 0.15s ease, opacity 0.15s ease;
  transition: background-color 0.15s ease, opacity 0.15s ease;
  -moz-transition: background-color 0.15s ease, opacity 0.15s ease;
  -o-transition: background-color 0.15s ease, opacity 0.15s ease; 
}

div.content_block.continue_playing_blocks .scroll .album.removed{
  width: 0;
  border: 0;
  margin: 0;
}

div.content_block.continue_playing_blocks .scroll .album .art_placeholder,
div.content_block.continue_playing_blocks .scroll .album .bookmark_progress_bar{
  width: 100px;
  left: 8px;
}

div.content_block.continue_playing_blocks .scroll .album .art_placeholder{
  position: relative;
  height: 100px;
  top:8px;
  background-color: rgba(var(--art-placeholder-bg-color));
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  z-index: 1;
}
div.content_block.continue_playing_blocks .scroll .album .art_placeholder:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 60px;
  width: 60px;
  -webkit-mask: var(--mat-icn-album) no-repeat 100% 100%;
  mask: var(--mat-icn-album) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
  top: 50%;
  left: 50%;
  margin-left: -30px;
  margin-top: -30px;
  opacity: 1;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

div.content_block.continue_playing_blocks .scroll .album .art_placeholder.placeholder_fadein:before{
  opacity: 0;
}

div.content_block.continue_playing_blocks .scroll .album .art_placeholder .art{
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}


div.content_block.continue_playing_blocks .scroll .album .bookmark_progress_bar{
  position: relative;
  height: 10px;
  background-color: white;
  top: 2px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

div.content_block.continue_playing_blocks .scroll .album .title_wrapper{
  position: absolute;
  top: 24px;
  left: 120px;
  right: 2px;
}


div.content_block.continue_playing_blocks .scroll .album .title{
  padding: 0px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

div.content_block.continue_playing_blocks .scroll .album .title .title_artist{
  font-size: 13px;
  line-height: 13px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}


body.lib_audiobooks div.content_wrapper div.continue_playing_blocks .scroll div.continue_from_bookmark_btn{
  position: absolute;
  top: 68px;
  left: 119px;
  font-size: 12px;
  max-width: 240px;
  text-indent: 14px;
}

body.lib_audiobooks div.content_wrapper .continue_playing_blocks div.continue_from_bookmark_btn:before{
  left: 11px;
}


div.content_wrapper .continue_playing_blocks .clear_bookmark{
  width: 12px;
  height: 12px;
  position: absolute;
  top: 10px;
  right: 10px;
}
div.content_wrapper .continue_playing_blocks .clear_bookmark:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 20px;
  width: 20px;
  -webkit-mask: var(--icn-close) no-repeat 100% 100%;
  mask: var(--icn-close) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
  top: -3px;
  left: -3px;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: all 0.18s ease;
  -moz-transition: all 0.18s ease;
  -o-transition: all 0.18s ease;
  transition: all 0.18s ease;
}

div.content_wrapper .continue_playing_blocks .album:hover .clear_bookmark:before{
  opacity: .6;
}

div.content_wrapper .continue_playing_blocks .album:hover .clear_bookmark:hover:before{
  opacity: 1;
}

div.content div.star_rating_wrapper{
  position: absolute;
  left: 270px;
}



div.content div.star_rating_wrapper .star_rating_container{
  height: 30px;
  aspect-ratio: 5 / 1;
  cursor: pointer;
}

div.content div.star_rating_wrapper .star_rating_container:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-mask: var(--star-rating-icn-outline) repeat-x;
  mask: var(--star-rating-icn-outline) repeat-x;
  background-color: rgba(var(--text-color), .6);
}

div.content div.star_rating_wrapper .star_rating_container .star_btns div{
  height: 100%;
}
div.content div.star_rating_wrapper .star_rating_container .star_btns .star1{
  aspect-ratio: 1 / 1;
}
div.content div.star_rating_wrapper .star_rating_container .star_btns .star2{
  aspect-ratio: 2 / 1;
}
div.content div.star_rating_wrapper .star_rating_container .star_btns .star3{
  aspect-ratio: 3 / 1;
}
div.content div.star_rating_wrapper .star_rating_container .star_btns .star4{
  aspect-ratio: 4 / 1;
}
div.content div.star_rating_wrapper .star_rating_container .star_btns .star5{
  aspect-ratio: 5 / 1;
}


div.content div.star_rating_wrapper .star_rating_container .star_rating_current{
  height: 100%;
  position: relative;
  -webkit-mask: var(--star-rating-icn-filled) repeat-x;
  mask: var(--star-rating-icn-filled) repeat-x;
  background-color: rgba(217, 217, 13);
}
div.content div.star_rating_wrapper .star_rating_container:hover .star_rating_current{
  -webkit-mask: var(--star-rating-icn-outline) repeat-x;
  mask: var(--star-rating-icn-outline) repeat-x;
}

div.content div.star_rating_wrapper .star_rating_container .star_btns{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

div.content div.star_rating_wrapper .star_rating_container .star_btns div{
  float: left;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  -webkit-mask: var(--star-rating-icn-filled) repeat-x;
  mask: var(--star-rating-icn-filled) repeat-x;
  background-color: rgba(217, 217, 13);
}

div.content div.star_rating_wrapper .star_rating_container .star_btns div:hover{
  opacity: 1;
    -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}


div.content div.album_list .scroll .album,
div.content div.search_results .scroll .album{
  height: 72px;
  margin-bottom: 6px;
  margin-left: 32px;
  width: 80%;
  max-width: 800px;
  min-width: 450px;
  border-radius: 5px;
  position: relative;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  cursor: pointer;
  background-color: rgba(var(--left-menu-bg-color));
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(var(--album-box-border));
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(var(--album-box-border));
  box-shadow: inset 0px 0px 0px 1px rgba(var(--album-box-border));
}

div.content div.album_list .scroll .album:hover{
  background-color: rgba(var(--album-box-bg-hover));
}

div.content div.album_list .scroll .album .art_placeholder,
div.content div.search_results .scroll .album .art_placeholder{
  position: relative;
  display: inline-block;
  z-index: 2;
  height: 64px;
  width: 64px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: rgba(var(--art-placeholder-bg-color));
  top: 4px;
  left: 4px;
}

div.content div.album_list .scroll .album.item-type-artist .art_placeholder,
div.content div.search_results .scroll .album.item-type-artist .art_placeholder{
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;

}

div.content div.album_list .scroll .album .art_placeholder:before
div.content div.search_results .scroll .album .art_placeholder:before{
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

div.content div.album_list .scroll .album .title_wrapper,
div.content div.search_results .scroll .album .title_wrapper{
  display: inline-block;
}
div.content div.album_list .scroll .album .title,
div.content div.search_results .scroll .album .title{
  position: absolute;
  top: 17px;
  left: 80px;
  right: 10px;
  padding: 0;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

div.content div.album_list .scroll .album .title_wrapper .title_artist,
div.content div.search_results .scroll .album .title_wrapper .title_artist{
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  display: inline-block;
}

div.content_block div.header_menu_icn{
  display: none;
}
div.content_block div.header_menu_items{
  display: none;
}

div.content_block.norm_albu_dspl.v2 div.header_menu_icn,
div.content_block.artist_page div.header_menu_icn{
  position: relative;
  display: block;
  margin-top: 8px;
  margin-right: 8px;
  float: right;
  height: 30px;
  width: 18px;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  cursor: pointer;
}

div.content_block.norm_albu_dspl.v2 div.header_menu_icn:before,
div.content_block.artist_page div.header_menu_icn:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 16px;
  width: 16px;
  top: 7px;
  left: -4px;
  -webkit-mask: var(--action-btn-track-options) no-repeat 100% 100%;
  mask: var(--action-btn-track-options) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
}

.header_item_menu_wrapper{
  position: fixed;
  z-index: -10;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.header_item_menu_wrapper.show{
  z-index: 210;
  opacity: 1;
}


.header_item_menu_wrapper div.header_menu_items{
  position: fixed;
  padding: 20px;
  left: 50%;
  top: 30%;
  width: 250px;
  margin-left: -125px;
  text-align: left;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  white-space: nowrap;
  background-color: rgba(var(--player-bg-color));
  box-shadow: 4px 4px 32px 0px rgba(var(--general-bg-color));
  -webkit-box-shadow: 4px 4px 32px 0px rgba(var(--general-bg-color));
  -moz-box-shadow: 4px 4px 32px 0px rgba(var(--general-bg-color));
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  color: rgba(var(--text-color));
}


.header_item_menu_wrapper div.header_menu_items .header_wrapper{
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(var(--horizontal-devider-line-color));
}

.header_item_menu_wrapper div.header_menu_items .header_wrapper .art{
  position: relative;
  height: 70px;
  width: 70px;
  display: inline-block;
  background-size: cover;
  border-radius: 7px;
  margin-right: 8px;
  background-color: rgba(var(--art-placeholder-bg-color));
}

.header_item_menu_wrapper div.header_menu_items .header_wrapper .art.artist{
  border-radius: 50%;
}

.header_item_menu_wrapper div.header_menu_items .header_wrapper .art.artist:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 50px;
  width: 50px;
  -webkit-mask: var(--mat-icn-person) no-repeat 100% 100%;
  mask: var(--mat-icn-person) no-repeat 100% 100%;
  background-color: rgb(204, 204, 204);
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -25px;
}

.header_item_menu_wrapper div.header_menu_items .header_wrapper .text{
  display: inline-block;
  text-transform: none;
  font-size: 14px;
  top: 12px;
  position: absolute;
  left: 80px;
  right: 0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.header_item_menu_wrapper div.header_menu_items .header_wrapper .text span{
  font-size: 12px;
  opacity: .75;
  display: block;
  line-height:normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.header_item_menu_wrapper div.header_menu_items .item{
  position: relative;
  line-height: 42px;
  padding-left: 10px;
  padding-right: 60px;
  cursor: pointer;
  border-radius: 10px;
  text-indent: 24px;
  -webkit-transition: all 0.18s ease;
  -moz-transition: all 0.18s ease;
  -o-transition: all 0.18s ease;
  transition: all 0.18s ease;
}

.kids_menu{
  display: none;
}

body.lib_story .kids_menu{
  display: block;
  left: 0;
  position: absolute;
  z-index: 11;
  bottom: 0px;
  padding-bottom: 16px;
  text-align: center;
  background: -webkit-linear-gradient(0deg,rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 0) 100%);
  background: -moz-linear-gradient(0deg,rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 0) 100%);
  background: linear-gradient(0deg,rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 0) 100%);
  right: 0;
  padding-top: 30px;
}

.kids_menu .kids_btn{
  width: 60px;
  height: 60px;
  display: inline-block;
  position: relative;
  border: 5px solid rgba(var(--active-selection-bg));
  border-radius: 50%;
  margin-left: 20px;
  margin-right: 20px;
  -webkit-transition: all 0.18s ease;
  -moz-transition: all 0.18s ease;
  -o-transition: all 0.18s ease;
  transition: all 0.18s ease;
  cursor: pointer;
  background-color: white;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}

.kids_menu .kids_btn:hover{
  background-color: rgba(var(--active-selection-bg), .5);
}


.kids_menu .kids_btn.active,
.kids_menu .kids_btn.active:hover{
  background-color: rgba(var(--active-selection-bg));
}

.kids_menu .kids_btn.home_icn:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 32px;
  width: 32px;
  -webkit-mask: var(--menu-overview) no-repeat 100% 100%;
  mask: var(--menu-overview) no-repeat 100% 100%;
  top: 12px;
  left: 14px;
}


.kids_menu .kids_btn.search_icn:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 32px;
  width: 32px;
  -webkit-mask: var(--menu-search-icn) no-repeat 100% 100%;
  mask: var(--menu-search-icn) no-repeat 100% 100%;
  top: 12px;
  left: 13px;
}



.kids_menu .kids_btn.mymusic_icn:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 32px;
  width: 32px;
  -webkit-mask: var(--menu-discover-books) no-repeat 100% 100%;
  mask: var(--menu-discover-books) no-repeat 100% 100%;
  top: 12px;
  left: 14px;
}



.kids_menu .kids_btn:before{
  background-color:rgba(15, 43, 50, 1);
}
.kids_menu .kids_btn.active:before{
  background-color:white;
}


body.lib_story .story_icon{
  background-color: rgba(var(--kids-icons-bg), 1);
  width: 46px;
  height: 46px;
  border-radius: 50%;
  top: 7px;
  position: absolute;
  left: 18px;
}

body.lib_story .story_icon.repeat:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 28px;
  width: 28px;
  -webkit-mask: var(--kids-icn-repeat) no-repeat 100% 100%;
  mask: var(--kids-icn-repeat) no-repeat 100% 100%;
  background-color: rgba(255, 255, 255);
  top: 8px;
  left: 7px;
}

body.lib_story .story_icon.star:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 29px;
  width: 29px;
  -webkit-mask: var(--kids-icn-star) no-repeat 100% 100%;
  mask: var(--kids-icn-star) no-repeat 100% 100%;
  background-color: rgba(255, 255, 255);
  top: 7px;
  left: 9px;
}

body.lib_story .story_icon.search_icn:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 26px;
  width: 26px;
  -webkit-mask: var(--kids-icn-search) no-repeat 100% 100%;
  mask: var(--kids-icn-search) no-repeat 100% 100%;
  background-color: rgba(255, 255, 255);
  top: 9px;
  left: 10px;
}

.content .content_block.hidden{
  height: 0 !important;
  overflow: hidden;
  padding: 0;
  margin-bottom: 0;
}

.content .content_block.age-selector{
  -webkit-transition: height 0.25s ease, opacity 0.25s ease;
  -moz-transition: height 0.25s ease, opacity 0.25s ease;
  -o-transition: height 0.25s ease, opacity 0.25s ease;
  transition: height 0.25s ease, opacity 0.25s ease;
  height: 145px;
  opacity: 1;
}

.content .content_block.age-selector.hidden{
  opacity: 0 !important;
}


.content .content_block.age-selector .block_options{
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 40px;
}

.content .content_block.age-selector.age_set div{
  display: none;
}

.content .content_block.age-selector .title{
  text-align: center;
}

.content .content_block.age-selector .block_options .option{
  position: relative;
  display: inline-block;
  line-height: 38px;
  border: 4px solid rgba(var(--kids-icons-bg), 1);
  border-radius: 10px;
  font-size: 24px;
  color: #000;
  text-align: center;
  cursor: pointer;
  font-family: 'Effra Heavy', 'IBM Plex Sans';
}

div.header .selected_age_wrapper{
  display: none;
}
body.lib_story .header .selected_age_wrapper{
  display: inline-block;
  position: relative;
  top: 13px;
  margin-right: 30px;
}

body.lib_story .header .selected_age_wrapper .selected_age.hidden{
  display: none;
}
body.lib_story .header .selected_age_wrapper .selected_age{
  background-color: rgba(var(--kids-icons-bg), 1);
  width: 66px;
  line-height: 40px;
  border-radius: 14px;
  color: white;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
}

div.content_block.discover_tiles .scroll{
  margin-right: 20px;
} 

div.content_block.discover_tiles .item-type-discover_tile{
  position: relative;
  display: inline-block;
  width: 30%;
  aspect-ratio: 2/1;
  background-color: grey;
  margin-left: 20px;
  margin-top: 20px;
  border-radius: 22px;
  overflow: hidden;
  cursor: pointer;
}


div.content_block.discover_tiles .item-type-discover_tile .title{
  position: relative;
  padding-left: 20px;
  padding-top: 20px;
  font-weight: 700;
  font-size: 20px;
}

div.content_block.discover_tiles .item-type-discover_tile .art{
  position: absolute;
  height: 80%;
  aspect-ratio: 1/1;
  bottom: -10px;
  right: 5%;
  box-shadow: 10px 14px 54px 0px rgba(0, 0, 0, 0.25);
  transform: rotate(18deg);
  background-size: cover;
}

.kids_search_wrapper{
  display: none;
  position: relative;
}


.kids_search_wrapper.show{
  display: block;
  opacity: 1;
}

.kids_search_wrapper .kids_input_wrapper{
  position: relative;
  margin-left: 20px;
  margin-right: 30px;
}

.content_block.kids_search_block{
  padding-bottom: 20px;
}

.kids_search_wrapper input.kids_search{
  width: 100%;
  font-size: 20px;
  height: 50px;
  border-radius: 30px;
  font-weight: 700;
  text-indent: 16px;
  margin-bottom: 20px;
  border: 3px solid rgba(var(--active-selection-bg));
}
.kids_search_wrapper .kids_input_wrapper .kids_search_clear{
  position: absolute;
  height: 58px;
  width: 50px;
  top: 0px;
  right: -10px;
  opacity: 0;
}

.kids_search_wrapper .kids_input_wrapper.has_value .kids_search_clear{
  opacity: .8;
  cursor: pointer;
}




.kids_search_wrapper .kids_input_wrapper.has_value .kids_search_clear:hover{
  opacity: 1;
}
.kids_search_wrapper .kids_input_wrapper .kids_search_clear:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 40px;
  width: 40px;
  top: 8px;
  -webkit-mask: var(--icn-close) no-repeat 100% 100%;
  mask: var(--icn-close) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
}
.kids_search_wrapper .kids_result_wrapper{
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}

.kids_search_wrapper .kids_result_wrapper .items_list .item,
.kids_search_wrapper .kids_result_wrapper .items_list .show_more_btn{
  position: relative;
  height: 50px;
  margin-top: 6px;
  margin-bottom: 6px;
  -webkit-transition: all 0.18s ease;
  -moz-transition: all 0.18s ease;
  -o-transition: all 0.18s ease;
  transition: all 0.18s ease;
  cursor: pointer;
  border-radius: 8px;
}

.kids_search_wrapper .kids_result_wrapper .items_list .item:hover,
.kids_search_wrapper .kids_result_wrapper .items_list .show_more_btn:hover{
  background-color: rgba(var(--left-menu-bg-color));
}

.kids_search_wrapper .kids_result_wrapper .items_list .item .art_placeholder{
  position: absolute;
  height: 100%;
  aspect-ratio: 1/1;
  background-color: rgba(var(--left-menu-bg-color));
  overflow: hidden;
  border-radius: 8px;
}

.kids_search_wrapper .kids_result_wrapper .items_list .item .art_placeholder .art{
  position: relative;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.kids_search_wrapper .kids_result_wrapper .items_list .item.type-artist .art_placeholder{
  border-radius: 50%;
}


.kids_search_wrapper .kids_result_wrapper .items_list .item .name{
  position: absolute;
  left: 70px;
  font-size: 16px;
  line-height: 50px;
}

.kids_search_wrapper .kids_result_wrapper .items_list .item.type-artist .art_placeholder:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 24px;
  width: 24px;
  -webkit-mask: var(--mat-icn-person) no-repeat 100% 100%;
  mask: var(--mat-icn-person) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
  top: 12px;
  left: 12px;
}

.kids_search_wrapper .kids_result_wrapper .items_list .item.type-album .art_placeholder:before,
.kids_search_wrapper .kids_result_wrapper .items_list .item.type-track .art_placeholder:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 24px;
  width: 24px;
  -webkit-mask: var(--mat-icn-album) no-repeat 100% 100%;
  mask: var(--mat-icn-album) no-repeat 100% 100%;
  background-color: rgba(var(--text-color));
  top: 12px;
  left: 12px;
}


.kids_search_wrapper .kids_result_wrapper .items_list .item .clear_search{
  position: absolute;
  height: 20px;
  width: 20px;
  right: 20px;
  margin-top: -10px;
  top: 50%;
  cursor: pointer;
  display: none;
  opacity: .4;
  -webkit-transition: all 0.18s ease;
  -moz-transition: all 0.18s ease;
  -o-transition: all 0.18s ease;
  transition: all 0.18s ease;
}

.kids_search_wrapper .kids_result_wrapper .items_list .item:hover .clear_search{
  display: block;
}

.kids_search_wrapper .kids_result_wrapper .items_list .item .clear_search:hover{
  opacity: 1;
}



.kids_search_wrapper .kids_result_wrapper .items_list .item .clear_search:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 28px;
  width: 28px;
  background-color: rgba(var(--text-color));
  left: -3px;
  top: -3px;
  -webkit-mask: var(--icn-close) no-repeat 100% 100%;
  mask: var(--icn-close) no-repeat 100% 100%;
}







.content_block .kids_discover_icn{
  display: none;
}

body.lib_story .content_block .kids_discover_icn{
  display: inline-block;
  aspect-ratio: 1/1;
  height: 40px;
  background-color: rgba(var(--active-selection-bg));
  border-radius: 50%;
  top: 12px;
  position: relative;
  left: 20px;
  cursor: pointer;
}

body.lib_story .content_block .kids_discover_icn:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
  height: 22px;
  width: 22px;
  background-color: rgba(var(--text-color-diag));
  top: 9px;
  left: 9px;
  -webkit-mask: var(--horizontal-scroll-arrow-right) no-repeat 100% 100%;
  mask: var(--horizontal-scroll-arrow-right) no-repeat 100% 100%;
}

body.lib_story div.norm_albu_dspl .options .btn{
  overflow: hidden;
  background-color: #fff;
  border: 4px solid rgba(var(--active-selection-bg));
  color: transparent;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 50%;
}

body.lib_story div.norm_albu_dspl .options .btn.btn_active{
    background-color: rgba(var(--active-selection-bg));
}

body.lib_story  div.norm_albu_dspl .options .btn.remove_favorite:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  float: left;
  top: 7px;
  left: 7px;
  height: 26px;
  width: 26px;
  -webkit-mask: var(--kids-icn-add) no-repeat 100% 100%;
  mask: var(--kids-icn-add) no-repeat 100% 100%;
  transform: rotate(45deg);
}

body.lib_story  div.norm_albu_dspl .options .btn.add_favorite:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  float: left;
  top: 8px;
  left: 8px;
  height: 24px;
  width: 24px;
  -webkit-mask: var(--kids-icn-add) no-repeat 100% 100%;
  mask: var(--kids-icn-add) no-repeat 100% 100%;
}


body.lib_story  div.norm_albu_dspl .options .btn.kids_play_btn:before{
  content: '';
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  float: left;
  top: 8px;
  left: 8px;
  height: 24px;
  width: 24px;
  -webkit-mask: var(--playing-icn-arrow) no-repeat 100% 100%;
  mask: var(--playing-icn-arrow) no-repeat 100% 100%;
}