.image-lightbox.image-lightbox{background:rgba(0, 0, 0, calc(.92 * var(--lightbox-dim,1)))}.image-lightbox__root{cursor:zoom-out;touch-action:pan-x pinch-zoom;height:100%;position:relative}.image-lightbox__strip{height:100%;display:flex;overflow:hidden}.image-lightbox__strip[data-multi]{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;overflow:auto hidden}.image-lightbox__strip[data-multi]::-webkit-scrollbar{display:none}.image-lightbox__slide{box-sizing:border-box;scroll-snap-align:center;scroll-snap-stop:always;flex-direction:column;flex:0 0 100%;justify-content:center;align-items:center;gap:10px;height:100%;margin:0;padding:56px 12px 44px;display:flex}@media (width>=48em){.image-lightbox__strip[data-multi] .image-lightbox__slide{padding-left:72px;padding-right:72px}}.image-lightbox__img{object-fit:contain;border-radius:8px;max-width:100%;min-height:0;max-height:100%;display:block;box-shadow:0 8px 48px #0009}.image-lightbox__img[data-captioned]{max-height:calc(100% - 44px)}.image-lightbox__caption{cursor:default;text-shadow:0 1px 3px #000c;max-width:62ch}.image-lightbox__close{z-index:2;opacity:.8;position:absolute;top:12px;right:12px}.image-lightbox__nav{z-index:2;opacity:.85;position:absolute;top:50%;transform:translateY(-50%)}.image-lightbox__nav[data-side=left]{left:16px}.image-lightbox__nav[data-side=right]{right:16px}@media (hover:none) and (pointer:coarse){.image-lightbox__nav{display:none}}.image-lightbox__count{z-index:2;color:#ffffffd9;font-size:var(--mantine-font-size-xs);font-variant-numeric:tabular-nums;pointer-events:none;background:#0000008c;border-radius:999px;padding:3px 10px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.imagina-codex-link{cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:color-mix(in srgb, var(--imagina-accent) 70%, transparent);text-decoration-color:color-mix(in srgb, var(--imagina-accent) 70%, transparent);text-underline-offset:.18em;border-radius:3px;text-decoration-thickness:1.5px;transition:background-color .12s,text-decoration-color .12s}.imagina-codex-link:hover,.imagina-codex-link:focus-visible{-webkit-text-decoration-color:var(--imagina-accent);text-decoration-color:var(--imagina-accent);background:color-mix(in srgb, var(--imagina-accent) 12%, transparent);outline:none}.imagina-codex-link-plain{cursor:pointer;border-radius:4px}.imagina-codex-link-plain:focus-visible{outline:1px solid var(--imagina-accent);outline-offset:1px}.imagina-codex-item{vertical-align:middle;align-items:center;gap:6px;max-width:100%;display:inline-flex}.imagina-codex-item-name{min-width:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:color-mix(in srgb, var(--imagina-accent) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--imagina-accent) 55%, transparent);text-underline-offset:.18em}.imagina-codex-link-plain:hover .imagina-codex-item-name{-webkit-text-decoration-color:var(--imagina-accent);text-decoration-color:var(--imagina-accent)}.imagina-codex-thumb{object-fit:cover;border:1px solid var(--imagina-border);border-radius:4px;flex-shrink:0;width:20px;height:20px}.imagina-codex-item[data-size=md]{gap:10px}.imagina-codex-item[data-size=md] .imagina-codex-thumb{border-radius:7px;width:44px;height:44px}.imagina-codex-thumb-icon{opacity:.6;color:var(--imagina-accent);flex-shrink:0}.imagina-codex-peek-image{object-fit:cover;border:1px solid var(--imagina-border);border-radius:8px;flex-shrink:0;width:72px;height:72px}.imagina-codex-peek-zoom{cursor:zoom-in;border-radius:var(--mantine-radius-md);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;padding:0;display:flex}.imagina-codex-peek-zoom:disabled{cursor:default}.imagina-codex-peek-zoom:focus-visible{outline:2px solid var(--imagina-accent);outline-offset:2px}.imagina-codex-peek-image--whole{object-fit:contain;background:radial-gradient(circle at 50% 40%, #ffffff14, transparent 70%), var(--imagina-surface-secondary,transparent);width:auto;max-width:72px;height:auto;max-height:72px}.imagina-codex-peek{border:1px solid color-mix(in srgb, var(--imagina-accent) 30%, var(--imagina-border));border-radius:var(--mantine-radius-lg);background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--imagina-accent) 10%, transparent), transparent 60%), var(--imagina-surface-primary,var(--mantine-color-body));padding:12px;box-shadow:0 14px 36px #00000061,0 0 0 1px #0000001f}.imagina-codex-peek .imagina-codex-peek-image{border-radius:var(--mantine-radius-md)}
