.cc-robot{--robot-eye:color-mix(in srgb, var(--robot-hue) 30%, #fff);--robot-glow:color-mix(in srgb, var(--robot-hue) 56%, transparent);--robot-metal-hi:color-mix(in srgb, var(--robot-hue) 82%, #3a3a3a);--robot-metal:color-mix(in srgb, var(--robot-hue) 60%, #262626);--robot-metal-lo:color-mix(in srgb, var(--robot-hue) 35%, #141414);--robot-edge:color-mix(in srgb, color-mix(in srgb, var(--robot-hue) 70%, #fff) 56%, transparent);width:48em;height:43em;font-size:calc(var(--robot-size,48px) / 48);vertical-align:middle;filter:drop-shadow(0 4em 5em #0005);flex-shrink:0;line-height:0;display:inline-block;position:relative}.cc-robot[data-look=graphite]{--robot-eye:#efefef;--robot-glow:#eeeeee40;--robot-metal-hi:#858585;--robot-metal:#606060;--robot-metal-lo:#383838;--robot-edge:#c2c2c29c}.cc-robot[data-head=circle]{width:46em;height:46em}.cc-robot[data-head=wide]{width:56em;height:38em}.cc-robot[data-head=tall]{width:40em;height:48em}.cc-robot-body{border:1em solid var(--robot-edge);background:linear-gradient(160deg, var(--robot-metal-hi) 0%, var(--robot-metal) 55%, var(--robot-metal-lo) 100%);border-radius:17em;position:absolute;inset:0;box-shadow:inset 0 1em #ffffff30}.cc-robot[data-head=circle] .cc-robot-body{border-radius:50%}.cc-robot[data-head=wide] .cc-robot-body{border-radius:19em}.cc-robot[data-head=tall] .cc-robot-body{border-radius:15em}.cc-robot-visor{background:#0e0e0e;border-radius:11em;height:25em;position:absolute;top:9em;left:5em;right:5em;overflow:hidden}.cc-robot[data-head=circle] .cc-robot-visor{border-radius:12em;height:22em;top:12em;left:7em;right:7em}.cc-robot[data-head=wide] .cc-robot-visor{border-radius:12em;height:24em;top:7em;left:6em;right:6em}.cc-robot[data-head=tall] .cc-robot-visor{border-radius:10em;height:24em;top:10em}.cc-robot-eyes,.cc-robot-dots{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cc-robot-eyes{gap:9em}.cc-robot-eyes>i{background:var(--robot-eye);width:5em;height:8em;box-shadow:0 0 6em var(--robot-glow);transform-origin:50%;border-radius:3em;display:block}.cc-robot[data-eyes=round] .cc-robot-eyes{gap:8em}.cc-robot[data-eyes=round] .cc-robot-eyes>i{border-radius:50%;width:6em;height:6em}.cc-robot[data-eyes=bar] .cc-robot-eyes>i{border-radius:2em;width:20em;height:4em}.cc-robot[data-eyes=single] .cc-robot-eyes>i{border-radius:50%;width:9em;height:9em}.cc-robot[data-gaze=left] .cc-robot-eyes{transform:translate(-2.5em)}.cc-robot[data-gaze=up] .cc-robot-eyes{transform:translateY(-2.5em)}.cc-robot[data-happy] .cc-robot-eyes>i{border-top:2em solid var(--robot-eye);height:4em;box-shadow:none;background:0 0;border-radius:7em 7em 0 0}@keyframes cc-robot-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.12)}}.cc-robot-dots{opacity:0;gap:3em}.cc-robot-dots>i{background:var(--robot-eye);width:4em;height:4em;box-shadow:0 0 5em var(--robot-glow);border-radius:50%;display:block}.cc-robot[data-state=thinking] .cc-robot-eyes{opacity:0}.cc-robot[data-state=thinking] .cc-robot-dots{opacity:1}@keyframes cc-robot-typing{0%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2em)}}.cc-robot-mouth{border-bottom:1em solid var(--robot-eye);opacity:0;transform-origin:top;border-radius:0 0 6em 6em;width:6em;height:2em;position:absolute;bottom:4em;left:calc(50% - 3em)}.cc-robot[data-state=speaking] .cc-robot-mouth{opacity:1}@keyframes cc-robot-speak{0%,to{transform:scaleY(1)}50%{transform:scaleY(2.6)}}.cc-robot-antenna{background:var(--robot-metal);width:2em;height:8em;position:absolute;top:-8em;left:calc(50% - 1em)}.cc-robot-antenna>i{background:var(--robot-eye);width:6em;height:6em;box-shadow:0 0 6em var(--robot-glow);border-radius:50%;position:absolute;top:-4em;left:-2em}@keyframes cc-robot-signal{0%,to{opacity:.35}50%{opacity:1}}.cc-robot-ears>i{border:1em solid var(--robot-edge);background:linear-gradient(180deg, var(--robot-metal-hi), var(--robot-metal-lo));border-radius:3em;width:5em;height:12em;position:absolute;top:calc(50% - 6em)}.cc-robot-ears>i:first-child{left:-4em}.cc-robot-ears>i:last-child{right:-4em}.cc-robot-badge{z-index:2;border:1em solid var(--robot-edge);width:19em;height:19em;color:var(--robot-eye);background:#111;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-6em;right:-7em}.cc-robot-badge>svg{width:11em;height:11em}@media (forced-colors:active){.cc-robot-eyes>i,.cc-robot-dots>i,.cc-robot-mouth{background:canvastext}}@media (prefers-reduced-motion:no-preference){.cc-robot-eyes,.cc-robot-dots{transition:opacity .2s,transform .24s}.cc-robot[data-state=idle]:not([data-happy]) .cc-robot-eyes>i{animation:cc-robot-blink 4.2s ease-in-out var(--robot-phase,0s) infinite}.cc-robot[data-state=thinking] .cc-robot-dots>i{animation:1.1s ease-in-out infinite cc-robot-typing}.cc-robot[data-state=thinking] .cc-robot-dots>i:nth-child(2){animation-delay:.15s}.cc-robot[data-state=thinking] .cc-robot-dots>i:nth-child(3){animation-delay:.3s}.cc-robot[data-state=speaking] .cc-robot-mouth{animation:.35s ease-in-out infinite cc-robot-speak}.cc-robot[data-state=thinking] .cc-robot-antenna>i{animation:1.1s ease-in-out infinite cc-robot-signal}}