*,
input,
select,
textarea,
option,
button {
  outline: none;
  box-sizing: border-box;
}
.flex {
  display: flex !important;
}
.flex--align-center {
  align-items: center !important;
}
.flex--justify-center {
  justify-content: center !important;
}
.flex--space-between {
  justify-content: space-between !important;
}
.flex--align-baseline {
  align-items: baseline !important;
}
.flex--start {
  align-items: flex-start !important;
}
.flex--end {
  align-items: flex-end !important;
}
.flex--align-stretch {
  align-items: stretch !important;
}
.flex--justify-end {
  justify-content: flex-end !important;
}
.flex--justify-start {
  justify-content: flex-start !important;
}
.flex--grow {
  flex-grow: 1;
}
.flex--wrap {
  flex-wrap: wrap;
}
.flex--direction__row {
  flex-direction: row;
}
.flex--direction__column {
  flex-direction: column;
}
.align-self--start {
  align-self: flex-start !important;
}
.align-self--end {
  align-self: flex-end !important;
}
.align-self--center {
  align-self: center !important;
}
.flex-1 {
  flex: 1;
}
.gap-1 {
  gap: 1rem;
}
.gap-2 {
  gap: 2rem;
}
.gap-3 {
  gap: 3rem;
}
.light-white {
  color: #ffffffb3;
}
.color-green {
  color: #66ffb6;
}
.color-red {
  color: #ff5468;
}
.mt-0 {
  margin-top: 0;
}
@media (min-width: 2560px) {
  .mt-0 {
    margin-top: 0;
  }
}
@media (min-width: 3440px) {
  .mt-0 {
    margin-top: 0;
  }
}
@media (max-width: 1440px) {
  .mt-0 {
    margin-top: 0;
  }
}
@media (max-width: 1280px) {
  .mt-0 {
    margin-top: 0;
  }
}
@media (max-width: 1024px) {
  .mt-0 {
    margin-top: 0;
  }
}
.mt-2 {
  margin-top: 2px;
}
@media (min-width: 2560px) {
  .mt-2 {
    margin-top: 2.6px;
  }
}
@media (min-width: 3440px) {
  .mt-2 {
    margin-top: 2.8px;
  }
}
@media (max-width: 1440px) {
  .mt-2 {
    margin-top: calc(2px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mt-2 {
    margin-top: calc(2px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mt-2 {
    margin-top: calc(2px / 1.8);
  }
}
.mt-4 {
  margin-top: 4px;
}
@media (min-width: 2560px) {
  .mt-4 {
    margin-top: 5.2px;
  }
}
@media (min-width: 3440px) {
  .mt-4 {
    margin-top: 5.6px;
  }
}
@media (max-width: 1440px) {
  .mt-4 {
    margin-top: calc(4px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mt-4 {
    margin-top: calc(4px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mt-4 {
    margin-top: calc(4px / 1.8);
  }
}
.mt-6 {
  margin-top: 6px;
}
@media (min-width: 2560px) {
  .mt-6 {
    margin-top: calc(6px * 1.3);
  }
}
@media (min-width: 3440px) {
  .mt-6 {
    margin-top: calc(6px * 1.4);
  }
}
@media (max-width: 1440px) {
  .mt-6 {
    margin-top: calc(6px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mt-6 {
    margin-top: 4px;
  }
}
@media (max-width: 1024px) {
  .mt-6 {
    margin-top: calc(6px / 1.8);
  }
}
.mt-8 {
  margin-top: 8px;
}
@media (min-width: 2560px) {
  .mt-8 {
    margin-top: 10.4px;
  }
}
@media (min-width: 3440px) {
  .mt-8 {
    margin-top: 11.2px;
  }
}
@media (max-width: 1440px) {
  .mt-8 {
    margin-top: calc(8px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mt-8 {
    margin-top: calc(8px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mt-8 {
    margin-top: calc(8px / 1.8);
  }
}
.mt-10 {
  margin-top: 10px;
}
@media (min-width: 2560px) {
  .mt-10 {
    margin-top: 13px;
  }
}
@media (min-width: 3440px) {
  .mt-10 {
    margin-top: 14px;
  }
}
@media (max-width: 1440px) {
  .mt-10 {
    margin-top: calc(10px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mt-10 {
    margin-top: calc(10px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mt-10 {
    margin-top: calc(10px / 1.8);
  }
}
.mt-12 {
  margin-top: 12px;
}
@media (min-width: 2560px) {
  .mt-12 {
    margin-top: calc(12px * 1.3);
  }
}
@media (min-width: 3440px) {
  .mt-12 {
    margin-top: calc(12px * 1.4);
  }
}
@media (max-width: 1440px) {
  .mt-12 {
    margin-top: calc(12px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mt-12 {
    margin-top: 8px;
  }
}
@media (max-width: 1024px) {
  .mt-12 {
    margin-top: calc(12px / 1.8);
  }
}
.mt-14 {
  margin-top: 14px;
}
@media (min-width: 2560px) {
  .mt-14 {
    margin-top: 18.2px;
  }
}
@media (min-width: 3440px) {
  .mt-14 {
    margin-top: calc(14px * 1.4);
  }
}
@media (max-width: 1440px) {
  .mt-14 {
    margin-top: calc(14px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mt-14 {
    margin-top: calc(14px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mt-14 {
    margin-top: calc(14px / 1.8);
  }
}
.mt-15 {
  margin-top: 15px;
}
@media (min-width: 2560px) {
  .mt-15 {
    margin-top: 19.5px;
  }
}
@media (min-width: 3440px) {
  .mt-15 {
    margin-top: 21px;
  }
}
@media (max-width: 1440px) {
  .mt-15 {
    margin-top: calc(15px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mt-15 {
    margin-top: 10px;
  }
}
@media (max-width: 1024px) {
  .mt-15 {
    margin-top: calc(15px / 1.8);
  }
}
.mt-16 {
  margin-top: 16px;
}
@media (min-width: 2560px) {
  .mt-16 {
    margin-top: 20.8px;
  }
}
@media (min-width: 3440px) {
  .mt-16 {
    margin-top: 22.4px;
  }
}
@media (max-width: 1440px) {
  .mt-16 {
    margin-top: calc(16px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mt-16 {
    margin-top: calc(16px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mt-16 {
    margin-top: calc(16px / 1.8);
  }
}
.mt-20 {
  margin-top: 20px;
}
@media (min-width: 2560px) {
  .mt-20 {
    margin-top: 26px;
  }
}
@media (min-width: 3440px) {
  .mt-20 {
    margin-top: 28px;
  }
}
@media (max-width: 1440px) {
  .mt-20 {
    margin-top: calc(20px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mt-20 {
    margin-top: calc(20px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mt-20 {
    margin-top: calc(20px / 1.8);
  }
}
.mt-22 {
  margin-top: 22px;
}
@media (min-width: 2560px) {
  .mt-22 {
    margin-top: 28.6px;
  }
}
@media (min-width: 3440px) {
  .mt-22 {
    margin-top: calc(22px * 1.4);
  }
}
@media (max-width: 1440px) {
  .mt-22 {
    margin-top: calc(22px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mt-22 {
    margin-top: calc(22px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mt-22 {
    margin-top: calc(22px / 1.8);
  }
}
.mt-24 {
  margin-top: 24px;
}
@media (min-width: 2560px) {
  .mt-24 {
    margin-top: calc(24px * 1.3);
  }
}
@media (min-width: 3440px) {
  .mt-24 {
    margin-top: calc(24px * 1.4);
  }
}
@media (max-width: 1440px) {
  .mt-24 {
    margin-top: calc(24px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mt-24 {
    margin-top: 16px;
  }
}
@media (max-width: 1024px) {
  .mt-24 {
    margin-top: calc(24px / 1.8);
  }
}
.mt-30 {
  margin-top: 30px;
}
@media (min-width: 2560px) {
  .mt-30 {
    margin-top: 39px;
  }
}
@media (min-width: 3440px) {
  .mt-30 {
    margin-top: 42px;
  }
}
@media (max-width: 1440px) {
  .mt-30 {
    margin-top: calc(30px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mt-30 {
    margin-top: 20px;
  }
}
@media (max-width: 1024px) {
  .mt-30 {
    margin-top: calc(30px / 1.8);
  }
}
.mt-32 {
  margin-top: 32px;
}
@media (min-width: 2560px) {
  .mt-32 {
    margin-top: 41.6px;
  }
}
@media (min-width: 3440px) {
  .mt-32 {
    margin-top: 44.8px;
  }
}
@media (max-width: 1440px) {
  .mt-32 {
    margin-top: calc(32px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mt-32 {
    margin-top: calc(32px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mt-32 {
    margin-top: calc(32px / 1.8);
  }
}
.mt-40 {
  margin-top: 40px;
}
@media (min-width: 2560px) {
  .mt-40 {
    margin-top: 52px;
  }
}
@media (min-width: 3440px) {
  .mt-40 {
    margin-top: 56px;
  }
}
@media (max-width: 1440px) {
  .mt-40 {
    margin-top: calc(40px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mt-40 {
    margin-top: calc(40px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mt-40 {
    margin-top: calc(40px / 1.8);
  }
}
.mt-48 {
  margin-top: 48px;
}
@media (min-width: 2560px) {
  .mt-48 {
    margin-top: calc(48px * 1.3);
  }
}
@media (min-width: 3440px) {
  .mt-48 {
    margin-top: calc(48px * 1.4);
  }
}
@media (max-width: 1440px) {
  .mt-48 {
    margin-top: calc(48px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mt-48 {
    margin-top: 32px;
  }
}
@media (max-width: 1024px) {
  .mt-48 {
    margin-top: calc(48px / 1.8);
  }
}
.mt-50 {
  margin-top: 50px;
}
@media (min-width: 2560px) {
  .mt-50 {
    margin-top: 65px;
  }
}
@media (min-width: 3440px) {
  .mt-50 {
    margin-top: 70px;
  }
}
@media (max-width: 1440px) {
  .mt-50 {
    margin-top: calc(50px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mt-50 {
    margin-top: calc(50px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mt-50 {
    margin-top: calc(50px / 1.8);
  }
}
.mt-60 {
  margin-top: 60px;
}
@media (min-width: 2560px) {
  .mt-60 {
    margin-top: 78px;
  }
}
@media (min-width: 3440px) {
  .mt-60 {
    margin-top: 84px;
  }
}
@media (max-width: 1440px) {
  .mt-60 {
    margin-top: calc(60px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mt-60 {
    margin-top: 40px;
  }
}
@media (max-width: 1024px) {
  .mt-60 {
    margin-top: calc(60px / 1.8);
  }
}
.mt-72 {
  margin-top: 72px;
}
@media (min-width: 2560px) {
  .mt-72 {
    margin-top: calc(72px * 1.3);
  }
}
@media (min-width: 3440px) {
  .mt-72 {
    margin-top: 100.8px;
  }
}
@media (max-width: 1440px) {
  .mt-72 {
    margin-top: calc(72px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mt-72 {
    margin-top: 48px;
  }
}
@media (max-width: 1024px) {
  .mt-72 {
    margin-top: 40px;
  }
}
.mt-80 {
  margin-top: 80px;
}
@media (min-width: 2560px) {
  .mt-80 {
    margin-top: 104px;
  }
}
@media (min-width: 3440px) {
  .mt-80 {
    margin-top: 112px;
  }
}
@media (max-width: 1440px) {
  .mt-80 {
    margin-top: calc(80px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mt-80 {
    margin-top: calc(80px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mt-80 {
    margin-top: calc(80px / 1.8);
  }
}
.mt-90 {
  margin-top: 90px;
}
@media (min-width: 2560px) {
  .mt-90 {
    margin-top: 117px;
  }
}
@media (min-width: 3440px) {
  .mt-90 {
    margin-top: calc(90px * 1.4);
  }
}
@media (max-width: 1440px) {
  .mt-90 {
    margin-top: calc(90px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mt-90 {
    margin-top: 60px;
  }
}
@media (max-width: 1024px) {
  .mt-90 {
    margin-top: 50px;
  }
}
.mt-100 {
  margin-top: 100px;
}
@media (min-width: 2560px) {
  .mt-100 {
    margin-top: 130px;
  }
}
@media (min-width: 3440px) {
  .mt-100 {
    margin-top: 140px;
  }
}
@media (max-width: 1440px) {
  .mt-100 {
    margin-top: calc(100px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mt-100 {
    margin-top: calc(100px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mt-100 {
    margin-top: calc(100px / 1.8);
  }
}
.mt-auto {
  margin-top: auto;
}
.mr-0 {
  margin-right: 0;
}
@media (min-width: 2560px) {
  .mr-0 {
    margin-right: 0;
  }
}
@media (min-width: 3440px) {
  .mr-0 {
    margin-right: 0;
  }
}
@media (max-width: 1440px) {
  .mr-0 {
    margin-right: 0;
  }
}
@media (max-width: 1280px) {
  .mr-0 {
    margin-right: 0;
  }
}
@media (max-width: 1024px) {
  .mr-0 {
    margin-right: 0;
  }
}
.mr-2 {
  margin-right: 2px;
}
@media (min-width: 2560px) {
  .mr-2 {
    margin-right: 2.6px;
  }
}
@media (min-width: 3440px) {
  .mr-2 {
    margin-right: 2.8px;
  }
}
@media (max-width: 1440px) {
  .mr-2 {
    margin-right: calc(2px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mr-2 {
    margin-right: calc(2px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mr-2 {
    margin-right: calc(2px / 1.8);
  }
}
.mr-4 {
  margin-right: 4px;
}
@media (min-width: 2560px) {
  .mr-4 {
    margin-right: 5.2px;
  }
}
@media (min-width: 3440px) {
  .mr-4 {
    margin-right: 5.6px;
  }
}
@media (max-width: 1440px) {
  .mr-4 {
    margin-right: calc(4px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mr-4 {
    margin-right: calc(4px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mr-4 {
    margin-right: calc(4px / 1.8);
  }
}
.mr-6 {
  margin-right: 6px;
}
@media (min-width: 2560px) {
  .mr-6 {
    margin-right: calc(6px * 1.3);
  }
}
@media (min-width: 3440px) {
  .mr-6 {
    margin-right: calc(6px * 1.4);
  }
}
@media (max-width: 1440px) {
  .mr-6 {
    margin-right: calc(6px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mr-6 {
    margin-right: 4px;
  }
}
@media (max-width: 1024px) {
  .mr-6 {
    margin-right: calc(6px / 1.8);
  }
}
.mr-8 {
  margin-right: 8px;
}
@media (min-width: 2560px) {
  .mr-8 {
    margin-right: 10.4px;
  }
}
@media (min-width: 3440px) {
  .mr-8 {
    margin-right: 11.2px;
  }
}
@media (max-width: 1440px) {
  .mr-8 {
    margin-right: calc(8px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mr-8 {
    margin-right: calc(8px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mr-8 {
    margin-right: calc(8px / 1.8);
  }
}
.mr-10 {
  margin-right: 10px;
}
@media (min-width: 2560px) {
  .mr-10 {
    margin-right: 13px;
  }
}
@media (min-width: 3440px) {
  .mr-10 {
    margin-right: 14px;
  }
}
@media (max-width: 1440px) {
  .mr-10 {
    margin-right: calc(10px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mr-10 {
    margin-right: calc(10px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mr-10 {
    margin-right: calc(10px / 1.8);
  }
}
.mr-12 {
  margin-right: 12px;
}
@media (min-width: 2560px) {
  .mr-12 {
    margin-right: calc(12px * 1.3);
  }
}
@media (min-width: 3440px) {
  .mr-12 {
    margin-right: calc(12px * 1.4);
  }
}
@media (max-width: 1440px) {
  .mr-12 {
    margin-right: calc(12px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mr-12 {
    margin-right: 8px;
  }
}
@media (max-width: 1024px) {
  .mr-12 {
    margin-right: calc(12px / 1.8);
  }
}
.mr-14 {
  margin-right: 14px;
}
@media (min-width: 2560px) {
  .mr-14 {
    margin-right: 18.2px;
  }
}
@media (min-width: 3440px) {
  .mr-14 {
    margin-right: calc(14px * 1.4);
  }
}
@media (max-width: 1440px) {
  .mr-14 {
    margin-right: calc(14px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mr-14 {
    margin-right: calc(14px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mr-14 {
    margin-right: calc(14px / 1.8);
  }
}
.mr-15 {
  margin-right: 15px;
}
@media (min-width: 2560px) {
  .mr-15 {
    margin-right: 19.5px;
  }
}
@media (min-width: 3440px) {
  .mr-15 {
    margin-right: 21px;
  }
}
@media (max-width: 1440px) {
  .mr-15 {
    margin-right: calc(15px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mr-15 {
    margin-right: 10px;
  }
}
@media (max-width: 1024px) {
  .mr-15 {
    margin-right: calc(15px / 1.8);
  }
}
.mr-16 {
  margin-right: 16px;
}
@media (min-width: 2560px) {
  .mr-16 {
    margin-right: 20.8px;
  }
}
@media (min-width: 3440px) {
  .mr-16 {
    margin-right: 22.4px;
  }
}
@media (max-width: 1440px) {
  .mr-16 {
    margin-right: calc(16px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mr-16 {
    margin-right: calc(16px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mr-16 {
    margin-right: calc(16px / 1.8);
  }
}
.mr-20 {
  margin-right: 20px;
}
@media (min-width: 2560px) {
  .mr-20 {
    margin-right: 26px;
  }
}
@media (min-width: 3440px) {
  .mr-20 {
    margin-right: 28px;
  }
}
@media (max-width: 1440px) {
  .mr-20 {
    margin-right: calc(20px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mr-20 {
    margin-right: calc(20px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mr-20 {
    margin-right: calc(20px / 1.8);
  }
}
.mr-22 {
  margin-right: 22px;
}
@media (min-width: 2560px) {
  .mr-22 {
    margin-right: 28.6px;
  }
}
@media (min-width: 3440px) {
  .mr-22 {
    margin-right: calc(22px * 1.4);
  }
}
@media (max-width: 1440px) {
  .mr-22 {
    margin-right: calc(22px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mr-22 {
    margin-right: calc(22px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mr-22 {
    margin-right: calc(22px / 1.8);
  }
}
.mr-24 {
  margin-right: 24px;
}
@media (min-width: 2560px) {
  .mr-24 {
    margin-right: calc(24px * 1.3);
  }
}
@media (min-width: 3440px) {
  .mr-24 {
    margin-right: calc(24px * 1.4);
  }
}
@media (max-width: 1440px) {
  .mr-24 {
    margin-right: calc(24px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mr-24 {
    margin-right: 16px;
  }
}
@media (max-width: 1024px) {
  .mr-24 {
    margin-right: calc(24px / 1.8);
  }
}
.mr-30 {
  margin-right: 30px;
}
@media (min-width: 2560px) {
  .mr-30 {
    margin-right: 39px;
  }
}
@media (min-width: 3440px) {
  .mr-30 {
    margin-right: 42px;
  }
}
@media (max-width: 1440px) {
  .mr-30 {
    margin-right: calc(30px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mr-30 {
    margin-right: 20px;
  }
}
@media (max-width: 1024px) {
  .mr-30 {
    margin-right: calc(30px / 1.8);
  }
}
.mr-32 {
  margin-right: 32px;
}
@media (min-width: 2560px) {
  .mr-32 {
    margin-right: 41.6px;
  }
}
@media (min-width: 3440px) {
  .mr-32 {
    margin-right: 44.8px;
  }
}
@media (max-width: 1440px) {
  .mr-32 {
    margin-right: calc(32px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mr-32 {
    margin-right: calc(32px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mr-32 {
    margin-right: calc(32px / 1.8);
  }
}
.mr-40 {
  margin-right: 40px;
}
@media (min-width: 2560px) {
  .mr-40 {
    margin-right: 52px;
  }
}
@media (min-width: 3440px) {
  .mr-40 {
    margin-right: 56px;
  }
}
@media (max-width: 1440px) {
  .mr-40 {
    margin-right: calc(40px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mr-40 {
    margin-right: calc(40px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mr-40 {
    margin-right: calc(40px / 1.8);
  }
}
.mr-48 {
  margin-right: 48px;
}
@media (min-width: 2560px) {
  .mr-48 {
    margin-right: calc(48px * 1.3);
  }
}
@media (min-width: 3440px) {
  .mr-48 {
    margin-right: calc(48px * 1.4);
  }
}
@media (max-width: 1440px) {
  .mr-48 {
    margin-right: calc(48px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mr-48 {
    margin-right: 32px;
  }
}
@media (max-width: 1024px) {
  .mr-48 {
    margin-right: calc(48px / 1.8);
  }
}
.mr-50 {
  margin-right: 50px;
}
@media (min-width: 2560px) {
  .mr-50 {
    margin-right: 65px;
  }
}
@media (min-width: 3440px) {
  .mr-50 {
    margin-right: 70px;
  }
}
@media (max-width: 1440px) {
  .mr-50 {
    margin-right: calc(50px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mr-50 {
    margin-right: calc(50px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mr-50 {
    margin-right: calc(50px / 1.8);
  }
}
.mr-60 {
  margin-right: 60px;
}
@media (min-width: 2560px) {
  .mr-60 {
    margin-right: 78px;
  }
}
@media (min-width: 3440px) {
  .mr-60 {
    margin-right: 84px;
  }
}
@media (max-width: 1440px) {
  .mr-60 {
    margin-right: calc(60px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mr-60 {
    margin-right: 40px;
  }
}
@media (max-width: 1024px) {
  .mr-60 {
    margin-right: calc(60px / 1.8);
  }
}
.mr-72 {
  margin-right: 72px;
}
@media (min-width: 2560px) {
  .mr-72 {
    margin-right: calc(72px * 1.3);
  }
}
@media (min-width: 3440px) {
  .mr-72 {
    margin-right: 100.8px;
  }
}
@media (max-width: 1440px) {
  .mr-72 {
    margin-right: calc(72px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mr-72 {
    margin-right: 48px;
  }
}
@media (max-width: 1024px) {
  .mr-72 {
    margin-right: 40px;
  }
}
.mr-80 {
  margin-right: 80px;
}
@media (min-width: 2560px) {
  .mr-80 {
    margin-right: 104px;
  }
}
@media (min-width: 3440px) {
  .mr-80 {
    margin-right: 112px;
  }
}
@media (max-width: 1440px) {
  .mr-80 {
    margin-right: calc(80px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mr-80 {
    margin-right: calc(80px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mr-80 {
    margin-right: calc(80px / 1.8);
  }
}
.mr-90 {
  margin-right: 90px;
}
@media (min-width: 2560px) {
  .mr-90 {
    margin-right: 117px;
  }
}
@media (min-width: 3440px) {
  .mr-90 {
    margin-right: calc(90px * 1.4);
  }
}
@media (max-width: 1440px) {
  .mr-90 {
    margin-right: calc(90px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mr-90 {
    margin-right: 60px;
  }
}
@media (max-width: 1024px) {
  .mr-90 {
    margin-right: 50px;
  }
}
.mr-100 {
  margin-right: 100px;
}
@media (min-width: 2560px) {
  .mr-100 {
    margin-right: 130px;
  }
}
@media (min-width: 3440px) {
  .mr-100 {
    margin-right: 140px;
  }
}
@media (max-width: 1440px) {
  .mr-100 {
    margin-right: calc(100px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mr-100 {
    margin-right: calc(100px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mr-100 {
    margin-right: calc(100px / 1.8);
  }
}
.mr-auto {
  margin-right: auto;
}
.mb-0 {
  margin-bottom: 0;
}
@media (min-width: 2560px) {
  .mb-0 {
    margin-bottom: 0;
  }
}
@media (min-width: 3440px) {
  .mb-0 {
    margin-bottom: 0;
  }
}
@media (max-width: 1440px) {
  .mb-0 {
    margin-bottom: 0;
  }
}
@media (max-width: 1280px) {
  .mb-0 {
    margin-bottom: 0;
  }
}
@media (max-width: 1024px) {
  .mb-0 {
    margin-bottom: 0;
  }
}
.mb-2 {
  margin-bottom: 2px;
}
@media (min-width: 2560px) {
  .mb-2 {
    margin-bottom: 2.6px;
  }
}
@media (min-width: 3440px) {
  .mb-2 {
    margin-bottom: 2.8px;
  }
}
@media (max-width: 1440px) {
  .mb-2 {
    margin-bottom: calc(2px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mb-2 {
    margin-bottom: calc(2px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mb-2 {
    margin-bottom: calc(2px / 1.8);
  }
}
.mb-4 {
  margin-bottom: 4px;
}
@media (min-width: 2560px) {
  .mb-4 {
    margin-bottom: 5.2px;
  }
}
@media (min-width: 3440px) {
  .mb-4 {
    margin-bottom: 5.6px;
  }
}
@media (max-width: 1440px) {
  .mb-4 {
    margin-bottom: calc(4px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mb-4 {
    margin-bottom: calc(4px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mb-4 {
    margin-bottom: calc(4px / 1.8);
  }
}
.mb-6 {
  margin-bottom: 6px;
}
@media (min-width: 2560px) {
  .mb-6 {
    margin-bottom: calc(6px * 1.3);
  }
}
@media (min-width: 3440px) {
  .mb-6 {
    margin-bottom: calc(6px * 1.4);
  }
}
@media (max-width: 1440px) {
  .mb-6 {
    margin-bottom: calc(6px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mb-6 {
    margin-bottom: 4px;
  }
}
@media (max-width: 1024px) {
  .mb-6 {
    margin-bottom: calc(6px / 1.8);
  }
}
.mb-8 {
  margin-bottom: 8px;
}
@media (min-width: 2560px) {
  .mb-8 {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 3440px) {
  .mb-8 {
    margin-bottom: 11.2px;
  }
}
@media (max-width: 1440px) {
  .mb-8 {
    margin-bottom: calc(8px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mb-8 {
    margin-bottom: calc(8px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mb-8 {
    margin-bottom: calc(8px / 1.8);
  }
}
.mb-10 {
  margin-bottom: 10px;
}
@media (min-width: 2560px) {
  .mb-10 {
    margin-bottom: 13px;
  }
}
@media (min-width: 3440px) {
  .mb-10 {
    margin-bottom: 14px;
  }
}
@media (max-width: 1440px) {
  .mb-10 {
    margin-bottom: calc(10px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mb-10 {
    margin-bottom: calc(10px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mb-10 {
    margin-bottom: calc(10px / 1.8);
  }
}
.mb-12 {
  margin-bottom: 12px;
}
@media (min-width: 2560px) {
  .mb-12 {
    margin-bottom: calc(12px * 1.3);
  }
}
@media (min-width: 3440px) {
  .mb-12 {
    margin-bottom: calc(12px * 1.4);
  }
}
@media (max-width: 1440px) {
  .mb-12 {
    margin-bottom: calc(12px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mb-12 {
    margin-bottom: 8px;
  }
}
@media (max-width: 1024px) {
  .mb-12 {
    margin-bottom: calc(12px / 1.8);
  }
}
.mb-14 {
  margin-bottom: 14px;
}
@media (min-width: 2560px) {
  .mb-14 {
    margin-bottom: 18.2px;
  }
}
@media (min-width: 3440px) {
  .mb-14 {
    margin-bottom: calc(14px * 1.4);
  }
}
@media (max-width: 1440px) {
  .mb-14 {
    margin-bottom: calc(14px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mb-14 {
    margin-bottom: calc(14px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mb-14 {
    margin-bottom: calc(14px / 1.8);
  }
}
.mb-15 {
  margin-bottom: 15px;
}
@media (min-width: 2560px) {
  .mb-15 {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 3440px) {
  .mb-15 {
    margin-bottom: 21px;
  }
}
@media (max-width: 1440px) {
  .mb-15 {
    margin-bottom: calc(15px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mb-15 {
    margin-bottom: 10px;
  }
}
@media (max-width: 1024px) {
  .mb-15 {
    margin-bottom: calc(15px / 1.8);
  }
}
.mb-16 {
  margin-bottom: 16px;
}
@media (min-width: 2560px) {
  .mb-16 {
    margin-bottom: 20.8px;
  }
}
@media (min-width: 3440px) {
  .mb-16 {
    margin-bottom: 22.4px;
  }
}
@media (max-width: 1440px) {
  .mb-16 {
    margin-bottom: calc(16px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mb-16 {
    margin-bottom: calc(16px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mb-16 {
    margin-bottom: calc(16px / 1.8);
  }
}
.mb-20 {
  margin-bottom: 20px;
}
@media (min-width: 2560px) {
  .mb-20 {
    margin-bottom: 26px;
  }
}
@media (min-width: 3440px) {
  .mb-20 {
    margin-bottom: 28px;
  }
}
@media (max-width: 1440px) {
  .mb-20 {
    margin-bottom: calc(20px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mb-20 {
    margin-bottom: calc(20px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mb-20 {
    margin-bottom: calc(20px / 1.8);
  }
}
.mb-22 {
  margin-bottom: 22px;
}
@media (min-width: 2560px) {
  .mb-22 {
    margin-bottom: 28.6px;
  }
}
@media (min-width: 3440px) {
  .mb-22 {
    margin-bottom: calc(22px * 1.4);
  }
}
@media (max-width: 1440px) {
  .mb-22 {
    margin-bottom: calc(22px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mb-22 {
    margin-bottom: calc(22px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mb-22 {
    margin-bottom: calc(22px / 1.8);
  }
}
.mb-24 {
  margin-bottom: 24px;
}
@media (min-width: 2560px) {
  .mb-24 {
    margin-bottom: calc(24px * 1.3);
  }
}
@media (min-width: 3440px) {
  .mb-24 {
    margin-bottom: calc(24px * 1.4);
  }
}
@media (max-width: 1440px) {
  .mb-24 {
    margin-bottom: calc(24px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mb-24 {
    margin-bottom: 16px;
  }
}
@media (max-width: 1024px) {
  .mb-24 {
    margin-bottom: calc(24px / 1.8);
  }
}
.mb-30 {
  margin-bottom: 30px;
}
@media (min-width: 2560px) {
  .mb-30 {
    margin-bottom: 39px;
  }
}
@media (min-width: 3440px) {
  .mb-30 {
    margin-bottom: 42px;
  }
}
@media (max-width: 1440px) {
  .mb-30 {
    margin-bottom: calc(30px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mb-30 {
    margin-bottom: 20px;
  }
}
@media (max-width: 1024px) {
  .mb-30 {
    margin-bottom: calc(30px / 1.8);
  }
}
.mb-32 {
  margin-bottom: 32px;
}
@media (min-width: 2560px) {
  .mb-32 {
    margin-bottom: 41.6px;
  }
}
@media (min-width: 3440px) {
  .mb-32 {
    margin-bottom: 44.8px;
  }
}
@media (max-width: 1440px) {
  .mb-32 {
    margin-bottom: calc(32px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mb-32 {
    margin-bottom: calc(32px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mb-32 {
    margin-bottom: calc(32px / 1.8);
  }
}
.mb-40 {
  margin-bottom: 40px;
}
@media (min-width: 2560px) {
  .mb-40 {
    margin-bottom: 52px;
  }
}
@media (min-width: 3440px) {
  .mb-40 {
    margin-bottom: 56px;
  }
}
@media (max-width: 1440px) {
  .mb-40 {
    margin-bottom: calc(40px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mb-40 {
    margin-bottom: calc(40px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mb-40 {
    margin-bottom: calc(40px / 1.8);
  }
}
.mb-48 {
  margin-bottom: 48px;
}
@media (min-width: 2560px) {
  .mb-48 {
    margin-bottom: calc(48px * 1.3);
  }
}
@media (min-width: 3440px) {
  .mb-48 {
    margin-bottom: calc(48px * 1.4);
  }
}
@media (max-width: 1440px) {
  .mb-48 {
    margin-bottom: calc(48px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mb-48 {
    margin-bottom: 32px;
  }
}
@media (max-width: 1024px) {
  .mb-48 {
    margin-bottom: calc(48px / 1.8);
  }
}
.mb-50 {
  margin-bottom: 50px;
}
@media (min-width: 2560px) {
  .mb-50 {
    margin-bottom: 65px;
  }
}
@media (min-width: 3440px) {
  .mb-50 {
    margin-bottom: 70px;
  }
}
@media (max-width: 1440px) {
  .mb-50 {
    margin-bottom: calc(50px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mb-50 {
    margin-bottom: calc(50px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mb-50 {
    margin-bottom: calc(50px / 1.8);
  }
}
.mb-60 {
  margin-bottom: 60px;
}
@media (min-width: 2560px) {
  .mb-60 {
    margin-bottom: 78px;
  }
}
@media (min-width: 3440px) {
  .mb-60 {
    margin-bottom: 84px;
  }
}
@media (max-width: 1440px) {
  .mb-60 {
    margin-bottom: calc(60px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mb-60 {
    margin-bottom: 40px;
  }
}
@media (max-width: 1024px) {
  .mb-60 {
    margin-bottom: calc(60px / 1.8);
  }
}
.mb-72 {
  margin-bottom: 72px;
}
@media (min-width: 2560px) {
  .mb-72 {
    margin-bottom: calc(72px * 1.3);
  }
}
@media (min-width: 3440px) {
  .mb-72 {
    margin-bottom: 100.8px;
  }
}
@media (max-width: 1440px) {
  .mb-72 {
    margin-bottom: calc(72px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mb-72 {
    margin-bottom: 48px;
  }
}
@media (max-width: 1024px) {
  .mb-72 {
    margin-bottom: 40px;
  }
}
.mb-80 {
  margin-bottom: 80px;
}
@media (min-width: 2560px) {
  .mb-80 {
    margin-bottom: 104px;
  }
}
@media (min-width: 3440px) {
  .mb-80 {
    margin-bottom: 112px;
  }
}
@media (max-width: 1440px) {
  .mb-80 {
    margin-bottom: calc(80px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mb-80 {
    margin-bottom: calc(80px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mb-80 {
    margin-bottom: calc(80px / 1.8);
  }
}
.mb-90 {
  margin-bottom: 90px;
}
@media (min-width: 2560px) {
  .mb-90 {
    margin-bottom: 117px;
  }
}
@media (min-width: 3440px) {
  .mb-90 {
    margin-bottom: calc(90px * 1.4);
  }
}
@media (max-width: 1440px) {
  .mb-90 {
    margin-bottom: calc(90px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mb-90 {
    margin-bottom: 60px;
  }
}
@media (max-width: 1024px) {
  .mb-90 {
    margin-bottom: 50px;
  }
}
.mb-100 {
  margin-bottom: 100px;
}
@media (min-width: 2560px) {
  .mb-100 {
    margin-bottom: 130px;
  }
}
@media (min-width: 3440px) {
  .mb-100 {
    margin-bottom: 140px;
  }
}
@media (max-width: 1440px) {
  .mb-100 {
    margin-bottom: calc(100px / 1.3);
  }
}
@media (max-width: 1280px) {
  .mb-100 {
    margin-bottom: calc(100px / 1.5);
  }
}
@media (max-width: 1024px) {
  .mb-100 {
    margin-bottom: calc(100px / 1.8);
  }
}
.mb-auto {
  margin-bottom: auto;
}
.ml-0 {
  margin-left: 0;
}
@media (min-width: 2560px) {
  .ml-0 {
    margin-left: 0;
  }
}
@media (min-width: 3440px) {
  .ml-0 {
    margin-left: 0;
  }
}
@media (max-width: 1440px) {
  .ml-0 {
    margin-left: 0;
  }
}
@media (max-width: 1280px) {
  .ml-0 {
    margin-left: 0;
  }
}
@media (max-width: 1024px) {
  .ml-0 {
    margin-left: 0;
  }
}
.ml-2 {
  margin-left: 2px;
}
@media (min-width: 2560px) {
  .ml-2 {
    margin-left: 2.6px;
  }
}
@media (min-width: 3440px) {
  .ml-2 {
    margin-left: 2.8px;
  }
}
@media (max-width: 1440px) {
  .ml-2 {
    margin-left: calc(2px / 1.3);
  }
}
@media (max-width: 1280px) {
  .ml-2 {
    margin-left: calc(2px / 1.5);
  }
}
@media (max-width: 1024px) {
  .ml-2 {
    margin-left: calc(2px / 1.8);
  }
}
.ml-4 {
  margin-left: 4px;
}
@media (min-width: 2560px) {
  .ml-4 {
    margin-left: 5.2px;
  }
}
@media (min-width: 3440px) {
  .ml-4 {
    margin-left: 5.6px;
  }
}
@media (max-width: 1440px) {
  .ml-4 {
    margin-left: calc(4px / 1.3);
  }
}
@media (max-width: 1280px) {
  .ml-4 {
    margin-left: calc(4px / 1.5);
  }
}
@media (max-width: 1024px) {
  .ml-4 {
    margin-left: calc(4px / 1.8);
  }
}
.ml-6 {
  margin-left: 6px;
}
@media (min-width: 2560px) {
  .ml-6 {
    margin-left: calc(6px * 1.3);
  }
}
@media (min-width: 3440px) {
  .ml-6 {
    margin-left: calc(6px * 1.4);
  }
}
@media (max-width: 1440px) {
  .ml-6 {
    margin-left: calc(6px / 1.3);
  }
}
@media (max-width: 1280px) {
  .ml-6 {
    margin-left: 4px;
  }
}
@media (max-width: 1024px) {
  .ml-6 {
    margin-left: calc(6px / 1.8);
  }
}
.ml-8 {
  margin-left: 8px;
}
@media (min-width: 2560px) {
  .ml-8 {
    margin-left: 10.4px;
  }
}
@media (min-width: 3440px) {
  .ml-8 {
    margin-left: 11.2px;
  }
}
@media (max-width: 1440px) {
  .ml-8 {
    margin-left: calc(8px / 1.3);
  }
}
@media (max-width: 1280px) {
  .ml-8 {
    margin-left: calc(8px / 1.5);
  }
}
@media (max-width: 1024px) {
  .ml-8 {
    margin-left: calc(8px / 1.8);
  }
}
.ml-10 {
  margin-left: 10px;
}
@media (min-width: 2560px) {
  .ml-10 {
    margin-left: 13px;
  }
}
@media (min-width: 3440px) {
  .ml-10 {
    margin-left: 14px;
  }
}
@media (max-width: 1440px) {
  .ml-10 {
    margin-left: calc(10px / 1.3);
  }
}
@media (max-width: 1280px) {
  .ml-10 {
    margin-left: calc(10px / 1.5);
  }
}
@media (max-width: 1024px) {
  .ml-10 {
    margin-left: calc(10px / 1.8);
  }
}
.ml-12 {
  margin-left: 12px;
}
@media (min-width: 2560px) {
  .ml-12 {
    margin-left: calc(12px * 1.3);
  }
}
@media (min-width: 3440px) {
  .ml-12 {
    margin-left: calc(12px * 1.4);
  }
}
@media (max-width: 1440px) {
  .ml-12 {
    margin-left: calc(12px / 1.3);
  }
}
@media (max-width: 1280px) {
  .ml-12 {
    margin-left: 8px;
  }
}
@media (max-width: 1024px) {
  .ml-12 {
    margin-left: calc(12px / 1.8);
  }
}
.ml-14 {
  margin-left: 14px;
}
@media (min-width: 2560px) {
  .ml-14 {
    margin-left: 18.2px;
  }
}
@media (min-width: 3440px) {
  .ml-14 {
    margin-left: calc(14px * 1.4);
  }
}
@media (max-width: 1440px) {
  .ml-14 {
    margin-left: calc(14px / 1.3);
  }
}
@media (max-width: 1280px) {
  .ml-14 {
    margin-left: calc(14px / 1.5);
  }
}
@media (max-width: 1024px) {
  .ml-14 {
    margin-left: calc(14px / 1.8);
  }
}
.ml-15 {
  margin-left: 15px;
}
@media (min-width: 2560px) {
  .ml-15 {
    margin-left: 19.5px;
  }
}
@media (min-width: 3440px) {
  .ml-15 {
    margin-left: 21px;
  }
}
@media (max-width: 1440px) {
  .ml-15 {
    margin-left: calc(15px / 1.3);
  }
}
@media (max-width: 1280px) {
  .ml-15 {
    margin-left: 10px;
  }
}
@media (max-width: 1024px) {
  .ml-15 {
    margin-left: calc(15px / 1.8);
  }
}
.ml-16 {
  margin-left: 16px;
}
@media (min-width: 2560px) {
  .ml-16 {
    margin-left: 20.8px;
  }
}
@media (min-width: 3440px) {
  .ml-16 {
    margin-left: 22.4px;
  }
}
@media (max-width: 1440px) {
  .ml-16 {
    margin-left: calc(16px / 1.3);
  }
}
@media (max-width: 1280px) {
  .ml-16 {
    margin-left: calc(16px / 1.5);
  }
}
@media (max-width: 1024px) {
  .ml-16 {
    margin-left: calc(16px / 1.8);
  }
}
.ml-20 {
  margin-left: 20px;
}
@media (min-width: 2560px) {
  .ml-20 {
    margin-left: 26px;
  }
}
@media (min-width: 3440px) {
  .ml-20 {
    margin-left: 28px;
  }
}
@media (max-width: 1440px) {
  .ml-20 {
    margin-left: calc(20px / 1.3);
  }
}
@media (max-width: 1280px) {
  .ml-20 {
    margin-left: calc(20px / 1.5);
  }
}
@media (max-width: 1024px) {
  .ml-20 {
    margin-left: calc(20px / 1.8);
  }
}
.ml-22 {
  margin-left: 22px;
}
@media (min-width: 2560px) {
  .ml-22 {
    margin-left: 28.6px;
  }
}
@media (min-width: 3440px) {
  .ml-22 {
    margin-left: calc(22px * 1.4);
  }
}
@media (max-width: 1440px) {
  .ml-22 {
    margin-left: calc(22px / 1.3);
  }
}
@media (max-width: 1280px) {
  .ml-22 {
    margin-left: calc(22px / 1.5);
  }
}
@media (max-width: 1024px) {
  .ml-22 {
    margin-left: calc(22px / 1.8);
  }
}
.ml-24 {
  margin-left: 24px;
}
@media (min-width: 2560px) {
  .ml-24 {
    margin-left: calc(24px * 1.3);
  }
}
@media (min-width: 3440px) {
  .ml-24 {
    margin-left: calc(24px * 1.4);
  }
}
@media (max-width: 1440px) {
  .ml-24 {
    margin-left: calc(24px / 1.3);
  }
}
@media (max-width: 1280px) {
  .ml-24 {
    margin-left: 16px;
  }
}
@media (max-width: 1024px) {
  .ml-24 {
    margin-left: calc(24px / 1.8);
  }
}
.ml-30 {
  margin-left: 30px;
}
@media (min-width: 2560px) {
  .ml-30 {
    margin-left: 39px;
  }
}
@media (min-width: 3440px) {
  .ml-30 {
    margin-left: 42px;
  }
}
@media (max-width: 1440px) {
  .ml-30 {
    margin-left: calc(30px / 1.3);
  }
}
@media (max-width: 1280px) {
  .ml-30 {
    margin-left: 20px;
  }
}
@media (max-width: 1024px) {
  .ml-30 {
    margin-left: calc(30px / 1.8);
  }
}
.ml-32 {
  margin-left: 32px;
}
@media (min-width: 2560px) {
  .ml-32 {
    margin-left: 41.6px;
  }
}
@media (min-width: 3440px) {
  .ml-32 {
    margin-left: 44.8px;
  }
}
@media (max-width: 1440px) {
  .ml-32 {
    margin-left: calc(32px / 1.3);
  }
}
@media (max-width: 1280px) {
  .ml-32 {
    margin-left: calc(32px / 1.5);
  }
}
@media (max-width: 1024px) {
  .ml-32 {
    margin-left: calc(32px / 1.8);
  }
}
.ml-40 {
  margin-left: 40px;
}
@media (min-width: 2560px) {
  .ml-40 {
    margin-left: 52px;
  }
}
@media (min-width: 3440px) {
  .ml-40 {
    margin-left: 56px;
  }
}
@media (max-width: 1440px) {
  .ml-40 {
    margin-left: calc(40px / 1.3);
  }
}
@media (max-width: 1280px) {
  .ml-40 {
    margin-left: calc(40px / 1.5);
  }
}
@media (max-width: 1024px) {
  .ml-40 {
    margin-left: calc(40px / 1.8);
  }
}
.ml-48 {
  margin-left: 48px;
}
@media (min-width: 2560px) {
  .ml-48 {
    margin-left: calc(48px * 1.3);
  }
}
@media (min-width: 3440px) {
  .ml-48 {
    margin-left: calc(48px * 1.4);
  }
}
@media (max-width: 1440px) {
  .ml-48 {
    margin-left: calc(48px / 1.3);
  }
}
@media (max-width: 1280px) {
  .ml-48 {
    margin-left: 32px;
  }
}
@media (max-width: 1024px) {
  .ml-48 {
    margin-left: calc(48px / 1.8);
  }
}
.ml-50 {
  margin-left: 50px;
}
@media (min-width: 2560px) {
  .ml-50 {
    margin-left: 65px;
  }
}
@media (min-width: 3440px) {
  .ml-50 {
    margin-left: 70px;
  }
}
@media (max-width: 1440px) {
  .ml-50 {
    margin-left: calc(50px / 1.3);
  }
}
@media (max-width: 1280px) {
  .ml-50 {
    margin-left: calc(50px / 1.5);
  }
}
@media (max-width: 1024px) {
  .ml-50 {
    margin-left: calc(50px / 1.8);
  }
}
.ml-60 {
  margin-left: 60px;
}
@media (min-width: 2560px) {
  .ml-60 {
    margin-left: 78px;
  }
}
@media (min-width: 3440px) {
  .ml-60 {
    margin-left: 84px;
  }
}
@media (max-width: 1440px) {
  .ml-60 {
    margin-left: calc(60px / 1.3);
  }
}
@media (max-width: 1280px) {
  .ml-60 {
    margin-left: 40px;
  }
}
@media (max-width: 1024px) {
  .ml-60 {
    margin-left: calc(60px / 1.8);
  }
}
.ml-72 {
  margin-left: 72px;
}
@media (min-width: 2560px) {
  .ml-72 {
    margin-left: calc(72px * 1.3);
  }
}
@media (min-width: 3440px) {
  .ml-72 {
    margin-left: 100.8px;
  }
}
@media (max-width: 1440px) {
  .ml-72 {
    margin-left: calc(72px / 1.3);
  }
}
@media (max-width: 1280px) {
  .ml-72 {
    margin-left: 48px;
  }
}
@media (max-width: 1024px) {
  .ml-72 {
    margin-left: 40px;
  }
}
.ml-80 {
  margin-left: 80px;
}
@media (min-width: 2560px) {
  .ml-80 {
    margin-left: 104px;
  }
}
@media (min-width: 3440px) {
  .ml-80 {
    margin-left: 112px;
  }
}
@media (max-width: 1440px) {
  .ml-80 {
    margin-left: calc(80px / 1.3);
  }
}
@media (max-width: 1280px) {
  .ml-80 {
    margin-left: calc(80px / 1.5);
  }
}
@media (max-width: 1024px) {
  .ml-80 {
    margin-left: calc(80px / 1.8);
  }
}
.ml-90 {
  margin-left: 90px;
}
@media (min-width: 2560px) {
  .ml-90 {
    margin-left: 117px;
  }
}
@media (min-width: 3440px) {
  .ml-90 {
    margin-left: calc(90px * 1.4);
  }
}
@media (max-width: 1440px) {
  .ml-90 {
    margin-left: calc(90px / 1.3);
  }
}
@media (max-width: 1280px) {
  .ml-90 {
    margin-left: 60px;
  }
}
@media (max-width: 1024px) {
  .ml-90 {
    margin-left: 50px;
  }
}
.ml-100 {
  margin-left: 100px;
}
@media (min-width: 2560px) {
  .ml-100 {
    margin-left: 130px;
  }
}
@media (min-width: 3440px) {
  .ml-100 {
    margin-left: 140px;
  }
}
@media (max-width: 1440px) {
  .ml-100 {
    margin-left: calc(100px / 1.3);
  }
}
@media (max-width: 1280px) {
  .ml-100 {
    margin-left: calc(100px / 1.5);
  }
}
@media (max-width: 1024px) {
  .ml-100 {
    margin-left: calc(100px / 1.8);
  }
}
.ml-auto {
  margin-left: auto;
}
.pt-0 {
  padding-top: 0;
}
@media (min-width: 2560px) {
  .pt-0 {
    padding-top: 0;
  }
}
@media (min-width: 3440px) {
  .pt-0 {
    padding-top: 0;
  }
}
@media (max-width: 1440px) {
  .pt-0 {
    padding-top: 0;
  }
}
@media (max-width: 1280px) {
  .pt-0 {
    padding-top: 0;
  }
}
@media (max-width: 1024px) {
  .pt-0 {
    padding-top: 0;
  }
}
.pt-2 {
  padding-top: 2px;
}
@media (min-width: 2560px) {
  .pt-2 {
    padding-top: 2.6px;
  }
}
@media (min-width: 3440px) {
  .pt-2 {
    padding-top: 2.8px;
  }
}
@media (max-width: 1440px) {
  .pt-2 {
    padding-top: calc(2px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pt-2 {
    padding-top: calc(2px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pt-2 {
    padding-top: calc(2px / 1.8);
  }
}
.pt-4 {
  padding-top: 4px;
}
@media (min-width: 2560px) {
  .pt-4 {
    padding-top: 5.2px;
  }
}
@media (min-width: 3440px) {
  .pt-4 {
    padding-top: 5.6px;
  }
}
@media (max-width: 1440px) {
  .pt-4 {
    padding-top: calc(4px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pt-4 {
    padding-top: calc(4px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pt-4 {
    padding-top: calc(4px / 1.8);
  }
}
.pt-6 {
  padding-top: 6px;
}
@media (min-width: 2560px) {
  .pt-6 {
    padding-top: calc(6px * 1.3);
  }
}
@media (min-width: 3440px) {
  .pt-6 {
    padding-top: calc(6px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pt-6 {
    padding-top: calc(6px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pt-6 {
    padding-top: 4px;
  }
}
@media (max-width: 1024px) {
  .pt-6 {
    padding-top: calc(6px / 1.8);
  }
}
.pt-8 {
  padding-top: 8px;
}
@media (min-width: 2560px) {
  .pt-8 {
    padding-top: 10.4px;
  }
}
@media (min-width: 3440px) {
  .pt-8 {
    padding-top: 11.2px;
  }
}
@media (max-width: 1440px) {
  .pt-8 {
    padding-top: calc(8px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pt-8 {
    padding-top: calc(8px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pt-8 {
    padding-top: calc(8px / 1.8);
  }
}
.pt-10 {
  padding-top: 10px;
}
@media (min-width: 2560px) {
  .pt-10 {
    padding-top: 13px;
  }
}
@media (min-width: 3440px) {
  .pt-10 {
    padding-top: 14px;
  }
}
@media (max-width: 1440px) {
  .pt-10 {
    padding-top: calc(10px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pt-10 {
    padding-top: calc(10px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pt-10 {
    padding-top: calc(10px / 1.8);
  }
}
.pt-12 {
  padding-top: 12px;
}
@media (min-width: 2560px) {
  .pt-12 {
    padding-top: calc(12px * 1.3);
  }
}
@media (min-width: 3440px) {
  .pt-12 {
    padding-top: calc(12px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pt-12 {
    padding-top: calc(12px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pt-12 {
    padding-top: 8px;
  }
}
@media (max-width: 1024px) {
  .pt-12 {
    padding-top: calc(12px / 1.8);
  }
}
.pt-14 {
  padding-top: 14px;
}
@media (min-width: 2560px) {
  .pt-14 {
    padding-top: 18.2px;
  }
}
@media (min-width: 3440px) {
  .pt-14 {
    padding-top: calc(14px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pt-14 {
    padding-top: calc(14px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pt-14 {
    padding-top: calc(14px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pt-14 {
    padding-top: calc(14px / 1.8);
  }
}
.pt-15 {
  padding-top: 15px;
}
@media (min-width: 2560px) {
  .pt-15 {
    padding-top: 19.5px;
  }
}
@media (min-width: 3440px) {
  .pt-15 {
    padding-top: 21px;
  }
}
@media (max-width: 1440px) {
  .pt-15 {
    padding-top: calc(15px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pt-15 {
    padding-top: 10px;
  }
}
@media (max-width: 1024px) {
  .pt-15 {
    padding-top: calc(15px / 1.8);
  }
}
.pt-16 {
  padding-top: 16px;
}
@media (min-width: 2560px) {
  .pt-16 {
    padding-top: 20.8px;
  }
}
@media (min-width: 3440px) {
  .pt-16 {
    padding-top: 22.4px;
  }
}
@media (max-width: 1440px) {
  .pt-16 {
    padding-top: calc(16px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pt-16 {
    padding-top: calc(16px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pt-16 {
    padding-top: calc(16px / 1.8);
  }
}
.pt-20 {
  padding-top: 20px;
}
@media (min-width: 2560px) {
  .pt-20 {
    padding-top: 26px;
  }
}
@media (min-width: 3440px) {
  .pt-20 {
    padding-top: 28px;
  }
}
@media (max-width: 1440px) {
  .pt-20 {
    padding-top: calc(20px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pt-20 {
    padding-top: calc(20px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pt-20 {
    padding-top: calc(20px / 1.8);
  }
}
.pt-22 {
  padding-top: 22px;
}
@media (min-width: 2560px) {
  .pt-22 {
    padding-top: 28.6px;
  }
}
@media (min-width: 3440px) {
  .pt-22 {
    padding-top: calc(22px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pt-22 {
    padding-top: calc(22px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pt-22 {
    padding-top: calc(22px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pt-22 {
    padding-top: calc(22px / 1.8);
  }
}
.pt-24 {
  padding-top: 24px;
}
@media (min-width: 2560px) {
  .pt-24 {
    padding-top: calc(24px * 1.3);
  }
}
@media (min-width: 3440px) {
  .pt-24 {
    padding-top: calc(24px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pt-24 {
    padding-top: calc(24px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pt-24 {
    padding-top: 16px;
  }
}
@media (max-width: 1024px) {
  .pt-24 {
    padding-top: calc(24px / 1.8);
  }
}
.pt-30 {
  padding-top: 30px;
}
@media (min-width: 2560px) {
  .pt-30 {
    padding-top: 39px;
  }
}
@media (min-width: 3440px) {
  .pt-30 {
    padding-top: 42px;
  }
}
@media (max-width: 1440px) {
  .pt-30 {
    padding-top: calc(30px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pt-30 {
    padding-top: 20px;
  }
}
@media (max-width: 1024px) {
  .pt-30 {
    padding-top: calc(30px / 1.8);
  }
}
.pt-32 {
  padding-top: 32px;
}
@media (min-width: 2560px) {
  .pt-32 {
    padding-top: 41.6px;
  }
}
@media (min-width: 3440px) {
  .pt-32 {
    padding-top: 44.8px;
  }
}
@media (max-width: 1440px) {
  .pt-32 {
    padding-top: calc(32px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pt-32 {
    padding-top: calc(32px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pt-32 {
    padding-top: calc(32px / 1.8);
  }
}
.pt-40 {
  padding-top: 40px;
}
@media (min-width: 2560px) {
  .pt-40 {
    padding-top: 52px;
  }
}
@media (min-width: 3440px) {
  .pt-40 {
    padding-top: 56px;
  }
}
@media (max-width: 1440px) {
  .pt-40 {
    padding-top: calc(40px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pt-40 {
    padding-top: calc(40px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pt-40 {
    padding-top: calc(40px / 1.8);
  }
}
.pt-48 {
  padding-top: 48px;
}
@media (min-width: 2560px) {
  .pt-48 {
    padding-top: calc(48px * 1.3);
  }
}
@media (min-width: 3440px) {
  .pt-48 {
    padding-top: calc(48px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pt-48 {
    padding-top: calc(48px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pt-48 {
    padding-top: 32px;
  }
}
@media (max-width: 1024px) {
  .pt-48 {
    padding-top: calc(48px / 1.8);
  }
}
.pt-50 {
  padding-top: 50px;
}
@media (min-width: 2560px) {
  .pt-50 {
    padding-top: 65px;
  }
}
@media (min-width: 3440px) {
  .pt-50 {
    padding-top: 70px;
  }
}
@media (max-width: 1440px) {
  .pt-50 {
    padding-top: calc(50px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pt-50 {
    padding-top: calc(50px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pt-50 {
    padding-top: calc(50px / 1.8);
  }
}
.pt-60 {
  padding-top: 60px;
}
@media (min-width: 2560px) {
  .pt-60 {
    padding-top: 78px;
  }
}
@media (min-width: 3440px) {
  .pt-60 {
    padding-top: 84px;
  }
}
@media (max-width: 1440px) {
  .pt-60 {
    padding-top: calc(60px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pt-60 {
    padding-top: 40px;
  }
}
@media (max-width: 1024px) {
  .pt-60 {
    padding-top: calc(60px / 1.8);
  }
}
.pt-72 {
  padding-top: 72px;
}
@media (min-width: 2560px) {
  .pt-72 {
    padding-top: calc(72px * 1.3);
  }
}
@media (min-width: 3440px) {
  .pt-72 {
    padding-top: 100.8px;
  }
}
@media (max-width: 1440px) {
  .pt-72 {
    padding-top: calc(72px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pt-72 {
    padding-top: 48px;
  }
}
@media (max-width: 1024px) {
  .pt-72 {
    padding-top: 40px;
  }
}
.pt-80 {
  padding-top: 80px;
}
@media (min-width: 2560px) {
  .pt-80 {
    padding-top: 104px;
  }
}
@media (min-width: 3440px) {
  .pt-80 {
    padding-top: 112px;
  }
}
@media (max-width: 1440px) {
  .pt-80 {
    padding-top: calc(80px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pt-80 {
    padding-top: calc(80px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pt-80 {
    padding-top: calc(80px / 1.8);
  }
}
.pt-90 {
  padding-top: 90px;
}
@media (min-width: 2560px) {
  .pt-90 {
    padding-top: 117px;
  }
}
@media (min-width: 3440px) {
  .pt-90 {
    padding-top: calc(90px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pt-90 {
    padding-top: calc(90px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pt-90 {
    padding-top: 60px;
  }
}
@media (max-width: 1024px) {
  .pt-90 {
    padding-top: 50px;
  }
}
.pt-100 {
  padding-top: 100px;
}
@media (min-width: 2560px) {
  .pt-100 {
    padding-top: 130px;
  }
}
@media (min-width: 3440px) {
  .pt-100 {
    padding-top: 140px;
  }
}
@media (max-width: 1440px) {
  .pt-100 {
    padding-top: calc(100px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pt-100 {
    padding-top: calc(100px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pt-100 {
    padding-top: calc(100px / 1.8);
  }
}
.pt-auto {
  padding-top: auto;
}
.pr-0 {
  padding-right: 0;
}
@media (min-width: 2560px) {
  .pr-0 {
    padding-right: 0;
  }
}
@media (min-width: 3440px) {
  .pr-0 {
    padding-right: 0;
  }
}
@media (max-width: 1440px) {
  .pr-0 {
    padding-right: 0;
  }
}
@media (max-width: 1280px) {
  .pr-0 {
    padding-right: 0;
  }
}
@media (max-width: 1024px) {
  .pr-0 {
    padding-right: 0;
  }
}
.pr-2 {
  padding-right: 2px;
}
@media (min-width: 2560px) {
  .pr-2 {
    padding-right: 2.6px;
  }
}
@media (min-width: 3440px) {
  .pr-2 {
    padding-right: 2.8px;
  }
}
@media (max-width: 1440px) {
  .pr-2 {
    padding-right: calc(2px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pr-2 {
    padding-right: calc(2px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pr-2 {
    padding-right: calc(2px / 1.8);
  }
}
.pr-4 {
  padding-right: 4px;
}
@media (min-width: 2560px) {
  .pr-4 {
    padding-right: 5.2px;
  }
}
@media (min-width: 3440px) {
  .pr-4 {
    padding-right: 5.6px;
  }
}
@media (max-width: 1440px) {
  .pr-4 {
    padding-right: calc(4px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pr-4 {
    padding-right: calc(4px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pr-4 {
    padding-right: calc(4px / 1.8);
  }
}
.pr-6 {
  padding-right: 6px;
}
@media (min-width: 2560px) {
  .pr-6 {
    padding-right: calc(6px * 1.3);
  }
}
@media (min-width: 3440px) {
  .pr-6 {
    padding-right: calc(6px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pr-6 {
    padding-right: calc(6px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pr-6 {
    padding-right: 4px;
  }
}
@media (max-width: 1024px) {
  .pr-6 {
    padding-right: calc(6px / 1.8);
  }
}
.pr-8 {
  padding-right: 8px;
}
@media (min-width: 2560px) {
  .pr-8 {
    padding-right: 10.4px;
  }
}
@media (min-width: 3440px) {
  .pr-8 {
    padding-right: 11.2px;
  }
}
@media (max-width: 1440px) {
  .pr-8 {
    padding-right: calc(8px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pr-8 {
    padding-right: calc(8px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pr-8 {
    padding-right: calc(8px / 1.8);
  }
}
.pr-10 {
  padding-right: 10px;
}
@media (min-width: 2560px) {
  .pr-10 {
    padding-right: 13px;
  }
}
@media (min-width: 3440px) {
  .pr-10 {
    padding-right: 14px;
  }
}
@media (max-width: 1440px) {
  .pr-10 {
    padding-right: calc(10px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pr-10 {
    padding-right: calc(10px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pr-10 {
    padding-right: calc(10px / 1.8);
  }
}
.pr-12 {
  padding-right: 12px;
}
@media (min-width: 2560px) {
  .pr-12 {
    padding-right: calc(12px * 1.3);
  }
}
@media (min-width: 3440px) {
  .pr-12 {
    padding-right: calc(12px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pr-12 {
    padding-right: calc(12px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pr-12 {
    padding-right: 8px;
  }
}
@media (max-width: 1024px) {
  .pr-12 {
    padding-right: calc(12px / 1.8);
  }
}
.pr-14 {
  padding-right: 14px;
}
@media (min-width: 2560px) {
  .pr-14 {
    padding-right: 18.2px;
  }
}
@media (min-width: 3440px) {
  .pr-14 {
    padding-right: calc(14px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pr-14 {
    padding-right: calc(14px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pr-14 {
    padding-right: calc(14px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pr-14 {
    padding-right: calc(14px / 1.8);
  }
}
.pr-15 {
  padding-right: 15px;
}
@media (min-width: 2560px) {
  .pr-15 {
    padding-right: 19.5px;
  }
}
@media (min-width: 3440px) {
  .pr-15 {
    padding-right: 21px;
  }
}
@media (max-width: 1440px) {
  .pr-15 {
    padding-right: calc(15px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pr-15 {
    padding-right: 10px;
  }
}
@media (max-width: 1024px) {
  .pr-15 {
    padding-right: calc(15px / 1.8);
  }
}
.pr-16 {
  padding-right: 16px;
}
@media (min-width: 2560px) {
  .pr-16 {
    padding-right: 20.8px;
  }
}
@media (min-width: 3440px) {
  .pr-16 {
    padding-right: 22.4px;
  }
}
@media (max-width: 1440px) {
  .pr-16 {
    padding-right: calc(16px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pr-16 {
    padding-right: calc(16px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pr-16 {
    padding-right: calc(16px / 1.8);
  }
}
.pr-20 {
  padding-right: 20px;
}
@media (min-width: 2560px) {
  .pr-20 {
    padding-right: 26px;
  }
}
@media (min-width: 3440px) {
  .pr-20 {
    padding-right: 28px;
  }
}
@media (max-width: 1440px) {
  .pr-20 {
    padding-right: calc(20px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pr-20 {
    padding-right: calc(20px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pr-20 {
    padding-right: calc(20px / 1.8);
  }
}
.pr-22 {
  padding-right: 22px;
}
@media (min-width: 2560px) {
  .pr-22 {
    padding-right: 28.6px;
  }
}
@media (min-width: 3440px) {
  .pr-22 {
    padding-right: calc(22px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pr-22 {
    padding-right: calc(22px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pr-22 {
    padding-right: calc(22px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pr-22 {
    padding-right: calc(22px / 1.8);
  }
}
.pr-24 {
  padding-right: 24px;
}
@media (min-width: 2560px) {
  .pr-24 {
    padding-right: calc(24px * 1.3);
  }
}
@media (min-width: 3440px) {
  .pr-24 {
    padding-right: calc(24px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pr-24 {
    padding-right: calc(24px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pr-24 {
    padding-right: 16px;
  }
}
@media (max-width: 1024px) {
  .pr-24 {
    padding-right: calc(24px / 1.8);
  }
}
.pr-30 {
  padding-right: 30px;
}
@media (min-width: 2560px) {
  .pr-30 {
    padding-right: 39px;
  }
}
@media (min-width: 3440px) {
  .pr-30 {
    padding-right: 42px;
  }
}
@media (max-width: 1440px) {
  .pr-30 {
    padding-right: calc(30px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pr-30 {
    padding-right: 20px;
  }
}
@media (max-width: 1024px) {
  .pr-30 {
    padding-right: calc(30px / 1.8);
  }
}
.pr-32 {
  padding-right: 32px;
}
@media (min-width: 2560px) {
  .pr-32 {
    padding-right: 41.6px;
  }
}
@media (min-width: 3440px) {
  .pr-32 {
    padding-right: 44.8px;
  }
}
@media (max-width: 1440px) {
  .pr-32 {
    padding-right: calc(32px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pr-32 {
    padding-right: calc(32px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pr-32 {
    padding-right: calc(32px / 1.8);
  }
}
.pr-40 {
  padding-right: 40px;
}
@media (min-width: 2560px) {
  .pr-40 {
    padding-right: 52px;
  }
}
@media (min-width: 3440px) {
  .pr-40 {
    padding-right: 56px;
  }
}
@media (max-width: 1440px) {
  .pr-40 {
    padding-right: calc(40px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pr-40 {
    padding-right: calc(40px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pr-40 {
    padding-right: calc(40px / 1.8);
  }
}
.pr-48 {
  padding-right: 48px;
}
@media (min-width: 2560px) {
  .pr-48 {
    padding-right: calc(48px * 1.3);
  }
}
@media (min-width: 3440px) {
  .pr-48 {
    padding-right: calc(48px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pr-48 {
    padding-right: calc(48px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pr-48 {
    padding-right: 32px;
  }
}
@media (max-width: 1024px) {
  .pr-48 {
    padding-right: calc(48px / 1.8);
  }
}
.pr-50 {
  padding-right: 50px;
}
@media (min-width: 2560px) {
  .pr-50 {
    padding-right: 65px;
  }
}
@media (min-width: 3440px) {
  .pr-50 {
    padding-right: 70px;
  }
}
@media (max-width: 1440px) {
  .pr-50 {
    padding-right: calc(50px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pr-50 {
    padding-right: calc(50px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pr-50 {
    padding-right: calc(50px / 1.8);
  }
}
.pr-60 {
  padding-right: 60px;
}
@media (min-width: 2560px) {
  .pr-60 {
    padding-right: 78px;
  }
}
@media (min-width: 3440px) {
  .pr-60 {
    padding-right: 84px;
  }
}
@media (max-width: 1440px) {
  .pr-60 {
    padding-right: calc(60px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pr-60 {
    padding-right: 40px;
  }
}
@media (max-width: 1024px) {
  .pr-60 {
    padding-right: calc(60px / 1.8);
  }
}
.pr-72 {
  padding-right: 72px;
}
@media (min-width: 2560px) {
  .pr-72 {
    padding-right: calc(72px * 1.3);
  }
}
@media (min-width: 3440px) {
  .pr-72 {
    padding-right: 100.8px;
  }
}
@media (max-width: 1440px) {
  .pr-72 {
    padding-right: calc(72px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pr-72 {
    padding-right: 48px;
  }
}
@media (max-width: 1024px) {
  .pr-72 {
    padding-right: 40px;
  }
}
.pr-80 {
  padding-right: 80px;
}
@media (min-width: 2560px) {
  .pr-80 {
    padding-right: 104px;
  }
}
@media (min-width: 3440px) {
  .pr-80 {
    padding-right: 112px;
  }
}
@media (max-width: 1440px) {
  .pr-80 {
    padding-right: calc(80px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pr-80 {
    padding-right: calc(80px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pr-80 {
    padding-right: calc(80px / 1.8);
  }
}
.pr-90 {
  padding-right: 90px;
}
@media (min-width: 2560px) {
  .pr-90 {
    padding-right: 117px;
  }
}
@media (min-width: 3440px) {
  .pr-90 {
    padding-right: calc(90px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pr-90 {
    padding-right: calc(90px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pr-90 {
    padding-right: 60px;
  }
}
@media (max-width: 1024px) {
  .pr-90 {
    padding-right: 50px;
  }
}
.pr-100 {
  padding-right: 100px;
}
@media (min-width: 2560px) {
  .pr-100 {
    padding-right: 130px;
  }
}
@media (min-width: 3440px) {
  .pr-100 {
    padding-right: 140px;
  }
}
@media (max-width: 1440px) {
  .pr-100 {
    padding-right: calc(100px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pr-100 {
    padding-right: calc(100px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pr-100 {
    padding-right: calc(100px / 1.8);
  }
}
.pr-auto {
  padding-right: auto;
}
.pb-0 {
  padding-bottom: 0;
}
@media (min-width: 2560px) {
  .pb-0 {
    padding-bottom: 0;
  }
}
@media (min-width: 3440px) {
  .pb-0 {
    padding-bottom: 0;
  }
}
@media (max-width: 1440px) {
  .pb-0 {
    padding-bottom: 0;
  }
}
@media (max-width: 1280px) {
  .pb-0 {
    padding-bottom: 0;
  }
}
@media (max-width: 1024px) {
  .pb-0 {
    padding-bottom: 0;
  }
}
.pb-2 {
  padding-bottom: 2px;
}
@media (min-width: 2560px) {
  .pb-2 {
    padding-bottom: 2.6px;
  }
}
@media (min-width: 3440px) {
  .pb-2 {
    padding-bottom: 2.8px;
  }
}
@media (max-width: 1440px) {
  .pb-2 {
    padding-bottom: calc(2px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pb-2 {
    padding-bottom: calc(2px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pb-2 {
    padding-bottom: calc(2px / 1.8);
  }
}
.pb-4 {
  padding-bottom: 4px;
}
@media (min-width: 2560px) {
  .pb-4 {
    padding-bottom: 5.2px;
  }
}
@media (min-width: 3440px) {
  .pb-4 {
    padding-bottom: 5.6px;
  }
}
@media (max-width: 1440px) {
  .pb-4 {
    padding-bottom: calc(4px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pb-4 {
    padding-bottom: calc(4px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pb-4 {
    padding-bottom: calc(4px / 1.8);
  }
}
.pb-6 {
  padding-bottom: 6px;
}
@media (min-width: 2560px) {
  .pb-6 {
    padding-bottom: calc(6px * 1.3);
  }
}
@media (min-width: 3440px) {
  .pb-6 {
    padding-bottom: calc(6px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pb-6 {
    padding-bottom: calc(6px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pb-6 {
    padding-bottom: 4px;
  }
}
@media (max-width: 1024px) {
  .pb-6 {
    padding-bottom: calc(6px / 1.8);
  }
}
.pb-8 {
  padding-bottom: 8px;
}
@media (min-width: 2560px) {
  .pb-8 {
    padding-bottom: 10.4px;
  }
}
@media (min-width: 3440px) {
  .pb-8 {
    padding-bottom: 11.2px;
  }
}
@media (max-width: 1440px) {
  .pb-8 {
    padding-bottom: calc(8px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pb-8 {
    padding-bottom: calc(8px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pb-8 {
    padding-bottom: calc(8px / 1.8);
  }
}
.pb-10 {
  padding-bottom: 10px;
}
@media (min-width: 2560px) {
  .pb-10 {
    padding-bottom: 13px;
  }
}
@media (min-width: 3440px) {
  .pb-10 {
    padding-bottom: 14px;
  }
}
@media (max-width: 1440px) {
  .pb-10 {
    padding-bottom: calc(10px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pb-10 {
    padding-bottom: calc(10px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pb-10 {
    padding-bottom: calc(10px / 1.8);
  }
}
.pb-12 {
  padding-bottom: 12px;
}
@media (min-width: 2560px) {
  .pb-12 {
    padding-bottom: calc(12px * 1.3);
  }
}
@media (min-width: 3440px) {
  .pb-12 {
    padding-bottom: calc(12px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pb-12 {
    padding-bottom: calc(12px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pb-12 {
    padding-bottom: 8px;
  }
}
@media (max-width: 1024px) {
  .pb-12 {
    padding-bottom: calc(12px / 1.8);
  }
}
.pb-14 {
  padding-bottom: 14px;
}
@media (min-width: 2560px) {
  .pb-14 {
    padding-bottom: 18.2px;
  }
}
@media (min-width: 3440px) {
  .pb-14 {
    padding-bottom: calc(14px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pb-14 {
    padding-bottom: calc(14px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pb-14 {
    padding-bottom: calc(14px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pb-14 {
    padding-bottom: calc(14px / 1.8);
  }
}
.pb-15 {
  padding-bottom: 15px;
}
@media (min-width: 2560px) {
  .pb-15 {
    padding-bottom: 19.5px;
  }
}
@media (min-width: 3440px) {
  .pb-15 {
    padding-bottom: 21px;
  }
}
@media (max-width: 1440px) {
  .pb-15 {
    padding-bottom: calc(15px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pb-15 {
    padding-bottom: 10px;
  }
}
@media (max-width: 1024px) {
  .pb-15 {
    padding-bottom: calc(15px / 1.8);
  }
}
.pb-16 {
  padding-bottom: 16px;
}
@media (min-width: 2560px) {
  .pb-16 {
    padding-bottom: 20.8px;
  }
}
@media (min-width: 3440px) {
  .pb-16 {
    padding-bottom: 22.4px;
  }
}
@media (max-width: 1440px) {
  .pb-16 {
    padding-bottom: calc(16px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pb-16 {
    padding-bottom: calc(16px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pb-16 {
    padding-bottom: calc(16px / 1.8);
  }
}
.pb-20 {
  padding-bottom: 20px;
}
@media (min-width: 2560px) {
  .pb-20 {
    padding-bottom: 26px;
  }
}
@media (min-width: 3440px) {
  .pb-20 {
    padding-bottom: 28px;
  }
}
@media (max-width: 1440px) {
  .pb-20 {
    padding-bottom: calc(20px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pb-20 {
    padding-bottom: calc(20px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pb-20 {
    padding-bottom: calc(20px / 1.8);
  }
}
.pb-22 {
  padding-bottom: 22px;
}
@media (min-width: 2560px) {
  .pb-22 {
    padding-bottom: 28.6px;
  }
}
@media (min-width: 3440px) {
  .pb-22 {
    padding-bottom: calc(22px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pb-22 {
    padding-bottom: calc(22px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pb-22 {
    padding-bottom: calc(22px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pb-22 {
    padding-bottom: calc(22px / 1.8);
  }
}
.pb-24 {
  padding-bottom: 24px;
}
@media (min-width: 2560px) {
  .pb-24 {
    padding-bottom: calc(24px * 1.3);
  }
}
@media (min-width: 3440px) {
  .pb-24 {
    padding-bottom: calc(24px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pb-24 {
    padding-bottom: calc(24px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pb-24 {
    padding-bottom: 16px;
  }
}
@media (max-width: 1024px) {
  .pb-24 {
    padding-bottom: calc(24px / 1.8);
  }
}
.pb-30 {
  padding-bottom: 30px;
}
@media (min-width: 2560px) {
  .pb-30 {
    padding-bottom: 39px;
  }
}
@media (min-width: 3440px) {
  .pb-30 {
    padding-bottom: 42px;
  }
}
@media (max-width: 1440px) {
  .pb-30 {
    padding-bottom: calc(30px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pb-30 {
    padding-bottom: 20px;
  }
}
@media (max-width: 1024px) {
  .pb-30 {
    padding-bottom: calc(30px / 1.8);
  }
}
.pb-32 {
  padding-bottom: 32px;
}
@media (min-width: 2560px) {
  .pb-32 {
    padding-bottom: 41.6px;
  }
}
@media (min-width: 3440px) {
  .pb-32 {
    padding-bottom: 44.8px;
  }
}
@media (max-width: 1440px) {
  .pb-32 {
    padding-bottom: calc(32px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pb-32 {
    padding-bottom: calc(32px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pb-32 {
    padding-bottom: calc(32px / 1.8);
  }
}
.pb-40 {
  padding-bottom: 40px;
}
@media (min-width: 2560px) {
  .pb-40 {
    padding-bottom: 52px;
  }
}
@media (min-width: 3440px) {
  .pb-40 {
    padding-bottom: 56px;
  }
}
@media (max-width: 1440px) {
  .pb-40 {
    padding-bottom: calc(40px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pb-40 {
    padding-bottom: calc(40px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pb-40 {
    padding-bottom: calc(40px / 1.8);
  }
}
.pb-48 {
  padding-bottom: 48px;
}
@media (min-width: 2560px) {
  .pb-48 {
    padding-bottom: calc(48px * 1.3);
  }
}
@media (min-width: 3440px) {
  .pb-48 {
    padding-bottom: calc(48px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pb-48 {
    padding-bottom: calc(48px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pb-48 {
    padding-bottom: 32px;
  }
}
@media (max-width: 1024px) {
  .pb-48 {
    padding-bottom: calc(48px / 1.8);
  }
}
.pb-50 {
  padding-bottom: 50px;
}
@media (min-width: 2560px) {
  .pb-50 {
    padding-bottom: 65px;
  }
}
@media (min-width: 3440px) {
  .pb-50 {
    padding-bottom: 70px;
  }
}
@media (max-width: 1440px) {
  .pb-50 {
    padding-bottom: calc(50px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pb-50 {
    padding-bottom: calc(50px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pb-50 {
    padding-bottom: calc(50px / 1.8);
  }
}
.pb-60 {
  padding-bottom: 60px;
}
@media (min-width: 2560px) {
  .pb-60 {
    padding-bottom: 78px;
  }
}
@media (min-width: 3440px) {
  .pb-60 {
    padding-bottom: 84px;
  }
}
@media (max-width: 1440px) {
  .pb-60 {
    padding-bottom: calc(60px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pb-60 {
    padding-bottom: 40px;
  }
}
@media (max-width: 1024px) {
  .pb-60 {
    padding-bottom: calc(60px / 1.8);
  }
}
.pb-72 {
  padding-bottom: 72px;
}
@media (min-width: 2560px) {
  .pb-72 {
    padding-bottom: calc(72px * 1.3);
  }
}
@media (min-width: 3440px) {
  .pb-72 {
    padding-bottom: 100.8px;
  }
}
@media (max-width: 1440px) {
  .pb-72 {
    padding-bottom: calc(72px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pb-72 {
    padding-bottom: 48px;
  }
}
@media (max-width: 1024px) {
  .pb-72 {
    padding-bottom: 40px;
  }
}
.pb-80 {
  padding-bottom: 80px;
}
@media (min-width: 2560px) {
  .pb-80 {
    padding-bottom: 104px;
  }
}
@media (min-width: 3440px) {
  .pb-80 {
    padding-bottom: 112px;
  }
}
@media (max-width: 1440px) {
  .pb-80 {
    padding-bottom: calc(80px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pb-80 {
    padding-bottom: calc(80px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pb-80 {
    padding-bottom: calc(80px / 1.8);
  }
}
.pb-90 {
  padding-bottom: 90px;
}
@media (min-width: 2560px) {
  .pb-90 {
    padding-bottom: 117px;
  }
}
@media (min-width: 3440px) {
  .pb-90 {
    padding-bottom: calc(90px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pb-90 {
    padding-bottom: calc(90px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pb-90 {
    padding-bottom: 60px;
  }
}
@media (max-width: 1024px) {
  .pb-90 {
    padding-bottom: 50px;
  }
}
.pb-100 {
  padding-bottom: 100px;
}
@media (min-width: 2560px) {
  .pb-100 {
    padding-bottom: 130px;
  }
}
@media (min-width: 3440px) {
  .pb-100 {
    padding-bottom: 140px;
  }
}
@media (max-width: 1440px) {
  .pb-100 {
    padding-bottom: calc(100px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pb-100 {
    padding-bottom: calc(100px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pb-100 {
    padding-bottom: calc(100px / 1.8);
  }
}
.pb-auto {
  padding-bottom: auto;
}
.pl-0 {
  padding-left: 0;
}
@media (min-width: 2560px) {
  .pl-0 {
    padding-left: 0;
  }
}
@media (min-width: 3440px) {
  .pl-0 {
    padding-left: 0;
  }
}
@media (max-width: 1440px) {
  .pl-0 {
    padding-left: 0;
  }
}
@media (max-width: 1280px) {
  .pl-0 {
    padding-left: 0;
  }
}
@media (max-width: 1024px) {
  .pl-0 {
    padding-left: 0;
  }
}
.pl-2 {
  padding-left: 2px;
}
@media (min-width: 2560px) {
  .pl-2 {
    padding-left: 2.6px;
  }
}
@media (min-width: 3440px) {
  .pl-2 {
    padding-left: 2.8px;
  }
}
@media (max-width: 1440px) {
  .pl-2 {
    padding-left: calc(2px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pl-2 {
    padding-left: calc(2px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pl-2 {
    padding-left: calc(2px / 1.8);
  }
}
.pl-4 {
  padding-left: 4px;
}
@media (min-width: 2560px) {
  .pl-4 {
    padding-left: 5.2px;
  }
}
@media (min-width: 3440px) {
  .pl-4 {
    padding-left: 5.6px;
  }
}
@media (max-width: 1440px) {
  .pl-4 {
    padding-left: calc(4px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pl-4 {
    padding-left: calc(4px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pl-4 {
    padding-left: calc(4px / 1.8);
  }
}
.pl-6 {
  padding-left: 6px;
}
@media (min-width: 2560px) {
  .pl-6 {
    padding-left: calc(6px * 1.3);
  }
}
@media (min-width: 3440px) {
  .pl-6 {
    padding-left: calc(6px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pl-6 {
    padding-left: calc(6px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pl-6 {
    padding-left: 4px;
  }
}
@media (max-width: 1024px) {
  .pl-6 {
    padding-left: calc(6px / 1.8);
  }
}
.pl-8 {
  padding-left: 8px;
}
@media (min-width: 2560px) {
  .pl-8 {
    padding-left: 10.4px;
  }
}
@media (min-width: 3440px) {
  .pl-8 {
    padding-left: 11.2px;
  }
}
@media (max-width: 1440px) {
  .pl-8 {
    padding-left: calc(8px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pl-8 {
    padding-left: calc(8px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pl-8 {
    padding-left: calc(8px / 1.8);
  }
}
.pl-10 {
  padding-left: 10px;
}
@media (min-width: 2560px) {
  .pl-10 {
    padding-left: 13px;
  }
}
@media (min-width: 3440px) {
  .pl-10 {
    padding-left: 14px;
  }
}
@media (max-width: 1440px) {
  .pl-10 {
    padding-left: calc(10px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pl-10 {
    padding-left: calc(10px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pl-10 {
    padding-left: calc(10px / 1.8);
  }
}
.pl-12 {
  padding-left: 12px;
}
@media (min-width: 2560px) {
  .pl-12 {
    padding-left: calc(12px * 1.3);
  }
}
@media (min-width: 3440px) {
  .pl-12 {
    padding-left: calc(12px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pl-12 {
    padding-left: calc(12px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pl-12 {
    padding-left: 8px;
  }
}
@media (max-width: 1024px) {
  .pl-12 {
    padding-left: calc(12px / 1.8);
  }
}
.pl-14 {
  padding-left: 14px;
}
@media (min-width: 2560px) {
  .pl-14 {
    padding-left: 18.2px;
  }
}
@media (min-width: 3440px) {
  .pl-14 {
    padding-left: calc(14px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pl-14 {
    padding-left: calc(14px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pl-14 {
    padding-left: calc(14px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pl-14 {
    padding-left: calc(14px / 1.8);
  }
}
.pl-15 {
  padding-left: 15px;
}
@media (min-width: 2560px) {
  .pl-15 {
    padding-left: 19.5px;
  }
}
@media (min-width: 3440px) {
  .pl-15 {
    padding-left: 21px;
  }
}
@media (max-width: 1440px) {
  .pl-15 {
    padding-left: calc(15px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pl-15 {
    padding-left: 10px;
  }
}
@media (max-width: 1024px) {
  .pl-15 {
    padding-left: calc(15px / 1.8);
  }
}
.pl-16 {
  padding-left: 16px;
}
@media (min-width: 2560px) {
  .pl-16 {
    padding-left: 20.8px;
  }
}
@media (min-width: 3440px) {
  .pl-16 {
    padding-left: 22.4px;
  }
}
@media (max-width: 1440px) {
  .pl-16 {
    padding-left: calc(16px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pl-16 {
    padding-left: calc(16px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pl-16 {
    padding-left: calc(16px / 1.8);
  }
}
.pl-20 {
  padding-left: 20px;
}
@media (min-width: 2560px) {
  .pl-20 {
    padding-left: 26px;
  }
}
@media (min-width: 3440px) {
  .pl-20 {
    padding-left: 28px;
  }
}
@media (max-width: 1440px) {
  .pl-20 {
    padding-left: calc(20px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pl-20 {
    padding-left: calc(20px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pl-20 {
    padding-left: calc(20px / 1.8);
  }
}
.pl-22 {
  padding-left: 22px;
}
@media (min-width: 2560px) {
  .pl-22 {
    padding-left: 28.6px;
  }
}
@media (min-width: 3440px) {
  .pl-22 {
    padding-left: calc(22px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pl-22 {
    padding-left: calc(22px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pl-22 {
    padding-left: calc(22px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pl-22 {
    padding-left: calc(22px / 1.8);
  }
}
.pl-24 {
  padding-left: 24px;
}
@media (min-width: 2560px) {
  .pl-24 {
    padding-left: calc(24px * 1.3);
  }
}
@media (min-width: 3440px) {
  .pl-24 {
    padding-left: calc(24px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pl-24 {
    padding-left: calc(24px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pl-24 {
    padding-left: 16px;
  }
}
@media (max-width: 1024px) {
  .pl-24 {
    padding-left: calc(24px / 1.8);
  }
}
.pl-30 {
  padding-left: 30px;
}
@media (min-width: 2560px) {
  .pl-30 {
    padding-left: 39px;
  }
}
@media (min-width: 3440px) {
  .pl-30 {
    padding-left: 42px;
  }
}
@media (max-width: 1440px) {
  .pl-30 {
    padding-left: calc(30px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pl-30 {
    padding-left: 20px;
  }
}
@media (max-width: 1024px) {
  .pl-30 {
    padding-left: calc(30px / 1.8);
  }
}
.pl-32 {
  padding-left: 32px;
}
@media (min-width: 2560px) {
  .pl-32 {
    padding-left: 41.6px;
  }
}
@media (min-width: 3440px) {
  .pl-32 {
    padding-left: 44.8px;
  }
}
@media (max-width: 1440px) {
  .pl-32 {
    padding-left: calc(32px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pl-32 {
    padding-left: calc(32px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pl-32 {
    padding-left: calc(32px / 1.8);
  }
}
.pl-40 {
  padding-left: 40px;
}
@media (min-width: 2560px) {
  .pl-40 {
    padding-left: 52px;
  }
}
@media (min-width: 3440px) {
  .pl-40 {
    padding-left: 56px;
  }
}
@media (max-width: 1440px) {
  .pl-40 {
    padding-left: calc(40px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pl-40 {
    padding-left: calc(40px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pl-40 {
    padding-left: calc(40px / 1.8);
  }
}
.pl-48 {
  padding-left: 48px;
}
@media (min-width: 2560px) {
  .pl-48 {
    padding-left: calc(48px * 1.3);
  }
}
@media (min-width: 3440px) {
  .pl-48 {
    padding-left: calc(48px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pl-48 {
    padding-left: calc(48px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pl-48 {
    padding-left: 32px;
  }
}
@media (max-width: 1024px) {
  .pl-48 {
    padding-left: calc(48px / 1.8);
  }
}
.pl-50 {
  padding-left: 50px;
}
@media (min-width: 2560px) {
  .pl-50 {
    padding-left: 65px;
  }
}
@media (min-width: 3440px) {
  .pl-50 {
    padding-left: 70px;
  }
}
@media (max-width: 1440px) {
  .pl-50 {
    padding-left: calc(50px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pl-50 {
    padding-left: calc(50px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pl-50 {
    padding-left: calc(50px / 1.8);
  }
}
.pl-60 {
  padding-left: 60px;
}
@media (min-width: 2560px) {
  .pl-60 {
    padding-left: 78px;
  }
}
@media (min-width: 3440px) {
  .pl-60 {
    padding-left: 84px;
  }
}
@media (max-width: 1440px) {
  .pl-60 {
    padding-left: calc(60px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pl-60 {
    padding-left: 40px;
  }
}
@media (max-width: 1024px) {
  .pl-60 {
    padding-left: calc(60px / 1.8);
  }
}
.pl-72 {
  padding-left: 72px;
}
@media (min-width: 2560px) {
  .pl-72 {
    padding-left: calc(72px * 1.3);
  }
}
@media (min-width: 3440px) {
  .pl-72 {
    padding-left: 100.8px;
  }
}
@media (max-width: 1440px) {
  .pl-72 {
    padding-left: calc(72px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pl-72 {
    padding-left: 48px;
  }
}
@media (max-width: 1024px) {
  .pl-72 {
    padding-left: 40px;
  }
}
.pl-80 {
  padding-left: 80px;
}
@media (min-width: 2560px) {
  .pl-80 {
    padding-left: 104px;
  }
}
@media (min-width: 3440px) {
  .pl-80 {
    padding-left: 112px;
  }
}
@media (max-width: 1440px) {
  .pl-80 {
    padding-left: calc(80px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pl-80 {
    padding-left: calc(80px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pl-80 {
    padding-left: calc(80px / 1.8);
  }
}
.pl-90 {
  padding-left: 90px;
}
@media (min-width: 2560px) {
  .pl-90 {
    padding-left: 117px;
  }
}
@media (min-width: 3440px) {
  .pl-90 {
    padding-left: calc(90px * 1.4);
  }
}
@media (max-width: 1440px) {
  .pl-90 {
    padding-left: calc(90px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pl-90 {
    padding-left: 60px;
  }
}
@media (max-width: 1024px) {
  .pl-90 {
    padding-left: 50px;
  }
}
.pl-100 {
  padding-left: 100px;
}
@media (min-width: 2560px) {
  .pl-100 {
    padding-left: 130px;
  }
}
@media (min-width: 3440px) {
  .pl-100 {
    padding-left: 140px;
  }
}
@media (max-width: 1440px) {
  .pl-100 {
    padding-left: calc(100px / 1.3);
  }
}
@media (max-width: 1280px) {
  .pl-100 {
    padding-left: calc(100px / 1.5);
  }
}
@media (max-width: 1024px) {
  .pl-100 {
    padding-left: calc(100px / 1.8);
  }
}
.pl-auto {
  padding-left: auto;
}
@font-face {
  font-family: Graphik;
  src: url(fonts/graphik/Graphik-Extralight.woff2) format("woff2"),
    url(fonts/graphik/Graphik-Extralight.woff) format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Graphik;
  src: url(fonts/graphik/Graphik-Medium.woff2) format("woff2"),
    url(fonts/graphik/Graphik-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Graphik;
  src: url(fonts/graphik/Graphik-Regular.woff2) format("woff2"),
    url(fonts/graphik/Graphik-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Graphik;
  src: url(fonts/graphik/Graphik-RegularItalic.woff2) format("woff2"),
    url(fonts/graphik/Graphik-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Graphik;
  src: url(fonts/graphik/Graphik-Light.woff2) format("woff2"),
    url(fonts/graphik/Graphik-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: MobeType;
  src: url(fonts/mobetype/MobeType-Bold.ttf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: MobeType;
  src: url(fonts/mobetype/MobeType-Regular.ttf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: MobeType;
  src: url(fonts/mobetype/MobeType-Light.ttf);
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
body {
  --font-size: 1rem;
  --font-family: Graphik;
  color: #fff;
  background-color: #fff;
  font: 400 var(--font-size) / 1 var(--font-family);
}
.primary-font {
  font-family: var(--font-family);
}
.heading {
  --font-family: Graphik;
  --font-size-xl: 8rem;
  --font-size-lg: 5rem;
  --font-size-md: 2.6rem;
  --font-size-sm: 1.6rem;
  letter-spacing: -0.02em;
  color: #fff;
  font-family: var(--font-family);
}
.heading-1-xl {
  font-size: var(--font-size-xl);
  line-height: 1;
  font-family: MobeType;
  font-weight: 500;
  font-style: normal;
}
.heading-1 {
  font-size: var(--font-size-lg);
  line-height: 1.2;
  font-family: MobeType;
  font-weight: 400;
  font-style: normal;
}
.heading-2 {
  font-size: var(--font-size-md);
  line-height: 1.2;
  font-weight: 200;
  font-style: normal;
}
.heading-2.secondary-font {
  font-weight: 300;
}
.heading-3 {
  font-size: var(--font-size-sm);
  line-height: 1.1;
  font-weight: 300;
  font-style: normal;
}
.heading-3--light {
  font-weight: 100;
}
.heading.secondary-font {
  font-family: MobeType;
}
.body-1,
.body-2,
.body-3,
.body-4 {
  --font-family: Graphik;
  --font-size-lg: 2.6rem;
  --font-size-md: 1.8rem;
  --font-size-sm: 1.625rem;
  --font-size-xs: 1.4rem;
  font-family: var(--font-family);
  font-weight: 300;
}
.body-1 {
  font-size: var(--font-size-lg);
  line-height: 1.3;
}
.body-2 {
  font-size: var(--font-size-md);
  line-height: 1.5;
}
@media screen and (max-width: 1440px) {
  .body-2 {
    font-size: 1.4rem;
  }
}
.body-3 {
  font-size: var(--font-size-sm);
}
@media screen and (max-width: 1440px) {
  .body-3 {
    font-size: 1rem;
  }
}
.body-4 {
  font-size: var(--font-size-xs);
  line-height: 1.6;
}
@media screen and (max-width: 1440px) {
  .body-4 {
    font-size: 0.9rem;
  }
}
.button-label {
  --font-family: Graphik;
  --font-size: 1rem;
  font-weight: 400;
  font-size: var(--font-size);
  font-family: var(--font-family);
}
.text-opacity-07 {
  opacity: 0.7;
}
.space-nowrap {
  white-space: nowrap;
}
@property --l-deg-1 {
  syntax: "<angle>";
  inherits: false;
  initial-value: 135deg;
}
@property --l-deg-2 {
  syntax: "<angle>";
  inherits: false;
  initial-value: 315deg;
}
@property --l-deg-3 {
  syntax: "<angle>";
  inherits: false;
  initial-value: 315deg;
}
.mb-button {
  font-style: normal;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffffb3;
  background-blend-mode: overlay, soft-light;
  box-sizing: border-box;
  position: relative;
  border-radius: 6.25rem;
  font-weight: 400;
  white-space: nowrap;
  height: 4.7rem;
  font-size: 0.87rem;
  padding: 0 2rem;
  background: url(./../images/noise-big-default.png),
    radial-gradient(
      71.61% 111.7% at 0% 0%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    rgba(0, 0, 0, 0.7);
  text-shadow: 0 0 0.6rem rgba(255, 255, 255, 0.3);
  transition: all 0.5s;
  cursor: pointer;
}
.mb-button.mb-button-shape__round {
  padding: 0 !important;
  width: 4.5rem;
  height: 4.5rem;
}
.mb-button.mb-button-shape__round .icon {
  font-size: 2.4rem;
  margin: 0 !important;
}
.mb-button.mb-button-shape__round .mb-button__text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.mb-button.mb-button-shape__round.mb-icon__red .icon {
  color: #ff5468;
  filter: drop-shadow(0px 0px 6px #ff3e55);
}
.mb-button.mb-button-shape__round.mb-icon__red:hover .icon {
  filter: none;
  text-shadow: none;
}
.mb-button.mb-button-shape__round.mb-button-size__large {
  width: 6rem;
  height: 6rem;
}
.mb-button.mb-button-shape__round.mb-button-size__large .icon {
  font-size: 3rem;
}
.mb-button.mb-button-shape__round.mb-button-size__small {
  width: 3.5rem;
  height: 3.5rem;
}
.mb-button.mb-button-shape__round.mb-button-size__small .icon {
  font-size: 1.3rem;
}
.mb-button.mb-button-shape__round.mb-button-size__xsmall {
  width: 2.5rem;
  height: 2.5rem;
}
.mb-button.mb-button-shape__round.mb-button-size__xsmall .icon {
  font-size: 1.1rem;
}
.mb-button.mb-button-shape__round.mb-button-size__extrasmall {
  width: 2rem;
  height: 2rem;
}
.mb-button.mb-button-shape__round.mb-button-size__extrasmall .icon {
  font-size: 1rem;
}
.mb-button.mb-button-shape__round:after,
.mb-button.mb-button-shape__round:before {
  content: "";
  background: linear-gradient(
      var(--l-deg-2),
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 32.63%
    )
    border-box;
  animation: rotateDeg2 0.5s linear;
  -webkit-animation: rotateDeg2 0.5s linear;
  -moz-animation: rotateDeg2 0.5s linear;
  border-radius: inherit;
  z-index: 0;
  border: 1px solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  box-sizing: border-box;
}
.mb-button.mb-button-shape__round:hover:before,
.mb-button.mb-button-shape__round:active:before,
.mb-button.mb-button-shape__round.mb-button__active:before {
  animation: rotate2 0.3s normal ease-out;
  background: linear-gradient(
      var(--l-deg-1),
      rgb(255, 255, 255) 0%,
      rgba(255, 255, 255, 0) 32.63%
    )
    border-box;
}
.mb-button.mb-button-shape__round:after {
  content: none;
}
.mb-button.mb-button-shape__round:hover:after {
  content: "";
  background: linear-gradient(
      var(--l-deg-2),
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 32.63%
    )
    border-box;
  animation: rotate3 0.3s normal ease-out;
}
.mb-button.mb-button-shape__round:hover .icon {
  text-shadow: 0 0 0.3rem #cce9ed, 0 0 0.1rem rgba(204, 233, 237, 0.7),
    0 0 1.25rem #cce9ed;
}
.mb-button.mb-button-shape__round.mb-button-type__default:hover {
  background: url(./../images/noise-big-default.png),
    radial-gradient(
      69.13% 100% at 0% 0%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    rgba(0, 0, 0, 0.7);
  background-blend-mode: overlay, overlay, normal;
}
.mb-button.mb-button-shape__round.mb-button-type__default:hover.mb-button__active {
  text-shadow: none;
}
.mb-button.mb-button-shape__round.mb-button-type__default:hover.mb-button__active:after {
  content: none;
}
.mb-button.mb-button-shape__round.mb-button-color__secondary {
  background: linear-gradient(
    225deg,
    rgba(139, 43, 255, 0.25) 0%,
    rgba(0, 207, 229, 0.25) 100%
  );
}
.mb-button.mb-button-shape__round.mb-button-color__secondary:hover {
  background: linear-gradient(225deg, #8b2bff 0%, #00cfe5 100%) !important;
}
.mb-button.mb-button-shape__round.mb-button-color__green.mb-button__active {
  color: #fff;
  text-shadow: none;
  box-shadow: 0 0 50px #72f0b440, 0 0 50px #72f0b41a;
}
.mb-button.mb-button-shape__round.mb-button-color__green.mb-button__active
  .icon {
  text-shadow: 0 0 5px #66ffb6, 0 0 15px rgba(102, 255, 182, 0.8),
    0 0 20px #66ffb6;
}
.mb-button.mb-button-shape__round.mb-button-color__green.mb-button__active:before {
  transform: rotate(0);
  background: linear-gradient(
        110deg,
        rgba(255, 255, 255, 0.5) 0%,
        rgba(255, 255, 255, 0) 32.63%
      )
      border-box,
    linear-gradient(135deg, #72f0b4 0%, rgba(114, 240, 180, 0) 32.63%)
      border-box;
}
.mb-button.mb-button-shape__round.mb-button-color__green.mb-button__active:hover {
  background: linear-gradient(
      0deg,
      rgba(102, 255, 182, 0.3),
      rgba(102, 255, 182, 0.3)
    ),
    url(./../images/noise-big-default.png),
    linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    linear-gradient(
      135.49deg,
      rgba(255, 255, 255, 0.5) -29.7%,
      rgba(255, 255, 255, 0) 99.89%
    ) !important;
  box-shadow: none;
  color: #e0fff0;
}
.mb-button.mb-button-shape__round.mb-button-color__green.mb-button__active:hover:before {
  background: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 32.63%
    )
    border-box;
  animation: rotate2 0.5s normal ease-out;
  -webkit-animation: rotate2 0.5s normal ease-out;
  -moz-animation: rotate2 0.5s normal ease-out;
}
.mb-button.mb-button-shape__round.mb-button-color__green.mb-button__active:hover
  .icon {
  text-shadow: none;
  color: #e0fff0;
}
.mb-button.mb-button-shape__round.mb-button-color__red .icon {
  filter: drop-shadow(0px 0px 5px rgba(255, 84, 104, 0.8))
    drop-shadow(0px 0px 15px rgba(255, 84, 104, 0.8))
    drop-shadow(0px 0px 20px rgba(255, 84, 104, 0.8));
}
.mb-button.mb-button-shape__round.mb-button-color__red:hover {
  background: url(./../images/noise-big-default.png),
    radial-gradient(
      69.13% 100% at 0% 0%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    rgba(0, 0, 0, 0.7);
}
.mb-button.mb-button-shape__round.mb-button-color__red:hover .icon {
  filter: drop-shadow(0px 0px 5px #ff5468)
    drop-shadow(0px 0px 15px rgba(255, 84, 104, 0.8))
    drop-shadow(0px 0px 20px #ff5468);
  text-shadow: none;
}
.mb-button.mb-button-shape__round.mb-button-color__light.mb-button__active {
  background: url(./../images/noise-big-default.png),
    radial-gradient(
      71.61% 111.7% at 0% 0%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    rgba(0, 0, 0, 0.7) !important;
  color: #fff;
  text-shadow: none;
  box-shadow: 0 0 50px #72dff066;
}
.mb-button.mb-button-shape__round.mb-button-color__light.mb-button__active
  .icon {
  text-shadow: 0 0 0.3rem #72dff0, 0 0 0.1rem rgba(114, 223, 240, 0.8),
    0 0 1.25rem #72dff0;
}
.mb-button.mb-button-shape__round.mb-button-color__light.mb-button__active:before {
  transform: rotate(0);
  background: linear-gradient(
        110deg,
        rgba(255, 255, 255, 0.5) 0%,
        rgba(255, 255, 255, 0) 32.63%
      )
      border-box,
    linear-gradient(135deg, #72dff0 0%, rgba(114, 223, 240, 0) 32.63%)
      border-box;
}
.mb-button.mb-button-shape__round.mb-button-color__light.mb-button__active:hover {
  background: url(./../images/noise-big-default.png),
    radial-gradient(
      71.61% 111.7% at 0% 0%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    rgba(0, 0, 0, 0.7) !important;
  box-shadow: none;
}
.mb-button.mb-button-shape__round.mb-button-color__light.mb-button__active:hover:before {
  background: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 32.63%
    )
    border-box;
}
.mb-button.mb-button-shape__round.mb-button-color__purple.mb-button__active {
  background: url(./../images/noise-big-default.png),
    radial-gradient(
      71.61% 111.7% at 0% 0%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    rgba(0, 0, 0, 0.7);
  color: #fff;
  text-shadow: none;
  box-shadow: 0 0 50px #ab66ff40, 0 0 50px #ab66ff1a;
}
.mb-button.mb-button-shape__round.mb-button-color__purple.mb-button__active
  .icon {
  filter: drop-shadow(0px 0px 5px #ab66ff)
    drop-shadow(0px 0px 15px rgba(171, 102, 255, 0.8))
    drop-shadow(0px 0px 20px #ab66ff);
}
.mb-button.mb-button-shape__round.mb-button-color__purple.mb-button__active:before {
  transform: rotate(0);
  background: linear-gradient(
        110deg,
        rgba(255, 255, 255, 0.5) 0%,
        rgba(255, 255, 255, 0) 32.63%
      )
      border-box,
    linear-gradient(135deg, #ab66ff 0%, rgba(114, 223, 240, 0) 32.63%)
      border-box;
}
.mb-button.mb-button-shape__round.mb-button-color__purple.mb-button__active:hover {
  background: url(./../images/noise-big-default.png),
    radial-gradient(
      71.61% 111.7% at 0% 0%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    rgba(0, 0, 0, 0.7) !important;
  box-shadow: none;
}
.mb-button.mb-button-shape__round.mb-button-color__purple.mb-button__active:hover
  .icon {
  text-shadow: none;
}
.mb-button.mb-button-shape__round.mb-button-color__purple.mb-button__active:hover:before {
  background: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 32.63%
    )
    border-box;
}
.mb-button.mb-button-size__large {
  height: 5.6rem;
  font-size: 1rem;
  padding: 0 2.8rem;
  font-weight: 500;
}
.mb-button.mb-button-size__large .icon {
  font-size: 1rem;
}
.mb-button.mb-button-size__small {
  height: 3rem;
  font-size: 0.6rem;
  padding: 0 1.5rem;
}
.mb-button.mb-button-size__small .icon {
  font-size: 0.6rem;
}
.mb-button.mb-button__text-large,
.mb-button.mb-button__text-large .icon {
  font-size: 1rem;
}
.mb-button.mb-button__text-medium,
.mb-button.mb-button__text-medium .icon {
  font-size: 0.87rem;
}
.mb-button.mb-button-color__secondary {
  background: linear-gradient(
    225deg,
    rgba(139, 43, 255, 0.25) 0%,
    rgba(0, 207, 229, 0.25) 100%
  );
  text-shadow: 0 0 0.6rem rgba(255, 255, 255, 0.3);
}
.mb-button.mb-button-color__secondary:hover {
  animation: animatedGradient 2000s linear both;
  box-shadow: 0 0 3rem #0000001a;
}
.mb-button.mb-button-color__green {
  background: linear-gradient(
      0deg,
      rgba(102, 255, 182, 0.15) 0%,
      rgba(102, 255, 182, 0.15) 100%
    ),
    url(./../images/noise-big-default.png),
    linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%),
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.5) -29.7%,
      rgba(255, 255, 255, 0) 99.89%
    );
  text-shadow: 0 0 0.313rem rgba(102, 255, 182, 0.8),
    0 0 1rem rgba(102, 255, 182, 0.8), 0 0 1.25rem rgba(102, 255, 182, 0.3);
  color: #fff;
}
.mb-button.mb-button-color__green:before {
  background: linear-gradient(
        110deg,
        rgba(255, 255, 255, 0.5) 0%,
        rgba(255, 255, 255, 0) 32.63%
      )
      border-box,
    linear-gradient(var(--l-deg-2), #72f0b4 0%, rgba(114, 240, 180, 0) 32.63%)
      border-box;
}
.mb-button.mb-button-color__green:hover,
.mb-button.mb-button-color__green:active {
  background: linear-gradient(
      0deg,
      rgba(102, 255, 182, 0.3),
      rgba(102, 255, 182, 0.3)
    ),
    url(./../images/noise-big-default.png),
    linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    linear-gradient(
      135.49deg,
      rgba(255, 255, 255, 0.5) -29.7%,
      rgba(255, 255, 255, 0) 99.89%
    ) !important;
  background-blend-mode: normal, overlay, normal, soft-light;
}
.mb-button.mb-button-color__green:hover:before,
.mb-button.mb-button-color__green:active:before {
  background: linear-gradient(
        110deg,
        rgba(255, 255, 255, 0.5) 0%,
        rgba(255, 255, 255, 0) 32.63%
      )
      border-box,
    linear-gradient(var(--l-deg-1), #72f0b4 0%, rgba(114, 240, 180, 0) 32.63%)
      border-box !important;
}
.mb-button.mb-button-color__red {
  background: linear-gradient(
      0deg,
      rgba(255, 84, 104, 0.4) 0%,
      rgba(255, 84, 104, 0.4) 100%
    ),
    url(./../images/noise-big-default.png),
    linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%),
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.5) -29.7%,
      rgba(255, 255, 255, 0) 99.89%
    );
  text-shadow: 0 0 0.313rem rgba(255, 84, 104, 0.8),
    0 0 1rem rgba(255, 84, 104, 0.8), 0 0 1.25rem rgba(255, 84, 104, 0.3);
  color: #fff;
  box-shadow: 0 0 50px #ff5468cc, 0 0 50px #72f0b41a;
}
.mb-button.mb-button-color__red:before {
  background: linear-gradient(
        110deg,
        rgba(255, 255, 255, 0.5) 0%,
        rgba(255, 255, 255, 0) 32.63%
      )
      border-box,
    linear-gradient(var(--l-deg-2), #ff5468 0%, rgba(255, 84, 104, 0) 32.63%)
      border-box;
}
.mb-button.mb-button-color__red:hover,
.mb-button.mb-button-color__red:active {
  background: linear-gradient(
      0deg,
      rgba(255, 84, 104, 0.5),
      rgba(255, 84, 104, 0.5)
    ),
    url(./../images/noise-big-default.png),
    linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    linear-gradient(
      135.49deg,
      rgba(255, 255, 255, 0.5) -29.7%,
      rgba(255, 255, 255, 0) 99.89%
    ) !important;
  background-blend-mode: normal, overlay, normal, soft-light;
  box-shadow: none;
}
.mb-button.mb-button-color__red:hover:before,
.mb-button.mb-button-color__red:active:before {
  background: linear-gradient(
        110deg,
        rgba(255, 255, 255, 0.5) 0%,
        rgba(255, 255, 255, 0) 32.63%
      )
      border-box,
    linear-gradient(var(--l-deg-1), #ff5468 0%, rgba(255, 84, 104, 0) 32.63%)
      border-box !important;
}
.mb-button.mb-button-shape__round.mb-button-color__tertiary,
.mb-button.mb-button-color__tertiary {
  background: linear-gradient(225deg, #00cfe5 0%, #8b2bff 48%, #00cfe5)
    var(--x, 0) / 200%;
  border: 1px solid #fff;
  color: #fff;
}
.mb-button.mb-button-shape__round.mb-button-color__tertiary:hover,
.mb-button.mb-button-color__tertiary:hover {
  --x: 100%;
  background: linear-gradient(225deg, #00cfe5 0%, #8b2bff 48%, #00cfe5)
    var(--x, 0) / 200%;
  box-shadow: 0 0 6px #66eaffcc, 0 0 12px #66eaffcc, 0 0 10px #66eaff4d;
}
.mb-button.mb-button-shape__round.mb-button-color__tertiary.mb-button__active
  .mb-button__text,
.mb-button.mb-button-color__tertiary.mb-button__active .mb-button__text {
  border-radius: inherit;
}
.mb-button.mb-button-shape__round.mb-button-color__tertiary.mb-button__active
  .mb-button__text:before,
.mb-button.mb-button-color__tertiary.mb-button__active .mb-button__text:before {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  content: "";
  box-shadow: 0 0 140px #ab66ffcc, 0 0 140px #ab66ffcc, 0 0 140px #ab66ffcc,
    0 0 240px #ab66ff4d;
}
.mb-button.mb-button-color__light {
  background: url(./../images/noise-big-default.png),
    radial-gradient(
      71.61% 111.7% at 0% 0%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    rgba(0, 0, 0, 0.7);
  text-shadow: 0 0 0.6rem rgba(255, 255, 255, 0.3);
}
.mb-button.mb-button-type__outline {
  background: none;
  border: 0.06rem solid #c9f8ff;
  color: #fff;
  box-shadow: 0 0 0.3rem #66ebffcc, inset 0 0 0.3rem #66ebffcc;
  text-shadow: 0 0 0.3rem rgba(102, 235, 255, 0.8),
    0 0 0.3rem rgba(102, 235, 255, 0.8);
  pointer-events: none;
}
.mb-button.mb-button-type__outline:hover {
  background: transparent;
}
.mb-button.mb-button-type__outline:before {
  display: none;
}
.mb-button.mb-button-type__hollow {
  font-weight: 400;
  border: none;
  background: transparent;
  border-bottom: 0.06rem solid rgba(255, 255, 255, 0.7);
  padding: 0 0 0.3rem;
  border-radius: 0;
  height: auto;
  max-height: 1.5rem;
  display: initial;
  pointer-events: auto;
  white-space: nowrap;
}
.mb-button.mb-button-type__hollow:hover {
  background: transparent;
  filter: drop-shadow(0 0 5px rgba(102, 234, 255, 0.8))
    drop-shadow(0 0 15px rgba(102, 234, 255, 0.8))
    drop-shadow(0 0 20px rgba(102, 234, 255, 0.3));
  border-color: #fff;
  box-shadow: none;
}
.mb-button.mb-button-type__hollow:before,
.mb-button.mb-button-type__hollow:after {
  display: none;
  pointer-events: none;
}
.mb-button.mb-button-type__text {
  background: transparent;
  border: none;
  height: auto;
  padding: 0;
}
.mb-button.mb-button-type__text:hover {
  background: transparent;
}
.mb-button.mb-button-type__text:before,
.mb-button.mb-button-type__text:after {
  display: none;
}
.mb-button .icon {
  margin-left: 0.6rem;
  font-size: 1rem;
}
.mb-button.mb-button-icon-position__left {
  flex-flow: row-reverse;
}
.mb-button.mb-button-icon-position__left .icon {
  margin-right: 0.6rem;
  margin-left: 0;
}
.mb-button:before,
.mb-button:after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  z-index: 0;
  border: 0.006rem solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  box-sizing: border-box;
}
.mb-button:before {
  content: "";
  background: linear-gradient(
      var(--l-deg-2),
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 20.63%
    )
    border-box;
  animation: rotateDeg2 0.3s linear;
  -webkit-animation: rotateDeg2 0.3s linear;
  -moz-animation: rotateDeg2 0.3s linear;
}
.mb-button:hover,
.mb-button:active {
  color: #fff;
  box-shadow: 0 0 3rem #0000001a;
  background: url(./../images/noise-big-default.png),
    radial-gradient(
      69.13% 100% at 0% 0%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    rgba(0, 0, 0, 0.7);
  background-blend-mode: overlay, overlay, normal;
}
.mb-button:hover:before,
.mb-button:active:before {
  background: linear-gradient(
      var(--l-deg-1),
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 20.63%
    )
    border-box;
  animation: rotateDeg1 0.3s linear;
  -webkit-animation: rotateDeg1 0.3s linear;
  -moz-animation: rotateDeg1 0.3s linear;
}
.mb-button:hover:after,
.mb-button:active:after {
  content: "";
  background: linear-gradient(
      var(--l-deg-3),
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 20.63%
    )
    border-box;
  animation: rotateDeg3 0.3s linear;
  -webkit-animation: rotateDeg3 0.3s linear;
  -moz-animation: rotateDeg3 0.3s linear;
}
.mb-button:active {
  transform: scale(0.9);
}
.mb-button:disabled,
.mb-button.disabled {
  opacity: 0.5;
  cursor: initial !important;
  pointer-events: none;
}
.mb-button:focus-visible {
  outline: none;
  border: 3px solid #ffe9e1;
  box-shadow: 0 0 20px 4px #ff9166cc !important;
}
.mb-button--hidden-text {
  width: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  color: transparent;
}
@keyframes rotateDeg1 {
  0% {
    --l-deg-1: -35deg;
  }
  to {
    --l-deg-1: 135deg;
  }
}
@keyframes rotateDeg2 {
  0% {
    --l-deg-2: -200deg;
  }
  to {
    --l-deg-2: -315deg;
  }
}
@keyframes rotateDeg3 {
  0% {
    --l-deg-3: 135deg;
  }
  to {
    --l-deg-3: 315deg;
  }
}
@keyframes rotate1 {
  0% {
    transform: rotate(-135deg);
  }
  to {
    transform: rotate(-315deg);
  }
}
@keyframes rotate2 {
  0% {
    transform: rotate(150deg);
  }
  to {
    transform: rotate(315deg);
  }
}
@keyframes rotate3 {
  0% {
    transform: rotate(200deg);
  }
  to {
    transform: rotate(315deg);
  }
}
.mb-button .mb-btn__loading {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(./../images/loader-small.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  animation: rotate 2s infinite linear;
  -webkit-animation: rotate 2s infinite linear;
  -moz-animation: rotate 2s infinite linear;
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes animatedGradient {
  0% {
    background-image: linear-gradient(225deg, #8b2bff 0%, #00cfe5 100%);
  }
  to {
    background-image: linear-gradient(
      225deg,
      rgba(139, 43, 255, 0.52) 0%,
      rgba(0, 207, 229, 0.62) 100%
    );
  }
}
.mb-input {
  width: auto;
  background: transparent;
  border: none;
  outline: 0;
  color: #fff;
  font-size: 1.5rem;
  padding-bottom: 1.25rem;
  -webkit-user-select: auto;
  user-select: auto;
  font-weight: 400;
  font-style: normal;
  position: relative;
}
.mb-input::-webkit-input-placeholder {
  text-shadow: none;
  color: #ffffff40;
}
.mb-input:focus ~ .mb-input-border:after {
  background-color: #fff;
  width: 100% !important;
  transition: width 0.3s linear;
}
.mb-input:focus-within {
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.85),
    0 0 7px rgba(255, 255, 255, 0.78), 0 0 4px rgba(255, 255, 255, 0.04);
}
.mb-input.mb-input-blue:focus-within {
  text-shadow: 0 0 5px rgba(102, 234, 255, 0.85),
    0 0 7px rgba(102, 234, 255, 0.78), 0 0 4px rgba(102, 234, 255, 0.04);
}
.mb-input.mb-input-error {
  text-shadow: 0 0 5px rgba(255, 62, 85, 0.85), 0 0 7px rgba(255, 62, 85, 0.78),
    0 0 4px rgba(255, 62, 85, 0.04);
}
.mb-input.mb-input-error ~ .mb-input-border:after {
  background-color: #fff;
  box-shadow: 0 0 5px #ff5468d9, 0 0 7px #ff5468c7, 0 0 4px #ff54680a !important;
  width: 100% !important;
}
.mb-input.mb-input-error:focus ~ .mb-input-border:after {
  width: 100% !important;
  box-shadow: 0 0 5px #ff5468d9, 0 0 7px #ff5468c7, 0 0 4px #ff54680a;
}
.mb-tooltip {
  position: absolute;
  font-size: 0.875rem;
  color: #fff;
  padding: 1.25rem 1.5rem;
  background: url(./../images/noise-big-default.png),
    linear-gradient(
      135.49deg,
      rgba(255, 255, 255, 0.15) -29.7%,
      rgba(255, 255, 255, 0) 99.89%
    ),
    rgba(59, 58, 70, 0.7);
  background-blend-mode: overlay, soft-light, normal;
  border-radius: 10px;
  z-index: 1000;
  opacity: 0;
}
.mb-tooltip__small {
  padding: 0.8rem 1rem;
  font-size: 0.75rem;
}
.mb-tooltip:after {
  content: "";
  position: absolute;
  background-image: url(./../images/tooltip-arrow.svg);
  width: 16px;
  height: 9px;
  background-repeat: no-repeat;
}
.mb-tooltip-top:after {
  top: 100%;
  left: 50%;
  margin-left: -5px;
  transform: rotate(180deg);
}
.mb-tooltip-bottom:after {
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
}
.mb-tooltip-left:after {
  top: 50%;
  left: calc(100% - 3px);
  margin-top: -5px;
  transform: rotate(90deg);
}
.mb-tooltip-right:after {
  top: 50%;
  right: calc(100% - 3px);
  margin-top: -5px;
  transform: rotate(270deg);
}
.mb-tooltip-show {
  opacity: 1;
}
.mb-icon-round {
  background: url(./../images/noise-big-default.png),
    radial-gradient(
      71.61% 111.7% at 0% 0%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    rgba(0, 0, 0, 0.7);
  background-blend-mode: overlay, soft-light, normal;
  border-radius: 100px;
  height: 3.5rem;
  width: 3.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.mb-icon-round.background-dark {
  background: url(./../images/noise-big-default.png),
    radial-gradient(
      69.13% 100% at 0% 0%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    rgba(59, 58, 70, 0.9);
  background-blend-mode: overlay, overlay, normal;
}
.mb-icon-round.background-dark:before {
  display: none;
}
.mb-icon-round.mb-icon-small {
  height: 1rem;
  width: 1rem;
}
.mb-icon-round.mb-icon-small .icon {
  font-size: 0.438rem;
}
.mb-icon-round.mb-icon-large {
  height: 5.5rem;
  width: 5.5rem;
}
.mb-icon-round.mb-icon-large .icon {
  font-size: 2.5rem;
}
.mb-icon-round.mb-icon-green .icon {
  filter: drop-shadow(0px 0px 1.5px #66ffb6)
    drop-shadow(0px 0px 2px rgba(102, 255, 182, 0.8))
    drop-shadow(0px 0px 0px #66ffb6);
}
.mb-icon-round.mb-icon-red .icon {
  filter: drop-shadow(0px 0px 1px #ff5468)
    drop-shadow(0px 0px 4px rgba(255, 84, 104, 0.8))
    drop-shadow(0px 0px 6px #ff5468);
}
.mb-icon-round:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
      var(--l-deg-2),
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 32.63%
    )
    border-box;
  border-radius: inherit;
  z-index: 0;
  border: 1px solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  box-sizing: border-box;
}
.mb-icon-round .icon {
  color: #fff;
  filter: drop-shadow(0px 0px 10px rgba(204, 233, 237, 0.7));
  font-size: 2rem;
}
.text {
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
}
.ellipsis,
.mb-dropdown__option > span:first-child,
.mb-dropdown__selected {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mb-dropdown {
  width: 100%;
  position: relative;
  font-size: 1.1rem;
}
.mb-dropdown.border-round .mb-dropdown__inner {
  border-radius: 100px;
}
.mb-dropdown__inner {
  background: url(./../images/noise-big-default.png),
    radial-gradient(
      71.61% 111.7% at 0% 0%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    rgba(0, 0, 0, 0.7);
  background-blend-mode: overlay, soft-light;
  height: 5.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2rem;
  border-radius: 10px;
  box-shadow: 0 0 50px #0000001a;
}
.mb-dropdown__inner.border-round {
  border-radius: 100px;
}
.mb-dropdown__inner:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(170deg, #ffffff 0%, rgba(255, 255, 255, 0) 25.07%),
    linear-gradient(
      355deg,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(255, 255, 255, 0) 24.92%
    );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}
.mb-dropdown__selected {
  flex: 1;
  color: #fff;
  background: transparent;
  border: none;
  font-size: 1.1rem;
}
.mb-dropdown__icon {
  font-size: 1.75rem;
  color: #fff;
  transform: rotate(0);
  transition: all 0.3s ease-out;
  cursor: pointer;
}
.mb-dropdown__icon.opened {
  transform: rotate(180deg);
  transition: all 0.3s ease-out;
}
.mb-dropdown__options {
  background: url(./../images/noise-big-default.png),
    radial-gradient(
      71.61% 111.7% at 0% 0%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    rgba(0, 0, 0, 0.7);
  border-radius: 10px;
  width: 100%;
  position: absolute;
  top: 88px;
  z-index: 1;
  overflow: hidden;
  height: 0;
  transition: all 0.3s ease-out;
}
.mb-dropdown__options.opened {
  height: 22rem;
}
.mb-dropdown__options.opened-3__child {
  height: 16.5rem;
}
.mb-dropdown__options.opened-2__child {
  height: 11rem;
}
.mb-dropdown__options.opened-1__child {
  height: 5.5rem;
}
.mb-dropdown:hover {
  opacity: 1;
}
.mb-dropdown__option {
  display: flex;
  align-items: center;
  height: 5.5rem;
  padding: 0 2rem;
  color: #ffffffb3;
  position: relative;
  background: url(./../images/noise-big-default.png),
    radial-gradient(
      71.61% 111.7% at 0% 0%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    rgba(0, 0, 0, 0.7);
}
.mb-dropdown__option > span:first-child {
  flex: 1;
  width: 100%;
}
.mb-dropdown__option:hover,
.mb-dropdown__option.active {
  color: #fff;
  background: url(./../images/noise-big-default.png),
    radial-gradient(
      69.13% 100% at 0% 0%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    rgba(0, 0, 0, 0.7);
  cursor: pointer;
}
.mb-dropdown.opened:not(.border-round) .mb-dropdown__inner {
  border-radius: 10px 10px 0 0;
}
.mb-dropdown.opened:not(.border-round) .mb-dropdown__options {
  border-radius: 0 0 10px 10px;
}
.mb-dropdown .scrollbar:hover {
  --scroll-thumb-size: 6px;
  overflow: hidden;
  overflow-y: overlay;
}
.mb-dropdown .scrollbar:hover::-webkit-scrollbar {
  width: var(--scroll-thumb-size);
}
.mb-dropdown .scrollbar:hover::-webkit-scrollbar-thumb {
  border-radius: var(--scroll-thumb-size);
  background: #ffffff;
}
.mb-switch {
  display: flex;
  align-items: center;
}
.mb-switch-mode__label-before {
  flex-direction: row-reverse;
  text-align: right;
}
.mb-switch--container {
  position: relative;
  width: 4.5rem;
  min-width: 4.5rem;
  height: 2.625rem;
  pointer-events: auto;
}
.mb-switch--container.mb-switch__small {
  min-width: auto;
  width: 2.5rem;
  height: 1.5rem;
}
.mb-switch--container.mb-switch__small .mb-switch--toggle {
  width: 1rem;
  height: 1rem;
}
.mb-switch--container.mb-switch__small
  .mb-switch--input:checked
  + .mb-switch--inner
  .mb-switch--toggle {
  transform: translate(1.125rem, -50%);
}
.mb-switch--container.mb-switch__red input:checked + .mb-switch--inner .icon {
  filter: drop-shadow(0px 0px 1.5px #ff5468)
    drop-shadow(0px 0px 4px rgba(255, 84, 104, 0.8))
    drop-shadow(0px 0px 6px #ff5468);
}
.mb-switch--container.mb-switch__red input:checked + .mb-switch--inner:before {
  background: linear-gradient(208deg, #ff5468 0%, rgba(114, 240, 179, 0) 32%)
    border-box;
  border: 0.05rem solid transparent;
  -webkit-mask: linear-gradient(#ff5468 0 0) padding-box,
    linear-gradient(#ff5468 0 0);
}
.mb-switch--container.mb-switch__red .mb-switch--inner {
  background: linear-gradient(
      0deg,
      rgba(255, 84, 104, 0.03),
      rgba(255, 84, 104, 0.03)
    ),
    url(./../images/noise-big-default.png),
    radial-gradient(
      69.13% 100% at 0% 0%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    rgba(0, 0, 0, 0.16);
}
.mb-switch--container.multi-color .mb-switch--inner:before {
  background: linear-gradient(
      var(--l-deg-1),
      rgb(255, 84, 104) 0%,
      rgba(255, 255, 255, 0) 32%
    )
    border-box;
  border: 0.05rem solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
}
.mb-switch--container.multi-color .mb-switch--inner .icon {
  filter: drop-shadow(0px 0px 1.5px #ff5468)
    drop-shadow(0px 0px 4px rgba(255, 84, 104, 0.8))
    drop-shadow(0px 0px 6px #ff5468);
}
.mb-switch--input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 0;
  opacity: 0;
}
.mb-switch--input:checked + .mb-switch--inner:before {
  background: linear-gradient(315deg, #72f0b3 0%, rgba(114, 240, 179, 0) 24.92%)
    border-box;
  border: 0.05rem solid transparent;
  -webkit-mask: linear-gradient(#72f0b3 0 0) padding-box,
    linear-gradient(#72f0b3 0 0);
}
.mb-switch--input:checked + .mb-switch--inner .mb-switch--toggle {
  background: #fff;
  box-shadow: 0 0 0.32rem #66ffb6cc, 0 0 0.9rem #66ffb6cc, 0 0 1.25rem #66ffb6cc;
  transform: translate(1.875rem, -50%);
}
.mb-switch--input:disabled + .mb-switch--inner {
  opacity: 0.5;
  cursor: default;
}
.mb-switch--inner {
  position: absolute;
  inset: 0;
  background: url(./../images/noise-big-default.png),
    radial-gradient(
      71.61% 111.7% at 0% 0%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    rgba(0, 0, 0, 0.7);
  background-blend-mode: overlay, overlay, normal;
  border-radius: 6.25rem;
  cursor: pointer;
  transition: 0.4s;
}
.mb-switch--inner:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  z-index: -1;
  background: linear-gradient(
      315deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 32%
    )
    border-box;
  border: 0.06rem solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  box-sizing: border-box;
  transition: background 0.4s, border 0.4s;
  content: "";
}
.mb-switch--toggle {
  position: absolute;
  left: 0.188rem;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  height: 1.875rem;
  width: 1.875rem;
  transform: translateY(-50%);
  background: url(./../images/noise-big-default.png),
    radial-gradient(
      69.13% 100% at 0% 0%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%
    );
  background-blend-mode: overlay;
  background-blend-mode: overlay, overlay, normal;
  transition: 0.4s;
}
.mb-switch-mode__icon .mb-switch--inner {
  font-size: 1rem;
}
.mb-switch-mode__icon .mb-switch--inner:before {
  background: linear-gradient(
      var(--l-deg-2),
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 32%
    )
    border-box;
  border: 0.05rem solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
}
.mb-switch-mode__icon input:checked + .mb-switch--inner .icon {
  filter: drop-shadow(0px 0px 1px #66ffb6)
    drop-shadow(0px 0px 4px rgba(102, 255, 182, 0.8))
    drop-shadow(0px 0px 6px #66ffb6);
}
.mb-switch-mode__icon input:checked + .mb-switch--inner:before {
  background: linear-gradient(208deg, #72f0b3 0%, rgba(114, 240, 179, 0) 32%)
    border-box;
  border: 0.05rem solid transparent;
  -webkit-mask: linear-gradient(#72f0b4 0 0) padding-box,
    linear-gradient(#72f0b4 0 0);
}
.mb-switch-mode__icon input:checked + .mb-switch--inner .mb-switch--toggle {
  background: url(./../images/noise-big-default.png),
    radial-gradient(
      69.13% 100% at 0% 0%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    rgba(255, 255, 255, 0.05);
  background-blend-mode: overlay, overlay, normal;
  box-shadow: none;
}
.mb-switch--icon {
  color: #fff;
}
.mb-switch--label {
  color: #ffffffb3;
  transition: color 0.3s linear;
  padding-left: 0.6rem;
  font: 400 0.875rem Graphik, sans-serif;
}
.mb-switch-mode__label-before .mb-switch--label {
  padding-left: 0;
  padding-right: 0.6rem;
}
.mb-switch--label-color__light {
  color: #fff;
}
.mb-radio {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  transition: transform 0.3s ease-out;
}
.mb-radio-label-position__before {
  flex-direction: row-reverse;
  text-align: right;
}
.mb-radio--input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  opacity: 0;
}
.mb-radio--input:checked + .mb-radio--button:after {
  padding: 0.5rem;
}
.mb-radio--input:checked + .mb-radio--button + .mb-radio--label {
  color: #fff;
}
.mb-radio--input:disabled + .mb-radio--button {
  pointer-events: none;
  opacity: 0.5;
}
.mb-radio--input:disabled + .mb-radio--button + .mb-radio--label {
  pointer-events: none;
  opacity: 0.5;
}
.mb-radio--button {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 1rem 0 0;
  position: relative;
  border-radius: 50%;
  background: url(./../images/noise-big-default.png),
    radial-gradient(
      71.61% 111.7% at 0% 0%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    rgba(0, 0, 0, 0.7);
  background-blend-mode: overlay, soft-light;
}
.mb-radio--button:before,
.mb-radio--button:after {
  position: absolute;
  box-sizing: border-box;
  border-radius: 50%;
  content: "";
}
.mb-radio--button:before {
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border: 0.07rem solid transparent;
  background: linear-gradient(
      315deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 32.63%
    )
    border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}
.mb-radio--button:after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  box-shadow: 0 0 0.32rem #66ffb6cc, 0 0 0.938rem #66ffb6cc,
    0 0 1.25rem #66ffb6cc;
  transition: padding 0.3s linear;
}
.mb-radio--label {
  color: #ffffffb3;
  transition: color 0.3s linear;
  font: 400 1rem Graphik, sans-serif;
}
.mb-radio:active {
  transform: scale(0.9);
}
.mb-radio-group {
  margin-bottom: 1rem;
}
.mb-radio-group:last-child {
  margin-bottom: 0;
}
:host.mb-radio--horizontal {
  display: flex;
  align-items: center;
}
:host.mb-radio--horizontal .mb-radio-group {
  margin-right: 1rem;
}
:host.mb-radio--horizontal .mb-radio-group:last-child {
  margin-right: 0;
}
.mb-checkbox {
  display: inline-flex;
  align-items: center;
  position: relative;
  transition: all 0.3s ease-out;
}
.mb-checkbox-label-position__before {
  flex-direction: row-reverse;
  text-align: right;
}
.mb-checkbox--input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 2rem;
  height: 2rem;
  opacity: 0;
}
.mb-checkbox--input:checked + .mb-checkbox--box {
  opacity: 1;
  background: url(./../images/noise-big-default.png),
    radial-gradient(
      71.61% 111.7% at 0% 0%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    rgba(0, 0, 0, 0.7);
}
.mb-checkbox--input:checked + .mb-checkbox--box:before {
  border: 0.063rem solid transparent;
  background: linear-gradient(-40deg, #72f0b3 0%, rgba(114, 240, 179, 0) 32.63%)
    border-box;
  -webkit-mask: linear-gradient(#72f0b3 0 0) padding-box,
    linear-gradient(#72f0b3 0 0);
}
.mb-checkbox--input:checked + .mb-checkbox--box + .mb-checkbox--label {
  opacity: 1;
}
.mb-checkbox--input:checked + .mb-checkbox--box .mb-checkbox--icon {
  transform: scale(1);
  opacity: 1;
}
.mb-checkbox--input:disabled + .mb-checkbox--box {
  pointer-events: none;
  opacity: 0.3;
}
.mb-checkbox--input:disabled + .mb-checkbox--box + .mb-checkbox--label {
  pointer-events: none;
  opacity: 0.3;
}
.mb-checkbox--box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  background: url(./../images/noise-big-default.png),
    radial-gradient(
      71.61% 111.7% at 0% 0%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    rgba(0, 0, 0, 0.7);
  background-blend-mode: overlay, soft-light, normal;
  border-radius: 0.5rem;
  opacity: 0.5;
  position: relative;
  cursor: pointer;
  transition: opacity 0.2s;
}
.mb-checkbox-label-position__after .mb-checkbox--box {
  margin: 0 1rem 0 0;
}
.mb-checkbox-label-position__before .mb-checkbox--box {
  margin: 0 0 0 1rem;
}
.mb-checkbox--box:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0.063rem solid transparent;
  border-radius: 0.5rem;
  background: linear-gradient(-40deg, #fff 0%, rgba(255, 255, 255, 0) 32.63%)
    border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  box-sizing: border-box;
  content: "";
}
.mb-checkbox--icon {
  font-size: 2rem;
  color: #fff;
  text-shadow: 0 0 1.0625rem #72f0b3, 0 0 0.4rem #72f0b3;
  transform: scale(0);
  opacity: 0;
  transition: transform 0.2s, opacity 0.2s;
}
.mb-checkbox--label {
  font-size: 0.875rem;
  cursor: pointer;
  color: #fff;
  opacity: 0.7;
  transition: opacity 0.2s;
}
.mb-checkbox--label:hover {
  opacity: 1;
}
.mb-checkbox:active {
  transform: scale(0.9);
}
*[class^="mb-"] {
  font-family: Graphik, sans-serif;
}
@font-face {
  font-family: Untitled1;
  src: url(fonts/icons/mobeus-r1.eot);
  src: url(fonts/icons/mobeus-r1.eot) format("embedded-opentype"),
    url(fonts/icons/mobeus-r1.ttf) format("truetype"),
    url(fonts/icons/mobeus-r1.woff) format("woff"),
    url(fonts/icons/mobeus-r1.woff2) format("woff2"),
    url(fonts/icons/mobeus-r1.svg) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: Untitled1 !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-favorite-fill:before {
  content: "e";
}
.icon-favorite:before {
  content: "d";
}
.icon-upload:before {
  content: "`";
}
.icon-download:before {
  content: "a";
}
.icon-push:before {
  content: "b";
}
.icon-delete:before {
  content: "c";
}
.icon-wifi-on:before {
  content: "Z";
}
.icon-wifi-off:before {
  content: "[";
}
.icon-lock-closed:before {
  content: "]";
}
.icon-lock-open:before {
  content: "\\";
}
.icon-show:before {
  content: "^";
}
.icon-hide:before {
  content: "_";
}
.icon-swap:before {
  content: "Y";
}
.icon-merge:before {
  content: "X";
}
.icon-erase:before {
  content: "E";
}
.icon-draw:before {
  content: "D";
}
.icon-assist:before {
  content: "A";
}
.icon-share-on:before {
  content: "K";
}
.icon-share-off:before {
  content: "J";
}
.icon-microphone-on:before {
  content: "H";
}
.icon-microphone-off:before {
  content: "G";
}
.icon-video-on:before {
  content: "M";
}
.icon-video-off:before {
  content: "L";
}
.icon-history:before {
  content: "C";
}
.icon-leave:before {
  content: "F";
}
.icon-rewind:before {
  content: "O";
}
.icon-forward:before {
  content: "N";
}
.icon-pause:before {
  content: "P";
}
.icon-stop:before {
  content: "Q";
}
.icon-play:before {
  content: "R";
}
.icon-record:before {
  content: "S";
}
.icon-volume-off:before {
  content: "T";
}
.icon-volume-on:before {
  content: "U";
}
.icon-recorded:before {
  content: "V";
}
.icon-close:before {
  content: "f";
}
.icon-arrow-left:before {
  content: "k";
}
.icon-arrow-right:before {
  content: "j";
}
.icon-arrow-down:before {
  content: "m";
}
.icon-arrow-up:before {
  content: "l";
}
.icon-add:before {
  content: "n";
}
.icon-expand:before {
  content: "h";
}
.icon-minimize:before {
  content: "i";
}
.icon-check:before {
  content: "o";
}
.icon-grid:before {
  content: "p";
}
.icon-search:before {
  content: "q";
}
.icon-settings:before {
  content: "r";
}
.icon-menu:before {
  content: "g";
}
.icon-badge:before {
  content: "s";
}
.icon-link:before {
  content: "t";
}
.icon-notification-badge:before {
  content: "u";
}
.icon-accessibility:before {
  content: "v";
}
.icon-error:before {
  content: "w";
}
.icon-speaker-off:before {
  content: "W";
}
.icon-transparency:before {
  content: "x";
}
.icon-monitor:before {
  content: "y";
}
.icon-butterfly:before {
  content: "B";
}
.icon-user:before {
  content: "I";
}
.icon-hotspot-on:before {
  content: "z";
}
.icon-hotspot-off:before {
  content: "-";
}
.icon-save:before {
  content: "{";
}
.icon-visa:before {
  content: "}";
}
.icon-pin:before {
  content: "|";
}
.icon-help:before {
  content: "~";
}
.icon-edit:before {
  content: "1";
}
.icon-device:before {
  content: "2";
}
.icon-dot:before {
  content: "3";
}
.icon-monitor2:before {
  content: "4";
}
.icon-paint:before {
  content: "5";
}
.icon-filter:before {
  content: "6";
}
.icon-brightness:before {
  content: "7";
}
.icon-camera:before {
  content: "8";
}
.icon-butterfly2:before {
  content: "9";
}
.icon-alert:before {
  content: ":";
}
.icon-desktop-off:before {
  content: ";";
}
.icon-hand:before {
  content: "<";
}
.icon-teleport:before {
  content: "0";
}
.icon-subscription:before {
  content: "=";
}
.icon-logout:before {
  content: ">";
}
.icon-hold-calls-off:before {
  content: "?";
}
.icon-tele:before {
  content: "#";
}
.icon-tele-off:before {
  content: "$";
}
.icon-port:before {
  content: "!";
}
.icon-port-off:before {
  content: '"';
}
.icon-video-tele:before {
  content: "%";
}
.icon-video-tele-off:before {
  content: "&";
}
.icon-video-port:before {
  content: "'";
}
.icon-video-port-off:before {
  content: "(";
}
.icon-video1:before {
  content: ")";
}
.icon-video2:before {
  content: "*";
}
.icon-video3:before {
  content: "+";
}
.icon-language:before {
  content: ",";
}
.icon-win:before {
  content: "/";
}
.icon-ctrl:before {
  content: ".";
}
.icon-erase-new:before {
  content: "\a2";
}
.icon-system:before {
  content: "\a3";
}
.icon-help-fill:before {
  content: "\a5";
}
.icon-presenter:before {
  content: "\a4";
}
.icon-bolt-on:before {
  content: "\a7";
}
.icon-bolt-off:before {
  content: "\a6";
}
.icon-arrow-down-2:before {
  content: "\a8";
}
.icon-butterfly-layer-1:before {
  content: "\a9";
}
.icon-butterfly-layer-2:before {
  content: "\aa";
}
.icon-butterfly-layer-3:before {
  content: "\ab";
}
.icon-leadership:before {
  content: "\ac";
}
.icon-engineering:before {
  content: "\b6";
}
.icon-lab:before {
  content: "\ae";
}
.icon-directors:before {
  content: "\af";
}
.icon-envelope:before {
  content: "\b0";
}
.icon-home:before {
  content: "\b1";
}
.icon-linkedin:before {
  content: "\b2";
}
.icon-twitter:before {
  content: "\b3";
}
.icon-youtube:before {
  content: "\b4";
}
.icon-menu-2:before {
  content: "\b5";
}
.icon-money:before {
  content: "\b9";
}
.icon-gift:before {
  content: "\b8";
}
.icon-olp:before {
  content: "\ba";
}
.icon-cc:before {
  content: "\bb";
}
.icon-route:before {
  content: "\bc";
}
.icon-fire:before {
  content: "\bd";
}
.icon-circle-alert:before {
  content: "\be";
}
.icon-map:before {
  content: "\bf";
}
.icon-smart-phone:before {
  content: "\c0";
}
.icon-dollar:before {
  content: "\c1";
}
.icon-phone:before {
  content: "\c2";
}
.icon-backward:before {
  content: "\c3";
}
.icon-protect:before {
  content: "\c4";
}
.icon-list:before {
  content: "\c5";
}
.icon-wallet:before {
  content: "\c6";
}
.icon-globus:before {
  content: "\c7";
}
.icon-preview-hotspot:before {
  content: "\c8";
}
.icon-weather-cloudy:before {
  content: "\c9";
}
.icon-weather-sunny:before {
  content: "\ca";
}
.icon-refresh:before {
  content: "\cd";
}
.icon-erase-3:before {
  content: "\ce";
}
.icon-text:before {
  content: "\cf";
}
.icon-zoom-eye:before {
  content: "\cc";
}
.icon-draw-2:before {
  content: "\cb";
}
.icon-caputre:before {
  content: "\d0";
}
.icon-caputre-stop:before {
  content: "\d2";
}
.icon-caputre-circle:before {
  content: "\d1";
}
.icon-caputre-stop-circle:before {
  content: "\d3";
}
.icon-keyboard:before {
  content: "\d6";
}
.icon-video4:before {
  content: "\d7";
}
.icon-video5:before {
  content: "\d8";
}
.icon-video6:before {
  content: "\d9";
}
.icon-teleprompter:before {
  content: "\da";
}
.icon-move:before {
  content: "\db";
}
.icon-add-grid:before {
  content: "\dc";
}
.icon-diagonal-arrow:before {
  content: "\dd";
}
.icon-transparency2:before {
  content: "\de";
}
.icon-push:before {
  content: "\df";
}
.icon-light-off:before {
  content: "\e0";
}
.icon-push-back:before {
  content: "\e1";
}
.icon-screen-mark:before {
  content: "\e2";
}
.icon-brain-arrow:before {
  content: "\e3";
}
.icon-floor-plan:before {
  content: "\e4";
}
.icon-link-2:before {
  content: "\e5";
}
.icon-image-frame:before {
  content: "\e6";
}
.icon-mark:before {
  content: "\e7";
}
.icon-carousel:before {
  content: "\e8";
}
.icon-star:before {
  content: "\e9";
}
.icon-heart:before {
  content: "\ea 	";
}
.icon-car:before {
  content: "\eb 	";
}
.icon-castle:before {
  content: "\ec 	";
}
.icon-tiny-house:before {
  content: "\ed";
}
.icon-note-pad:before {
  content: "\ee";
}
.icon-folder-check:before {
  content: "\ef";
}
.icon-folder-search:before {
  content: "\f0";
}
.icon-brain-arrow-2:before {
  content: "\f1";
}
.icon-ear:before {
  content: "\f2";
}
.icon-ear-off:before {
  content: "\f3";
}
.icon-vr:before {
  content: "\f4";
}
.icon-vr-off:before {
  content: "\f5";
}
.icon-hand-off:before {
  content: "\f6";
}
.icon-diagonal-opposite:before {
  content: "\f7";
}
.icon-copy:before {
  content: "\f8";
}
.icon-delete-new:before {
  content: "\f9";
}
.icon-pinch:before {
  content: "\fa";
}
.icon-rotate:before {
  content: "\fb";
}
.icon-rotate-phone:before {
  content: "\fc";
}
.icon-camera-new:before {
  content: "\fd";
}
.icon-image-frame-new:before {
  content: "\fe";
}
.icon-clock:before {
  content: "\ff";
}
.icon-person:before {
  content: "\100";
}
.video-item__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20vh;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.7) 91.53%
  );
  mix-blend-mode: normal;
  pointer-events: none;
}
.video-item__bg.animate {
  transition: opacity 1s;
}
.video-item__bg.animate.animate-in {
  opacity: 1;
}
.video-item__bg.animate.animate-out {
  opacity: 0;
}
.member-info {
  --memeber-info-position: 2.5rem;
  --memeber-info-icon-size: 4.125rem;
  --memeber-info-height: 8.125rem;
  --position-height: 1.688rem;
  position: absolute;
  left: 0;
  bottom: var(--memeber-info-position);
  padding: 0 var(--memeber-info-position);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  z-index: 1;
  width: 100%;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  min-height: var(--memeber-info-height);
}
.member-info.no-height {
  min-height: auto;
}
.member-info__icon {
  width: var(--memeber-info-icon-size);
  min-height: calc(var(--memeber-info-icon-size) / 2);
  opacity: 0.8;
  line-height: 0;
}
.member-info__icon img {
  width: 100%;
}
.member-info__name {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.member-info__name.color-pink {
  color: #f46698;
}
.member-info__name.color-blue {
  color: #66eaff;
}
.member-info__name.color-green {
  color: #66ffb6;
}
.member-info__position {
  color: #fff9;
  min-height: var(--position-height);
}
.member-info__position,
.member-info__name {
  max-width: 500px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.member-info.disable-blur {
  filter: none !important;
}
.text-expanded {
  max-width: 100%;
  overflow: auto;
  text-overflow: unset;
  white-space: unset;
  width: 100%;
}
.member-info__name {
  --font-size: 1.5rem;
}
.member-info__name i {
  font-size: var(--font-size);
}
.beam-status {
  font-size: 2.8rem;
  color: #fff;
  margin: 0 0 0.3rem;
}
@keyframes slide-out-left-total-1-first {
  0% {
    width: 50%;
  }
  to {
    width: 0%;
  }
}
@keyframes slide-out-left-total-3-last {
  0% {
    width: 33.3333333333%;
  }
  to {
    width: 0%;
  }
}
@keyframes slide-out-left-total-2-last {
  0% {
    width: 33.3333333333%;
  }
  to {
    width: 0%;
  }
}
@keyframes slide-out-left-total-2-first {
  0% {
    width: 33.3333333333%;
  }
  to {
    width: 0%;
  }
}
@keyframes slide-out-right {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(100%);
  }
}
@keyframes scale-out-center {
  0% {
    width: 33.3333333333%;
  }
  to {
    width: 0%;
  }
}
@keyframes muted-feedback {
  0% {
    --feedback: 200%;
  }
  50% {
    --feedback: 40%;
  }
  to {
    --feedback: 200%;
  }
}
@keyframes muted {
  to {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
}
@keyframes fade-out-bck {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes swap-call {
  0% {
    transform: rotateY(-100deg);
    transform-origin: center;
    opacity: 0;
  }
  to {
    transform: rotateY(0);
    transform-origin: center;
    opacity: 1;
  }
}
@keyframes back-to-call {
  0% {
    transform: rotateY(-100deg);
    transform-origin: center;
    opacity: 0;
  }
  to {
    transform: rotateY(0);
    transform-origin: center;
    opacity: 1;
  }
}
@keyframes circle-mask {
  0% {
    clip-path: circle(2%);
    --c: 0%;
  }
  to {
    clip-path: circle(100%);
    --c: 100%;
  }
}
@keyframes circle-gradient {
  0% {
    --m: 0%;
  }
  to {
    --m: 100%;
  }
}
@keyframes circle-mask-out {
  0% {
    clip-path: circle(100%);
    --c: 100%;
  }
  to {
    clip-path: circle(2%);
    --c: 10%;
  }
}
@keyframes circle-gradient-out {
  0% {
    --m: 100%;
  }
  to {
    --m: 0%;
  }
}
@keyframes pulse {
  0% {
    box-shadow: 0 0;
  }
  50% {
    box-shadow: 0 0 50px #668aff, 0 0 10px #000;
  }
  to {
    box-shadow: 0 0 #668aff, 0 0 10px #000;
  }
}
@property --c {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --m {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --feedback {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
.ignore-mouse-events {
  pointer-events: none;
}
.projector-wrapper {
  width: 100%;
  height: 100vh;
  position: relative;
}
.projector-wrapper.disable-anim .participant {
  transition: left 0s, width 0s !important;
}
.projector-wrapper.disable-anim .participant.autoproduction-local {
  animation: none !important;
  mask-image: none !important;
}
.projector-wrapper .muted-blinking-local {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: radial-gradient(
    var(--feedback) var(--feedback) at 50% 50%,
    rgba(255, 84, 104, 0) 35.42%,
    rgba(255, 84, 104, 0.4) 100%
  );
  animation: muted-feedback 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
  display: block;
  z-index: 999;
  cursor: pointer;
}
.participant {
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 1;
  transition: left 1s 0.2s, width 1s 0.2s;
}
.participant.total-1.autoproduction-out.first {
  animation: slide-out-left-total-1-first 1s both !important;
}
.participant.total-1.autoproduction-out.last {
  transition: left 1s 0.2s, width 1s 0.2s;
}
.participant.total-1.local.autoproduction-out.first {
  animation: slide-out-left-total-1-first 1s both !important;
}
.participant.total-1.local.autoproduction-out.last {
  animation: slide-out-left-total-1-first 1.5s both !important;
  right: 0 !important;
  left: initial !important;
}
.participant.total-2.autoproduction-out.first {
  animation: slide-out-left-total-2-first 1s both !important;
}
.participant.total-2.autoproduction-out.last {
  transition: left 1s 0.2s, width 1s 0.2s;
}
.participant.total-2.autoproduction-out.middle {
  animation: scale-out-center 1.3s both;
}
.participant.total-2.local.autoproduction-out.first {
  animation: slide-out-left-total-2-first 1s both !important;
}
.participant.total-2.local.autoproduction-out.middle {
  animation: scale-out-center 1.3s both;
}
.participant.total-2.local.autoproduction-out.last {
  animation: slide-out-left-total-3-last 1.3s both !important;
  right: 0 !important;
  left: initial !important;
}
.participant .swap-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: rotateY(-180deg);
}
.participant .user-video-wrapper {
  width: 100%;
  height: 100%;
}
.participant .user-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.3s;
  position: absolute;
  top: 0;
  left: 0;
}
.participant .user-video:not(.static-video) {
  transform: rotateY(-180deg);
}
.participant .user-video.d-none {
  visibility: hidden;
}
.participant.autoproduction-in {
  transition: left 0s, width 0s;
  animation: fade-in 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  visibility: visible;
}
.participant.fade-out {
  transition: width 0, left 0;
  animation: fade-out-bck 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}
.participant.autoproduction-local {
  transition: top 1s, left 1s, transform 1s, width 1s;
  animation: circle-mask 1.5s,
    circle-gradient 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both !important;
  mask-image: radial-gradient(rgb(0, 0, 0) var(--m), transparent var(--c));
}
.participant.fade-out-local {
  transition: top 1s, left 1s;
  animation: circle-mask-out 1.5s,
    circle-gradient-out 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;
  mask-image: radial-gradient(rgb(0, 0, 0) var(--m), transparent var(--c));
}
.participant .muted:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 84, 104, 0) 35.42%,
    rgba(255, 84, 104, 0.21) 100%
  );
  animation: muted 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}
.participant .muted-blinking:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(
    var(--feedback) var(--feedback) at 50% 50%,
    rgba(255, 84, 104, 0) 35.42%,
    rgba(255, 84, 104, 0.4) 100%
  );
  animation: muted-feedback 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}
.participant.swap-call {
  animation: swap-call 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) both !important;
}
.participant.swap-call .swap-call-bg {
  animation: none !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    #ff9166;
  background-blend-mode: normal, overlay;
  mix-blend-mode: multiply;
}
.participant.swap-call.back-to__call {
  animation: back-to-call 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) both !important;
}
.participant.swap-call.back-to__call:after {
  display: none;
}
.participant.hide {
  visibility: hidden;
  position: absolute;
  top: 0;
}
.participant.deleted {
  visibility: hidden !important;
}
.participant.is-teleport {
  width: 16.5rem !important;
  transition: none;
  pointer-events: initial;
}
.participant.is-teleport .user-video-wrapper {
  width: 16.5rem !important;
  height: 16.5rem !important;
  position: relative !important;
  margin: 0 auto;
  border-radius: 50% !important;
  cursor: pointer;
  background: rgba(102, 138, 255, 0.5);
}
.participant.is-teleport .user-video-wrapper:after,
.participant.is-teleport .user-video-wrapper:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(
      325deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 32.63%
    )
    border-box;
  border-radius: inherit;
  z-index: 0;
  border: 0.1rem solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  box-sizing: border-box;
}
.participant.is-teleport .user-video-wrapper:before {
  background-image: url(./../images/halo.svg);
  z-index: 10;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-mask-image: none;
  background-size: 79%;
  filter: drop-shadow(0px 0px 5px rgba(102, 234, 255, 0.8))
    drop-shadow(0px 0px 15px rgba(102, 234, 255, 0.8))
    drop-shadow(0px 0px 20px rgba(102, 234, 255, 0.3)) !important;
}
.participant.is-teleport .user-video-wrapper:hover {
  animation: pulse 1.5s infinite;
}
.participant.is-teleport .user-video-wrapper:hover:after {
  border: 1px solid #fff;
}
.participant.is-teleport .user-video {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) rotateY(-180deg) !important;
  width: 87% !important;
  height: 87% !important;
  border-radius: 50% !important;
  z-index: 1 !important;
  overflow: hidden !important;
  border: 0.3rem solid #fff !important;
  filter: drop-shadow(0px 0px 5px rgba(102, 234, 255, 0.8))
    drop-shadow(0px 0px 15px rgba(102, 234, 255, 0.8))
    drop-shadow(0px 0px 20px rgba(102, 234, 255, 0.3)) !important;
}
.participant .beam-overlay {
  width: 100%;
  height: 100%;
  background: linear-gradient(225deg, #8b2bff 0%, #00cfe5 100%);
  background-blend-mode: overlay;
  position: absolute;
  left: 0;
  top: 0;
  transition: opacity 0.3s;
  opacity: 0.4;
  z-index: 10;
}
@media only screen and (max-width: 700px) {
  .projector-wrapper.total-3 .participant {
    transition: left 0s, width 0s !important;
    height: 33.3333333333%;
  }
  .projector-wrapper.total-3 .participant-2 {
    top: 33.3333333333% !important;
  }
  .projector-wrapper.total-3 .participant-3 {
    top: 66.6666666667% !important;
  }
  .projector-wrapper.total-2 .participant {
    height: 50%;
  }
  .projector-wrapper.total-2 .participant-2 {
    bottom: 0;
    top: initial !important;
  }
  .projector-wrapper .participant {
    width: 100% !important;
    left: 0 !important;
    height: 100%;
  }
  .projector-wrapper .participant .user-video-wrapper,
  .projector-wrapper .participant .user-video {
    height: 100%;
  }
  .projector-wrapper .participant.autoproduction-out {
    display: none;
  }
}
.projector-loader-wrapper {
  animation: none !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5)
    linear-gradient(
      225deg,
      rgba(139, 43, 255, 0.5) 0%,
      rgba(0, 207, 229, 0.5) 100%
    );
  background-blend-mode: normal, overlay;
  mix-blend-mode: multiply;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.projector-loader-wrapper.swap-bg {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    #ff9166;
  opacity: 0.8;
}
.projector-loader {
  --loader-color-rgb: 244, 102, 152;
  --loader-size: 16.875rem;
  --loader-inner-size: calc(var(--loader-size) * 0.84);
  --loader-mask-offset: 15%;
  --loader-mask-animation-timing: 3s;
  --loader-mask-animation-ease: linear;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  place-content: center;
  place-items: center;
  width: var(--loader-size);
  height: var(--loader-size);
  border-radius: 50%;
}
.projector-loader.green {
  --loader-color-rgb: 102, 255, 182;
}
.projector-loader:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--loader-inner-size);
  height: var(--loader-inner-size);
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 calc(var(--loader-size) * 0.45)
      rgba(var(--loader-color-rgb), 0.2),
    0 0 calc(var(--loader-size) * 0.45) rgba(var(--loader-color-rgb), 0.2),
    0 0 calc(var(--loader-size) * 0.45) rgba(var(--loader-color-rgb), 0.2),
    0 0 calc(var(--loader-size) * 0.45) rgba(var(--loader-color-rgb), 0.2);
  z-index: -1;
  display: block;
}
.projector-loader__outer {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(var(--loader-color-rgb), 0.3);
  mix-blend-mode: lighten;
  box-shadow: inset 0 0 calc(var(--loader-size) * 0.01) #fff;
  overflow: hidden;
  clip-path: circle(49% at 50% 50%);
}
.projector-loader__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--loader-inner-size);
  height: var(--loader-inner-size);
  border: calc(var(--loader-size) * 0.006) solid rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  background: black;
  box-shadow: inset 0 0 calc(var(--loader-size) * 0.1)
      rgba(var(--loader-color-rgb), 0.2),
    inset 0 0 calc(var(--loader-size) * 0.1) rgba(var(--loader-color-rgb), 0.2),
    inset 0 0 calc(var(--loader-size) * 0.1) rgba(var(--loader-color-rgb), 0.2),
    inset 0 0 calc(var(--loader-size) * 0.1) rgba(var(--loader-color-rgb), 0.3),
    inset 0 0 calc(var(--loader-size) * 0.1) rgba(var(--loader-color-rgb), 0.3),
    inset 0 0 calc(var(--loader-size) * 0.1) rgba(var(--loader-color-rgb), 0.3),
    inset 0 0 calc(var(--loader-size) * 0.25) rgba(var(--loader-color-rgb), 0.6),
    inset 0 0 calc(var(--loader-size) * 0.25) rgba(var(--loader-color-rgb), 0.6);
}
.projector-loader__inner:before {
  content: "";
  position: absolute;
  inset: 0;
  border: calc(var(--loader-size) * 0.018) solid
    rgba(var(--loader-color-rgb), 1);
  border-radius: 50%;
}
.projector-loader__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 3;
}
.projector-loader__mask:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 70%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  z-index: 2;
}
.projector-loader__mask:after {
  content: "";
  z-index: 1;
  position: absolute;
  width: 150%;
  height: 150%;
  top: -25%;
  left: -25%;
  border-radius: 50%;
  background: radial-gradient(rgb(52, 52, 52) 40%, rgba(0, 0, 0, 0) 70%);
  transform-origin: center;
  animation: mask var(--loader-mask-animation-timing)
    var(--loader-mask-animation-ease) infinite;
}
.projector-loader__mask.no-animation:after {
  animation: none;
}
.projector-loader__content {
  z-index: 3;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.projector-loader__text {
  color: #fff;
  font: 400 2rem Graphik, sans-serif;
  text-transform: capitalize;
  font-size: 6rem;
  background: linear-gradient(225deg, #8b2bff 0%, #00cfe5 100%);
  border-radius: 100%;
  width: 12rem;
  height: 12rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.projector-loader__image img {
  height: 12rem;
  border-radius: 100%;
  width: 12rem;
  object-fit: cover;
}
.projector-loader__image:after,
.projector-loader__image:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(77deg);
  width: 12rem;
  height: 12rem;
  border-radius: 50%;
  z-index: 1;
  box-shadow: inset 6px 1px #66ffb6;
  filter: blur(6px);
}
.projector-loader__image:before {
  box-shadow: inset 1px 1px #fff;
  filter: none;
}
@keyframes mask {
  0% {
    transform: rotate(0) translate(var(--loader-mask-offset))
      translateY(var(--loader-mask-offset)) rotate(0);
  }
  to {
    transform: rotate(360deg) translate(var(--loader-mask-offset))
      translateY(var(--loader-mask-offset)) rotate(-360deg);
  }
}
.lowercase {
  text-transform: lowercase;
}
.full-height {
  height: 100% !important;
}
.full-width {
  width: 100% !important;
}
.half-width {
  width: 50% !important;
}
.text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.main-route {
  transition: opacity 0.4s;
}
.main-route.show {
  opacity: 1;
}
.weight-500 {
  font-weight: 500;
}
.body-1 {
  font-size: 1.857rem;
  line-height: 1.3;
}
@media screen and (max-width: 1440px) {
  .body-1 {
    font-size: 1.8rem;
  }
}
.body-2 {
  font-size: 1.714rem;
  line-height: 1.5;
}
@media screen and (max-width: 1440px) {
  .body-2 {
    font-size: 1.6rem;
  }
}
.body-3 {
  font-size: 1.286rem;
}
@media screen and (max-width: 1440px) {
  .body-3 {
    font-size: 1rem;
    line-height: 1.4;
  }
}
.body-4 {
  font-size: 1.143rem;
}
@media screen and (max-width: 1440px) {
  .body-4 {
    font-size: 1rem;
    line-height: 1.4;
  }
}
.body-5 {
  font-size: 0.857rem;
  line-height: 1.4;
}
.body-6 {
  font-size: 0.714rem;
  line-height: 1.4;
}
.accent-color {
  color: #66ffb6;
}
.warm-color {
  color: #d7675d;
}
.blurred {
  filter: blur(10px);
}
.text-center {
  text-align: center;
}
.text-shadow-light {
  text-shadow: 0px 0px 20px rgba(102, 234, 255, 0.3),
    0px 0px 15px rgba(102, 234, 255, 0.8), 0px 0px 5px rgba(102, 234, 255, 0.8);
}
.hidden {
  display: none !important;
}
.vis-hidden {
  visibility: hidden !important;
}
.relative {
  position: relative;
}
.pointer {
  cursor: pointer;
}
.absolute-bottom-center {
  position: absolute;
  bottom: 2.5rem;
  left: 50%;
  transform: translate(-50%);
}
.loader-overlay {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(./../images/noise-big-default.png);
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboard-page {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.dashboard-page:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.2) -29.7%,
      rgba(255, 255, 255, 0) 99.89%
    ),
    rgba(0, 0, 0, 0.8);
  background-blend-mode: overlay, soft-light, normal;
}
.scrollbar {
  --scroll-thumb-size: 0.275rem;
  overflow: hidden;
  overflow-y: scroll;
}
.scrollbar:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
.scrollbar::-webkit-scrollbar {
  width: var(--scroll-thumb-size);
}
.scrollbar::-webkit-scrollbar-thumb {
  border-radius: var(--scroll-thumb-size);
  background: #ffffff;
  visibility: hidden;
}
.scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
  border: 0;
  border-radius: var(--scroll-thumb-size);
  margin-bottom: 12px;
}
.scrollbar.white-lighting::-webkit-scrollbar-thumb {
  box-shadow: 0 0 25px #fff;
}
.scrollbar.no-track-margin::-webkit-scrollbar-track {
  margin-bottom: 0;
}
.scrollbar.scroll-mask {
  -webkit-mask: linear-gradient(
    180deg,
    #d9d9d9 80%,
    rgba(217, 217, 217, 0) 96%
  );
}
.scrollbar.scroll-mask--top {
  -webkit-mask: linear-gradient(
    180deg,
    rgba(217, 217, 217, 0) 0%,
    #d9d9d9 23.44%,
    #d9d9d9 100%
  );
}
.scrollbar.scroll-mask--top-bottom {
  -webkit-mask: linear-gradient(
    180deg,
    rgba(217, 217, 217, 0) 0%,
    #d9d9d9 23.44%,
    #d9d9d9 85%,
    rgba(217, 217, 217, 0) 100%
  );
}
.scrollbar--horizontal {
  overflow-y: hidden;
  overflow-x: scroll;
}
.scrollbar--horizontal::-webkit-scrollbar {
  width: initial;
  height: var(--scroll-thumb-size);
}
.scrollbar--horizontal.scroll-mask {
  -webkit-mask: linear-gradient(
    90deg,
    #d9d9d9 94%,
    rgba(217, 217, 217, 0) 100%
  );
}
.light-border:before,
.light-border:after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  z-index: 0;
  border: 0.1rem solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  box-sizing: border-box;
  touch-action: none;
  -webkit-user-select: auto;
  user-select: auto;
  pointer-events: none;
}
.light-border:before {
  content: "";
  background: linear-gradient(
      130deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 20.63%
    )
    border-box;
}
.light-border:after {
  content: "";
  background: linear-gradient(
      342deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 20.63%
    )
    border-box;
}
.login-doors__divider.light-border:after {
  display: none;
}
/* to be removed if above margin is not needed START */
.login-doors__divider:first-child {
  margin-top: 12rem;
}
.login-doors__butterfly {
  padding-top: 12rem;
}
/* to be removed if above margin is not needed END */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  color: #fff !important;
  -webkit-text-fill-color: rgb(255, 255, 255) !important;
  -webkit-box-shadow: 0 0 0 1000px rgba(255, 0, 0, 0) inset !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}
.equalizer-wrap {
  background: #ee0000;
  position: absolute;
  top: 7.8rem;
  right: 3rem;
  border-radius: 50%;
  padding: 1rem;
  width: 2.7rem;
  height: 2.7rem;
  gap: 0.1rem;
}
.equalizer-wrap.permission {
  top: 3rem;
  right: 3rem;
}
.equalizer-wrap.equalizer .equalizer-wrap-first-bar {
  transition: 0.5s;
  animation: equalize 4s 0s infinite;
  animation-delay: -2.9s;
}
.equalizer-wrap.equalizer .equalizer-wrap-second-bar {
  animation: equalize 4s 0s infinite;
  animation-delay: -1.9s;
}
.equalizer-wrap.equalizer .equalizer-wrap-third-bar {
  animation: equalize 4s 0s infinite;
  animation-delay: -3.9s;
}
.equalizer-wrap-first-bar,
.equalizer-wrap-second-bar,
.equalizer-wrap-third-bar {
  display: inline-block;
  border-radius: 9px;
  width: 3px;
  transition: 0.5s;
  background: #fff;
}
.equalizer-wrap-first-bar {
  height: 9px;
}
.equalizer-wrap-second-bar {
  height: 14px;
}
.equalizer-wrap-third-bar {
  height: 9px;
}
.auth-form {
  --conatainer-width: 64.875rem;
  --connect-input-height-small: 2.5rem;
  width: 100%;
  max-width: var(--conatainer-width);
  margin-left: auto;
  margin-right: auto;
  z-index: 3;
  position: relative;
}
.auth-form__input {
  min-height: 5.5rem;
  height: 5.143rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  padding: 0.75rem 1.5rem 0.75rem calc(2.25rem - 6px);
  position: relative;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 6px #0000000d, 0 1px 1px #ffffff40 inset,
    0 -1px 1px #ffffff1a inset;
}
.auth-form__input--small {
  min-height: 72px;
}
.auth-form__input--small input {
  font-size: 18px !important;
}
.auth-form__input--phone {
  padding-left: 1.5rem;
}
.auth-form__input.account {
  min-height: 5.8rem;
  background: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.15) -29.7%,
      rgba(255, 255, 255, 0) 99.89%
    ),
    rgba(0, 0, 0, 0.7);
}
.auth-form__input.account .auth-form__chips__input {
  font-size: 1.5rem;
}
.auth-form__chips {
  width: 100%;
  display: flex;
  align-items: center;
  max-height: 250px;
  padding-right: 1rem;
  justify-content: space-between;
}
.auth-form__chips .mb-button {
  position: absolute;
  right: 1rem;
  width: 2.9rem !important;
  height: 2.9rem !important;
}
.auth-form__chips__input {
  position: relative;
  border: 0;
  background-color: transparent;
  width: 100%;
  font-size: 1.286rem;
  color: #fff;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.85),
    0 0 7px rgba(255, 255, 255, 0.78), 0 0 4px rgba(255, 255, 255, 0.04);
  text-indent: 6px;
}
.auth-form__chips__input:focus {
  outline: none;
}
.auth-form__chips__input::-webkit-input-placeholder {
  text-shadow: none;
  color: #fff;
}
.auth-form__chips__input.ng-touched.ng-invalid {
  color: #fff;
}
.auth-form__chips__input.invalid {
  text-shadow: 0px 0px 5px rgba(255, 84, 104, 0.8),
    0px 0px 15px rgba(255, 84, 104, 0.8), 0px 0px 20px rgba(255, 84, 104, 0.3);
}
.auth-form__front-label {
  letter-spacing: -0.02em;
  color: #fff;
}
.auth-form__input--wrap {
  display: flex;
  align-items: center;
}
.auth__bottom {
  --padding: 2.5rem;
  display: flex;
  align-items: flex-end;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--padding);
}
.auth__bottom > div {
  flex: 1;
  display: flex;
  justify-content: center;
}
.auth__bottom .powered {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.auth-content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.auth-content.account {
  width: auto;
}
.auth-content.account .auth-form {
  max-width: 100%;
}
.auth-content.update-phone {
  width: 100%;
}
.auth-content > div {
  width: 100%;
}
.auth-content > div h1,
.auth-content > div p {
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.auth-content__center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
.auth-content__center .sso-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.auth-content__center--error {
  opacity: 0;
  visibility: hidden;
  transition: all 1s;
}
.auth-content__center--error.show {
  opacity: 1;
  visibility: visible;
}
.auth-content__center--error span,
.auth-content__center--error .mb-button {
  mix-blend-mode: normal;
  text-shadow: 0px 0px 5px rgba(255, 84, 104, 0.8),
    0px 0px 15px rgba(255, 84, 104, 0.8), 0px 0px 20px rgba(255, 84, 104, 0.3);
}
.auth-content__center form {
  width: 100%;
}
.auth-content__top {
  height: 24vh;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
@media (min-width: 3440px) and (max-height: 1440px) {
  .auth-content__top {
    height: 16vh;
  }
}
@media (max-height: 1000px) {
  .auth-content__top {
    height: 22vh;
  }
}
.auth-content__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.auth-content__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.auth-content__wrap h1,
.auth-content__wrap p {
  text-align: center;
}
.auth-content__bottom {
  height: 16vh;
  margin-top: auto;
}
@media (max-height: 1000px) {
  .auth-content__bottom {
    height: 14vh;
  }
}
.auth-content__bottom > div {
  flex: 1;
}
.auth-content__terms {
  display: flex;
  justify-content: center;
  align-items: center;
}
.auth-content .input-form {
  border-right: 0.5px solid;
  margin-right: 30px;
}
.auth-content .input-form.sso {
  border-right: 0;
}
.auth-content .first-name {
  margin-left: 0;
}
.auth-content .welcome__content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.auth-content .welcome__content--large__btn-wrap {
  display: flex;
  flex-direction: row;
  margin-bottom: 5rem;
}
.auth-content .welcome__content--large__btn-wrap .large-button {
  height: 7.5rem;
  width: 32.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 1.625rem;
}
.auth-content .welcome__content--large__btn-wrap .large-button mb-icon-simple {
  z-index: 10;
}
.auth-content .welcome__content--large__btn-wrap .large-button.left {
  background: radial-gradient(
      60% 60% at 50% 50%,
      rgba(171, 102, 255, 0.3) 0%,
      rgba(171, 102, 255, 0) 100%
    ),
    linear-gradient(
      135.49deg,
      rgba(255, 255, 255, 0.5) -29.7%,
      rgba(255, 255, 255, 0) 99.89%
    );
  border-radius: 6.25rem 0px 0px 6.25rem;
  text-shadow: 0px 0px 5px rgba(171, 102, 255, 0.8),
    0px 0px 15px rgba(171, 102, 255, 0.8), 0px 0px 20px rgba(171, 102, 255, 0.3);
}
.auth-content .welcome__content--large__btn-wrap .large-button.left:before {
  background: linear-gradient(
      155deg,
      rgb(171, 102, 255) 0%,
      rgba(255, 255, 255, 0) 32.63%
    )
    border-box;
}
.auth-content .welcome__content--large__btn-wrap .large-button.right {
  background: radial-gradient(
      60% 60% at 50% 50%,
      rgba(102, 255, 182, 0.3) 0%,
      rgba(102, 255, 182, 0) 100%
    ),
    linear-gradient(
      135.49deg,
      rgba(255, 255, 255, 0.5) -29.7%,
      rgba(255, 255, 255, 0) 99.89%
    );
  border-radius: 0px 6.25rem 6.25rem 0px;
  text-shadow: 0px 0px 5px rgba(102, 234, 255, 0.8),
    0px 0px 15px rgba(102, 234, 255, 0.8), 0px 0px 20px rgba(102, 234, 255, 0.3);
}
.auth-content .welcome__content--large__btn-wrap .large-button.right:before {
  background: linear-gradient(
      330deg,
      rgba(102, 234, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 32.63%
    )
    border-box;
}
.auth-content .welcome__content--large__btn-wrap .large-button:active {
  transform: scale(1) !important;
}
.auth-content .request-code-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.auth-content .request-code-box .code-sent {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 25%;
  left: 50%;
  transform: translate(-50%);
}
hr {
  height: 3rem;
  margin: 0 1rem;
  border-color: #bfbfbf;
}
hr.account {
  height: 3rem;
}
.puff-in-center {
  animation: puff-in-center 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
.puff-out-center {
  animation: puff-out-center 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) both;
}
.fade-out {
  animation: fade-out 0.4s ease-out both;
}
.fade-in {
  animation: fade-in 0.8s ease-in both;
}
.fade-in-02 {
  animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s both;
}
.fade-in-04 {
  animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s both;
}
.fade-in-06 {
  animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s both;
}
.fade-in-08 {
  animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.8s both;
}
.fade-in-1 {
  animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) 1s both;
}
.fade-in-02 {
  animation: fade-out 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s both;
}
.fade-out-04 {
  animation: fade-out 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s both;
}
.fade-out-06 {
  animation: fade-out 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s both;
}
.fade-out-08 {
  animation: fade-out 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0.8s both;
}
.fade-out-1 {
  animation: fade-out 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) 1s both;
}
@keyframes puff-in-center {
  0% {
    animation-timing-function: ease-in;
    transform: scale(0);
    filter: blur(4px);
    opacity: 0;
  }
  60% {
    animation-timing-function: ease-out;
    transform: scale(1.3);
  }
  to {
    animation-timing-function: ease-in;
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes puff-out-center {
  0% {
    animation-timing-function: ease-in;
    opacity: 1;
    transform: scale(1);
    filter: blur(0px);
  }
  60% {
    animation-timing-function: ease-out;
    transform: scale(1.3);
  }
  to {
    animation-timing-function: ease-out;
    transform: scale(0);
    filter: blur(4px);
    opacity: 0;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes equalize {
  0% {
    height: 14px;
  }
  4% {
    height: 9px;
  }
  8% {
    height: 7px;
  }
  12% {
    height: 6px;
  }
  16% {
    height: 5px;
  }
  20% {
    height: 6px;
  }
  24% {
    height: 7px;
  }
  28% {
    height: 4px;
  }
  32% {
    height: 7px;
  }
  36% {
    height: 14px;
  }
  40% {
    height: 5px;
  }
  44% {
    height: 7px;
  }
  48% {
    height: 14px;
  }
  52% {
    height: 6px;
  }
  56% {
    height: 4px;
  }
  60% {
    height: 6px;
  }
  64% {
    height: 14spx;
  }
  68% {
    height: 6px;
  }
  72% {
    height: 14px;
  }
  76% {
    height: 5px;
  }
  80% {
    height: 14px;
  }
  84% {
    height: 4px;
  }
  88% {
    height: 14px;
  }
  92% {
    height: 5px;
  }
  96% {
    height: 14px;
  }
  to {
    height: 14px;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes slide-out-left {
  0% {
    transform: translate(0);
    opacity: 1;
  }
  to {
    transform: translate(-100%);
    opacity: 0.7;
  }
}
@keyframes slide-out-right {
  0% {
    transform: translate(0);
    opacity: 1;
  }
  to {
    transform: translate(100%);
    opacity: 0.7;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes rotateImage {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulseShadow {
  0% {
    box-shadow: 0 0;
  }
  50% {
    box-shadow: 0 0 50px rgba(var(--avatar-color-rgb), 1), 0 0 10px #000;
  }
  to {
    box-shadow: 0 0 0 rgba(var(--avatar-color-rgb), 1), 0 0 80px #000;
  }
}
@keyframes pulse-ring {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  to {
    transform: scale(0.9);
  }
}
.mb-button-type__primary {
  background-color: #1317f7;
}
.mb-button-type__primary:hover {
  background-color: #1317f7 !important;
}
.mb-button-type__secondary {
  background-color: #ffffff1a;
  box-shadow: 0 -1px 1px #ffffff1a inset, 0 1px 1px #ffffff40 inset;
  filter: drop-shadow(0px 8px 6px rgba(0, 0, 0, 0.05));
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: radial-gradient(
      71.61% 111.7% at 0% 0%,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    rgba(0, 0, 0, 0);
}
.mb-button-type__secondary:hover,
.mb-button-type__secondary:active {
  background-color: #ffffff1a !important;
  background: radial-gradient(
      71.61% 111.7% at 0% 0%,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    rgba(0, 0, 0, 0) !important;
}
.truist .mb-button-type__primary {
  background: rgba(114, 86, 156, 0.7);
}
.truist .mb-button-type__primary:hover {
  background: rgb(114, 86, 156) !important;
}
.truist .host__label {
  background-color: #72569c !important;
}
.truist .widget-card__img img {
  width: 54% !important;
}
.join-window .mb-dropdown__inner {
  height: 4.5rem !important;
  background: rgba(0, 0, 0, 0.4);
  padding: 0 3rem;
}
.join-window .mb-dropdown__option {
  height: 4.5rem;
  top: 0 !important;
  background: rgba(0, 0, 0, 0.4) !important;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
.join-window .mb-dropdown__options {
  overflow: auto !important;
  top: 100%;
  background: transparent;
}
.join-window .tab-content .mb-dropdown__inner {
  height: 3.7rem !important;
  background: var(
    --Views-Lighter,
    linear-gradient(
      0deg,
      rgba(94, 94, 94, 0.13) 0%,
      rgba(94, 94, 94, 0.13) 100%
    ),
    rgba(255, 255, 255, 0.07)
  );
  padding: 1rem 2rem;
}
.volume-indicator {
  display: flex;
  align-items: center;
}
.volume-indicator__bar {
  box-shadow: 0 0 65px #0000001a;
  height: 1rem;
  width: 100%;
  max-width: 13.375rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.625rem;
  padding: 3px 4px;
  margin: 0 8px;
  position: relative;
  background: rgba(0, 0, 0, 0.4);
}
.volume-indicator__bar:before {
  background: linear-gradient(
      354deg,
      rgba(255, 255, 255, 0.5) 15%,
      rgba(255, 255, 255, 0) 39.92%
    )
    border-box;
}
.volume-indicator__bar__item {
  margin: 0 1px;
  background: rgba(102, 234, 255, 0.1);
  transition: 0.3s ease-out;
  height: 0.5rem;
  width: 1.5rem;
}
.volume-indicator__bar__item:first-child {
  border-radius: 0.625rem 0 0 0.625rem;
}
.volume-indicator__bar__item:last-child {
  border-radius: 0 0.625rem 0.625rem 0;
}
.volume-indicator__bar__item.filled {
  background: #c9f8ff;
  box-shadow: 0 0 5px #66eaffcc, 0 0 15px #66eaffcc, 0 0 20px #66eaffcc;
}
.volume-indicator__label {
  display: flex;
  align-items: center;
}
.volume-indicator__label__icon {
  cursor: pointer;
  margin-left: 5px;
  width: 1.875rem;
  height: 1.875rem;
  font-size: 0.9375rem;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.account-form .mb-dropdown {
  width: 98%;
}
.account-form .mb-dropdown__inner,
.account-form .mb-dropdown__option {
  border-radius: 100px;
  height: 4.8rem;
}
.account-form .mb-dropdown__options {
  background: transparent;
}
.accordion-header mb-icon-simple .icon {
  color: #000;
}
.investment-view iframe {
  border-radius: 2rem;
}
.main-controller
  .mb-button-shape__round.mb-button.mb-button-color__green
  .icon {
  color: #66ffb6 !important;
}
.main-controller
  .mb-button-shape__round.mb-button.mb-button-color__green.mb-icon__red
  .icon {
  color: #1317f7 !important;
}
.main-controller
  .mb-button-shape__round.mb-button.mb-button-color__green.mb-button__active
  .icon {
  text-shadow: none;
}
.sessions
  .sessions__content__list-item__content__right
  .mb-button.mb-button-shape__round.mb-button-size__small,
.sessions
  .sessions__content__list-item__title
  .mb-button.mb-button-shape__round.mb-button-size__small {
  height: 2.8rem;
  width: 2.8rem;
  background: rgba(0, 0, 0, 0.3);
}
.sessions
  .sessions__content__list-item__content__right
  .mb-button.mb-button-shape__round.mb-button-size__small.mb-button-type__primary,
.sessions
  .sessions__content__list-item__title
  .mb-button.mb-button-shape__round.mb-button-size__small.mb-button-type__primary {
  background: #1317f7;
}
.scanner .carousel {
  margin: 0 auto;
}
.media-section .action .mb-button,
.join-window__info .action .mb-button {
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  width: 2.8rem;
  height: 2.8rem;
  background: rgba(0, 0, 0, 0.4);
  transition: color 0.4s;
}
.media-section .action .mb-button .icon,
.join-window__info .action .mb-button .icon {
  color: #fff !important;
}
.media-section .action .mb-button:hover .icon,
.join-window__info .action .mb-button:hover .icon {
  color: #000 !important;
}
.switcher .mb-switch--inner {
  background: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.5) -29.7%,
      rgba(255, 255, 255, 0) 99.89%
    ),
    rgba(255, 255, 255, 0.05);
}
.tab-content .mb-button {
  height: 3.2rem;
}
@media (max-height: 800px) {
  .scanner-document__upload .carousel {
    height: 27rem !important;
  }
}
@media (max-height: 600px) {
  .scanner-document__upload .carousel {
    height: 17rem !important;
  }
}
.swiper .mb-button.mb-button-shape__round.mb-button-size__small {
  width: 4.5rem;
  height: 4.5rem;
  touch-action: manipulation;
}
.signature.success svg path {
  stroke: #66ffb6;
}
.signature.success .signature-area__name .icon {
  color: #66ffb6;
}
.signature.success .signature-slide__container {
  background-color: #66ffb6;
}
.signature.success .signature-slide p {
  color: #000;
}
.signature-area__delete
  .mb-button.mb-button-shape__round.mb-button-size__small
  .icon {
  font-size: 2.3rem;
}
.login .loader {
  --loader-size: 11.875rem !important;
  --loader-mask-offset: 30% !important;
}
.login .loader:before {
  box-shadow: 1px 0 9px #66ffb6 !important;
}
.login .loader .loader__outer {
  background: transparent !important;
  box-shadow: none !important;
}
.login .loader .loader__outer .loader__inner {
  background: transparent !important;
}
.login .loader .loader__outer .loader__mask:after {
  background: radial-gradient(#0c0ea3 40%, rgba(0, 0, 0, 0) 70%) !important;
}
.login .loader .loader__outer .loader__mask:before {
  background: transparent !important;
}
.login .login-doors__divider.light-border:before {
  background: linear-gradient(
      179deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 34.63%
    )
    border-box;
}
.login .login-doors__divider.light-border.large:before {
  background: linear-gradient(
      179deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 3.63%
    )
    border-box;
}
.login-doors__auth
  .mb-button.mb-button-shape__round.mb-button-size__small
  .icon {
  font-size: 1.9rem;
}
.login-doors__permission-text_control .icon {
  font-size: 2rem;
  cursor: pointer;
}
.login-doors__permission-text_control
  .range-slider__input::-webkit-slider-thumb {
  background: transparent !important;
}
.login-doors__permission-text_control .range-slider__track {
  height: 0.5rem !important;
}
.login-doors__permission-text_control .range-slider__progress {
  box-shadow: none !important;
  height: 0.5rem !important;
}
.new-media-section .mb-dropdown__inner {
  height: 3.1rem !important;
  padding: 0 1rem 0rem 2rem !important;
  background: rgba(0, 0, 0, 0.3);
}
.new-media-section .mb-dropdown__inner .mb-dropdown__selected {
  font-size: 0.875rem;
}
.new-media-section .mb-dropdown__inner .mb-dropdown__icon {
  font-size: 0.75rem !important;
}
.new-media-section .mb-dropdown__options {
  top: 50px;
  background: transparent;
}
.new-media-section .mb-dropdown__options .mb-dropdown__option {
  padding: 0 1rem;
  height: 3.1rem;
  font-size: 0.9rem;
  background: rgba(30, 17, 18, 0.7);
}
.main-block {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-block-item {
  width: 8rem;
  height: 100%;
  background: #000;
  display: block;
}
.main-block-item.right {
  position: absolute;
  right: 0;
  top: 0;
  background: rgb(1, 1, 1);
  background: linear-gradient(270deg, rgb(1, 1, 1), rgb(111, 111, 111));
  width: 11.5rem;
}
@media (width > 2200px) {
  .main-block-item.right {
    width: 10.5rem;
  }
}
@media (width < 1700px) {
  .main-block-item.right {
    width: 8.5rem;
  }
}
.main-block-item.left {
  position: absolute;
  left: 0;
  top: 0;
  width: 11.5rem;
  background: rgb(1, 1, 1);
  background: linear-gradient(90deg, rgb(1, 1, 1), rgb(111, 111, 111));
}
@media (width > 2200px) {
  .main-block-item.left {
    width: 10.5rem;
  }
}
@media (width < 1700px) {
  .main-block-item.left {
    width: 8.5rem;
  }
}
.main-block-item.top {
  position: absolute;
  left: 0;
  top: 0;
  height: 4rem;
  width: 100%;
  clip-path: polygon(8.5% 0, 91.5% 0, 100% 100%, 0% 100%);
  background: rgb(1, 1, 1);
  background: linear-gradient(0deg, rgb(1, 1, 1), rgb(111, 111, 111));
  transform: rotate(180deg);
}
@media (width < 1700px) {
  .main-block-item.top {
    clip-path: polygon(6.5% 0, 93.5% 0, 100% 100%, 0% 100%);
  }
}
@media (width < 1400px) {
  .main-block-item.top {
    clip-path: polygon(5.5% 0, 94.5% 0, 100% 100%, 0% 100%);
  }
}
@media (width > 2200px) {
  .main-block-item.top {
    clip-path: polygon(6.9% 0, 93.1% 0, 100% 100%, 0% 100%);
  }
}
@media (width > 3300px) {
  .main-block-item.top {
    clip-path: polygon(5.9% 0, 94.1% 0, 100% 100%, 0% 100%);
  }
}
.main-block-item.bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4rem;
  clip-path: polygon(8.5% 0, 91.5% 0, 100% 100%, 0% 100%);
  background: rgb(1, 1, 1);
  background: linear-gradient(0deg, rgb(1, 1, 1), rgb(111, 111, 111));
}
@media (width < 1700px) {
  .main-block-item.bottom {
    clip-path: polygon(6.5% 0, 93.5% 0, 100% 100%, 0% 100%);
  }
}
@media (width < 1400px) {
  .main-block-item.bottom {
    clip-path: polygon(5.5% 0, 94.5% 0, 100% 100%, 0% 100%);
  }
}
@media (width > 2200px) {
  .main-block-item.bottom {
    clip-path: polygon(6.9% 0, 93.1% 0, 100% 100%, 0% 100%);
  }
}
@media (width > 3300px) {
  .main-block-item.bottom {
    clip-path: polygon(5.9% 0, 94.1% 0, 100% 100%, 0% 100%);
  }
}
.truist .main-block-item {
  background: linear-gradient(
    179deg,
    rgba(255, 255, 255, 0.4) 0.85%,
    rgba(0, 0, 0, 0.2) 115.83%
  ) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.sidebar {
  position: absolute;
  top: 0;
  height: 88vh;
}
.sidebar--left,
.sidebar--right {
  top: 50%;
  transform: translateY(-50%);
}
.sidebar--left {
  left: 1.5rem;
}
.sidebar--right {
  right: 1.5rem;
  left: auto;
}
.sidebar__main {
  height: 100%;
}
.sidebar__main app-sidebar-list {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
  perspective: 1000px;
  perspective-origin: 50% 50%;
}
.sidebar__main app-sidebar-list app-sidebar-list-item {
  border-radius: 1rem;
  transform-style: preserve-3d;
  transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transform: rotateY(45deg);
}
.sidebar__main.right app-sidebar-list app-sidebar-list-item {
  transform: rotateY(-45deg);
}
.sidebar__main app-sidebar-list app-sidebar-list-item:hover {
  transform: rotateY(0) translateZ(0) !important;
}
.sidebar__sub-page {
  height: 100%;
}
.sidebar.show-sub-page .sidebar__main {
  display: none;
}
.sidebar.show-sub-page .sidebar__sub-page {
  display: block;
}
.sidebar__entity-list {
  width: 18.5rem;
  height: 100%;
  border-radius: 16px;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.2) 0%,
      rgba(0, 0, 0, 0.2) 100%
    ),
    linear-gradient(
      159deg,
      rgba(255, 255, 255, 0.4) 3.01%,
      rgba(255, 255, 255, 0) 103.3%
    );
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 12px 12px 60px #0006, 0 1.127px 3.38px #ffffff40 inset;
  position: absolute;
  right: 1.5rem;
  top: 0rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sidebar__entity-list__inner {
  padding: 0 1rem;
  height: 90%;
  overflow: hidden;
}
.sidebar__entity-list__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0 0;
}
.sidebar__entity-list__top__title {
  color: #fff;
  font-weight: 400;
}
.sidebar__entity-list__top mb-icon-simple {
  position: absolute;
  top: 1.9rem;
}
.sidebar__entity-list__top mb-icon-simple .icon {
  color: #fff;
  font-size: 1.5rem;
  cursor: pointer;
}
.sidebar__entity-list__bottom {
  max-height: 95%;
  height: 100%;
  box-sizing: border-box;
}
.sidebar__entity-list__bottom__inner {
  box-sizing: border-box;
  height: 100%;
}
.sidebar__entity-list__bottom__inner .label {
  display: flex;
  justify-content: center;
}
.sidebar__entity-list__bottom__inner .label p {
  font-size: 0.625rem;
  margin-bottom: 0.8rem;
  background-color: #ab66ff;
  border-radius: 2rem;
  padding: 0.5rem 1.8rem;
}
.sidebar__entity-list__action {
  background: rgba(255, 255, 255, 0.24);
  padding: 1rem;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  z-index: 10;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.sidebar__entity-list__action button {
  margin: auto;
}
.sidebar__entity-list.products .sidebar__entity-list__inner {
  height: 100%;
}
.sidebar__entity-list.products .sidebar__entity-list__bottom {
  height: 99%;
}
.sidebar__entity-list.products .sidebar__product__image img {
  width: 8rem;
}
.sidebar__entity-list.services .sidebar__product__image img {
  width: 9rem;
}
.sidebar--left .sidebar__entity-list {
  left: 1rem;
}
.sidebar__product {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  text-align: center;
  margin: 0.5rem 0rem;
  padding: 1.438rem 0rem;
}
.sidebar__product__title {
  color: #fff;
  max-width: 77%;
  margin: 0 auto 10px;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1;
}
.sidebar__product__subTitle {
  color: red;
  max-width: 60%;
  margin: 0 auto 4px;
  font-weight: 500;
  font-size: 0.9rem;
  line-height: 1;
}
.sidebar__product__image img {
  max-width: 100%;
}
.sidebar__product__action {
  margin-top: -28px;
}
.sidebar__product__action button {
  margin: auto;
}
.investment-entity-list .sidebar__entity-list__top__title {
  max-width: 9rem;
  text-align: center;
}
.investment-entity-list .sidebar__entity-list__bottom__inner .sidebar__product {
  border-radius: 0.9rem;
  background: #292c3e;
  opacity: 0.7;
  height: 8.75rem;
  position: relative;
  margin: 0rem 0 3rem;
  cursor: pointer;
}
.investment-entity-list
  .sidebar__entity-list__bottom__inner
  .sidebar__product
  .sidebar__product__title {
  font-size: 1.125rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin: 0 auto;
  line-height: 1.4;
  transition: text-shadow 0.4s linear;
}
.investment-entity-list
  .sidebar__entity-list__bottom__inner
  .sidebar__product
  .sidebar__product__action {
  margin-top: -28px;
  position: absolute;
  bottom: -1.5rem;
  left: 50%;
  transform: translate(-50%);
}
.investment-entity-list
  .sidebar__entity-list__bottom__inner
  .sidebar__product:hover {
  opacity: 1;
  transition: all 0.4s;
}
.investment-entity-list
  .sidebar__entity-list__bottom__inner
  .sidebar__product:hover
  .sidebar__product__title {
  text-shadow: 0px 0px 25px rgba(171, 102, 255, 0.8),
    0px 0px 20px rgba(171, 102, 255, 0.8), 0px 0px 10px rgba(171, 102, 255, 0.8);
}
.truist .sidebar app-sidebar-list app-sidebar-list-item:hover {
  box-shadow: 0 0 60px 20px #8261ac;
}
.product-page {
  width: 100%;
  height: 100%;
}
.product-page_product-title {
  white-space: nowrap;
}
.product-page__viewer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.card {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  text-align: center;
  height: 100%;
  box-shadow: inset 0 0 20px 6px #ee00004d, 0 0 15px #e00c, 0 0 5px #e00c;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.6) 0%,
      rgba(0, 0, 0, 0.6) 100%
    ),
    linear-gradient(
      143deg,
      rgba(255, 255, 255, 0.5) -3.54%,
      rgba(114, 114, 114, 0.42) 95.15%
    );
  padding: 2rem;
  border: 2px solid #fff;
  border-radius: 2rem;
}
.card--behind {
  opacity: 0.4;
}
.card__title {
  font-size: 2.25rem;
  font-weight: 700;
}
.card__sub-title {
  font-size: 1.75rem;
  color: red;
  font-weight: 500;
  margin: 0 2rem;
  line-height: 1.5;
}
.card__description {
  font-size: 0.875rem;
  color: #fff;
  line-height: 2;
}
.card__image {
  border-radius: 2rem;
  max-width: 100%;
}
.card__image.white-bg {
  background: #fff;
}
.card__image img {
  max-width: 100%;
}
.presence {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 79rem;
  height: 45rem;
  display: flex;
  align-items: center;
  padding: 1rem;
  justify-content: center;
  transition: all 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.presence .user-video {
  transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (width < 1350px) {
  .presence {
    width: 80rem;
    height: 46rem;
  }
}
.presence-frame {
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 2rem;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 5px 5px 24px #ffffff4d inset, -5px -5px 14px #ffffff4d inset;
  transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
}
.presence.total-1 .participant .user-video,
.presence.total-1 .video-item__bg {
  border-radius: 2rem;
}
.presence.total-2.split {
  width: 100%;
}
.presence.total-2.split.host {
  padding: 0 12rem;
}
.presence.total-2.split:before {
  display: none;
}
.presence.total-2.split .presence-video {
  position: relative;
  width: 55%;
}
.presence.total-2.split .presence-video:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
  border-radius: 2rem;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 5px 5px 24px #ffffff4d inset, -5px -5px 14px #ffffff4d inset;
}
.presence.total-2.split .presence-video.first {
  transform: perspective(9vw) rotateX(0) rotateY(10deg) rotate(0) scale(0.8);
}
.presence.total-2.split .presence-video.middle {
  transform: perspective(13vw) rotateX(0) rotateY(-18deg) rotate(0) scale(0.8);
}
.presence.total-2.split.host {
  height: 36rem;
}
.presence.total-2.split .presence-video-wrap-1 {
  width: 100%;
  height: 100%;
}
.presence.total-2.split .presence-video-wrap-2 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
}
.presence.total-2.split .presence-frame {
  background: transparent;
  box-shadow: none;
}
.presence.total-2.split .participant .user-video {
  border-radius: 2rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotateY(-180deg);
  width: 95%;
  height: 95%;
}
.presence.total-2 .first .participant .user-video {
  border-top-right-radius: 2rem;
  border-bottom-right-radius: 2rem;
}
.presence.total-2 .first .video-item__bg {
  border-bottom-left-radius: 2rem;
}
.presence.total-2 .middle .participant .user-video {
  border-top-left-radius: 2rem;
  border-bottom-left-radius: 2rem;
}
.presence.total-2 .middle .video-item__bg {
  border-bottom-right-radius: 2rem;
}
.presence.total-3 .presence-video-wrap-1 {
  width: 30%;
  height: 100%;
  position: relative;
}
.presence.total-3 .presence-video-wrap-1 .first .user-video {
  border-bottom-right-radius: 2rem;
  border-top-right-radius: 2rem;
}
.presence.total-3 .presence-video-wrap-1 .first .video-item__bg {
  border-bottom-left-radius: 2rem;
}
.presence.total-3 .presence-video-wrap-2 {
  width: 70%;
  height: 100%;
  position: relative;
  display: flex;
}
.presence.total-3 .presence-video-wrap-2 .last .user-video {
  border-bottom-left-radius: 2rem;
  border-top-left-radius: 2rem;
}
.presence.total-3 .presence-video-wrap-2 .last .video-item__bg {
  border-bottom-right-radius: 2rem;
}
.presence.total-3 .presence-video {
  width: 100%;
  height: 100%;
  position: relative;
}
.presence.total-3.split {
  width: 100%;
}
.presence.total-3.split .presence-video-wrap-1,
.presence.total-3.split .presence-video-wrap-2 {
  content: "";
  width: 35%;
  height: 100%;
  z-index: -1;
  border-radius: 2rem;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 5px 5px 24px #ffffff4d inset, -5px -5px 14px #ffffff4d inset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
}
.presence.total-3.split .presence-video-wrap-1 {
  transform: perspective(9vw) rotateX(0) rotateY(10deg) rotate(0) scale(0.8);
}
.presence.total-3.split .presence-video-wrap-2 {
  transform: perspective(13vw) rotateX(0) rotateY(-18deg) rotate(0) scale(0.8);
}
.presence.total-3.split .presence-frame {
  background: transparent;
  box-shadow: none;
}
.presence.total-3.split.host {
  padding: 0 12rem;
}
.presence-widget__left,
.presence-widget__right {
  display: none;
}
.presence-video {
  width: 100%;
  height: 100%;
  position: relative;
}
.presence .member-info__icon {
  display: none;
}
.presence .member-info__name.color-green {
  color: #e00 !important;
}
.presence .member-info__position {
  font-size: 1rem;
}
.presence .presence-video-wrap-1,
.presence .presence-video-wrap-2 {
  height: 100%;
  width: 100%;
}
.truist .presence.widgets {
  width: 94rem !important;
  height: 57rem;
}
.truist .presence-frame {
  padding: 1rem !important;
}
.truist .presence-widget__left,
.truist .presence-widget__right {
  margin-right: 1rem;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.truist .presence-widget__left {
  margin-right: 1rem;
}
.truist .presence-widget__right {
  margin-left: 1rem;
}
.page-template {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  justify-content: center;
  gap: 2rem;
}
.page-template__inner {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
}
.page-template__title {
  margin-bottom: 2rem;
}
.page-template__actions {
  display: flex;
  gap: 1rem;
}
.page-template__actions.overlap {
  position: absolute;
  bottom: -8rem;
  z-index: 100;
}
@media (width > 3000px) {
  .page-template__actions.overlap {
    bottom: -6.5rem;
  }
}
.page-template-top__action {
  position: absolute;
  top: -2rem;
  right: -2rem;
  z-index: 2;
}
.notes__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 72rem;
  height: 36.1rem;
  gap: 0.8rem;
  padding: 0.5rem 0.5rem 3rem;
}
.note {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #fff;
  width: 100%;
  height: 15.625rem;
  border-radius: 10px;
  background: radial-gradient(
      71% 111% at 0% 0%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    rgba(0, 0, 0, 0.5);
  background-blend-mode: overlay, overlay, normal;
  transition: box-shadow 0.4s linear;
}
.note__inner-content {
  padding: 1rem;
  gap: 0.5rem;
}
.note__inner-content__description {
  width: 100%;
}
.note__inner-content__description textarea {
  width: 100%;
  height: 100%;
  border: 0;
  resize: none;
  background-color: transparent;
  text-shadow: 0px 0px 0px rgba(102, 234, 255, 0.8),
    0px 0px 3px rgba(102, 234, 255, 0.8), 0px 0px 7px rgba(102, 234, 255, 0.8);
  font-weight: 400;
  line-height: 1.3;
  font-size: 1rem;
}
.note__inner-content__sidebar mb-icon-simple {
  transform: rotate(90deg);
}
.note__inner-bottom {
  justify-content: space-around;
  border-radius: 0 0 10px 10px;
  background: radial-gradient(
      71% 111% at 0% 0%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    rgba(0, 0, 0, 0.6);
  background-blend-mode: overlay, overlay, normal;
  padding: 0.5rem 0;
}
.note__inner-bottom__item.hover-state {
  transition: opacity 0.4s linear;
  opacity: 0;
  visibility: hidden;
}
.note__inner-bottom .mb-button-size__small {
  height: 2rem !important;
}
.scanner,
.signature {
  height: 100dvh;
  box-sizing: border-box;
  background-image: url(https://airspace-assets.s3.us-east-2.amazonaws.com/envs/littel/images/littel_guest_background-lead-orig.jpg);
  background-size: cover;
  background-position: center;
}
.scanner-overlay,
.signature-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.scanner-wrap,
.signature-wrap {
  max-width: 45rem;
  margin: 0 auto;
  height: 100dvh;
  position: relative;
  z-index: 1;
}
.scanner-document__upload,
.signature-document__upload {
  gap: 3rem;
  padding: 0 4rem;
}
.scanner-document__upload-camera-block,
.signature-document__upload-camera-block {
  border: 1px dashed #a459ff;
  border-radius: 1rem;
  width: 20rem;
  height: 24rem;
  gap: 1rem;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  cursor: pointer;
}
.scanner-document__upload-camera-block mb-icon-simple,
.signature-document__upload-camera-block mb-icon-simple {
  font-size: 4rem;
}
@media (max-height: 500px) {
  .scanner-document__upload-camera-block,
  .signature-document__upload-camera-block {
    width: 34rem;
    height: 13rem;
  }
}
.scanner-document__upload-action,
.signature-document__upload-action {
  width: 100%;
}
.scanner-document__upload-action button,
.signature-document__upload-action button {
  background-color: #a459ff;
  width: 100%;
  font-size: 1.2rem;
  font-weight: 500;
}
.scanner-document__upload-select-box strong,
.signature-document__upload-select-box strong {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.16);
  padding: 1.5rem 2rem;
  width: 100%;
  text-align: center;
  border-radius: 100px;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  font-size: 16px;
  align-items: center;
}
.scanner-document__upload-select-box mb-icon-simple,
.signature-document__upload-select-box mb-icon-simple {
  font-size: 2rem;
}
.scanner-document__upload-select-box .mb-button,
.signature-document__upload-select-box .mb-button {
  width: 100%;
  font-size: 16px;
}
.scanner-document__upload-document,
.signature-document__upload-document {
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  background: rgba(0, 0, 0, 0.3);
  position: relative;
}
.scanner-document__upload-document.left,
.scanner-document__upload-document.right,
.signature-document__upload-document.left,
.signature-document__upload-document.right {
  position: absolute;
  left: 3rem;
  z-index: 0;
  transform: scale(0.9);
}
.scanner-document__upload-document.center,
.signature-document__upload-document.center {
  z-index: 10;
}
.scanner-document__upload-document.right,
.signature-document__upload-document.right {
  left: initial;
  right: 4rem;
}
.scanner-document__upload-document img,
.signature-document__upload-document img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  max-width: 35rem;
  margin: 0 auto;
}
.scanner-document__upload .title,
.signature-document__upload .title {
  text-align: center;
  font-size: 40px;
  font-weight: 500;
}
@media (max-width: 400px) {
  .scanner-document__upload .title,
  .signature-document__upload .title {
    white-space: nowrap;
    font-size: 30px;
  }
}
@media (max-height: 500px) {
  .scanner-document__upload .title,
  .signature-document__upload .title {
    white-space: nowrap;
    font-size: 2rem;
  }
}
.scanner-document__upload .description,
.signature-document__upload .description {
  text-align: center;
  display: block;
  opacity: 0.7;
}
.scanner-document__upload .delete,
.signature-document__upload .delete {
  position: absolute;
  top: -1rem;
  z-index: 100;
  right: 2.5rem;
}
.scanner-document__upload small,
.signature-document__upload small {
  width: 20rem;
}
.scanner-document__upload small hr,
.signature-document__upload small hr {
  width: 0rem;
  border-color: #ccc3;
  height: 12rem;
  transform: rotate(90deg);
  stroke-width: 11rem;
  position: absolute;
  left: 0;
}
.scanner-document__upload small hr:last-child,
.signature-document__upload small hr:last-child {
  left: initial;
  right: 0;
}
@media (max-height: 500px) {
  .scanner-document__upload,
  .signature-document__upload {
    gap: 0.8rem;
  }
}
.scanner-scanning,
.signature-scanning {
  padding: 5rem 0;
  height: 100%;
}
@media (max-height: 500px) {
  .scanner-scanning__top,
  .signature-scanning__top {
    gap: 1rem !important;
  }
}
.scanner-scanning__frame,
.signature-scanning__frame {
  width: 38rem;
  height: 54rem;
}
@media (max-width: 800px) {
  .scanner-scanning__frame,
  .signature-scanning__frame {
    width: 26rem;
    height: 34rem;
  }
}
@media (max-height: 500px) {
  .scanner-scanning__frame,
  .signature-scanning__frame {
    height: 15rem;
  }
}
.scanner-scanning__frame video,
.signature-scanning__frame video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding: 5px;
  transform: rotateY(180deg);
  border-radius: 15px;
  position: absolute;
  top: 0;
  left: 0;
}
.scanner-scanning__frame video.no-flip,
.signature-scanning__frame video.no-flip {
  transform: rotateY(0);
}
.scanner-scanning__frame .frame,
.signature-scanning__frame .frame {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}
@media (max-height: 500px) {
  .scanner-scanning__frame .frame,
  .signature-scanning__frame .frame {
    width: 5rem;
  }
}
.scanner-scanning__frame .frame.top-right,
.signature-scanning__frame .frame.top-right {
  left: initial;
  right: 0;
}
.scanner-scanning__frame .frame.bottom-left,
.signature-scanning__frame .frame.bottom-left {
  top: initial;
  bottom: 0;
}
.scanner-scanning__frame .frame.bottom-right,
.signature-scanning__frame .frame.bottom-right {
  top: initial;
  left: initial;
  bottom: 0;
  right: 0;
}
.scanner-scanning__action--secondary:after,
.signature-scanning__action--secondary:after {
  border: 1px solid rgba(0, 0, 0, 0.7);
}
@media (max-height: 500px) {
  .scanner-scanning,
  .signature-scanning {
    padding: 5rem 0;
    height: 43rem;
    gap: 0.5rem !important;
  }
  .scanner-scanning .landscape-mode,
  .signature-scanning .landscape-mode {
    position: absolute;
    top: 63%;
    transform: translateY(-50%);
    right: -10%;
  }
}
.scanner-success,
.signature-success {
  position: relative;
  width: 100dvw;
  height: 100dvh;
}
.scanner-success mb-icon-simple,
.signature-success mb-icon-simple {
  border-radius: 100px;
  background: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.5) -29.7%,
      rgba(255, 255, 255, 0) 99.89%
    ),
    rgba(255, 255, 255, 0.08);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  font-size: 3rem;
  width: 6rem;
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.scanner-success:before,
.signature-success:before {
  content: "";
  width: 100%;
  height: 60%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(https://airglass-assets.mobeus.com/hotlink-ok/static_content/assets/images/glows/green-glow.png);
  transform: rotate(0);
  background-repeat: no-repeat;
  background-size: cover;
}
.scanner-success.fix,
.signature-success.fix {
  position: fixed;
  top: 0;
  background-color: #ffffff45;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
.scanner-loading__state.fix,
.signature-loading__state.fix {
  position: fixed;
  top: 0;
  background-color: #ffffff45;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  width: 100%;
}
.scanner-document__name,
.signature-document__name {
  padding: 15rem 2.2rem 0rem 2.5rem;
}
.scanner-document__name p,
.signature-document__name p {
  font-size: 3rem;
  text-align: center;
}
.scanner-document__name span,
.signature-document__name span {
  margin-bottom: 14rem;
}
.scanner-document__name input,
.signature-document__name input {
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 6px #0000000d, 0 1px 1px #ffffff40 inset,
    0 -1px 1px #ffffff1a inset;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  height: 6rem;
  border: navajowhite;
  padding: 0rem 2rem;
  color: #fff;
  text-align: center;
}
.scanner-document__name input::placeholder,
.signature-document__name input::placeholder {
  color: #ffffffc7;
}
.scanner-document__name button,
.signature-document__name button {
  font-size: 1.5rem;
  font-weight: 500;
}
.corners {
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
}
.corners__lines {
  position: absolute;
  background-color: #ecb159;
  height: 2px;
  transform-origin: 0 0;
  opacity: 0.4;
}
.corners__item {
  position: absolute;
  opacity: 0.8;
  width: 10px;
  height: 10px;
  background: #ecb159;
  border-radius: 50%;
}
.shutter {
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0%;
  position: absolute;
  top: 0%;
  width: 100%;
  overflow: hidden;
}
.shutter > div {
  border-bottom: solid 240px #444;
  border-left: solid 261px #444;
  border-right: solid 265px transparent;
  border-top: solid 225px transparent;
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  transform-origin: top left;
  transition: all 0.5s ease-in-out;
  width: 0;
}
.shutter > div:nth-child(even) {
  border-bottom-color: #333;
  border-left-color: #333;
}
.shutter > div:nth-child(1) {
  transform: rotate(0);
}
.shutter > div:nth-child(2) {
  transform: rotate(45deg);
}
.shutter > div:nth-child(3) {
  transform: rotate(90deg);
}
.shutter > div:nth-child(4) {
  transform: rotate(135deg);
}
.shutter > div:nth-child(5) {
  transform: rotate(180deg);
}
.shutter > div:nth-child(6) {
  transform: rotate(225deg);
}
.shutter > div:nth-child(7) {
  transform: rotate(270deg);
}
.shutter > div:nth-child(8) {
  transform: rotate(315deg);
}
.shutter.open > div:nth-child(1) {
  transform: rotate(0) translate(-175px) translateY(450px);
}
.shutter.open > div:nth-child(2) {
  transform: rotate(45deg) translate(-175px) translateY(450px);
}
.shutter.open > div:nth-child(3) {
  transform: rotate(90deg) translate(-175px) translateY(450px);
}
.shutter.open > div:nth-child(4) {
  transform: rotate(135deg) translate(-175px) translateY(450px);
}
.shutter.open > div:nth-child(5) {
  transform: rotate(180deg) translate(-195px) translateY(450px);
}
.shutter.open > div:nth-child(6) {
  transform: rotate(225deg) translate(-175px) translateY(450px);
}
.shutter.open > div:nth-child(7) {
  transform: rotate(270deg) translate(-175px) translateY(450px);
}
.shutter.open > div:nth-child(8) {
  transform: rotate(315deg) translate(-175px) translateY(450px);
}
@keyframes fade {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.scanner-scanning__top {
  padding-top: 1rem;
}
.scanner-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.scanner-wrap {
  display: block !important;
  width: 100vw !important;
  height: 100vh;
  position: absolute;
  top: 0;
  margin: 0;
  left: 0;
  max-width: none;
}
.scanner-scanning {
  display: block !important;
  padding: 0;
  height: 100%;
}
.scanner-scanning__frame {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.scanner-scanning__action {
  position: absolute;
  bottom: 5rem;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
.shutter {
  display: none;
}
.scanner-scanning__frame video {
  padding: 0;
  border-radius: 0;
}
.video-container {
  height: 100vh;
}
.mb-button-type__primary {
  background-color: #a459ff !important;
}
.mb-button-type__primary:hover {
  background-color: #8749d2 !important;
}
body,
html {
  margin: 0;
  padding: 0;
  min-height: 100%;
  height: 100%;
  overflow: hidden;
}
body {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
body::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG);
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
}
body > video {
  top: 0;
  /* opacity: 0 !important; */
  pointer-events: none;
}
html {
  font-size: 16px;
  --scrollbarBG: transparent;
  --thumbBG: #fff;
}
@media (width < 1750px) {
  html {
    font-size: 12px;
  }
}
@media (width > 2499px) {
  html {
    font-size: 19px;
  }
}
@media (width > 2999px) {
  html {
    font-size: 20px;
  }
}
@media (width > 3300px) {
  html {
    font-size: 23px;
  }
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #fff;
}
a {
  text-decoration: none;
  color: #fff;
  touch-action: none;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#air-interaction-canvas {
  top: 0;
  left: 0;
  pointer-events: none;
}
iframe {
  width: 100% !important;
  height: 100% !important;
}
.Submit-button {
  background-color: #8749d2;
}
.Submit-button:hover {
  background-color: #dfdfdf33 !important;
}
.Submit-button .btn-icon i {
  color: #fff;
}
.login-doors__auth-label,
.login-doors__auth-label span {
  color: #fff !important;
}
.loader.loader--large.blue {
  filter: hue-rotate(110deg);
}
.scanner-success:before,
.signature-success:before {
  background: rgb(163, 1, 166);
  background: linear-gradient(
    0deg,
    rgba(215, 125, 217, 0) 80%,
    rgb(215, 125, 217) 100%
  );
}
.signature.success svg path {
  stroke: #eb66ff;
}
.signature.success .signature-area__name .icon {
  color: #eb66ff;
}

.login-doors {
  --avatar-color-rgb: 106, 26, 160;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  display: flex;
  z-index: 1000;
  justify-content: center;
  align-items: center;
}
.login-doors__left,
.login-doors__right {
  width: 50%;
  height: 100dvh;
  background: rgba(85, 130, 158, 0.16);
  background-blend-mode: overlay, normal;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
}
.login-doors__divider {
  height: 1rem;
  width: 100%;
  background-blend-mode: overlay, overlay, normal;
  box-shadow: 0 0 50px #0000001a;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: rgba(63, 171, 255, 0.11);
  background-image: url(./../images/noise-big-default.png);
  mix-blend-mode: hard-light;
}
.login-doors__divider.large {
  height: 20.75rem;
}
.login-doors__divider.large small {
  padding-left: 7.4rem;
  padding-right: 7rem;
  font-size: 3.75rem;
  opacity: 0.8;
  letter-spacing: 1px;
}
.login-doors__butterfly {
  position: absolute;
  margin: auto;
  z-index: 100;
  border-radius: 100px;
}
.login-doors__butterfly-holder {
  width: 10rem;
  height: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-doors__butterfly-holder .butterfly-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  z-index: 10;
  transform: translate(-50%, -50%) scale(1.2);
}
.login-doors__butterfly-holder .butterfly-holder .front {
  top: 2.75rem;
  left: 3.1rem;
  z-index: 30;
}
.login-doors__butterfly-holder .butterfly-holder .front svg {
  width: 4rem;
}
.login-doors__butterfly-holder .butterfly-holder .wing-1 {
  top: 3.625rem;
  left: 2.563rem;
  z-index: 20;
}
.login-doors__butterfly-holder .butterfly-holder .wing-1 svg {
  width: 4.938rem;
}
.login-doors__butterfly-holder .butterfly-holder .wing-2 {
  top: 4.125rem;
  left: 2.25rem;
  z-index: 10;
}
.login-doors__butterfly-holder .butterfly-holder .wing-2 svg {
  width: 5.688rem;
}
.login-doors__butterfly-holder .butterfly-holder span {
  position: absolute;
}
.login-doors__butterfly-holder .butterfly-holder img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1750px) {
  .login-doors__butterfly-holder .butterfly-holder img {
    width: 6rem;
  }
}
.login-doors__butterfly img {
  position: absolute;
}
.login-doors__butterfly img.statick-bg {
  top: -3.5rem;
  left: -3.5rem;
  z-index: -1;
  width: 17rem;
  height: 17rem;
  object-fit: cover;
}
.login-doors__butterfly img.purple-bg,
.login-doors__butterfly img.green-bg,
.login-doors__butterfly img.animate-bg {
  width: 17rem;
  animation: rotateImage 15s linear infinite;
}
.login-doors__butterfly img.butterfly {
  width: 7rem;
  z-index: 10;
}
.login-doors__butterfly img.butterfly.pulse {
  animation: pulse-ring 1s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.login-doors__butterfly-bg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10rem;
  height: 10rem;
  background: transparent;
  border-radius: 50%;
}
.login-doors__butterfly:before {
  content: "";
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  width: 10rem;
  height: 10rem;
}
.login-doors.open .login-doors__left {
  animation: slide-out-left 1s cubic-bezier(0.755, 0.05, 0.855, 0.06) both;
  z-index: 1;
}
.login-doors.open .login-doors__right {
  animation: slide-out-right 1s cubic-bezier(0.755, 0.05, 0.855, 0.06) both;
  z-index: 1;
}
.login-doors.open hr {
  animation: fade-out 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06) both;
}
.login-doors hr {
  height: 100dvh;
  border-color: transparent;
  margin: 0;
  padding: 0;
  outline: none;
  background: black;
}
.login-doors__dots-wrap {
  border-radius: 36px;
  background: rgba(255, 255, 255, 0.16);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  padding: 0 1.5rem;
  height: 2.3rem;
  gap: 0.6rem;
}
.login-doors__dots .dot {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color: #ffffff40;
  margin-right: 3px;
}
.login-doors__dots .dot.pending {
  background-color: #caae01;
}
.login-doors__dots .dot.success {
  background-color: #66ffb6;
}
.login-doors__dots .dot.failed {
  background-color: red;
}
.login-doors__permission-text {
  bottom: 8.625rem !important;
  flex-direction: column;
  gap: 2rem;
}
.login-doors__video {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100dvh;
}
.login-doors__video .video-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.login-doors__video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.login-doors__video__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: #0399f499;
  mix-blend-mode: hard-light;
  z-index: 1;
}
.login-doors__video__overlay.right {
  left: initial;
  right: 0;
}
.login-doors__video__overlay.right.open {
  animation: slide-out-right 1s cubic-bezier(0.755, 0.05, 0.855, 0.06) both;
  z-index: -1;
}
.login-doors__video__overlay.left.open {
  animation: slide-out-left 1s cubic-bezier(0.755, 0.05, 0.855, 0.06) both;
  z-index: -1;
}
.login-doors__auth {
  gap: 1rem;
}
.login-doors__auth-wrap {
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.15);
  box-shadow: 0 -1px 1px #ffffff1a inset, 0 1px 1px #ffffff40 inset,
    0 8px 6px #0000000d;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  width: 32.8rem;
  padding: 1rem;
}
.login-doors__auth-inner {
  gap: 1.8rem;
}
.login-doors__auth-inner input {
  opacity: 0.7;
  font-size: 1.125rem;
}
.login-doors__auth-inner .divider {
  background-color: #fff;
  opacity: 0.2;
  width: 1px;
  height: 3rem;
}
.login-doors__auth-label {
  z-index: 20;
  background-color: #8b53cf;
  border-radius: 2.5rem;
  padding: 0.35rem 0.8rem;
  position: absolute;
  top: 5rem;
  left: 50%;
  transform: translate(-54%);
  color: #000 !important;
  letter-spacing: 1px;
  font-weight: 400;
}
.login-doors__auth-settings,
.login-doors__auth-form {
  opacity: 0;
  visibility: hidden;
  height: 0;
}
.login-doors__auth-settings.show,
.login-doors__auth-form.show {
  opacity: 1;
  visibility: visible;
  height: auto;
}
.login-doors__auth-holder {
  position: relative;
}
.login-doors__auth-holder .toggle-btn {
  position: absolute;
  left: -5rem;
  top: 50%;
  transform: translateY(-50%);
}
.login-doors__bottom {
  position: absolute;
  bottom: 2.5rem;
}
.login-doors__bottom img {
  width: 10rem;
}
.login-doors .item {
  position: absolute;
  bottom: 14.625rem;
  left: 0;
  z-index: 200;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-height: 1100px) {
  .login-doors .item {
    bottom: 11rem;
  }
}
.olp-transition {
  transition: transform 0.3s ease;
}
.app-preview {
  position: relative;
  z-index: 110;
}
.old-design {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
.join-window {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.join-window__content {
  padding-top: 12rem;
}
.join-window__content app-sessions-list {
  position: absolute;
  right: -22rem;
  top: 2rem;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
}
.join-window__content app-sessions-list.opened {
  opacity: 1;
  visibility: visible;
}
.join-window__title {
  text-align: center;
  position: absolute;
  top: 12rem;
}
@media (max-height: 1100px) {
  .join-window__title {
    top: 4rem;
  }
}
.join-window__title span {
  white-space: nowrap;
}
.join-window__logo {
  margin-bottom: 3rem;
}
.join-window__info {
  position: relative;
  z-index: 2;
  filter: drop-shadow(0px 0px 22px rgba(0, 0, 0, 0.24));
  border-radius: 3rem;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 6px #0000000d, 0 1px 1px #ffffff40 inset,
    0 -1px 1px #ffffff1a inset;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  height: 33rem;
  width: 37.5rem;
  padding: 1rem;
}
.join-window__info .action {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.2rem 0;
}
.join-window__info .action button {
  position: absolute;
  right: 2rem;
}
.join-window__info .action span {
  opacity: 0.7;
  font-weight: 600;
  letter-spacing: 2px;
}
.join-window__info .auth-content {
  border-radius: 2rem;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.2) 0%,
      rgba(0, 0, 0, 0.15) 100%
    ),
    rgba(0, 0, 0, 0.1);
  background-blend-mode: color-burn, luminosity;
  box-shadow: 1px 1.5px 4px #0000001a inset, 1px 1.5px 4px #00000014 inset,
    0 -0.5px 1px #ffffff40 inset, 0 -0.5px 1px #ffffff4d inset;
  padding: 1rem;
  transition: height 0.3s ease;
  box-sizing: border-box;
  height: 20rem;
}
.join-window__info .auth-content.custom-height {
  height: 26rem;
}
.join-window app-media-settings.pointer-none {
  pointer-events: none;
}
.join-window p {
  font-size: 3.5rem;
  font-weight: 500;
  padding-top: 1rem;
}
.join-window .tabs {
  display: flex;
  border-radius: 100px;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.2) 0%,
      rgba(0, 0, 0, 0.15) 100%
    ),
    rgba(0, 0, 0, 0.1);
  background-blend-mode: color-burn, luminosity;
  box-shadow: 1px 1.5px 4px #0000001a inset, 1px 1.5px 4px #00000014 inset,
    0 -0.5px 1px #ffffff40 inset, 0 -0.5px 1px #ffffff4d inset;
  padding: 0rem 2rem;
  height: 3.7rem;
  align-items: center;
  justify-content: center;
  margin: 1rem 0rem 0rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
  height: 0;
}
.join-window .tabs .tab {
  padding: 1rem 2rem;
  width: 17rem;
  text-align: center;
  cursor: pointer;
}
.join-window .tabs .tab.active {
  border-radius: 44px;
  border: 0px solid
    var(--windows-stroke-glass-specular, rgba(255, 255, 255, 0.4));
  background: var(
    --Views-Lighter,
    linear-gradient(
      0deg,
      rgba(94, 94, 94, 0.13) 0%,
      rgba(94, 94, 94, 0.13) 100%
    ),
    rgba(255, 255, 255, 0.07)
  );
  background-blend-mode: color-dodge, lighten;
}
.join-window .tabs.show {
  opacity: 1;
  visibility: visible;
  margin: 1rem 0rem 0rem;
  height: 3.7rem;
  margin: 1rem 0rem 2rem;
}
.join-window .tab-content .input {
  border-radius: 44px;
  border: 0px solid
    var(--windows-stroke-glass-specular, rgba(255, 255, 255, 0.4));
  background: rgba(255, 255, 255, 0.1);
  background-blend-mode: color-dodge, lighten;
  height: 3.7rem;
  padding: 0 2rem;
  box-shadow: 0 8px 6px #0000000d, 0 1px 1px #ffffff40 inset,
    0 -1px 1px #ffffff1a inset;
  line-height: 4;
}
.auth-content__center--hide {
  display: none;
}
.loading-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  z-index: 1000;
}
.loading-screen__top {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 200;
  transform: translateY(-50%);
  margin-top: 7rem;
}
.loading-screen__top .note {
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  width: 33rem;
  height: 3rem;
  border: none;
  justify-content: center;
  gap: 1rem;
  margin-top: 4rem;
}
.loading-screen__top .note .loader {
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  border: 0.25rem solid rgba(255, 255, 255, 0);
  border-top-color: #fff;
  animation: spin 1s infinite linear;
}
.loading-screen__top .dot {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #ffffff40;
  margin-right: 3px;
}
.loading-screen__top .dot.pending {
  background-color: #caae01;
}
.loading-screen__top .dot.success {
  background-color: #66ffb6;
}
.loading-screen__top .dot.failed {
  background-color: red;
}
.loading-screen__video {
  width: 100%;
  height: 100%;
}
.loading-screen__video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.doors {
  --avatar-color-rgb: 106, 26, 160;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  display: flex;
  z-index: 1000;
}
.doors__left,
.doors__right {
  width: 50%;
  height: 100dvh;
  background: rgba(79, 0, 0, 0.8);
  background-blend-mode: overlay, normal;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
}
.doors__divider {
  height: 1.5rem;
  width: 100%;
  background: url(./../images/noise-big-default.png),
    linear-gradient(
      135.49deg,
      rgba(255, 255, 255, 0) -29.7%,
      rgba(255, 255, 255, 0) 99.89%
    ),
    rgba(255, 0, 0, 0.14);
  background-blend-mode: overlay, overlay, normal;
  box-shadow: 0 0 50px #0000001a;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
.doors__divider.large {
  height: 24rem;
}
.doors__divider.large small {
  padding-left: 11rem;
  padding-right: 11rem;
}
.doors__butterfly {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  z-index: 100;
  border-radius: 100px;
}
.doors__butterfly-holder {
  width: 11rem;
  height: 11rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.doors__butterfly img {
  position: absolute;
}
.doors__butterfly img.bg {
  width: 20rem;
  height: 20rem;
  animation: rotateImage 15s linear infinite;
}
.doors__butterfly img.butterfly {
  width: 7rem;
  z-index: 10;
}
@media (width < 1750px) {
  .doors__butterfly img.butterfly {
    width: 5.5rem;
  }
}
.doors__butterfly-bg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10rem;
  height: 10rem;
  background: transparent;
  border-radius: 50%;
}
.doors.open .doors__left {
  animation: slide-out-left 1.5s cubic-bezier(0.755, 0.05, 0.855, 0.06) both;
}
.doors.open .doors__right {
  animation: slide-out-right 1.5s cubic-bezier(0.755, 0.05, 0.855, 0.06) both;
}
.doors.open hr {
  animation: fade-out 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06) both;
}
.doors hr {
  height: 100dvh;
  border-color: transparent;
  margin: 0;
  padding: 0;
  outline: none;
  background: black;
}
.olp-effect {
  transition: transform 0.3s ease;
}

.new-media-section-wrap {
  width: 100%;
  display: grid;
  grid-template-columns: 48% 48%;
}
.new-media-section__item {
    padding: 0.7rem 0;
}
.new-media-section__item-icon {
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  left: 0.6rem;
}
.new-media-section__video {
  position: absolute;
  top: -7rem;
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  left: 50%;
  transform: translate(-57%);
}
.new-media-section__video video {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
}
.media-section {
  margin: 0 auto;
  display: flex;
  gap: 2rem;
}
.media-section__content {
  z-index: 10;
  height: 33rem;
}
.media-section__content-control {
  height: 17.5rem;
  position: absolute;
  top: 7rem;
  left: -24rem;
  filter: drop-shadow(0px 0px 22px rgba(0, 0, 0, 0.24));
  border-radius: 3rem;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 6px #0000000d, 0 1px 1px #ffffff40 inset,
    0 -1px 1px #ffffff1a inset;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  width: 75%;
  padding: 2rem 0rem 0rem 2rem;
}
.media-section__content-control.opened {
  opacity: 1;
  visibility: visible;
}
.media-section__content-control .item {
  position: relative;
  width: 21.5rem;
}
.media-section__content-video {
  width: 37.5rem;
  height: 100%;
}
.media-section__content-video video {
  width: 100%;
  object-fit: cover;
  height: 90%;
  border-radius: 3.286rem;
  transform: translate(0) rotateY(180deg);
  padding: 1rem;
}
.media-section__content-video__bg {
  filter: drop-shadow(0px 0px 22px rgba(0, 0, 0, 0.24));
  position: relative;
  border-radius: 3rem;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 6px #0000000d, 0 1px 1px #ffffff40 inset,
    0 -1px 1px #ffffff1a inset;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  padding: 1rem 0.5rem;
  height: 100%;
}
.media-section__content-video__bg .action {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.2rem 0;
}
.media-section__content-video__bg .action button {
  position: absolute;
  left: 2rem;
}
.media-section__content-video__bg .action p {
  opacity: 0.7;
  font-weight: 600;
  letter-spacing: 2px;
}
.media-section__content .card__header {
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
}
.media-section__content .card__header-icon {
  font-size: 1.2rem;
  filter: drop-shadow(0px 0px 6px rgba(204, 233, 237, 0.7));
}
.media-section_info {
  position: relative;
  z-index: 2;
}
.media-section .title {
  font-size: 1.625rem;
}

#LocalCamera {
  visibility: hidden;
}

.AssistantVideoTag {
  visibility: unset !important;
  position: absolute;
  opacity: 0;
  width: 100vw;
  object-fit: cover;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 110;
  filter: contrast(1.1) brightness(1.1);
  transition: all 0.5s ease;
}

#MediaContainer-Video-1 {
    transform: scaleX(-1);
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 50vw !important;
    height: 100rem !important;
    opacity: 0;
    z-index: 10;
    pointer-events: none;
    filter: contrast(1.1) brightness(1.1);
    transition: all 0.5s ease;
}

.MediaContainer-Video-1 {
  opacity: 0.4 !important;
}

#MediaContainer-Video-2 {
  position: absolute;
  top: 0;
  left: 50vw;
  object-fit: cover;
  width: 50vw !important;
  height: 100rem !important;
  opacity: 0;
  z-index: 10;
  pointer-events: none;
  filter: contrast(1.1) brightness(1.1);
  transition: all 0.5s ease;
}

.ErrorDivforDark{
  z-index: 1 !important;
  backdrop-filter: invert(0);
  display: block !important;
  pointer-events: none;
  transition: all 0.5s ease;
}

@keyframes fadeInAndGrow {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.4;
  }
}

@keyframes fadeOutAndShrink {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 0;
  }
}

@keyframes toTheDarkSide {
  from {
    backdrop-filter: invert(0);
  }
  to {
    backdrop-filter: invert(1);
  }
}

@keyframes toTheBrightSide {
  from {
    backdrop-filter: invert(1);
  }
  to {
    backdrop-filter: invert(0);
  }
}

.animate-show {
  animation: fadeInAndGrow 1s forwards;
}

.animate-hide {
  animation: fadeOutAndShrink 1s forwards;
}

.animate-dark {
  animation: toTheDarkSide 1s forwards;
}

.animate-bright {
  animation: toTheBrightSide 1s forwards;
}

/* --------- Bret css --------- */
.preload_wrapper {
  position: fixed; /* Ensure it covers the entire viewport */
  top: 0;
  left: 0;
  width: 100vw; /* Full width of the viewport */
  height: 100vh; /* Full height of the viewport */
  display: flex; /* Flexbox for vertical and horizontal centering */
  align-items: center;
  justify-content: center;
}

.MOBEUS {
  background: black;
  width: 100%; 
  height: 100%;
  position: relative; /* Relative to itself for pseudo-element alignment */
}

.MOBEUS::before {
  content: "";
  background-image: url('./../images/logo-white.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(50%, 50vh); /* Responsive sizing to prevent overflow */
  height: min(50%, 50vh); /* Maintain aspect ratio */
}

.PRELOAD {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  text-align: center;
  overflow: hidden;
  z-index: 105;
}

.INPUT_CONTAINER .ICON_BUTTON {
  margin-right: 0rem;
}

.INPUT_CONTAINER {
  display: inline-block;
  border-radius: 100px;
  background: rgba(255, 255, 255, .1);
  box-shadow: 0 -1px 1px #ffffff1a inset, 0 1px 1px #ffffff40 inset, 0 8px 6px #0000000d;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  /* width: 50rem; */
  padding: 1rem;
  margin-top: 50rem;
}


.DEVICE_PREVIEW_CONTAINER {
    height: 8rem;
    text-align: center;
}

.DEVICE_LIST {
    position: relative;
    border: none;
    background-color: transparent;
    width: 100%;
    opacity: .7;
    font-size: 1.125rem;
    color: rgba(var(--feature-contrast-color), 1.0);
    text-indent: 6px;
}

.OVERLAY {
  display: absolute;
  top: 5rem;
  left: 25%;
  right: 25%;
  bottom: 5rem;
}

.PROGRESS_BAR_CONTAINER {
  display: block;
  width: 200px;
  height: auto;
  background: black;
  border-radius: 0.5rem;
}

.PROGRESS_BAR {
  display: block;
  width: 0px;
  height: 0.7rem;
  border-radius: .5rem;
  border: 1px solid gray;
}

.FULLSCREEN {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  overflow: hidden;
  z-index: 100;
}

.FULLSCREEN_CONTENT {
  position: absolute;
  width: 10%;
  height: 10%;
  left: 0px;
  top: 0px;
  overflow: hidden;
}


.SM {
  font-size: .75rem;
}

.LG {
  font-size: 2rem;
}

.XL {
  font-size: 3rem;
}

.XXL {
  font-size: 4rem;
}

.GREEN_BG {
  background-color: forestgreen;
}

.RED_BG {
  background-color: #ff0000;
}

.BLUE_BG {
  background-color: dodgerblue
}   

.YELLOW_BG {
  background-color: gold
}

.WHITE_BG {
  background-color: white;
}

.BLACK_BG {
  background-color: black;
}

.PURPLE_BG {
  background-color: #2a0d4e;
}

.GRAY_BG {
  background-color: gray;
}

.GREEN_FG {
  color: forestgreen;
}

.RED_FG {
  color: crimson;
}

.BLUE_FG {
  color: dodgerblue
}   

.YELLOW_FG {
  color: gold
}

.WHITE_FG {
  color: white;
}

.BLACK_FG {
  color: black;
}

.PURPLE_FG {
  color: #2a0d4e;
}

.GRAY_FG {
  color: gray;
}

.HIDDEN {
  display: none;
}

.INVISIBLE {
  visibility: hidden;
}