/* Main styles */
:root {
    --primary-color: rgb(24, 24, 24);
    --primary-background-color: #009688;
    --secondary-color: rgb(75, 75, 75);
    --secondary-background-color: #009688;
    --highlight-color: rgb(1, 255, 1);
    --box-shadow-color: rgb(201, 201, 201);
    --disabled-button-color: rgb(175, 175, 175);
    --border-radius: 10px;
  }
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  /* Main Container */
  /* .container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--primary-background-color);
    padding: 1rem;
  } */
  /* Audio player */
  .audio-player {
    display: flex;
  }

  /* Play button */
  .play-button {
    min-width: 6rem;
    min-height: 6rem;
    /* Reset default button styles */
    border: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
  }
  /* Main player body, which includes title, waveform, volume and timecode */
  .player-body {
    width: 100%;
    padding: 1rem;
  }
  /* Audio track title */
  .title {
    width: 100%;
    font-weight: 600;
  }
  /* Main waveform */
  .waveform {
    width: 100%;
    min-height: 4rem;
    /* padding: 0.5rem 0; */
  }
  /* Controls include volume mute/unmute, volume slider and timecode */
  .controls {
    display: flex;
    justify-content: space-between;
  }