.clario{--clario-front:color-mix(in oklab, var(--foreground) 72%, var(--background));--clario-fold:var(--muted-foreground);--clario-back-near:color-mix(in oklab, var(--foreground) 30%, var(--background));--clario-back-far:color-mix(in oklab, var(--foreground) 13%, var(--background));--clario-face:var(--background);--clario-spring:.52s cubic-bezier(.34, 1.5, .55, 1);--clario-fade:.26s ease;vertical-align:middle;flex-shrink:0;display:inline-block;overflow:visible}.clario[data-tone=brand]{--clario-front:var(--primary);--clario-fold:color-mix(in oklab, var(--primary) 60%, var(--background));--clario-back-near:color-mix(in oklab, var(--primary) 45%, var(--background));--clario-back-far:color-mix(in oklab, var(--primary) 22%, var(--background));--clario-face:var(--primary-foreground)}.clario[data-tone=soft],.dark .clario[data-tone=brand]:not(.light *){--clario-front:color-mix(in oklab, var(--primary) 18%, white);--clario-fold:color-mix(in oklab, var(--primary) 38%, white);--clario-back-near:color-mix(in oklab, var(--primary) 34%, white);--clario-back-far:color-mix(in oklab, var(--primary) 55%, white);--clario-face:color-mix(in oklab, var(--primary) 30%, black)}.clario-back-far{fill:var(--clario-back-far)}.clario-back-near{fill:var(--clario-back-near)}.clario-front-note{fill:var(--clario-front)}.clario-fold{fill:var(--clario-fold)}.clario-face{fill:var(--clario-face)}.clario-face-line{fill:none;stroke:var(--clario-face);stroke-linecap:round}.clario-back,.clario-front{transform-box:view-box;transition:transform var(--clario-spring), opacity var(--clario-fade)}.clario-back{transform-origin:50px 80px}.clario-front{transform-origin:50px 50px}.clario-body{transform-box:view-box;transform-origin:50px 84px;transition:opacity .4s}.clario[data-state=thinking] .clario-body{animation:1.1s ease-in-out 3 clario-sway}.clario[data-state=error] .clario-body{animation:.42s ease-in-out clario-shake}.clario[data-state=speaking] .clario-body{animation:.9s ease-in-out infinite clario-bob}.clario[data-state=offline] .clario-body{opacity:.65}.clario-talk{transform-box:fill-box;transform-origin:50% 0;animation:.24s ease-in-out infinite clario-talk}@keyframes clario-sway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}@keyframes clario-shake{0%,to{transform:translate(0)}20%{transform:translate(-2.5px)}40%{transform:translate(2.5px)}60%{transform:translate(-1.5px)}80%{transform:translate(1px)}}@keyframes clario-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}@keyframes clario-talk{0%,to{transform:scaleY(1)}50%{transform:scaleY(.45)}}@media (prefers-reduced-motion:reduce){.clario .clario-body,.clario .clario-talk{animation:none!important}.clario .clario-back,.clario .clario-front{transition:none}.clario .clario-body{transition:opacity .15s}}