.swt2-header {
  position:fixed;
  inset:0 0 auto;
  z-index:100;
  height:var(--swt2-header);
  background:rgba(2, 9, 16, .84);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255, 255, 255, .08)
}

.swt2-header__inner {
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between
}

.swt2-header__brand, .swt2-brand {
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:950;
  font-size:23px;
  letter-spacing:-.035em
}

.swt2-brand__mark {
  width:31px;
  height:27px;
  position:relative;
  display:inline-grid;
  grid-template-columns:repeat(4, 5px);
  align-items:end;
  gap:2px;
  filter:drop-shadow(0 0 8px rgba(150, 217, 27, .42))
}

.swt2-brand__mark i {
  display:block;
  width:5px;
  border-radius:2px;
  background:linear-gradient(180deg, var(--swt2-lime-2), var(--swt2-lime))
}

.swt2-brand__mark i:nth-child(1) {
  height:7px
}

.swt2-brand__mark i:nth-child(2) {
  height:12px
}

.swt2-brand__mark i:nth-child(3) {
  height:17px
}

.swt2-brand__mark i:nth-child(4) {
  height:24px
}

.swt2-brand__word {
  color:#fff
}

.swt2-brand__accent {
  color:var(--swt2-orange)
}

.swt2-header__nav-list {
  display:flex;
  align-items:center;
  gap:36px;
  list-style:none
}

.swt2-header__nav-link {
  font-size:13px;
  font-weight:800;
  color:#e8eef0;
  position:relative;
  padding:26px 0
}

.swt2-header__nav-link::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:16px;
  height:2px;
  border-radius:99px;
  background:var(--swt2-lime);
  opacity:0;
  transform:scaleX(.4);
  transition:.2s
}

.swt2-header__nav-link:hover, .swt2-header__nav-link--active {
  color:#fff
}

.swt2-header__nav-link--active::after {
  opacity:1;
  transform:scaleX(1)
}

.swt2-header__actions {
  display:flex;
  align-items:center;
  gap:14px
}

.swt2-header__actions .button {
  height:42px;
  min-height:42px;
  font-size:12px;
  padding-inline:20px
}

.swt2-header__menu-button {
  display:none;
  width:44px;
  height:44px;
  border:1px solid rgba(255, 255, 255, .14);
  border-radius:12px;
  background:rgba(255, 255, 255, .04);
  color:#fff;
  align-items:center;
  justify-content:center
}

.swt2-header__menu-button span {
  width:18px;
  height:2px;
  background:#fff;
  position:relative;
  display:block
}

.swt2-header__menu-button span::before, .swt2-header__menu-button span::after {
  content:"";
  position:absolute;
  left:0;
  width:18px;
  height:2px;
  background:#fff
}

.swt2-header__menu-button span::before {
  top:-6px
}

.swt2-header__menu-button span::after {
  top:6px
}