/* Important: this file is generated automatically, do not modify it directly, any direct changes will be lost. */
:root {
  --wooptima-checkout-text-xs: clamp(0.9722222222rem, calc(-0.014812541vw + 0.9769622353rem), 0.9567283044rem);
  --wooptima-checkout-text-s: clamp(1.1666666667rem, calc(0.1038739608vw + 1.1334269992rem), 1.2753188297rem);
  --wooptima-checkout-text-m: clamp(1.4rem, calc(0.2868068834vw + 1.3082217973rem), 1.7rem);
  --wooptima-checkout-text-l: clamp(1.68rem, calc(0.5603250478vw + 1.5006959847rem), 2.2661rem);
  --wooptima-checkout-text-xl: clamp(2.016rem, calc(0.9605270554vw + 1.7086313423rem), 3.0207113rem);
  --wooptima-checkout-text-xxl: clamp(2.4192rem, calc(1.536719085vw + 1.9274498928rem), 4.0266081629rem);
  --wooptima-checkout-space-xs: clamp(0.9004501688rem, calc(0.3288664203vw + 0.7952129143rem), 1.2444444444rem);
  --wooptima-checkout-space-s: clamp(1.200300075rem, calc(0.6370617511vw + 0.9964403147rem), 1.8666666667rem);
  --wooptima-checkout-space-m: clamp(1.6rem, calc(1.1472275335vw + 1.2328871893rem), 2.8rem);
  --wooptima-checkout-space-l: clamp(2.1328rem, calc(1.976290631vw + 1.5003869981rem), 4.2rem);
  --wooptima-checkout-space-xl: clamp(2.8430224rem, calc(3.3049499044vw + 1.7854384306rem), 6.3rem);
  --wooptima-checkout-space-xxl: clamp(3.7897488592rem, calc(5.4113299625vw + 2.0581232712rem), 9.45rem);
  --wooptima-checkout-radius: 1.4rem;
  --wooptima-checkout-radius-50: 50%;
  --wooptima-checkout-radius-circle: 50vw;
  --wooptima-checkout-radius-none: 0;
  --wooptima-checkout-radius-xs: 0.6222222222rem;
  --wooptima-checkout-radius-s: 0.9333333333rem;
  --wooptima-checkout-radius-m: 1.4rem;
  --wooptima-checkout-radius-l: 2.1rem;
  --wooptima-checkout-radius-xl: 3.15rem;
  --wooptima-checkout-radius-xxl: 4.725rem;
}
.wooptima-checkout-contact_section__wrapper .heading__wrapper .section-icon {
  width: 3.8rem !important;
  height: 3.8rem !important;
}
.wooptima-checkout-contact_section__wrapper .wa-checkout-contact-section {
  display: grid;
  grid-template-columns: 2fr 1fr;
  align-items: end;
  gap: 10px;
}
.wooptima-checkout-contact_section__wrapper .wa-checkout-contact-section #billing_email-label {
  grid-row: 1/2;
  grid-column: 1/3;
}
.wooptima-checkout-contact_section__wrapper .wa-checkout-contact-section #billing_email-label .field-required {
  color: #f54646;
}
.wooptima-checkout-contact_section__wrapper .wa-checkout-contact-section #billing_email {
  grid-row: 2/3;
  grid-column: 1/2;
  width: 100%;
  padding: 8px 12px;
  height: 4rem;
  /* border-radius: var(--wooptima-checkout-radius-xs); */
  outline: none;
  transition: all 250ms ease-in-out;
}
.wooptima-checkout-contact_section__wrapper .wa-checkout-contact-section #billing_email:focus {
  outline: none !important;
  border-color: var(--primary-light);
  box-shadow: 0px 8px 25px var(--primary-ultra-light);
}
.wooptima-checkout-contact_section__wrapper .wa-checkout-contact-section #wa-checkout-continue-button {
  grid-row: 2/3;
  grid-column: 2/3;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border-radius: var(--wooptima-checkout-radius-xs); */
  background: #e3000f !important;
  color: #FFF;
  font-size: 110% !important;
  font-weight: 700;
  transition: 200ms;
  text-align: center;
  height: 4rem;
  padding: 0;
  cursor: pointer;
}
.wooptima-checkout-contact_section__wrapper .wa-checkout-contact-section #wa-checkout-continue-button:hover {
  /* background: var(--primary-hover) !important; */
}
.wooptima-checkout-contact_section__wrapper .wa-checkout-contact-section #wa-checkout-contact-section-info {
  grid-row: 3/4;
  grid-column: 1/3;
  font-size: 0.8em;
  color: #9e9e9e;
}
@media (max-width: 480px) {
  .wooptima-checkout-contact_section__wrapper .wa-checkout-contact-section {
    grid-template-columns: 1fr;
  }
  .wooptima-checkout-contact_section__wrapper .wa-checkout-contact-section #billing_email-label {
    grid-row: 1/2;
    grid-column: 1/2;
  }
  .wooptima-checkout-contact_section__wrapper .wa-checkout-contact-section #billing_email {
    grid-row: 2/3;
    grid-column: 1/2;
  }
  .wooptima-checkout-contact_section__wrapper .wa-checkout-contact-section #wa-checkout-continue-button {
    grid-row: 4/5;
    grid-column: 1/2;
  }
  .wooptima-checkout-contact_section__wrapper .wa-checkout-contact-section #wa-checkout-contact-section-info {
    grid-row: 3/4;
    grid-column: 1/2;
  }
}