.chromatic-vg-lightbox{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:max(0.75rem, env(safe-area-inset-top)) max(0.75rem, env(safe-area-inset-right)) max(0.75rem, env(safe-area-inset-bottom)) max(0.75rem, env(safe-area-inset-left));overflow:hidden;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.chromatic-vg-lightbox.is-open{opacity:1;visibility:visible}.chromatic-vg-lightbox__backdrop{position:absolute;inset:0;background:rgb(15 23 42 / .92);backdrop-filter:blur(6px)}.chromatic-vg-lightbox__panel{position:relative;z-index:2;display:flex;flex-direction:column;gap:.75rem;width:min(100%, 960px);max-height:calc(100svh - 1.5rem);min-height:0;animation:chromatic-vg-lightbox-in 0.35s cubic-bezier(.22,1,.36,1) both}@keyframes chromatic-vg-lightbox-in{from{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.chromatic-vg-lightbox__toolbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:#fff;min-width:0}.chromatic-vg-lightbox__title{margin:0;font-size:1rem;font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}.chromatic-vg-lightbox__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:0;border-radius:9999px;background:rgb(255 255 255 / .12);color:#fff;cursor:pointer;transition:background 0.2s ease}.chromatic-vg-lightbox__close:hover{background:rgb(255 255 255 / .22)}.chromatic-vg-lightbox__close:focus-visible{outline:2px solid #fff;outline-offset:2px}.chromatic-vg-lightbox__media{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:.75rem;overflow:hidden;box-shadow:0 25px 50px -12px rgb(0 0 0 / .45)}.chromatic-vg-lightbox__iframe,.chromatic-vg-lightbox__video{display:block;width:100%;height:100%;border:0;object-fit:contain;background:#000}body.chromatic-vg-lightbox-open{overflow:hidden}.chromatic-vg-play-trigger{cursor:pointer}@media (max-width:640px){.chromatic-vg-lightbox__panel{width:100%}.chromatic-vg-lightbox__title{font-size:.875rem}}@media (prefers-reduced-motion:reduce){.chromatic-vg-lightbox,.chromatic-vg-lightbox__panel{animation:none;transition:none}}