.playlist {
  [class*="wp-container-"].wp-block-columns {
    gap: var(--wp--custom--spacing--wp-block-sidebar-widget);
  }

  .simp-player .simp-display {
    position: relative;

    * {
      z-index: 9;
    }

    .simp-cover>div {
      @include border(50%);
    }

    &:before {
      backdrop-filter: blur(19px);
      box-shadow: inset 0 0 2000px rgba(0, 0, 0, 0.5);
      content: "";
      left: 0;
      height: 100%;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1;
    }

    &:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      // background-image: url("./assets/images/playlist-bg.jpg");
      background-image: url("./assets/images/playlist.jpg");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 100%;
    }
  }

  .simple-audio-player .simp-album {
    padding: clamp(14px, 3vw, 29px) clamp(25px, 3vw, 42px);
    box-sizing: border-box;
    @include d-align-item;
    flex-wrap: nowrap;
  }
}

.simple-audio-player {
  background-color: transparent;
  overflow: visible;
  font-size: var(--wp--preset--font-size--body-default);
}

.sticky-playlist .simple-audio-player .simp-playlist.simp-hide {
  max-height: 385px;
}

.sticky-playlist .simple-audio-player .simp-playlist.simp-hide ul {
  max-height: 385px;
}

.sticky-playlist .simple-audio-player .simp-playlist ul {
  max-height: 0;
}

.sticky-playlist .simple-audio-player .simp-playlist {
  max-height: 0;
}

.simple-audio-player .simp-playlist ul {
  padding: 0 clamp(28px, 3vw, 42px);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);

  .simp-desc {
    font-size: var(--wp--preset--font-size--medium);
  }

  li {
    background: transparent;
    padding: clamp(14px, 3vw, 21px) 0;

    &:not(:last-child) {
      border-bottom: 1px solid;
    }

    &:hover {
      background-color: transparent;
    }

    span {
      font-weight: var(--wp--custom--typography--font-weight--bold);
      display: block;
      font-size: var(--wp--preset--font-size--body-default);
      position: relative;
      text-transform: capitalize;

      &:not(:last-child) {
        margin-bottom: 5px;
      }
    }

    .simp-desc {
      font-weight: var(--wp--custom--typography--font-weight--normal);
    }
  }

  &.active {
    background-color: transparent;
  }
}

.simple-audio-player .simp-playlist ul li.simp-active span {
  padding-left: 25px;
}

.simple-audio-player .simp-playlist ul li span:before {
  width: 0;
  perspective-origin: left;
  position: absolute;
  content: "";
  height: 2px;
  left: 0;
  top: 13px;
}

.simple-audio-player .simp-playlist ul li.simp-active span:first-child:before {
  width: 18px;
}

.simple-audio-player .simp-controls button:not([disabled]):hover {

  &:hover,
  &:focus {
    background-color: transparent;
  }
}

.simp-title {
  text-transform: capitalize;
}

.simple-audio-player {
  .simp-controls .simp-volume {
    display: none;

    .simp-mute {
      width: 42px;
    }
  }
}

.simple-audio-player .simp-controls button {
  @include flex;
  @include d-align-item;
}

.simple-audio-player * {
  font-family: var(--wp--preset--font-family--poppins);
}

.simple-audio-player .simp-controls button,
.simple-audio-player .simp-shide-bottom,
.simple-audio-player .simp-controls .simp-others .simp-shide button {
  width: 42px;
  height: 42px;
}

.playlist .simple-audio-player ul {
  max-height: 415px;
}

.simple-audio-player .simp-controls .simp-others .simp-active {
  background-color: transparent;
}

.simp-shide svg.simp-shide-bottom {
  transform: rotate(180deg);
}

.simp-shide.playlist-hidden svg.simp-shide-bottom {
  transform: rotate(0);
}

.simple-audio-player ul li .simp-desc {
  opacity: 1;
}

.playlist .simple-audio-player .simp-controls .simp-random {
  display: none;
}