/* REFRENCE: https://codepen.io/sosuke/pen/Pjoqqp */
.superdarkmode #light-icon{
  transform: rotate(-120deg);
  opacity: 0;
}
.superdarkmode #dark-icon{
  transform: rotate(120deg);
  opacity: 1;
}
.superdarkmode #superdark-icon{
  transform: rotate(0deg);
  opacity: 1;
}
.superdarkmode #logo-word{
  filter: brightness(0) invert(1);
}
.superdarkmode .header-page-icon, .superdarkmode #toggle-header img{
  filter: brightness(0) invert(1) !important;
}
.superdarkmode #nav .active .header-page-icon{
  filter: brightness(75%) !important;
}
.superdarkmode .header-page-icon.pfp{
  filter: none !important;
}
.superdarkmode #logo:hover #logo-light{
  opacity: 1 !important;
}
.superdarkmode .CodeMirror-line, .superdarkmode .CodeMirror-linenumber, .superdarkmode .CodeMirror-gutters, .superdarkmode .CodeMirror-selected, .superdarkmode .CodeMirror-cursor {
  filter: invert(1);
}
.superdarkmode .problem-logo {
  > img {
    &.problem-logo-dark {
      display: unset;
    }

    &.problem-logo-light {
      display: none;
    }
  }
}