.cm-ob-popup[hidden] { display: none; }
.cm-ob-popup { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; padding: 20px; }
.cm-ob-popup-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.72); }
.cm-ob-popup-dialog { position: relative; width: min(600px,100%,calc(100dvh - 40px)); aspect-ratio: 1; }
.cm-ob-popup-link, .cm-ob-popup-link img { display: block; width: 100%; height: 100%; }
.cm-ob-popup-link img { object-fit: contain; }
.cm-ob-popup-close { position: absolute; top: 8px; right: 8px; z-index: 1; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid #fff; border-radius: 50%; background: #111; color: #fff; cursor: pointer; font: 32px/1 Arial,sans-serif; }
.cm-ob-popup-close:focus-visible, .cm-ob-popup-link:focus-visible { outline: 3px solid #ffbf64; outline-offset: 3px; }
@media (max-width: 480px) { .cm-ob-popup { padding: 12px; } .cm-ob-popup-dialog { width: min(100%,calc(100dvh - 24px)); } }