.croix{overflow:visible;display:block;flex-shrink:0}.croix .corps-fond,.croix .bras-fond{fill:var(--color-liseret)}.croix .corps,.croix .bras{fill:var(--color-clay)}.croix .oeil,.croix .reflet{fill:#fff}.croix .pupille{fill:#1c2a36}.croix .joue{fill:var(--color-sage);opacity:.5}.croix .trait{fill:none;stroke:var(--color-on-clay);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.croix .sourcil{fill:none;stroke:var(--color-on-clay);stroke-width:3.5;stroke-linecap:round;opacity:0;transition:opacity .2s}.croix .b-ouverte,.croix .b-o{fill:var(--color-on-clay)}.croix .ondes path{fill:none;stroke:var(--color-sage);stroke-width:4;stroke-linecap:round}.croix .etincelles path{fill:var(--color-sage)}.croix .bouche,.croix .yeux-contents,.croix .ondes,.croix .etincelles{opacity:0;transition:opacity .15s}.croix .yeux-ouverts{transition:opacity .15s}.croix .tout{transform-origin:60px 110px;transform-box:view-box}.croix .regard{transition:transform .12s ease-out}.croix .paupieres{transform-origin:60px 56px;transform-box:view-box;animation:croix-cligne 4.2s infinite}@keyframes croix-cligne{0%,93%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}.croix .bras-droit{transform-origin:70px 62px;transform-box:view-box}.croix[data-etat=repos] .tout{animation:croix-respire 2.6s ease-in-out infinite}.croix[data-etat=repos] .b-sourire,.croix[data-etat=veille] .b-sourire{opacity:1}@keyframes croix-respire{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.croix[data-etat=bonjour] .tout{animation:croix-saut .6s ease-out 1}.croix[data-etat=bonjour] .bras-droit{animation:croix-salut .5s ease-in-out 3 alternate}.croix[data-etat=bonjour] .b-ouverte{opacity:1}@keyframes croix-saut{0%{transform:translateY(0) scaleY(1)}30%{transform:translateY(2px) scaleY(.94)}60%{transform:translateY(-14px) scaleY(1.03)}to{transform:translateY(0)}}@keyframes croix-salut{0%{transform:rotate(8deg)}to{transform:rotate(-28deg)}}.croix[data-etat=ecoute] .tout{transform:rotate(6deg);transition:transform .3s}.croix[data-etat=ecoute] .bras-droit{transform:rotate(-52deg);transition:transform .3s}.croix[data-etat=ecoute] .b-sourire,.croix[data-etat=ecoute] .ondes{opacity:1}.croix[data-etat=ecoute] .regard{transform:translate(2px,-1px)}.croix[data-etat=ecoute] .ondes path{animation:croix-onde 1.5s ease-in infinite;transform-box:view-box;transform-origin:92px 34px}.croix[data-etat=ecoute] .ondes path:nth-child(2){animation-delay:.5s}.croix[data-etat=ecoute] .ondes path:nth-child(3){animation-delay:1s}@keyframes croix-onde{0%{opacity:0;transform:scale(1.5)}35%{opacity:1}to{opacity:0;transform:scale(.75)}}.croix[data-etat=reflechit] .b-plate,.croix[data-etat=reflechit] .s-gauche{opacity:1}.croix[data-etat=reflechit] .regard{transform:translate(-1.5px,-2.5px)}.croix[data-etat=reflechit] .tout{animation:croix-hesite 2.2s ease-in-out infinite}@keyframes croix-hesite{0%,to{transform:rotate(0)}30%{transform:rotate(4deg)}70%{transform:rotate(-3deg)}}.croix[data-etat=parle] .tout{animation:croix-respire 2.6s ease-in-out infinite}.croix[data-etat=parle] .b-ouverte{animation:croix-parle .32s steps(1) infinite}.croix[data-etat=parle] .b-sourire{animation:croix-parle .32s steps(1) infinite reverse}@keyframes croix-parle{0%{opacity:1}50%{opacity:0}}.croix[data-etat=content] .yeux-ouverts{opacity:0}.croix[data-etat=content] .yeux-contents,.croix[data-etat=content] .b-ouverte,.croix[data-etat=content] .etincelles{opacity:1}.croix[data-etat=content] .tout{animation:croix-saut .55s ease-out 2}.croix[data-etat=content] .etincelles path{animation:croix-brille 1s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}@keyframes croix-brille{0%{transform:scale(.6) rotate(0)}to{transform:scale(1.1) rotate(20deg)}}.croix[data-etat=urgence] .b-serieuse,.croix[data-etat=urgence] .s-gauche,.croix[data-etat=urgence] .s-droit{opacity:1}.croix[data-etat=urgence] .joue{opacity:0}@media(prefers-reduced-motion:reduce){.croix,.croix *{animation:none!important;transition:none!important}.croix[data-etat=parle] .b-sourire{opacity:1}.croix[data-etat=parle] .b-ouverte{opacity:0}}html[data-calme] .croix,html[data-calme] .croix *{animation:none!important;transition:none!important}html[data-calme] .croix[data-etat=parle] .b-sourire{opacity:1}html[data-calme] .croix[data-etat=parle] .b-ouverte{opacity:0}