.loader{width:8em;height:8em}.loader__eye1,.loader__eye2,.loader__mouth1,.loader__mouth2{animation:3s ease-in-out infinite eye1}.loader__eye1,.loader__eye2{transform-origin:64px 64px}.loader__eye2{animation-name:eye2}.loader__mouth1{animation-name:mouth1}.loader__mouth2{visibility:hidden;animation-name:mouth2}@media (prefers-color-scheme:dark){:root{--bg:hsl(var(--hue),90%,10%);--fg:hsl(var(--hue),90%,90%)}}@keyframes eye1{0%{transform:rotate(-260deg)translateY(-56px)}50%,60%{animation-timing-function:cubic-bezier(.17,0,.58,1);transform:rotate(-40deg)translateY(-56px)scale(1)}to{transform:rotate(225deg)translateY(-56px)scale(.35)}}@keyframes eye2{0%{transform:rotate(-260deg)translateY(-56px)}50%{transform:rotate(40deg)translateY(-56px)rotate(-40deg)scale(1)}52.5%{transform:rotate(40deg)translateY(-56px)rotate(-40deg)scaleY(0)}55%,70%{animation-timing-function:cubic-bezier(0,0,.28,1);transform:rotate(40deg)translateY(-56px)rotate(-40deg)scale(1)}to{transform:rotate(150deg)translateY(-56px)scale(.4)}}@keyframes eyeBlink{0%,25%,75%,to{transform:scaleY(1)}50%{transform:scaleY(0)}}@keyframes mouth1{0%{stroke-dasharray:0 351.86;stroke-dashoffset:0;animation-timing-function:ease-in}25%{stroke-dasharray:175.93 351.86;stroke-dashoffset:0;animation-timing-function:ease-out}50%{stroke-dasharray:175.93 351.86;stroke-dashoffset:-175.93px;visibility:visible;animation-timing-function:step-start}75%,to{visibility:hidden}}@keyframes mouth2{0%{visibility:hidden;animation-timing-function:step-end}50%{visibility:visible;stroke-dashoffset:0;animation-timing-function:ease-in-out}to{stroke-dashoffset:-351.86px}}
