@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Nunito:regular,500,600,700,800,900,700italic&display=swap);
@font-face {
  font-family: SweetieBubbleGum;
  font-display: swap;
  src: url(../fonts/SweetieBubbleGum-Regular.woff2) format("woff2"),
    url(../fonts/SweetieBubbleGum-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "TT Trailers Trial Black";
  font-display: swap;
  src: url("../fonts/TT Trailers Trial Black.woff2") format("woff2"),
    url("../fonts/TT Trailers Trial Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
* {
  padding: 0;
  margin: 0;
  border: 0;
}
*,
::after,
::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
::after,
::before {
  display: inline-block;
}
body,
html {
  height: 100%;
  min-width: 320px;
}
body {
  color: #000;
  line-height: 1;
  font-family: Nunito;
  font-size: 1.25rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
button,
input,
textarea {
  font-family: Nunito;
  font-size: inherit;
  line-height: inherit;
}
button {
  cursor: pointer;
  color: inherit;
  background-color: transparent;
}
a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
}
ul li {
  list-style: none;
}
img {
  vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}
.lock body {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}
.wrapper {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
@supports (overflow: clip) {
  .wrapper {
    overflow: clip;
  }
}
.wrapper > main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.wrapper > * {
  min-width: 0;
}
[class*="__container"] {
  max-width: 80.375rem;
  margin: 0 auto;
  padding: 0 0.9375rem;
}
body::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.8s ease 0s;
  transition: opacity 0.8s ease 0s;
  pointer-events: none;
  z-index: 149;
}
.popup-show body::after {
  opacity: 1;
}
.popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px 10px;
  -webkit-transition: visibility 0.8s ease 0s;
  transition: visibility 0.8s ease 0s;
  visibility: hidden;
  pointer-events: none;
}
.popup_show {
  z-index: 150;
  visibility: visible;
  overflow: auto;
  pointer-events: auto;
}
.popup_show .popup__content {
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.popup__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  align-items: center;
}
.popup__content {
  visibility: hidden;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  background-color: #eee;
  padding: 20px 20px 30px 20px;
  width: 100%;
  max-width: 700px;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-shadow: 0.5rem 0.5rem 0 0 #000;
  box-shadow: 0.5rem 0.5rem 0 0 #000;
}
.lock .popup__content {
  visibility: visible;
}
.popup__close {
  width: 40px;
  height: 40px;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-bottom: 20px;
}
.popup__close img {
  width: 100%;
}
.popup__text {
  font-family: Nunito;
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 40px;
}
.popup__button {
  position: relative;
  width: 15.625rem;
  height: 3.625rem;
  border: 2px solid #000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 0.625rem;
  -moz-column-gap: 0.625rem;
  column-gap: 0.625rem;
  -webkit-transition: -webkit-transform 0.2s ease 0s;
  transition: -webkit-transform 0.2s ease 0s;
  transition: transform 0.2s ease 0s;
  transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
  background-color: #fff;
  -webkit-box-shadow: 0.5rem 0.5rem 0 0 #000;
  box-shadow: 0.5rem 0.5rem 0 0 #000;
  width: 14.375rem;
}
.popup__button span {
  position: relative;
  z-index: 2;
  font-size: 1rem;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
}
.ibg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ibg--top {
  -o-object-position: top;
  object-position: top;
}
.ibg--bottom {
  -o-object-position: bottom;
  object-position: bottom;
}
.ibg--left {
  -o-object-position: left;
  object-position: left;
}
.ibg--right {
  -o-object-position: right;
  object-position: right;
}
.ibg--contain {
  -o-object-fit: contain;
  object-fit: contain;
}
.header {
  position: relative;
  z-index: 10;
}
.header__box {
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__logo {
  position: relative;
  z-index: 7;
  height: 5rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 5.9375rem;
  flex: 0 0 5.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-right: 0.125rem solid #000;
  border-bottom: 0.125rem solid #000;
  background-color: #fff;
  margin-right: -0.0625rem;
  -webkit-transition: -webkit-box-shadow 0.2s ease 0s;
  transition: -webkit-box-shadow 0.2s ease 0s;
  transition: box-shadow 0.2s ease 0s;
  transition: box-shadow 0.2s ease 0s, -webkit-box-shadow 0.2s ease 0s;
}
.header__logo i {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 4.1875rem;
  border-radius: 50%;
  height: 4.1875rem;
  background-color: #252527;
  border: 0.1875rem solid #fff;
}
.header__logo img {
  position: relative;
  z-index: 2;
  display: block;
  max-width: 75%;
}
.header__menu {
  position: relative;
  z-index: 6;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.menu__body {
  width: 100%;
}
.menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.menu__item {
  width: 100%;
}
.menu__item:last-child .menu__link {
  margin-right: 0;
  border-right: none;
}
.menu__link {
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-column-gap: 0.625rem;
  -moz-column-gap: 0.625rem;
  column-gap: 0.625rem;
  padding: 0.3125rem;
  border: 0.125rem solid #000;
  margin-right: -0.0625rem;
  margin-left: -0.0625rem;
  border-top: none;
  background-color: #fff;
  -webkit-transition: -webkit-box-shadow 0.2s ease 0s;
  transition: -webkit-box-shadow 0.2s ease 0s;
  transition: box-shadow 0.2s ease 0s;
  transition: box-shadow 0.2s ease 0s, -webkit-box-shadow 0.2s ease 0s;
}
.menu__link > span {
  font-size: 0.9375rem;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
}
.menu__link > div {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 1.5rem;
  flex: 0 0 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.menu__link > div img {
  width: 100%;
}
.menu__link--WADDLE > span {
  color: #252527;
  text-shadow: 0 0.25rem 0 #000, 0.0625rem 0.25rem 0 #000,
    0.0625rem -0.0625rem 0 #000, -0.0625rem 0.0625rem 0 #000,
    -0.0625rem -0.0625rem 0 #000;
  font-family: SweetieBubbleGum;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.menu__link--dark {
  background-color: #252527;
}
.menu__link--dark > span {
  color: #fff;
}
.menu__link--dark > span > span {
  color: #252527;
}
.icon-menu {
  display: none;
}
.footer {
  position: relative;
  z-index: 2;
  background-color: #000;
  color: #fff;
}
.footer._watcher-view .footer__decor {
  -webkit-animation: to-up 0.3s ease 0.2s forwards;
  animation: to-up 0.3s ease 0.2s forwards;
}
.footer__container {
  position: relative;
  z-index: 2;
}
.footer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 2.5rem;
  -moz-column-gap: 2.5rem;
  column-gap: 2.5rem;
}
.footer__columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 5rem;
  -moz-column-gap: 5rem;
  column-gap: 5rem;
}
.footer__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 1rem;
}
.footer__column-item {
  font-family: "TT Trailers Trial Black";
  font-style: normal;
  font-weight: 900;
  line-height: 110%;
  text-transform: uppercase;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-transition: color 0.2s ease 0s, scale 0.2s ease 0s;
  transition: color 0.2s ease 0s, scale 0.2s ease 0s;
}
.footer__column-item.active {
  color: #0858ff;
}
.footer__social {
  max-width: 22.125rem;
  -ms-flex-item-align: start;
  align-self: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1.5rem;
}
.footer__social-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 5rem;
  flex: 0 0 5rem;
  width: 5rem;
  height: 5rem;
  -webkit-transition: scale 0.2s ease 0s;
  transition: scale 0.2s ease 0s;
}
.footer__social-item img {
  width: 100%;
}
.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.footer__bottom-top {
  padding: 1.875rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 2.5rem;
  -moz-column-gap: 2.5rem;
  column-gap: 2.5rem;
  border-top: 0.125rem solid #fff;
}
.footer__bottom-bottom {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  padding-bottom: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
  text-shadow: 0.0625rem 0.0625rem 0 #000, 0.0625rem -0.0625rem 0 #000,
    -0.0625rem 0.0625rem 0 #000, -0.0625rem -0.0625rem 0 #000;
}
.footer__bottom-bottom a {
  -webkit-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
}
.footer__bottom-bottom svg {
  -webkit-transform: translateY(0.125rem);
  -ms-transform: translateY(0.125rem);
  transform: translateY(0.125rem);
}
.footer__email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  -webkit-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
}
.footer__email span {
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
  text-shadow: 0.0625rem 0.0625rem 0 #000, 0.0625rem -0.0625rem 0 #000,
    -0.0625rem 0.0625rem 0 #000, -0.0625rem -0.0625rem 0 #000;
}
.footer__email img {
  width: 1.5rem;
  height: 1.5rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 1.5rem;
  flex: 0 0 1.5rem;
}
.footer__copy {
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
  text-shadow: 0.0625rem 0.0625rem 0 #000, 0.0625rem -0.0625rem 0 #000,
    -0.0625rem 0.0625rem 0 #000, -0.0625rem -0.0625rem 0 #000;
}
.footer__decor {
  position: absolute;
  pointer-events: none;
  z-index: 2;
  bottom: 15%;
  right: 0;
  width: 20%;
  min-width: 13.75rem;
  aspect-ratio: 1;
  opacity: 0;
  visibility: hidden;
}
.footer__decor img {
  width: 100%;
}
::-webkit-scrollbar {
  width: 0.75rem;
  border-radius: 0 1rem 1rem 0;
  background-color: #fff;
}
::-webkit-scrollbar-thumb {
  background-color: #252527;
  border: 0.0625rem solid #fff;
  border-radius: 1.25rem;
}
@-webkit-keyframes fly {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(0.9375rem);
    transform: translateY(0.9375rem);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fly {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(0.9375rem);
    transform: translateY(0.9375rem);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes line {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-66.6%);
    transform: translateX(-66.6%);
  }
}
@keyframes line {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-66.6%);
    transform: translateX(-66.6%);
  }
}
@-webkit-keyframes line-2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@keyframes line-2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@-webkit-keyframes jump {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-0.9375rem);
    transform: translateY(-0.9375rem);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes jump {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-0.9375rem);
    transform: translateY(-0.9375rem);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes jump-scale {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    scale: 1;
  }
  50% {
    -webkit-transform: translateY(-0.9375rem);
    transform: translateY(-0.9375rem);
    scale: 1;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    scale: 1.2;
  }
}
@keyframes jump-scale {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    scale: 1;
  }
  50% {
    -webkit-transform: translateY(-0.9375rem);
    transform: translateY(-0.9375rem);
    scale: 1;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    scale: 1.2;
  }
}
@-webkit-keyframes hero-peng {
  0% {
    scale: 0;
    rotate: 0;
    opacity: 0;
    visibility: hidden;
  }
  70% {
    scale: 1.2;
    rotate: 360deg;
    opacity: 0.8;
    visibility: visible;
  }
  90% {
    scale: 0.95;
    rotate: 360deg;
    opacity: 0.9;
    visibility: visible;
  }
  100% {
    scale: 1;
    rotate: 360deg;
    opacity: 1;
    visibility: visible;
  }
}
@keyframes hero-peng {
  0% {
    scale: 0;
    rotate: 0;
    opacity: 0;
    visibility: hidden;
  }
  70% {
    scale: 1.2;
    rotate: 360deg;
    opacity: 0.8;
    visibility: visible;
  }
  90% {
    scale: 0.95;
    rotate: 360deg;
    opacity: 0.9;
    visibility: visible;
  }
  100% {
    scale: 1;
    rotate: 360deg;
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes text {
  0% {
    opacity: 0;
    visibility: hidden;
    scale: 0;
  }
  70% {
    opacity: 0.8;
    visibility: visible;
    scale: 1.2;
  }
  90% {
    opacity: 0.9;
    visibility: visible;
    scale: 0.95;
  }
  100% {
    opacity: 1;
    visibility: visible;
    scale: 1;
  }
}
@keyframes text {
  0% {
    opacity: 0;
    visibility: hidden;
    scale: 0;
  }
  70% {
    opacity: 0.8;
    visibility: visible;
    scale: 1.2;
  }
  90% {
    opacity: 0.9;
    visibility: visible;
    scale: 0.95;
  }
  100% {
    opacity: 1;
    visibility: visible;
    scale: 1;
  }
}
@-webkit-keyframes opacity {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes fall {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-6.25rem);
    transform: translateY(-6.25rem);
  }
  50% {
    opacity: 0.8;
    visibility: visible;
    -webkit-transform: translateY(0.9375rem);
    transform: translateY(0.9375rem);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fall {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-6.25rem);
    transform: translateY(-6.25rem);
  }
  50% {
    opacity: 0.8;
    visibility: visible;
    -webkit-transform: translateY(0.9375rem);
    transform: translateY(0.9375rem);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes scale {
  0% {
    opacity: 0;
    visibility: hidden;
    scale: 0;
  }
  100% {
    opacity: 1;
    visibility: visible;
    scale: 1;
  }
}
@keyframes scale {
  0% {
    opacity: 0;
    visibility: hidden;
    scale: 0;
  }
  100% {
    opacity: 1;
    visibility: visible;
    scale: 1;
  }
}
@-webkit-keyframes to-up {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes to-up {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes scale-down {
  0% {
    opacity: 0;
    visibility: hidden;
    scale: 1.4;
  }
  100% {
    opacity: 1;
    visibility: visible;
    scale: 1;
  }
}
@keyframes scale-down {
  0% {
    opacity: 0;
    visibility: hidden;
    scale: 1.4;
  }
  100% {
    opacity: 1;
    visibility: visible;
    scale: 1;
  }
}
@-webkit-keyframes draw {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes draw {
  100% {
    stroke-dashoffset: 0;
  }
}
.page__hero {
  padding-top: 7.8125rem;
}
.hero {
  min-height: calc(100vh - 5rem);
  position: relative;
}
.hero__background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.hero__background img:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hero__background img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 33.3%;
  width: 33.3%;
  height: 100%;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}
.hero__background img:nth-child(3) {
  position: absolute;
  top: 0;
  left: 66.6%;
  width: 33.3%;
  height: 100%;
}
.hero__container {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.hero__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.hero__title > p span {
  color: #fff;
  text-align: center;
  text-shadow: 0 0.0377358491em 0 #000, 0.0125786164em 0.0377358491em 0 #000,
    0.0125786164em -0.0125786164em 0 #000, -0.0125786164em 0.0125786164em 0 #000,
    -0.0125786164em -0.0125786164em 0 #000;
  font-family: SweetieBubbleGum;
  line-height: 78%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  scale: 0;
}
.loaded .hero__title > p span {
  -webkit-animation: text 0.3s ease forwards;
  animation: text 0.3s ease forwards;
}
.hero__title p:nth-child(1) span:nth-child(1) {
  -webkit-animation-delay: 1.65s;
  animation-delay: 1.65s;
}
.hero__title p:nth-child(1) span:nth-child(2) {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
}
.hero__title p:nth-child(1) span:nth-child(3) {
  -webkit-animation-delay: 1.75s;
  animation-delay: 1.75s;
}
.hero__title p:nth-child(1) span:nth-child(4) {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}
.hero__title p:nth-child(3) span:nth-child(1) {
  -webkit-animation-delay: 1.85s;
  animation-delay: 1.85s;
}
.hero__title p:nth-child(3) span:nth-child(2) {
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s;
}
.hero__title p:nth-child(3) span:nth-child(3) {
  -webkit-animation-delay: 1.95s;
  animation-delay: 1.95s;
}
.hero__title p:nth-child(3) span:nth-child(4) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.hero__title p:nth-child(3) span:nth-child(5) {
  -webkit-animation-delay: 2.05s;
  animation-delay: 2.05s;
}
.hero__title > img {
  position: absolute;
  z-index: 2;
  width: 30%;
  aspect-ratio: 1;
  opacity: 0;
  visibility: hidden;
}
.loaded .hero__title > img {
  -webkit-animation: hero-peng 0.3s ease 2.2s forwards;
  animation: hero-peng 0.3s ease 2.2s forwards;
}
.hero__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 3.125rem;
  -moz-column-gap: 3.125rem;
  column-gap: 3.125rem;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-6.25rem);
  -ms-transform: translateY(-6.25rem);
  transform: translateY(-6.25rem);
}
.loaded .hero__bottom {
  -webkit-animation: fall 0.45s ease 2.5s forwards;
  animation: fall 0.45s ease 2.5s forwards;
}
.hero__bottom-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 0.5rem;
}
.hero__bottom-text p:nth-child(1) {
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
}
.hero__bottom-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}
.hero__bottom-button {
  position: relative;
  width: 15.625rem;
  height: 3.625rem;
  border: 2px solid #000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 0.625rem;
  -moz-column-gap: 0.625rem;
  column-gap: 0.625rem;
  -webkit-transition: -webkit-transform 0.2s ease 0s;
  transition: -webkit-transform 0.2s ease 0s;
  transition: transform 0.2s ease 0s;
  transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
}
.hero__bottom-button span {
  font-size: 1rem;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
}
.hero__bottom-button img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 1.5rem;
  flex: 0 0 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
.hero__bottom-button--white {
  background-color: #fff;
  -webkit-box-shadow: 0.5rem 0.5rem 0 0 #000;
  box-shadow: 0.5rem 0.5rem 0 0 #000;
  width: 14.375rem;
}
.hero__bottom-button--white span {
  position: relative;
  z-index: 2;
}
p.orange span {
  color: #252527 !important;
}
span.orange {
  color: #252527 !important;
}
.buy-WADDLE {
  position: relative;
}
.buy-WADDLE__backgroung {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.buy-WADDLE__backgroung img {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}
.buy-WADDLE__box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
  margin-top: -0.125rem;
  min-height: 22.8125rem;
}
.buy-WADDLE__content {
  padding-left: 0.9375rem;
  border: 0.125rem solid #000;
  margin-right: -0.0625rem;
}
.buy-WADDLE__items {
  margin-left: -0.0625rem;
  display: -ms-grid;
  display: grid;
}
.buy-WADDLE__item-box {
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.buy-WADDLE__item-box .buy-WADDLE__item {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -ms-flex-preferred-size: calc(50% + 2rem);
  flex-basis: calc(50% + 2rem);
  margin-top: -0.0625rem;
  margin-bottom: -0.0625rem;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.buy-WADDLE__item-box .buy-WADDLE__item .item-buy-WADDLE__title {
  -webkit-column-gap: 1.875rem;
  -moz-column-gap: 1.875rem;
  column-gap: 1.875rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.buy-WADDLE__item-box .buy-WADDLE__item:nth-child(1) {
  background-color: #fedcda;
}
.buy-WADDLE__item-box .buy-WADDLE__item:nth-child(2) {
  background-color: #296bfc;
}
.buy-WADDLE__item-box .buy-WADDLE__item:nth-child(2) img:nth-child(2) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 3rem;
  flex: 0 0 3rem;
  width: 3rem;
  height: auto;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.buy-WADDLE__item-box .buy-WADDLE__item img:nth-child(2) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 3.875rem;
  flex: 0 0 3.875rem;
  width: 3.875rem;
  height: auto;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.buy-WADDLE__item {
  padding-right: 0.9375rem;
  -webkit-transition: background-color 0.2s ease 0s,
    -webkit-box-shadow 0.2s ease 0s;
  transition: background-color 0.2s ease 0s, -webkit-box-shadow 0.2s ease 0s;
  transition: background-color 0.2s ease 0s, box-shadow 0.2s ease 0s;
  transition: background-color 0.2s ease 0s, box-shadow 0.2s ease 0s,
    -webkit-box-shadow 0.2s ease 0s;
}
.buy-WADDLE__item:nth-child(1) {
  background-color: #ffdfb0;
  margin-bottom: -0.0625rem;
}
.buy-WADDLE__item:nth-child(2) {
  background-color: #ffdada;
  margin-top: -0.0625rem;
  margin-bottom: -0.0625rem;
}
.buy-WADDLE__item:nth-child(3) {
  margin-top: -0.0625rem;
  background-color: #c1d6ff;
}
.content-buy-WADDLE {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-column-gap: 0.625rem;
  -moz-column-gap: 0.625rem;
  column-gap: 0.625rem;
}
.content-buy-WADDLE._watcher-view .content-buy-WADDLE__images {
  -webkit-animation: to-up 0.3s ease 0.9s forwards;
  animation: to-up 0.3s ease 0.9s forwards;
}
.content-buy-WADDLE__background {
  position: absolute;
  inset: 0;
  background-color: #252527;
}
.content-buy-WADDLE__title {
  text-wrap: nowrap;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  max-width: 18.75rem;
  position: relative;
  z-index: 3;
}
.content-buy-WADDLE__title._watcher-view span {
  -webkit-animation: text 0.3s ease forwards;
  animation: text 0.3s ease forwards;
}
.content-buy-WADDLE__title span {
  position: relative;
  display: inline-block;
  color: #fff;
  -webkit-text-stroke-width: 0.03em;
  -webkit-text-stroke-color: #000;
  text-shadow: 0 0.06em 0 #000;
  font-family: "TT Trailers Trial Black";
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  opacity: 0;
  visibility: hidden;
  scale: 0;
}
.content-buy-WADDLE__title span:nth-child(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.content-buy-WADDLE__title span:nth-child(2) {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.content-buy-WADDLE__title span:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.content-buy-WADDLE__title span:nth-child(5) {
  -webkit-animation-delay: 0.35s;
  animation-delay: 0.35s;
}
.content-buy-WADDLE__title span:nth-child(6) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.content-buy-WADDLE__title span:nth-child(7) {
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
.content-buy-WADDLE__title span:nth-child(8) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.content-buy-WADDLE__title span:nth-child(9) {
  -webkit-animation-delay: 0.55s;
  animation-delay: 0.55s;
}
.content-buy-WADDLE__title span:nth-child(10) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.content-buy-WADDLE__images {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 40%;
  flex: 0 1 40%;
  position: relative;
  z-index: 3;
  -ms-flex-item-align: end;
  align-self: flex-end;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
.content-buy-WADDLE__image-text {
  position: relative;
  width: 76%;
  min-width: 13.625rem;
  aspect-ratio: 218/138;
  -webkit-transform: translateY(2.125rem);
  -ms-transform: translateY(2.125rem);
  transform: translateY(2.125rem);
}
.content-buy-WADDLE__image-text img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content-buy-WADDLE__image-peng {
  width: 100%;
  min-width: 16.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.content-buy-WADDLE__image-peng img {
  max-width: 100%;
}
.item-buy-WADDLE {
  border: 0.125rem solid #000;
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 0.875rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.item-buy-WADDLE__title {
  -ms-flex-item-align: start;
  align-self: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
  column-gap: 0.75rem;
}
.item-buy-WADDLE__title span {
  color: #000;
  font-family: "TT Trailers Trial Black";
  font-style: normal;
  font-weight: 900;
  line-height: 110%;
  -webkit-transition: color 0.2s ease 0s;
  transition: color 0.2s ease 0s;
}
.item-buy-WADDLE__title img:not(:last-child) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 3rem;
  flex: 0 0 3rem;
  width: 3rem;
  height: 3rem;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.item-buy-WADDLE__title img:last-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 1.5rem;
  flex: 0 0 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-transition: -webkit-transform 0.2s ease 0s;
  transition: -webkit-transform 0.2s ease 0s;
  transition: transform 0.2s ease 0s;
  transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
}
.item-buy-WADDLE__text {
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.base {
  position: relative;
  z-index: 1;
}
.base::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background-color: #fff;
}
.base::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(28.27%, rgba(255, 255, 255, 0)),
    to(rgba(27, 241, 255, 0.3))
  );
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 28.27%,
    rgba(27, 241, 255, 0.3) 100%
  );
}
.base__container {
  position: relative;
  z-index: 2;
}
.base__decor-item {
  position: absolute;
  z-index: 1;
}
.base__decor-item--1 {
  top: 50%;
  left: -10%;
  -webkit-animation: fly 2s ease-in-out infinite;
  animation: fly 2s ease-in-out infinite;
}
.base__decor-item--2 {
  -webkit-animation: fly 2s ease-in-out 1s infinite;
  animation: fly 2s ease-in-out 1s infinite;
  width: 17.375rem;
  aspect-ratio: 278/374;
  top: 10%;
  right: 0;
  position: absolute;
}
.base__decor-item--2 img {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.base__decor-item--2 img:nth-child(1) {
  z-index: 2;
  top: 0;
}
.base__decor-item--2 img:nth-child(2) {
  position: absolute;
  bottom: 0;
}
.base__header {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.base__header._watcher-view .base__header-title span:nth-child(1) {
  -webkit-animation: text 0.3s ease 0.2s forwards;
  animation: text 0.3s ease 0.2s forwards;
}
.base__header._watcher-view .base__header-title span:nth-child(2) {
  -webkit-animation: text 0.3s ease 0.25s forwards;
  animation: text 0.3s ease 0.25s forwards;
}
.base__header._watcher-view .base__header-title span:nth-child(3) {
  -webkit-animation: text 0.3s ease 0.3s forwards;
  animation: text 0.3s ease 0.3s forwards;
}
.base__header._watcher-view .base__header-title span:nth-child(4) {
  -webkit-animation: text 0.3s ease 0.35s forwards;
  animation: text 0.3s ease 0.35s forwards;
}
.base__header._watcher-view .base__header-title span:nth-child(5) {
  -webkit-animation: text 0.3s ease 0.4s forwards;
  animation: text 0.3s ease 0.4s forwards;
}
.base__header._watcher-view .base__header-title span:nth-child(6) {
  -webkit-animation: text 0.3s ease 0.45s forwards;
  animation: text 0.3s ease 0.45s forwards;
}
.base__header._watcher-view .base__header-title::before {
  -webkit-animation: opacity 0.3s ease 0s forwards;
  animation: opacity 0.3s ease 0s forwards;
}
.base__header._watcher-view .base__header-label {
  -webkit-animation: fall 0.45s ease 0.75s forwards;
  animation: fall 0.45s ease 0.75s forwards;
}
.base__header-title {
  position: relative;
  text-align: center;
}
.base__header-title::before {
  content: "";
  position: absolute;
  display: inline-block;
  z-index: -1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -55%);
  -ms-transform: translate(-50%, -55%);
  transform: translate(-50%, -55%);
  width: 56%;
  aspect-ratio: 292/260;
  background-image: url(../img/base/star.svg);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  opacity: 0;
  visibility: hidden;
}
.base__header-title span {
  display: inline-block;
  position: relative;
  z-index: 2;
  color: #fff;
  text-shadow: 0.0125786164em 0.0377358491em 0 #000,
    -0.0125786164em 0.0377358491em 0 #000, -0.0125786164em 0.0125786164em 0 #000,
    -0.0125786164em -0.0125786164em 0 #000,
    0.0125786164em -0.0125786164em 0 #000;
  font-family: SweetieBubbleGum;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.0402515723em;
  text-transform: uppercase;
  opacity: 0;
  visibility: hidden;
  scale: 0;
}
.base__header-label {
  color: #fff;
  -webkit-text-stroke-width: 0.0357142857em;
  -webkit-text-stroke-color: #000;
  text-shadow: 0 0.0714285714em 0 #000;
  font-family: "TT Trailers Trial Black";
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  text-transform: uppercase;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-6.25rem);
  -ms-transform: translateY(-6.25rem);
  transform: translateY(-6.25rem);
}
.base__items {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.base__item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.base__item:nth-child(even) .item-base__image span {
  -webkit-transform: rotate(-8.578deg);
  -ms-transform: rotate(-8.578deg);
  transform: rotate(-8.578deg);
}
.base__item:nth-child(3) .item-base__image {
  z-index: 3;
}
.item-base {
  max-width: 40.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 0.3125rem;
  -moz-column-gap: 0.3125rem;
  column-gap: 0.3125rem;
}
.item-base__text {
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.item-base__text > span {
  position: relative;
}
.item-base__text > span span {
  position: relative;
  z-index: 2;
}
.item-base__text > span i {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 150%;
  aspect-ratio: 100/52;
  background-image: url(../img/base/star-2.svg);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.item-base__image {
  position: relative;
  opacity: 0;
  visibility: hidden;
  scale: 1.4;
}
.item-base__image._watcher-view {
  -webkit-animation: scale-down 0.45s ease 0.2s forwards;
  animation: scale-down 0.45s ease 0.2s forwards;
}
.item-base__image img {
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 5.336px 0 #000);
  -webkit-filter: drop-shadow(0 5.336px 0 #000);
  -webkit-backdrop-filter: drop-shadow(0 5.336px 0 #000);
}
.item-base__image span {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 10%;
  width: 80%;
  height: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  font-family: SweetieBubbleGum;
  font-size: 1.0625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;
  -webkit-transform: translateY(5px) rotate(10.623deg);
  -ms-transform: translateY(5px) rotate(10.623deg);
  transform: translateY(5px) rotate(10.623deg);
}
.no-wrap {
  text-wrap: nowrap;
}
.line {
  border: 0.125rem solid #000;
  height: 3.875rem;
  border-left: none;
  border-right: none;
  position: relative;
  z-index: 3;
}
.line__line {
  position: relative;
  left: 0;
  width: 200%;
  height: 100%;
  background: #fff;
  left: 0;
  -webkit-animation: line-2 20s linear infinite;
  animation: line-2 20s linear infinite;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.line__line-row {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 1.25rem;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
  text-wrap: nowrap;
  padding: 0 1.25rem;
  overflow: hidden;
}
.line__line-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.line__line-item > span {
  font-family: "TT Trailers Trial Black";
  font-size: 1.875rem;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
}
.line__line-item > img {
  max-width: 3.3125rem;
}
.line__cloud {
  position: absolute;
  aspect-ratio: 618/167;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.line__cloud-background {
  pointer-events: none;
  position: absolute;
  width: 100%;
}
.line__cloud-background img {
  width: 100%;
}
.line__cloud-body {
  position: relative;
  height: 100%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.9375rem 15%;
  -webkit-transform: translateY(0.1875rem);
  -ms-transform: translateY(0.1875rem);
  transform: translateY(0.1875rem);
}
.line__cloud-body-background {
  position: absolute;
  width: 33%;
  top: 5%;
  right: 10%;
  -webkit-transform: translate(8%, -42%);
  -ms-transform: translate(8%, -42%);
  transform: translate(8%, -42%);
}
.line__cloud-body-background img {
  width: 100%;
}
.line__cloud-title {
  position: relative;
  z-index: 2;
  font-family: "TT Trailers Trial Black";
  font-style: normal;
  font-weight: 900;
}
.line__cloud-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 0.625rem;
  -moz-column-gap: 0.625rem;
  column-gap: 0.625rem;
}
.line__cloud-number {
  position: relative;
  z-index: 3;
  font-style: normal;
  font-weight: 800;
}
.line__cloud-button {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 1.5rem;
  flex: 0 0 1.5rem;
}
.line__cloud-button img {
  width: 100%;
}
.items {
  position: relative;
  background-color: #fff;
}
.items__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.items__body {
  position: relative;
  z-index: 2;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
.item-items {
  border-radius: 1.25rem;
  border: 0.125rem solid #000;
  background: #fff;
  -webkit-box-shadow: 0.5rem 0.5rem 0 0 #000;
  box-shadow: 0.5rem 0.5rem 0 0 #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
}
.item-items .item-items__title span {
  opacity: 0;
  visibility: hidden;
  scale: 0;
}
.item-items._watcher-view .item-items__title span:nth-child(1) {
  -webkit-animation: text 0.3s ease 0.2s forwards;
  animation: text 0.3s ease 0.2s forwards;
}
.item-items._watcher-view .item-items__title span:nth-child(2) {
  -webkit-animation: text 0.3s ease 0.25s forwards;
  animation: text 0.3s ease 0.25s forwards;
}
.item-items._watcher-view .item-items__title span:nth-child(3) {
  -webkit-animation: text 0.3s ease 0.3s forwards;
  animation: text 0.3s ease 0.3s forwards;
}
.item-items._watcher-view .item-items__title span:nth-child(4) {
  -webkit-animation: text 0.3s ease 0.35s forwards;
  animation: text 0.3s ease 0.35s forwards;
}
.item-items._watcher-view .item-items__title span:nth-child(5) {
  -webkit-animation: text 0.3s ease 0.4s forwards;
  animation: text 0.3s ease 0.4s forwards;
}
.item-items._watcher-view .item-items__title span:nth-child(6) {
  -webkit-animation: text 0.3s ease 0.45s forwards;
  animation: text 0.3s ease 0.45s forwards;
}
.item-items._watcher-view .item-items__title span:nth-child(7) {
  -webkit-animation: text 0.3s ease 0.5s forwards;
  animation: text 0.3s ease 0.5s forwards;
}
.item-items._watcher-view .item-items__title span:nth-child(8) {
  -webkit-animation: text 0.3s ease 0.55s forwards;
  animation: text 0.3s ease 0.55s forwards;
}
.item-items._watcher-view .item-items__title span:nth-child(9) {
  -webkit-animation: text 0.3s ease 0.6s forwards;
  animation: text 0.3s ease 0.6s forwards;
}
.item-items._watcher-view .item-items__title span:nth-child(10) {
  -webkit-animation: text 0.3s ease 0.65s forwards;
  animation: text 0.3s ease 0.65s forwards;
}
.item-items._watcher-view .item-items__title span:nth-child(11) {
  -webkit-animation: text 0.3s ease 0.7s forwards;
  animation: text 0.3s ease 0.7s forwards;
}
.item-items._watcher-view .item-items__title span:nth-child(12) {
  -webkit-animation: text 0.3s ease 0.75s forwards;
  animation: text 0.3s ease 0.75s forwards;
}
.item-items._watcher-view .item-items__title span:nth-child(13) {
  -webkit-animation: text 0.3s ease 0.8s forwards;
  animation: text 0.3s ease 0.8s forwards;
}
.item-items._watcher-view .item-items__title span:nth-child(14) {
  -webkit-animation: text 0.3s ease 0.85s forwards;
  animation: text 0.3s ease 0.85s forwards;
}
.item-items._watcher-view:nth-child(1) .item-items__title span:nth-child(3) {
  opacity: 0 !important;
  visibility: hidden !important;
}
.item-items._watcher-view:nth-child(2) .item-items__title span:nth-child(7) {
  opacity: 0 !important;
  visibility: hidden !important;
}
.item-items._watcher-view:nth-child(3) .item-items__title span:nth-child(5) {
  opacity: 0 !important;
  visibility: hidden !important;
}
.item-items__title span {
  display: inline-block;
  color: #fff;
  font-family: "TT Trailers Trial Black";
  font-weight: 900;
  line-height: 100%;
  text-transform: uppercase;
  text-shadow: 0 0.1041666667em 0 #000;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #000;
}
.item-items::before {
  content: "";
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 1.0625rem;
  width: 2rem;
  height: 1rem;
  border-radius: 0 0 1.25rem 1.25rem;
  background-color: #000;
}
.item-items::after {
  content: "";
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0.6875rem;
  width: 2rem;
  height: 1rem;
  border-radius: 0 0 1.25rem 1.25rem;
  background-color: #000;
}
.item-items__text {
  font-weight: 700;
  line-height: normal;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.item-items__text:not(:last-child) {
  margin-bottom: 1.875rem;
}
.item-items__button {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-size: 1rem;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 18.75rem;
  padding: 1.25rem;
  border: 0.125rem solid #000;
  -webkit-transition: -webkit-box-shadow 0.2s ease 0s;
  transition: -webkit-box-shadow 0.2s ease 0s;
  transition: box-shadow 0.2s ease 0s;
  transition: box-shadow 0.2s ease 0s, -webkit-box-shadow 0.2s ease 0s;
}
.item-items__decor-top {
  display: none;
}
.item-items__decor-top i:nth-child(1) {
  left: 30%;
  -webkit-transform: translateX(-50%) rotate(-40deg);
  -ms-transform: translateX(-50%) rotate(-40deg);
  transform: translateX(-50%) rotate(-40deg);
}
.item-items__decor-top i:nth-child(2) {
  left: 70%;
  -webkit-transform: translateX(-50%) rotate(40deg);
  -ms-transform: translateX(-50%) rotate(40deg);
  transform: translateX(-50%) rotate(40deg);
}
.how-to-buy {
  position: relative;
  z-index: 2;
  background-color: #fff;
}
.how-to-buy__top {
  position: relative;
  z-index: 2;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fffbf2),
    color-stop(80%, #fffbf2),
    to(rgba(255, 251, 242, 0))
  );
  background: linear-gradient(
    180deg,
    #fffbf2 0,
    #fffbf2 80%,
    rgba(255, 251, 242, 0) 100%
  );
}
.how-to-buy__bottom {
  position: relative;
  z-index: 1;
}
.top-how-to-buy__buttons {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
}
.top-how-to-buy__button {
  -ms-flex-item-align: start;
  align-self: flex-start;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 1.875rem;
  -moz-column-gap: 1.875rem;
  column-gap: 1.875rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0.125rem solid #000;
  background-color: #fff;
  -webkit-transition: -webkit-box-shadow 0.2s ease 0s;
  transition: -webkit-box-shadow 0.2s ease 0s;
  transition: box-shadow 0.2s ease 0s;
  transition: box-shadow 0.2s ease 0s, -webkit-box-shadow 0.2s ease 0s;
  margin: 0 -0.0625rem;
}
.top-how-to-buy__button:first-child {
  margin-left: 0;
}
.top-how-to-buy__button:last-child {
  margin-right: 0;
}
.top-how-to-buy__button:last-child svg path {
  fill: #155df7;
}
.top-how-to-buy__button.active {
  background-color: #000;
  color: #fff;
}
.top-how-to-buy__button.active svg path {
  fill: #fff;
}
.top-how-to-buy__button.active:last-child svg path {
  fill: #155df7;
}
.top-how-to-buy__button span {
  font-family: "TT Trailers Trial Black";
  font-style: normal;
  font-weight: 900;
  line-height: 110%;
  text-wrap: nowrap;
}
.top-how-to-buy__button svg {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 3rem;
  flex: 0 0 3rem;
  width: 3rem;
  height: 3rem;
}
.top-how-to-buy__button svg path {
  fill: #000;
}
.top-how-to-buy__book {
  display: none;
}
.top-how-to-buy__book.active {
  display: block;
}
.book-top-how-to-buy {
  width: 100%;
}
.book-top-how-to-buy.active
  .book-top-how-to-buy__item-first-page._watcher-view
  .book-top-how-to-buy__item-first-page-body
  p {
  -webkit-animation: fall 0.45s ease 1s forwards;
  animation: fall 0.45s ease 1s forwards;
}
.book-top-how-to-buy.active
  .book-top-how-to-buy__item-first-page._watcher-view
  .book-top-how-to-buy__item-first-page-title
  span {
  -webkit-animation: text 0.45s ease forwards;
  animation: text 0.45s ease forwards;
}
.book-top-how-to-buy.active
  .book-top-how-to-buy__item-first-page
  .book-top-how-to-buy__item-first-page-title
  span:nth-child(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.book-top-how-to-buy.active
  .book-top-how-to-buy__item-first-page
  .book-top-how-to-buy__item-first-page-title
  span:nth-child(2) {
  -webkit-animation-delay: 225ms;
  animation-delay: 225ms;
}
.book-top-how-to-buy.active
  .book-top-how-to-buy__item-first-page
  .book-top-how-to-buy__item-first-page-title
  span:nth-child(3) {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.book-top-how-to-buy.active
  .book-top-how-to-buy__item-first-page
  .book-top-how-to-buy__item-first-page-title
  span:nth-child(4) {
  -webkit-animation-delay: 275ms;
  animation-delay: 275ms;
  opacity: 0 !important;
  visibility: hidden !important;
}
.book-top-how-to-buy.active
  .book-top-how-to-buy__item-first-page
  .book-top-how-to-buy__item-first-page-title
  span:nth-child(5) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.book-top-how-to-buy.active
  .book-top-how-to-buy__item-first-page
  .book-top-how-to-buy__item-first-page-title
  span:nth-child(6) {
  -webkit-animation-delay: 325ms;
  animation-delay: 325ms;
}
.book-top-how-to-buy.active
  .book-top-how-to-buy__item-first-page
  .book-top-how-to-buy__item-first-page-title
  span:nth-child(7) {
  -webkit-animation-delay: 0.35s;
  animation-delay: 0.35s;
  opacity: 0 !important;
  visibility: hidden !important;
}
.book-top-how-to-buy.active
  .book-top-how-to-buy__item-first-page
  .book-top-how-to-buy__item-first-page-title
  span:nth-child(8) {
  -webkit-animation-delay: 375ms;
  animation-delay: 375ms;
}
.book-top-how-to-buy.active
  .book-top-how-to-buy__item-first-page
  .book-top-how-to-buy__item-first-page-title
  span:nth-child(9) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.book-top-how-to-buy.active
  .book-top-how-to-buy__item-first-page
  .book-top-how-to-buy__item-first-page-title
  span:nth-child(10) {
  -webkit-animation-delay: 425ms;
  animation-delay: 425ms;
}
.book-top-how-to-buy.active
  .book-top-how-to-buy__item-first-page
  .book-top-how-to-buy__item-first-page-title
  span:nth-child(11) {
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
.book-top-how-to-buy.active
  .book-top-how-to-buy__item-first-page
  .book-top-how-to-buy__item-first-page-title
  span:nth-child(12) {
  -webkit-animation-delay: 475ms;
  animation-delay: 475ms;
}
.book-top-how-to-buy.active
  .book-top-how-to-buy__item-first-page
  .book-top-how-to-buy__item-first-page-title
  span:nth-child(13) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.book-top-how-to-buy.active
  .book-top-how-to-buy__item-first-page
  .book-top-how-to-buy__item-first-page-title
  span:nth-child(14) {
  -webkit-animation-delay: 525ms;
  animation-delay: 525ms;
}
.book-top-how-to-buy.active
  .book-top-how-to-buy__item-first-page
  .book-top-how-to-buy__item-first-page-title
  span:nth-child(15) {
  -webkit-animation-delay: 0.55s;
  animation-delay: 0.55s;
}
.book-top-how-to-buy.active
  .book-top-how-to-buy__item-first-page
  .book-top-how-to-buy__item-first-page-title
  span:nth-child(16) {
  -webkit-animation-delay: 0.55s;
  animation-delay: 0.55s;
}
.book-top-how-to-buy.active
  .book-top-how-to-buy__item-first-page
  .book-top-how-to-buy__item-first-page-title
  span:nth-child(17) {
  -webkit-animation-delay: 0.55s;
  animation-delay: 0.55s;
}
.book-top-how-to-buy__box {
  position: relative;
  width: 100%;
  height: 37.5rem;
  -webkit-perspective-origin: center;
  perspective-origin: center;
  -webkit-perspective: 5000px;
  perspective: 5000px;
}
.book-top-how-to-buy__item-first-page {
  border-radius: 2.5rem;
  border: 0.125rem solid #000;
  background-color: #f5f5f5;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: -0.0625rem;
  -webkit-box-shadow: 0.625rem 0.625rem 0 #000;
  box-shadow: 0.625rem 0.625rem 0 #000;
}
.book-top-how-to-buy__item-last-page {
  border-radius: 2.5rem;
  border: 0.125rem solid #000;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: -0.0625rem;
  -webkit-box-shadow: 0.625rem 0.625rem 0 #000;
  box-shadow: 0.625rem 0.625rem 0 #000;
}
.book-top-how-to-buy__item-wrapper {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
}
.book-top-how-to-buy__item-wrapper:nth-child(2) {
  z-index: 5;
}
.book-top-how-to-buy__item-wrapper:nth-child(3) {
  z-index: 4;
}
.book-top-how-to-buy__item-wrapper:nth-child(4) {
  z-index: 3;
}
.book-top-how-to-buy__item-wrapper.open:nth-child(2) {
  z-index: 3;
}
.book-top-how-to-buy__item-wrapper.open:nth-child(3) {
  z-index: 4;
}
.book-top-how-to-buy__item-wrapper.open:nth-child(4) {
  z-index: 5;
}
.book-top-how-to-buy__item {
  margin-left: -0.0625rem;
  border-radius: 2.5rem;
  border: 0.125rem solid #000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
}
.book-top-how-to-buy__item--front {
  z-index: 2;
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.book-top-how-to-buy__item--back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.book-top-how-to-buy__item--back .book-top-how-to-buy__item-button {
  top: 50%;
  right: calc(100% - 2.3125rem);
  -webkit-transform: translateY(-50%) scaleX(-1);
  -ms-transform: translateY(-50%) scaleX(-1);
  transform: translateY(-50%) scaleX(-1);
}
.book-top-how-to-buy__item-body {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.book-top-how-to-buy__item-title {
  color: #fff;
  font-family: "TT Trailers Trial Black";
  font-weight: 900;
  line-height: 100%;
  text-transform: uppercase;
  -webkit-text-stroke-width: 0.037037037em;
  -webkit-text-stroke-color: #000;
  text-shadow: 0 0.0740740741em 0 #000;
}
.book-top-how-to-buy__item-title span {
  color: #0858ff;
}
.book-top-how-to-buy__item-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 0.75rem;
}
.book-top-how-to-buy__item-text p {
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.book-top-how-to-buy__item-text p > a {
  text-decoration: underline;
}
.book-top-how-to-buy__item-label {
  position: absolute;
  bottom: 1.25rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-weight: 900;
  line-height: normal;
  letter-spacing: 0.5rem;
  text-transform: uppercase;
  opacity: 0.2;
}
.book-top-how-to-buy__item-button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0.3125rem;
}
.book-top-how-to-buy__item-button svg {
  width: 2rem;
  height: 2rem;
}
.book-top-how-to-buy__item-first-page-lables {
  position: absolute;
  top: -0.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}
.book-top-how-to-buy__item-first-page-lable {
  width: 3.75rem;
  height: 5.8125rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 3.75rem;
  flex: 0 0 3.75rem;
  position: relative;
}
.book-top-how-to-buy__item-first-page-lable img {
  position: absolute;
}
.book-top-how-to-buy__item-first-page-lable img:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.book-top-how-to-buy__item-first-page-body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.book-top-how-to-buy__item-first-page-body > p {
  position: relative;
  z-index: 1;
  font-family: "TT Trailers Trial Black";
  font-style: normal;
  font-weight: 900;
  line-height: 84%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-6.25rem);
  -ms-transform: translateY(-6.25rem);
  transform: translateY(-6.25rem);
}
.book-top-how-to-buy__item-first-page-title {
  position: relative;
  z-index: 2;
}
.book-top-how-to-buy__item-first-page-title span {
  display: inline-block;
  font-family: "TT Trailers Trial Black";
  color: #fff;
  -webkit-text-stroke-width: 0.0326086957em;
  -webkit-text-stroke-color: #000;
  text-shadow: 0 0.0652173913em 0 #000;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  opacity: 0;
  visibility: hidden;
  scale: 0;
}
.bottom-how-to-buy {
  position: relative;
}
.bottom-how-to-buy__bacground {
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: calc(200% - 3.75rem);
  top: -100%;
}
.bottom-how-to-buy__bacground i {
  position: absolute;
  z-index: 2;
  inset: 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fffbf2),
    color-stop(20%, #fffbf2),
    to(rgba(255, 251, 242, 0))
  );
  background: linear-gradient(
    180deg,
    #fffbf2 0,
    #fffbf2 20%,
    rgba(255, 251, 242, 0) 100%
  );
}
.bottom-how-to-buy__bacground img {
  position: absolute;
  width: 100%;
}
.bottom-how-to-buy__bacground img:nth-child(2) {
  height: 96%;
  top: 0;
  left: 0;
}
.bottom-how-to-buy__bacground img:nth-child(3) {
  height: 22%;
  top: 80%;
  left: 0;
}
.bottom-how-to-buy__container {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.bottom-how-to-buy__title {
  text-align: center;
}
.bottom-how-to-buy__title._watcher-view span {
  -webkit-animation: text 0.3s ease forwards;
  animation: text 0.3s ease forwards;
}
.bottom-how-to-buy__title span {
  display: inline-block;
  font-family: "TT Trailers Trial Black";
  color: #fff;
  -webkit-text-stroke-width: 0.03em;
  -webkit-text-stroke-color: #000;
  text-shadow: 0 0.05em 0 #000;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  text-transform: uppercase;
  opacity: 0;
  visibility: hidden;
  scale: 0;
}
.bottom-how-to-buy__title span:nth-child(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.bottom-how-to-buy__title span:nth-child(2) {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.bottom-how-to-buy__title span:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.bottom-how-to-buy__title span:nth-child(4) {
  -webkit-animation-delay: 0.35s;
  animation-delay: 0.35s;
}
.bottom-how-to-buy__title span:nth-child(5) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.bottom-how-to-buy__title span:nth-child(6) {
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
.bottom-how-to-buy__title span:nth-child(7) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.bottom-how-to-buy__title span:nth-child(8) {
  -webkit-animation-delay: 0.55s;
  animation-delay: 0.55s;
}
.bottom-how-to-buy__title span:nth-child(9) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  opacity: 0 !important;
  visibility: hidden !important;
}
.bottom-how-to-buy__title span:nth-child(10) {
  -webkit-animation-delay: 0.65s;
  animation-delay: 0.65s;
}
.bottom-how-to-buy__title span:nth-child(11) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
  opacity: 0 !important;
  visibility: hidden !important;
}
.bottom-how-to-buy__title span:nth-child(12) {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.bottom-how-to-buy__title span:nth-child(13) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.bottom-how-to-buy__title span:nth-child(14) {
  -webkit-animation-delay: 0.85s;
  animation-delay: 0.85s;
}
.bottom-how-to-buy__title span:nth-child(15) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.bottom-how-to-buy__title span:nth-child(16) {
  -webkit-animation-delay: 0.95s;
  animation-delay: 0.95s;
}
.bottom-how-to-buy__title span:nth-child(17) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.bottom-how-to-buy__title span:nth-child(18) {
  -webkit-animation-delay: 1.05s;
  animation-delay: 1.05s;
}
.bottom-how-to-buy__title span:nth-child(19) {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}
.bottom-how-to-buy__title span:nth-child(20) {
  -webkit-animation-delay: 1.15s;
  animation-delay: 1.15s;
}
.bottom-how-to-buy__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.bottom-how-to-buy__item {
  position: relative;
}
.bottom-how-to-buy__item::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -2%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 78%;
  aspect-ratio: 277/61;
 
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
}
.bottom-how-to-buy__item.active {
  -webkit-animation: jump-scale 0.45s ease forwards;
  animation: jump-scale 0.45s ease forwards;
}
.bottom-how-to-buy__item.active::before {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease 0.45s;
  transition: opacity 0.2s ease 0.45s;
}
.bottom-how-to-buy__item img {
  width: 100%;
}
.bottom-how-to-buy__buttons {
  position: relative;
  z-index: 2;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
}
.bottom-how-to-buy__button {
  -ms-flex-item-align: start;
  align-self: flex-start;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  border: 0.125rem solid #000;
  margin: 0 -0.0625rem;
  background-color: #fff;
  -webkit-transition: background-color 0.2s ease 0s,
    -webkit-box-shadow 0.2s ease 0s;
  transition: background-color 0.2s ease 0s, -webkit-box-shadow 0.2s ease 0s;
  transition: box-shadow 0.2s ease 0s, background-color 0.2s ease 0s;
  transition: box-shadow 0.2s ease 0s, background-color 0.2s ease 0s,
    -webkit-box-shadow 0.2s ease 0s;
  cursor: pointer;
}
.bottom-how-to-buy__button.active {
  background-color: #252527;
}
.bottom-how-to-buy__button.active span {
  color: #fff;
}
.bottom-how-to-buy__button.active svg path {
  fill: #fff;
}
.bottom-how-to-buy__button:first-child {
  margin-left: 0;
}
.bottom-how-to-buy__button:last-child {
  margin-right: 0;
}
.bottom-how-to-buy__button > span {
  font-family: "TT Trailers Trial Black";
  font-style: normal;
  font-weight: 900;
  line-height: 110%;
  text-wrap: nowrap;
  -webkit-transition: color 0.2s ease 0s;
  transition: color 0.2s ease 0s;
}
.bottom-how-to-buy__button > svg {
  -ms-flex-item-align: start;
  align-self: flex-start;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 1.5rem;
  flex: 0 0 1.5rem;
  -webkit-transition: -webkit-transform 0.2s ease 0s;
  transition: -webkit-transform 0.2s ease 0s;
  transition: transform 0.2s ease 0s;
  transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
}
.bottom-how-to-buy__button > svg path {
  -webkit-transition: fill 0.2s ease 0s;
  transition: fill 0.2s ease 0s;
}
.base-icon {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 0.1875rem;
  -moz-column-gap: 0.1875rem;
  column-gap: 0.1875rem;
}
.base-icon::after {
  content: "";
  -webkit-box-flex: 0;
  -ms-flex: 0 0 1.375rem;
  flex: 0 0 1.375rem;
  width: 1.375rem;
  height: 1.375rem;
  background-image: url(../img/how-to-buy/base.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.book-top-how-to-buy__item-text-button {
  margin-left: 0.3125rem;
  rotate: 45deg;
}
.book-top-how-to-buy__item-text-button img {
  -webkit-transition: scale 0.15s ease 0s;
  transition: scale 0.15s ease 0s;
  max-width: 100%;
}
.blue-button {
  background-color: #2151f5;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: start;
  align-self: flex-start;
  color: #fff;
  padding: 0.3125rem 0.625rem;
}
.break-word {
  word-wrap: break-word;
}
.road-map {
  position: relative;
  background-color: #fffbf2;
}
.road-map__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.road-map__title {
  text-align: center;
}
.road-map__title._watcher-view span {
  -webkit-animation: text 0.3s ease forwards;
  animation: text 0.3s ease forwards;
}
.road-map__title span {
  display: inline-block;
  font-family: SweetieBubbleGum;
  color: #fff;
  line-height: 100%;
  letter-spacing: -0.0701754386em;
  text-transform: uppercase;
  text-shadow: 0.0140350877em 0.0350877193em 0 #000,
    -0.0140350877em 0.0350877193em 0 #000, -0.0140350877em 0.0140350877em 0 #000,
    -0.0140350877em -0.0140350877em 0 #000,
    0.0140350877em -0.0140350877em 0 #000;
  opacity: 0;
  visibility: hidden;
  scale: 0;
}
.road-map__title span:nth-child(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.road-map__title span:nth-child(2) {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.road-map__title span:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.road-map__title span:nth-child(4) {
  -webkit-animation-delay: 0.35s;
  animation-delay: 0.35s;
}
.road-map__title span:nth-child(5) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.road-map__title span:nth-child(6) {
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
.road-map__title span:nth-child(7) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.road-map__image {
  position: relative;
  z-index: 5;
  width: 64%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin-top: -28%;
  -webkit-animation: fly 4s ease infinite;
  animation: fly 4s ease infinite;
}
.road-map__image img {
  width: 100%;
}
.road-map__steps {
  position: relative;
  z-index: 2;
  margin-top: -5%;
}
.road-map__bottom-button {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  position: relative;
  z-index: 5;
  width: 15.625rem;
  height: 3.625rem;
  border: 2px solid #000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 0.625rem;
  -moz-column-gap: 0.625rem;
  column-gap: 0.625rem;
  -webkit-transition: -webkit-transform 0.2s ease 0s;
  transition: -webkit-transform 0.2s ease 0s;
  transition: transform 0.2s ease 0s;
  transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
}
.road-map__bottom-button span {
  font-size: 1rem;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
}
.road-map__bottom-button img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 1.5rem;
  flex: 0 0 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
.steps-road-map {
  position: relative;
  z-index: 3;
}
.steps-road-map__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.steps-road-map__row-item {
  opacity: 0;
  visibility: hidden;
}
.steps-road-map__row-road-image {
  position: relative;
  -ms-flex-item-align: start;
  align-self: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.steps-road-map__row-road-image svg {
  width: 100%;
  stroke-dashoffset: 1600;
  stroke-dasharray: 1600;
  stroke-width: 2;
}
.item-steps-road-map__title {
  margin-bottom: 1.25rem;
}
.item-steps-road-map__title span {
  color: #fff;
  font-family: "TT Trailers Trial Black";
  -webkit-text-stroke-width: 0.0416666667em;
  -webkit-text-stroke-color: #000;
  text-shadow: 0 0.0833333333em 0 #000;
  font-weight: 900;
  line-height: 100%;
  text-transform: uppercase;
}
.item-steps-road-map__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 0.75rem;
}
.item-steps-road-map__text p {
  font-weight: 600;
  line-height: normal;
}
.item-steps-road-map__text p span {
  font-style: italic;
  font-weight: 700;
}
.join {
  position: relative;
  background-color: #fffbf2;
}
.join__main-back {
  position: absolute;
  top: -90%;
  left: 0;
  width: 100%;
  height: 200%;
}
.join__main-back i {
  position: absolute;
  z-index: 2;
  inset: 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fffbf2),
    color-stop(20%, #fffbf2),
    to(rgba(255, 251, 242, 0))
  );
  background: linear-gradient(
    180deg,
    #fffbf2 0,
    #fffbf2 20%,
    rgba(255, 251, 242, 0) 100%
  );
}
.join__main-back img {
  position: absolute;
  top: 45%;
  left: 0;
  width: 100%;
  height: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.join__container {
  position: relative;
  z-index: 2;
}
.join__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
.join__body._watcher-view .join__button {
  -webkit-animation: fall 0.45s ease 0.75s forwards;
  animation: fall 0.45s ease 0.75s forwards;
}
.join__body._watcher-view .join__title span:nth-child(1) {
  -webkit-animation: text 0.3s ease 0.2s forwards;
  animation: text 0.3s ease 0.2s forwards;
}
.join__body._watcher-view .join__title span:nth-child(2) {
  -webkit-animation: text 0.3s ease 0.25s forwards;
  animation: text 0.3s ease 0.25s forwards;
}
.join__body._watcher-view .join__title span:nth-child(3) {
  -webkit-animation: text 0.3s ease 0.3s forwards;
  animation: text 0.3s ease 0.3s forwards;
}
.join__body._watcher-view .join__title span:nth-child(4) {
  -webkit-animation: text 0.3s ease 0.35s forwards;
  animation: text 0.3s ease 0.35s forwards;
}
.join__body._watcher-view .join__title span:nth-child(6) {
  -webkit-animation: text 0.3s ease 0.45s forwards;
  animation: text 0.3s ease 0.45s forwards;
}
.join__body._watcher-view .join__title span:nth-child(7) {
  -webkit-animation: text 0.3s ease 0.5s forwards;
  animation: text 0.3s ease 0.5s forwards;
}
.join__body._watcher-view .join__title span:nth-child(8) {
  -webkit-animation: text 0.3s ease 0.55s forwards;
  animation: text 0.3s ease 0.55s forwards;
}
.join__main-block {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  row-gap: 1.5625rem;
}
.join__title {
  position: relative;
  z-index: 2;
}
.join__title span {
  display: inline-block;
  color: #fff;
  font-family: "TT Trailers Trial Black";
  -webkit-text-stroke-width: 0.025em;
  -webkit-text-stroke-color: #000;
  text-shadow: 0 0.05em 0 #000;
  font-size: 7.5rem;
  font-style: normal;
  font-weight: 900;
  line-height: 87%;
  text-transform: uppercase;
  opacity: 0;
  visibility: hidden;
  scale: 0;
}
.join__button {
  position: relative;
  z-index: 1;
  width: 15.625rem;
  height: 3.625rem;
  border: 2px solid #000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: 0.5rem 0.5rem 0 0 #000;
  box-shadow: 0.5rem 0.5rem 0 0 #000;
  background-color: #fff;
  -webkit-transition: translate 0.2s ease 0s;
  transition: translate 0.2s ease 0s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-6.25rem);
  -ms-transform: translateY(-6.25rem);
  transform: translateY(-6.25rem);
}
.join__button span {
  font-size: 1rem;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
}
.join__items {
  width: 45rem;
  border-radius: 50%;
  aspect-ratio: 1;
  position: relative;
  z-index: 2;
  -webkit-animation: run 90s linear infinite;
  animation: run 90s linear infinite;
}
.join__item {
  width: 12.5rem;
  height: 12.5rem;
  border-radius: 50%;
  position: absolute;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  font-size: 25px;
  top: -250px;
  left: -50%;
}
.join__item:nth-child(1) {
  top: -6.25rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.join__item:nth-child(2) {
  top: calc(100% - 6.25rem);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.join__item:nth-child(3) {
  top: 39%;
  left: calc(100% - -1rem);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.join__item:nth-child(4) {
  top: 73%;
  left: calc(104% - 47rem);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.join__item:nth-child(5) {
  top: 25%;
  left: 3rem;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.join__item:nth-child(6) {
  top: 75%;
  left: 3rem;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.join__item img {
  position: absolute;
  z-index: 2;
  inset: 0;
  width: 100%;
}
.join__link {
  width: 12.5rem;
  height: 12.5rem;
  border-radius: 50%;
  -webkit-animation: run-2 90s linear infinite;
  animation: run-2 90s linear infinite;
}
.join__link img {
  position: absolute;
  inset: 0;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.join__background {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 100%;
  aspect-ratio: 934/806;
  opacity: 0.8;
}
.join__background img {
  position: absolute;
  top: -15%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 110%;
  aspect-ratio: 934/806;
}
@-webkit-keyframes run {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: 360deg;
  }
}
@keyframes run {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: 360deg;
  }
}
@-webkit-keyframes run-2 {
  0% {
    rotate: 0;
  }
  100% {
    rotate: -360deg;
  }
}
@keyframes run-2 {
  0% {
    rotate: 0;
  }
  100% {
    rotate: -360deg;
  }
}
@media (min-width: 43.748125em) {
  .base__item:nth-child(odd) .item-base__image {
    -webkit-transform: translateX(-30px) translateY(0);
    -ms-transform: translateX(-30px) translateY(0);
    transform: translateX(-30px) translateY(0);
  }
  .base__item:nth-child(3) .item-base__image::before {
    content: "";
    position: absolute;
    top: 58px;
    left: -68px;
    width: 108px;
    aspect-ratio: 108/37;
    background-image: url(../img/base/04.svg);
    background-size: 100%;
    background-repeat: no-repeat;
  }
}
@media (min-width: 43.75em) {
  .item-base__text {
    font-size: 1.25rem;
  }
}
@media (min-width: 47.99875em) {
  .header {
    opacity: 0;
    visibility: hidden;
  }
  .loaded .header {
    -webkit-animation: opacity 0.45s ease 3s forwards;
    animation: opacity 0.45s ease 3s forwards;
  }
  .item-items__decor-top {
    display: inline-block;
    position: absolute;
    z-index: -1;
    top: -1.25rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 3.1875rem;
    height: 1.625rem;
    border-radius: 3.125rem 3.125rem 0 0;
    background: #000;
  }
  .item-items__decor-top::after {
    content: "";
    position: absolute;
    bottom: -0.0625rem;
    left: -0.0625rem;
    width: calc(100% + 0.125rem);
    height: 0.4375rem;
    background-color: #fff;
  }
  .item-items__decor-top i {
    position: absolute;
    bottom: calc(100% - 0.1875rem);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    width: 0.125rem;
    height: 3.75rem;
    background-color: #000;
  }
  .item-items__decor-top i::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0.875rem;
    height: 0.875rem;
    border-radius: 50%;
    background-color: #000;
  }
  .bottom-how-to-buy__item.active {
    -webkit-animation: jump 0.45s ease forwards;
    animation: jump 0.45s ease forwards;
  }
}
@media (min-width: 61.99875em) {
  .menu__link > div img:nth-child(2) {
    display: none;
  }
  .hero__background {
    width: 300%;
  }
 
  .hero__background img:nth-child(1) {
    width: 33.3%;
  }
  .items__background {
    overflow: hidden;
  }
  .items__background div:nth-child(1) {
    position: absolute;
    inset: 0;
  }
  .items__background div:nth-child(2) {
    display: none;
  }
  .items__background div:nth-child(1) img {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -40%);
    -ms-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
    width: 100%;
    height: 126%;
  }
}
@media (min-width: 61.99875em) and (min-width: 74.998125em) {
  .items__background div:nth-child(2) {
    display: inline-block;
    position: absolute;
    z-index: 3;
    position: absolute;
    inset: 0;
  }
  .items__background div:nth-child(2) img {
    display: inline-block;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    width: 30%;
    min-width: 20rem;
    -webkit-transform: translate(-50%, -25%);
    -ms-transform: translate(-50%, -25%);
    transform: translate(-50%, -25%);
    aspect-ratio: 1;
  }
}
@media (min-width: 74.998125em) {
  .items {
    min-height: 100vh;
  }
  .items__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .items__item:nth-child(1) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 21.875rem;
    flex: 0 0 21.875rem;
    position: relative;
    z-index: 4;
    -webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
  }
  .items__item:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25.4375rem;
    flex: 0 0 25.4375rem;
    position: relative;
    z-index: 2;
    -webkit-transform: translateY(-32%);
    -ms-transform: translateY(-32%);
    transform: translateY(-32%);
  }
  .items__item:nth-child(2)::before {
    content: "";
    display: none;
  }
  .items__item:nth-child(2)::after {
    content: "";
    display: none;
  }
  .items__item:nth-child(2) .item-items__text {
    margin-bottom: 1.625rem;
  }
  .items__item:nth-child(3) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 21.875rem;
    flex: 0 0 21.875rem;
    position: relative;
    z-index: 4;
    -webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
  }
}
@media (min-width: 80.375em) {
  .footer {
    padding-top: 6.25rem;
  }
  .footer__top {
    padding-bottom: 4.6875rem;
  }
  .footer__column-item {
    font-size: 2.5rem;
  }
  .footer__bottom-bottom {
    font-size: 0.875rem;
  }
  .footer__email span {
    font-size: 1rem;
  }
  .footer__copy {
    font-size: 1rem;
  }
  .page__hero {
    padding-bottom: 5rem;
  }
  .page__base {
    padding-top: 7.5rem;
  }
  .page__base {
    padding-bottom: 8.75rem;
  }
  .page__items {
    padding-top: 12.5rem;
  }
  .page__items {
    padding-bottom: 12.5rem;
  }
  .page__road-map {
    padding-top: 6.25rem;
  }
  .page__road-map {
    padding-bottom: 7.5rem;
  }
  .page__join {
    padding-top: 6.25rem;
  }
  .page__join {
    padding-bottom: 10rem;
  }
  .hero__title {
    margin-bottom: 3.5625rem;
  }
  .hero__title > p span {
    font-size: 19.875rem;
  }
  .hero__bottom-text p:nth-child(1) {
    font-size: 1.25rem;
  }
  .hero__bottom-text p:nth-child(2) {
    font-size: 1.25rem;
  }
  .content-buy-WADDLE__title {
    padding-top: 2.5rem;
  }
  .content-buy-WADDLE__title {
    padding-bottom: 2.5rem;
  }
  .content-buy-WADDLE__title span {
    font-size: 6.25rem;
  }
  .content-buy-WADDLE__title span {
    left: -1.25rem;
  }
  .item-buy-WADDLE__title span {
    font-size: 3.375rem;
  }
  .item-buy-WADDLE__text {
    font-size: 1.25rem;
  }
  .base__header {
    margin-bottom: 5.625rem;
  }
  .base__header-title span {
    font-size: 9.9375rem;
  }
  .base__header-label {
    font-size: 3.5rem;
  }
  .base__items {
    row-gap: 3.125rem;
  }
  .line__cloud-title {
    font-size: 1.875rem;
  }
  .line__cloud-number {
    font-size: 1rem;
  }
  .item-items {
    padding: 1.5rem;
  }
  .item-items__title {
    margin-bottom: 2rem;
  }
  .item-items__title span {
    font-size: 3rem;
  }
  .item-items__text {
    font-size: 1.25rem;
  }
  .how-to-buy__top {
    margin-bottom: 11.25rem;
  }
  .top-how-to-buy__buttons {
    margin-bottom: 6.25rem;
  }
  .top-how-to-buy__button {
    padding-top: 1rem;
  }
  .top-how-to-buy__button {
    padding-bottom: 1rem;
  }
  .top-how-to-buy__button {
    padding-left: 1.5rem;
  }
  .top-how-to-buy__button {
    padding-right: 1.5rem;
  }
  .top-how-to-buy__button span {
    font-size: 3.375rem;
  }
  .book-top-how-to-buy__item-body {
    padding-top: 2.5rem;
  }
  .book-top-how-to-buy__item-body {
    padding-bottom: 2.5rem;
  }
  .book-top-how-to-buy__item-body {
    padding-right: 3.75rem;
  }
  .book-top-how-to-buy__item-body {
    padding-left: 3.75rem;
  }
  .book-top-how-to-buy__item-title {
    font-size: 3.375rem;
  }
  .book-top-how-to-buy__item-title {
    margin-bottom: 2.125rem;
  }
  .book-top-how-to-buy__item-text p {
    font-size: 1.1875rem;
  }
  .book-top-how-to-buy__item-label {
    font-size: 1rem;
  }
  .book-top-how-to-buy__item-first-page-lables {
    left: 5rem;
  }
  .book-top-how-to-buy__item-first-page-body {
    padding-left: 5rem;
  }
  .book-top-how-to-buy__item-first-page-body {
    padding-right: 2.5rem;
  }
  .book-top-how-to-buy__item-first-page-body {
    padding-bottom: 5rem;
  }
  .book-top-how-to-buy__item-first-page-body {
    padding-top: 5.625rem;
  }
  .book-top-how-to-buy__item-first-page-body > p {
    font-size: 3.125rem;
  }
  .book-top-how-to-buy__item-first-page-title {
    margin-bottom: 2.1875rem;
  }
  .book-top-how-to-buy__item-first-page-title span {
    font-size: 5.75rem;
  }
  .bottom-how-to-buy__title {
    margin-bottom: 2.25rem;
  }
  .bottom-how-to-buy__title span {
    font-size: 6.25rem;
  }
  .bottom-how-to-buy__items {
    padding-bottom: 2.5rem;
  }
  .bottom-how-to-buy__items {
    -webkit-column-gap: 3.125rem;
    -moz-column-gap: 3.125rem;
    column-gap: 3.125rem;
  }
  .bottom-how-to-buy__button {
    padding-top: 1rem;
  }
  .bottom-how-to-buy__button {
    padding-bottom: 1rem;
  }
  .bottom-how-to-buy__button {
    padding-left: 1.5rem;
  }
  .bottom-how-to-buy__button {
    padding-right: 1.5rem;
  }
  .bottom-how-to-buy__button > span {
    font-size: 2.375rem;
  }
  .road-map__title span {
    font-size: 17.8125rem;
  }
  .road-map__bottom-button {
    margin-top: 2.8125rem;
  }
  .item-steps-road-map__title span {
    font-size: 2.25rem;
  }
  .item-steps-road-map__text p {
    font-size: 1rem;
  }
}
@media (min-width: 80.37375em) {
  .road-map__steps {
    margin-top: -16%;
  }
  .steps-road-map .steps-road-map__row:nth-child(1) .steps-road-map__row-item {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
  }
  .steps-road-map .steps-road-map__row:nth-child(2) .steps-road-map__row-item {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
  }
  .steps-road-map .steps-road-map__row:nth-child(3) .steps-road-map__row-item {
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s;
  }
  .steps-road-map .steps-road-map__row:nth-child(4) .steps-road-map__row-item {
    -webkit-animation-delay: 3.3s;
    animation-delay: 3.3s;
  }
  .steps-road-map
    .steps-road-map__row:nth-child(1)
    .steps-road-map__row-road-image
    svg
    path {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
  }
  .steps-road-map
    .steps-road-map__row:nth-child(2)
    .steps-road-map__row-road-image
    svg
    path {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
  }
  .steps-road-map
    .steps-road-map__row:nth-child(3)
    .steps-road-map__row-road-image
    svg
    path {
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
  }
  .steps-road-map
    .steps-road-map__row:nth-child(2)
    .steps-road-map__row-road-image::after {
    opacity: 0;
    visibility: hidden;
  }
  .steps-road-map
    .steps-road-map__row:nth-child(2)
    .steps-road-map__row-road-image::before {
    opacity: 0;
    visibility: hidden;
  }
  .steps-road-map
    .steps-road-map__row:nth-child(3)
    .steps-road-map__row-road-image::after {
    opacity: 0;
    visibility: hidden;
  }
  .steps-road-map
    .steps-road-map__row:nth-child(3)
    .steps-road-map__row-road-image::before {
    opacity: 0;
    visibility: hidden;
  }
  .steps-road-map._watcher-view
    .steps-road-map__row:nth-child(2)
    .steps-road-map__row-road-image::after {
    -webkit-animation: opacity 0.15s ease 1.45s forwards;
    animation: opacity 0.15s ease 1.45s forwards;
  }
  .steps-road-map._watcher-view
    .steps-road-map__row:nth-child(2)
    .steps-road-map__row-road-image::before {
    -webkit-animation: opacity 0.15s ease 2.2s forwards;
    animation: opacity 0.15s ease 2.2s forwards;
  }
  .steps-road-map._watcher-view
    .steps-road-map__row:nth-child(3)
    .steps-road-map__row-road-image::after {
    -webkit-animation: opacity 0.15s ease 2.45s forwards;
    animation: opacity 0.15s ease 2.45s forwards;
  }
  .steps-road-map._watcher-view
    .steps-road-map__row:nth-child(3)
    .steps-road-map__row-road-image::before {
    -webkit-animation: opacity 0.15s ease 2.85s forwards;
    animation: opacity 0.15s ease 2.85s forwards;
  }
  .steps-road-map._watcher-view .steps-road-map__row-item {
    -webkit-animation: opacity 0.45s ease forwards;
    animation: opacity 0.45s ease forwards;
  }
  .steps-road-map._watcher-view
    .steps-road-map__row:nth-child(1)
    .steps-road-map__row-road-image::before {
    -webkit-animation: opacity 0.15s ease 0.55s forwards;
    animation: opacity 0.15s ease 0.55s forwards;
  }
  .steps-road-map._watcher-view .steps-road-map__row-road-image svg path {
    -webkit-animation: draw 2s ease 0.7s forwards;
    animation: draw 2s ease 0.7s forwards;
  }
  .steps-road-map__row:nth-child(1) .steps-road-map__row-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 22.5rem;
    flex: 0 0 22.5rem;
  }
  .steps-road-map__row:nth-child(1) .item-steps-road-map__text {
    max-width: 13.25rem;
  }
  .steps-road-map__row:nth-child(1) .steps-road-map__row-road {
    -webkit-transform: translateY(3.75rem);
    -ms-transform: translateY(3.75rem);
    transform: translateY(3.75rem);
  }
  .steps-road-map__row:nth-child(1) .steps-road-map__row-road-image::before {
    content: "";
    position: absolute;
    display: inline-block;
    top: 0;
    left: -7.5rem;
    width: 15rem;
    aspect-ratio: 1;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
    background-image: url(../img/roadmap/02.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    opacity: 0;
    visibility: hidden;
  }
  .steps-road-map__row:nth-child(2) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: -7%;
    padding-right: 20%;
  }
  .steps-road-map__row:nth-child(2) .steps-road-map__row-road {
    margin-right: 1.25rem;
  }
  .steps-road-map__row:nth-child(2) .steps-road-map__row-road svg {
    width: 66%;
    text-align: right;
    margin-left: auto;
  }
  .steps-road-map__row:nth-child(2) .steps-road-map__row-road-image::after {
    content: "";
    position: absolute;
    top: 1.8125rem;
    right: 0;
    width: 0.875rem;
    height: 0.875rem;
    border-radius: 50%;
    background-color: #252527;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 0.125rem solid #000;
  }
  .steps-road-map__row:nth-child(2) .steps-road-map__row-road-image::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 9.375rem;
    width: 12.5rem;
    aspect-ratio: 1;
    -webkit-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%);
    background-image: url(../img/roadmap/04.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .steps-road-map__row:nth-child(2) .item-steps-road-map__title span {
    position: relative;
  }
  .steps-road-map__row:nth-child(2) .item-steps-road-map__title span::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 15rem;
    aspect-ratio: 1;
    -webkit-transform: translate(80%, -30%);
    -ms-transform: translate(80%, -30%);
    transform: translate(80%, -30%);
    background-image: url(../img/roadmap/03.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .steps-road-map__row:nth-child(2) .item-steps-road-map__text {
    max-width: 18.375rem;
  }
  .steps-road-map__row:nth-child(3) {
    padding-left: 15%;
    margin-top: 8%;
  }
  .steps-road-map__row:nth-child(3) .steps-road-map__row-road {
    -webkit-transform: translateY(1.25rem);
    -ms-transform: translateY(1.25rem);
    transform: translateY(1.25rem);
  }
  .steps-road-map__row:nth-child(3) .steps-road-map__row-road-image {
    -webkit-transform: translate(-25%, -30%);
    -ms-transform: translate(-25%, -30%);
    transform: translate(-25%, -30%);
  }
  .steps-road-map__row:nth-child(3) .steps-road-map__row-road-image::before {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    width: 15rem;
    -webkit-transform: translate(64%, 50%);
    -ms-transform: translate(64%, 50%);
    transform: translate(64%, 50%);
    aspect-ratio: 1;
    background-image: url(../img/roadmap/05.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .steps-road-map__row:nth-child(3) .steps-road-map__row-road-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0.875rem;
    height: 0.875rem;
    border-radius: 50%;
    background-color: #72ddff;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
    border: 0.125rem solid #000;
  }
  .steps-road-map__row:nth-child(4) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2%;
    -webkit-transform: translateX(17%);
    -ms-transform: translateX(17%);
    transform: translateX(17%);
  }
  .steps-road-map__row:nth-child(4) .item-steps-road-map__text {
    max-width: 20.375rem;
  }
  .steps-road-map__row:nth-child(3) .steps-road-map__row-road-image svg {
    -webkit-transform: scaleX(-1) rotate(-90deg) translate(-1.0625rem, 0.125rem);
    -ms-transform: scaleX(-1) rotate(-90deg) translate(-1.0625rem, 0.125rem);
    transform: scaleX(-1) rotate(-90deg) translate(-1.0625rem, 0.125rem);
  }
  .item-steps-road-map {
    max-width: 21.8125rem;
  }
}
@media (min-width: 112.5em) {
  .menu__link--WADDLE > span {
    font-size: 3.75rem;
  }
}
@media (min-width: 62em) {
  .line__cloud {
    width: 38.625rem;
  }
}
@media (max-width: 90em) {
  .buy-WADDLE__item-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .buy-WADDLE__item-box .buy-WADDLE__item:nth-child(2) .item-buy-WADDLE__title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media (max-width: 75em) {
  .footer__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 1.875rem;
  }
  .footer__social {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .footer__decor {
    bottom: 15%;
    right: 0;
    width: 20%;
  }
}
@media (max-width: 64em) {
  .join__title span {
    font-size: 5.625rem;
  }
  .join__items {
    width: 32.5rem;
  }
  .join__item {
    width: 10rem;
    height: 10rem;
  }
  .join__item:nth-child(1) {
    top: -5rem;
  }
  .join__item:nth-child(2) {
    top: calc(100% - 5rem);
  }
  .join__item:nth-child(3) {
    left: calc(100% - 2.25rem);
  }
  .join__item:nth-child(4) {
    left: calc(100% - 2.25rem);
  }
  .join__item:nth-child(5) {
    left: 2.25rem;
  }
  .join__item:nth-child(6) {
    left: 2.25rem;
  }
  .join__link {
    width: 10rem;
    height: 10rem;
  }
}
@media (max-width: 62em) {
  .menu__link--WADDLE > span {
    font-size: 2.875rem;
  }
}
@media (max-width: 32em) {
  .bottom-how-to-buy__title {
    max-width: 23.125rem;
  }
}
@media (max-width: 20em) {
  .footer {
    padding-top: 2.5rem;
  }
  .footer__top {
    padding-bottom: 2.5rem;
  }
  .footer__column-item {
    font-size: 1.25rem;
  }
  .footer__bottom-bottom {
    font-size: 0.75rem;
  }
  .footer__email span {
    font-size: 0.875rem;
  }
  .footer__copy {
    font-size: 0.875rem;
  }
  .page__hero {
    padding-bottom: 2.5rem;
  }
  .page__base {
    padding-top: 3.75rem;
  }
  .page__base {
    padding-bottom: 6.25rem;
  }
  .page__items {
    padding-top: 5rem;
  }
  .page__items {
    padding-bottom: 3.75rem;
  }
  .page__road-map {
    padding-top: 3.75rem;
  }
  .page__road-map {
    padding-bottom: 2.5rem;
  }
  .page__join {
    padding-top: 3.75rem;
  }
  .page__join {
    padding-bottom: 3.75rem;
  }
  .hero__title {
    margin-bottom: 3.125rem;
  }
  .hero__title > p span {
    font-size: 5.625rem;
  }
  .hero__bottom-text p:nth-child(1) {
    font-size: 1rem;
  }
  .hero__bottom-text p:nth-child(2) {
    font-size: 1rem;
  }
  .content-buy-WADDLE__title {
    padding-top: 1.25rem;
  }
  .content-buy-WADDLE__title {
    padding-bottom: 1.25rem;
  }
  .content-buy-WADDLE__title span {
    font-size: 4rem;
  }
  .item-buy-WADDLE__title span {
    font-size: 2.375rem;
  }
  .item-buy-WADDLE__text {
    font-size: 1rem;
  }
  .base__header {
    margin-bottom: 1.875rem;
  }
  .base__header-title span {
    font-size: 5.5rem;
  }
  .base__header-label {
    font-size: 2.25rem;
  }
  .base__items {
    row-gap: 1.875rem;
  }
  .item-base__text {
    font-size: 1rem;
  }
  .line__cloud {
    width: 27.5rem;
  }
  .line__cloud-title {
    font-size: 1.375rem;
  }
  .line__cloud-number {
    font-size: 0.6875rem;
  }
  .item-items {
    padding: 0.9375rem;
  }
  .item-items__title {
    margin-bottom: 1.25rem;
  }
  .item-items__title span {
    font-size: 2.125rem;
  }
  .item-items__text {
    font-size: 1rem;
  }
  .how-to-buy__top {
    margin-bottom: 3.75rem;
  }
  .top-how-to-buy__buttons {
    margin-bottom: 2.5rem;
  }
  .top-how-to-buy__button {
    padding-top: 0.5rem;
  }
  .top-how-to-buy__button {
    padding-bottom: 0.5rem;
  }
  .top-how-to-buy__button {
    padding-left: 0.75rem;
  }
  .top-how-to-buy__button {
    padding-right: 0.75rem;
  }
  .top-how-to-buy__button span {
    font-size: 1.375rem;
  }
  .book-top-how-to-buy__item-body {
    padding-top: 1.5625rem;
  }
  .book-top-how-to-buy__item-body {
    padding-bottom: 1.5625rem;
  }
  .book-top-how-to-buy__item-body {
    padding-right: 0.9375rem;
  }
  .book-top-how-to-buy__item-body {
    padding-left: 0.9375rem;
  }
  .book-top-how-to-buy__item-title {
    font-size: 2rem;
  }
  .book-top-how-to-buy__item-title {
    margin-bottom: 0.9375rem;
  }
  .book-top-how-to-buy__item-text p {
    font-size: 0.875rem;
  }
  .book-top-how-to-buy__item-label {
    font-size: 0.875rem;
  }
  .book-top-how-to-buy__item-first-page-lables {
    left: 2.5rem;
  }
  .book-top-how-to-buy__item-first-page-body {
    padding-left: 1.25rem;
  }
  .book-top-how-to-buy__item-first-page-body {
    padding-right: 1.25rem;
  }
  .book-top-how-to-buy__item-first-page-body {
    padding-bottom: 1.25rem;
  }
  .book-top-how-to-buy__item-first-page-body {
    padding-top: 3.75rem;
  }
  .book-top-how-to-buy__item-first-page-body > p {
    font-size: 1.625rem;
  }
  .book-top-how-to-buy__item-first-page-title {
    margin-bottom: 1.25rem;
  }
  .book-top-how-to-buy__item-first-page-title span {
    font-size: 2.875rem;
  }
  .bottom-how-to-buy__title {
    margin-bottom: 2rem;
  }
  .bottom-how-to-buy__title span {
    font-size: 3rem;
  }
  .bottom-how-to-buy__items {
    padding-bottom: 1.25rem;
  }
  .bottom-how-to-buy__items {
    -webkit-column-gap: 0.3125rem;
    -moz-column-gap: 0.3125rem;
    column-gap: 0.3125rem;
  }
  .bottom-how-to-buy__button {
    padding-top: 0.75rem;
  }
  .bottom-how-to-buy__button {
    padding-bottom: 0.75rem;
  }
  .bottom-how-to-buy__button {
    padding-left: 0.75rem;
  }
  .bottom-how-to-buy__button {
    padding-right: 0.75rem;
  }
  .bottom-how-to-buy__button > span {
    font-size: 1.625rem;
  }
  .road-map__title span {
    font-size: 4.125rem;
  }
  .road-map__bottom-button {
    margin-top: 1.875rem;
  }
  .item-steps-road-map__title span {
    font-size: 1.75rem;
  }
  .item-steps-road-map__text p {
    font-size: 0.875rem;
  }
}
@media (max-width: 112.5em) {
  .footer__decor {
    width: 15%;
    bottom: 10%;
    right: 35%;
  }
  .line__line-item.line__line-item--pc {
    display: none;
  }
}
@media (max-width: 80.37375em) {
  .steps-road-map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    row-gap: 2.5rem;
  }
  .steps-road-map__row-item._watcher-view {
    -webkit-animation: opacity 0.3s ease 0.2s forwards;
    animation: opacity 0.3s ease 0.2s forwards;
  }
  .steps-road-map__row-road {
    display: none;
  }
  .item-steps-road-map {
    max-width: 22.5rem;
  }
}
@media (max-width: 75.625em) {
  .line__line-item.line__line-item--tab {
    display: none;
  }
}
@media (max-width: 61.99875em) {
  .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
  .header__box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .header__logo {
    border: none;
    background-color: transparent;
  }
  .header__menu {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 4.125rem;
    flex: 0 0 4.125rem;
  }
  .menu__body {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: -100%;
    overflow: auto;
    background-color: #252527;
    padding: 8.125rem 0.9375rem 1.875rem 0.9375rem;
    -webkit-transition: top 0.3s;
    transition: top 0.3s;
  }
  .menu__body::before {
    content: "";
    position: fixed;
    width: 100%;
    height: 5rem;
    left: 0;
    top: -100%;
    -webkit-transition: top 0.3s;
    transition: top 0.3s;
    z-index: 2;
    background-color: #252527;
  }
  .menu-open .menu__body {
    top: 0;
  }
  .menu-open .menu__body::before {
    top: 0;
  }
  .menu__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.625rem;
  }
  .menu__item:last-child .menu__link {
    border: 0.125rem solid #fff;
  }
  .menu__link {
    border: 0.125rem solid #fff;
    margin-right: 0;
    background-color: #252527;
  }
  .menu__link > span {
    color: #fff;
    font-size: 1.125rem;
  }
  .menu__link > div img:nth-child(1) {
    display: none;
  }
  .menu__link--WADDLE > span {
    font-size: 2.875rem;
  }
  .menu__link--WADDLE > span {
    color: #fff;
    text-shadow: 0 0.25rem 0 #252527, 0.0625rem 0.25rem 0 #252527,
      0.0625rem -0.0625rem 0 #252527, -0.0625rem 0.0625rem 0 #252527,
      -0.0625rem -0.0625rem 0 #252527;
  }
  .menu__link--dark {
    background-color: #252527;
  }
  .icon-menu {
    display: block;
    position: relative;
    width: 2.25rem;
    height: 1.25rem;
    z-index: 5;
  }
  .icon-menu i {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 4.1875rem;
    height: 4.1875rem;
    background-color: #252527;
    border: 0.1875rem solid #fff;
  }
  .icon-menu span,
  .icon-menu::after,
  .icon-menu::before {
    content: "";
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    right: 0;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 0.1875rem;
    background-color: #fff;
    border-radius: 0.1875rem;
  }
  .icon-menu::before {
    top: 0;
  }
  .icon-menu::after {
    bottom: 0;
  }
  .icon-menu span {
    top: calc(50% - 0.0625rem);
  }
  .menu-open .icon-menu span {
    width: 0;
  }
  .menu-open .icon-menu::before {
    top: calc(50% - 0.0625rem);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .menu-open .icon-menu::after {
    bottom: calc(50% - 0.0625rem);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .footer__social {
    max-width: 17.5rem;
  }
  .footer__social-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 3.75rem;
    flex: 0 0 3.75rem;
    width: 3.75rem;
    height: 3.75rem;
  }
  .page__hero {
    padding-top: 0;
  }
  .hero {
    min-height: 100svh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .hero__background img:nth-child(1) {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .hero__background img:nth-child(2) {
    display: none;
  }
  .hero__background img:nth-child(3) {
    display: none;
  }
  .hero__container {
    padding: 7.1875rem 0.9375rem;
  }
  .hero__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    row-gap: 1.875rem;
  }
  .hero__bottom-buttons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 0.9375rem;
  }
  .buy-WADDLE__backgroung img {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .buy-WADDLE__box {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
  }
  .buy-WADDLE__content {
    margin-right: 0;
    margin-bottom: -0.0625rem;
  }
  .buy-WADDLE__items {
    margin-top: -0.0625rem;
  }
  .content-buy-WADDLE__title {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .base__decor-item {
    display: none;
  }
  .line__line {
    -webkit-animation: line-2 14s linear infinite;
    animation: line-2 14s linear infinite;
  }
  .items__background {
    background-color: #252527;
  }
  .items__background div {
    display: none;
  }
  .items__body {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 1.875rem;
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem;
    row-gap: 6.25rem;
  }
  .item-items:nth-child(3) {
    -webkit-transform: translateX(calc(50% + 0.9375rem));
    -ms-transform: translateX(calc(50% + 0.9375rem));
    transform: translateX(calc(50% + 0.9375rem));
  }
}
@media (max-width: 61.99875em) and (any-hover: none) {
  .icon-menu {
    cursor: default;
  }
}
@media (max-width: 49.5em) {
  .bottom-how-to-buy__title {
    max-width: 26.875rem;
  }
}
@media (max-width: 47.99875em) {
  .footer__column {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .footer__column-item {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .footer__decor {
    bottom: -4.375rem;
    right: -4.375rem;
  }
  .line__line {
    -webkit-animation: line-2 12s linear infinite;
    animation: line-2 12s linear infinite;
  }
  .line__line-item.line__line-item--mob {
    display: none;
  }
  .items__body {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
    row-gap: 2.5rem;
  }
  .item-items:nth-child(3) {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  .top-how-to-buy__button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    row-gap: 0.375rem;
  }
  .book-top-how-to-buy__box {
    height: 56.25rem;
  }
  .book-top-how-to-buy__item-first-page {
    width: 100%;
    height: 50%;
  }
  .book-top-how-to-buy__item-last-page {
    top: 50%;
    left: 0;
    width: 100%;
    height: 50%;
  }
  .book-top-how-to-buy__item-wrapper {
    top: 50%;
    left: 0;
    width: 100%;
    height: 50%;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
  }
  .book-top-how-to-buy__item--back {
    -webkit-transform: rotateY(180deg) scale(-1);
    transform: rotateY(180deg) scale(-1);
  }
  .book-top-how-to-buy__item--back .book-top-how-to-buy__item-button {
    top: calc(100% - 1.875rem);
    right: 1.5625rem;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
  }
  .book-top-how-to-buy__item-button {
    top: 1.875rem;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    right: 1.5625rem;
  }
  .bottom-how-to-buy__bacground img {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .bottom-how-to-buy__bacground img:nth-child(2) {
    -o-object-position: right;
    object-position: right;
  }
  .bottom-how-to-buy__bacground img:nth-child(3) {
    top: 75%;
    height: 27%;
  }
  .bottom-how-to-buy__items {
    margin: 0 -0.9375rem;
    -webkit-transform: translateY(-0.625rem);
    -ms-transform: translateY(-0.625rem);
    transform: translateY(-0.625rem);
  }
  .bottom-how-to-buy__buttons {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
  }
  .bottom-how-to-buy__button {
    margin: 0;
  }
  .bottom-how-to-buy__button:nth-child(1) {
    margin-bottom: -0.0625rem;
  }
  .bottom-how-to-buy__button:nth-child(2) {
    margin-bottom: -0.0625rem;
    margin-top: -0.0625rem;
  }
  .bottom-how-to-buy__button:nth-child(3) {
    margin-top: -0.0625rem;
  }
  .join__title span {
    font-size: 3.375rem;
  }
  .join__button {
    width: 11.25rem;
    height: 3.625rem;
  }
  .join__items {
    width: 23.75rem;
  }
  .join__item {
    width: 7.5rem;
    height: 7.5rem;
  }
  .join__item:nth-child(1) {
    top: -3.75rem;
  }
  .join__item:nth-child(2) {
    top: calc(100% - 3.75rem);
  }
  .join__item:nth-child(3) {
    left: calc(100% - 1.625rem);
  }
  .join__item:nth-child(4) {
    left: calc(100% - 1.625rem);
  }
  .join__item:nth-child(5) {
    left: 1.625rem;
  }
  .join__item:nth-child(6) {
    left: 1.625rem;
  }
  .join__link {
    width: 7.5rem;
    height: 7.5rem;
  }
}
@media (max-width: 47.5em) {
  .footer__social {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
}
@media (max-width: 38.75em) {
  .bottom-how-to-buy__title {
    max-width: 24.375rem;
  }
}
@media (max-width: 37.5em) {
  .content-buy-WADDLE {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 34.5em) {
  .footer__bottom-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    row-gap: 0.625rem;
  }
  .footer__bottom-bottom {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
}
@media (max-width: 32.5em) {
  .base__item:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .base__item:nth-child(even) .item-base__image {
    -webkit-transform: rotate(8.578deg);
    -ms-transform: rotate(8.578deg);
    transform: rotate(8.578deg);
  }
  .base__item:nth-child(odd) .item-base__image {
    -webkit-transform: rotate(-10.623deg);
    -ms-transform: rotate(-10.623deg);
    transform: rotate(-10.623deg);
  }
  .item-base {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .item-base__text {
    text-align: center;
  }
  .item-base__image img {
    scale: 0.8;
  }
  .item-base__image span {
    scale: 0.8;
  }
}
@media (max-width: 31.25em) {
  .buy-WADDLE__content {
    padding-left: 0;
  }
  .content-buy-WADDLE__title {
    padding-bottom: 0;
  }
}
@media (max-width: 29.99875em) {
  .footer__columns {
    -webkit-column-gap: 1.875rem;
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem;
  }
  .line__cloud-body {
    padding: 0.9375rem 12%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .line__cloud-body-background {
    display: none;
  }
  .line__cloud-title {
    margin-bottom: 0.25rem;
  }
  .line__cloud-bottom {
    -webkit-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
    column-gap: 0.25rem;
  }
  .line__cloud-button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.25rem;
    flex: 0 0 1.25rem;
  }
  .item-items__button {
    max-width: 15.625rem;
    padding: 1rem 1.25rem;
  }
  .book-top-how-to-buy__box {
    height: 66.25rem;
  }
  .road-map__image {
    width: 100%;
    margin-top: -20%;
  }
  .join__main-block {
    row-gap: 0.625rem;
  }
  .join__title span {
    font-size: 2.25rem;
  }
  .join__button {
    width: 6.875rem;
    height: 2.875rem;
  }
  .join__items {
    width: 16.25rem;
  }
  .join__item {
    width: 5rem;
    height: 5rem;
  }
  .join__item:nth-child(1) {
    top: -2.5rem;
  }
  .join__item:nth-child(2) {
    top: calc(100% - 2.5rem);
  }
  .join__item:nth-child(3) {
    left: calc(100% - 1.125rem);
  }
  .join__item:nth-child(4) {
    left: calc(100% - 1.125rem);
  }
  .join__item:nth-child(5) {
    left: 1.125rem;
  }
  .join__item:nth-child(6) {
    left: 1.125rem;
  }
  .join__link {
    width: 5rem;
    height: 5rem;
  }
}
@media (max-width: 28.75em) {
  .bottom-how-to-buy__title {
    max-width: 21.25rem;
  }
}
@media (max-width: 23.75em) {
  .bottom-how-to-buy__title {
    max-width: 19.375rem;
  }
}
@media (min-width: 62em) and (max-width: 112.5em) {
  @supports (
    font-size: clamp(2.875rem, 1.8007425743rem + 1.7326732673vw, 3.75rem)
  ) {
    .menu__link--WADDLE > span {
      font-size: clamp(2.875rem, 1.8007425743rem + 1.7326732673vw, 3.75rem);
    }
  }
  @supports not (
    font-size: clamp(2.875rem, 1.8007425743rem + 1.7326732673vw, 3.75rem)
  ) {
    .menu__link--WADDLE > span {
      font-size: calc(2.875rem + 0.875 * (100vw - 62rem) / 50.5);
    }
  }
}
@media (min-width: 20em) and (max-width: 80.375em) {
  @supports (
    padding-top: clamp(2.5rem, 1.2577639752rem + 6.2111801242vw, 6.25rem)
  ) {
    .footer {
      padding-top: clamp(2.5rem, 1.2577639752rem + 6.2111801242vw, 6.25rem);
    }
  }
  @supports not (
    padding-top: clamp(2.5rem, 1.2577639752rem + 6.2111801242vw, 6.25rem)
  ) {
    .footer {
      padding-top: calc(2.5rem + 3.75 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-bottom: clamp(2.5rem, 1.7753623188rem + 3.6231884058vw, 4.6875rem)
  ) {
    .footer__top {
      padding-bottom: clamp(
        2.5rem,
        1.7753623188rem + 3.6231884058vw,
        4.6875rem
      );
    }
  }
  @supports not (
    padding-bottom: clamp(2.5rem, 1.7753623188rem + 3.6231884058vw, 4.6875rem)
  ) {
    .footer__top {
      padding-bottom: calc(2.5rem + 2.1875 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    font-size: clamp(1.25rem, 0.8359213251rem + 2.0703933747vw, 2.5rem)
  ) {
    .footer__column-item {
      font-size: clamp(1.25rem, 0.8359213251rem + 2.0703933747vw, 2.5rem);
    }
  }
  @supports not (
    font-size: clamp(1.25rem, 0.8359213251rem + 2.0703933747vw, 2.5rem)
  ) {
    .footer__column-item {
      font-size: calc(1.25rem + 1.25 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    font-size: clamp(0.75rem, 0.7085921325rem + 0.2070393375vw, 0.875rem)
  ) {
    .footer__bottom-bottom {
      font-size: clamp(0.75rem, 0.7085921325rem + 0.2070393375vw, 0.875rem);
    }
  }
  @supports not (
    font-size: clamp(0.75rem, 0.7085921325rem + 0.2070393375vw, 0.875rem)
  ) {
    .footer__bottom-bottom {
      font-size: calc(0.75rem + 0.125 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    font-size: clamp(0.875rem, 0.8335921325rem + 0.2070393375vw, 1rem)
  ) {
    .footer__email span {
      font-size: clamp(0.875rem, 0.8335921325rem + 0.2070393375vw, 1rem);
    }
  }
  @supports not (
    font-size: clamp(0.875rem, 0.8335921325rem + 0.2070393375vw, 1rem)
  ) {
    .footer__email span {
      font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    font-size: clamp(0.875rem, 0.8335921325rem + 0.2070393375vw, 1rem)
  ) {
    .footer__copy {
      font-size: clamp(0.875rem, 0.8335921325rem + 0.2070393375vw, 1rem);
    }
  }
  @supports not (
    font-size: clamp(0.875rem, 0.8335921325rem + 0.2070393375vw, 1rem)
  ) {
    .footer__copy {
      font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-bottom: clamp(2.5rem, 1.6718426501rem + 4.1407867495vw, 5rem)
  ) {
    .page__hero {
      padding-bottom: clamp(2.5rem, 1.6718426501rem + 4.1407867495vw, 5rem);
    }
  }
  @supports not (
    padding-bottom: clamp(2.5rem, 1.6718426501rem + 4.1407867495vw, 5rem)
  ) {
    .page__hero {
      padding-bottom: calc(2.5rem + 2.5 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-top: clamp(3.75rem, 2.5077639752rem + 6.2111801242vw, 7.5rem)
  ) {
    .page__base {
      padding-top: clamp(3.75rem, 2.5077639752rem + 6.2111801242vw, 7.5rem);
    }
  }
  @supports not (
    padding-top: clamp(3.75rem, 2.5077639752rem + 6.2111801242vw, 7.5rem)
  ) {
    .page__base {
      padding-top: calc(3.75rem + 3.75 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-bottom: clamp(6.25rem, 5.4218426501rem + 4.1407867495vw, 8.75rem)
  ) {
    .page__base {
      padding-bottom: clamp(6.25rem, 5.4218426501rem + 4.1407867495vw, 8.75rem);
    }
  }
  @supports not (
    padding-bottom: clamp(6.25rem, 5.4218426501rem + 4.1407867495vw, 8.75rem)
  ) {
    .page__base {
      padding-bottom: calc(6.25rem + 2.5 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-top: clamp(5rem, 2.5155279503rem + 12.4223602484vw, 12.5rem)
  ) {
    .page__items {
      padding-top: clamp(5rem, 2.5155279503rem + 12.4223602484vw, 12.5rem);
    }
  }
  @supports not (
    padding-top: clamp(5rem, 2.5155279503rem + 12.4223602484vw, 12.5rem)
  ) {
    .page__items {
      padding-top: calc(5rem + 7.5 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-bottom: clamp(3.75rem, 0.8514492754rem + 14.4927536232vw, 12.5rem)
  ) {
    .page__items {
      padding-bottom: clamp(
        3.75rem,
        0.8514492754rem + 14.4927536232vw,
        12.5rem
      );
    }
  }
  @supports not (
    padding-bottom: clamp(3.75rem, 0.8514492754rem + 14.4927536232vw, 12.5rem)
  ) {
    .page__items {
      padding-bottom: calc(3.75rem + 8.75 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-top: clamp(3.75rem, 2.9218426501rem + 4.1407867495vw, 6.25rem)
  ) {
    .page__road-map {
      padding-top: clamp(3.75rem, 2.9218426501rem + 4.1407867495vw, 6.25rem);
    }
  }
  @supports not (
    padding-top: clamp(3.75rem, 2.9218426501rem + 4.1407867495vw, 6.25rem)
  ) {
    .page__road-map {
      padding-top: calc(3.75rem + 2.5 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-bottom: clamp(2.5rem, 0.8436853002rem + 8.281573499vw, 7.5rem)
  ) {
    .page__road-map {
      padding-bottom: clamp(2.5rem, 0.8436853002rem + 8.281573499vw, 7.5rem);
    }
  }
  @supports not (
    padding-bottom: clamp(2.5rem, 0.8436853002rem + 8.281573499vw, 7.5rem)
  ) {
    .page__road-map {
      padding-bottom: calc(2.5rem + 5 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-top: clamp(3.75rem, 2.9218426501rem + 4.1407867495vw, 6.25rem)
  ) {
    .page__join {
      padding-top: clamp(3.75rem, 2.9218426501rem + 4.1407867495vw, 6.25rem);
    }
  }
  @supports not (
    padding-top: clamp(3.75rem, 2.9218426501rem + 4.1407867495vw, 6.25rem)
  ) {
    .page__join {
      padding-top: calc(3.75rem + 2.5 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-bottom: clamp(3.75rem, 1.6796066253rem + 10.3519668737vw, 10rem)
  ) {
    .page__join {
      padding-bottom: clamp(3.75rem, 1.6796066253rem + 10.3519668737vw, 10rem);
    }
  }
  @supports not (
    padding-bottom: clamp(3.75rem, 1.6796066253rem + 10.3519668737vw, 10rem)
  ) {
    .page__join {
      padding-bottom: calc(3.75rem + 6.25 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    margin-bottom: clamp(3.125rem, 2.9800724638rem + 0.7246376812vw, 3.5625rem)
  ) {
    .hero__title {
      margin-bottom: clamp(
        3.125rem,
        2.9800724638rem + 0.7246376812vw,
        3.5625rem
      );
    }
  }
  @supports not (
    margin-bottom: clamp(3.125rem, 2.9800724638rem + 0.7246376812vw, 3.5625rem)
  ) {
    .hero__title {
      margin-bottom: calc(3.125rem + 0.4375 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    font-size: clamp(5.625rem, 0.9045031056rem + 23.602484472vw, 19.875rem)
  ) {
    .hero__title > p span {
      font-size: clamp(5.625rem, 0.9045031056rem + 23.602484472vw, 19.875rem);
    }
  }
  @supports not (
    font-size: clamp(5.625rem, 0.9045031056rem + 23.602484472vw, 19.875rem)
  ) {
    .hero__title > p span {
      font-size: calc(5.625rem + 14.25 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (font-size: clamp(1rem, 0.917184265rem + 0.4140786749vw, 1.25rem)) {
    .hero__bottom-text p:nth-child(1) {
      font-size: clamp(1rem, 0.917184265rem + 0.4140786749vw, 1.25rem);
    }
  }
  @supports not (
    font-size: clamp(1rem, 0.917184265rem + 0.4140786749vw, 1.25rem)
  ) {
    .hero__bottom-text p:nth-child(1) {
      font-size: calc(1rem + 0.25 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (font-size: clamp(1rem, 0.917184265rem + 0.4140786749vw, 1.25rem)) {
    .hero__bottom-text p:nth-child(2) {
      font-size: clamp(1rem, 0.917184265rem + 0.4140786749vw, 1.25rem);
    }
  }
  @supports not (
    font-size: clamp(1rem, 0.917184265rem + 0.4140786749vw, 1.25rem)
  ) {
    .hero__bottom-text p:nth-child(2) {
      font-size: calc(1rem + 0.25 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-top: clamp(1.25rem, 0.8359213251rem + 2.0703933747vw, 2.5rem)
  ) {
    .content-buy-WADDLE__title {
      padding-top: clamp(1.25rem, 0.8359213251rem + 2.0703933747vw, 2.5rem);
    }
  }
  @supports not (
    padding-top: clamp(1.25rem, 0.8359213251rem + 2.0703933747vw, 2.5rem)
  ) {
    .content-buy-WADDLE__title {
      padding-top: calc(1.25rem + 1.25 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-bottom: clamp(1.25rem, 0.8359213251rem + 2.0703933747vw, 2.5rem)
  ) {
    .content-buy-WADDLE__title {
      padding-bottom: clamp(1.25rem, 0.8359213251rem + 2.0703933747vw, 2.5rem);
    }
  }
  @supports not (
    padding-bottom: clamp(1.25rem, 0.8359213251rem + 2.0703933747vw, 2.5rem)
  ) {
    .content-buy-WADDLE__title {
      padding-bottom: calc(1.25rem + 1.25 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    font-size: clamp(2.375rem, 2.04373706rem + 1.6563146998vw, 3.375rem)
  ) {
    .item-buy-WADDLE__title span {
      font-size: clamp(2.375rem, 2.04373706rem + 1.6563146998vw, 3.375rem);
    }
  }
  @supports not (
    font-size: clamp(2.375rem, 2.04373706rem + 1.6563146998vw, 3.375rem)
  ) {
    .item-buy-WADDLE__title span {
      font-size: calc(2.375rem + 1 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (font-size: clamp(1rem, 0.917184265rem + 0.4140786749vw, 1.25rem)) {
    .item-buy-WADDLE__text {
      font-size: clamp(1rem, 0.917184265rem + 0.4140786749vw, 1.25rem);
    }
  }
  @supports not (
    font-size: clamp(1rem, 0.917184265rem + 0.4140786749vw, 1.25rem)
  ) {
    .item-buy-WADDLE__text {
      font-size: calc(1rem + 0.25 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    margin-bottom: clamp(1.875rem, 0.6327639752rem + 6.2111801242vw, 5.625rem)
  ) {
    .base__header {
      margin-bottom: clamp(
        1.875rem,
        0.6327639752rem + 6.2111801242vw,
        5.625rem
      );
    }
  }
  @supports not (
    margin-bottom: clamp(1.875rem, 0.6327639752rem + 6.2111801242vw, 5.625rem)
  ) {
    .base__header {
      margin-bottom: calc(1.875rem + 3.75 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    font-size: clamp(5.5rem, 4.0300207039rem + 7.3498964803vw, 9.9375rem)
  ) {
    .base__header-title span {
      font-size: clamp(5.5rem, 4.0300207039rem + 7.3498964803vw, 9.9375rem);
    }
  }
  @supports not (
    font-size: clamp(5.5rem, 4.0300207039rem + 7.3498964803vw, 9.9375rem)
  ) {
    .base__header-title span {
      font-size: calc(5.5rem + 4.4375 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    font-size: clamp(2.25rem, 1.8359213251rem + 2.0703933747vw, 3.5rem)
  ) {
    .base__header-label {
      font-size: clamp(2.25rem, 1.8359213251rem + 2.0703933747vw, 3.5rem);
    }
  }
  @supports not (
    font-size: clamp(2.25rem, 1.8359213251rem + 2.0703933747vw, 3.5rem)
  ) {
    .base__header-label {
      font-size: calc(2.25rem + 1.25 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    row-gap: clamp(1.875rem, 1.4609213251rem + 2.0703933747vw, 3.125rem)
  ) {
    .base__items {
      row-gap: clamp(1.875rem, 1.4609213251rem + 2.0703933747vw, 3.125rem);
    }
  }
  @supports not (
    row-gap: clamp(1.875rem, 1.4609213251rem + 2.0703933747vw, 3.125rem)
  ) {
    .base__items {
      row-gap: calc(1.875rem + 1.25 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding: clamp(0.9375rem, 0.7511645963rem + 0.9316770186vw, 1.5rem)
  ) {
    .item-items {
      padding: clamp(0.9375rem, 0.7511645963rem + 0.9316770186vw, 1.5rem);
    }
  }
  @supports not (
    padding: clamp(0.9375rem, 0.7511645963rem + 0.9316770186vw, 1.5rem)
  ) {
    .item-items {
      padding: calc(0.9375rem + 0.5625 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    margin-bottom: clamp(1.25rem, 1.001552795rem + 1.2422360248vw, 2rem)
  ) {
    .item-items__title {
      margin-bottom: clamp(1.25rem, 1.001552795rem + 1.2422360248vw, 2rem);
    }
  }
  @supports not (
    margin-bottom: clamp(1.25rem, 1.001552795rem + 1.2422360248vw, 2rem)
  ) {
    .item-items__title {
      margin-bottom: calc(1.25rem + 0.75 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    font-size: clamp(2.125rem, 1.8351449275rem + 1.4492753623vw, 3rem)
  ) {
    .item-items__title span {
      font-size: clamp(2.125rem, 1.8351449275rem + 1.4492753623vw, 3rem);
    }
  }
  @supports not (
    font-size: clamp(2.125rem, 1.8351449275rem + 1.4492753623vw, 3rem)
  ) {
    .item-items__title span {
      font-size: calc(2.125rem + 0.875 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (font-size: clamp(1rem, 0.917184265rem + 0.4140786749vw, 1.25rem)) {
    .item-items__text {
      font-size: clamp(1rem, 0.917184265rem + 0.4140786749vw, 1.25rem);
    }
  }
  @supports not (
    font-size: clamp(1rem, 0.917184265rem + 0.4140786749vw, 1.25rem)
  ) {
    .item-items__text {
      font-size: calc(1rem + 0.25 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    margin-bottom: clamp(3.75rem, 1.2655279503rem + 12.4223602484vw, 11.25rem)
  ) {
    .how-to-buy__top {
      margin-bottom: clamp(
        3.75rem,
        1.2655279503rem + 12.4223602484vw,
        11.25rem
      );
    }
  }
  @supports not (
    margin-bottom: clamp(3.75rem, 1.2655279503rem + 12.4223602484vw, 11.25rem)
  ) {
    .how-to-buy__top {
      margin-bottom: calc(3.75rem + 7.5 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    margin-bottom: clamp(2.5rem, 1.2577639752rem + 6.2111801242vw, 6.25rem)
  ) {
    .top-how-to-buy__buttons {
      margin-bottom: clamp(2.5rem, 1.2577639752rem + 6.2111801242vw, 6.25rem);
    }
  }
  @supports not (
    margin-bottom: clamp(2.5rem, 1.2577639752rem + 6.2111801242vw, 6.25rem)
  ) {
    .top-how-to-buy__buttons {
      margin-bottom: calc(2.5rem + 3.75 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (padding-top: clamp(0.5rem, 0.33436853rem + 0.8281573499vw, 1rem)) {
    .top-how-to-buy__button {
      padding-top: clamp(0.5rem, 0.33436853rem + 0.8281573499vw, 1rem);
    }
  }
  @supports not (
    padding-top: clamp(0.5rem, 0.33436853rem + 0.8281573499vw, 1rem)
  ) {
    .top-how-to-buy__button {
      padding-top: calc(0.5rem + 0.5 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-bottom: clamp(0.5rem, 0.33436853rem + 0.8281573499vw, 1rem)
  ) {
    .top-how-to-buy__button {
      padding-bottom: clamp(0.5rem, 0.33436853rem + 0.8281573499vw, 1rem);
    }
  }
  @supports not (
    padding-bottom: clamp(0.5rem, 0.33436853rem + 0.8281573499vw, 1rem)
  ) {
    .top-how-to-buy__button {
      padding-bottom: calc(0.5rem + 0.5 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-left: clamp(0.75rem, 0.501552795rem + 1.2422360248vw, 1.5rem)
  ) {
    .top-how-to-buy__button {
      padding-left: clamp(0.75rem, 0.501552795rem + 1.2422360248vw, 1.5rem);
    }
  }
  @supports not (
    padding-left: clamp(0.75rem, 0.501552795rem + 1.2422360248vw, 1.5rem)
  ) {
    .top-how-to-buy__button {
      padding-left: calc(0.75rem + 0.75 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-right: clamp(0.75rem, 0.501552795rem + 1.2422360248vw, 1.5rem)
  ) {
    .top-how-to-buy__button {
      padding-right: clamp(0.75rem, 0.501552795rem + 1.2422360248vw, 1.5rem);
    }
  }
  @supports not (
    padding-right: clamp(0.75rem, 0.501552795rem + 1.2422360248vw, 1.5rem)
  ) {
    .top-how-to-buy__button {
      padding-right: calc(0.75rem + 0.75 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    font-size: clamp(1.375rem, 0.7124741201rem + 3.3126293996vw, 3.375rem)
  ) {
    .top-how-to-buy__button span {
      font-size: clamp(1.375rem, 0.7124741201rem + 3.3126293996vw, 3.375rem);
    }
  }
  @supports not (
    font-size: clamp(1.375rem, 0.7124741201rem + 3.3126293996vw, 3.375rem)
  ) {
    .top-how-to-buy__button span {
      font-size: calc(1.375rem + 2 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-top: clamp(1.5625rem, 1.2519409938rem + 1.5527950311vw, 2.5rem)
  ) {
    .book-top-how-to-buy__item-body {
      padding-top: clamp(1.5625rem, 1.2519409938rem + 1.5527950311vw, 2.5rem);
    }
  }
  @supports not (
    padding-top: clamp(1.5625rem, 1.2519409938rem + 1.5527950311vw, 2.5rem)
  ) {
    .book-top-how-to-buy__item-body {
      padding-top: calc(1.5625rem + 0.9375 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-bottom: clamp(1.5625rem, 1.2519409938rem + 1.5527950311vw, 2.5rem)
  ) {
    .book-top-how-to-buy__item-body {
      padding-bottom: clamp(
        1.5625rem,
        1.2519409938rem + 1.5527950311vw,
        2.5rem
      );
    }
  }
  @supports not (
    padding-bottom: clamp(1.5625rem, 1.2519409938rem + 1.5527950311vw, 2.5rem)
  ) {
    .book-top-how-to-buy__item-body {
      padding-bottom: calc(1.5625rem + 0.9375 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-right: clamp(0.9375rem, 0.0058229814rem + 4.6583850932vw, 3.75rem)
  ) {
    .book-top-how-to-buy__item-body {
      padding-right: clamp(
        0.9375rem,
        0.0058229814rem + 4.6583850932vw,
        3.75rem
      );
    }
  }
  @supports not (
    padding-right: clamp(0.9375rem, 0.0058229814rem + 4.6583850932vw, 3.75rem)
  ) {
    .book-top-how-to-buy__item-body {
      padding-right: calc(0.9375rem + 2.8125 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-left: clamp(0.9375rem, 0.0058229814rem + 4.6583850932vw, 3.75rem)
  ) {
    .book-top-how-to-buy__item-body {
      padding-left: clamp(0.9375rem, 0.0058229814rem + 4.6583850932vw, 3.75rem);
    }
  }
  @supports not (
    padding-left: clamp(0.9375rem, 0.0058229814rem + 4.6583850932vw, 3.75rem)
  ) {
    .book-top-how-to-buy__item-body {
      padding-left: calc(0.9375rem + 2.8125 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    font-size: clamp(2rem, 1.5445134576rem + 2.2774327122vw, 3.375rem)
  ) {
    .book-top-how-to-buy__item-title {
      font-size: clamp(2rem, 1.5445134576rem + 2.2774327122vw, 3.375rem);
    }
  }
  @supports not (
    font-size: clamp(2rem, 1.5445134576rem + 2.2774327122vw, 3.375rem)
  ) {
    .book-top-how-to-buy__item-title {
      font-size: calc(2rem + 1.375 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    margin-bottom: clamp(0.9375rem, 0.5441252588rem + 1.966873706vw, 2.125rem)
  ) {
    .book-top-how-to-buy__item-title {
      margin-bottom: clamp(
        0.9375rem,
        0.5441252588rem + 1.966873706vw,
        2.125rem
      );
    }
  }
  @supports not (
    margin-bottom: clamp(0.9375rem, 0.5441252588rem + 1.966873706vw, 2.125rem)
  ) {
    .book-top-how-to-buy__item-title {
      margin-bottom: calc(0.9375rem + 1.1875 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    font-size: clamp(0.875rem, 0.7714803313rem + 0.5175983437vw, 1.1875rem)
  ) {
    .book-top-how-to-buy__item-text p {
      font-size: clamp(0.875rem, 0.7714803313rem + 0.5175983437vw, 1.1875rem);
    }
  }
  @supports not (
    font-size: clamp(0.875rem, 0.7714803313rem + 0.5175983437vw, 1.1875rem)
  ) {
    .book-top-how-to-buy__item-text p {
      font-size: calc(0.875rem + 0.3125 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    font-size: clamp(0.875rem, 0.8335921325rem + 0.2070393375vw, 1rem)
  ) {
    .book-top-how-to-buy__item-label {
      font-size: clamp(0.875rem, 0.8335921325rem + 0.2070393375vw, 1rem);
    }
  }
  @supports not (
    font-size: clamp(0.875rem, 0.8335921325rem + 0.2070393375vw, 1rem)
  ) {
    .book-top-how-to-buy__item-label {
      font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (left: clamp(2.5rem, 1.6718426501rem + 4.1407867495vw, 5rem)) {
    .book-top-how-to-buy__item-first-page-lables {
      left: clamp(2.5rem, 1.6718426501rem + 4.1407867495vw, 5rem);
    }
  }
  @supports not (left: clamp(2.5rem, 1.6718426501rem + 4.1407867495vw, 5rem)) {
    .book-top-how-to-buy__item-first-page-lables {
      left: calc(2.5rem + 2.5 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-left: clamp(1.25rem, 0.0077639752rem + 6.2111801242vw, 5rem)
  ) {
    .book-top-how-to-buy__item-first-page-body {
      padding-left: clamp(1.25rem, 0.0077639752rem + 6.2111801242vw, 5rem);
    }
  }
  @supports not (
    padding-left: clamp(1.25rem, 0.0077639752rem + 6.2111801242vw, 5rem)
  ) {
    .book-top-how-to-buy__item-first-page-body {
      padding-left: calc(1.25rem + 3.75 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-right: clamp(1.25rem, 0.8359213251rem + 2.0703933747vw, 2.5rem)
  ) {
    .book-top-how-to-buy__item-first-page-body {
      padding-right: clamp(1.25rem, 0.8359213251rem + 2.0703933747vw, 2.5rem);
    }
  }
  @supports not (
    padding-right: clamp(1.25rem, 0.8359213251rem + 2.0703933747vw, 2.5rem)
  ) {
    .book-top-how-to-buy__item-first-page-body {
      padding-right: calc(1.25rem + 1.25 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-bottom: clamp(1.25rem, 0.0077639752rem + 6.2111801242vw, 5rem)
  ) {
    .book-top-how-to-buy__item-first-page-body {
      padding-bottom: clamp(1.25rem, 0.0077639752rem + 6.2111801242vw, 5rem);
    }
  }
  @supports not (
    padding-bottom: clamp(1.25rem, 0.0077639752rem + 6.2111801242vw, 5rem)
  ) {
    .book-top-how-to-buy__item-first-page-body {
      padding-bottom: calc(1.25rem + 3.75 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-top: clamp(3.75rem, 3.1288819876rem + 3.1055900621vw, 5.625rem)
  ) {
    .book-top-how-to-buy__item-first-page-body {
      padding-top: clamp(3.75rem, 3.1288819876rem + 3.1055900621vw, 5.625rem);
    }
  }
  @supports not (
    padding-top: clamp(3.75rem, 3.1288819876rem + 3.1055900621vw, 5.625rem)
  ) {
    .book-top-how-to-buy__item-first-page-body {
      padding-top: calc(3.75rem + 1.875 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    font-size: clamp(1.625rem, 1.1281055901rem + 2.4844720497vw, 3.125rem)
  ) {
    .book-top-how-to-buy__item-first-page-body > p {
      font-size: clamp(1.625rem, 1.1281055901rem + 2.4844720497vw, 3.125rem);
    }
  }
  @supports not (
    font-size: clamp(1.625rem, 1.1281055901rem + 2.4844720497vw, 3.125rem)
  ) {
    .book-top-how-to-buy__item-first-page-body > p {
      font-size: calc(1.625rem + 1.5 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    margin-bottom: clamp(1.25rem, 0.9394409938rem + 1.5527950311vw, 2.1875rem)
  ) {
    .book-top-how-to-buy__item-first-page-title {
      margin-bottom: clamp(
        1.25rem,
        0.9394409938rem + 1.5527950311vw,
        2.1875rem
      );
    }
  }
  @supports not (
    margin-bottom: clamp(1.25rem, 0.9394409938rem + 1.5527950311vw, 2.1875rem)
  ) {
    .book-top-how-to-buy__item-first-page-title {
      margin-bottom: calc(1.25rem + 0.9375 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    margin-bottom: clamp(2rem, 1.917184265rem + 0.4140786749vw, 2.25rem)
  ) {
    .bottom-how-to-buy__title {
      margin-bottom: clamp(2rem, 1.917184265rem + 0.4140786749vw, 2.25rem);
    }
  }
  @supports not (
    margin-bottom: clamp(2rem, 1.917184265rem + 0.4140786749vw, 2.25rem)
  ) {
    .bottom-how-to-buy__title {
      margin-bottom: calc(2rem + 0.25 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-bottom: clamp(1.25rem, 0.8359213251rem + 2.0703933747vw, 2.5rem)
  ) {
    .bottom-how-to-buy__items {
      padding-bottom: clamp(1.25rem, 0.8359213251rem + 2.0703933747vw, 2.5rem);
    }
  }
  @supports not (
    padding-bottom: clamp(1.25rem, 0.8359213251rem + 2.0703933747vw, 2.5rem)
  ) {
    .bottom-how-to-buy__items {
      padding-bottom: calc(1.25rem + 1.25 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    (
        -moz-column-gap: clamp(0.3125rem, -0.6191770186rem + 4.6583850932vw, 3.125rem)
      )
      or
      (
        column-gap:
          clamp(0.3125rem, -0.6191770186rem + 4.6583850932vw, 3.125rem)
      )
  ) {
    .bottom-how-to-buy__items {
      -webkit-column-gap: clamp(
        0.3125rem,
        -0.6191770186rem + 4.6583850932vw,
        3.125rem
      );
      -moz-column-gap: clamp(
        0.3125rem,
        -0.6191770186rem + 4.6583850932vw,
        3.125rem
      );
      column-gap: clamp(0.3125rem, -0.6191770186rem + 4.6583850932vw, 3.125rem);
    }
  }
  @supports not (
    (
        -moz-column-gap: clamp(0.3125rem, -0.6191770186rem + 4.6583850932vw, 3.125rem)
      )
      or
      (
        column-gap:
          clamp(0.3125rem, -0.6191770186rem + 4.6583850932vw, 3.125rem)
      )
  ) {
    .bottom-how-to-buy__items {
      -webkit-column-gap: calc(0.3125rem + 2.8125 * (100vw - 20rem) / 60.375);
      -moz-column-gap: calc(0.3125rem + 2.8125 * (100vw - 20rem) / 60.375);
      column-gap: calc(0.3125rem + 2.8125 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-top: clamp(0.75rem, 0.667184265rem + 0.4140786749vw, 1rem)
  ) {
    .bottom-how-to-buy__button {
      padding-top: clamp(0.75rem, 0.667184265rem + 0.4140786749vw, 1rem);
    }
  }
  @supports not (
    padding-top: clamp(0.75rem, 0.667184265rem + 0.4140786749vw, 1rem)
  ) {
    .bottom-how-to-buy__button {
      padding-top: calc(0.75rem + 0.25 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-bottom: clamp(0.75rem, 0.667184265rem + 0.4140786749vw, 1rem)
  ) {
    .bottom-how-to-buy__button {
      padding-bottom: clamp(0.75rem, 0.667184265rem + 0.4140786749vw, 1rem);
    }
  }
  @supports not (
    padding-bottom: clamp(0.75rem, 0.667184265rem + 0.4140786749vw, 1rem)
  ) {
    .bottom-how-to-buy__button {
      padding-bottom: calc(0.75rem + 0.25 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-left: clamp(0.75rem, 0.501552795rem + 1.2422360248vw, 1.5rem)
  ) {
    .bottom-how-to-buy__button {
      padding-left: clamp(0.75rem, 0.501552795rem + 1.2422360248vw, 1.5rem);
    }
  }
  @supports not (
    padding-left: clamp(0.75rem, 0.501552795rem + 1.2422360248vw, 1.5rem)
  ) {
    .bottom-how-to-buy__button {
      padding-left: calc(0.75rem + 0.75 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    padding-right: clamp(0.75rem, 0.501552795rem + 1.2422360248vw, 1.5rem)
  ) {
    .bottom-how-to-buy__button {
      padding-right: clamp(0.75rem, 0.501552795rem + 1.2422360248vw, 1.5rem);
    }
  }
  @supports not (
    padding-right: clamp(0.75rem, 0.501552795rem + 1.2422360248vw, 1.5rem)
  ) {
    .bottom-how-to-buy__button {
      padding-right: calc(0.75rem + 0.75 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    font-size: clamp(4.125rem, -0.4091614907rem + 22.6708074534vw, 17.8125rem)
  ) {
    .road-map__title span {
      font-size: clamp(
        4.125rem,
        -0.4091614907rem + 22.6708074534vw,
        17.8125rem
      );
    }
  }
  @supports not (
    font-size: clamp(4.125rem, -0.4091614907rem + 22.6708074534vw, 17.8125rem)
  ) {
    .road-map__title span {
      font-size: calc(4.125rem + 13.6875 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    margin-top: clamp(1.875rem, 1.5644409938rem + 1.5527950311vw, 2.8125rem)
  ) {
    .road-map__bottom-button {
      margin-top: clamp(1.875rem, 1.5644409938rem + 1.5527950311vw, 2.8125rem);
    }
  }
  @supports not (
    margin-top: clamp(1.875rem, 1.5644409938rem + 1.5527950311vw, 2.8125rem)
  ) {
    .road-map__bottom-button {
      margin-top: calc(1.875rem + 0.9375 * (100vw - 20rem) / 60.375);
    }
  }
  @supports (
    font-size: clamp(0.875rem, 0.8335921325rem + 0.2070393375vw, 1rem)
  ) {
    .item-steps-road-map__text p {
      font-size: clamp(0.875rem, 0.8335921325rem + 0.2070393375vw, 1rem);
    }
  }
  @supports not (
    font-size: clamp(0.875rem, 0.8335921325rem + 0.2070393375vw, 1rem)
  ) {
    .item-steps-road-map__text p {
      font-size: calc(0.875rem + 0.125 * (100vw - 20rem) / 60.375);
    }
  }
}
@media (min-width: 62em) and (max-width: 80.375em) {
  @supports (
    font-size: clamp(4rem, -3.5918367347rem + 12.2448979592vw, 6.25rem)
  ) {
    .content-buy-WADDLE__title span {
      font-size: clamp(4rem, -3.5918367347rem + 12.2448979592vw, 6.25rem);
    }
  }
  @supports not (
    font-size: clamp(4rem, -3.5918367347rem + 12.2448979592vw, 6.25rem)
  ) {
    .content-buy-WADDLE__title span {
      font-size: calc(4rem + 2.25 * (100vw - 62rem) / 18.375);
    }
  }
  @supports (
    left: clamp(-1.25rem, 20.6207482993rem + -27.2108843537vw, 3.75rem)
  ) {
    .content-buy-WADDLE__title span {
      left: clamp(-1.25rem, 20.6207482993rem + -27.2108843537vw, 3.75rem);
    }
  }
  @supports not (
    left: clamp(-1.25rem, 20.6207482993rem + -27.2108843537vw, 3.75rem)
  ) {
    .content-buy-WADDLE__title span {
      left: calc(3.75rem + -5 * (100vw - 62rem) / 18.375);
    }
  }
}
@media (min-width: 20em) and (max-width: 61.99875em) {
  @supports (
    font-size: clamp(4rem, 3.2261674455rem + 3.8691627727vw, 5.625rem)
  ) {
    .content-buy-WADDLE__title span {
      font-size: clamp(4rem, 3.2261674455rem + 3.8691627727vw, 5.625rem);
    }
  }
  @supports not (
    font-size: clamp(4rem, 3.2261674455rem + 3.8691627727vw, 5.625rem)
  ) {
    .content-buy-WADDLE__title span {
      font-size: calc(4rem + 1.625 * (100vw - 20rem) / 41.99875);
    }
  }
  @supports (
    font-size: clamp(3rem, 2.3452186077rem + 3.2739069615vw, 4.375rem)
  ) {
    .bottom-how-to-buy__title span {
      font-size: clamp(3rem, 2.3452186077rem + 3.2739069615vw, 4.375rem);
    }
  }
  @supports not (
    font-size: clamp(3rem, 2.3452186077rem + 3.2739069615vw, 4.375rem)
  ) {
    .bottom-how-to-buy__title span {
      font-size: calc(3rem + 1.375 * (100vw - 20rem) / 41.99875);
    }
  }
}
@media (min-width: 20em) and (max-width: 43.75em) {
  @supports (
    font-size: clamp(1rem, 0.7894736842rem + 1.0526315789vw, 1.25rem)
  ) {
    .item-base__text {
      font-size: clamp(1rem, 0.7894736842rem + 1.0526315789vw, 1.25rem);
    }
  }
  @supports not (
    font-size: clamp(1rem, 0.7894736842rem + 1.0526315789vw, 1.25rem)
  ) {
    .item-base__text {
      font-size: calc(1rem + 0.25 * (100vw - 20rem) / 23.75);
    }
  }
}
@media (min-width: 20em) and (max-width: 62em) {
  @supports (
    width: clamp(27.5rem, 22.2023809524rem + 26.4880952381vw, 38.625rem)
  ) {
    .line__cloud {
      width: clamp(27.5rem, 22.2023809524rem + 26.4880952381vw, 38.625rem);
    }
  }
  @supports not (
    width: clamp(27.5rem, 22.2023809524rem + 26.4880952381vw, 38.625rem)
  ) {
    .line__cloud {
      width: calc(27.5rem + 11.125 * (100vw - 20rem) / 42);
    }
  }
}
@media (min-width: 30em) and (max-width: 80.375em) {
  @supports (
    font-size: clamp(1.375rem, 1.0772332506rem + 0.9925558313vw, 1.875rem)
  ) {
    .line__cloud-title {
      font-size: clamp(1.375rem, 1.0772332506rem + 0.9925558313vw, 1.875rem);
    }
  }
  @supports not (
    font-size: clamp(1.375rem, 1.0772332506rem + 0.9925558313vw, 1.875rem)
  ) {
    .line__cloud-title {
      font-size: calc(1.375rem + 0.5 * (100vw - 30rem) / 50.375);
    }
  }
  @supports (
    font-size: clamp(0.75rem, 0.6011166253rem + 0.4962779156vw, 1rem)
  ) {
    .line__cloud-number {
      font-size: clamp(0.75rem, 0.6011166253rem + 0.4962779156vw, 1rem);
    }
  }
  @supports not (
    font-size: clamp(0.75rem, 0.6011166253rem + 0.4962779156vw, 1rem)
  ) {
    .line__cloud-number {
      font-size: calc(0.75rem + 0.25 * (100vw - 30rem) / 50.375);
    }
  }
}
@media (min-width: 20em) and (max-width: 29.99875em) {
  @supports (
    font-size: clamp(1.375rem, 0.3748749844rem + 5.0006250781vw, 1.875rem)
  ) {
    .line__cloud-title {
      font-size: clamp(1.375rem, 0.3748749844rem + 5.0006250781vw, 1.875rem);
    }
  }
  @supports not (
    font-size: clamp(1.375rem, 0.3748749844rem + 5.0006250781vw, 1.875rem)
  ) {
    .line__cloud-title {
      font-size: calc(1.375rem + 0.5 * (100vw - 20rem) / 9.99875);
    }
  }
  @supports (
    font-size: clamp(0.6875rem, 0.3124531191rem + 1.8752344043vw, 0.875rem)
  ) {
    .line__cloud-number {
      font-size: clamp(0.6875rem, 0.3124531191rem + 1.8752344043vw, 0.875rem);
    }
  }
  @supports not (
    font-size: clamp(0.6875rem, 0.3124531191rem + 1.8752344043vw, 0.875rem)
  ) {
    .line__cloud-number {
      font-size: calc(0.6875rem + 0.1875 * (100vw - 20rem) / 9.99875);
    }
  }
}
@media (min-width: 48em) and (max-width: 80.375em) {
  @supports (
    font-size: clamp(3rem, -1.0772200772rem + 8.4942084942vw, 5.75rem)
  ) {
    .book-top-how-to-buy__item-first-page-title span {
      font-size: clamp(3rem, -1.0772200772rem + 8.4942084942vw, 5.75rem);
    }
  }
  @supports not (
    font-size: clamp(3rem, -1.0772200772rem + 8.4942084942vw, 5.75rem)
  ) {
    .book-top-how-to-buy__item-first-page-title span {
      font-size: calc(3rem + 2.75 * (100vw - 48rem) / 32.375);
    }
  }
  @supports (
    font-size: clamp(1.25rem, -0.417953668rem + 3.4749034749vw, 2.375rem)
  ) {
    .bottom-how-to-buy__button > span {
      font-size: clamp(1.25rem, -0.417953668rem + 3.4749034749vw, 2.375rem);
    }
  }
  @supports not (
    font-size: clamp(1.25rem, -0.417953668rem + 3.4749034749vw, 2.375rem)
  ) {
    .bottom-how-to-buy__button > span {
      font-size: calc(1.25rem + 1.125 * (100vw - 48rem) / 32.375);
    }
  }
}
@media (min-width: 20em) and (max-width: 47.99875em) {
  @supports (
    font-size: clamp(2.875rem, 1.1784956918rem + 8.4825215411vw, 5.25rem)
  ) {
    .book-top-how-to-buy__item-first-page-title span {
      font-size: clamp(2.875rem, 1.1784956918rem + 8.4825215411vw, 5.25rem);
    }
  }
  @supports not (
    font-size: clamp(2.875rem, 1.1784956918rem + 8.4825215411vw, 5.25rem)
  ) {
    .book-top-how-to-buy__item-first-page-title span {
      font-size: calc(2.875rem + 2.375 * (100vw - 20rem) / 27.99875);
    }
  }
  @supports (
    font-size: clamp(1.625rem, 1.0892617974rem + 2.678691013vw, 2.375rem)
  ) {
    .bottom-how-to-buy__button > span {
      font-size: clamp(1.625rem, 1.0892617974rem + 2.678691013vw, 2.375rem);
    }
  }
  @supports not (
    font-size: clamp(1.625rem, 1.0892617974rem + 2.678691013vw, 2.375rem)
  ) {
    .bottom-how-to-buy__button > span {
      font-size: calc(1.625rem + 0.75 * (100vw - 20rem) / 27.99875);
    }
  }
}
@media (min-width: 61.99875em) and (max-width: 80.375em) {
  @supports (
    font-size: clamp(4.625rem, -0.8575096932rem + 8.8429358547vw, 6.25rem)
  ) {
    .bottom-how-to-buy__title span {
      font-size: clamp(4.625rem, -0.8575096932rem + 8.8429358547vw, 6.25rem);
    }
  }
  @supports not (
    font-size: clamp(4.625rem, -0.8575096932rem + 8.8429358547vw, 6.25rem)
  ) {
    .bottom-how-to-buy__title span {
      font-size: calc(4.625rem + 1.625 * (100vw - 61.99875rem) / 18.37625);
    }
  }
}
@media (min-width: 48.125em) and (max-width: 80.375em) {
  @supports (
    font-size: clamp(1.75rem, 1.003875969rem + 1.5503875969vw, 2.25rem)
  ) {
    .item-steps-road-map__title span {
      font-size: clamp(1.75rem, 1.003875969rem + 1.5503875969vw, 2.25rem);
    }
  }
  @supports not (
    font-size: clamp(1.75rem, 1.003875969rem + 1.5503875969vw, 2.25rem)
  ) {
    .item-steps-road-map__title span {
      font-size: calc(1.75rem + 0.5 * (100vw - 48.125rem) / 32.25);
    }
  }
}
@media (min-width: 20em) and (max-width: 48.12375em) {
  @supports (
    font-size: clamp(1.75rem, 1.3944286413rem + 1.7778567936vw, 2.25rem)
  ) {
    .item-steps-road-map__title span {
      font-size: clamp(1.75rem, 1.3944286413rem + 1.7778567936vw, 2.25rem);
    }
  }
  @supports not (
    font-size: clamp(1.75rem, 1.3944286413rem + 1.7778567936vw, 2.25rem)
  ) {
    .item-steps-road-map__title span {
      font-size: calc(1.75rem + 0.5 * (100vw - 20rem) / 28.12375);
    }
  }
}
@media (any-hover: hover) {
  .popup__button:hover {
    -webkit-transform: translateY(0.375rem);
    -ms-transform: translateY(0.375rem);
    transform: translateY(0.375rem);
  }
  .header__logo:hover {
    -webkit-box-shadow: inset 4px 4px 0 #252527, inset -4px -4px 0 #252527;
    box-shadow: inset 4px 4px 0 #252527, inset -4px -4px 0 #252527;
  }
  .menu__link:hover {
    -webkit-box-shadow: inset 4px 4px 0 #252527, inset -4px -4px 0 #252527;
    box-shadow: inset 4px 4px 0 #252527, inset -4px -4px 0 #252527;
  }
  .footer__column-item:hover {
    color: #252527;
    scale: 0.975;
  }
  .footer__social-item:hover {
    scale: 0.95;
  }
  .footer__bottom-bottom a:hover {
    opacity: 0.7;
  }
  .footer__email:hover {
    opacity: 0.7;
  }
  ::-webkit-scrollbar-thumb:hover {
    background-color: #252527;
  }
  .hero__bottom-button:hover {
    -webkit-transform: translateY(0.375rem);
    -ms-transform: translateY(0.375rem);
    transform: translateY(0.375rem);
  }
  .buy-WADDLE__item-box .buy-WADDLE__item:nth-child(1):hover {
    background-color: #ffc4c4;
  }
  .buy-WADDLE__item-box .buy-WADDLE__item:nth-child(2):hover {
    background-color: #296bfc;
  }
  .buy-WADDLE__item-box .buy-WADDLE__item:hover {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 65%;
    flex: 1 1 65%;
  }
  .buy-WADDLE__item:nth-child(1):hover {
    background-color: #ffd18c;
  }
  .buy-WADDLE__item:nth-child(1):hover .item-buy-WADDLE__title img:last-child {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
  }
  .buy-WADDLE__item:nth-child(3):hover {
    background-color: #a8c5ff;
  }
  .item-buy-WADDLE:hover {
    -webkit-box-shadow: inset 4px 4px 0 #000, inset -4px -4px 0 #000;
    box-shadow: inset 4px 4px 0 #000, inset -4px -4px 0 #000;
  }
  .item-buy-WADDLE:hover .item-buy-WADDLE__title img:last-child {
    -webkit-transform: translate(0.3125rem, -0.3125rem);
    -ms-transform: translate(0.3125rem, -0.3125rem);
    transform: translate(0.3125rem, -0.3125rem);
  }
  .item-items__button:hover {
    -webkit-box-shadow: inset 4px 4px 0 #000, inset -4px -4px 0 #000;
    box-shadow: inset 4px 4px 0 #000, inset -4px -4px 0 #000;
  }
  .top-how-to-buy__button:hover {
    -webkit-box-shadow: inset 4px 4px 0 #252527, inset -4px -4px 0 #252527;
    box-shadow: inset 4px 4px 0 #252527, inset -4px -4px 0 #252527;
  }
  .book-top-how-to-buy__item-text p > a:hover {
    text-decoration: none;
  }
  .bottom-how-to-buy__button:hover {
    -webkit-box-shadow: inset 4px 4px 0 #000, inset -4px -4px 0 #000;
    box-shadow: inset 4px 4px 0 #000, inset -4px -4px 0 #000;
  }
  .bottom-how-to-buy__button:hover svg {
    -webkit-transform: translate(0.3125rem, -0.3125rem);
    -ms-transform: translate(0.3125rem, -0.3125rem);
    transform: translate(0.3125rem, -0.3125rem);
  }
  .book-top-how-to-buy__item-text-button:hover img {
    scale: 1.2;
  }
  .road-map__bottom-button:hover {
    -webkit-transform: translateY(0.375rem);
    -ms-transform: translateY(0.375rem);
    transform: translateY(0.375rem);
  }
  .join__body._watcher-view .join__button:hover {
    translate: 0 0.375rem;
  }
}