.swt2-mobile-nav {
  position:fixed;
  inset:0;
  z-index:300;
  display:none
}

.swt2-mobile-nav--open {
  display:block
}

.swt2-mobile-nav__overlay {
  position:absolute;
  inset:0;
  background:rgba(0, 0, 0, .58)
}

.swt2-mobile-nav__panel {
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 68% 18%, rgba(151, 255, 35, .23), transparent 25%), radial-gradient(circle at 88% 60%, rgba(151, 255, 35, .08), transparent 35%), #06111d;
  overflow:auto;
  padding:34px 28px;
  border:1px solid rgba(255, 255, 255, .08)
}

.swt2-mobile-nav__panel::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(128deg, transparent 32%, rgba(168, 255, 38, .42) 32.4%, transparent 33.2%), radial-gradient(circle at 80% 38%, rgba(202, 255, 79, .8) 0 5px, transparent 6px);
  pointer-events:none;
  opacity:.78
}

.swt2-mobile-nav__top, .swt2-mobile-nav__list, .swt2-mobile-nav__cta, .swt2-mobile-nav__contacts, .swt2-mobile-nav__bottom {
  position:relative
}

.swt2-mobile-nav__top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:42px
}

.swt2-mobile-nav__close {
  width:44px;
  height:44px;
  border:none;
  background:transparent;
  color:#fff;
  font-size:42px;
  line-height:1
}

.swt2-mobile-nav__list {
  list-style:none;
  display:grid;
  gap:2px;
  max-width:860px
}

.swt2-mobile-nav__link {
  min-height:72px;
  display:grid;
  grid-template-columns:48px 1fr 20px;
  align-items:center;
  gap:14px;
  color:#fff;
  font-weight:850;
  font-size:26px;
  border-bottom:1px solid rgba(255, 255, 255, .1);
  padding:0 18px;
  border-radius:10px
}

.swt2-mobile-nav__link--active {
  background:linear-gradient(90deg, rgba(151, 255, 35, .18), rgba(151, 255, 35, .04));
  border:1px solid rgba(151, 255, 35, .45);
  box-shadow:0 0 28px rgba(151, 255, 35, .13)
}

.swt2-mobile-nav__icon {
  width:30px;
  height:30px;
  border:2px solid var(--swt2-lime);
  border-radius:8px;
  color:var(--swt2-lime);
  display:grid;
  place-items:center;
  font-size:17px
}

.swt2-mobile-nav__arrow {
  color:#fff;
  text-align:right
}

.swt2-mobile-nav__cta {
  margin:32px 0 20px;
  max-width:860px
}

.swt2-mobile-nav__cta .button {
  width:100%;
  height:72px;
  font-size:21px
}

.swt2-mobile-nav__note {
  text-align:center;
  color:var(--swt2-muted);
  font-size:15px;
  margin-bottom:28px
}

.swt2-mobile-nav__contacts {
  max-width:510px;
  border:1px solid rgba(151, 255, 35, .35);
  border-radius:14px;
  padding:12px 18px;
  margin-top:18px;
  background:rgba(5, 18, 28, .54)
}

.swt2-mobile-nav__contact-link {
  display:grid;
  grid-template-columns:32px 1fr 16px;
  gap:14px;
  align-items:center;
  min-height:58px;
  color:#fff;
  border-bottom:1px solid rgba(255, 255, 255, .1)
}

.swt2-mobile-nav__contact-link:last-child {
  border-bottom:0
}

.swt2-mobile-nav__bottom {
  margin-top:32px;
  color:var(--swt2-muted);
  text-align:center
}

.swt2-mobile-nav__tablet-card {
  display:none
}