.preloader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.1);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:99999}.smiley{width:8em;height:8em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000000}.smiley__eye1,.smiley__eye2,.smiley__mouth1,.smiley__mouth2{animation:eye1 5s ease-in-out infinite}.smiley__eye1,.smiley__eye2{transform-origin:64px 64px}.smiley__eye2{animation-name:eye2}.smiley__mouth1{animation-name:mouth1}.smiley__mouth2{animation-name:mouth2;visibility:hidden}@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 mouth1{0%{animation-timing-function:ease-in;stroke-dasharray:0 351.86;stroke-dashoffset:0}25%{animation-timing-function:ease-out;stroke-dasharray:175.93 351.86;stroke-dashoffset:0}50%{animation-timing-function:step-start;stroke-dasharray:175.93 351.86;stroke-dashoffset:-175.93;visibility:visible}75%,to{visibility:hidden}}@keyframes mouth2{0%{animation-timing-function:step-end;visibility:hidden}50%{animation-timing-function:ease-in-out;visibility:visible;stroke-dashoffset:0}to{stroke-dashoffset:-351.86}}