@font-face{font-family:"Silk Serif";src:url(SilkSerif-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Quirkily;src:url(Quirkily-Light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}.promo-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:102;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;padding:1.5rem}.promo-popup[aria-hidden=false]{opacity:1;visibility:visible}.promo-popup__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;cursor:pointer}.promo-popup__container{position:relative;max-width:340px;width:calc(100% - 2rem);max-height:80vh;background-color:rgb(var(--color-background));border-radius:.8rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;transform:translateY(20px);transition:transform .3s ease}@media screen and (min-width: 750px){.promo-popup__container{max-width:500px;max-height:90vh}}.promo-popup[aria-hidden=false] .promo-popup__container{transform:translateY(0)}.promo-popup__close{position:absolute;top:.8rem;right:.8rem;z-index:10;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background-color:#ffffffe6;border:none;border-radius:50%;cursor:pointer;color:#333;transition:background-color .2s ease,transform .2s ease;padding:0}@media screen and (min-width: 750px){.promo-popup__close{top:1rem;right:1rem;width:3.6rem;height:3.6rem}}.promo-popup__close:hover{background-color:#fff;transform:scale(1.1)}.promo-popup__close:focus{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.promo-popup__content{width:100%}.promo-popup__image-wrapper{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden}@media screen and (min-width: 750px){.promo-popup__image-wrapper{aspect-ratio:3 / 4}}.promo-popup__image{width:100%;height:100%;object-fit:cover;object-position:center}.promo-popup__text-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.5rem;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.75) 50%,rgba(0,0,0,.4) 80%,transparent 100%);color:#fff;text-align:center}@media screen and (min-width: 750px){.promo-popup__text-overlay{padding:3rem 2rem}}.promo-popup__title{font-family:"Silk Serif",serif;font-size:2rem;font-weight:400;margin:0 0 .8rem;text-transform:uppercase;letter-spacing:.15em;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.9),0 0 20px rgba(255,255,255,.7),0 0 40px rgba(255,255,255,.5),0 2px 4px rgba(0,0,0,.3)}@media screen and (min-width: 750px){.promo-popup__title{font-size:3rem}}.promo-popup__discount{font-family:Quirkily,sans-serif;font-size:1.6rem;font-weight:300;margin:0 0 .5rem;letter-spacing:.1em;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media screen and (min-width: 750px){.promo-popup__discount{font-size:2.4rem;margin:0 0 .6rem}}.promo-popup__code{font-family:Quirkily,sans-serif;font-size:1.2rem;font-weight:300;margin:0 0 1.2rem;opacity:.9;letter-spacing:.05em}.promo-popup__code strong{font-family:"Silk Serif",serif;font-weight:400;letter-spacing:.1em}@media screen and (min-width: 750px){.promo-popup__code{font-size:1.6rem;margin-bottom:2rem}}.promo-popup__button{display:inline-block;padding:1.2rem 3rem;background-color:#fff;color:#000;font-family:Quirkily,sans-serif;font-size:1.2rem;font-weight:300;text-transform:uppercase;letter-spacing:.15em;text-decoration:none;border:none;border-radius:4px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000026;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform:translateZ(0)}.promo-popup__button:before,.promo-popup__button:after{display:none!important;content:none!important}.promo-popup__button:hover{background-color:#f8f8f8;transform:translateY(-2px) translateZ(0);box-shadow:0 4px 6px #00000026,0 2px 4px #0000001f,inset 0 1px #ffffff1a}.promo-popup__button:focus{outline:none;box-shadow:0 0 0 3px #ffffff80,0 1px 3px #0000001f,0 1px 2px #0000003d}.promo-popup__button:active{transform:translateY(0) translateZ(0);box-shadow:0 1px 2px #0000001a,inset 0 1px 2px #00000014}@media screen and (min-width: 750px){.promo-popup__button{font-size:1.4rem;padding:1.4rem 4rem}}@keyframes promo-popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes promo-popup-slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.promo-popup[aria-hidden=false] .promo-popup__container{animation:promo-popup-slide-up .4s ease forwards}body.promo-popup-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-promo-popup.css.map */