.promo-popup{--popup-surface: var(--Primary-Cream, #f3f1e7);--popup-ink: var(--Primary-Black, #1b1a1a);--popup-pad: 1.25rem;--popup-check: 1.1425rem;--popup-heading-trim: calc(var(--Size-Display-M, 1.875rem) * .25);--popup-text-trim: calc(var(--Size-Text-S, .875rem) * .35);z-index:70;display:grid;place-items:center;padding:var(--page-margin, .9375rem)}.promo-popup--yolk{--popup-surface: var(--Primary-Yolk, #ffee54)}.promo-popup .overlay__scrim{background:#1b1a1a4d}.promo-popup__panel{position:relative;display:flex;flex-direction:column;width:min(24.375rem,100%);max-height:calc(100vh - var(--page-margin, .9375rem) * 2);max-height:calc(100dvh - var(--page-margin, .9375rem) * 2);padding:2px;border-radius:.5rem;overflow:hidden;overflow:clip;background:var(--popup-surface);color:var(--popup-ink);opacity:0;transform:translateY(.75rem);transition:opacity .2s var(--overlay-ease-in-1),transform .2s var(--overlay-ease-in-1)}.promo-popup[data-state=open] .promo-popup__panel{opacity:1;transform:none;transition:opacity .3s var(--overlay-ease-out-1),transform .3s var(--overlay-ease-out-2)}.promo-popup--preview{position:static;z-index:auto;padding:0}.promo-popup--preview .promo-popup__panel,.promo-popup--preview[data-state=open] .promo-popup__panel{max-height:none;opacity:1;transform:none;transition:none}.promo-popup__close{position:absolute;top:2px;right:2px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:2.875rem;height:2.875rem;padding:0;border:0;border-radius:.375rem;background:var(--popup-surface);color:inherit;cursor:pointer}.promo-popup__close svg{width:.7734rem;height:.7734rem}.promo-popup__layout{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;overflow-y:auto;overscroll-behavior:contain}.promo-popup--preview .promo-popup__layout{overflow:visible}.promo-popup__media{position:relative;aspect-ratio:3 / 2;border-radius:.375rem;overflow:hidden;background:#1b1a1a0f}.promo-popup__media--desktop-only{display:none}.promo-popup__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.promo-popup__placeholder{background:#1b1a1a0a;fill:#1b1a1a2e}.promo-popup__content{display:flex;flex-direction:column;justify-content:flex-end;min-width:0;padding:var(--popup-pad);padding-bottom:calc(var(--popup-pad) - var(--popup-trim-end, 0px))}.promo-popup--no-image .promo-popup__content,.promo-popup__media--desktop-only+.promo-popup__content{padding-top:3.375rem}.promo-popup__content>*+*{margin-top:calc(var(--popup-gap, 1.25rem) - var(--popup-trim-before, 0px) - var(--popup-trim-start, 0px))}.promo-popup__content>:has(>.popup-newsletter){--popup-gap: 2.5rem}.promo-popup__content>:has(>.popup-button){--popup-gap: 2.5rem}.promo-popup__content>:empty{display:none}.promo-popup__content>:has(>.popup-feature)+:has(>.popup-feature){--popup-gap: .625rem}.promo-popup__content>:has(>.popup-text--heading){--popup-trim-start: var(--popup-heading-trim)}.promo-popup__content>:has(>.popup-text--body){--popup-trim-start: var(--popup-text-trim)}.promo-popup__content>:has(>.popup-text--heading)+*{--popup-trim-before: var(--popup-heading-trim)}.promo-popup__content>:has(>.popup-text--body,>.popup-newsletter--subtext)+*{--popup-trim-before: var(--popup-text-trim)}.promo-popup__content:has(>:last-child>.popup-text--heading){--popup-trim-end: var(--popup-heading-trim)}.promo-popup__content:has(>:last-child>:is(.popup-text--body,.popup-newsletter--subtext)){--popup-trim-end: var(--popup-text-trim)}.popup-text>*{margin:0}.popup-text--heading{width:calc(100% + .5rem);font-size:var(--Size-Display-M, 1.875rem);font-weight:var(--Weight-Font-weight-medium, 500);line-height:1.2;letter-spacing:-.02em}.popup-text--heading :is(h1,h2,h3,h4,h5,h6){font:inherit;letter-spacing:inherit}.popup-text--body{font-size:var(--Size-Text-S, .875rem);line-height:1.4;letter-spacing:0}.popup-text--body>*+*{margin-top:.75em}.popup-text--body :is(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:var(--Weight-Font-weight-medium, 500);line-height:inherit}.popup-text a{color:inherit;text-decoration:underline;text-underline-offset:.15em}.popup-feature{display:flex;align-items:flex-start;gap:.625rem;margin:0;font-size:var(--Size-Text-S, .875rem);line-height:var(--popup-check);letter-spacing:0}.popup-feature__check{flex:none;width:var(--popup-check);height:var(--popup-check)}.popup-feature__check circle{fill:currentColor}.popup-feature__check path{fill:none;stroke:var(--Primary-White, #ffffff)}.popup-newsletter__field{display:flex;align-items:center;gap:2px;height:3.125rem;padding:1px 2px;border-radius:.5rem;background:var(--Primary-White, #ffffff)}.popup-newsletter__input{flex:1 1 0;min-width:0;height:2.875rem;padding:0 .875rem;border:0;border-radius:.375rem;background:transparent;color:inherit;font:inherit;font-size:var(--Size-Text-S, .875rem);line-height:1.4;letter-spacing:0;-webkit-appearance:none;appearance:none}.popup-newsletter__input::placeholder{color:inherit;opacity:.65;text-transform:uppercase}.popup-newsletter__submit{--roll-color: var(--Primary-White, #ffffff);flex:none;height:2.875rem;padding:0 .875rem;overflow:hidden;overflow:clip;border:0;border-radius:.375rem;background:var(--Primary-Black, #1b1a1a);color:var(--Primary-Cream, #f3f1e7);font:inherit;font-size:var(--Size-Text-S, .875rem);line-height:1.4;letter-spacing:0;text-transform:uppercase;cursor:pointer;transition:background-color var(--hover-duration) var(--hover-easing),color var(--hover-duration) var(--hover-easing)}@media(hover:hover)and (pointer:fine){.popup-newsletter__submit:hover{background:var(--Secondary-Maroon, #630f2c);color:var(--Primary-White, #ffffff)}}.popup-button__link{--roll-color: var(--popup-button-hover-fg, var(--Primary-White, #ffffff));display:inline-flex;align-items:center;justify-content:center;min-height:2.875rem;padding:0 .875rem;overflow:hidden;overflow:clip;border-radius:.375rem;background:var(--popup-button-bg, var(--Primary-Black, #1b1a1a));color:var(--popup-button-fg, var(--Primary-Cream, #f3f1e7));font-size:var(--Size-Text-S, .875rem);line-height:1.4;letter-spacing:0;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color var(--hover-duration) var(--hover-easing),color var(--hover-duration) var(--hover-easing)}@media(hover:hover)and (pointer:fine){.popup-button__link:hover{background:var(--popup-button-hover-bg, var(--Secondary-Maroon, #630f2c));color:var(--popup-button-hover-fg, var(--Primary-White, #ffffff))}}.popup-newsletter__message{margin:0;font-size:var(--Size-Text-S, .875rem);line-height:1.4}.popup-newsletter__message:not(:empty){margin-top:calc(.75rem - var(--popup-text-trim))}.popup-newsletter__message[data-outcome=error]{color:var(--Secondary-Brick, #9b221a)}.popup-newsletter__subtext{margin:calc(1.25rem - var(--popup-text-trim)) 0 0;font-size:var(--Size-Text-S, .875rem);line-height:1.4;letter-spacing:0}.popup-liquid>:first-child{margin-top:0}.promo-popup__close:focus-visible,.popup-newsletter__input:focus-visible{outline:2px solid var(--popup-ink);outline-offset:-2px}.popup-newsletter__submit:focus-visible{outline:2px solid var(--Primary-Cream, #f3f1e7);outline-offset:-4px}.popup-button__link:focus-visible{outline:2px solid var(--popup-button-fg, var(--Primary-Cream, #f3f1e7));outline-offset:-4px}.popup-text a:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media(prefers-reduced-motion:reduce){.promo-popup__panel{transition-duration:.01ms!important;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-promo-popup.css.map */