.card-lightbox{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:1rem;background:#08080beb}dialog.card-lightbox{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;color:var(--ms-ink)}dialog.card-lightbox:not([open]){display:none}dialog.card-lightbox::backdrop{background:transparent}.card-lightbox-close{position:absolute;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));display:grid;width:48px;height:48px;place-items:center;padding:0;color:var(--ms-ink);background:var(--ms-surface);border:1px solid var(--ms-line-2);border-radius:50%;cursor:pointer}.card-lightbox-close:focus,.card-lightbox-close:focus-visible,.card-lightbox-close:hover{background:var(--ms-surface);border-color:var(--ms-gold);color:var(--ms-gold)}.card-lightbox-close:focus-visible{outline:2px solid var(--ms-gold);outline-offset:3px}.card-lightbox-card{display:grid;justify-items:center;gap:.7rem;max-width:min(92vw,28rem);max-height:calc(100dvh - 2rem)}.card-lightbox-card .image-placeholder,.card-lightbox-card img{display:block;width:auto;max-width:100%;height:min(76dvh,42rem);object-fit:contain}.card-lightbox-card a{max-width:100%;overflow:hidden;color:var(--ms-ink);text-align:center;text-overflow:ellipsis;white-space:nowrap}