.popup{visibility:hidden;opacity:0;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:visibility 0s linear .3s,opacity .3s}.popup.active{visibility:visible;opacity:1;transition-delay:0s}.popup__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;cursor:pointer}.popup__content{position:relative;border-radius:4px;max-width:90%;max-height:90vh;z-index:1;overflow:hidden;display:flex;flex-direction:column}.popup__content--with-background{background-color:transparent;position:relative}.popup__image-container{overflow:hidden;position:relative}.popup__image-container--full{width:100%}.popup__header{display:flex;justify-content:flex-end;padding:10px 0;background-color:transparent}.popup__close-text{background:none;border:none;color:#fff;font-size:14px;cursor:pointer;padding:5px;text-transform:uppercase;font-weight:500;text-shadow:0 0 3px rgba(0,0,0,.5)}.popup__close-text:hover{text-decoration:underline}.popup__image{width:auto;max-height:80vh;height:auto}.popup__content-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;z-index:2;text-align:center}.popup__content-wrapper{padding:30px;background:#fff;text-align:center}.popup__title{margin-top:0;margin-bottom:1rem;font-weight:600;line-height:1.2;text-transform:uppercase;font-size:1.5rem}@media screen and (min-width: 768px){.popup__title{font-size:2.5rem;margin-bottom:1.5rem}}.popup__content-overlay .popup__title{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.popup__content-text{font-size:1.25rem;margin-bottom:1.5rem;line-height:1.5}@media screen and (min-width: 768px){.popup__content-text{font-size:1.5rem}}.popup__content-overlay .popup__content-text{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.popup__button{margin-top:2rem;display:inline-flex;padding:10px 20px;color:#fff;text-decoration:none;font-weight:900;text-transform:uppercase;transition:background-color .2s ease}@keyframes popup-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.popup.active .popup__content{animation:popup-fade-in .4s ease forwards}
/*# sourceMappingURL=/cdn/shop/t/49/assets/component-popup.css.map */