#sidebar {
  --tw-translate-x: -100%;
  background-color: #9AA8B3;
}

#sidebar a {
  color: #032540;
}

#sidebar a:hover {
  color: #fff;
}

#sidebar a.split {
  float: top;
  background-color: #9AA8B3;
  color: #fff;
}

#menu-close-icon {
  display: none;
}

#menu-open:checked ~ #sidebar {
  --tw-translate-x: 0;
}
#menu-open:checked ~ * #mobile-menu-button {
  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
}
#menu-open:checked ~ * #menu-open-icon {
  display: none;
}
#menu-open:checked ~ * #menu-close-icon {
  display: block;
}

@media (min-width: 768px) {
  #sidebar {
      --tw-translate-x: 0;
  }
}

/*# sourceMappingURL=SideNavStyleSheet.css-a4b47ba003feede46d28de4d0769b91c0c162a88e11d4dc04e0a886c362e18e0.map */