@property --stripe-height{syntax:"<length>";inherits:false;initial-value:35px}@property --gradient-width{syntax:"<percentage>";inherits:false;initial-value:15%}.preorder-form{position:relative}.preorder-form:after,.preorder-form:before{--stripe-height:35px;content:"";z-index:1;width:50%;height:100%;transition:--stripe-height .35s ease-in-out;position:absolute;top:0}.preorder-form.is-active:after,.preorder-form.is-active:before{--stripe-height:96px}.preorder-form:before{background:repeating-linear-gradient(to bottom,#344b6b 0 var(--stripe-height),#1a304e var(--stripe-height) calc(var(--stripe-height)*2));left:0}.preorder-form:after{background:repeating-linear-gradient(to bottom,#1a304e 0 var(--stripe-height),#344b6b var(--stripe-height) calc(var(--stripe-height)*2));right:0}.preorder-form__container{--page-padding:36px;width:100%;max-width:calc(1848px + var(--page-padding)*2);padding-inline:var(--page-padding);--gradient-width:15%;z-index:2;background:linear-gradient(to right,transparent 0,#1a304e calc(50% - var(--gradient-width)/2),#1a304e calc(50% + var(--gradient-width)/2),transparent 100%);flex-direction:column;align-items:center;margin-inline:auto;padding-block:120px;transition:--gradient-width .35s ease-in-out;display:flex;position:relative}@media (width>=1920px){.preorder-form__container{padding-block:160px}}.preorder-form.is-active .preorder-form__container{--gradient-width:50%}.preorder-form__cta-box{min-height:52px;margin-block-start:36px}.preorder-form.is-active .preorder-form__btn-open,.preorder-form__btn-close{display:none}.preorder-form.is-active .preorder-form__btn-close{display:block}.preorder-form__form-container{visibility:hidden;grid-template-rows:0fr;transition:visibility 0s .45s,grid-template-rows .45s ease-in-out;display:grid}.preorder-form.is-active .preorder-form__form-container{visibility:visible;grid-template-rows:1fr;transition-delay:0s,0s}.preorder-form__form{flex-direction:column;gap:16px;width:100%;max-width:582px;display:flex;overflow:hidden}.preorder-form__success-box{--color-text:#56ab6b;margin-block-start:60px}.preorder-form__success-box p:last-child{margin-block-end:0}.preorder-form__error-box{--color-text:#ff735f;margin-block:28px 12px}.preorder-form__error-box p:last-child{margin-block-end:0}.preorder-form__cols{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (width>=768px){.preorder-form__cols{grid-template-columns:repeat(2,minmax(0,1fr))}}.preorder-form__cols:last-child{margin-block-start:20px}.preorder-form__btn-submit{justify-self:end}
