/* screen - mainmenu-320 */

.mainmenu-320 {
  background-color: var(--black);
  height: 600px;
  left: 0px;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 320px;
}

.mainmenu-320 .main-menu-320-Clo7Vq {
  background-color: transparent;
  height: 600px;
  left: -0px;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 320px;
}

.mainmenu-320 .text-lFxkMm {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 30px;
  height: 515px;
  left: 0px;
  padding: 70px 40px 0px 30px;
  position: relative;
  top: 0px;
  width: 320px;
}

.mainmenu-320 .ic-close-2-jBGIIv {
  background-color: transparent;
  cursor: pointer;
  height: 18px;
  position: absolute;
  right: 28px;
  top: 29px;
  width: 18px;
}

.mainmenu-320 .x2-VkxSxx {
  background-color: var(--white);
  height: 22px;
  left: 8px;
  position: absolute;
  top: -2px;
  transform: rotate(-135.00deg);
  width: 3px;
}

.mainmenu-320 .x1-VkxSxx {
  background-color: var(--white);
  height: 22px;
  left: 8px;
  position: absolute;
  top: -2px;
  transform: rotate(-45deg);
  width: 3px;
}

.mainmenu-320 .text_label-jBGIIv {
  height: 32px;
  margin-top: -1.00px;
}

.mainmenu-320 .text_label-jBGIIv:hover {
  color: #ffffff
}

.mainmenu-320 .text_label-rExBVf {
  height: 32px;
}

.mainmenu-320 .text_label-rExBVf:hover {
  color: #ffffff
}

.mainmenu-320 .text_label-9IFs5M {
  height: 32px;
}

.mainmenu-320 .text_label-9IFs5M:hover {
  color: #ffffff
}

.mainmenu-320 .text_label-NbJNWo {
  height: 32px;
}

.mainmenu-320 .text_label-NbJNWo:hover {
  color: #ffffff
}

.mainmenu-320 .text_label-JvS5lg {
  height: 31px;
  white-space: nowrap;
}

.mainmenu-320 .text_label-JvS5lg:hover {
  color: #ffffff
}

.mainmenu-320 .text_label {
  background-color: transparent;
  cursor: pointer;
  letter-spacing: 0.88px;
  line-height: 26px;
  margin-right: -20.00px;
  pointer-events: auto;
  position: relative;
  text-align: left;
  transition: all 0.2s ease;
  width: 270px;
}