@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
html {
  padding: 0;
  margin: 0;
  background-color: black;
}
html body {
  padding: 0;
  margin: 0;
}
html body nav-vert {
  transition: 0.5s;
  font-family: "Poppins", sans-serif;
  padding: 0;
  margin: 0;
  position: fixed;
  top: 10vh;
  left: 4vw;
  min-width: 5vw;
  width: min-content;
  max-width: max-content1vw;
  display: flex;
  flex-wrap: wrap;
}
html body nav-vert sub-nav {
  transition: 0.5s;
  display: none;
  margin-left: 2rem;
  position: relative;
  z-index: 0;
}
html body nav-vert sub-nav .connection {
  position: absolute;
  width: 5px;
  border-top: none;
  border-right: none;
  border-left: 0.1rem solid rgb(255, 255, 255);
  border-bottom-left-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
}
html body nav-vert sub-nav .connection.connected {
  border-bottom: 0.1rem solid rgb(255, 255, 255);
}
html body nav-vert sub-nav nav-item {
  margin-left: 0.5rem;
}
html body nav-vert nav-item {
  transition: 0.5s;
  flex-basis: 100%;
  padding: 5px;
  display: flex;
  width: max-content;
  align-items: center;
  cursor: pointer;
}
html body nav-vert nav-item nav-icon {
  transition: 0.5s;
  margin-right: 7px;
}
html body nav-vert nav-item nav-icon ion-icon {
  transition: 0.5s;
  width: 20px;
  height: 20px;
  color: white;
}
html body nav-vert nav-item nav-label {
  transition: 0.5s;
  color: white;
}
html body nav-vert nav-item:hover {
  transition: 0.5s;
  margin-left: 1rem;
}
html body nav-vert nav-item:hover nav-icon {
  transition: 0.5s;
}
html body nav-vert nav-item:hover nav-icon ion-icon {
  transition: 0.5s;
  color: rgb(255, 255, 189);
}
html body nav-vert nav-item:hover nav-label {
  transition: 0.5s;
  color: rgb(255, 255, 189);
}
html body nav-vert nav-item.current {
  transition: 0.5s;
  margin-left: 1rem;
}
html body nav-vert nav-item.current nav-icon {
  transition: 0.5s;
}
html body nav-vert nav-item.current nav-icon ion-icon {
  transition: 0.5s;
  color: rgb(179, 255, 255);
}
html body nav-vert nav-item.current nav-label {
  transition: 0.5s;
  color: rgb(179, 255, 255);
}

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