html.image-popup-open{overflow:hidden!important;overscroll-behavior:none}
.image-announcement{--popup-image-width:440px;--popup-image-height:294px;width:max(260px,var(--popup-image-width));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;margin:auto;overflow:hidden;border:1px solid #ffffff80;border-radius:14px;background:#fff;color:#183b56;box-shadow:0 24px 100px #102c4938;font:inherit;outline:none;transform-origin:center center;isolation:isolate}
.image-announcement:not([open]){display:none}
.image-announcement::backdrop{background:#102c4973;backdrop-filter:blur(3px)}
.image-announcement[data-state=opening]{animation:popup-image-in .42s cubic-bezier(.16,1,.3,1) both}
.image-announcement[data-state=opening]::backdrop{animation:popup-scrim-in .34s ease both}
.image-announcement[data-state=closing]{animation:popup-image-out .22s cubic-bezier(.4,0,1,1) both;pointer-events:none}
.image-announcement[data-state=closing]::backdrop{animation:popup-scrim-out .22s ease both}
.image-announcement .popup-media{position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding:0;background:#fff;line-height:0}
.image-announcement .popup-image-link{display:block;max-width:100%;padding:0;line-height:0;border:0}
.image-announcement .popup-image{display:block;width:var(--popup-image-width);height:var(--popup-image-height);max-width:100%;object-fit:contain;margin:0;border:0}
.image-announcement .popup-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:34px;height:34px;min-height:0;margin:0;padding:7px;border:1px solid #ffffff90;border-radius:50%;color:#183b56;background:#ffffffed;box-shadow:0 2px 12px #153f6b12;cursor:pointer;transition:background .2s,transform .2s}
.image-announcement .popup-close:hover{background:#fff;transform:rotate(90deg)}
.image-announcement .popup-close svg{width:18px;height:18px;flex-shrink:0}
.image-announcement .popup-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 17px;min-height:52px;border-top:1px solid #d6e5ef;background:#fff;line-height:1.5}
.image-announcement .popup-controls label{display:flex;align-items:center;gap:8px;min-height:30px;margin:0;font-size:16px;font-weight:400;letter-spacing:-.02em;color:#536f85;cursor:pointer;white-space:nowrap}
.image-announcement .popup-controls input{appearance:auto;width:14px;height:14px;min-height:0;padding:0;margin:0;accent-color:#153f6b;cursor:pointer}
.image-announcement .popup-dismiss{min-height:30px;padding:5px 0 5px 12px;margin:0;border:0;border-radius:4px;background:none;color:#183b56;font:inherit;font-size:16px;line-height:1.5;cursor:pointer;white-space:nowrap}
.image-announcement .popup-dismiss:hover{color:#287cad}
.image-announcement button:focus-visible,.image-announcement input:focus-visible{outline:2px solid #287cad;outline-offset:3px}
.image-announcement .popup-image-link:focus-visible{outline:3px solid #287cad;outline-offset:-3px}
@keyframes popup-image-in{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes popup-image-out{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.97)}}
@keyframes popup-scrim-in{from{opacity:0}to{opacity:1}}
@keyframes popup-scrim-out{from{opacity:1}to{opacity:0}}
@media(max-width:480px){.image-announcement{border-radius:12px}.image-announcement .popup-close{right:10px;top:10px}.image-announcement .popup-controls{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.image-announcement,.image-announcement::backdrop{animation:none!important}.image-announcement .popup-close{transition:none}.image-announcement .popup-close:hover{transform:none}}
