body.page-id-4282 {
  height: 100dvh;
  overflow: hidden;
}

.srfx-hear-playlist {
  margin: 0;
  padding: 0;
}

  .srfx-hear-playlist__list {
    display: flex;
    width: 100%;
    height: 100%;
    max-height: calc(100dvh - 13rem);
    margin: 0;
    padding: 0;
    padding-bottom: 1rem;
    flex-direction: column;
    list-style-type: none;
    gap: 1rem;
    overflow-x: hidden;
    overflow-y: auto;
  }

    .srfx-hear-playlist__list li {
      width: 100%;
      margin: 0;
      border: none;
    }

      .srfx-hear-playlist__list button {
        display: flex;
        width: 100%;
        padding: 1rem;
        background: none;
        border: 2px solid var(--wp--preset--color--contrast);
        border-radius: 1.5rem;
        color: var(--wp--preset--color--contrast);
        font-family: var(--wp--preset--font-family--dm-serif-display);
        font-size: var(--wp--preset--font-size--x-large) !important;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 1.125;
        text-align: left;
        text-decoration: none;
        align-items: center;
        cursor: pointer;
      }

        .srfx-hear-playlist__list button.is-active {
          color: var(--wp--preset--color--base);
          background: var(--wp--preset--color--accent-1);
          border-color: var(--wp--preset--color--accent-1);
        }

        .srfx-hear-playlist__list button:after {
          display: inline-flex;
          width: 1.75rem;
          height: 1.75rem;
          margin-left: auto;
          background-color: var(--wp--preset--color--accent-4);
          background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23323030"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>');
          background-position: 75% 50%;
          background-repeat: no-repeat;
          border-radius: 50%;
          flex-shrink: 0;
          align-items: center;
          justify-content: center;
          content: '';
        }

        .srfx-hear-playlist__list button.is-active:after {
          background-color: var(--wp--preset--color--base);
          background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23323030"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>');
        }

  .srfx-hear-playlist__list + .srfx-hear-playlist audio {
    margin-top: 2rem;
  }

  .srfx-hear-playlist audio {
    width: 100%;
    border: 2px solid var(--wp--preset--color--contrast);
    border-radius: 1.5rem;
  }

    .srfx-hear-playlist audio::-webkit-media-controls-enclosure {
      width: 100%;
      height: 4rem;
      background-color: var(--wp--preset--color--base);
      color: var(--wp--preset--color--contrast);
      overflow: hidden;
    }

    .srfx-hear-playlist audio audio::-internal-media-controls-download-button {
      display: none;
    }