.auth-mascots{max-width:440px;height:310px;margin:auto;position:relative}.auth-path{background:linear-gradient(90deg,#0000,#a9c5ad77,#0000);height:1px;position:absolute;top:22%;left:7%;right:7%}.auth-path span{background:#b9d9bb;border-radius:50%;width:7px;height:7px;animation:10s ease-in-out infinite path;position:absolute;top:-3px}.auth-path span:nth-child(2){animation-delay:-3.3s}.auth-path span:nth-child(3){animation-delay:-6.6s}.auth-figure{transform-origin:bottom;transition:transform .28s,filter .28s;animation:4s ease-in-out infinite breathe;position:absolute;bottom:52px}.auth-figure--one{z-index:2;background:#255b43;border-radius:62px 62px 20px 20px;width:124px;height:190px;left:15%}.auth-figure--two{z-index:1;background:#d3b983;border-radius:38px 38px 14px 14px;width:110px;height:225px;animation-delay:-1.2s;left:43%}.auth-figure--three{z-index:3;background:#b4d2b8;border-radius:50px 50px 22px 22px;width:105px;height:140px;animation-delay:-2s;right:10%}.auth-face{gap:22px;transition:transform .28s;display:flex;position:absolute;top:32%;left:27%}.auth-face i{background:#102f25;border-radius:50%;width:7px;height:9px;animation:6s ease-in-out infinite blink;display:block}.auth-figure--one .auth-face i{background:#ecf1e9}.auth-figure--two .auth-face i{animation-delay:-2s}.auth-figure--three .auth-face i{animation-delay:-4s}.auth-hand{background:#347354;border-radius:10px;width:45px;height:16px;transition:top .28s,left .28s,transform .28s;position:absolute;top:60%;left:80%;transform:rotate(-20deg)}.auth-mascots--email .auth-face{transform:translate(4px)}.auth-mascots--password .auth-figure--one{transform:rotate(-15deg)}.auth-mascots--password .auth-figure--two{transform:rotate(18deg)}.auth-mascots--password .auth-figure--three{transform:translateY(13px)}.auth-mascots--password .auth-face{transform:translate(-7px)}.auth-mascots--password .auth-figure--three .auth-face{transform:translateY(10px)}.auth-mascots--visible .auth-figure--one .auth-hand{top:32%;left:22%;transform:rotate(7deg)}.auth-mascots--visible .auth-figure--two{transform:rotate(26deg)}.auth-mascots--visible .auth-figure--three{transform:translateY(21px)}.auth-mascots--success .auth-figure{animation:.42s ease-out both success}.auth-mascots--error .auth-figure{filter:saturate(.75)}.auth-privacy{text-align:center;color:#dae8d9;letter-spacing:.02em;width:100%;font-size:11px;position:absolute;bottom:9px}@keyframes breathe{50%{translate:0 -5px}}@keyframes blink{0%,45%,48%,to{scale:1}46%{scale:1 .1}}@keyframes path{0%,to{opacity:0;left:0}45%,55%{opacity:.7}50%{left:95%}}@keyframes success{50%{translate:0 -10px}}@media (prefers-reduced-motion:reduce){.auth-mascots *{transition:none!important;animation:none!important}}