.popup-announcement{--popup-max-width: 520px;--popup-corner-radius: 16px;--popup-overlay-opacity: .6;--popup-backdrop-blur: 8px;--popup-button-bg: #FF8D8D;--popup-button-text: #FFFFFF;--popup-button-radius: 50px;--popup-close-bg: #ffffff;--popup-close-color: #333333}.popup-announcement{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.popup-announcement[open]{display:flex;align-items:center;justify-content:center}.popup-announcement__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);cursor:pointer;transition:background-color .4s ease,backdrop-filter .4s ease}.popup-announcement[open] .popup-announcement__overlay{background-color:rgba(0,0,0,var(--popup-overlay-opacity));backdrop-filter:blur(var(--popup-backdrop-blur));-webkit-backdrop-filter:blur(var(--popup-backdrop-blur))}.popup-announcement__container{position:relative;max-width:90vw;max-height:85vh;background-color:transparent;overflow:visible;opacity:0;transform:scale(.9) translateY(20px);animation:popupSlideIn .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.1s}@media screen and (min-width: 750px){.popup-announcement__container{max-width:var(--popup-max-width);max-height:85vh}}@keyframes popupSlideIn{to{opacity:1;transform:scale(1) translateY(0)}}.popup-announcement.closing .popup-announcement__container{animation:popupSlideOut .3s cubic-bezier(.4,0,1,1) forwards}.popup-announcement.closing .popup-announcement__overlay{background-color:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}@keyframes popupSlideOut{to{opacity:0;transform:scale(.95) translateY(10px)}}.popup-announcement__close{position:absolute;top:-12px;right:-12px;width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background-color:var(--popup-close-bg);border:none;border-radius:50%;cursor:pointer;z-index:10;box-shadow:0 2px 8px #00000026,0 0 0 1px #0000000d;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease;opacity:0;animation:fadeInButton .3s ease forwards;animation-delay:.5s}@keyframes fadeInButton{to{opacity:1}}.popup-announcement__close:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003,0 0 0 1px #0000000d}.popup-announcement__close:active{transform:scale(.95)}.popup-announcement__close svg{width:18px;height:18px;color:var(--popup-close-color);stroke-width:2.5}.popup-announcement__slides{position:relative;width:100%;overflow:hidden;border-radius:var(--popup-corner-radius);box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff1a}.popup-announcement__slide{display:none;width:100%}.popup-announcement__slide--active{display:block;animation:slideFadeIn .3s ease}@keyframes slideFadeIn{0%{opacity:0}to{opacity:1}}.popup-announcement__slide picture{display:block;width:100%}.popup-announcement__slide img{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain}.popup-announcement__image-link{display:block;cursor:pointer;transition:transform .2s ease}.popup-announcement__image-link:hover{transform:scale(1.01)}.popup-announcement__image-link:focus{outline:none;box-shadow:0 0 0 3px #ffffff80;border-radius:var(--popup-corner-radius)}.popup-announcement__placeholder{display:flex;align-items:center;justify-content:center;width:100%;min-height:300px;background:linear-gradient(135deg,#f5f5f5,#e8e8e8)}.popup-announcement__placeholder .placeholder-svg{width:50%;max-width:200px;fill:#ccc}.popup-announcement__nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background-color:#fffffff2;border:none;border-radius:50%;cursor:pointer;z-index:10;box-shadow:0 2px 8px #00000026;transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .2s ease,box-shadow .2s ease;opacity:0;animation:fadeInButton .3s ease forwards;animation-delay:.6s}.popup-announcement__nav:hover{background-color:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px #0003}.popup-announcement__nav:active{transform:translateY(-50%) scale(.95)}.popup-announcement__nav svg{width:20px;height:20px;color:#333}.popup-announcement__nav--prev{left:12px}.popup-announcement__nav--next{right:12px}.popup-announcement__cta{position:absolute;bottom:24px;left:50%;transform:translate(-50%);padding:14px 36px;background-color:var(--popup-button-bg);color:var(--popup-button-text);text-decoration:none;font-weight:600;font-size:15px;letter-spacing:.3px;border-radius:var(--popup-button-radius);border:none;cursor:pointer;z-index:10;box-shadow:0 4px 14px #00000040,0 0 0 0 transparent;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,filter .2s ease;opacity:0;animation:fadeInButton .3s ease forwards;animation-delay:.7s}.popup-announcement__cta:hover{transform:translate(-50%) scale(1.05);box-shadow:0 6px 20px #0000004d,0 0 0 4px #0000001a;filter:brightness(.9)}.popup-announcement__cta:active{transform:translate(-50%) scale(.98)}.popup-announcement--button-below .popup-announcement__container{display:flex;flex-direction:column;align-items:center;gap:16px}.popup-announcement--button-below .popup-announcement__cta{position:relative;bottom:auto;left:auto;transform:none;margin-top:0}.popup-announcement--button-below .popup-announcement__cta:hover{transform:scale(1.05)}.popup-announcement--button-below .popup-announcement__cta:active{transform:scale(.98)}@media screen and (max-width: 749px){.popup-announcement__container{max-width:92vw}.popup-announcement__slides{border-radius:calc(var(--popup-corner-radius) * .75)}.popup-announcement__close{top:-10px;right:-10px;width:32px;height:32px}.popup-announcement__close svg{width:16px;height:16px}.popup-announcement__nav{width:34px;height:34px}.popup-announcement__nav svg{width:18px;height:18px}.popup-announcement__nav--prev{left:8px}.popup-announcement__nav--next{right:8px}.popup-announcement__cta{bottom:16px;padding:12px 28px;font-size:14px}.popup-announcement__image-link:focus{border-radius:calc(var(--popup-corner-radius) * .75)}.popup-announcement--button-below .popup-announcement__container{gap:12px}}.popup-announcement__close:focus-visible,.popup-announcement__nav:focus-visible{outline:none;box-shadow:0 2px 8px #00000026,0 0 0 3px #4285f480}.popup-announcement__cta:focus-visible{outline:none;box-shadow:0 4px 14px #00000040,0 0 0 3px #4285f480}@media (prefers-reduced-motion: reduce){.popup-announcement__container,.popup-announcement__overlay,.popup-announcement__close,.popup-announcement__nav,.popup-announcement__cta,.popup-announcement__slide--active{animation:none;transition:none;opacity:1}}body.popup-announcement-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/99/assets/component-popup-announcement.css.map */