:root {
  --color-logo: #0cacd7;
  --color-bg-dark: #222222;
  --color-bg-gray: #2b2b2b;
  --color-white: #ffffff;
  --color-light-gray: #949494;
  --color-bg-input: #464646;
}


.mypopover {
  background-color: var(--color-bg-dark);
  color:var(--color-white);
  border: 0;

  .popover-bottom-container {
    margin-block: 1rem;
  }

  button {
    background-color: var(--color-white);
    border-radius: 6px;
    padding: 1rem;
    font-size: 1rem;
  }

  img {
    height: 80vh;
    width: auto;
    object-fit: cover;
  }

  .song-title,
  .song-author {
    white-space: wrap;
  }
}


/* *** POSITION mechanics *** */

.mypopover {
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}


/* *** Overlay/Darken background *** */
.mypopover::backdrop {
  background: rgba(0,0,0,0.6);
  backdrop-filter: blur(2px);
}