html:has(.image-lightbox[open]){scrollbar-gutter:stable;overflow:hidden}.image-lightbox{width:100%;max-width:none;height:100dvh;max-height:none;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);color:#f4eee4;overscroll-behavior:contain;touch-action:pinch-zoom;background:0 0;border:0;margin:0;position:fixed;inset:0;overflow:hidden}.image-lightbox[open]{place-items:center;display:grid}.image-lightbox::backdrop{background:0 0}.image-lightbox__shade{pointer-events:none;background:#080a0d;position:absolute;inset:0}.image-lightbox__image{width:min(calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)), calc((100dvh - 128px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * var(--image-view-ratio)));aspect-ratio:var(--image-view-ratio);border-radius:var(--radius-card);transform-origin:50%;background:#030406;position:relative}.image-lightbox__image img{object-fit:contain;border-radius:inherit;width:100%;height:100%;display:block}.image-lightbox__close,.image-lightbox__navigate{width:44px;height:44px;color:inherit;cursor:pointer;touch-action:manipulation;background:#080a0d;border:1px solid #f4eee433;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.image-lightbox__close{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right))}.image-lightbox__close:hover,.image-lightbox__navigate:not([aria-disabled=true]):hover{background:#24262a}.image-lightbox__close:focus-visible,.image-lightbox__navigate:focus-visible{outline-offset:4px;outline:2px solid}.image-lightbox[data-state=closing] .image-lightbox__close{opacity:0}.image-lightbox[data-navigable] .image-lightbox__image{width:min(calc(100vw - 144px - env(safe-area-inset-left) - env(safe-area-inset-right)), calc((100dvh - 128px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * var(--image-view-ratio)))}.image-lightbox__close{transition:background var(--motion-duration-control) var(--ease-calm), opacity var(--motion-duration-control) var(--ease-calm)}.image-lightbox__navigate{transition:background var(--motion-duration-control) var(--ease-calm), opacity var(--motion-duration-control) var(--ease-calm);top:50%;transform:translateY(-50%)}.image-lightbox__navigate--previous{left:max(12px, env(safe-area-inset-left))}.image-lightbox__navigate--next{right:max(12px, env(safe-area-inset-right))}.image-lightbox__navigate[aria-disabled=true]{opacity:.4;cursor:default}.image-lightbox__position{bottom:max(12px, env(safe-area-inset-bottom));left:calc(50% + (env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)) / 2);max-width:calc(100% - 144px - env(safe-area-inset-left) - env(safe-area-inset-right));text-overflow:ellipsis;white-space:nowrap;height:44px;font:400 .8rem/44px var(--font-sans);text-align:center;pointer-events:none;transition:opacity var(--motion-duration-control) var(--ease-calm);margin:0;position:absolute;overflow:hidden;transform:translate(-50%)}.image-lightbox[data-state=closing] :is(.image-lightbox__close,.image-lightbox__navigate,.image-lightbox__position){opacity:0;pointer-events:none}@media (max-width:640px){.image-lightbox[data-navigable] .image-lightbox__image{width:min(calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)), calc((100dvh - 128px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * var(--image-view-ratio)))}.image-lightbox__navigate{top:auto;bottom:max(12px, env(safe-area-inset-bottom));transform:none}}@media (prefers-reduced-motion:reduce){.image-lightbox__close,.image-lightbox__navigate,.image-lightbox__position{transition:none}}@media (forced-colors:active){.image-lightbox[data-navigable] :is(.image-lightbox__close,.image-lightbox__navigate){color:buttontext;background:buttonface;border-color:buttontext}.image-lightbox__navigate[aria-disabled=true]{opacity:1;color:graytext;border-color:graytext}.image-lightbox__position{color:canvastext}}
