.avatar.svelte-14az8u3{--avatar-size: 32px;--avatar-font: .75rem;--avatar-status: 11px;--avatar-radius: var(--radius-full, 9999px);--_corner-shape: round;--_corner-scale: 1;position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--avatar-radius);@supports (corner-shape: squircle){corner-shape:var(--_corner-shape);border-radius:calc(var(--avatar-radius) * var(--_corner-scale))}flex-shrink:0;user-select:none;vertical-align:middle;overflow:visible;font-size:var(--avatar-font);line-height:1;&.size-0{--avatar-size: 24px;--avatar-font: .625rem;--avatar-status: 10px}&.size-1{--avatar-size: 32px;--avatar-font: .75rem;--avatar-status: 13px}&.size-2{--avatar-size: 40px;--avatar-font: .875rem;--avatar-status: 15px}&.size-3{--avatar-size: 56px;--avatar-font: 1.125rem;--avatar-status: 19px}&.size-4{--avatar-size: 80px;--avatar-font: 1.5rem;--avatar-status: 25px}&.size-5{--avatar-size: 120px;--avatar-font: 2.25rem;--avatar-status: 34px}&.square{--avatar-radius: var(--radius-lg, 8px);--_corner-shape: squircle;--_corner-scale: var(--squircle-ratio, 2)}&.ring{box-shadow:0 0 0 2px var(--ring-color, var(--color-accent, currentColor))}&.interactive{cursor:pointer;outline:none;transition:transform .15s ease,box-shadow .2s ease;&:hover{transform:scale(1.05)}&:active{transform:scale(.97)}&:focus-visible{box-shadow:0 0 0 2px var(--color-bg, #fff),0 0 0 4px var(--color-accent, currentColor)}&.ring:focus-visible{box-shadow:0 0 0 2px var(--ring-color, var(--color-accent, currentColor)),0 0 0 4px var(--color-bg, #fff),0 0 0 6px var(--color-accent, currentColor)}}img:where(.svelte-14az8u3){display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--avatar-radius);@supports (corner-shape: squircle){corner-shape:var(--_corner-shape);border-radius:calc(var(--avatar-radius) * var(--_corner-scale))}}.initials:where(.svelte-14az8u3){display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--avatar-radius);@supports (corner-shape: squircle){corner-shape:var(--_corner-shape);border-radius:calc(var(--avatar-radius) * var(--_corner-scale))}color:#fff;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.icon:where(.svelte-14az8u3){display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--avatar-radius);@supports (corner-shape: squircle){corner-shape:var(--_corner-shape);border-radius:calc(var(--avatar-radius) * var(--_corner-scale))}background:light-dark(var(--color-border, #d1d5db),var(--color-border, #4b5563));color:light-dark(var(--color-text-muted, #6b7280),var(--color-text-muted, #9ca3af));svg:where(.svelte-14az8u3){width:60%;height:60%}}.status:where(.svelte-14az8u3){position:absolute;width:var(--avatar-status);height:var(--avatar-status);border-radius:var(--radius-full, 9999px);border:2px solid light-dark(var(--color-bg, #fff),var(--color-bg, #1f2937));z-index:1;&.bottom{bottom:-1px;right:-1px}&.top{top:-1px;right:-1px}&.online{background-color:var(--color-success, #22c55e);animation:svelte-14az8u3-avatar-pulse 2s ease-in-out infinite}&.away{background-color:var(--color-warning, #eab308)}&.busy{background-color:var(--color-error, #ef4444)}&.offline{background-color:light-dark(var(--color-text-muted, #9ca3af),var(--color-text-muted, #6b7280))}}&.square .status:where(.svelte-14az8u3){&.bottom{bottom:-2px;right:-2px}&.top{top:-2px;right:-2px}}.badge:where(.svelte-14az8u3){position:absolute;top:0;left:100%;translate:-45% -30%;display:flex;align-items:center;justify-content:center;background-color:var(--color-accent, var(--color-error, #ef4444));color:var(--color-accent-text, #fff);border-radius:var(--radius-full, 9999px);font-size:.8rem;font-weight:700;line-height:1;min-width:1.5em;height:1.5em;padding:0 .45em;border:2px solid light-dark(var(--color-bg, #fff),var(--color-bg, #1f2937));z-index:1;pointer-events:none;white-space:nowrap;&.dot{left:auto;right:0;width:.95em;min-width:.95em;height:.95em;padding:0;translate:25% -25%}}&.size-0 .badge:where(.svelte-14az8u3){font-size:.6rem}&.size-2 .badge:where(.svelte-14az8u3){font-size:.85rem}&.size-3 .badge:where(.svelte-14az8u3){font-size:.95rem}&.size-4 .badge:where(.svelte-14az8u3){font-size:1.1rem}&.size-5 .badge:where(.svelte-14az8u3){font-size:1.3rem}&.skeleton{pointer-events:none}.skeleton-inner:where(.svelte-14az8u3){position:absolute;inset:0;z-index:1;border-radius:var(--avatar-radius);@supports (corner-shape: squircle){corner-shape:var(--_corner-shape);border-radius:calc(var(--avatar-radius) * var(--_corner-scale))}background:var(--skeleton-bg, rgb(from var(--color-text, #888) r g b / .1));overflow:hidden;&:after{content:"";position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(105deg,transparent 25%,var(--skeleton-sheen, rgb(from var(--color-text, #888) r g b / .12)) 50%,transparent 75%);animation:delight-skeleton-shimmer var(--skeleton-duration, 2.4s) ease-in-out infinite;animation-delay:var(--shimmer-delay, 0s)}}}@keyframes svelte-14az8u3-avatar-pulse{0%,to{box-shadow:0 0 rgb(from var(--color-success, #22c55e) r g b / .4)}50%{box-shadow:0 0 0 3px rgb(from var(--color-success, #22c55e) r g b / 0)}}@keyframes delight-skeleton-shimmer{0%{transform:translate(-100%)}55%,to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.avatar.svelte-14az8u3 .status.online:where(.svelte-14az8u3){animation:none}.avatar.svelte-14az8u3 .skeleton-inner:where(.svelte-14az8u3):after{animation:none}}