.mascotte{flex:none;display:block}.mascotte-corps,.mascotte-corps2{transform-box:view-box;transform-origin:100px 172px}.mascotte-ombre{transform-box:view-box;transform-origin:100px 176px}.mascotte[data-etat=sommeil] .mascotte-corps,.mascotte[data-etat=reveil] .mascotte-corps{transform-origin:100px 170px}.mascotte-oeil,.mascotte-z text{transform-box:fill-box;transform-origin:50%}.mascotte-z text{opacity:0;font-weight:700}.mascotte-yeux:not(.mascotte-yeux--repos),.mascotte-z{display:none}@media (prefers-reduced-motion:no-preference){.mascotte:not([data-etat=repos]) .mascotte-yeux--repos{display:none}.mascotte[data-etat=sommeil] .mascotte-yeux--sommeil,.mascotte[data-etat=sommeil] .mascotte-z,.mascotte[data-etat=reveil] .mascotte-yeux--ecoute,.mascotte[data-etat=ecoute] .mascotte-yeux--ecoute,.mascotte[data-etat=reflechit] .mascotte-yeux--reflechit,.mascotte[data-etat=repond] .mascotte-yeux--repond{display:inline}.mascotte-yeux--repos .mascotte-oeil{animation:4.2s linear infinite mascotte-cligne-repos}.mascotte-hote:hover .mascotte[data-etat=repos] .mascotte-yeux--repos,.mascotte[data-etat=repos]:hover .mascotte-yeux--repos{display:none}.mascotte-hote:hover .mascotte[data-etat=repos] .mascotte-yeux--chatouille,.mascotte[data-etat=repos]:hover .mascotte-yeux--chatouille{display:inline}.mascotte-hote:hover .mascotte[data-etat=repos] .mascotte-corps,.mascotte[data-etat=repos]:hover .mascotte-corps{animation:1.7s cubic-bezier(.45,0,.55,1) infinite mascotte-chatouille-a}.mascotte-hote:hover .mascotte[data-etat=repos] .mascotte-corps2,.mascotte[data-etat=repos]:hover .mascotte-corps2{animation:1.15s cubic-bezier(.45,0,.55,1) infinite mascotte-chatouille-b}.mascotte-hote:hover .mascotte[data-etat=repos] .mascotte-ombre,.mascotte[data-etat=repos]:hover .mascotte-ombre{animation:1.15s cubic-bezier(.45,0,.55,1) infinite mascotte-chatouille-ombre}.mascotte[data-etat=sommeil] .mascotte-corps{animation:3.6s ease-in-out infinite mascotte-respire}.mascotte[data-etat=sommeil] .mascotte-ombre{animation:3.6s ease-in-out infinite mascotte-respire-ombre}.mascotte[data-etat=sommeil] .mascotte-z text{animation:3.6s ease-out infinite mascotte-z}.mascotte[data-etat=sommeil] .mascotte-z text:nth-child(2){animation-delay:1.2s}.mascotte[data-etat=sommeil] .mascotte-z text:nth-child(3){animation-delay:2.4s}.mascotte[data-etat=reveil] .mascotte-corps{animation:.9s cubic-bezier(.3,.9,.4,1) both mascotte-reveil}.mascotte[data-etat=reveil] .mascotte-corps2{animation:3.2s cubic-bezier(.45,0,.55,1) 1.3s infinite mascotte-ecoute}.mascotte[data-etat=reveil] .mascotte-yeux--ecoute .mascotte-oeil{animation:1.3s ease-out both mascotte-ouvre,3.8s ease-in-out 1.3s infinite mascotte-cligne}.mascotte[data-etat=ecoute] .mascotte-corps2{animation:3.2s cubic-bezier(.45,0,.55,1) infinite mascotte-ecoute}.mascotte[data-etat=ecoute] .mascotte-yeux--ecoute .mascotte-oeil{animation:3.8s ease-in-out infinite mascotte-cligne}.mascotte[data-etat=reflechit] .mascotte-corps2{animation:2.6s cubic-bezier(.45,0,.55,1) infinite mascotte-reflechit-corps}.mascotte[data-etat=reflechit] .mascotte-yeux--reflechit{animation:2.6s cubic-bezier(.45,0,.55,1) infinite mascotte-reflechit-yeux}.mascotte[data-etat=repond] .mascotte-corps2{animation:.9s cubic-bezier(.45,0,.55,1) infinite mascotte-repond}.mascotte.mascotte--immobile{pointer-events:none}.mascotte.mascotte--immobile .mascotte-oeil{animation:none}}@keyframes mascotte-cligne-repos{0%,90%,98%,to{transform:scaleY(1)}94%{transform:scaleY(.08)}}@keyframes mascotte-chatouille-a{0%,to{transform:rotate(0)}22%{transform:rotate(-6deg)}48%{transform:rotate(4.5deg)}74%{transform:rotate(-3deg)}}@keyframes mascotte-chatouille-b{0%,to{transform:translate(0)scale(1)}30%{transform:translate(3px,-5px)scale(.975,1.03)}60%{transform:translate(-3px,-2px)scale(1.03,.975)}82%{transform:translate(1px,-4px)scale(.99,1.01)}}@keyframes mascotte-chatouille-ombre{0%,to{opacity:.35;transform:scaleX(1)}30%{opacity:.26;transform:scaleX(.88)}82%{opacity:.3;transform:scaleX(.92)}}@keyframes mascotte-reveil{0%{transform:rotate(8deg)translateY(2px)}45%{transform:rotate(-2deg)translateY(-6px)}75%{transform:rotate(1deg)translateY(0)}to{transform:rotate(0)translateY(0)}}@keyframes mascotte-ouvre{0%{transform:scaleY(.08)}22%{transform:scaleY(1)}50%{transform:scaleY(1)}58%{transform:scaleY(.08)}68%{transform:scaleY(1)}to{transform:scaleY(1)}}@keyframes mascotte-cligne{0%,90%,to{transform:scaleY(1)}94%{transform:scaleY(.08)}}@keyframes mascotte-respire{0%,to{transform:rotate(8deg)translateY(0)scale(1)}50%{transform:rotate(9deg)translateY(2px)scale(1.035,.975)}}@keyframes mascotte-respire-ombre{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.06)}}@keyframes mascotte-z{0%{opacity:0;transform:translate(0)scale(.55)}20%{opacity:1}to{opacity:0;transform:translate(20px,-48px)scale(1.15)}}@keyframes mascotte-ecoute{0%,to{transform:rotate(0)translateY(0)scale(1)}30%{transform:rotate(-4deg)translateY(-2px)scale(1.02)}65%{transform:rotate(3deg)translateY(-1px)scale(1.015)}}@keyframes mascotte-reflechit-corps{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes mascotte-reflechit-yeux{0%,to{transform:translate(-5px,1px)}40%,60%{transform:translate(5px,-2px)}}@keyframes mascotte-repond{0%,to{transform:translateY(0)scale(1)}25%{transform:translateY(-4px)scale(.98,1.02)}50%{transform:translateY(0)scale(1.02,.98)}75%{transform:translateY(-2px)scale(1)}}