.dom-lightbox{z-index:999;color:#fff;pointer-events:auto;outline:none;position:fixed;inset:0}.dom-lightbox__backdrop{opacity:0;transition:opacity var(--dom-lightbox-duration,.42s) ease;background:#000000e0;position:absolute;inset:0}.dom-lightbox[data-phase=opening] .dom-lightbox__backdrop,.dom-lightbox[data-phase=open] .dom-lightbox__backdrop,.dom-lightbox[data-phase=closing-from] .dom-lightbox__backdrop{opacity:1}.dom-lightbox[data-phase=closing] .dom-lightbox__backdrop{opacity:0}.dom-lightbox__topbar{z-index:4;padding:max(.75rem, env(safe-area-inset-top)) 1rem .75rem;opacity:0;justify-content:space-between;align-items:center;gap:1rem;transition:opacity .16s,transform .18s;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-.5rem)}.dom-lightbox[data-phase=open] .dom-lightbox__topbar,.dom-lightbox[data-phase=closing-from] .dom-lightbox__topbar{opacity:1;transform:none}.dom-lightbox__counter{letter-spacing:0;color:#ffffffdb;-webkit-backdrop-filter:blur(12px);background:#ffffff1f;border-radius:999px;padding:.45rem .7rem;font-size:.75rem;font-weight:600}.dom-lightbox__close{color:#fff;-webkit-backdrop-filter:blur(14px);background:#ffffff21}.dom-lightbox__stage{z-index:2;pointer-events:none;grid-template-columns:minmax(3rem,1fr) auto minmax(3rem,1fr);place-items:center;display:grid;position:fixed;inset:0}.dom-lightbox__stage-frame{left:var(--dom-lightbox-to-left);top:var(--dom-lightbox-to-top);width:var(--dom-lightbox-to-width);height:var(--dom-lightbox-to-height);pointer-events:auto;place-items:center;display:grid;position:fixed}.dom-lightbox__stage-content{opacity:0;place-items:center;width:100%;height:100%;transition:none;display:grid;transform:none}.dom-lightbox__stage-content[data-visible=true]{opacity:1}.dom-lightbox__image{object-fit:cover;border-radius:.75rem;width:100%;height:100%;box-shadow:0 2rem 5rem #0000006b}.dom-lightbox__nav{z-index:5;pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(14px);background:#ffffff21;position:fixed;top:50%}.dom-lightbox__nav--previous{left:max(.75rem, env(safe-area-inset-left))}.dom-lightbox__nav--next{right:max(.75rem, env(safe-area-inset-right))}.dom-lightbox__caption{z-index:4;left:50%;bottom:calc(5.25rem + env(safe-area-inset-bottom));width:min(calc(100vw - 2rem), var(--dom-lightbox-to-width));text-align:center;opacity:0;transition:opacity .16s;position:fixed;transform:translate(-50%)}.dom-lightbox[data-phase=open] .dom-lightbox__caption,.dom-lightbox[data-phase=closing-from] .dom-lightbox__caption{opacity:1}.dom-lightbox__caption-title{letter-spacing:0;color:#fff;font-size:.95rem;font-weight:700}.dom-lightbox__caption-description{color:#ffffffb8;margin-top:.25rem;font-size:.82rem;line-height:1.5}.dom-lightbox__thumbs{z-index:5;left:50%;bottom:calc(.9rem + env(safe-area-inset-bottom));opacity:0;gap:.5rem;max-width:min(100vw - 2rem,44rem);padding:.25rem;transition:opacity .16s;display:flex;position:fixed;overflow-x:auto;transform:translate(-50%)}.dom-lightbox[data-phase=open] .dom-lightbox__thumbs,.dom-lightbox[data-phase=closing-from] .dom-lightbox__thumbs{opacity:1}.dom-lightbox__thumb{opacity:.62;background:#ffffff1f;border:2px solid #0000;border-radius:.5rem;flex:none;width:4rem;height:3rem;padding:0;transition:border-color .14s,opacity .14s,transform .14s;overflow:hidden}.dom-lightbox__thumb:hover,.dom-lightbox__thumb[data-active=true]{opacity:1}.dom-lightbox__thumb[data-active=true]{border-color:#ffffffeb;transform:translateY(-.125rem)}.dom-lightbox__thumb img{object-fit:cover;width:100%;height:100%}.dom-lightbox__ghost{z-index:3;left:var(--dom-lightbox-from-left);top:var(--dom-lightbox-from-top);width:var(--dom-lightbox-from-width);height:var(--dom-lightbox-from-height);object-fit:cover;pointer-events:none;transition:left var(--dom-lightbox-duration,.42s) cubic-bezier(.16, 1, .3, 1), top var(--dom-lightbox-duration,.42s) cubic-bezier(.16, 1, .3, 1), width var(--dom-lightbox-duration,.42s) cubic-bezier(.16, 1, .3, 1), height var(--dom-lightbox-duration,.42s) cubic-bezier(.16, 1, .3, 1), border-radius var(--dom-lightbox-duration,.42s) cubic-bezier(.16, 1, .3, 1);border-radius:.625rem;position:fixed;box-shadow:0 1.5rem 4rem #00000059}.dom-lightbox__ghost--fallback{background:var(--canvas)}.dom-lightbox[data-phase=opening] .dom-lightbox__ghost,.dom-lightbox[data-phase=closing-from] .dom-lightbox__ghost{left:var(--dom-lightbox-to-left);top:var(--dom-lightbox-to-top);width:var(--dom-lightbox-to-width);height:var(--dom-lightbox-to-height);border-radius:.75rem}.dom-lightbox[data-phase=enter-from] .dom-lightbox__ghost,.dom-lightbox[data-phase=closing-from] .dom-lightbox__ghost{transition:none}.dom-lightbox[data-phase=closing] .dom-lightbox__ghost{left:var(--dom-lightbox-from-left);top:var(--dom-lightbox-from-top);width:var(--dom-lightbox-from-width);height:var(--dom-lightbox-from-height);border-radius:.625rem}@media (width<=640px){.dom-lightbox__stage{grid-template-columns:1fr}.dom-lightbox__nav{top:auto;bottom:calc(4.75rem + env(safe-area-inset-bottom))}.dom-lightbox__caption{bottom:calc(4.5rem + env(safe-area-inset-bottom))}.dom-lightbox__thumb{width:3.25rem;height:2.5rem}}@media (prefers-reduced-motion:reduce){.dom-lightbox__backdrop,.dom-lightbox__topbar,.dom-lightbox__stage-content,.dom-lightbox__caption,.dom-lightbox__thumbs,.dom-lightbox__ghost{transition-duration:80ms}}
