[data-v-53f27e50]:root {
  --indentX: 80px;
  --indentY: 56px
}
@media screen and (max-width:1000px) {
  [data-v-53f27e50]:root {
    --indentX: 24px;
    --indentY: 48px
  }
}
@media screen and (max-width:475px) {
  [data-v-53f27e50]:root {
    --indentX: 20px;
    --indentY: 48px
  }
}
@media screen and (max-width:375px) {
  [data-v-53f27e50]:root {
    --indentX: 20px;
    --indentY: 40px
  }
}
.info[data-v-53f27e50] {
  margin-bottom:24px
}
.info p[data-v-53f27e50] {
  font-size:16px;
  line-height:20px;
  letter-spacing:-.01em;
  color:var(--general-white)
}
.info span[data-v-53f27e50] {
  color:#afabc5
}
.form-wrapper[data-v-53f27e50] {
  overflow:hidden;
  display: none;
  animation: 250ms fadeIn;
}
[data-v-53f27e50] input {
  text-align:left;
  color:#ff4d55
}
.promocode-submit-button[data-v-53f27e50] {
  background:var(--button-accident-default)
}
.promocode-submit-button[data-v-53f27e50]:not(.inactive):hover {
  background:var(--button-accident-hover)
}
.promocode-modal[data-v-53f27e50] {
  position:relative;
  max-width:404px
}
.promocode-modal[data-v-53f27e50]:before {
  content:"";
  position:absolute;
  inset:-16px auto auto -188px;
  background:url(/assets/promocode-bg-desktop-1f00e2cd.png) center no-repeat;
  background-size:cover;
  width:780px;
  height:406px;
  z-index:-1
}
@media(max-width:475px) {
  .promocode-modal[data-v-53f27e50]:before {
    display:none
  }
}

@keyframes fadeIn {
  0% {
  opacity: 0;
  }

  100% {
    opacity: 1;
  }
}