.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-image--whole{object-fit:contain;background:radial-gradient(circle at 50% 40%, #ffffff14, transparent 70%), var(--imagina-surface-secondary,transparent);padding:4px}.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)}