.bona-id-sidebar {
  width: 32vw;
  height: 100vh;
  position: fixed;
  left: -30vw;
  top: 5%;
  z-index: 999999;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  background-color: transparent;
  transition-property: left;
  transition-duration: 0.5s;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.bona-id-sidebar__body {
  background-color: white;
  border: 1px solid black;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 30vw;
  margin-left: -10px;
}

.bona-id-sidebar__button {
  margin-top: 100px;
  background-color: white;
  border: 2px solid black;
  padding: 10px;
}

.bona-id-sidebar__button:hover {
  cursor: pointer;
}

[data-menu-is-hidden='true'] {
  left: -30vw;
}
[data-menu-is-hidden='false'] {
  left: 0;
}
.bona-id-sidebar__body ul {
  margin-top: 1vw;
  margin-bottom: 1vw;
}
.bona-id-sidebar__body ul li span {
  color: black;
}
.bona-id-sidebar__body ul li span:hover {
  text-decoration: underline;
  cursor: pointer;
}