.auth-page *{box-sizing:border-box}.auth-page{background:#f6f5f7;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:Montserrat,sans-serif;min-height:100vh;margin:0;padding:20px}.auth-page h1{font-weight:700;margin:0}.auth-page h2{text-align:center}.auth-page p{font-size:14px;line-height:20px;letter-spacing:.5px;margin:20px 0 30px}.auth-page span{font-size:12px}.auth-page a{color:#333;font-size:14px;text-decoration:none;margin:15px 0}.auth-page button.auth-button{border-radius:20px;border:1px solid #FF4B2B;background-color:#ff4b2b;color:#fff;font-size:12px;font-weight:700;padding:12px 45px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:transform 80ms ease-in}.auth-page button.auth-button:active{transform:scale(.95)}.auth-page button.auth-button:focus{outline:none}.auth-page button.auth-button.ghost{background-color:transparent;border-color:#fff}.auth-page form.auth-form{background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 50px;height:100%;text-align:center}.auth-page input.auth-input{background-color:#eee;border:1px solid transparent;padding:12px 15px;margin:8px 0;width:100%;border-radius:4px;transition:all .3s ease;font-family:Montserrat,sans-serif}.auth-page input.auth-input:focus{outline:none;border-color:#ff4b2b;background-color:#fff}.auth-page input.auth-input.is-invalid{border-color:#dc3545}.auth-page .auth-error-msg{color:#dc3545;font-size:11px;text-align:left;width:100%;margin-top:-5px;margin-bottom:5px}.auth-page .auth-container{background-color:#fff;border-radius:10px;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;position:relative;overflow:hidden;width:768px;max-width:100%;min-height:520px}.auth-page .auth-form-container{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.auth-page .auth-sign-in-container{left:0;width:50%;z-index:2}.auth-page .auth-container.right-panel-active .auth-sign-in-container{transform:translate(100%)}.auth-page .auth-sign-up-container{left:0;width:50%;opacity:0;z-index:1}.auth-page .auth-container.right-panel-active .auth-sign-up-container{transform:translate(100%);opacity:1;z-index:5}.auth-page .auth-overlay-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:transform .6s ease-in-out;z-index:100}.auth-page .auth-container.right-panel-active .auth-overlay-container{transform:translate(-100%)}.auth-page .auth-overlay{background:#FF416C;background:linear-gradient(to right,#FF4B2B,#FF416C);background-repeat:no-repeat;background-size:cover;background-position:0 0;color:#fff;position:relative;left:-100%;height:100%;width:200%;transform:translate(0);transition:transform .6s ease-in-out}.auth-page .auth-container.right-panel-active .auth-overlay{transform:translate(50%)}.auth-page .auth-overlay-panel{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;text-align:center;top:0;height:100%;width:50%;transform:translate(0);transition:transform .6s ease-in-out}.auth-page .auth-overlay-left{transform:translate(-20%)}.auth-page .auth-container.right-panel-active .auth-overlay-left{transform:translate(0)}.auth-page .auth-overlay-right{right:0;transform:translate(0)}.auth-page .auth-container.right-panel-active .auth-overlay-right{transform:translate(20%)}.auth-page .auth-alert-success{background-color:#d4edda;color:#155724;padding:10px 15px;border-radius:4px;font-size:13px;width:100%;margin-bottom:15px;border:1px solid #c3e6cb}@media (max-width: 768px){.auth-page .auth-container{min-height:auto;height:auto;overflow:visible;display:flex;flex-direction:column;padding-bottom:20px;box-shadow:0 4px 10px #0000001a;width:100%;max-width:400px}.auth-page .auth-overlay-container{display:none}.auth-page .auth-form-container{position:relative;width:100%;height:auto;left:0;top:0;transition:opacity .3s ease}.auth-page .auth-sign-in-container{opacity:1;z-index:2;padding:40px 20px}.auth-page .auth-sign-up-container{opacity:0;z-index:1;display:none;padding:40px 20px}.auth-page .auth-container.right-panel-active .auth-sign-in-container{transform:none;opacity:0;z-index:1;display:none}.auth-page .auth-container.right-panel-active .auth-sign-up-container{transform:none;opacity:1;z-index:5;display:block}.auth-page form.auth-form{padding:0;height:auto}.auth-mobile-switch{display:block;margin-top:20px;color:#ff4b2b;text-decoration:underline;cursor:pointer}}@media (min-width: 769px){.auth-mobile-switch{display:none}}
