/* CANTAIMY v7.6.94 — Modern scrollbars for edit modal */

/* Firefox */
#editTrackModal .edit-modal-body,
#editTrackModal .lyrics-textarea{
  scrollbar-width:thin;
  scrollbar-color:#c23cff rgba(255,255,255,.06);
}

/* Chromium / Edge / Safari */
#editTrackModal .edit-modal-body::-webkit-scrollbar,
#editTrackModal .lyrics-textarea::-webkit-scrollbar{
  width:9px;
  height:9px;
}

#editTrackModal .edit-modal-body::-webkit-scrollbar-track,
#editTrackModal .lyrics-textarea::-webkit-scrollbar-track{
  background:rgba(255,255,255,.045);
  border-radius:999px;
}

#editTrackModal .edit-modal-body::-webkit-scrollbar-thumb,
#editTrackModal .lyrics-textarea::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#8f46ff,#d53cff);
  border:2px solid rgba(8,5,28,.95);
  border-radius:999px;
  min-height:42px;
}

#editTrackModal .edit-modal-body::-webkit-scrollbar-thumb:hover,
#editTrackModal .lyrics-textarea::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#a55cff,#ef4fd8);
}

#editTrackModal .edit-modal-body::-webkit-scrollbar-corner,
#editTrackModal .lyrics-textarea::-webkit-scrollbar-corner{
  background:transparent;
}

/* Give the outer body a little breathing room so the scrollbar does not
   visually collide with fields. */
#editTrackModal .edit-modal-body{
  padding-right:10px !important;
}

/* On mobile keep it slimmer and less visually dominant. */
@media (max-width:760px){
  #editTrackModal .edit-modal-body::-webkit-scrollbar,
  #editTrackModal .lyrics-textarea::-webkit-scrollbar{
    width:6px;
  }

  #editTrackModal .edit-modal-body{
    padding-right:5px !important;
  }
}