.dx-avatar-item{align-items:center;gap:var(--dx-space-2);flex-direction:column;display:flex}.dx-avatar-label{color:var(--secondary-color-4);font-size:var(--dx-text-sm);margin:0}.dx-avatar{width:64px;height:64px;color:var(--secondary-color-4);flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.dx-avatar-image{aspect-ratio:1;width:100%;height:100%}.dx-avatar-sm{width:2rem;height:2rem;font-size:var(--dx-text-sm)}.dx-avatar-md{width:3rem;height:3rem;font-size:var(--dx-text-xl)}.dx-avatar-lg{width:4rem;height:4rem;font-size:var(--dx-text-3xl)}.dx-avatar-circle{border-radius:50%}.dx-avatar-rounded{border-radius:var(--dx-radius-lg)}.dx-avatar[data-state=loading]{background:var(--primary-color-5);animation:1.5s ease-in-out infinite dx-pulse}.dx-avatar[data-state=empty]{background:var(--primary-color-7)}@keyframes dx-pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.dx-avatar-fallback{background:var(--primary-color);width:100%;height:100%;color:var(--secondary-color-4);font-size:var(--dx-text-2xl);justify-content:center;align-items:center;display:flex}.dx-avatar[data-state=error] .dx-avatar-fallback{background:var(--primary-color-3);color:var(--secondary-color-4)}