.first-order-popup{top:0;right:0;bottom:0;left:0;pointer-events:none;position:fixed;z-index:120}.first-order-popup:not([hidden]){pointer-events:auto}.first-order-popup[hidden]{display:none!important}.first-order-popup__overlay{background:#00000059;border:0;cursor:pointer;height:100%;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease;width:100%}.first-order-popup:not([hidden]) .first-order-popup__overlay{opacity:1;pointer-events:auto}.first-order-popup__dialog{background:rgb(var(--color-background));border-radius:var(--popup-corner-radius, 0);box-shadow:0 1.2rem 3rem #0000002e;left:50%;max-height:calc(100vh - 3rem);max-width:42rem;overflow:auto;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.96);transition:transform .35s ease,opacity .35s ease;opacity:0;width:calc(100% - 3rem)}.first-order-popup:not([hidden]) .first-order-popup__dialog{opacity:1;transform:translate(-50%,-50%) scale(1)}.first-order-popup__content{padding:2.4rem 2rem 2rem;position:relative;text-align:center}.first-order-popup__close{background:transparent;border:0;color:rgb(var(--color-foreground));cursor:pointer;height:3.2rem;position:absolute;right:.8rem;top:.8rem;width:3.2rem}.first-order-popup__eyebrow{font-size:1.2rem;letter-spacing:.12em;margin:0 0 .8rem;text-transform:uppercase}.first-order-popup__heading{font-size:clamp(2rem,4vw,2.8rem);line-height:1.15;margin:0 0 1.2rem;text-transform:uppercase}.first-order-popup__text{color:rgba(var(--color-foreground),.75);font-size:1.3rem;line-height:1.5;margin:0 0 1.6rem}.first-order-popup__form .field{margin-bottom:0}.first-order-popup__form .field__input{text-align:center}.first-order-popup__success{background:#008f3914;border:.1rem solid rgba(0,143,57,.25);margin-top:1.2rem;padding:1.2rem}.first-order-popup__code{color:#008f39;display:block;font-size:2rem;font-weight:700;letter-spacing:.08em;margin-top:.4rem}@media screen and (max-width:749px){.first-order-popup__dialog{width:calc(100% - 2rem)}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-first-order-popup.css.map */
