@layer components{.avatar__root{border-radius:var(--radius-4xl);justify-content:center;align-items:center;overflow:hidden}.avatar__root--variant-default{background-color:var(--color-default)}.avatar__root--size-sm{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.avatar__root--size-md{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.avatar__root--size-lg{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.avatar__background{position:absolute;inset:0;overflow:hidden}.avatar__root--variant-soft--color-accent{background-color:color-mix(in oklab, var(--color-accent) 15%, transparent)}.avatar__root--variant-soft--color-default{background-color:var(--color-default)}.avatar__root--variant-soft--color-success{background-color:color-mix(in oklab, var(--color-success) 15%, transparent)}.avatar__root--variant-soft--color-warning{background-color:color-mix(in oklab, var(--color-warning) 15%, transparent)}.avatar__root--variant-soft--color-danger{background-color:color-mix(in oklab, var(--color-danger) 15%, transparent)}.avatar__image{width:100%;height:100%}.avatar__fallback-container{border-radius:9999px;justify-content:center;align-items:center;width:100%;height:100%}.avatar__fallback-text{@apply font-medium;}.avatar__fallback-text--size-sm{font-size:var(--text-xs);line-height:var(--text-xs--line-height)}.avatar__fallback-text--size-md{font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.avatar__fallback-text--size-lg{font-size:var(--text-base);line-height:var(--text-base--line-height)}.avatar__fallback-text--color-default{color:var(--color-default-soft-foreground)}.avatar__fallback-text--color-accent{color:var(--color-accent-soft-foreground)}.avatar__fallback-text--color-success{color:var(--color-success-soft-foreground)}.avatar__fallback-text--color-warning{color:var(--color-warning-soft-foreground)}.avatar__fallback-text--color-danger{color:var(--color-danger-soft-foreground)}}