promo-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;display:flex;align-items:center;justify-content:center;padding:16px;visibility:hidden;pointer-events:none}promo-popup.is-open{visibility:visible;pointer-events:auto}.promo-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#14101299;opacity:0;transition:opacity .35s ease}promo-popup.is-open .promo-popup__overlay{opacity:1}.promo-popup__dialog{position:relative;width:100%;max-width:460px;max-height:calc(100vh - 32px);overflow-y:auto;border-radius:16px;background:#fbf8f4;box-shadow:0 30px 80px -30px #00000080;opacity:0;transform:translateY(20px) scale(.97);transition:opacity .35s ease,transform .35s cubic-bezier(.2,.8,.2,1)}promo-popup.is-open .promo-popup__dialog{opacity:1;transform:none}.promo-popup__dialog:focus{outline:none}.promo-popup__close{position:absolute;top:10px;right:10px;z-index:2;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:var(--color-muted)}.promo-popup__close:hover{background:#0000000d}.promo-popup__media img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.promo-popup__content{display:flex;flex-direction:column;align-items:center;padding:44px 26px 26px;text-align:center}.promo-popup__eyebrow{margin-bottom:10px;color:var(--color-accent);font-family:var(--font-heading-family);font-size:20px;font-style:italic;font-weight:var(--font-heading-weight)}.promo-popup__title{font-size:calc(32px * var(--font-heading-scale));line-height:1.12}.promo-popup__text{margin-top:14px;color:var(--color-muted);font-size:16px;line-height:1.55}.promo-popup__highlight{margin:18px 0;font-size:15px;font-weight:var(--font-body-weight-bold)}.promo-popup__highlight mark{padding:3px 8px;border-radius:4px;background:var(--color-accent-soft);color:var(--color-accent-dark);-webkit-box-decoration-break:clone;box-decoration-break:clone}.promo-popup__form{display:flex;flex-direction:column;gap:10px;width:100%}.promo-popup__success{display:flex;gap:8px;align-items:center;justify-content:center;color:var(--color-success)}.promo-popup__dismiss{margin-top:16px;padding:6px;border:0;background:none;color:var(--color-muted);font-size:14px;font-style:italic}.promo-popup__dismiss:hover{color:var(--color-text);text-decoration:underline}@media screen and (min-width:750px){.promo-popup__content{padding:52px 40px 30px}.promo-popup__title{font-size:calc(38px * var(--font-heading-scale))}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-popup.css.map */
