.avatar-base{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0;background-color:#f8fafc;user-select:none}.avatar-xs{width:24px;height:24px;font-size:10px}.avatar-sm{width:32px;height:32px;font-size:12px}.avatar-md{width:48px;height:48px;font-size:16px}.avatar-lg{width:64px;height:64px;font-size:20px}.avatar-xl{width:80px;height:80px;font-size:24px}.avatar-2xl{width:96px;height:96px;font-size:28px}.avatar-dicebear-grid{width:80px;height:80px;font-size:24px}.avatar-dicebear-preview{width:120px;height:120px;font-size:32px}.avatar-border-none{border:none}.avatar-border-thin{border:1px solid #e5e7eb}.avatar-border-medium{border:2px solid #e5e7eb}.avatar-border-thick{border:3px solid #e5e7eb}.avatar-border-primary{border-color:var(--primary-color,#3b82f6)}.avatar-border-success{border-color:#10b981}.avatar-border-warning{border-color:#f59e0b}.avatar-border-error{border-color:#ef4444}.avatar-shadow-none{box-shadow:none}.avatar-shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.avatar-shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.avatar-shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.avatar-shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.avatar-shadow-dicebear{box-shadow:0 2px 8px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.06)}.avatar-hover{transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.avatar-hover:hover{transform:scale(1.05);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.avatar-hover:active{transform:scale(.98)}.avatar-hover-dicebear{transition:all .15s ease-out;cursor:pointer}.avatar-hover-dicebear:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.12)}.avatar-status{position:relative}.avatar-status:after{content:"";position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:8px;min-height:8px;border-radius:50%;border:2px solid white;background-color:#6b7280}.avatar-status.online:after{background-color:#10b981}.avatar-status.away:after{background-color:#f59e0b}.avatar-status.busy:after{background-color:#ef4444}.avatar-edit-button{position:absolute;bottom:-2px;right:-2px;width:30%;height:30%;min-width:20px;min-height:20px;background-color:#3b82f6;color:white;border:2px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.avatar-edit-button:hover{background-color:#2563eb;transform:scale(1.1)}.avatar-edit-button:active{transform:scale(.95)}.avatar-loading{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:avatar-shimmer 1.5s infinite}@keyframes avatar-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.avatar-initials{font-weight:600;color:white;text-align:center;line-height:1;letter-spacing:-.025em}.avatar-icon-fallback{color:#6b7280;width:60%;height:60%}.avatar-grid{display:grid;gap:1rem;padding:1rem}.avatar-grid-2{grid-template-columns:repeat(2,1fr)}.avatar-grid-3{grid-template-columns:repeat(3,1fr)}.avatar-grid-4{grid-template-columns:repeat(4,1fr)}.avatar-grid-6{grid-template-columns:repeat(6,1fr)}.avatar-grid-responsive{display:grid;gap:1rem;padding:1rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.avatar-group{display:flex;align-items:center}.avatar-group .avatar-base{margin-left:-.5rem;border:2px solid white;position:relative;z-index:1}.avatar-group .avatar-base:first-child{margin-left:0;z-index:3}.avatar-group .avatar-base:nth-child(2){z-index:2}.avatar-group .avatar-base:hover{z-index:10}.avatar-base:focus{outline:2px solid #3b82f6;outline-offset:2px}.avatar-base:focus:not(:focus-visible){outline:none}@media (prefers-contrast:high){.avatar-base{border:1px solid}.avatar-status:after{border-width:3px}}@media (prefers-reduced-motion:reduce){.avatar-edit-button,.avatar-hover,.avatar-hover-dicebear{transition:none}.avatar-loading{animation:none;background:#e2e8f0}}@media (max-width:640px){.avatar-responsive{width:40px;height:40px;font-size:14px}}@media (min-width:641px) and (max-width:768px){.avatar-responsive{width:48px;height:48px;font-size:16px}}@media (min-width:769px){.avatar-responsive{width:56px;height:56px;font-size:18px}}.avatar-theme-light{background-color:#f8fafc;color:#1f2937}.avatar-theme-dark{background-color:#374151;color:#f9fafb}.avatar-theme-dark .avatar-edit-button,.avatar-theme-dark .avatar-status:after{border-color:#374151}.avatar-clickable{cursor:pointer}.avatar-rounded{border-radius:50%}.avatar-square{border-radius:.375rem}.avatar-center{margin:0 auto}.avatar-image-cover{object-fit:cover}.avatar-image-contain{object-fit:contain}.avatar-image-fill{object-fit:fill}