.avatar{--avatar-size:40px;inline-size:var(--avatar-size);block-size:var(--avatar-size);background:var(--p100);color:var(--p700);font-family:inherit;font-size:calc(var(--avatar-size) * .4);-webkit-user-select:none;user-select:none;box-shadow:0 0 0 2px var(--white,#fff);border-radius:50%;flex-shrink:0;place-items:center;font-weight:900;line-height:1;display:inline-grid;overflow:hidden}.avatar img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.avatar-xs{--avatar-size:24px;box-shadow:none}.avatar-sm{--avatar-size:32px}.avatar-md{--avatar-size:40px}.avatar-lg{--avatar-size:56px}.avatar-xl{--avatar-size:96px}.avatar-success{background:var(--su100);color:var(--su700)}.avatar-warning{background:var(--wa100);color:var(--wa700)}.avatar-danger{background:var(--da100);color:var(--da700)}.avatar-violet{background:var(--vi100);color:var(--vi700)}.avatar-on-brand{color:#fff;background:#ffffff38;box-shadow:0 0 0 2px #ffffff8c}.avatar-picker{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.avatar-picker-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.avatar-picker-file{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.avatar-picker-hint{color:var(--mute);margin:0;font-size:12.5px;font-weight:700}.avatar-picker-error{color:var(--da700);margin:0;font-size:13px;font-weight:800}.avatar-picker-preview{justify-items:center;gap:8px;display:grid}