.dragon-example-lightbox{border:1px solid var(--line);width:min(1400px,100vw - 32px);max-width:none;height:min(860px,100dvh - 32px);max-height:calc(100dvh - 32px);color:var(--ink);background:var(--paper);scrollbar-color:var(--ink) var(--paper);padding:0;overflow:hidden;box-shadow:0 24px 100px #0008}.dragon-example-lightbox[open]{animation:.28s cubic-bezier(.16,1,.3,1) both dragon-example-lightbox-enter}.dragon-example-lightbox::backdrop{backdrop-filter:blur(12px);background:#080b12df;animation:.25s both dragon-example-backdrop-enter}.dragon-example-lightbox.is-closing{animation:.18s both dragon-example-lightbox-leave}.dragon-example-lightbox.is-closing::backdrop{animation:.18s both dragon-example-backdrop-leave}@keyframes dragon-example-lightbox-enter{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}@keyframes dragon-example-lightbox-leave{to{opacity:0;transform:translateY(10px)scale(.98)}}@keyframes dragon-example-backdrop-enter{0%{background:#080b1200}to{background:#080b12df}}@keyframes dragon-example-backdrop-leave{to{background:#080b1200}}@media (width<=720px){.dragon-example-lightbox{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}}@media (prefers-reduced-motion:reduce){.dragon-example-lightbox[open],.dragon-example-lightbox.is-closing,.dragon-example-lightbox::backdrop{animation:none}}