@keyframes rotation-loader {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinTo1 {
  0% {
    -webkit-transform: rotate(-44deg);
    transform: rotate(-44deg);
  }
  to {
    transform: rotate(1080deg);
  }
}
@-webkit-keyframes spinTo2 {
  0% {
    transform: rotate(-4deg);
  }
  to {
    transform: rotate(1396deg);
  }
}
@-webkit-keyframes spinTo3 {
  0% {
    transform: rotate(-4deg);
  }
  to {
    transform: rotate(1351deg);
  }
}
@-webkit-keyframes spinTo4 {
  0% {
    transform: rotate(-4deg);
  }
  to {
    transform: rotate(1305deg);
  }
}
@-webkit-keyframes spinTo5 {
  0% {
    transform: rotate(-4deg);
  }
  to {
    transform: rotate(1261deg);
  }
}
@-webkit-keyframes spinTo6 {
  0% {
    transform: rotate(-4deg);
  }
  to {
    transform: rotate(1217deg);
  }
}
@-webkit-keyframes spinTo7 {
  0% {
    transform: rotate(-4deg);
  }
  to {
    transform: rotate(1531deg);
  }
}
@-webkit-keyframes spinTo8 {
  0% {
    transform: rotate(-4deg);
  }
  to {
    transform: rotate(1485deg);
  }
}
@-webkit-keyframes spinner-win {
  0%,
  to {
    transform: rotate(1080deg);
  }
  50% {
    transform: rotate(1085deg);
  }
}
@-webkit-keyframes hide {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes spinner {
  0%,
  to {
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
  }
  50% {
    -webkit-transform: rotate(-44deg);
    transform: rotate(-44deg);
  }
}
@-webkit-keyframes spinWheelBackground {
  0%,
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@-webkit-keyframes spin {
  0%,
  to {
    opacity: 0.5;
  }
  50% {
    opacity: 0.2;
  }
}
@-webkit-keyframes scaleButton {
  0%,
  30%,
  60%,
  to {
    transform: scale(1);
  }
  15%,
  45% {
    transform: scale(1.1);
  }
}
@-webkit-keyframes personAnimation {
  0%,
  to {
    transform: rotate(0deg);
  }
  16% {
    transform: rotate(3.252deg);
  }
  33% {
    transform: rotate(-0.902deg);
  }
  49% {
    transform: rotate(-4.007deg);
  }
  66% {
    transform: rotate(-2.511deg);
  }
  82% {
    transform: rotate(2.674deg);
  }
}
* {
  margin: 0;
  padding: 0;
}
*,
::after,
::before {
  box-sizing: border-box;
}
ol[role='list'],
ul[role='list'] {
  list-style: none;
}
html:focus-within {
  scroll-behavior: smooth;
}
a {
  text-decoration: none !important;
}
a:not([class]) {
  text-decoration-skip-ink: auto;
}
canvas,
img,
picture,
svg,
video {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  font-style: italic;
  background-repeat: no-repeat;
  background-size: cover;
}
button,
input,
select,
textarea {
  font: inherit;
}
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  ::after,
  ::before {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
    transition: none;
  }
}
body,
html {
  height: 100%;
  scroll-behavior: smooth;
}
.hidden {
  display: none !important;
}
.visible {
  display: flex !important;
}
body {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  overflow-x: hidden;
  font-style: normal;
  font-size: min(4.5px + 5.5 * (100vw - 375px)/1545, 10px);
  font-size: 70%;
}
.bottom__section-button {
  min-width: 50px;
}
.bottom__section-button span {
  height: auto;
}
.bottom__section-button .button-loader {
  display: none;
}
.bottom__section-button.is--link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bottom__section-button.is--disabled {
  pointer-events: none;
}
.bottom__section-button.is--disabled span {
  opacity: 0.2;
}
.bottom__section-button.is--disabled .button-loader {
  display: flex;
}
.button-loader {
  position: absolute;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.button-loader span {
  width: 30px !important;
  height: 30px !important;
  border: 4px solid #fff;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation-loader 1s linear infinite;
  opacity: 1 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.wheel__spinner_win_1 {
  animation: 3s spinTo1 ease-in-out forwards !important;
}
.wheel__spinner_win_2 {
  animation: 3s spinTo2 ease-in-out forwards;
}
.wheel__spinner_win_3 {
  animation: 3s spinTo3 ease-in-out forwards;
}
.wheel__spinner_win_4 {
  animation: 3s spinTo4 ease-in-out forwards;
}
.wheel__spinner_win_5 {
  animation: 3s spinTo5 ease-in-out forwards;
}
.wheel__spinner_win_6 {
  animation: 3s spinTo6 ease-in-out forwards;
}
.wheel__spinner_win_7 {
  animation: 3s spinTo7 ease-in-out forwards;
}
.wheel__spinner_win_8 {
  animation: 3s spinTo8 ease-in-out forwards;
}
.wheel__texts-block {
  flex-direction: column;
  justify-content: center;
  padding-right: 1em !important;
  padding-left: 2em !important;
}
.wheel__texts-block p {
  transform: rotate(-7deg);
  color: #fff;
}
.wheel__texts-block p:only-child {
  transform: rotate(0deg);
  color: inherit;
}
.wheel__texts-block p + p {
  margin-top: 10px;
  transform: rotate(7deg);
  color: inherit;
}
.effects,
.effects__block {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.effects {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  mix-blend-mode: screen;
}
.effects__block {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  position: fixed;
}
.wheel__texts-1,
.wheel__texts-2 {
  transform: rotate(-137deg);
  position: absolute;
  left: 11%;
  top: 23%;
}
.wheel__texts-2 {
  transform: rotate(-93deg);
  left: 32%;
  top: 14%;
}
.wheel__texts-3,
.wheel__texts-4 {
  transform: rotate(-45deg);
  position: absolute;
  left: 54%;
  top: 23%;
}
.wheel__texts-4 {
  transform: rotate(-2deg);
  left: 63%;
  top: 44%;
}
.wheel__texts-5,
.wheel__texts-6 {
  transform: rotate(43deg);
  position: absolute;
  left: 54%;
  top: 65%;
}
.wheel__texts-6 {
  transform: rotate(87deg);
  left: 33%;
  top: 74%;
}
.wheel__texts-7,
.wheel__texts-8 {
  transform: rotate(133deg);
  position: absolute;
  left: 11%;
  top: 66%;
}
.wheel__texts-8 {
  transform: rotate(177deg);
  left: 2%;
  top: 45%;
}
.win-animation-svg {
  position: absolute;
  left: 0;
  top: 0;
  transform: rotate(45deg);
  opacity: 0;
  width: 100%;
}
.win-animation-svg.is--active {
  opacity: 1;
}
.is--win-spinner {
  animation: 2s spinner-win ease-in-out infinite !important;
}
body.is--winner .bottom__section {
  opacity: 0;
}
html {
  background: #250005;
  font-size: min(4.5px + 5.5 * (100vw - 375px)/1545, 10px);
}
@media (max-width: 1024px) {
  body {
    font-size: 110%;
  }
}
@media (max-width: 420px) {
  body {
    font-size: 105%;
  }
}
img {
  width: 100%;
}
.body-wrapper,
.wheel:before {
  background-repeat: no-repeat;
  background-position: center;
}
.body-wrapper {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-image: url(https://api.landix.group/assets/3HotChilies/img/page-bg.webp);
  background-size: cover;
  min-height: 100vh;
}
@media (max-width: 1280px) {
  .body-wrapper {
    display: block;
  }
}
@media (max-width: 767px) {
  .body-wrapper {
    background-image: url(https://api.landix.group/assets/3HotChilies/img/page-bg-mobile.webp);
  }
}
.container {
  max-width: 100rem;
  margin: 0 auto;
  padding: 20px 16px;
  position: relative;
}
@media (max-width: 767px) {
  .container {
    padding: 10px 16px;
  }
}
.logo,
.wheel {
  position: relative;
  margin: 0 auto;
}
.logo {
  z-index: 6;
  display: block;
  width: 35em;
}
.wheel {
  width: 65.4em;
  height: 65.4em;
  max-width: 560px;
  max-height: 560px;
}
.wheel:before {
  content: '';
  position: absolute;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
  background-image: url(https://api.landix.group/assets/3HotChilies/img/wheel-bg-back.webp);
  background-size: 180%;
  z-index: 2;
  opacity: 1;
  animation: 6s spinWheelBackground ease-in-out infinite;
  mix-blend-mode: screen;
}
.wheel__spinner {
  position: relative;
  z-index: 2;
  width: 100%;
}
.wheel__spinner_animated {
  -webkit-animation: 2s spinner ease-in-out infinite;
  animation: 2s spinner ease-in-out infinite;
}
.wheel__around,
.wheel__btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.wheel__around {
  z-index: 5;
  width: 79em;
  height: 79em;
  max-width: 658px;
  max-height: 658px;
  background: url(https://api.landix.group/assets/3HotChilies/img/wheel-around.webp) 50% 50%;
  background-size: 100% 100%;
  pointer-events: none;
}
.wheel__btn {
  z-index: 6;
  width: 19em;
  height: 19em;
  max-width: 136px;
  max-height: 136px;
  border-radius: 50%;
  background: url(https://api.landix.group/assets/3HotChilies/img/btn.webp) 50% 0;
  background-size: 100%;
  border: 0;
  outline: 0;
}
.wheel__btn:disabled {
  background-position: 50% 100%;
  pointer-events: none;
}
.wheel__btn-effect {
  position: absolute;
  bottom: calc(50% - 7em);
  left: calc(50% - 12em);
  z-index: 6;
  width: 25em;
  mix-blend-mode: lighten;
}
.wheel__btn-center {
  position: absolute;
  z-index: 8;
  left: 50%;
  top: 50%;
  bottom: 11em;
  width: 15em;
  height: 11em;
  max-width: 114px;
  max-height: 80px;
  transform: translate(-50%, calc(-50% + 2em));
}
@media (max-width: 767px) {
  .wheel__btn-center {
    transform: translate(-50%, calc(-50% + 3em));
  }
}
.wheel__texts {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5;
  width: 100%;
  height: 100%;
  max-width: 560px;
  max-height: 560px;
  transform: translate(-50%, -50%) rotate(45deg);
  pointer-events: none;
}
.wheel__texts-1-first,
.wheel__texts-1-second {
  font-style: normal;
  line-height: 150%;
  text-transform: uppercase;
  white-space: nowrap;
}
.wheel__texts-1-first {
  font-size: 1.3125em;
  transform: rotate(-4deg);
  text-align: left;
}
.wheel__texts-1-second {
  font-size: 2.3em;
  transform: rotate(3deg);
}
.wheel__texts-block {
  display: flex;
  height: 8em;
  width: 23em;
  max-width: 200px;
  max-height: 75px;
  align-items: center;
  color: #fff;
}
.wheel__texts-block:nth-child(even) {
  color: #fff;
}
.bottom__section {
  position: relative;
  z-index: 8;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 10em;
}
@media (max-width: 1023px) {
  .bottom__section {
    position: fixed;
    left: 0;
    bottom: 16em;
    margin-top: 0;
  }
}
@media (max-height: 741px) {
  .bottom__section {
    bottom: 5em;
  }
}
.bottom__section-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12.8em;
  border: 0;
  cursor: pointer;
  font-size: 110%;
  background-image: url(https://api.landix.group/assets/3HotChilies/img/button_middle.webp);
  background-repeat: repeat-x;
  background-size: contain;
  background-position: center;
  text-decoration: none;
}
@media (max-width: 640px) {
  .bottom__section-button {
    font-size: 130%;
  }
}
.bottom__section-button::after,
.bottom__section-button::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 21.5em;
  background-size: contain;
  background-repeat: no-repeat;
}
.bottom__section-button::before {
  left: -9.5em;
  background-position: left;
  background-image: url(https://api.landix.group/assets/3HotChilies/img/button_left.webp);
}
.bottom__section-button::after {
  right: -9.5em;
  background-position: right;
  background-image: url(https://api.landix.group/assets/3HotChilies/img/button_right.webp);
}
.bottom__section-button:focus {
  animation: 0.5s scaleButton ease-in-out forwards;
}
.bottom__section-button span {
  position: relative;
  z-index: 3;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 5em;
  text-shadow:
    0 -2px 1px #f62b01,
    -1px -1px 1px #f62b01,
    0 -1px 1px #f62b01,
    1px -1px 1px #f62b01,
    -2px 0 1px #f62b01,
    -1px 0 1px #f62b01,
    0 0 1px #f62b01,
    1px 0 1px #f62b01,
    2px 0 1px #f62b01,
    -1px 1px 1px #f62b01,
    0 1px 1px #f62b01,
    1px 1px 1px #f62b01,
    0 2px 1px #f62b01;
  -webkit-font-smoothing: antialiased;
}
.bottom__section-button.pulse {
  animation: 2s scaleButton ease-in-out infinite;
}
.bottom__section-button-next {
  display: none;
}
.bottom__section-button-effect,
.bottom__section-button-effect::before {
  position: absolute;
  border-radius: 271px;
  background: #fbcc34;
  mix-blend-mode: plus-lighter;
}
.bottom__section-button-effect {
  z-index: -2;
  width: 29em;
  min-width: 360px;
  height: 9.5em;
  min-height: 75px;
  max-height: 95px;
  flex-shrink: 0;
  filter: blur(25px);
}
@media (max-width: 767px) {
  .bottom__section-button-effect {
    min-width: 230px;
    filter: blur(29px);
  }
}
.bottom__section-button-effect::before {
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  filter: blur(50px);
  transform: scale(1.3);
}
@media (max-width: 767px) {
  .bottom__section-button-effect::before {
    min-width: 230px;
    filter: blur(34px);
  }
}
.left__person {
  position: absolute;
  left: max(-10%, 50% - min(55em, 550px) / 2 - 45em);
  bottom: -10%;
  width: 55em;
  height: 55em;
  pointer-events: none;
  font-size: 170%;
}
@media (max-width: 1024px) {
  .left__person {
    bottom: -7%;
    left: -10%;
  }
}
@media (max-width: 767px) {
  .left__person {
    left: -25%;
    bottom: -7%;
  }
}
@media (max-width: 410px) {
  .left__person {
    left: -20%;
  }
}
.left__person-img {
  position: relative;
  z-index: 7;
  animation: personAnimation 2.5s ease-in-out infinite;
}
.left__person-effect--1,
.left__person-effect--2 {
  position: absolute;
  z-index: 6;
  opacity: 1;
  mix-blend-mode: lighten;
  font-size: 140%;
}
.left__person-effect--1 {
  left: 12em;
  top: -7em;
  width: 20em;
}
.left__person-effect--2 {
  left: 5em;
  top: -2em;
  width: 20em;
}
.right__person {
  position: absolute;
  top: calc(50% - 40em);
  right: max(0px, 50% - min(50vw, 500px) / 2 - 550px);
  width: 50vw;
  max-width: 500px;
  pointer-events: none;
}
@media (max-width: 1400px) {
  .right__person {
    right: calc(50% - max(75em, 650px));
  }
}
@media (max-width: 1024px) {
  .right__person {
    top: unset;
    right: 0;
    width: 60vw;
    bottom: -20em;
  }
}
.right__person-item {
  position: absolute;
}
@media (max-width: 1024px) {
  .right__person-item {
    top: unset !important;
    left: unset !important;
  }
}
.right__person-item-img {
  position: relative;
  z-index: 7;
  width: 19em;
  height: 19em;
}
@media (max-width: 1024px) {
  .right__person-item-img {
    width: 30em;
    height: 30em;
    max-width: 220px;
    max-height: 220px;
  }
}
.right__person-item-effect {
  position: absolute;
  left: 0;
  top: -6em;
  width: 18.4em;
  height: 18.4em;
  mix-blend-mode: lighten;
}
@media (max-width: 1024px) {
  .right__person-item-effect {
    width: 30em;
    height: 30em;
    max-width: 220px;
    max-height: 220px;
    top: -6em;
  }
}
.right__person .is--1 {
  top: 14em;
  left: 10em;
}
@media (max-width: 1024px) {
  .right__person .is--1 {
    bottom: 33em;
    right: 11em;
  }
}
.right__person .is--1 .right__person-item-img {
  z-index: 8;
}
@media (max-width: 1024px) {
  .right__person .is--1 .right__person-item-img {
    z-index: 7;
  }
}
.right__person .is--2 {
  top: 7em;
  left: 19em;
}
@media (max-width: 1024px) {
  .right__person .is--2 {
    display: none;
  }
}
.right__person .is--3 {
  top: 41em;
  left: 9em;
}
@media (max-width: 1024px) {
  .right__person .is--3 {
    bottom: 15em;
    right: 18em;
  }
  .right__person .is--3 .right__person-item-img {
    z-index: 8;
  }
}
.right__person .is--4 {
  top: 57em;
  left: 3em;
}
@media (max-width: 1024px) {
  .right__person .is--4 {
    display: none;
  }
}
.right__person .is--5 {
  top: 64em;
  left: -4em;
}
@media (max-width: 1024px) {
  .right__person .is--5 {
    bottom: -8em;
    right: 3em;
  }
}
.right__person .is--5 .right__person-item-img {
  z-index: 8;
}
.right__person .is--6 {
  top: 48em;
  left: 22em;
}
@media (max-width: 1024px) {
  .right__person .is--6 {
    bottom: 2em;
    right: -5em;
  }
}
.right__person .is--6 .right__person-item-img {
  z-index: 7;
}
.right__person .is--7 {
  top: 61em;
  left: 18em;
}
@media (max-width: 1024px) {
  .right__person .is--7 {
    display: none;
  }
}
.right__person .is--8 {
  top: 37em;
  left: 29em;
}
@media (max-width: 1024px) {
  .right__person .is--8 {
    display: none;
  }
}
.right__person .is--9 {
  top: 70em;
  left: 27em;
}
@media (max-width: 1024px) {
  .right__person .is--9 {
    bottom: 50em;
    right: 6em;
  }
}
.right__person .is--10 {
  top: 69em;
  left: 10em;
}
@media (max-width: 1024px) {
  .right__person .is--10 {
    display: none;
  }
}
.modal,
.right__person .is--11 {
  top: 0;
  left: 0;
}
@media (max-width: 1024px) {
  .right__person .is--11 {
    bottom: 62em;
    right: -10em;
  }
}
.right__person .is--12 {
  top: 19em;
  left: 29em;
}
@media (max-width: 1024px) {
  .right__person .is--12 {
    bottom: 22em;
    right: -4em;
  }
}
.right__person .is--13 {
  top: 27em;
  left: 17em;
}
@media (max-width: 1024px) {
  .right__person .is--13 {
    bottom: 42em;
    right: -7em;
  }
}
.modal {
  position: fixed;
  z-index: 998;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  display: flex;
  align-items: center;
  visibility: hidden;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: rgba(0, 0, 0, 0.75);
}
.modal__inner {
  margin: auto;
  position: relative;
  height: auto;
  width: 100%;
  max-width: 1105px;
}
.modal__inner::after {
  content: '';
  position: fixed;
  left: 25vw;
  top: calc((100vh - 50vw) / 2);
  width: 50vw;
  height: 50vw;
  border-radius: 100%;
  background: #cc5322;
  filter: blur(100px);
  mix-blend-mode: hard-light;
}
@media (max-width: 768px) {
  .modal__inner::after {
    left: 0;
    top: 50%;
    width: 100vw;
    height: 100vw;
    background: #cc5322;
    filter: blur(55px);
    transform: translateY(-50%);
  }
}
.modal__inner::before {
  content: '';
  position: fixed;
  z-index: 2;
  left: 10vw;
  top: calc((100vh - 80vw) / 2);
  width: 80vw;
  height: 80vw;
  opacity: 0.4;
  background-image: url(https://api.landix.group/assets/3HotChilies/img/modal-background.webp);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  animation: 20s spinWheelBackground ease-in-out infinite;
}
@media (max-width: 768px) {
  .modal__inner::before {
    top: calc((100vh - 150vw) / 2);
    left: -25vw;
    width: 150vw;
    height: 150vw;
  }
}
.modal__container {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 50px 0;
}
@media (max-width: 991px) {
  .modal__container {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .modal__container {
    height: auto;
    background-size: 120%;
  }
}
.modal__logo {
  width: 45em;
}
.modal__title {
  color: #fff;
  text-align: center;
  font-size: 7.2rem;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  text-shadow:
    0 -3px 1px #fb121b,
    -2px -2px 1px #fb121b,
    -1px -2px 1px #fb121b,
    0 -2px 1px #fb121b,
    1px -2px 1px #fb121b,
    2px -2px 1px #fb121b,
    -2px -1px 1px #fb121b,
    -1px -1px 1px #fb121b,
    0 -1px 1px #fb121b,
    1px -1px 1px #fb121b,
    2px -1px 1px #fb121b,
    -3px 0 1px #fb121b,
    -2px 0 1px #fb121b,
    -1px 0 1px #fb121b,
    0 0 1px #fb121b,
    1px 0 1px #fb121b,
    2px 0 1px #fb121b,
    3px 0 1px #fb121b,
    -2px 1px 1px #fb121b,
    -1px 1px 1px #fb121b,
    0 1px 1px #fb121b,
    1px 1px 1px #fb121b,
    2px 1px 1px #fb121b,
    -2px 2px 1px #fb121b,
    -1px 2px 1px #fb121b,
    0 2px 1px #fb121b,
    1px 2px 1px #fb121b,
    2px 2px 1px #fb121b,
    0 3px 1px #fb121b;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 991px) {
  .modal__title {
    text-shadow:
      0 -2px 1px #fb121b,
      -1px -1px 1px #fb121b,
      0 -1px 1px #fb121b,
      1px -1px 1px #fb121b,
      -2px 0 1px #fb121b,
      -1px 0 1px #fb121b,
      0 0 1px #fb121b,
      1px 0 1px #fb121b,
      2px 0 1px #fb121b,
      -1px 1px 1px #fb121b,
      0 1px 1px #fb121b,
      1px 1px 1px #fb121b,
      0 2px 1px #fb121b;
    -webkit-font-smoothing: antialiased;
  }
}
.modal__text {
  color: #f5d919;
  text-align: center;
  font-size: 5.2rem;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  text-shadow:
    0 -3px 1px #ca1e00,
    -2px -2px 1px #ca1e00,
    -1px -2px 1px #ca1e00,
    0 -2px 1px #ca1e00,
    1px -2px 1px #ca1e00,
    2px -2px 1px #ca1e00,
    -2px -1px 1px #ca1e00,
    -1px -1px 1px #ca1e00,
    0 -1px 1px #ca1e00,
    1px -1px 1px #ca1e00,
    2px -1px 1px #ca1e00,
    -3px 0 1px #ca1e00,
    -2px 0 1px #ca1e00,
    -1px 0 1px #ca1e00,
    0 0 1px #ca1e00,
    1px 0 1px #ca1e00,
    2px 0 1px #ca1e00,
    3px 0 1px #ca1e00,
    -2px 1px 1px #ca1e00,
    -1px 1px 1px #ca1e00,
    0 1px 1px #ca1e00,
    1px 1px 1px #ca1e00,
    2px 1px 1px #ca1e00,
    -2px 2px 1px #ca1e00,
    -1px 2px 1px #ca1e00,
    0 2px 1px #ca1e00,
    1px 2px 1px #ca1e00,
    2px 2px 1px #ca1e00,
    0 3px 1px #ca1e00;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 991px) {
  .modal__text {
    text-shadow:
      0 -2px 1px #ca1e00,
      -1px -1px 1px #ca1e00,
      0 -1px 1px #ca1e00,
      1px -1px 1px #ca1e00,
      -2px 0 1px #ca1e00,
      -1px 0 1px #ca1e00,
      0 0 1px #ca1e00,
      1px 0 1px #ca1e00,
      2px 0 1px #ca1e00,
      -1px 1px 1px #ca1e00,
      0 1px 1px #ca1e00,
      1px 1px 1px #ca1e00,
      0 2px 1px #ca1e00;
    -webkit-font-smoothing: antialiased;
  }
}
.modal.is--active {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease-in-out;
}
.modal.is--active .bottom__section {
  opacity: 1 !important;
  margin-top: 20px;
  position: static;
}
.is--modal-open .bottom__section,
.is--modal-open .logo,
.is--modal-open .wheel {
  opacity: 0;
}
.effects {
  z-index: 999;
  visibility: hidden;
}