promo-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#00000080;opacity:0;visibility:hidden;transition:opacity var(--duration-default) ease,visibility 0s var(--duration-default)}promo-popup[open]{opacity:1;visibility:visible;transition:opacity var(--duration-default) ease}.promo-popup__dialog{position:relative;display:flex;flex-direction:column;width:100%;max-width:44rem;max-height:calc(100vh - 3rem);overflow:hidden;border-radius:var(--popup-corner-radius);border:var(--popup-border-width) solid rgba(var(--color-foreground),var(--popup-border-opacity));box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity));transform:translateY(2rem);transition:transform var(--duration-default) ease}promo-popup[open] .promo-popup__dialog{transform:none}@media screen and (min-width:750px){.promo-popup__dialog--left,.promo-popup__dialog--right{flex-direction:row;max-width:80rem}.promo-popup__dialog--right{flex-direction:row-reverse}}.promo-popup__close{position:absolute;top:.5rem;right:.5rem;z-index:2;color:rgb(var(--color-foreground))}.promo-popup__close{background:rgba(var(--color-background),.6)}.promo-popup__media{position:relative;flex:0 0 auto;height:20rem}@media screen and (min-width:750px){.promo-popup__dialog--left .promo-popup__media,.promo-popup__dialog--right .promo-popup__media{flex:0 0 50%;height:auto;min-height:40rem}}.promo-popup__dialog--background .promo-popup__media{position:absolute;top:0;right:0;bottom:0;left:0;height:auto}.promo-popup__media img{display:block;width:100%;height:100%;object-fit:cover}.promo-popup__dialog--background .promo-popup__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgb(var(--color-background));opacity:var(--promo-popup-tint)}.promo-popup__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;flex:1 1 auto;padding:4rem 2.5rem 3.5rem;text-align:center;overflow-y:auto}@media screen and (min-width:750px){.promo-popup__content{padding:5rem 4rem}.promo-popup__dialog--background .promo-popup__content{min-height:44rem}}.promo-popup__heading{margin:0}.promo-popup__text{margin:0;max-width:36rem}.promo-popup__text>:first-child{margin-top:0}.promo-popup__text>:last-child{margin-bottom:0}.promo-popup__code{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-top:1rem;padding:1.4rem 2.6rem;border:.1rem dashed rgba(var(--color-foreground),.6);border-radius:var(--buttons-radius);background:transparent;color:rgb(var(--color-foreground));font:inherit;cursor:pointer}.promo-popup__code:hover{border-style:solid}.promo-popup__code{transition:border-color var(--duration-default) ease,background-color var(--duration-default) ease}.promo-popup__code--copied{border-style:solid;border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.06)}.promo-popup__code-value{transition:transform var(--duration-default) ease}.promo-popup__code--copied .promo-popup__code-value{transform:translateY(-.2rem)}.promo-popup__code-value{font-size:2.6rem;line-height:1;letter-spacing:.3rem;text-transform:uppercase}.promo-popup__code-hint{display:grid;font-size:1.1rem;letter-spacing:.1rem;text-transform:uppercase;opacity:.75}.promo-popup__code-hint>span{grid-area:1 / 1;transition:opacity var(--duration-default) ease,transform var(--duration-default) ease,visibility 0s var(--duration-default)}.promo-popup__code-hint>[data-hint-copied],.promo-popup__code--copied .promo-popup__code-hint>[data-hint-copy]{opacity:0;visibility:hidden}.promo-popup__code-hint>[data-hint-copied]{transform:translateY(.6rem)}.promo-popup__code--copied .promo-popup__code-hint>[data-hint-copy]{transform:translateY(-.6rem)}.promo-popup__code--copied .promo-popup__code-hint>[data-hint-copied]{opacity:1;visibility:visible;transform:none;transition-delay:0s}@media(prefers-reduced-motion){.promo-popup__code,.promo-popup__code-value,.promo-popup__code-hint>span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-promo-popup.css.map */