.radio-player.skin10.shortcode {
  border: 1px solid #EDEDED;

  .radio-player-details {
    padding: 10px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid #EDEDED;

    .station-meta-wrap {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 7px;

      .radio-player-title {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .radio-player-status {
        margin-left: 10px;
      }
    }

    .radio-player-song-title {
      margin-bottom: 0;
    }


  }

  .radio-player-controls {
    gap: 0;
    align-items: normal;
    padding: 15px;
    flex-direction: column;

    button {
      border: 1px solid #F0F0F0;
      padding: 5px !important;
      border-radius: 5px !important;
    }


    .top-controls {
      display: flex;

      .controls-wrap {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        margin-right: 20px;

        &:empty {
          display: none;
        }
      }

      .thumbnail-wrap {
        flex: 1;

        img {
          width: 100%;
          height: 100%;
          margin: 0;
          object-fit: cover;
        }
      }
    }

    .bottom-controls {
      display: flex;
      margin-top: 15px;
      justify-content: space-between;
    }

    &:has(.radio-player-progressbar) {
      .bottom-controls {
        flex-wrap: wrap;
      }
    }

  }

  .radio-player-playlist {
    margin-bottom: 7px;
    margin-top: 0;
  }

  .playlist-item {
    padding: 5px 10px;
  }

  &.popup {
    min-width: 300px;
  }

}