*{box-sizing:border-box}@media(prefers-reduced-motion:reduce){*{transition:none}}:focus{outline:none}:host(:active),:host(:focus){outline:none}@media only screen and (max-width:1024px){.display-none{display:none}}.auth-box{align-items:center;background:#fff;border-radius:1rem;box-shadow:0 6px 16px 8px rgba(0,0,0,.08);display:flex;flex-basis:50%;margin-inline:auto;max-height:88vh;max-width:400px;overflow-y:hidden;padding:1rem 1.8rem 0;position:relative;z-index:1001}@media screen and (max-width:1024px){.auth-box{min-height:50vh;overflow-y:auto}}@media screen and (max-width:560px){.auth-box{max-height:90vh;overflow-y:auto}}.auth-layout{background:linear-gradient(to bottom left,rgba(1,110,244,.314),#fff);max-height:100vh;max-width:100vw;overflow:hidden}@media screen and (max-width:480px){.auth-layout{overflow-x:hidden}}@media screen and (max-width:320px){.auth-layout{margin-bottom:4rem}}.flex-center{justify-content:space-around;min-height:100vh;min-width:100%}.auth-form,.flex-center{align-items:center;display:flex}.auth-form{border-radius:1rem;justify-content:space-between;z-index:100}@media screen and (max-width:1024px){.auth-form{align-items:center;flex-direction:column;gap:2rem;justify-content:space-around}}.auth-image{border:1px solid rgba(1,110,244,.314);border-radius:1rem;height:950px;margin-left:4rem;max-height:90vh;-o-object-fit:cover;object-fit:cover;position:relative;width:50vw}@media screen and (max-width:1024px){.auth-image{display:none}}.auth-image-text{bottom:5%;color:#016ef4;font-size:22px;left:50%;max-width:400px;position:absolute;text-align:center;transform:translateX(-45%)}@media screen and (max-width:1024px){.auth-image-text{display:none}}