.auth_container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--clr-primary);padding:var(--container-pady) var(--container-padx)}.auth_container.login{background-color:var(--clr-primary)}.auth_container.login .auth_content .auth_hero{width:55%;background-size:50% 100%}.auth_container.login .auth_content .auth_form{width:45%;padding:2rem}.auth_container.register{background-color:var(--clr-secondary)}.auth_container.register .auth_content .auth_hero{width:40%}.auth_container.register .auth_content .auth_form{width:60%}.auth_container .auth_content{display:flex;flex-direction:row;align-items:center;width:100%;min-width:var(--content-min-width);max-width:var(--content-max-width);height:100%;gap:var(--content-gap-lg)}.auth_container .auth_content .auth_hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:30rem;background:url(/assets/logo-w-slogan-QTnwi_qy.svg);background-size:70% 100%;background-position:center;background-repeat:no-repeat}.auth_container .auth_content .auth_form{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-width:var(--content-min-width);height:auto;background-color:var(--clr-septenary);border-radius:var(--br-curved-sm);padding:3rem 4rem;gap:var(--container-gap)}.auth_container .auth_content .auth_form .form_welcome{font-size:var(--text-title-md);color:var(--clr-primary)}.auth_container .auth_content .auth_form .form_container .form_header p{font-size:var(--text-description);line-height:1.5;color:var(--clr-text-dim)}.auth_container .auth_content .auth_form .form_container button[type=submit]:hover{background-color:var(--clr-septenary);color:var(--clr-secondary)}.auth_container .auth_content .auth_form p{color:var(--clr-text-dim)}.auth_container .auth_content .auth_form a{text-decoration:underline}.auth_container .auth_content .auth_form a.blue{color:var(--clr-link)}.auth_container .auth_content .auth_form a.red{color:var(--clr-primary)}.auth_container .auth_content .auth_form .input-group{display:flex;align-items:center;gap:.5rem;width:100%}.auth_container .auth_content .auth_form .input-group .code-input{flex:1;min-width:0}.auth_container .auth_content .auth_form .input-group .reload-btn{display:flex;flex-shrink:0;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;border-radius:var(--br-curved-sm);padding:.5rem}.auth_container .auth_content .auth_form .input-group .reload-btn svg{width:1rem;height:1rem}.auth_container .auth_content .auth_form .input-group .reload-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}@media (max-width: 64rem){.auth_container.login .auth_hero,.auth_container.login .auth_form{width:50%}.auth_container .auth_content .auth_form{padding:1.5rem 1.75rem}}@media (max-width: 48rem){.auth_container{align-items:flex-start}.auth_container.login .auth_content .auth_form,.auth_container.login .auth_content .auth_hero{width:100%}.auth_container.register .auth_content .auth_form,.auth_container.register .auth_content .auth_hero{width:100%}.auth_container .auth_content{flex-direction:column}.auth_container .auth_content .auth_hero{width:100%;min-width:var(--content-min-width);height:12rem;min-height:12rem;order:-1}.auth_container .auth_content .auth_form{width:100%;padding:1.25rem 1.5rem}}