.fz-avatar{--accent:#7c3aed;--violet:#7c3aed;--orchid:#a855f7;--ink:#1f1535;--paper:#f8f8fb;--zoom:1.02;--eye:.47;--fade:.3s;--rx:0deg;--ry:0deg;--px:0;--py:0;vertical-align:middle;isolation:isolate;-webkit-tap-highlight-color:transparent;border-radius:9999px;flex-shrink:0;display:inline-block;position:relative;container-type:size}.fz-avatar[data-size=xs],.fz-avatar[data-size=sm]{--zoom:1.4;--eye:.48}.fz-avatar[data-size=md]{--zoom:1.2;--eye:.47}.fz-avatar[data-size=lg]{--zoom:1.1;--eye:.465}.fz-avatar__disc{background:radial-gradient(90% 90% at 32% 22%, #ffffffe6 0%, #fff0 60%), radial-gradient(130% 130% at 50% 0%, color-mix(in oklab, var(--accent) 14%, var(--paper)) 0%, color-mix(in oklab, var(--accent) 32%, #efeaf9) 70%, color-mix(in oklab, var(--accent) 46%, #e4dcf7) 100%);box-shadow:inset 0 -3cqw 7cqw color-mix(in oklab, var(--accent) 22%, transparent), 0 0 0 max(1.5px, 2.2cqw) var(--background,#fff), 0 5cqw 12cqw -6cqw color-mix(in oklab, var(--accent) 55%, transparent);transform:translate3d(calc(var(--px) * -1.6cqw), calc(var(--py) * -1.6cqw), 0);border-radius:50%;transition:transform .5s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.dark .fz-avatar__disc{background:radial-gradient(90% 90% at 32% 20%, color-mix(in oklab, var(--accent) 34%, transparent) 0%, transparent 62%), radial-gradient(130% 130% at 50% 0%, color-mix(in oklab, var(--accent) 42%, #2a1f45) 0%, color-mix(in oklab, var(--accent) 24%, var(--ink)) 72%, color-mix(in oklab, var(--accent) 16%, #140d24) 100%);box-shadow:inset 0 2cqw 6cqw #ffffff0f, inset 0 -3cqw 7cqw #00000040, 0 0 0 max(1.5px, 2.2cqw) var(--background,#141821), 0 5cqw 14cqw -6cqw color-mix(in oklab, var(--accent) 60%, transparent)}.fz-avatar__figure{border-radius:50%;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.fz-avatar__tilt{transform:perspective(160cqw) rotateX(var(--rx)) rotateY(var(--ry)) translate3d(calc(var(--px) * 2.2cqw), calc(var(--py) * 1.6cqw), 0);transform-origin:50% 70%;transition:transform .5s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.fz-avatar__float{transform-origin:50% 100%;position:absolute;inset:0}.fz-avatar[data-animated] .fz-avatar__float{animation:5.6s ease-in-out infinite fz-avatar-breathe;animation-delay:var(--delay,0s)}@keyframes fz-avatar-breathe{0%,to{transform:translate(0,0)scale(1)}45%{transform:translateY(-1cqw)scale(1.012)}}.fz-avatar__layer{width:calc(100% * var(--zoom));height:calc(100% * var(--zoom));left:calc(50% - 50% * var(--zoom));top:calc(100% * var(--eye) - 43% * var(--zoom));object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;opacity:0;max-width:none;transition:opacity var(--fade) ease;position:absolute}.fz-avatar__layer[data-on]{opacity:1}.fz-avatar__layer[data-base]{opacity:1;transition:none}.fz-avatar__layer[data-leaving]{transition-delay:var(--fade)}.fz-avatar__layer[data-blink]{transition:opacity 70ms ease-out}.fz-avatar__layer[data-blink][data-on]{transition:opacity 40ms ease-in}.fz-avatar[data-animated][data-expr=needs-you] .fz-avatar__tilt{animation:.7s cubic-bezier(.34,1.56,.64,1) fz-avatar-hello}@keyframes fz-avatar-hello{0%{translate:0}35%{translate:0 -2.4cqw}to{translate:0}}.fz-avatar__glow{z-index:-1;opacity:0;background:conic-gradient(from 0deg, transparent 0deg, color-mix(in oklab, var(--orchid) 70%, transparent) 70deg, transparent 150deg, color-mix(in oklab, var(--violet) 55%, transparent) 230deg, transparent 320deg);filter:blur(5cqw);border-radius:50%;transition:opacity .6s;position:absolute;inset:-9cqw}.fz-avatar[data-status=working] .fz-avatar__glow{opacity:.85}.fz-avatar[data-animated][data-status=working] .fz-avatar__glow{animation:7s linear infinite fz-avatar-spin}@keyframes fz-avatar-spin{to{transform:rotate(1turn)}}.fz-avatar__sparks{pointer-events:none;z-index:2;position:absolute;inset:0}.fz-avatar__spark{background:radial-gradient(circle, #fff 0%, var(--orchid) 45%, transparent 72%);opacity:0;border-radius:50%;width:4.5cqw;min-width:3px;height:4.5cqw;min-height:3px;animation:3.2s ease-in infinite fz-avatar-rise;position:absolute;bottom:18%}.fz-avatar__spark:first-child{animation-delay:0s;left:12%}.fz-avatar__spark:nth-child(2){width:3.4cqw;height:3.4cqw;animation-delay:1.1s;left:82%}.fz-avatar__spark:nth-child(3){animation-delay:2.2s;left:70%}.fz-avatar__spark:nth-child(4){width:3cqw;height:3cqw;animation-delay:1.7s;left:24%}@keyframes fz-avatar-rise{0%{opacity:0;transform:translate(0,0)scale(.6)}20%{opacity:.95}to{opacity:0;transform:translateY(-62cqw)scale(1.1)}}.fz-avatar__burst{pointer-events:none;z-index:2;position:absolute;inset:-6cqw}.fz-avatar__star{background:var(--orchid);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:0;width:7cqw;min-width:4px;height:7cqw;min-height:4px;margin:-3.5cqw 0 0 -3.5cqw;animation:1.1s cubic-bezier(.2,.8,.2,1) forwards fz-avatar-pop;position:absolute;top:50%;left:50%}.fz-avatar__star:first-child{--dx:-46cqw;--dy:-40cqw}.fz-avatar__star:nth-child(2){--dx:48cqw;--dy:-34cqw;background:var(--violet);animation-delay:80ms}.fz-avatar__star:nth-child(3){--dx:52cqw;--dy:22cqw;animation-delay:.16s}.fz-avatar__star:nth-child(4){--dx:-50cqw;--dy:18cqw;background:#f5b8ff;animation-delay:.12s}.fz-avatar__star:nth-child(5){--dx:4cqw;--dy:-56cqw;background:var(--violet);animation-delay:40ms}@keyframes fz-avatar-pop{0%{opacity:0;transform:translate(0,0)scale(.2)rotate(0)}25%{opacity:1}to{transform:translate3d(var(--dx), var(--dy), 0) scale(1) rotate(90deg);opacity:0}}.fz-avatar__ring{pointer-events:none;border:max(1.5px,2.6cqw) solid #0000;border-radius:50%;transition:border-color .4s;position:absolute;inset:calc(-1*max(2px,3.2cqw))}.fz-avatar[data-status=waiting_for_you] .fz-avatar__ring,.fz-avatar[data-status=needs_help] .fz-avatar__ring{border-color:var(--violet)}.fz-avatar[data-status=working] .fz-avatar__ring{border-color:color-mix(in oklab, var(--orchid) 55%, transparent)}.fz-avatar__pulse{pointer-events:none;opacity:0;border-radius:50%;position:absolute;inset:calc(-1*max(2px,3.2cqw))}.fz-avatar[data-animated][data-status=waiting_for_you] .fz-avatar__pulse,.fz-avatar[data-animated][data-status=needs_help] .fz-avatar__pulse{box-shadow:0 0 0 max(1.5px, 2.6cqw) var(--orchid);animation:2.2s cubic-bezier(.25,.6,.3,1) infinite fz-avatar-sonar}@keyframes fz-avatar-sonar{0%{opacity:.75;transform:scale(1)}80%,to{opacity:0;transform:scale(1.32)}}.fz-avatar__dot{width:max(9px,24cqw);max-width:22px;height:max(9px,24cqw);max-height:22px;box-shadow:0 0 0 max(2px, 2.4cqw) var(--background,#fff);z-index:3;border-radius:50%;position:absolute;bottom:1%;right:1%}.fz-avatar[data-size=xl] .fz-avatar__dot,.fz-avatar[data-size="2xl"] .fz-avatar__dot{bottom:7%;right:7%}.fz-avatar__dot[data-status=free]{background:var(--success,#16a34a)}.fz-avatar__dot[data-status=working]{background:var(--violet)}.fz-avatar__dot[data-status=waiting_for_you]{background:var(--warning,#d97706)}.fz-avatar__dot[data-status=needs_help]{background:var(--danger,#dc2626)}.fz-avatar__dot[data-status=queued]{background:var(--muted-foreground,#64748b)}@media (prefers-reduced-motion:reduce){.fz-avatar .fz-avatar__float,.fz-avatar .fz-avatar__glow,.fz-avatar .fz-avatar__pulse,.fz-avatar .fz-avatar__tilt,.fz-avatar__spark,.fz-avatar__star{animation:none!important}.fz-avatar__sparks,.fz-avatar__burst{display:none}.fz-avatar__tilt,.fz-avatar__disc{transform:none!important}}
