.lc-popup { border: 0; padding: 0; margin: auto; overflow: visible; background: transparent; width: min(var(--lc-popup-width, 600px), calc(100vw - 48px), calc(100vh - 80px)); max-width: none; max-height: none; }
@supports (height: 100dvh) { .lc-popup { width: min(var(--lc-popup-width, 600px), calc(100vw - 48px), calc(100dvh - 80px)); } }
.lc-popup::backdrop { background: rgba(0, 0, 0, .7); }
.lc-popup__link { display: block; border-radius: 8px; overflow: hidden; }
.lc-popup__link img { display: block; width: 100%; height: auto; max-height: calc(100vh - 80px); object-fit: contain; }
@supports (height: 100dvh) { .lc-popup__link img { max-height: calc(100dvh - 80px); } }
.lc-popup__close { position: absolute; z-index: 1; top: -14px; right: -14px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: #222; box-shadow: 0 2px 8px rgba(0,0,0,.25); font: 30px/1 Arial, sans-serif; cursor: pointer; }
.lc-popup__close:focus-visible, .lc-popup__link:focus-visible { outline: 3px solid #ffc200; outline-offset: 4px; }
html.lc-popup-open, html.lc-popup-open body { overflow: hidden; }