:root {
  --song-preview-icon: "\f025";
  --song-preview-icon-playing: "\f110";
}

.song-meta-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.song-meta-row .list_common_date {
  margin-right: auto;
}

.list_common_date{
  height: 24px!important;
}

.song_preview {
  min-height: 0;
  width: auto;
  margin-left: auto;
  float: none;
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
}

.song-preview-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: var(--_koda---bg_button, #3898ec);
  color: #fff;
  cursor: pointer;
}

.song-preview-icon {
  display: inline-block;
  font: var(--fa-font-solid);
  /* font-family: "Font Awesome 6 Free"; */
  font-weight: 900;
  font-size: 10px;
  line-height: 1;
}

.song-preview-icon::before {
  content: var(--song-preview-icon);
}

.song-preview-button.is-playing .song-preview-icon::before {
  content: var(--song-preview-icon-playing);
}

.song-preview-button.is-playing .song-preview-icon {
  animation: song-preview-spin 2s linear infinite;
}

@keyframes song-preview-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

#shared-player-container {
  width: 100%;
  max-width: 640px;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  position: fixed;
  left: 0;
  bottom: 0;
  pointer-events: none;
}