.mobile-menu .menu__divider {
  width: 100%;
  height: 1px;
  background-color: #ffffff14;
  position: relative;
}
.mobile-menu .menu {
  height: 50px;
  display: flex;
  align-items: center;
  color: #fff;
}
.mobile-menu .menu .menu__title {
  display: flex;
  align-items: center;
  width: 100%;
  margin-left: 0.75rem;
}
.mobile-menu .menu .menu__title .menu__sub-icon {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    -webkit-backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  transition-duration: 0.1s;
  margin-left: auto;
}
.mobile-menu .menu .menu__title .menu__sub-icon svg {
  width: 1.25rem;
  height: 1.25rem;
}
.mobile-menu ul > li > .menu {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.mobile-menu ul > li > ul {
  background: #0000001a;
  border-radius: 0.5rem;
  margin: 0.25rem 1rem;
}
.mobile-menu ul > li > ul:not(.menu__sub-open) {
  display: none;
}
.mobile-menu ul > li > ul > li > .menu {
  padding-left: 1rem;
  padding-right: 1rem;
}
.mobile-menu ul > li > ul > li > ul {
  background: #0000001a;
  border-radius: 0.5rem;
  margin: 0.25rem auto;
}
.mobile-menu ul > li > ul > li > ul:not(.menu__sub-open) {
  display: none;
}
.mobile-menu ul > li > ul > li > ul > li > .menu {
  padding-left: 1rem;
  padding-right: 1rem;
}
.dark .mobile-menu ul > li > ul {
  background-color: rgb(var(--color-darkmode-700) / 1);
}
.dark .mobile-menu ul > li > ul > li > ul {
  background-color: rgb(var(--color-darkmode-600) / 1);
}