.announcement-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease;contain:layout style paint;will-change:opacity,visibility;pointer-events:none}.announcement-popup[aria-hidden=true] .announcement-popup__overlay{opacity:0;visibility:hidden}.announcement-popup[aria-hidden=false]{visibility:visible;opacity:1;pointer-events:auto}.announcement-popup[aria-hidden=false] .announcement-popup__overlay{display:block;opacity:var(--popup-overlay-opacity, .5);visibility:visible}.announcement-popup__overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--popup-overlay-color, rgba(0, 0, 0, .5));opacity:var(--popup-overlay-opacity, .5);z-index:1;transition:opacity .3s ease,visibility .3s ease;display:block;pointer-events:auto;-webkit-user-select:none;user-select:none}.announcement-popup__container{position:relative;background-color:var(--popup-bg-color);max-height:90vh;max-width:90vw;overflow:hidden;z-index:2;display:flex;flex-direction:column;contain:layout style;box-shadow:0 10px 40px #0000001a;transform:scale(.95);transition:transform .3s ease;pointer-events:auto}.announcement-popup[aria-hidden=false] .announcement-popup__container{transform:scale(1)}.announcement-popup--small .announcement-popup__container{width:400px;min-height:350px}.announcement-popup--medium .announcement-popup__container{width:600px;min-height:450px}.announcement-popup--large .announcement-popup__container{width:800px;min-height:550px}.announcement-popup--fullpage .announcement-popup__container{width:100vw;height:100vh;min-height:100vh;max-width:100vw;max-height:100vh}.announcement-popup--rounded .announcement-popup__container{border-radius:12px}.announcement-popup--bordered .announcement-popup__container{border:2px var(--popup-border-style) var(--popup-border-color)}.announcement-popup__close{position:absolute;top:16px;right:16px;z-index:10;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000026;padding:0!important;pointer-events:auto!important;-webkit-user-select:none;user-select:none}.announcement-popup__close:hover{background:#f8f8f8;transform:scale(1.05);box-shadow:0 4px 12px #0003}.announcement-popup__close svg{width:16px;height:16px;color:#333!important;stroke:#333!important;fill:none!important;stroke-width:1.5!important;stroke-linecap:round!important;stroke-linejoin:round!important}.announcement-popup__close .icon{color:#333!important;stroke:#333!important;fill:none!important}.announcement-popup__close:focus{outline:2px solid #0066cc;outline-offset:2px;background:#f8f8f8}.announcement-popup__content{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;display:flex;flex-direction:column}.announcement-popup__background-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.announcement-popup__bg-img{width:100%;height:100%;object-fit:var(--popup-image-object-fit)}.announcement-popup__inner{position:relative;z-index:2;display:flex;flex:1;height:100%;align-items:stretch}.announcement-popup--image-background .announcement-popup__inner{align-items:center;justify-content:center;height:100%}.announcement-popup--image-background .announcement-popup__inner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:-1}.announcement-popup--image-background .announcement-popup__text,.announcement-popup--image-background .announcement-popup__heading{color:#fff}.announcement-popup--image-background .announcement-popup__description{color:#ffffffe6}.announcement-popup__image{flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.announcement-popup__img{width:100%;height:100%;object-fit:var(--popup-image-object-fit);display:block}.announcement-popup--image-top .announcement-popup__inner{flex-direction:column;align-items:stretch}.announcement-popup--image-top .announcement-popup__image{width:100%;max-height:var(--popup-image-size);flex-shrink:0}.announcement-popup--image-top .announcement-popup__text{flex:1;display:flex;flex-direction:column;justify-content:center}.announcement-popup--image-left .announcement-popup__inner{flex-direction:row;align-items:stretch}.announcement-popup--image-left .announcement-popup__image{width:var(--popup-image-size);height:100%;flex-shrink:0}.announcement-popup--image-right .announcement-popup__inner{flex-direction:row-reverse;align-items:stretch}.announcement-popup--image-right .announcement-popup__image{width:var(--popup-image-size);height:100%;flex-shrink:0}.announcement-popup__text{flex:1;padding:32px;display:flex;flex-direction:column;justify-content:center;gap:16px;align-self:stretch}.announcement-popup__heading{margin:0;color:var(--popup-heading-color);line-height:1.2}.announcement-popup__description{margin:0;color:var(--popup-description-color);line-height:1.5}.announcement-popup__button{margin-top:8px;display:flex;justify-content:flex-start}.announcement-popup__custom-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;padding:0 3.2rem;height:4rem;background-color:var(--popup-button-bg);color:var(--popup-button-text);border:1px solid var(--popup-button-bg);border-radius:var(--popup-button-border-radius);font-weight:500;font-size:var(--popup-button-text-size);font-family:inherit;text-decoration:none;cursor:pointer;transition:opacity .3s ease;position:relative;overflow:hidden;line-height:1;box-sizing:border-box}.announcement-popup__custom-btn:before,.announcement-popup__custom-btn:after{display:none!important;content:none!important}.announcement-popup__btn-text{color:var(--popup-button-text);font-weight:inherit;font-size:var(--popup-button-text-size);font-family:inherit}.announcement-popup__custom-btn:hover{opacity:.8;background-color:var(--popup-button-bg);color:var(--popup-button-text);border-color:var(--popup-button-bg)}.announcement-popup__custom-btn:hover .announcement-popup__btn-text{color:var(--popup-button-text)}.announcement-popup__custom-btn:active{opacity:.7;background-color:var(--popup-button-bg);color:var(--popup-button-text);border-color:var(--popup-button-bg)}.announcement-popup__custom-btn:focus{outline:2px solid #0066cc;outline-offset:2px;background-color:var(--popup-button-bg);color:var(--popup-button-text);border-color:var(--popup-button-bg)}.announcement-popup__custom-btn.btn--small{padding:0 2rem;height:3rem;font-size:calc(var(--popup-button-text-size) * .875)}.announcement-popup__custom-btn.btn--small .announcement-popup__btn-text{font-size:calc(var(--popup-button-text-size) * .875)}.announcement-popup__custom-btn.btn--large{padding:0 4.2rem;height:4.6rem;font-size:calc(var(--popup-button-text-size) * 1.125)}.announcement-popup__custom-btn.btn--large .announcement-popup__btn-text{font-size:calc(var(--popup-button-text-size) * 1.125)}.announcement-popup__custom-btn:disabled,.announcement-popup__custom-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.announcement-popup .announcement-popup__custom-btn{background:var(--popup-button-bg)!important;color:var(--popup-button-text)!important;border:1px solid var(--popup-button-bg)!important;border-radius:var(--popup-button-border-radius)!important;font-size:var(--popup-button-text-size)!important;height:4rem!important;padding:0 3.2rem!important}.announcement-popup .announcement-popup__custom-btn:hover{background:var(--popup-button-bg)!important;color:var(--popup-button-text)!important;border:1px solid var(--popup-button-bg)!important;opacity:.8!important}.announcement-popup .announcement-popup__custom-btn *,.announcement-popup .announcement-popup__btn-text{color:var(--popup-button-text)!important;font-size:var(--popup-button-text-size)!important}.announcement-popup .announcement-popup__custom-btn.btn--small{height:3rem!important;padding:0 2rem!important}.announcement-popup .announcement-popup__custom-btn.btn--large{height:4.6rem!important;padding:0 4.2rem!important}@media (max-width: 767px){.announcement-popup{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:99999!important}.announcement-popup__overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:1!important}.announcement-popup__container{width:95vw;max-height:95vh!important;min-height:300px!important;height:auto!important;position:relative!important;z-index:2!important;margin:auto;display:flex!important;flex-direction:column!important;overflow:hidden!important}.announcement-popup--small .announcement-popup__container{width:90vw;max-width:350px;min-height:250px!important;max-height:90vh!important;height:auto!important;overflow:hidden!important}.announcement-popup--medium .announcement-popup__container{width:95vw;max-width:450px;min-height:300px!important;max-height:92vh!important;height:auto!important;overflow:hidden!important}.announcement-popup--large .announcement-popup__container{width:98vw;max-width:550px;min-height:350px!important;max-height:95vh!important;height:auto!important;overflow:hidden!important}.announcement-popup--fullpage .announcement-popup__container{width:100vw!important;height:100vh!important;max-height:100vh!important}.announcement-popup__text{padding:24px;gap:12px}.announcement-popup__close{top:12px;right:12px;width:28px;height:28px}.announcement-popup__close svg{width:12px;height:12px}.announcement-popup--has-image .announcement-popup__inner{flex-direction:column}.announcement-popup--has-image .announcement-popup__image{width:100%;height:auto;max-height:40vh}.announcement-popup--image-background .announcement-popup__inner{min-height:50vh}.announcement-popup__content{position:relative!important;flex:1!important;overflow:visible!important;min-height:fit-content!important;height:auto!important}.announcement-popup__text{flex:1!important;min-height:fit-content!important;height:auto!important}.announcement-popup__inner{min-height:fit-content!important;height:auto!important}.announcement-popup[aria-hidden=false]{visibility:visible!important;opacity:1!important;display:flex!important;align-items:center!important;justify-content:center!important}body.announcement-popup-open{position:fixed!important;width:100%!important;overflow:hidden!important;-webkit-overflow-scrolling:touch}}@media (min-width: 768px) and (max-width: 1024px){.announcement-popup--small .announcement-popup__container{width:70vw;max-width:450px;min-height:320px}.announcement-popup--medium .announcement-popup__container{width:80vw;max-width:550px;min-height:400px}.announcement-popup--large .announcement-popup__container{width:90vw;max-width:650px;min-height:480px}}@media (max-width: 480px){.announcement-popup--small .announcement-popup__container{width:95vw!important;max-width:320px!important;min-height:220px!important;max-height:85vh!important;height:auto!important;overflow:hidden!important}.announcement-popup--medium .announcement-popup__container{width:98vw!important;max-width:380px!important;min-height:250px!important;max-height:88vh!important;height:auto!important;overflow:hidden!important}.announcement-popup--large .announcement-popup__container{width:98vw!important;max-width:440px!important;min-height:280px!important;max-height:90vh!important;height:auto!important;overflow:hidden!important}.announcement-popup__container{width:98vw!important;max-height:90vh!important;min-height:250px!important;height:auto!important;overflow:hidden!important}.announcement-popup__text{padding:16px!important;gap:8px!important}.announcement-popup__close{top:8px!important;right:8px!important;width:26px!important;height:26px!important}.announcement-popup__close svg{width:11px!important;height:11px!important}}@media (max-width: 320px){.announcement-popup__close{width:28px!important;height:28px!important;top:6px!important;right:6px!important}.announcement-popup__close svg{width:12px!important;height:12px!important}}@media (hover: none) and (pointer: coarse){.announcement-popup{z-index:99999!important}@media (min-width: 768px){.announcement-popup__close{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}.announcement-popup__close svg{width:16px!important;height:16px!important}}@media (max-width: 767px){.announcement-popup__close{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}.announcement-popup__close svg{width:14px!important;height:14px!important}}}@media (prefers-reduced-motion: reduce){.announcement-popup,.announcement-popup__container,.announcement-popup__close{transition:none}.announcement-popup__container,.announcement-popup[aria-hidden=false] .announcement-popup__container{transform:none}}@media (prefers-contrast: high){.announcement-popup__container{border:2px solid}.announcement-popup__close{border:1px solid}}.announcement-popup[data-loading=true]{opacity:0;visibility:hidden}.announcement-popup *{backface-visibility:hidden;perspective:1000px}.announcement-popup--text-left .announcement-popup__heading,.announcement-popup--text-left .announcement-popup__description{text-align:left!important}.announcement-popup--text-left .announcement-popup__button{display:flex!important;justify-content:flex-start!important}.announcement-popup--text-center .announcement-popup__heading,.announcement-popup--text-center .announcement-popup__description{text-align:center!important}.announcement-popup--text-center .announcement-popup__button{display:flex!important;justify-content:center!important}.announcement-popup--text-right .announcement-popup__heading,.announcement-popup--text-right .announcement-popup__description{text-align:right!important}.announcement-popup--text-right .announcement-popup__button{display:flex!important;justify-content:flex-end!important}body.announcement-popup-open{overflow:hidden;position:fixed;width:100%}
/*# sourceMappingURL=/cdn/shop/t/170/assets/announcement-popup.css.map */