.user-avatar{--user-avatar-border-width:1px;--user-avatar-border-color:transparent;border-radius:calc(infinity * 1px);background-color:color-mix(in srgb,var(--colors-gray-800) var(--un-bg-opacity),transparent);display:flex;flex-shrink:0;aspect-ratio:1/1;align-items:center;justify-content:center;position:relative;overflow:hidden}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.user-avatar{background-color:color-mix(in oklab,var(--colors-gray-800) var(--un-bg-opacity),transparent)}}.user-avatar:after{content:"";border-radius:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));inset:calc(var(--spacing) * 0);position:absolute;border:solid var(--user-avatar-border-width) var(--user-avatar-border-color)}.user-avatar.bordered{--user-avatar-border-color:#FFC678}.user-avatar__img{width:100%;height:100%;display:block;object-fit:cover}