.bottomnavbar-bar {
  position: fixed;
  bottom: 1.5rem;
  margin: 1rem 0.5rem;
  height: 3rem;
  width: calc(100% - 1rem);
  max-width: 100rem;
  border-radius: 1.5rem;
  overflow: visible;
  background: linear-gradient(90deg, rgba(215, 236, 181, 0.4588235294) 0%, rgba(237, 238, 208, 0.4588235294) 20%, rgba(243, 230, 212, 0.4588235294) 40%, rgba(236, 233, 242, 0.4588235294) 65%, rgba(218, 228, 226, 0.4588235294) 100%);
  backdrop-filter: blur(5px);
  border: solid 1px #c9c9c9;
  display: flex;
}

.bottomnavbar-bar:not(.wide .bottomnavbar-bar) {
  display: flex !important;
}

.bottomnavbar-button {
  display: inline;
  width: calc(25% - 2rem);
  margin: 6px 0.25rem;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  text-align: center;
}

.bottomnavbar-button > a {
  color: black !important;
  text-decoration: none;
  font-size: 0.9rem;
}

.bottomnavbar-menu {
  display: inline-block;
  max-width: 5rem;
  border-radius: 2.5rem;
  background-color: rgba(255, 255, 255, 0.5882352941);
  height: 5rem;
  border: solid 3px #cfcfcf;
  backdrop-filter: blur(5px);
  flex: 1 1 auto;
  position: relative;
  bottom: 1rem;
  color: black;
}

html.dark .bottomnavbar-menu {
  background-color: rgba(62, 62, 62, 0.5882352941);
  border: solid 3px #aca6a6;
}

.bottomnavbar-menu > span {
  display: inline-block;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 1.7rem;
  background-color: #e2e2e2;
  margin: 0.6rem;
  text-align: center;
  padding: 0.55rem;
  cursor: pointer;
}

.bottomnavbar-button img {
  height: 1.5rem;
  margin: 0.2rem;
}

.bottomnavbar-pad {
  margin: 1rem 0.7rem 1.5rem 0.7rem;
  min-height: 2rem;
  max-height: calc(100% - 10rem);
  position: fixed;
  bottom: 5rem;
  width: calc(100% - 1.4rem);
  border: solid 1px #c2b0ba;
  z-index: 1000;
  border-radius: 1rem;
  padding: 1rem;
  overflow: scroll;
  backdrop-filter: blur(100px);
}

.bottomnavbar-pad > div {
  margin-bottom: 2rem;
}

.bottomnavbar-pad .level1 {
  border-bottom: solid 1px #b9b9b9;
  margin-bottom: 0px;
  font-weight: bold;
  padding: 0.2rem 1rem;
  color: #8a8a8a;
}

.bottomnavbar-pad .sub_menu_img {
  max-width: 2rem;
}

.bottomnavbar-pad .level2-col {
  display: block;
  border-bottom: solid 1px #bec9c9;
  display: block;
  margin-bottom: 1rem;
  color: #6a6a81;
}

.bottomnavbar-pad .level3 {
  line-height: 2rem;
  list-style-type: none;
}

.bottomnavbar-pad .level2-pad {
  margin-top: 1rem;
  display: flex;
  gap: 1rem 3rem;
  flex-wrap: wrap;
}

.bottomnavbar-pad .level2-pad li {
  border-bottom: dashed 1px transparent;
  padding-left: 1rem;
  padding-right: 1rem;
}

.bottomnavbar-pad .col li {
  border-bottom: dashed 1px transparent;
  padding-left: 1rem;
  padding-right: 1rem;
}

.bottomnavbar-pad .col li:not(.level2-col):hover {
  color: #a300ff;
  background-color: #fdfdfd;
  border-bottom: dashed 1px #7100b1;
}

html.dark .bottomnavbar-pad .col li:not(.level2-col):hover {
  background-color: #1d1d1d;
  color: #009d9d;
  border-bottom: dashed 1px #036f6f;
}

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