html{color:#11142D}form{max-width:280px}.box{position:relative;padding:24px;border-radius:24px;margin-top:32px}.box::before{content:"";position:absolute;border-radius:20px;z-index:-1;opacity:.91;border-radius:24px;top:0;right:0;left:0;bottom:0;box-shadow:0 0 90px #E3E6EC}#logo{position:fixed;bottom:-5px;left:10px;width:70px;transform:rotate(-90deg);transform-origin:top left}.nooxLogo{position:relative;height:0;padding-bottom:25%}.nooxLogo>div{position:absolute;width:100%;height:100%;left:0}.nooxLogo>div>span{display:block;height:100%;width:25%;float:left;position:relative}.nooxLogo>div>span:nth-child(1){transition:transform .5s ease-out}.nooxLogo>div>span:nth-child(1)>span{display:block;position:absolute;top:0;right:0;bottom:0;left:0;padding:10%}.nooxLogo>div>span:nth-child(1)>span>span{width:100%;height:100%;display:block;position:relative}.nooxLogo>div>span:nth-child(1)>span>span::before,.nooxLogo>div>span:nth-child(1)>span>span::after{content:"";display:block;border-top-left-radius:50%;border-top-right-radius:50%;position:absolute}.nooxLogo>div>span:nth-child(1)>span>span::before{height:100%;background-color:#11142D;top:0;left:0;right:0;bottom:0}.nooxLogo>div>span:nth-child(1)>span>span::after{background-color:white;top:25%;right:25%;left:25%;bottom:0}.nooxLogo>div>span:nth-child(2){width:50%;cursor:pointer;position:relative;z-index:1}.nooxLogo>div>span:nth-child(2)>span:first-child{background-color:#11142D;border-radius:1000px;width:100%;height:100%;display:block;position:relative}.nooxLogo>div>span:nth-child(2)>span:first-child::before,.nooxLogo>div>span:nth-child(2)>span:first-child::after{content:"";border-radius:100%;width:25%;height:50%;background-color:#fff;display:block;position:absolute;top:50%;transform:translateY(-50%)}.nooxLogo>div>span:nth-child(2)>span:first-child::before{left:13%}.nooxLogo>div>span:nth-child(2)>span:first-child::after{right:13%}.nooxLogo>div>span:nth-child(2)>span:last-child{content:"";width:55%;height:110%;border-radius:100%;background:#fff;position:absolute;top:50%;transform:translateY(-50%);left:-2%;box-shadow:0px 0px 3px black;transition:left ease-in .25s}.nooxLogo>div>span:nth-child(2)>span:last-child::before,.nooxLogo>div>span:nth-child(2)>span:last-child::after{content:"";display:block;position:absolute;width:60%;height:60%;top:50%;left:50%;border-radius:100%;transform:translateX(-50%) translateY(-50%);background-color:#11142D}.nooxLogo>div>span:nth-child(2)>span:last-child::after{width:45%;height:45%;background-color:#fff}.nooxLogo>div>span:nth-child(3){transition:transform .35s ease-out}.nooxLogo>div>span:nth-child(3)::before,.nooxLogo>div>span:nth-child(3)::after{content:"";background-color:#11142D;width:20%;height:100%;display:inline-block;position:absolute;transform:translateX(150%) rotate(45deg)}.nooxLogo>div>span:nth-child(3)::after{transform:translateX(150%) rotate(-45deg)}.nooxLogo.active>div>span:nth-child(1){transform:rotate(0deg) translateX(150%) translateY(162%)}.nooxLogo.active>div>span:nth-child(3){transform:translateX(-143%) translateY(94%) rotate(45deg)}.nooxLogo.active>div>span:nth-child(2)>span:last-child{left:50%}/*# sourceMappingURL=login.css.map */