body {
  /* font-family: "MagistralC"; */
  overflow-y: scroll;
}

.scrolling::-webkit-scrollbar {
  display: none;
}

.inlining {
  display: inline;
}

.header {
  color: #949ca2;
  margin-bottom: -.8rem;
}

.header:hover {
  color: #bd004b;
  text-decoration: none;
}

.actived {
  padding-bottom: .5rem;
  color: #e42a74 !important;
  border-bottom: 0.4rem solid #bd004b;
}

/* .modal-footer {
  border-top: 0px solid #e9ecef !important;
} */

.add-play-list {
  position: relative;
}

.add-play-list .list-pic {
  width: 6rem;
  height: 6rem;
  border-radius: .6rem;
}

.add-play-list .list-pic img {
  width: 100%;
  height: 100%;
  border-radius: .6rem;
}

.add-play-list .list-name {
  position: absolute;
  top: 1rem;
  left: 7rem;
}

.add-play-list .add-btn {
  font-size: 0.8rem;
  color: #ffff;
  background-color: #bd004b;
  position: absolute;
  top: 2rem;
  right: 0;
}

@media (max-width: 426px) {
  .add-play-list .add-btn {
    top: 4rem !important;
  }
}

@media (max-width: 376px) {
  .add-play-list .list-name {
    margin-top: -1rem !important;
    left: 6.5rem !important;
  }
  .add-play-list .add-btn {
    top: 4.5rem !important;
  }
}
/*# sourceMappingURL=addtoplaylist.css.map */