/* ../../../Users/ihsan/AppData/Local/Temp/tmp-23204-3vpfJi2yO7Ky/starlink-view/src/css/components/mobile-menu.css */
.mobile-menu .menu__divider {
  width: 100%;
  height: 1px;
  background-color: rgb(255 255 255 / 8%);
  position: relative;
}
.mobile-menu .menu {
  height: 50px;
  display: flex;
  align-items: center;
  color: white;
}
.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: 100ms;
  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: rgb(0 0 0 / 10%);
  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: rgb(0 0 0 / 10%);
  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);
}