.sign-up-container{opacity:0;z-index:1}.sign-in-container{z-index:2}.overlay-container{position:absolute;top:0;left:60%;width:40%;overflow:hidden;z-index:9}.overlay,.overlay-container{height:100%;transition:transform .6s ease-in-out}.overlay{position:relative;color:#fff;left:-150%;width:250%;z-index:5}.overlay button{position:relative!important;z-index:10!important;background-color:#3edfcf!important;color:#000!important;border:none!important;border-radius:5px!important;padding:10px 20px!important;cursor:pointer!important;transition:background-color .3s ease!important}.overlay-panel{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;text-align:center;height:100%;width:460px;transition:.6s ease-in-out}.overlay-left{right:60%;transform:translateX(-12%)}.overlay-right{right:0;transform:translateX(0)}.overlay-panel h1{color:#fff}.overlay-panel button{border:none;background-color:transparent}.right-panel-active .overlay{transform:translateX(50%)}.right-panel-active .overlay-left{transform:translateX(25%)}.right-panel-active .overlay-right{transform:translateX(35%)}.right-panel-active .sign-in-container{transform:translateX(20%);opacity:0}.right-panel-active .sign-up-container{transform:translateX(66.7%);opacity:1;z-index:5;animation:show .6s}@keyframes show{0%,50%{opacity:0;z-index:1}50.1%,to{opacity:1;z-index:5}}.btnScaled{animation:scaleBtn .6s}@keyframes scaleBtn{0%{width:143.67px}50%{width:250px}to{width:143.67px}}@media (max-width:1024px){.sign-in-container,.sign-up-container{opacity:0;z-index:1}.overlay-container{position:absolute;top:0;left:60%;width:40%;height:100%;overflow:hidden;transition:transform .6s ease-in-out;z-index:9}}.right-panel-active .overlay-container{transform:translateX(-150%)}@media (min-width:1280px){.desktop-layout{display:block}.mobile-layout{display:none}}@media (max-width:1279px){.desktop-layout{display:none}.mobile-layout{display:block}}