@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-style:solid}}}.user-avatar{background-color:var(--color-white,#fff);border-color:var(--color-gray-200,oklch(92.8% .006 264.531));border-radius:3.40282e+38px;border-style:var(--tw-border-style);border-width:2px;display:block;height:calc(var(--spacing,.25rem)*8);transition:border .3s;width:calc(var(--spacing,.25rem)*8)}.user-avatar.--sm{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6)}.user-avatar.--lg{height:calc(var(--spacing,.25rem)*24);width:calc(var(--spacing,.25rem)*24)}.user-avatar.--xl{height:calc(var(--spacing,.25rem)*32);width:calc(var(--spacing,.25rem)*32)}@media(min-width:1024px){.user-avatar.--xl{height:calc(var(--spacing,.25rem)*48);width:calc(var(--spacing,.25rem)*48)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}