.promo-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;visibility:hidden;pointer-events:none;display:flex;align-items:center;justify-content:center}.promo-popup--visible{visibility:visible;pointer-events:auto}.promo-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080!important;opacity:0;transition:opacity .35s ease;cursor:pointer}.promo-popup--visible .promo-popup__overlay{opacity:1}.promo-popup__dialog{position:relative;width:min(90vw,420px);max-height:88vh;overflow:hidden;background:rgb(var(--color-background));color:rgba(var(--color-foreground),.85);border-radius:var(--popup-corner-radius, 8px);border:var(--popup-border-width, 0) solid rgba(var(--color-foreground),var(--popup-border-opacity, 0));box-shadow:var(--popup-shadow-horizontal-offset, 0) var(--popup-shadow-vertical-offset, 4px) var(--popup-shadow-blur-radius, 20px) rgba(var(--color-shadow),var(--popup-shadow-opacity, .2));transform:translateY(16px) scale(.97);opacity:0;transition:opacity .35s ease,transform .35s ease}.promo-popup--visible .promo-popup__dialog{transform:translateY(0) scale(1);opacity:1}.promo-popup__media{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:rgba(var(--color-foreground),.05)}.promo-popup__media img{width:100%;height:100%;object-fit:cover;display:block}.promo-popup__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--promo-popup-overlay-opacity, .3)}.promo-popup--has-image .promo-popup__dialog{background:transparent;min-height:480px;display:flex}.promo-popup--has-image .promo-popup__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto;z-index:0}.promo-popup--has-image .promo-popup__content{position:relative;z-index:1;width:100%;margin:auto;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.45)}.promo-popup--has-image .promo-popup__eyebrow,.promo-popup--has-image .promo-popup__heading,.promo-popup--has-image .promo-popup__text{color:#fff}.promo-popup--has-image .promo-popup__code{border-color:#fff9;background:#ffffff1a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.promo-popup--has-image .promo-popup__code-value{color:#fff;text-shadow:none}.promo-popup--has-image .promo-popup__copy{border-left-color:#fff9;background:#ffffff29;color:#fff;text-shadow:none}.promo-popup--has-image .promo-popup__copy:hover,.promo-popup--has-image .promo-popup__copy--copied{background:#ffffff47}.promo-popup__close{position:absolute;top:1rem;right:1rem;width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:rgb(var(--color-background));color:rgba(var(--color-foreground),.85);cursor:pointer;padding:0;z-index:2;box-shadow:0 1px 4px rgba(var(--color-shadow),.25)}.promo-popup__close svg{width:1.4rem;height:1.4rem}.promo-popup__content{padding:3rem 2.8rem 2.8rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.6rem}.promo-popup__content:first-child{padding-top:4rem}.promo-popup__eyebrow{margin:0;font-size:1.2rem;letter-spacing:.15em;text-transform:uppercase;opacity:.7}.promo-popup--has-image .promo-popup__eyebrow{opacity:.9}.promo-popup__heading{margin:0;line-height:1.15}.promo-popup__text,.promo-popup__text p{margin:0}.promo-popup__code{display:flex;align-items:center;gap:0;margin:.8rem 0 .4rem;border:1px dashed rgba(var(--color-foreground),.4);border-radius:var(--popup-corner-radius, 6px);overflow:hidden}.promo-popup__code-value{padding:1rem 1.6rem;font-weight:600;letter-spacing:.08em;font-size:1.6rem}.promo-popup__copy{border:none;border-left:1px dashed rgba(var(--color-foreground),.4);background:rgba(var(--color-foreground),.05);padding:1rem 1.4rem;font-size:1.3rem;cursor:pointer;color:rgba(var(--color-foreground),.85);white-space:nowrap}.promo-popup__copy:hover{background:rgba(var(--color-foreground),.1)}.promo-popup__copy--copied{background:rgba(var(--color-foreground),.15)}.promo-popup__button{margin-top:.8rem}@media screen and (max-width:749px){.promo-popup__dialog{width:min(94vw,420px)}.promo-popup--has-image .promo-popup__dialog{min-height:420px}.promo-popup__content{padding:2.4rem 2rem 2.2rem}.promo-popup__content:first-child{padding-top:3.2rem}.promo-popup__code-value{padding:.9rem 1.2rem;font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-promo-popup.css.map */