@layer base{.avatar{background-color:var(--avatar-bg,var(--color-base-300));width:2.5rem;height:2.5rem;color:var(--avatar-fg,var(--color-base-content));-webkit-user-select:none;user-select:none;vertical-align:middle;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:600;line-height:1;display:inline-flex;position:relative;overflow:visible}.avatar>img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.avatar>svg{width:60%;height:60%}.avatar-rounded{border-radius:var(--radius-box,.5rem)}.avatar-ring{box-shadow:0 0 0 .15em var(--color-base-100),0 0 0 .3em var(--avatar-accent,var(--color-primary))}.avatar-offline:after,.avatar-online:after{content:"";width:25%;height:25%;box-shadow:0 0 0 .12em var(--color-base-100);border-radius:9999px;position:absolute;bottom:5%;right:5%}.avatar-online:after{background-color:var(--color-success)}.avatar-offline:after{background-color:var(--color-base-300)}.avatar-group{align-items:center;display:inline-flex}.avatar-group>.avatar{box-shadow:0 0 0 .15em var(--color-base-100);margin-inline-start:-.7em}.avatar-group>.avatar:first-child{margin-inline-start:0}.avatar-xs{width:1.5rem;height:1.5rem;font-size:.75rem}.avatar-sm{width:2rem;height:2rem;font-size:.875rem}.avatar-md{width:2.5rem;height:2.5rem;font-size:1rem}.avatar-lg{width:3rem;height:3rem;font-size:1.125rem}.avatar-xl{width:4rem;height:4rem;font-size:1.25rem}.avatar-primary{--avatar-bg:var(--color-primary);--avatar-fg:var(--color-primary-content,oklch(from var(--color-primary) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--avatar-accent:var(--color-primary);--avatar-ink:oklch(from var(--color-primary) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.avatar-primary{--avatar-ink:oklch(from color-mix(in oklab,var(--color-primary) 50%,var(--color-base-content)) l calc(c * 2) h)}}.avatar-secondary{--avatar-bg:var(--color-secondary);--avatar-fg:var(--color-secondary-content,oklch(from var(--color-secondary) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--avatar-accent:var(--color-secondary);--avatar-ink:oklch(from var(--color-secondary) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.avatar-secondary{--avatar-ink:oklch(from color-mix(in oklab,var(--color-secondary) 50%,var(--color-base-content)) l calc(c * 2) h)}}.avatar-accent{--avatar-bg:var(--color-accent);--avatar-fg:var(--color-accent-content,oklch(from var(--color-accent) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--avatar-accent:var(--color-accent);--avatar-ink:oklch(from var(--color-accent) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.avatar-accent{--avatar-ink:oklch(from color-mix(in oklab,var(--color-accent) 50%,var(--color-base-content)) l calc(c * 2) h)}}.avatar-neutral{--avatar-bg:var(--color-neutral);--avatar-fg:var(--color-neutral-content,oklch(from var(--color-neutral) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--avatar-accent:var(--color-neutral);--avatar-ink:var(--color-base-content)}.avatar-info{--avatar-bg:var(--color-info);--avatar-fg:var(--color-info-content,oklch(from var(--color-info) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--avatar-accent:var(--color-info);--avatar-ink:oklch(from var(--color-info) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.avatar-info{--avatar-ink:oklch(from color-mix(in oklab,var(--color-info) 50%,var(--color-base-content)) l calc(c * 2) h)}}.avatar-success{--avatar-bg:var(--color-success);--avatar-fg:var(--color-success-content,oklch(from var(--color-success) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--avatar-accent:var(--color-success);--avatar-ink:oklch(from var(--color-success) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.avatar-success{--avatar-ink:oklch(from color-mix(in oklab,var(--color-success) 50%,var(--color-base-content)) l calc(c * 2) h)}}.avatar-warning{--avatar-bg:var(--color-warning);--avatar-fg:var(--color-warning-content,oklch(from var(--color-warning) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--avatar-accent:var(--color-warning);--avatar-ink:oklch(from var(--color-warning) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.avatar-warning{--avatar-ink:oklch(from color-mix(in oklab,var(--color-warning) 50%,var(--color-base-content)) l calc(c * 2) h)}}.avatar-error{--avatar-bg:var(--color-error);--avatar-fg:var(--color-error-content,oklch(from var(--color-error) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--avatar-accent:var(--color-error);--avatar-ink:oklch(from var(--color-error) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.avatar-error{--avatar-ink:oklch(from color-mix(in oklab,var(--color-error) 50%,var(--color-base-content)) l calc(c * 2) h)}}.avatar-brand{--avatar-bg:var(--color-brand);--avatar-fg:var(--color-brand-content,oklch(from var(--color-brand) clamp(0,(var(--silica-content-threshold,.57) - l) * 1000,1) 0 0));--avatar-accent:var(--color-brand);--avatar-ink:oklch(from var(--color-brand) l calc(c * 2) h)}@supports (color:color-mix(in lab,red,red)){.avatar-brand{--avatar-ink:oklch(from color-mix(in oklab,var(--color-brand) 50%,var(--color-base-content)) l calc(c * 2) h)}}}