announcement-popup{display:contents}html.announcement-popup-open,html.announcement-popup-open body{overflow:hidden}.announcement-popup{--ap-vh: 100vh;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:2rem;padding-top:max(2rem,env(safe-area-inset-top));padding-bottom:max(2rem,env(safe-area-inset-bottom));opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}@supports (height: 100dvh){.announcement-popup{--ap-vh: 100dvh}}.announcement-popup.is-open{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s linear 0s}.announcement-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--ap-overlay-opacity, .6))}.announcement-popup__dialog{position:relative;z-index:1;width:min(var(--ap-width, 56rem),100%,calc((var(--ap-vh) - 4rem) * var(--ap-ratio, 1)));border-radius:var(--ap-radius, 0);overflow:hidden;background:transparent;box-shadow:0 1rem 3rem #00000059;transform:translateY(1.5rem) scale(.98);transition:transform .3s ease;outline:none}.announcement-popup.is-open .announcement-popup__dialog{transform:none}.announcement-popup__link,.announcement-popup__picture{display:block}.announcement-popup__image{display:block;width:100%;height:auto}.announcement-popup__close{position:absolute;top:1rem;right:1rem;z-index:2;display:flex;align-items:center;justify-content:center;width:var(--ap-close-size, 40px);height:var(--ap-close-size, 40px);padding:0;border:0;border-radius:50%;background:var(--ap-close-bg, rgba(0, 0, 0, .5));color:var(--ap-close-color, #fff);cursor:pointer}.announcement-popup__close:after{content:"";position:absolute;top:-.8rem;right:-.8rem;bottom:-.8rem;left:-.8rem}.announcement-popup__close:hover{filter:brightness(1.25)}.announcement-popup__close:focus-visible{outline:.2rem solid var(--ap-close-color, #fff);outline-offset:.2rem}.announcement-popup__close .svg-wrapper,.announcement-popup__close svg{width:45%;height:45%}@media screen and (max-width:749px){.announcement-popup{padding:1.2rem;padding-top:max(1.2rem,env(safe-area-inset-top));padding-bottom:max(1.2rem,env(safe-area-inset-bottom))}.announcement-popup__close{top:.8rem;right:.8rem}}@media(prefers-reduced-motion:reduce){.announcement-popup,.announcement-popup__dialog{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/component-announcement-popup.css.map */