.popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);pointer-events:none;opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.popup[data-visible=true]{pointer-events:auto;opacity:1}.popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1a1a80;cursor:pointer}.popup__panel{position:relative;background:var(--color-cream);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;transform:translateY(20px) scale(.97);transition:transform var(--duration-base) var(--ease-out)}.popup[data-visible=true] .popup__panel{transform:translateY(0) scale(1)}.popup__close{position:absolute;top:16px;right:16px;width:32px;height:32px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-gray-600);z-index:1;transition:color var(--duration-fast)}.popup__close:hover{color:var(--color-black)}.popup--welcome .popup__panel{max-width:720px;display:grid;grid-template-columns:1fr 1fr}@media(max-width:640px){.popup--welcome .popup__panel{grid-template-columns:1fr}}.popup__image{aspect-ratio:3 / 4;object-fit:cover;width:100%;height:100%}@media(max-width:640px){.popup__image{aspect-ratio:16 / 9;height:200px;object-fit:cover}}.popup__content{padding:40px 36px;display:flex;flex-direction:column;justify-content:center;gap:var(--space-4)}.popup__eyebrow{font-size:var(--text-micro);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-bronze)}.popup__title{font-family:var(--font-serif);font-size:var(--text-h3);font-weight:500;line-height:var(--leading-snug);color:var(--color-black);margin:0}.popup__subtitle{font-size:var(--text-small);color:var(--color-gray-600);line-height:var(--leading-relaxed);margin:0}.popup__form{display:flex;flex-direction:column;gap:var(--space-3)}.popup__input{padding:12px 16px;border:.5px solid var(--color-border);background:var(--color-white);font-family:var(--font-sans);font-size:var(--text-small);color:var(--color-black);outline:none;transition:border-color var(--duration-fast);width:100%}.popup__input:focus{border-color:var(--color-bronze)}.popup__input::placeholder{color:var(--color-gray-400)}.popup__skip{font-size:var(--text-micro);color:var(--color-gray-400);text-decoration:underline;text-underline-offset:2px;text-align:center;background:none;border:none;cursor:pointer;transition:color var(--duration-fast)}.popup__skip:hover{color:var(--color-black)}.popup__discount-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;background:var(--color-bronze);color:var(--color-cream);font-family:var(--font-serif);font-size:var(--text-h3);font-weight:500;letter-spacing:var(--tracking-tight);margin:0 auto}.popup--exit{align-items:flex-end;padding-bottom:0}.popup--exit .popup__panel{max-width:100%;border-radius:16px 16px 0 0;padding:32px 24px 40px;text-align:center}.popup--exit .popup__title{font-size:var(--text-h4)}.spin-wheel-wrapper{display:flex;align-items:center;justify-content:center;padding:var(--space-6) 0}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-popup.css.map */