/*$font-base: 'Inter', sans-serif;*/
/*
$color-bg: #0D1117;
$color-bg-fade: rgba(13, 17, 23, .9);
$color-bg-fade-80: rgba(13, 17, 23, .8);
$color-error: #E2453D;
$color-gradient: linear-gradient(98.11deg, #2F68FE 0%, #7B9FFE 47.88%, #DD5789 100%);
$color-gradient-rotate90: linear-gradient(188.11deg, #2F68FE 0%, #7B9FFE 47.88%, #DD5789 100%);
$color-gradient-rotate180: linear-gradient(278.11deg, #2F68FE 0%, #7B9FFE 47.88%, #DD5789 100%);
$color-gradient-start: #2F68FE;
$color-gradient-middle: #7B9FFE;
$color-gradient-end: #DD5789;
$color-field-bg: rgba(22, 29, 39, 0.65);
$color-box-bg: rgba(22, 29, 39, 1);
$color-disabled: rgba(22, 29, 39, 0.95);
$color-line: #202937;
$color-white: #FFFFFF;



$color-base-inactive: rgba(64, 64, 64, 0.2);
$color-base-fade: rgba(64, 64, 64, 0.5);
$color-black: #000000;
$color-blue: #D6E3F8;
$color-blue-light: #EEF3FC;
$color-gray: #737373;
$color-gray-dark: #161D27;
$color-green: #BAD8C2;
$color-rose: #EF8680;
$color-rose-light: #FEF7F5;
$color-rose-smooth: #F5B3AF;
$color-spacer: rgba(155, 127, 96, 0.1);
$color-yellow: #9B7F60;
*/
#page.site {
  background: #ffffff;
}

.site-container.wrapper, .site-content-inner {
  margin: 0 auto;
  max-width: 1280px;
}
@media (max-width: 767.98px) {
  .site-container.wrapper, .site-content-inner {
    padding-left: 16px;
    padding-right: 16px;
  }
}

header {
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  line-height: 150%;
  font-weight: 400;
  color: #000000;
  margin: 0;
  overflow-x: hidden;
  background: #ffffff;
  padding-top: calc(20px * 1.6);
  padding-bottom: calc(20px * 1.6);
}
@media (max-width: 767.98px) {
  header {
    backdrop-filter: blur(35px);
    padding: 0 16px;
  }
}
header a {
  cursor: pointer;
  color: #000;
  text-decoration: none;
}
header a:visited {
  color: #000;
}
header a:hover, header a:focus {
  outline: none;
}
header a:hover {
  color: #000;
}
header a.underline {
  text-decoration: underline;
}
header .container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  max-width: 1280px;
}
header .logo {
  cursor: pointer;
  text-align: center;
  margin-left: -17px;
}
@media (max-width: 767.98px) {
  header .logo {
    margin: 0 auto;
  }
}
header .logo img {
  display: block;
  max-width: 185px;
  height: auto;
}
@media (max-width: 767.98px) {
  header .logo img {
    max-width: 200px;
    margin: 0 auto;
  }
}
header .data {
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-left: calc(20px * 5.6);
  position: relative;
}
@media screen and (max-width: 767.98px) {
  header .data {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  header .data {
    margin-left: calc(20px * 2);
  }
}
header .data__nav {
  display: flex;
  justify-content: space-between;
}
header .data__nav ul {
  display: flex;
  font-size: calc(20px * 0.7);
  margin: 0 4em 0 0;
  list-style: none;
}
header .data__nav ul li {
  margin-right: 3em;
}
@media (max-width: 1199.98px) {
  header .data__nav ul li {
    margin-right: 2em;
  }
}
header .data__nav ul li:last-child {
  margin-right: 0;
}
header .data__nav--buttons {
  display: none;
  align-items: center;
  font-weight: 500;
}
header .data__nav--buttons a {
  margin-left: 1.5em;
}
header .registration {
  display: inline-block;
  height: 40px;
  line-height: 36px;
  padding: 0 1.5em;
}
header header.sticky .container {
  align-items: flex-end;
}
header header.sticky .logo {
  padding: 0.9em 1em;
}
header header.sticky .logo p {
  display: none;
}
header header.sticky .data__nav--buttons {
  display: flex;
}
@media (max-width: 767.98px) {
  header .header-main {
    padding-top: calc(20px * 0.6);
    padding-bottom: calc(20px * 0.6);
    justify-content: space-between;
    align-items: center;
  }
}
header .mobile-burger {
  display: none;
}
@media screen and (max-width: 767.98px) {
  header .mobile-burger {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
  }
}
header .mobile-burger .burger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  position: relative;
  z-index: 10;
  border: 1px solid #000;
  border-radius: 100%;
  font-size: calc(20px * 2);
  text-align: center;
}
header .mobile-burger .burger i:before {
  margin-left: 0;
  margin-right: 0;
}
header .mobile-burger .burger__opened:before {
  border-bottom: 0;
  height: 0;
  top: 12px;
  transform: rotate(45deg);
}
header .mobile-burger .burger__opened:after {
  border-top: 0;
  height: 0;
  top: 12px;
  transform: rotate(-45deg);
}
header .mobile-data {
  display: none;
  height: 100vh;
  z-index: 10;
}
header .mobile-data__nav {
  font-size: 1.14rem;
}
header .mobile-data__nav ul {
  margin-bottom: calc(20px * 2.86);
}
header .mobile-data__nav ul li {
  margin: 2.86rem 0;
}
header .mobile-data__opened {
  display: block;
}
header .user {
  display: flex;
  align-items: center;
}
header .user__name {
  display: flex;
  margin-right: 1em;
}
header .user__name i {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 1.6rem;
  height: 1.6rem;
  border: 1px solid #000;
  border-radius: 100%;
  margin-right: 0.5em;
}
header .user__name span {
  line-height: 100%;
}
header .user__name b {
  display: block;
  white-space: nowrap;
  font-weight: normal;
  font-size: 0.65em;
}
header .user .button {
  margin-left: 1.2rem;
}
header .profile__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .profile__info .name {
  font-size: 1.4rem;
}
header .profile__info .balance {
  font-size: 1rem;
}
header .profile__subscribe {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
header .profile__button {
  display: flex;
  flex-flow: column;
}
header .profile__button .button {
  margin-bottom: 1.14rem;
  text-align: center;
  width: 100%;
}
header .registration-hidden {
  opacity: 0;
  pointer-events: none;
}
header .registration-sticky {
  position: absolute;
  top: 38px;
  margin-right: 30px;
}
header .sticky-buttons {
  max-width: 830px;
  margin: 0 auto;
  position: fixed;
  top: 0;
  width: 50%;
  left: 50%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

/*# sourceMappingURL=header.css.map */