.orb{width:var(--orb-size);height:var(--orb-size);isolation:isolate;contain:layout style;--orb-clearance:8px;--orb-state-color:var(--orb-color);--orb-status-color:var(--status-idle);border-radius:50%;flex:none;display:inline-flex;position:relative;overflow:visible}.orb:before{content:"";z-index:0;background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--void-deep) 92%, var(--orb-color)) 0%, var(--void-deep) 70%);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:50%;position:absolute;inset:0}.orb[data-core=true]:before{background:radial-gradient(circle at 42% 38%, #ffffff80, transparent 23%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--void-deep) 92%, var(--orb-color)) 0%, var(--void-deep) 70%)}.orb__track{z-index:1;mix-blend-mode:screen;transform:rotate(var(--a));animation:orb-orbit var(--t) linear infinite;animation-direction:var(--dir,normal);border-radius:50%;animation-play-state:paused;position:absolute;inset:0;overflow:hidden}.orb__track:before{content:"";width:var(--ls);height:var(--ls);left:calc(50% + var(--r));transform:translate(calc(-50% + var(--orb-shift-x,0px)), calc(-50% + var(--orb-shift-y,0px)));background:radial-gradient(circle, var(--c) 0%, color-mix(in oklab, var(--c) 55%, transparent) 34%, transparent 70%);border-radius:50%;position:absolute;top:50%}.orb:after{content:"";z-index:4;pointer-events:none;border:1.5px solid #0000;border-radius:50%;animation:none;position:absolute;inset:-3px}.orb__status{z-index:5;width:var(--orb-dot-size);height:var(--orb-dot-size);border:1.5px solid var(--surface-0);background:var(--orb-status-color);box-shadow:0 0 6px color-mix(in srgb, var(--orb-status-color) 65%, transparent);border-radius:50%;position:absolute;bottom:-1px;right:-1px}.orb[data-state=hover]:after{border-color:color-mix(in srgb, var(--orb-color) 40%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--orb-color) 35%, transparent)}.orb[data-state=active]:after{border-width:2px;border-color:color-mix(in srgb, var(--orb-color) 70%, transparent);box-shadow:var(--glow-accent-sm)}.orb[data-state=working]{--orb-status-color:var(--status-working)}.orb[data-state=working]:after{border-color:color-mix(in srgb, var(--orb-color) 65%, transparent);background:conic-gradient(transparent 0 70%, var(--orb-color) 85%, transparent);-webkit-mask-image:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1px));mask-image:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1px))}.orb[data-state=needs-you]{--orb-status-color:var(--status-approval);--orb-state-color:var(--status-approval)}.orb[data-state=needs-you]:after{border-color:var(--orb-state-color)}.orb[data-state=failed]{--orb-status-color:var(--status-error);--orb-state-color:var(--status-error)}.orb[data-state=failed]:after{border-color:var(--orb-state-color)}.orb[data-state=failed] .orb__track{opacity:.6}.orb[data-state=offline]{--orb-status-color:var(--status-offline)}.orb[data-state=offline] .orb__track{opacity:.55}.orb[data-state=offline] .orb__track:before{background:radial-gradient(circle, color-mix(in oklab, var(--c) 15%, var(--text-3)) 0%, transparent 70%)}.orb[data-state=listening]{--orb-status-color:var(--orb-mc-2);--orb-state-color:var(--orb-mc-2)}.orb[data-state=listening]:after{border-color:var(--orb-state-color)}.orb[data-state=working] .orb__track{animation-duration:var(--orbit-fast)}.orb[data-state=working]:after{animation:2.4s linear infinite paused orb-ring}.orb[data-state=needs-you]:after{animation:orb-breathe 2s var(--ease-in-out) infinite;animation-play-state:paused}.orb[data-state=listening]:after{animation:orb-breathe 1.2s var(--ease-in-out) infinite;animation-play-state:paused}.orb[data-play="1"]:not([data-size=xs]):not([data-media=video]) .orb__track,.orb[data-play="1"]:not([data-size=xs])[data-state=working]:after{will-change:transform;animation-play-state:running}.orb[data-play="1"]:not([data-size=xs])[data-state=needs-you]:after,.orb[data-play="1"]:not([data-size=xs])[data-state=listening]:after{animation-play-state:running}.orb[data-play="1"][data-state=hover]{transition:transform var(--dur-2) var(--ease-spring);transform:scale(1.06)}.orb[data-size=xs] .orb__track,.orb[data-size=xs]:after,.orb[data-state=failed] *,.orb[data-state=offline] *,.orb[data-state=failed]:after,.orb[data-state=offline]:after{will-change:auto!important;animation:none!important}@keyframes orb-orbit{0%{transform:rotate(var(--a))}to{transform:rotate(calc(var(--a) + 360deg))}}@keyframes orb-ring{to{transform:rotate(360deg)}}@keyframes orb-breathe{0%,to{opacity:1}50%{opacity:.55}}.orb__video-well{z-index:2;border-radius:50%;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(circle,#000 62%,#0000 72%);mask-image:radial-gradient(circle,#000 62%,#0000 72%)}.orb__video{object-fit:cover;width:100%;height:100%;transform:scale(1.85)}.orb[data-media=video][data-play="1"] .orb__track,.orb[data-play="0"] .orb__video-well{visibility:hidden}.orb[data-play="1"] .orb__video{will-change:transform}.orb[data-motion=static],.orb[data-motion=static]:before,.orb[data-motion=static]:after,.orb[data-motion=static] *,.orb[data-motion=static] :before,.orb[data-motion=static] :after{will-change:auto!important;transition:none!important;animation:none!important}.orb[data-motion=static]{--px:50%!important;--py:50%!important;--orb-shift-x:0px!important;--orb-shift-y:0px!important;transform:none!important}.orb[data-motion=static] .orb__track{visibility:visible!important}.orb[data-motion=static] .orb__video-well{display:none!important}@media (prefers-reduced-motion:reduce){.orb,.orb:before,.orb:after,.orb *,.orb :before,.orb :after{will-change:auto!important;transition:none!important;animation:none!important}.orb{--px:50%!important;--py:50%!important;--orb-shift-x:0px!important;--orb-shift-y:0px!important;transform:none!important}.orb .orb__track{visibility:visible!important}.orb__video-well{display:none!important}}@media (forced-colors:active){.orb{forced-color-adjust:auto;transform:none!important}.orb__track,.orb__video-well{display:none!important}.orb:before{content:attr(data-initials);color:canvastext;box-shadow:none;font:600 calc(var(--orb-size) * .3) / 1 var(--font-ui,sans-serif);background:canvas;border:1px solid canvastext;place-items:center;display:grid}.orb:after{box-shadow:none;-webkit-mask-image:none;mask-image:none;will-change:auto!important;background:0 0!important;animation:none!important}.orb:not([data-state=idle]):not([data-state=offline]):after{border-color:highlight}.orb__status{box-shadow:none;background:canvastext;border-color:canvas}}
