.promo-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:2rem}.promo-popup[hidden]{display:none}.promo-popup__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#11143194;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem)}.promo-popup__dialog{position:relative;width:min(100%,88rem);max-height:min(86vh,72rem);overflow:auto;border:var(--popup-border-width) solid rgba(var(--color-foreground),var(--popup-border-opacity));border-radius:var(--popup-corner-radius);background:rgb(var(--color-background));box-shadow:0 var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity)),0 2.4rem 7rem #11143138}.promo-popup__close{position:absolute;top:1.4rem;right:1.4rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer}.promo-popup__close .svg-wrapper{width:1.4rem;height:1.4rem}.promo-popup__inner{display:grid;gap:0}@media screen and (min-width:750px){.promo-popup__inner{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:43rem}}.promo-popup__media{min-height:26rem;background:rgba(var(--color-foreground),.04)}@media screen and (min-width:750px){.promo-popup__media{min-height:100%}}.promo-popup__media img,.promo-popup__placeholder{display:block;width:100%;height:100%;min-height:26rem;object-fit:cover}.promo-popup__placeholder{background:rgba(var(--color-foreground),.04)}.promo-popup__content{display:flex;flex-direction:column;justify-content:center;padding:3.2rem 2.4rem}@media screen and (min-width:750px){.promo-popup__content{padding:5.6rem 4.8rem}}.promo-popup__eyebrow{width:fit-content;margin:0 0 1.4rem;padding:.7rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:999rem;background:rgba(var(--color-button),.08);color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:1.2rem;font-weight:var(--font-heading-weight);letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.promo-popup__heading{margin:0}.promo-popup__text{margin-top:1.6rem;color:rgba(var(--color-foreground),.75)}.promo-popup__text>*{margin-top:0}.promo-popup__button{margin-top:2.8rem}body.promo-popup-open{overflow:hidden}@media screen and (max-width:749px){.promo-popup{padding:1.2rem}.promo-popup__dialog{max-height:88vh}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-promo-popup.css.map */