#sorting {
  background-color: var(--between);
  border: 2px solid var(--nav-foot-bg);
  padding: 0 0.5em;
}
#sorting h4 {
  margin-bottom: 0;
}
#sorting fieldset {
  border: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-areas: "a a a a" "b c d e";
  justify-items: start;
}
#sorting fieldset h5,
#sorting fieldset label {
  display: block;
  width: 100%;
}
#sorting fieldset h5 {
  grid-area: a;
  font-size: 1rem;
}
#sorting fieldset label {
  margin: 0;
  padding: 0.25em 0.5em;
}
#sorting fieldset label:hover {
  background-color: var(--aside-color);
}
#sorting fieldset input {
  margin: 0;
}

#sorting:has(input[value=anemo]) ~ section.anemo, #sorting:has(input[value=anemo]) ~ section.anemo + hr {
  display: none;
}

#sorting:has(input[value=anemo]:checked) ~ section.anemo, #sorting:has(input[value=anemo]:checked) ~ section.anemo + hr {
  display: revert;
}

#sorting:has(input[value=geo]) ~ section.geo, #sorting:has(input[value=geo]) ~ section.geo + hr {
  display: none;
}

#sorting:has(input[value=geo]:checked) ~ section.geo, #sorting:has(input[value=geo]:checked) ~ section.geo + hr {
  display: revert;
}

#sorting:has(input[value=electro]) ~ section.electro, #sorting:has(input[value=electro]) ~ section.electro + hr {
  display: none;
}

#sorting:has(input[value=electro]:checked) ~ section.electro, #sorting:has(input[value=electro]:checked) ~ section.electro + hr {
  display: revert;
}

#sorting:has(input[value=dendro]) ~ section.dendro, #sorting:has(input[value=dendro]) ~ section.dendro + hr {
  display: none;
}

#sorting:has(input[value=dendro]:checked) ~ section.dendro, #sorting:has(input[value=dendro]:checked) ~ section.dendro + hr {
  display: revert;
}

#sorting:has(input[value=hydro]) ~ section.hydro, #sorting:has(input[value=hydro]) ~ section.hydro + hr {
  display: none;
}

#sorting:has(input[value=hydro]:checked) ~ section.hydro, #sorting:has(input[value=hydro]:checked) ~ section.hydro + hr {
  display: revert;
}

#sorting:has(input[value=pyro]) ~ section.pyro, #sorting:has(input[value=pyro]) ~ section.pyro + hr {
  display: none;
}

#sorting:has(input[value=pyro]:checked) ~ section.pyro, #sorting:has(input[value=pyro]:checked) ~ section.pyro + hr {
  display: revert;
}

#sorting:has(input[value=cryo]) ~ section.cryo, #sorting:has(input[value=cryo]) ~ section.cryo + hr {
  display: none;
}

#sorting:has(input[value=cryo]:checked) ~ section.cryo, #sorting:has(input[value=cryo]:checked) ~ section.cryo + hr {
  display: revert;
}

#sorting:has(input[value=sword]) ~ section.sword, #sorting:has(input[value=sword]) ~ section.sword + hr {
  display: none;
}

#sorting:has(input[value=sword]:checked) ~ section.sword, #sorting:has(input[value=sword]:checked) ~ section.sword + hr {
  display: revert;
}

#sorting:has(input[value=claymore]) ~ section.claymore, #sorting:has(input[value=claymore]) ~ section.claymore + hr {
  display: none;
}

#sorting:has(input[value=claymore]:checked) ~ section.claymore, #sorting:has(input[value=claymore]:checked) ~ section.claymore + hr {
  display: revert;
}

#sorting:has(input[value=polearm]) ~ section.polearm, #sorting:has(input[value=polearm]) ~ section.polearm + hr {
  display: none;
}

#sorting:has(input[value=polearm]:checked) ~ section.polearm, #sorting:has(input[value=polearm]:checked) ~ section.polearm + hr {
  display: revert;
}

#sorting:has(input[value=catalyst]) ~ section.catalyst, #sorting:has(input[value=catalyst]) ~ section.catalyst + hr {
  display: none;
}

#sorting:has(input[value=catalyst]:checked) ~ section.catalyst, #sorting:has(input[value=catalyst]:checked) ~ section.catalyst + hr {
  display: revert;
}

#sorting:has(input[value=bow]) ~ section.bow, #sorting:has(input[value=bow]) ~ section.bow + hr {
  display: none;
}

#sorting:has(input[value=bow]:checked) ~ section.bow, #sorting:has(input[value=bow]:checked) ~ section.bow + hr {
  display: revert;
}

#sorting:has(input[value=Hua]) ~ #recDirect .Fic:has(.Hua), #sorting:has(input[value=Hua]) ~ #recDirect .Fic:has(.Hua) + hr {
  display: none;
}

#sorting:has(input[value=Hua]:checked) ~ #recDirect .Fic:has(.Hua), #sorting:has(input[value=Hua]:checked) ~ #recDirect .Fic:has(.Hua) + hr {
  display: revert;
}

#sorting:has(input[value=Star]) ~ #recDirect .Fic:has(.Star), #sorting:has(input[value=Star]) ~ #recDirect .Fic:has(.Star) + hr {
  display: none;
}

#sorting:has(input[value=Star]:checked) ~ #recDirect .Fic:has(.Star), #sorting:has(input[value=Star]:checked) ~ #recDirect .Fic:has(.Star) + hr {
  display: revert;
}

#sorting:has(input[value=Navi]) ~ #recDirect .Fic:has(.Navi), #sorting:has(input[value=Navi]) ~ #recDirect .Fic:has(.Navi) + hr {
  display: none;
}

#sorting:has(input[value=Navi]:checked) ~ #recDirect .Fic:has(.Navi), #sorting:has(input[value=Navi]:checked) ~ #recDirect .Fic:has(.Navi) + hr {
  display: revert;
}

#sorting:has(input[value=Luna]) ~ #recDirect .Fic:has(.Luna), #sorting:has(input[value=Luna]) ~ #recDirect .Fic:has(.Luna) + hr {
  display: none;
}

#sorting:has(input[value=Luna]:checked) ~ #recDirect .Fic:has(.Luna), #sorting:has(input[value=Luna]:checked) ~ #recDirect .Fic:has(.Luna) + hr {
  display: revert;
}

#sorting:has(input[value=Hanabi]) ~ #recDirect .Fic:has(.Hanabi), #sorting:has(input[value=Hanabi]) ~ #recDirect .Fic:has(.Hanabi) + hr {
  display: none;
}

#sorting:has(input[value=Hanabi]:checked) ~ #recDirect .Fic:has(.Hanabi), #sorting:has(input[value=Hanabi]:checked) ~ #recDirect .Fic:has(.Hanabi) + hr {
  display: revert;
}

#sorting:has(input[value=Guest]) ~ #recDirect .Fic:has(.Guest), #sorting:has(input[value=Guest]) ~ #recDirect .Fic:has(.Guest) + hr {
  display: none;
}

#sorting:has(input[value=Guest]:checked) ~ #recDirect .Fic:has(.Guest), #sorting:has(input[value=Guest]:checked) ~ #recDirect .Fic:has(.Guest) + hr {
  display: revert;
}/*# sourceMappingURL=filters.css.map */