@layer components{.promo-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:var(--color-bg);color:var(--color-text)}.promo-popup::backdrop{background:var(--color-overlay)}.promo-popup__panel{position:relative;display:flex;flex-direction:column;min-height:100%;padding:var(--space-4)}.promo-popup__close{position:absolute;top:var(--space-3);right:var(--space-3);z-index:1;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-text);cursor:pointer}.promo-popup__media{display:none}.promo-popup--image-mobile .promo-popup__media{display:block;margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) 0}.promo-popup__image{display:block;width:100%;height:34vh;object-fit:cover}.promo-popup__body{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding-block:var(--space-6);text-align:center}.promo-popup__logo{width:150px;height:auto}.promo-popup__wordmark{margin:0;font-family:var(--font-heading-family);font-size:var(--type-h3-size)}.promo-popup__step{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;max-width:420px}.promo-popup__step[hidden]{display:none}.promo-popup__heading{margin:0;font-family:var(--font-heading-family);font-size:var(--type-display-size);font-weight:500;line-height:var(--type-heading-lh);text-transform:capitalize}.promo-popup__text{margin:0;font-size:var(--type-body-size);line-height:var(--type-body-lh)}.promo-popup__form{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:320px;margin-top:var(--space-2)}.promo-popup__input{min-height:48px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-on-dark);color:var(--color-text);font:inherit}.promo-popup__button{min-height:48px;padding:0 var(--space-5);border:0;border-radius:var(--radius-button);background:var(--color-button);color:var(--color-button-text);font:inherit;font-size:var(--type-body-size);text-transform:capitalize;cursor:pointer}.promo-popup__consent{font-size:11px;line-height:1.4;opacity:.8}.promo-popup__consent p{margin:0}.promo-popup__consent a{color:inherit;text-decoration:underline}.promo-popup__error{margin:0;color:var(--color-error);font-size:var(--type-small-size)}.promo-popup__error[hidden],.promo-popup__button[hidden]{display:none}.promo-popup__step>.promo-popup__button{width:100%;max-width:320px}.promo-popup__cards{display:flex;gap:var(--space-2);margin:var(--space-3) 0 0;padding:0;list-style:none}.promo-popup__card{position:relative;width:4.5rem;height:6.75rem;padding:0;border:2px solid var(--color-text);border-radius:var(--radius-md);background:var(--color-on-dark);color:var(--color-text);font:inherit;cursor:pointer;transition:transform var(--duration) var(--ease-out)}.promo-popup__card-back,.promo-popup__card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-1)}.promo-popup__card-back{font-size:2rem;font-weight:700}.promo-popup__card-face{border-radius:inherit;background:var(--color-button);color:var(--color-button-text);font-size:var(--type-small-size);font-weight:700;line-height:1.1;opacity:0}.promo-popup__card.is-flipped{transform:rotateY(180deg)}.promo-popup__card.is-flipped .promo-popup__card-face{transform:rotateY(180deg);opacity:1}.promo-popup__card.is-flipped .promo-popup__card-back{opacity:0}.promo-popup__scratch{position:relative;display:grid;place-items:center;width:100%;max-width:320px;aspect-ratio:3 / 2;margin-top:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.promo-popup__prize{margin:0;padding:var(--space-4);font-family:var(--font-heading-family);font-size:var(--type-h2-size);text-transform:capitalize}.promo-popup__foil{--foil-light: color-mix(in srgb, var(--color-border) 35%, var(--color-on-dark));--foil-dark: color-mix(in srgb, var(--color-taupe) 60%, var(--color-on-dark));position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:var(--color-text);font-family:var(--font-body-family);cursor:grab;touch-action:none;transition:opacity var(--duration) var(--ease-out)}.promo-popup__foil.is-cleared{opacity:0;pointer-events:none}.promo-popup__code{margin:0;padding:var(--space-3) var(--space-5);border:1px dashed var(--color-text);border-radius:var(--radius-sm);font-size:var(--type-h3-size);font-weight:700;letter-spacing:.08em;-webkit-user-select:all;user-select:all}@media(min-width:1024px){.promo-popup{top:5vh;right:2.5vw;bottom:5vh;left:2.5vw;width:95vw;height:90vh}.promo-popup__panel{flex-direction:row;gap:var(--space-6);height:100%;padding:var(--space-6)}.promo-popup .promo-popup__media{display:block;flex:0 0 45%;margin:0}.promo-popup__image{height:100%}.promo-popup__heading{font-size:var(--type-h1-size)}}@media(prefers-reduced-motion:reduce){.promo-popup__card,.promo-popup__foil{transition:none}}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/promo-popup.css.map */