.auth-layout{height:100vh;display:flex;overflow:hidden}.auth-layout-left{width:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;background-color:#fff}.auth-layout-left .auth-banner-image{object-fit:cover;border-radius:0 0 128px 0}.auth-layout-right{flex:1 1;width:50%;background-color:var(--mui-palette-background-default,#fff)!important;position:relative;display:flex;flex-direction:column;align-content:center;justify-content:center}.auth-layout-right .auth-hex-design{position:absolute;top:16px;right:16px;z-index:1}.auth-layout-right .auth-logo-container{display:flex;align-items:center;justify-content:center;margin-top:32px}.auth-layout-right .auth-logo-container .auth-logo{height:48px}.auth-layout-right .auth-form-content{flex:1 1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:16px}@media(min-width:600px){.auth-layout-right .auth-form-content{padding:24px}}.auth-layout-right .auth-form-content{position:relative;z-index:2}.auth-layout-right .auth-form-content .auth-form-container{width:100%;padding-top:16px;padding-bottom:16px}@media(min-width:600px){.auth-layout-right .auth-form-content .auth-form-container{padding-top:32px;padding-bottom:32px}}.auth-layout-right .auth-form-content .auth-form-container{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.auth-layout-right .auth-form-content .auth-form-container .auth-form-wrapper{width:100%;max-width:500px;margin:0 auto;padding-top:16px;padding-bottom:16px}@media(min-width:600px){.auth-layout-right .auth-form-content .auth-form-container .auth-form-wrapper{padding-top:32px;padding-bottom:32px}}.auth-layout-right .auth-form-content .auth-form-container .auth-form-wrapper{flex:1 1;display:flex;flex-direction:column;justify-content:center}.auth-layout-right .auth-footer-container{display:flex;align-items:center;justify-content:center;margin:16px 0}.auth-layout-right-mobile{width:100%!important}.auth-component{width:100%}.auth-component .auth-header{text-align:center;margin-bottom:32px}.auth-component .auth-header-compact{text-align:center;margin-bottom:24px}.auth-component .auth-form{margin-bottom:24px}.auth-component .auth-form .auth-form-row{display:flex;justify-content:space-between;align-items:center}.auth-component .auth-form-compact{margin-bottom:8px}.auth-component .auth-form-compact .auth-form-row{display:flex;justify-content:space-between;align-items:center}.auth-component .auth-link-container{margin-bottom:24px}.auth-component .auth-divider{margin:24px 0}.auth-component-full-height{width:100%;min-height:100%}.auth-component-full-height .auth-header{text-align:center;margin-bottom:32px}.auth-component-full-height .auth-header-compact{text-align:center;margin-bottom:24px}.auth-component-full-height .auth-form{margin-bottom:24px}.auth-component-full-height .auth-form .auth-form-row{display:flex;justify-content:space-between;align-items:center}.auth-component-full-height .auth-form-compact{margin-bottom:8px}.auth-component-full-height .auth-form-compact .auth-form-row{display:flex;justify-content:space-between;align-items:center}.auth-component-full-height .auth-link-container{margin-bottom:24px}.auth-component-full-height .auth-divider{margin:24px 0}.field-text-center{text-align:center!important;margin-top:24px!important}@media(min-width:1441px){.auth-layout .auth-layout-left{width:50%!important}.auth-layout .auth-layout-left .auth-banner-image{border-radius:0 0 128px 0}.auth-layout .auth-layout-right{width:50%!important}.auth-layout .auth-layout-right .auth-logo-container{margin-top:32px}.auth-layout .auth-layout-right .auth-logo-container .auth-logo{height:48px}.auth-layout .auth-layout-right .auth-hex-design{top:24px;right:24px}.auth-layout .auth-layout-right .auth-form-content{padding:24px}.auth-layout .auth-layout-right .auth-form-content .auth-form-container{padding-top:32px;padding-bottom:32px}.auth-layout .auth-layout-right .auth-form-content .auth-form-container .auth-form-wrapper{max-width:500px;padding-top:32px;padding-bottom:32px}.auth-component .auth-header,.auth-component-full-height .auth-header{margin-bottom:32px}.auth-component .auth-form,.auth-component .auth-form-compact,.auth-component .auth-header-compact,.auth-component-full-height .auth-form,.auth-component-full-height .auth-form-compact,.auth-component-full-height .auth-header-compact{margin-bottom:24px}.code-digit-input{width:56px!important;height:56px!important;font-size:20px!important}.code-input-container,.social-login-buttons-container{gap:16px!important}}@media(min-width:1281px)and (max-width:1440px){.auth-layout .auth-layout-left{width:50%!important}.auth-layout .auth-layout-left .auth-banner-image{border-radius:0 0 120px 0}.auth-layout .auth-layout-right{width:50%!important}.auth-layout .auth-layout-right .auth-logo-container{margin-top:24px}.auth-layout .auth-layout-right .auth-logo-container .auth-logo{height:44px}.auth-layout .auth-layout-right .auth-hex-design{top:16px;right:16px}.auth-layout .auth-layout-right .auth-form-content{padding:24px 16px}.auth-layout .auth-layout-right .auth-form-content .auth-form-container{padding-top:24px;padding-bottom:24px}.auth-layout .auth-layout-right .auth-form-content .auth-form-container .auth-form-wrapper{max-width:480px;padding-top:24px;padding-bottom:24px}.auth-component .auth-header,.auth-component-full-height .auth-header{margin-bottom:24px}.auth-component .auth-form,.auth-component .auth-form-compact,.auth-component .auth-header-compact,.auth-component-full-height .auth-form,.auth-component-full-height .auth-form-compact,.auth-component-full-height .auth-header-compact{margin-bottom:16px}.code-digit-input{width:52px!important;height:52px!important;font-size:18px!important}.code-input-container,.social-login-buttons-container{gap:14px!important}}@media(min-width:992px)and (max-width:1280px){.auth-layout .auth-layout-left{width:45%!important}.auth-layout .auth-layout-left .auth-banner-image{border-radius:0 0 100px 0}.auth-layout .auth-layout-right{width:55%!important}.auth-layout .auth-layout-right .auth-logo-container{margin-top:16px}.auth-layout .auth-layout-right .auth-logo-container .auth-logo{height:40px}.auth-layout .auth-layout-right .auth-hex-design{top:16px;right:16px}.auth-layout .auth-layout-right .auth-form-content{padding:16px}.auth-layout .auth-layout-right .auth-form-content .auth-form-container{padding-top:16px;padding-bottom:16px}.auth-layout .auth-layout-right .auth-form-content .auth-form-container .auth-form-wrapper{max-width:450px;padding-top:16px;padding-bottom:16px}.auth-component .auth-form,.auth-component .auth-form-compact,.auth-component .auth-header,.auth-component .auth-header-compact,.auth-component-full-height .auth-form,.auth-component-full-height .auth-form-compact,.auth-component-full-height .auth-header,.auth-component-full-height .auth-header-compact{margin-bottom:16px}.code-digit-input{width:48px!important;height:48px!important;font-size:16px!important}.code-input-container,.social-login-buttons-container{gap:12px!important}}@media(min-width:768px)and (max-width:991px){.auth-layout .auth-layout-left{display:none!important}.auth-layout .auth-layout-right{width:100%!important}.auth-layout .auth-layout-right .auth-logo-container{margin-top:16px}.auth-layout .auth-layout-right .auth-logo-container .auth-logo{height:40px}.auth-layout .auth-layout-right .auth-hex-design{display:none!important}.auth-layout .auth-layout-right .auth-form-content{padding:16px}.auth-layout .auth-layout-right .auth-form-content .auth-form-container{padding-top:16px;padding-bottom:16px}.auth-layout .auth-layout-right .auth-form-content .auth-form-container .auth-form-wrapper{max-width:420px;padding-top:16px;padding-bottom:16px}.auth-layout .auth-layout-right .auth-footer-container{margin:16px 0}.auth-component .auth-form,.auth-component .auth-form-compact,.auth-component .auth-header,.auth-component .auth-header-compact,.auth-component-full-height .auth-form,.auth-component-full-height .auth-form-compact,.auth-component-full-height .auth-header,.auth-component-full-height .auth-header-compact{margin-bottom:16px}.code-digit-input{width:48px!important;height:48px!important;font-size:16px!important}.code-input-container,.social-login-buttons-container{gap:12px!important}}@media(max-width:767px){.auth-layout .auth-layout-left{display:none!important}.auth-layout .auth-layout-right{width:100%!important}.auth-layout .auth-layout-right .auth-logo-container{margin-top:8px}.auth-layout .auth-layout-right .auth-logo-container .auth-logo{height:36px}.auth-layout .auth-layout-right .auth-hex-design{display:none!important}.auth-layout .auth-layout-right .auth-form-content{padding:8px 16px}.auth-layout .auth-layout-right .auth-form-content .auth-form-container{padding-top:8px;padding-bottom:8px}.auth-layout .auth-layout-right .auth-form-content .auth-form-container .auth-form-wrapper{max-width:100%;padding-top:8px;padding-bottom:8px}.auth-layout .auth-layout-right .auth-footer-container{margin:8px 0}.auth-component .auth-header,.auth-component-full-height .auth-header{margin-bottom:16px}.auth-component .auth-header-compact,.auth-component-full-height .auth-header-compact{margin-bottom:8px}.auth-component .auth-form,.auth-component-full-height .auth-form{margin-bottom:16px}.auth-component .auth-form-compact,.auth-component-full-height .auth-form-compact{margin-bottom:8px}.auth-component .auth-divider,.auth-component-full-height .auth-divider{margin:16px 0}.auth-component .auth-link-container,.auth-component-full-height .auth-link-container{margin-bottom:16px}.code-digit-input{width:42px!important;height:42px!important;font-size:14px!important;border-radius:6px!important}.code-input-container{gap:8px!important;margin:16px 0!important}.social-login-buttons-container{gap:10px!important}}@media(max-width:480px){.auth-layout .auth-layout-right .auth-logo-container .auth-logo{height:32px}.auth-layout .auth-layout-right .auth-form-content{padding:8px}.auth-layout .auth-layout-right .auth-form-content .auth-form-container .auth-form-wrapper{padding-top:0;padding-bottom:0}.auth-component .auth-header,.auth-component-full-height .auth-header{margin-bottom:16px}.auth-component .auth-header-compact,.auth-component-full-height .auth-header-compact{margin-bottom:8px}.code-digit-input{width:38px!important;height:38px!important;font-size:13px!important}.code-input-container{gap:6px!important}.social-login-buttons-container{gap:8px!important}}.code-digit-input:focus{border-color:#4778f5!important;box-shadow:0 0 0 3px rgba(71,120,245,.1)!important}.code-digit-input:hover:not(:focus){border-color:#bdbdbd!important}.code-digit-input::selection{background-color:rgba(71,120,245,.2)}.code-digit-input::placeholder{color:#ccc;font-weight:400}.code-input-container{display:flex;justify-content:center;gap:16px;margin:24px 0}@media(max-width:480px){.code-input-container{gap:12px}}.social-login-buttons-container{width:100%}.social-login-buttons-container .social-login-button-grid{display:flex;justify-content:center}