.popup-background:empty,.popup-background-overlay:empty{display:block!important}.popup-banner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:1rem;background-color:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.popup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1;pointer-events:auto}.popup-content{position:relative;background-color:#fff;color:#424041;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-width:770px;width:770px;height:517px;overflow:hidden;transform:scale(.95);transition:all .3s ease;z-index:100}@media (min-width: 768px){.popup-content{max-width:770px;width:770px;height:517px;aspect-ratio:770/517}}.popup-close{position:fixed;top:2rem;right:2rem;z-index:9999;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#6b7280;transition:background-color .2s ease;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none}@media (min-width: 768px){.popup-close{top:1.5rem;right:1.5rem;width:2.5rem;height:2.5rem}}.popup-background{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.popup-background-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0003;z-index:2}.popup-body{position:relative;z-index:10;padding:2rem;text-align:center}@media (min-width: 768px){.popup-body{padding:3rem}}.popup-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;line-height:1.25}@media (min-width: 768px){.popup-title{font-size:2rem;margin-bottom:1.5rem}}.popup-text{font-size:1rem;margin-bottom:1.5rem;line-height:1.625}@media (min-width: 768px){.popup-text{font-size:1.125rem;margin-bottom:2rem}}.popup-banner.show{display:flex!important}.popup-banner.show .popup-content{transform:scale(1)}@media (max-width: 640px){.popup-content{max-width:calc(100vw - 2rem);width:calc(100vw - 2rem);height:auto;margin:1rem}.popup-body{padding:1.5rem}.popup-title{font-size:1.25rem}.popup-text{font-size:.875rem}}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.popup-banner.show .popup-content{animation:popupFadeIn .3s ease-out}@media (prefers-reduced-motion: reduce){.popup-content,.popup-button,.popup-close{transition:none}.popup-banner.show .popup-content{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-popup-banner.css.map */