.avatar-base{border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;flex-shrink:0;flex-grow:0}.avatar-xs{width:24px;height:24px}.avatar-sm{width:32px;height:32px}.avatar-md{width:40px;height:40px}.avatar-lg{width:48px;height:48px}.avatar-xl{width:64px;height:64px}.avatar-2xl{width:96px;height:96px}.avatar-default{box-shadow:0 2px 8px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);background-color:white}.avatar-default:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent 60%);border-radius:50%;pointer-events:none}.avatar-overlay{border:2px solid white;box-shadow:0 4px 12px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05)}.avatar-profile{box-shadow:0 8px 24px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.3);border:2px solid white}.avatar-brand{width:100%;height:100%;border:none;background:none;box-shadow:none}.avatar-brand:before{display:none}.avatar-brand.avatar-empty{background:linear-gradient(135deg,#fb923c,#ea580c);box-shadow:none}.avatar-empty{background:linear-gradient(135deg,#e9e7fc,#f3e8ff);position:relative;box-shadow:0 1px 4px rgba(102,126,234,.1),inset 0 1px 0 rgba(255,255,255,.5)}.avatar-empty:after{content:"";position:absolute;top:1px;left:1px;right:1px;bottom:1px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3) 0,transparent 70%);pointer-events:none}.avatar-xs .avatar-icon{font-size:12px}.avatar-sm .avatar-icon{font-size:16px}.avatar-md .avatar-icon{font-size:20px}.avatar-lg .avatar-icon{font-size:24px}.avatar-xl .avatar-icon{font-size:32px}.avatar-2xl .avatar-icon{font-size:40px}.avatar-icon{color:#9ca3af;position:relative;z-index:1}.avatar-image{width:100%;height:100%;object-fit:cover;filter:contrast(1.05) brightness(1.02)}.avatar-base{-webkit-tap-highlight-color:transparent}.avatar-empty{cursor:default!important}.avatar-empty:active,.avatar-empty:focus,.avatar-empty:hover{transform:none!important;box-shadow:0 1px 4px rgba(102,126,234,.1),inset 0 1px 0 rgba(255,255,255,.5)!important}.avatar-base[data-online=true]:after{content:"";position:absolute;bottom:0;right:0;width:25%;height:25%;background:#10b981;border:2px solid white;border-radius:50%;z-index:2}.avatar-ring{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:2px;background:linear-gradient(135deg,#8b5cf6,#a855f7 50%,#8b5cf6);flex-shrink:0;-webkit-tap-highlight-color:transparent}.avatar-ring .avatar-base{border:2px solid white}.avatar-ring-xs{width:28px;height:28px}.avatar-ring-sm{width:36px;height:36px}.avatar-ring-md{width:44px;height:44px}.avatar-ring-lg{width:52px;height:52px}.avatar-ring-xl{width:68px;height:68px}.avatar-ring-2xl{width:100px;height:100px}.avatar-ring .avatar-xs{width:24px;height:24px}.avatar-ring .avatar-sm{width:32px;height:32px}.avatar-ring .avatar-md{width:40px;height:40px}.avatar-ring .avatar-lg{width:48px;height:48px}.avatar-ring .avatar-xl{width:64px;height:64px}.avatar-ring .avatar-2xl{width:96px;height:96px}.avatar-ring:hover,.avatar-ring[onclick]:hover{transform:scale(1.02)}@media (prefers-reduced-motion:reduce){.avatar-ring{transition:none}}