/* Defines common breakpoint targets. */
.hover-disclosure__header {
  cursor: pointer;
}

.hover-disclosure__body[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
}
.hover-disclosure__body[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
}

.sr-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.playlist .section-header {
  width: 100%;
}
.playlist__description {
  padding: 1rem 0;
}
.playlist .playlist-item {
  margin: 1rem auto 1rem;
}
.playlist-comments__title {
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  color: #0A1012;
  margin: 1rem 0 0.75rem;
  text-align: left;
  text-transform: uppercase;
}
@media screen and (min-width: 64rem) {
  .playlist-comments__title {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.playlist-comments .comments-area {
  width: 100%;
}
@media screen and (min-width: 64rem) {
  .playlist-comments .comments-area {
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap: 1.5rem;
  }
}
.playlist-comments .comment-list {
  width: calc(100% + 1rem);
  transform: translateX(-0.5rem);
  max-height: 44.375rem;
  overflow-y: auto;
  scrollbar-color: #0a1012 #e5e5e5;
  scrollbar-width: thin;
  padding-right: 0.5rem;
}
.playlist-comments .comment-list::-webkit-scrollbar {
  width: 8px;
}
.playlist-comments .comment-list::-webkit-scrollbar-track {
  background: #e5e5e5;
  border-radius: 10px;
}
.playlist-comments .comment-list::-webkit-scrollbar-thumb {
  background: #0a1012;
  border-radius: 10px;
}
@media screen and (min-width: 64rem) {
  .playlist-comments .comment-list {
    border-bottom: none;
    padding-right: 1.5rem;
    border-right: 1px solid #002A4A;
  }
  .playlist-comments .comment-list + .comment-respond {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
}

/*# sourceMappingURL=single-playlist.css.map */