.annual-popup[hidden] { display:none; }
.annual-popup { position:fixed; inset:0; z-index:30000; display:grid; place-items:center; padding:24px; }
.annual-popup-backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(0,0,0,.82); cursor:pointer; }
.annual-popup-panel { position:relative; z-index:1; width:min(100%,1145px); max-height:calc(100vh - 48px); display:grid; place-items:center; }
.annual-popup-panel img { display:block; width:100%; max-height:calc(100vh - 48px); object-fit:contain; border-radius:8px; box-shadow:0 20px 70px #0008; }
.annual-popup-close { position:absolute; z-index:2; top:10px; right:10px; width:42px; height:42px; display:grid; place-items:center; border:1px solid #ffffffb8; border-radius:50%; background:#080b15d9; color:white; font-size:31px; font-weight:300; line-height:1; cursor:pointer; }
.annual-popup-close:focus-visible { outline:3px solid #ffcf58; outline-offset:3px; }
body.annual-popup-open { overflow:hidden; }
@media(max-width:600px) { .annual-popup{padding:12px}.annual-popup-panel,.annual-popup-panel img{max-height:calc(100dvh - 24px)}.annual-popup-panel img{border-radius:5px}.annual-popup-close{top:7px;right:7px;width:38px;height:38px} }