@layer properties,theme,base;@layer components{.Soql5a_avatar{border:1px solid var(--ec-border);border-radius:var(--ec-radius-pill);background:var(--ec-surface-muted);color:var(--ec-foreground);font-size:var(--ec-text-xs);flex:none;place-items:center;font-weight:500;display:inline-grid;position:relative;overflow:visible}.Soql5a_avatar img{pointer-events:none;border-radius:inherit;object-fit:cover;width:100%;height:100%;transition:opacity var(--ec-duration-standard) var(--ec-ease-enter), filter var(--ec-duration-standard) var(--ec-ease-enter);position:absolute;inset:0}.Soql5a_avatar img[data-loading]{opacity:0;filter:blur(4px);transition:none}.Soql5a_sm{width:28px;height:28px;font-size:var(--ec-text-xs)}.Soql5a_md{width:36px;height:36px}.Soql5a_lg{width:48px;height:48px;font-size:var(--ec-text-sm)}.Soql5a_xl{width:88px;height:88px;font-size:var(--ec-text-xl)}.Soql5a_status{z-index:2;border:2px solid var(--ec-surface);border-radius:var(--ec-radius-pill);width:10px;height:10px;box-shadow:0 0 0 1px color-mix(in oklab, var(--ec-border) 70%, transparent);position:absolute;bottom:0;right:0}.Soql5a_sm .Soql5a_status{border-width:1.5px;width:8px;height:8px}.Soql5a_lg .Soql5a_status{width:12px;height:12px}.Soql5a_xl .Soql5a_status{width:14px;height:14px;bottom:4px;right:4px}.Soql5a_online{background:var(--ec-success)}.Soql5a_offline{background:var(--ec-text-muted)}@media (prefers-reduced-motion:reduce){.Soql5a_avatar img{transition:none}.Soql5a_avatar img[data-loading]{filter:none}}}@layer utilities;