$fg-color: #{"@theme_fg_color"};
$bg-color: #{"@theme_bg_color"};

box.players-box {
  margin-top: 20px;
}

box.player {
  padding: 0.6rem;

  .cover-art {
    min-width: 100px;
    min-height: 100px;
    border-radius: 9px;
    margin-right: 0.6rem;
    background-size: contain;
    background-position: center;
  }

  .title {
    font-weight: bold;
    font-size: 1.1em;
  }

  scale {
    padding: 0;
    margin: 0.4rem 0;
    border-radius: 20px;

    trough {
      min-height: 8px;
      border-radius: 20px;
    }

    highlight {
      background-color: $fg-color;
      border-radius: 20px;
    }

    slider {
      all: unset;
      border-radius: 20px;
    }
  }

  centerbox.actions {
    min-width: 220px;

    button {
      min-width: 0;
      min-height: 0;
      padding: 0.4rem;
      margin: 0 0.2rem;
    }
  }
}
