.track_full {
	margin-bottom: 30px;
    border: 0px;
}
.track_full.active {
	border: 0px;
}
.track_full .track_content {
	align-items: stretch;
}

.track_full .track_progress {
	margin-top: 10px;
}

.track_full-dop {
	display: flex;
    justify-content: space-between;
}
.track_full-dopsub {
	display: flex;
    justify-content: space-between;
}


.track_full-dopsub div{
	display: flex;
    color: var(--white);
   	padding: 0px 8px;
    font-size: 10px;
    margin-right: 5px;
    border-radius: 3px;
	align-items: center;
   	box-shadow: var(--box-shadow);

}

.track_full-about {
	display: flex;
    font-size: 13px;
}

.track_full-about ul{
    display: flex;
    flex-wrap: wrap;
}
.track_full-about li{
    width: 50%;
}

.track_full .track_name {
	width: calc(100% - 200px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.track_full-about b {
    font-weight: 600;
}    
.full_seo {
	font-size: 13px;
    margin-top: 15px;
}
.lista-switch {
	display: flex;
    z-index: 1;
}
.lista-switch li {
	background: var(--white);
    margin-left: 5px;
    border-radius: 3px;
    font-size: 13px;
    padding: 3px 8px;
    box-shadow: var(--box-shadow);
    cursor: pointer;
    position: relative;
}
.lista-switch li:hover {
	background: var(--light);

}


.lista-switch li.active {
    background: var(--link-active);
	color: var(--white);

}

.lista-switch > [data-tooltip]:before {
   top: 32px; 
   left: 0px;
    font-size: 11px
}

.bdownload {
	background: var(--blue);
    color: var(--white);
    padding: 10px 20px;
    position: relative;
    font-size: 16px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    gap: 6px;
    justify-content: center;
    font-weight: 600;
    margin-bottom: 20px;
}
.bdownload h2:before, .bdownload h2:after {
	display:none;
}

.bdownload h2 {
	margin: 0px;
}
.bdownload:hover {
  color: var(--white);
    background: var(--bs-blue);
}

@keyframes quiet {
  25%{
    transform: scaleY(.6);
  }
  50%{
    transform: scaleY(.4);
  }
  75%{
    transform: scaleY(.8);
  }
}

@keyframes normal {
  25%{
    transform: scaleY(1);
  }
  50%{
    transform: scaleY(.4);
  }
  75%{
    transform: scaleY(.6);
  }
}
@keyframes loud {
  25%{
    transform: scaleY(1);
  }
  50%{
    transform: scaleY(.4);
  }
  75%{
    transform: scaleY(1.2);
  }
}

.track_full .btn_player.pause i {
	display:none;
}
.track_full .btn_player:hover.pause i {
	display:block;
}
.track_full .btn_player:hover.pause .track_wave {
	display:none;
}



.btn_player.pause .track_wave{
  display: flex;
  justify-content: space-between;
  height: 64px;
  --boxSize: 8px;
  --gutter: 4px;
  width: calc((var(--boxSize) + var(--gutter)) * 5);
}

.wave{
  transform: scaleY(.4);
  height: 100%;
  width: var(--boxSize);
  background: var(--white);
  animation-duration: 1.2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  border-radius: 8px;
}

.wave1{
  animation-name: quiet;
}

.wave2{
  animation-name: normal;
}

.wave3{
  animation-name: quiet;
}

.wave4{
  animation-name: loud;
}

.wave4{
  animation-name: quiet;
}