#left-container,#main-container,#right-container,.input-container,.login-container{box-sizing:border-box}.icon,BODY{color:#595959}.autocomplete-items div:hover,.button-primary{background-color:#618fef;color:#fff}.input-container input,BODY{font-family:"Chakra Petch",sans-serif}.border-layout{display:grid;grid-template-areas:"north north north" "west center east" "south south south";grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr auto;height:100%;gap:0}.border-layout .north{grid-area:north}.border-layout .south{grid-area:south}.border-layout .west{grid-area:west}.border-layout .east{grid-area:east}.border-layout .center{grid-area:center}.grid-layout.horizontal{display:flex;flex-direction:row;gap:3px}.grid-layout.vertical{display:flex;flex-direction:column;gap:3px}.centered{display:flex;align-items:center;justify-content:center}.input-container,.social-button{display:flex;align-items:center}BODY{margin:10px 0 0;font-size:12px}#main-container{width:100%;min-height:100vh}#left-container{width:40%;position:relative;overflow:hidden;border-radius:20px}#right-container{width:60%}.login-container{min-width:400px;max-width:600px;width:80%;min-height:600px;padding:20px;border:0 solid #ccc;border-radius:8px}.login-container H2{font-weight:400}.input-container{margin-bottom:10px;border:1px solid #d3d3d3;border-radius:20px;width:100%;flex-direction:row}.input-container.error{border-color:#be3c3c}.input-container input{border:none;outline:0;padding:10px 0;font-size:14px;box-sizing:border-box;background:0 0;width:calc(100% - 46px)}.icon{margin:0 10px}.icon.error{color:#be3c3c}.actions{display:flex;justify-content:space-between;width:100%}.button-primary{width:100%;padding:10px 0;margin:15px 0;border:none;border-radius:20px;cursor:pointer;text-align:center}button:disabled,button[disabled]{background-color:#ccc;cursor:default}.social-login{width:100%;padding:10px 0}.social-button{width:100%;padding:10px 0;margin-bottom:5px;border:1px solid #ccc;border-radius:5px;justify-content:center;cursor:pointer}.social-button img{height:20px;margin-right:10px}.signup-link{margin-top:20px;text-align:center}.signup-link a{color:#618fef;text-decoration:none;font-weight:500;font-size:14px}.sign-image{width:calc(100% - 10px);height:calc(100vh - 54px);object-fit:cover;border-radius:15px;filter:grayscale(100%)}.autocomplete{position:relative;display:inline-block}.autocomplete-items{position:absolute;background-color:#fff;border:1px solid #d4d4d4;z-index:99;top:calc(100% + 2px);left:0;right:0;border-radius:4px}.autocomplete-items div{padding:5px 10px;cursor:pointer;background-color:#fff;border-bottom:0 solid #d4d4d4;border-radius:4px}.autocomplete-active{background-color:#618fef!important;color:#fff}.input-container input.code-input{font-size:26px;border:1px solid #d3d3d3;border-top:none;border-bottom:none;margin:3px 0;width:50px;text-align:center}.input-container input.code-input:last-child{border-right:none}.code-inputs{display:flex;align-items:center;justify-content:center;gap:10px}.input-container:hover .icon:not(.error){color:#000}.input-container:hover .icon.error{color:#e42424}.login-container A,.login-container A:hover,.login-container A:visited{color:#618fef}input:-webkit-autofill{background-color:#fff!important;-webkit-box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#595959!important;font-family:"Chakra Petch",sans-serif;font-size:14px}