.auth-container{background-color:var(--color-background);box-shadow:var(--shadow-xl);border-radius:20px;width:850px;max-width:100%;position:relative;height:650px!important;overflow:hidden!important}.auth-container *{scrollbar-width:none;-ms-overflow-style:none}.auth-container ::-webkit-scrollbar{display:none}.auth-form-container{height:100%;transition:all .6s ease-in-out;position:absolute;top:0}.sign-in-container{z-index:2;width:50%;left:0}.auth-container.right-panel-active .sign-in-container{transform:translate(100%)}.sign-up-container{opacity:0;z-index:1;width:50%;left:0}.auth-container.right-panel-active .sign-up-container{opacity:1;z-index:5;animation:.6s auth-show;transform:translate(100%)}@keyframes auth-show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.auth-overlay-container{z-index:100;width:50%;height:100%;transition:transform .6s ease-in-out;position:absolute;top:0;left:50%;overflow:hidden}.auth-container.right-panel-active .auth-overlay-container{transform:translate(-100%)}.auth-overlay{background:var(--color-primary);background:linear-gradient(to right,var(--color-primary),var(--color-primary-hover));color:#fff;background-position:0 0;background-repeat:no-repeat;background-size:cover;width:200%;height:100%;transition:transform .6s ease-in-out;position:relative;left:-100%;transform:translate(0)}.auth-container.right-panel-active .auth-overlay{transform:translate(50%)}.auth-overlay-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;padding:0 40px;transition:transform .6s ease-in-out;display:flex;position:absolute;top:0;transform:translate(0)}.auth-overlay-left{transform:translate(-20%)}.auth-container.right-panel-active .auth-overlay-left{transform:translate(0)}.auth-overlay-right{right:0;transform:translate(0)}.auth-container.right-panel-active .auth-overlay-right{transform:translate(20%)}.auth-form{background-color:var(--color-background);text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:10px 50px;display:flex;overflow:hidden!important}.social-container{margin:20px 0}.social{border:1px solid var(--color-border);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 5px;display:inline-flex}.social.active{cursor:pointer;transition:all .2s}.social.active:hover{background-color:var(--color-background-secondary);border-color:var(--color-primary)}.social.inactive{opacity:.5;cursor:not-allowed;background-color:var(--color-background-tertiary)}.auth-container h1{color:var(--color-text-primary);margin:0;font-weight:700}.auth-overlay h1{color:#fff}.auth-container p{letter-spacing:.5px;color:var(--color-text-secondary);margin:20px 0 30px;font-size:14px;font-weight:300;line-height:20px}.auth-overlay p{color:#fff}.auth-container span{font-size:12px}.auth-container a{color:var(--color-text-secondary);margin:15px 0;font-size:14px;text-decoration:none}.ghost-button{color:#fff;background-color:#0000;border-color:#fff}@media (max-width:768px){.auth-container{flex-direction:column;width:100%;min-height:auto;display:flex}.auth-overlay-container{display:none}.auth-form-container{width:100%;height:auto;padding:40px 20px;position:relative}.sign-in-container,.sign-up-container{opacity:1;width:100%;position:static;transform:none!important}.sign-up-container,.auth-container.right-panel-active .sign-in-container{display:none}.auth-container.right-panel-active .sign-up-container{display:flex}}