.coabitia-identity-image{--identity-image-size:6.5rem;--identity-edit-size:2.75rem;--identity-logo-span:2.4;--identity-logo-radius:calc(var(--identity-image-size) * .15);--identity-pencil-fill:var(--background);--identity-pencil-edge:color-mix(in oklab, var(--foreground) 62%, var(--background));--identity-edit-ring:color-mix(in oklab, var(--background) 92%, transparent);--identity-edit-veil:#080c1461;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;min-width:0;display:flex}.dark .coabitia-identity-image{--identity-pencil-fill:var(--foreground);--identity-pencil-edge:color-mix(in oklab, var(--background) 70%, var(--foreground));--identity-edit-ring:color-mix(in oklab, var(--foreground) 88%, transparent);--identity-edit-veil:#00000073}.coabitia-identity-image[data-empty]{--identity-pencil-edge:var(--primary);--identity-edit-ring:var(--primary);--identity-edit-veil:color-mix(in oklab, var(--primary) 12%, transparent)}.coabitia-identity-image>.coabitia-identity-image__failure{flex:100%}.coabitia-identity-image__figure{width:var(--identity-image-size);height:var(--identity-image-size);flex:none;position:relative}.coabitia-identity-image[data-slot=logo] .coabitia-identity-image__figure{width:min(100%, calc(var(--identity-image-size) * min(var(--identity-image-ratio,1), var(--identity-logo-span))));height:auto;aspect-ratio:var(--identity-image-ratio,1)}.coabitia-identity-image__media{background:color-mix(in oklab, var(--primary) 12%, var(--muted));border-radius:50%;place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.coabitia-identity-image[data-slot=logo] .coabitia-identity-image__media{border-radius:var(--identity-logo-radius)}.coabitia-identity-image[data-slot=logo]:not([data-empty]) .coabitia-identity-image__media{background-color:var(--background);background-image:repeating-conic-gradient(color-mix(in oklab, var(--foreground) 8%, var(--background)) 0 25%, transparent 0 50%);background-size:14px 14px}.coabitia-identity-image__picture{object-fit:cover;width:100%;min-width:0;height:100%;min-height:0;display:block;transition:opacity .24s cubic-bezier(.22,1,.36,1)!important}.coabitia-identity-image[data-slot=logo] .coabitia-identity-image__picture{object-fit:contain}.coabitia-identity-image__art{place-self:end start;width:66%;height:66%;margin:12%}.coabitia-identity-image__broken{width:100%;height:100%;color:var(--muted-foreground);place-items:center;display:grid}.coabitia-identity-image__progress{border-radius:inherit;background:color-mix(in oklab, var(--card) 70%, transparent);color:var(--primary);place-items:center;display:grid;position:absolute;inset:0}.coabitia-identity-image[data-busy] .coabitia-identity-image__picture{opacity:.6}.coabitia-identity-image__edit{z-index:1;top:calc(var(--identity-image-size) * .1464 - var(--identity-edit-size) / 2);right:calc(var(--identity-image-size) * .1464 - var(--identity-edit-size) / 2);display:block;position:absolute}.coabitia-identity-image[data-slot=logo] .coabitia-identity-image__edit{top:calc(var(--identity-logo-radius) * .2929 - var(--identity-edit-size) / 2);right:calc(var(--identity-logo-radius) * .2929 - var(--identity-edit-size) / 2)}.coabitia-identity-image__edit>button,.coabitia-identity-image__edit coabitia-menu .coabitia-menu-trigger{width:var(--identity-edit-size);height:var(--identity-edit-size);min-height:var(--identity-edit-size);cursor:pointer;touch-action:manipulation;background:0 0;border:1.5px solid #0000;border-radius:50%;place-items:center;padding:0;display:grid;transition:border-color .18s,background-color .18s!important}.coabitia-identity-image__edit .coabitia-menu-label{place-items:center;display:grid}.coabitia-identity-image__edit .coabitia-identity-image__pencil{width:1.3rem;height:1.3rem;fill:var(--identity-pencil-fill);stroke:var(--identity-pencil-edge);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1.5px #00000059);overflow:visible}.coabitia-identity-image[data-empty] .coabitia-identity-image__pencil{filter:none}.coabitia-identity-image__edit>button:is(:hover,:focus-visible):not(:disabled),.coabitia-identity-image__edit coabitia-menu .coabitia-menu-trigger:is(:hover,:focus-visible),.coabitia-identity-image__edit coabitia-menu[data-open] .coabitia-menu-trigger{border-color:var(--identity-edit-ring);background:var(--identity-edit-veil);outline:none}.coabitia-identity-image__edit :disabled{opacity:.45;cursor:default}.coabitia-identity-image__edit coabitia-menu [role=menuitem]>svg{flex:none;width:1rem;height:1rem}.coabitia-identity-image__meta{flex:8.5rem;justify-items:start;gap:.35rem;min-width:0;display:grid}.coabitia-identity-image__title{font-size:.875rem;font-weight:500}.coabitia-identity-image__progress-text{color:var(--primary);font-size:.75rem}.coabitia-identity-image__show{min-height:2.75rem;color:var(--muted-foreground);border-radius:999px;gap:0;margin-inline-start:-.7rem;padding-inline-end:.85rem;font-weight:500;transition:background-color .16s,color .16s!important}.coabitia-identity-image__show:has(input:checked){color:var(--foreground)}.coabitia-identity-image__show:has(input:not(:disabled)):hover{background:var(--secondary);color:var(--foreground)}.coabitia-identity-image__show:has(input:focus-visible){background:var(--secondary);color:var(--foreground)}.coabitia-identity-image__show:has(input:disabled){opacity:.6}.coabitia-identity-image__failure{border:1px solid color-mix(in oklab, var(--destructive) 45%, var(--border));background:color-mix(in oklab, var(--destructive) 7%, var(--card));border-radius:.75rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.5rem .75rem;min-width:0;padding:.75rem;display:grid;animation:.26s cubic-bezier(.22,1,.36,1) identity-image-in!important}.coabitia-identity-image__failure-icon{width:1.25rem;height:1.25rem;color:var(--destructive);margin-top:.1rem}@keyframes identity-image-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.coabitia-identity-image__dialog{width:min(100% - 2rem,40rem)}.coabitia-identity-image__dialog coabitia-image-cropper,.coabitia-identity-image__original{margin-block:1rem;display:block}.coabitia-identity-image__original{object-fit:contain;background-color:var(--background);background-image:repeating-conic-gradient(color-mix(in oklab, var(--foreground) 8%, var(--background)) 0 25%, transparent 0 50%);background-size:14px 14px;border-radius:1rem;width:100%;max-height:min(60dvh,34rem)}@media (forced-colors:active){.coabitia-identity-image__edit>button:is(:hover,:focus-visible),.coabitia-identity-image__edit coabitia-menu .coabitia-menu-trigger:is(:hover,:focus-visible){border-color:highlight}.coabitia-identity-image__pencil{fill:buttontext;stroke:buttonface}.coabitia-identity-image__failure{border-color:canvastext}}
