@charset "UTF-8";
/*
 $borders-color - USING ON:
	  stroke-button borders,
	  logo-buttons flags,
	  fields borders,
	  borders of some mind blocks,
	  borders of some blocks,
	  password progress-line bg,
	  other borders */
/*
 $borders-hash - USING ON:
	  posts where images bordered (autoposts, link-post) */
/*
 $font-medium - USING ON:
	  all buttons
	  some titles
	  all links */
/*
 $font-light - USING ON:
	  "Check your email" popup, */
/*
	$color-08 - USING ON:
	cards hover overlay */
/*
	$color-white-05 - USING ON:
	cards buttons after hover with dark-bg, hover on text, etc. */
/*
	$color-white-03 - USING ON:
	hover on $color-white-05 */
/*
	$color-white-01 - USING ON:
	progress-bar on add track at add album */
/*
 $color-03 - USING ON:
	  disabled btns - pledges activity
		longArrow and disable text  - manage campaign */
/*
 $color-02 - USING ON:
	  applause icons */
/*
 $color-01 - USING ON:
	  applause icons hover
		notice in price-popup(on album for sale and crowd. album) */
/*
 $gray-hover - USING ON (only gray links when you hover on):
		post's time
		"Describe more" in "add post"
		"Add photo, video" in "add post" */
/*
 $color-03 - USING ON:
		as background in payout(pending step) */
/*
 $green - USING ON:
	  buttons "fan" ("become a fan")
	  buttons "buy", "pledge",
		confirmation progress lines */
/*
 $green - USING ON:
	  buttons "fan" ("become a fan")
	  buttons "buy", "pledge", */
/*
 $placeholder-color - USING ON:
		placeholder */
/*
	альбом плашка с applause и другими функциями */
/*
 $red - USING ON:
	  hover on delete button,
	  password tips,
	  notice titles, */
/*
 $line-height-* - USING ON:
	  buttons
		text */
/*
 $box-shadow - USING ON:
	  tips */
/*
 $box-shadow - USING ON:
	  posts (news-feed, profiles, post-page) */
/*
 $box-shadow - USING ON:
	  video posts */
/*
 $drop-down-shadow - USING ON:
	  drop-downs (only, without selectized fields) */
/*
 $select-shadow - USING ON:
	  selectized fields (only, without drop-downs) */
/*
	from "organizer.sass" */
.audio-tracks.no-poster .track .track-wrapper {
  max-width: 100%; }

.audio-tracks.album-tracks .track img {
  width: 50px;
  height: 50px; }

.audio-tracks.album-tracks .track .track-wrapper {
  height: 50px;
  max-width: 100%; }
  .audio-tracks.album-tracks .track .track-wrapper .track-middle {
    width: auto; }
    .audio-tracks.album-tracks .track .track-wrapper .track-middle .track-album {
      display: none; }

.audio-tracks.disable * {
  cursor: auto !important;
  pointer-events: none; }

.audio-tracks.disable .track .track-play {
  opacity: 0.1; }

.audio-tracks.disable .track .track-name {
  opacity: 0.5; }

.audio-tracks.disable .track .track-middle .track-album {
  opacity: 0.5; }

.audio-tracks.disable .track:hover {
  background: #fff; }
  .audio-tracks.disable .track:hover .track-wrapper .track-functions .applause {
    opacity: 0; }
  .audio-tracks.disable .track:hover .track-wrapper .track-functions .act_to_playlist {
    opacity: 0; }
  .audio-tracks.disable .track:hover .track-wrapper .track-functions .post_menu .post_menu_btn {
    opacity: 0; }
  .audio-tracks.disable .track:hover .track-wrapper .track-functions .track-duration {
    display: block; }

.audio-tracks .disable * {
  cursor: auto !important;
  pointer-events: none; }

.audio-tracks .disable .track-play {
  opacity: 0.1; }

.audio-tracks .disable .track-name {
  opacity: 0.5; }

.audio-tracks .disable .track-middle .track-album {
  opacity: 0.5; }

.audio-tracks .disable:hover {
  background: #fff; }
  .audio-tracks .disable:hover .track-wrapper .track-functions .applause {
    opacity: 0; }
  .audio-tracks .disable:hover .track-wrapper .track-functions .act_to_playlist {
    opacity: 0; }
  .audio-tracks .disable:hover .track-wrapper .track-functions .post_menu .post_menu_btn {
    opacity: 0; }
  .audio-tracks .disable:hover .track-wrapper .track-functions .track-duration {
    display: block; }

.audio-tracks .time {
  text-align: right;
  opacity: .5;
  line-height: 50px;
  font-size: 12px;
  letter-spacing: -0.2px; }

.audio-tracks .track {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #fff;
  line-height: 1;
  font-size: 0;
  transition: background-color 0.3s; }
  .audio-tracks .track .pause-icon {
    display: none; }
  .audio-tracks .track.without-library .track-wrapper .track-functions {
    width: 80px; }
  .audio-tracks .track.audio-track .track-wrapper .track-middle {
    width: auto; }
  .audio-tracks .track.shared-track {
    position: relative; }
    .audio-tracks .track.shared-track .green-box {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border: 2px solid #48ea8d;
      pointer-events: none; }
  .audio-tracks .track.playing {
    background: rgba(0, 0, 0, 0.07); }
    .audio-tracks .track.playing .pause-icon {
      display: block; }
    .audio-tracks .track.playing .svg_play {
      display: none; }
    .audio-tracks .track.playing .track-wrapper .track-info .gray-stroked-label {
      display: block; }
    .audio-tracks .track.playing .track-wrapper .track-progress .play-progress {
      display: block; }
  .audio-tracks .track:hover {
    background: rgba(0, 0, 0, 0.07); }
    .audio-tracks .track:hover .track-wrapper .track-functions .applause {
      opacity: 1; }
    .audio-tracks .track:hover .track-wrapper .track-functions .act_to_playlist {
      opacity: 1; }
    .audio-tracks .track:hover .track-wrapper .track-functions .post_menu .post_menu_btn {
      opacity: 1; }
    .audio-tracks .track:hover .track-wrapper .track-functions .track-duration {
      display: none; }
  .audio-tracks .track.edit-state .track-wrapper .track-edit {
    display: flex;
    visibility: hidden; }
  .audio-tracks .track.edit-state .track-wrapper .track-hover {
    display: none; }
  .audio-tracks .track.edit-state:hover .track-wrapper .track-functions .track-edit {
    visibility: visible; }
  .audio-tracks .track.track-deleted:hover {
    background: none; }
  .audio-tracks .track.track-deleted .icon-deleted {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    font-size: 27px;
    letter-spacing: -1px;
    color: rgba(0, 0, 0, 0.2);
    background-color: rgba(0, 0, 0, 0.07); }
  .audio-tracks .track.track-deleted .track-wrapper .icon-play {
    color: rgba(0, 0, 0, 0.1);
    cursor: initial; }
  .audio-tracks .track.track-deleted .track-wrapper .track-info .track-name {
    color: rgba(0, 0, 0, 0.5); }
    .audio-tracks .track.track-deleted .track-wrapper .track-info .track-name a {
      color: rgba(0, 0, 0, 0.5); }
      .audio-tracks .track.track-deleted .track-wrapper .track-info .track-name a:hover {
        color: rgba(0, 0, 0, 0.2); }
  .audio-tracks .track.track-deleted .track-wrapper .track-album {
    color: rgba(0, 0, 0, 0.5); }
  .audio-tracks .track.track-deleted .track-wrapper a.track-album:hover {
    color: rgba(0, 0, 0, 0.2); }
  .audio-tracks .track.track-deleted .track-wrapper .track-functions .post_menu .post_menu_btn {
    opacity: 1; }
  .audio-tracks .track .hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.45);
    overflow: hidden;
    max-width: 100%;
    opacity: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: 2; }
  .audio-tracks .track > a {
    position: relative;
    background-color: #fff;
    flex-shrink: 0; }
    .audio-tracks .track > a:hover .hover {
      opacity: 1; }
  .audio-tracks .track > .image {
    background-color: #fff; }
    .audio-tracks .track > .image:hover {
      background-color: #000; }
      .audio-tracks .track > .image:hover img {
        opacity: 0.55; }
  .audio-tracks .track img {
    display: inline-block;
    width: 60px;
    height: 60px;
    vertical-align: middle; }
  .audio-tracks .track .track-wrapper {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    letter-spacing: -0.2px;
    height: 60px;
    max-width: calc(100% - 60px);
    padding-bottom: 1px; }
    .audio-tracks .track .track-wrapper .track-info {
      display: flex;
      align-items: center;
      overflow-x: hidden;
      line-height: 1.2;
      flex-basis: 100%;
      padding-right: 40px; }
      .audio-tracks .track .track-wrapper .track-info .track-name {
        font-size: 12px;
        letter-spacing: -0.2px;
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-right: 5px; }
        .audio-tracks .track .track-wrapper .track-info .track-name .tooltip_ask {
          line-height: 1.2;
          vertical-align: baseline; }
        .audio-tracks .track .track-wrapper .track-info .track-name a:hover {
          color: rgba(0, 0, 0, 0.5); }
        .audio-tracks .track .track-wrapper .track-info .track-name strong {
          font-weight: 600;
          margin-right: 5px; }
        .audio-tracks .track .track-wrapper .track-info .track-name .artist {
          margin-right: 5px; }
        .audio-tracks .track .track-wrapper .track-info .track-name .joint {
          margin-right: 5px;
          display: inline; }
          .audio-tracks .track .track-wrapper .track-info .track-name .joint .artist {
            margin: 0 0 0 5px; }
      .audio-tracks .track .track-wrapper .track-info .gray-stroked-label {
        vertical-align: middle;
        margin-right: 10px;
        flex-shrink: 0;
        display: none; }
    .audio-tracks .track .track-wrapper .track-album {
      font-size: 12px;
      letter-spacing: -0.2px;
      white-space: nowrap;
      text-overflow: ellipsis;
      margin-right: 40px;
      overflow: hidden; }
    .audio-tracks .track .track-wrapper a.track-album:hover {
      color: rgba(0, 0, 0, 0.5); }
    .audio-tracks .track .track-wrapper .track-middle {
      display: flex;
      align-items: center;
      line-height: 1.2;
      max-width: 36%;
      width: 100%; }
      .audio-tracks .track .track-wrapper .track-middle .track-tags {
        display: flex;
        align-items: center;
        flex-shrink: 0;
        margin-left: auto;
        width: 120px; }
        .audio-tracks .track .track-wrapper .track-middle .track-tags:empty {
          display: none !important; }
        .audio-tracks .track .track-wrapper .track-middle .track-tags .tooltip_ask {
          margin-left: 0; }
        .audio-tracks .track .track-wrapper .track-middle .track-tags > div {
          margin-right: 10px; }
          .audio-tracks .track .track-wrapper .track-middle .track-tags > div:last-child {
            margin-right: 40px; }
        .audio-tracks .track .track-wrapper .track-middle .track-tags .buy-label {
          margin-right: 5px; }
    .audio-tracks .track .track-wrapper .track-edit {
      display: none;
      justify-content: flex-end;
      align-items: center; }
      .audio-tracks .track .track-wrapper .track-edit > div, .audio-tracks .track .track-wrapper .track-edit > button {
        margin-right: 10px; }
        .audio-tracks .track .track-wrapper .track-edit > div:last-child, .audio-tracks .track .track-wrapper .track-edit > button:last-child {
          margin-right: 5px; }
    .audio-tracks .track .track-wrapper .track-functions {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      flex-shrink: 0;
      width: 110px; }
      .audio-tracks .track .track-wrapper .track-functions .applause {
        opacity: 0;
        cursor: pointer;
        margin-right: 20px; }
      .audio-tracks .track .track-wrapper .track-functions .act_to_playlist {
        opacity: 0;
        margin-right: 16px;
        transition: color 0.3s; }
        .audio-tracks .track .track-wrapper .track-functions .act_to_playlist:hover {
          color: rgba(0, 0, 0, 0.1); }
      .audio-tracks .track .track-wrapper .track-functions .post_menu {
        margin: 0;
        z-index: auto; }
        .audio-tracks .track .track-wrapper .track-functions .post_menu .post_menu_btn {
          opacity: 0;
          white-space: nowrap;
          margin-right: 16px; }
        .audio-tracks .track .track-wrapper .track-functions .post_menu .post_menu_list {
          left: auto;
          right: 10px; }
      .audio-tracks .track .track-wrapper .track-functions .track-duration {
        color: rgba(0, 0, 0, 0.5);
        padding: 0px 20px 0 0;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%); }
    .audio-tracks .track .track-wrapper .track-progress {
      position: absolute;
      width: 100%;
      height: 1px;
      background: rgba(0, 0, 0, 0.07);
      bottom: 0px;
      left: 0px; }
      .audio-tracks .track .track-wrapper .track-progress .play-progress {
        position: absolute;
        height: 2px;
        background: #48ea8d;
        z-index: 1;
        display: none;
        bottom: 0; }

.audio-tracks .track-play {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  flex-shrink: 0; }
  .audio-tracks .track-play .icon-play {
    padding: 5px;
    cursor: pointer;
    transition: color 0.3s; }
    .audio-tracks .track-play .icon-play:hover {
      color: rgba(0, 0, 0, 0.5); }
  .audio-tracks .track-play[data-playing="false"] .icon-play:before {
    content: "\e905"; }
  .audio-tracks .track-play[data-playing="true"] .icon-play:before {
    content: "\e907"; }
  .audio-tracks .track-play.disable {
    opacity: .5;
    cursor: auto !important;
    pointer-events: none; }
    .audio-tracks .track-play.disable * {
      cursor: auto !important;
      pointer-events: none; }

.music-list .list-item {
  padding: 20px 10px 19px;
  display: flex;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07); }
  .music-list .list-item:last-child {
    border-bottom: none; }
  .music-list .list-item.album-deleted .album-img {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: initial; }
    .music-list .list-item.album-deleted .album-img .icon-deleted {
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(0, 0, 0, 0.07);
      width: 120px;
      height: 120px;
      font-size: 51px;
      letter-spacing: -1.4px;
      color: rgba(0, 0, 0, 0.2); }
  .music-list .list-item.album-deleted .album-info .name {
    color: rgba(0, 0, 0, 0.5); }
  .music-list .list-item.album-deleted .album-info .artist a {
    color: rgba(0, 0, 0, 0.5); }
    .music-list .list-item.album-deleted .album-info .artist a:hover {
      color: rgba(0, 0, 0, 0.2); }
  .music-list .list-item.album-deleted .audio-tracks .track .post_menu {
    display: none; }
  .music-list .list-item .album-img {
    width: 120px;
    height: 120px;
    box-sizing: content-box;
    padding: 0 10px;
    position: relative;
    cursor: pointer;
    margin-bottom: 60px;
    flex-shrink: 0; }
    .music-list .list-item .album-img:hover .btn-play-round {
      display: flex; }
    .music-list .list-item .album-img .btn-play-round {
      display: none;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 2; }
      .music-list .list-item .album-img .btn-play-round[data-play-album=true] .icon-play:before {
        content: '\e907';
        margin-left: 1px; }
  .music-list .list-item .album-info {
    width: calc(100% - 140px);
    margin-top: -2px; }
    .music-list .list-item .album-info .bot-popup-player {
      padding-bottom: 0; }
    .music-list .list-item .album-info .name {
      margin-left: 19px;
      font-size: 18px;
      letter-spacing: -0.6px;
      font-weight: 600;
      margin-bottom: 6px; }
      .music-list .list-item .album-info .name a:hover {
        color: rgba(0, 0, 0, 0.5); }
        .music-list .list-item .album-info .name a:hover span {
          color: rgba(0, 0, 0, 0.2); }
      .music-list .list-item .album-info .name span {
        color: rgba(0, 0, 0, 0.5);
        transition: color 0.3s; }
    .music-list .list-item .album-info > .artist {
      margin-left: 19px;
      margin-bottom: 16px;
      width: 100%; }
      .music-list .list-item .album-info > .artist a:hover {
        color: rgba(0, 0, 0, 0.5); }
      .music-list .list-item .album-info > .artist span {
        color: rgba(0, 0, 0, 0.5); }
    .music-list .list-item .album-info .functions {
      margin-left: 20px;
      display: flex;
      align-items: center;
      margin-bottom: 19px; }
      .music-list .list-item .album-info .functions .buy-label {
        position: relative;
        margin-right: 20px; }
        .music-list .list-item .album-info .functions .buy-label:hover .approximately {
          display: block; }
        .music-list .list-item .album-info .functions .buy-label .approximately {
          display: none;
          font-size: 11px;
          letter-spacing: 0;
          color: #000;
          position: absolute;
          padding: 10px;
          background-color: #fff;
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
          margin-top: 1px;
          white-space: nowrap;
          line-height: 30px;
          z-index: 2; }
      .music-list .list-item .album-info .functions .tooltip_ask {
        margin-left: 0; }
      .music-list .list-item .album-info .functions > div {
        margin-right: 16px; }
        .music-list .list-item .album-info .functions > div:last-child {
          margin-right: 0; }
      .music-list .list-item .album-info .functions .act_to_playlist:hover {
        color: rgba(0, 0, 0, 0.1); }
    .music-list .list-item .album-info .audio-tracks {
      margin: 0; }
      .music-list .list-item .album-info .audio-tracks .track.playing .track-progress {
        display: block; }
      .music-list .list-item .album-info .audio-tracks .track .track-wrapper {
        max-width: 100%; }
      .music-list .list-item .album-info .audio-tracks .track .track-progress {
        display: none; }
    .music-list .list-item .album-info .more-tracks {
      margin: 19px 0;
      margin-left: 46px;
      font-weight: 600; }
      .music-list .list-item .album-info .more-tracks a {
        color: rgba(0, 0, 0, 0.5);
        cursor: pointer; }

.player {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 1041;
  max-width: 1920px;
  /*&.show-playlist
		top: 0
		overflow-y: scroll
		.toTop
			display: none
		.player-inner
			position: absolute
			left: 0
			bottom: 0
			right: 0
			width: 100%
			z-index: 1044*/ }
  .player .play-pause[data-playing="true"]:before {
    content: '\e907'; }
  .player .player-inner:hover .bar {
    height: 9px; }
  .player .player-time-vulume-1 {
    height: 100%; }
    .player .player-time-vulume-1 .player-icons-right {
      display: none; }
  .player .player-cover-descr {
    flex-basis: 100%;
    display: flex; }
    .player .player-cover-descr:hover .player-time-vulume-1 .player-icons-right {
      display: flex; }
    .player .player-cover-descr:hover .player-time-vulume-1 .jp-current-time {
      visibility: hidden; }
    .player .player-cover-descr .track-inner {
      display: flex;
      flex-basis: 100%; }
      .player .player-cover-descr .track-inner .full-block {
        display: flex;
        align-items: center;
        flex-basis: 100%;
        transition: none; }
    .player .player-cover-descr .track-name {
      line-height: 1.2; }
      .player .player-cover-descr .track-name .name-of-song {
        max-width: 25vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        .player .player-cover-descr .track-name .name-of-song strong {
          margin-right: 5px;
          transition: color 0.3s; }
          .player .player-cover-descr .track-name .name-of-song strong:hover {
            color: rgba(0, 0, 0, 0.5); }
        .player .player-cover-descr .track-name .name-of-song .artist {
          margin-right: 5px; }
          .player .player-cover-descr .track-name .name-of-song .artist:hover {
            color: rgba(0, 0, 0, 0.5); }
        .player .player-cover-descr .track-name .name-of-song .joint {
          margin-right: 5px;
          display: inline; }
          .player .player-cover-descr .track-name .name-of-song .joint .artist {
            margin: 0 0 0 5px; }
    .player .player-cover-descr .track-btns {
      display: flex;
      margin-left: 10px; }
      .player .player-cover-descr .track-btns div {
        margin-left: 10px; }
  .player .tooltip-time {
    background: #000000;
    color: #FFFFFF;
    padding: 9px;
    position: absolute;
    display: none;
    border-radius: 2px;
    top: -35px;
    width: 50px;
    text-align: center; }
    .player .tooltip-time.hours {
      min-width: 65px; }
  .player .jp-progress:hover .tooltip-time {
    display: block; }
  .player .time {
    text-align: right;
    opacity: .5;
    line-height: 50px;
    font-size: 12px;
    letter-spacing: -0.2px; }

.player-icons {
  padding: 0 30px;
  font-size: 15px;
  letter-spacing: -0.4px;
  flex-shrink: 0;
  display: flex;
  align-items: center; }
  .player-icons .pause-icon, .player-icons .playing .play-icon {
    display: none; }
  .player-icons .playing .pause-icon {
    display: block; }
  .player-icons .player-icon {
    cursor: pointer;
    width: 15px;
    height: 15px;
    transition: fill .3s ease; }
    .player-icons .player-icon.prev {
      transform: rotate(180deg); }
      .player-icons .player-icon.prev:active {
        fill: #000000; }
      .player-icons .player-icon.prev:hover {
        fill: rgba(0, 0, 0, 0.75); }
      .player-icons .player-icon.prev[disabled] {
        fill: rgba(0, 0, 0, 0.1);
        pointer-events: none; }
    .player-icons .player-icon.next:active {
      fill: #000000; }
    .player-icons .player-icon.next:hover {
      fill: rgba(0, 0, 0, 0.75); }
    .player-icons .player-icon.next[disabled] {
      fill: rgba(0, 0, 0, 0.1);
      pointer-events: none; }
    .player-icons .player-icon.play-pause {
      font-size: 23px;
      letter-spacing: -0.6px;
      margin: 0;
      width: 75px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: default; }
      .player-icons .player-icon.play-pause .jp-play {
        width: 75px;
        height: 23px;
        cursor: pointer;
        transition: fill .3s ease; }
        .player-icons .player-icon.play-pause .jp-play:hover {
          fill: rgba(0, 0, 0, 0.75); }
      .player-icons .player-icon.play-pause .jp-pause {
        cursor: pointer;
        width: 75px;
        height: 23px;
        transition: fill .3s ease; }
        .player-icons .player-icon.play-pause .jp-pause:hover {
          fill: rgba(0, 0, 0, 0.75); }
    .player-icons .player-icon.shuffle, .player-icons .player-icon.repeat {
      margin-top: 5px;
      color: rgba(0, 0, 0, 0.2); }
    .player-icons .player-icon.repeat {
      width: 23px; }
      .player-icons .player-icon.repeat:hover {
        color: rgba(0, 0, 0, 0.75); }
      .player-icons .player-icon.repeat[data-repeat="one"] {
        color: #48ea8d;
        font-size: 17px;
        letter-spacing: -0.6px; }
        .player-icons .player-icon.repeat[data-repeat="one"]:before {
          content: "\e919"; }
      .player-icons .player-icon.repeat[data-repeat="all"] {
        color: #48ea8d; }
    .player-icons .player-icon.shuffle {
      margin-left: 30px;
      margin-right: 30px; }
      .player-icons .player-icon.shuffle:hover {
        color: rgba(0, 0, 0, 0.75); }
      .player-icons .player-icon.shuffle[data-shuffle="true"] {
        color: #48ea8d; }

.player-cover-descr .track-cover {
  width: 50px;
  background-color: #000000;
  flex-shrink: 0; }
  .player-cover-descr .track-cover img {
    transition: opacity .3s ease; }
    .player-cover-descr .track-cover img:hover {
      opacity: 0.55; }

.player-cover-descr .track-name {
  margin-left: 20px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .player-cover-descr .track-name p {
    line-height: 50px; }
    .player-cover-descr .track-name p strong {
      font-weight: 600; }

.track-btns {
  padding: 15px 0; }
  .track-btns .track-btn-ok {
    margin: 6px 10px 0;
    opacity: .3; }
    .track-btns .track-btn-ok svg {
      display: block; }
  .track-btns .main-button {
    font-size: 10px;
    letter-spacing: 0;
    height: 20px;
    line-height: 20px;
    text-transform: uppercase;
    margin-right: 10px; }
  .track-btns .track-e {
    font-weight: 600;
    font-size: 10px;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.5);
    background-color: #e5e5e5;
    height: 20px;
    line-height: 20px;
    padding: 0 8px;
    border-radius: 2px;
    margin-right: 10px; }
  .track-btns .btn-free {
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    color: rgba(0, 0, 0, 0.5);
    font-size: 10px;
    letter-spacing: 0;
    padding: 0 10px;
    height: 18px;
    line-height: 20px;
    text-transform: uppercase; }

.player-time-vulume {
  display: flex;
  flex-shrink: 0;
  margin-left: auto; }
  .player-time-vulume .player-time-vulume-3 {
    border-left: 1px solid rgba(0, 0, 0, 0.07); }
    .player-time-vulume .player-time-vulume-3:hover .open-player {
      fill: rgba(0, 0, 0, 0.75); }
    .player-time-vulume .player-time-vulume-3 .open-player {
      cursor: pointer;
      display: block;
      padding: 17px 24px 17px 20px;
      width: 60px;
      height: 50px;
      transition: fill .3s ease; }
    .player-time-vulume .player-time-vulume-3[data-player="true"] .open-player {
      color: #48ea8d; }
  .player-time-vulume .player-time-vulume-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 30px 10px 25px;
    border-left: 1px solid rgba(0, 0, 0, 0.07); }
    .player-time-vulume .player-time-vulume-2:hover .volume-icon svg {
      fill: rgba(0, 0, 0, 0.75); }
    .player-time-vulume .player-time-vulume-2:hover .volume-progress-w .volume-progress {
      background-color: rgba(0, 0, 0, 0.6); }
    .player-time-vulume .player-time-vulume-2 .volume-icon svg {
      cursor: pointer;
      width: 27px;
      height: 27px;
      padding: 5px;
      transition: fill .3s ease; }
    .player-time-vulume .player-time-vulume-2 .volume-progress-w {
      margin: 0 0 0 5px;
      width: 50px;
      height: 3px;
      padding: 12px 0;
      box-sizing: content-box;
      cursor: pointer; }
      .player-time-vulume .player-time-vulume-2 .volume-progress-w .gray {
        background-color: rgba(0, 0, 0, 0.1);
        height: 3px; }
      .player-time-vulume .player-time-vulume-2 .volume-progress-w .volume-progress {
        width: 0;
        height: 3px;
        background-color: #000;
        transition: background-color .3s ease; }

.player-cover-descr .player-time-vulume-1 {
  width: 130px;
  padding: 0 20px;
  position: relative;
  margin-left: auto; }

.player-cover-descr .player-icons-right {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 17px 0;
  justify-content: center;
  align-items: center; }

.player-icons-right .act_to_playlist {
  margin-top: 2px;
  margin-right: 16px;
  cursor: pointer; }
  .player-icons-right .act_to_playlist:hover {
    color: rgba(0, 0, 0, 0.1); }

.player-icons-right .applause-outer {
  margin-right: 16px;
  cursor: pointer; }

.player-icons-right .player-icon-right {
  margin-right: 16px;
  cursor: pointer; }
  .player-icons-right .player-icon-right .post_menu_list {
    top: auto;
    bottom: 0; }
  .player-icons-right .player-icon-right svg {
    display: block; }
    .player-icons-right .player-icon-right svg.hidden {
      display: none; }

.player-top {
  background-color: #e5e5e5; }
  .player-top .jp-play-my-bar {
    transform-origin: left;
    width: 100%;
    transform: scaleX(0); }
  .player-top .bar {
    height: 3px;
    background-color: #48ea8d;
    transition: height .5s ease, width 1s linear; }

.player-bottom {
  background-color: #fff;
  position: relative;
  display: flex; }

.without_scroll_y {
  overflow: hidden; }

.player-popup {
  background-color: white;
  padding-bottom: 53px;
  overflow-x: auto !important;
  overflow-y: scroll !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1041;
  position: fixed;
  display: none; }
  .player-popup .close-player {
    font-size: 14px;
    letter-spacing: -0.4px;
    right: 45px;
    top: 25px;
    cursor: pointer;
    z-index: 1;
    width: 22px;
    text-align: center;
    line-height: 22px;
    position: fixed; }
    .player-popup .close-player:hover {
      color: rgba(0, 0, 0, 0.5); }
  .player-popup .container {
    padding: 44px 0 0 0;
    max-width: none;
    margin-top: 0; }
  .player-popup .music-list .list-item {
    border-bottom: none;
    padding-left: 0;
    padding-right: 0; }
    .player-popup .music-list .list-item .album-img {
      padding-left: 0; }
  .player-popup .audio-tracks.now-tracks .track img {
    width: 50px;
    height: 50px; }
  .player-popup .audio-tracks.now-tracks .track .track-wrapper {
    height: 50px;
    max-width: calc(100% - 50px); }
  .player-popup .audio-tracks.now-tracks .track.audio-track .track-wrapper {
    max-width: calc(100% - 50px); }

.player-popup-wrap {
  padding: 43px 20px 0;
  position: relative;
  display: flex;
  justify-content: center;
  min-width: 980px;
  margin-top: 44px; }
  .player-popup-wrap .player-side-l {
    flex-basis: 960px;
    min-width: 760px;
    height: auto;
    min-height: calc(100vh - 44px - 53px);
    margin-bottom: 40px; }
    .player-popup-wrap .player-side-l .line {
      position: absolute;
      width: 1px;
      background-color: rgba(0, 0, 0, 0.07);
      height: 100%;
      right: 0;
      top: 7px; }
  .player-popup-wrap .player-side-r {
    flex-basis: 240px;
    margin-top: -3px; }
    .player-popup-wrap .player-side-r .filter-tabs {
      padding-left: 20px;
      width: 200px;
      margin-left: auto;
      height: 100%; }
      .player-popup-wrap .player-side-r .filter-tabs ul ul {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
        .player-popup-wrap .player-side-r .filter-tabs ul ul .follow-item:first-child, .player-popup-wrap .player-side-r .filter-tabs ul ul .follow-item:last-child {
          margin-top: 14px; }
        .player-popup-wrap .player-side-r .filter-tabs ul ul .follow-item p {
          line-height: 30px; }
        .player-popup-wrap .player-side-r .filter-tabs ul ul .follow-item .follow-item-img {
          width: 30px; }
          .player-popup-wrap .player-side-r .filter-tabs ul ul .follow-item .follow-item-img span {
            width: 30px;
            height: 30px;
            line-height: 30px; }

.top-popup-player {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-top: -1px;
  margin-left: -2px; }
  .top-popup-player .top-popup-player-l {
    display: flex;
    align-items: baseline;
    margin-bottom: 31px; }
    .top-popup-player .top-popup-player-l h3 {
      display: inline-block;
      vertical-align: baseline;
      font-size: 18px;
      letter-spacing: -0.6px;
      line-height: 30px;
      font-weight: 300; }
      .top-popup-player .top-popup-player-l h3 span {
        color: rgba(0, 0, 0, 0.5); }
    .top-popup-player .top-popup-player-l ul {
      display: flex;
      align-items: baseline;
      margin-left: 42px; }
  .top-popup-player .top-popup-player-r {
    margin-right: 20px; }
    .top-popup-player .top-popup-player-r .switch-checkbox {
      margin: 2px 0 0 12px; }

.player-item-more {
  margin-top: 16px;
  padding-left: 50px; }
  .player-item-more p {
    font-size: 12px;
    letter-spacing: -0.2px;
    opacity: .5;
    cursor: pointer;
    font-weight: 600; }

.player-item {
  position: relative;
  background-color: #fff; }
  .player-item .uy_aq-menu {
    left: auto;
    right: 7px;
    top: 7px; }
  .player-item.player-item-album {
    border-bottom: 1px solid #f1f1f1; }
    .player-item.player-item-album:hover {
      background-color: #fff; }
  .player-item:hover {
    background-color: rgba(0, 0, 0, 0.07); }
    .player-item:hover .time {
      display: none; }
  .player-item.player-item-playing {
    background-color: rgba(0, 0, 0, 0.07); }
  .player-item .play-pause {
    margin: 0; }
  .player-item .player-cover-descr:hover .player-icons-right {
    display: block; }
  .player-item .player-cover-descr .track-name {
    margin-left: 13px; }
  .player-item .player-item-descr {
    position: absolute;
    left: 51%;
    width: 49%;
    top: 0;
    bottom: 0; }
    .player-item .player-item-descr .player-icons-right {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      padding: 17px 0; }
    .player-item .player-item-descr > p {
      line-height: 50px;
      font-size: 12px;
      letter-spacing: -0.2px;
      width: 50%; }
    .player-item .player-item-descr .track-btns {
      position: absolute;
      top: 0;
      left: 50%; }
    .player-item .player-item-descr .time {
      position: absolute;
      top: 0;
      right: 22px; }

.bot-popup-player {
  margin-top: 29px;
  padding-bottom: 100px; }
  .bot-popup-player .nothing-to-show .header {
    font-size: 18px;
    letter-spacing: -0.6px;
    font-weight: 300;
    margin-bottom: 16px; }
  .bot-popup-player .nothing-to-show .text {
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 28px; }
  .bot-popup-player .nothing-to-show-inner {
    margin-top: 20px;
    padding: 20px 20px 40px;
    background: #fff; }
    .bot-popup-player .nothing-to-show-inner .header {
      font-size: 18px;
      letter-spacing: -0.6px;
      font-weight: 300;
      margin-bottom: 16px; }
    .bot-popup-player .nothing-to-show-inner .text {
      color: rgba(0, 0, 0, 0.5);
      margin-bottom: 28px; }

.album-item-l {
  width: 120px;
  position: relative; }
  .album-item-l .logo-muz {
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px; }

.album-item-r {
  margin-left: 10px;
  width: calc(100% - 130px); }
  .album-item-r .bot-popup-player {
    margin-top: 10px; }
    .album-item-r .bot-popup-player .track-btns .track-e {
      margin-left: 0; }

.album-item-r-top {
  padding-left: 20px; }
  .album-item-r-top .player-icons-right {
    margin-top: 14px; }
  .album-item-r-top h3 {
    font-size: 18px;
    letter-spacing: -0.6px;
    line-height: 24px;
    font-weight: 600; }
    .album-item-r-top h3 span {
      margin-left: 5px;
      opacity: .5; }
  .album-item-r-top p {
    font-size: 12px;
    letter-spacing: -0.2px; }
    .album-item-r-top p span {
      color: #979797; }

@media (max-width: 1024px) {
  .player-popup ~ .player {
    bottom: 0;
    --scroll-height: 0px;
    bottom: var(--scroll-height); } }

#bottomPlayer .track-btns [data-show-preview-t="true"] {
  display: none; }

#bottomPlayer.jp-state-playing .track-btns [data-show-preview-t="true"] {
  display: inline-block; }