.playing-container {
  display: flex;
  align-items: center;
}

.spotify-data {
  width: 100%;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
}

.currently-listening {
  font-size: 15pt;
  margin: auto;
}

.song {
  font-size: 15pt;
}

.artist, .album {
  font-size: 12pt;
}

.album-cover {
  height: 75px;
  width: 75px;
}

#spotify-container a {
  color: var(--main-color);
}

#spotify-container a::hover {
  color: var(--spotify-green);
  text-shadow: 1px 1px 0.2rem var(--spotify-green);
}

.progress-bar {
  height: 4px;
  border-radius: 2px;
  width: 100%;
  max-width: 160px;
  background-color: var(--main-color);
}

.filled {
  position: relative;
  left: 0;
  background-color: var(--spotify-green);
}

#filled-bar {
  /* transition: width 5s linear; */
  transition-property: width;
  transition-duration: 3s;
  transition-timing-function: linear;
}

#filled-bar.fast-transition {
  transition-duration: 0.3s;
}

.no-transition {
  transition: none;
  transition-duration: 0s;
}