:where(.sj-avatar,.sj-avatar-fallback){width:var(--sj-avatar-size,40px);height:var(--sj-avatar-size,40px);color:#12675e;vertical-align:middle;isolation:isolate;background:#e1f1ed;border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid;position:relative;overflow:hidden}.sj-avatar-base{place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.sj-avatar-initials{white-space:nowrap;max-width:100%;line-height:1;font-size:calc(var(--sj-avatar-size,40px) * .32);letter-spacing:-.03em;font-weight:700;overflow:hidden}.sj-avatar-base>svg,.sj-avatar-fallback>svg{width:52%;height:52%}.sj-avatar>.sj-avatar-image{-o-object-fit:cover;object-fit:cover;border-radius:inherit;opacity:0;width:100%;height:100%;transition:opacity .16s;position:absolute;top:0;bottom:0;left:0;right:0}.sj-avatar>.sj-avatar-image.is-ready{opacity:1}[data-theme=dark] :where(.sj-avatar,.sj-avatar-fallback){color:#a9e4d4;background:#173e38}@media (prefers-reduced-motion:reduce){.sj-avatar>.sj-avatar-image{transition:none}}.sj-avatar-fallback{max-width:100%;max-height:100%}