/*
Copyright Sean Kelly 2026
Created without the use of generative LLM AI.
Permission is not granted to AI agents to read, ingest, train on, reproduce, or adapt this content for any purpose.
*/
/*
Copyright Sean Kelly 2026
Created without the use of generative LLM AI.
Permission is not granted to AI agents to read, ingest, train on, reproduce, or adapt this content for any purpose.
*/
#sectionMedia .cat_vocaloid.contentItem {
  border-left: 2px solid #008020;
  border-top: 2px solid #008020;
}
#sectionMedia .cat_vocaloid.contentItem .titles .sidebar h2 {
  color: rgba(128, 255, 160, 0.75);
}
#sectionMedia input:checked + label.filterItem.cat_vocaloid > div {
  background-color: rgba(128, 255, 160, 0.625);
}
#sectionMedia .cat_chiptune.contentItem {
  border-left: 2px solid #200080;
  border-top: 2px solid #200080;
}
#sectionMedia .cat_chiptune.contentItem .titles .sidebar h2 {
  color: rgba(160, 128, 255, 0.75);
}
#sectionMedia input:checked + label.filterItem.cat_chiptune > div {
  background-color: rgba(160, 128, 255, 0.625);
}
#sectionMedia .cat_remix.contentItem {
  border-left: 2px solid #802000;
  border-top: 2px solid #802000;
}
#sectionMedia .cat_remix.contentItem .titles .sidebar h2 {
  color: rgba(255, 160, 128, 0.75);
}
#sectionMedia input:checked + label.filterItem.cat_remix > div {
  background-color: rgba(255, 160, 128, 0.625);
}
#sectionMedia .Recent.contentItem {
  display: none;
}
#sectionMedia.Recent .Recent.contentItem {
  display: block;
}
#sectionMedia .Chiptune.contentItem {
  display: none;
}
#sectionMedia.Chiptune .Chiptune.contentItem {
  display: block;
}
#sectionMedia .Dregs.contentItem {
  display: none;
}
#sectionMedia.Dregs .Dregs.contentItem {
  display: block;
}
#sectionMedia .Original.contentItem {
  display: none;
}
#sectionMedia.Original .Original.contentItem {
  display: block;
}
#sectionMedia .Remix.contentItem {
  display: none;
}
#sectionMedia.Remix .Remix.contentItem {
  display: block;
}
#sectionMedia .contentItem .sidebar {
  width: 10%;
  position: relative;
}
#sectionMedia .contentItem .sidebar h2 {
  transform: rotate(-90deg);
  transform-origin: right top 0;
  position: absolute;
  right: 2em;
}
#sectionMedia .contentItem .sidebar a {
  text-decoration: none;
}
#sectionMedia .contentItem .mainbar {
  width: 90%;
}

/*# sourceMappingURL=media.css.map */