:root{--main-background:linear-gradient(45deg,#00677f 40%,#006f62 90%);--main-background-login-color:#fff;--main-text-color:#000;--main-button-color:#009775;--main-button-color-hover:#47a23f;--main-button-text-color:#eee;--main-highlight-color:#0f0;--main-neutral-color:#fff;--main-error-color:#a50034;--main-error-text:#fff;--main-line-width:2px;--main-login-form-width:300px;--main-input-color:transparent;--main-radius:10px}body,html{font-family:Quicksand,sans-serif;margin:0;padding:0}.container{align-items:center;background:var(--custom-background,var(--main-background));display:flex;flex-direction:row;height:100vh;justify-content:center;width:100%}.alert{border-radius:var(--custom-radius,var(--main-radius));box-sizing:border-box;padding:5px;text-align:center;width:var(--custom-login-form-width,var(--main-login-form-width))}.alert-danger{background:var(--custom-error-color,var(--main-error-color));color:var(--custom-error-text,var(--main-error-text))}.horizontal-line{align-items:center;display:flex;margin-bottom:20px;padding-top:20px;width:var(--custom-login-form-width,var(--main-login-form-width))}.horizontal-line:after,.horizontal-line:before{background-color:var(--custom-highlight-color,var(--main-highlight-color));content:"";flex:1;margin:5px;padding-bottom:var(--custom-line-width,var(--main-line-width))}.login-wrapper{align-items:center;background-color:var(--custom-background-login-color,var(--main-background-login-color));border-radius:var(--custom-radius,var(--main-radius));box-shadow:10px 10px 10px;color:var(--custom-text-color,var(--main-text-color));display:flex;flex:1 1 0;flex-direction:column;justify-content:center;max-width:400px;padding:40px 20px}.login-wrapper .login-title{font-size:20px;font-weight:700;margin-bottom:40px}.tab-container{display:flex;flex-direction:column;min-width:200px}.tab-container>.tabs{align-items:center;border-top-left-radius:var(--custom-radius,var(--main-radius));border-top-right-radius:var(--custom-radius,var(--main-radius));display:flex;flex-direction:row}.tab{border-bottom:var(--custom-line-width,var(--main-line-width)) solid transparent;cursor:pointer;flex:1 1 0;padding:10px 20px;text-align:center}.tab.active{border-bottom:var(--custom-line-wdith,var(--main-line-width)) solid var(--custom-highlight-color,var(--main-highlight-color))}.tab-content{display:none;padding-top:20px}.tab-content.active{display:block}.login-form{margin:0 auto;width:var(--custom-login-form-width,var(--main-login-form-width))}.input-wrapper{margin-bottom:20px;position:relative}.input-field{background-color:var(--custom-input-color,var(--main-input-color));border:1px solid var(--custom-highlight-color,var(--main-highlight-color));border-radius:var(--custom-radius,var(--main-radius));box-sizing:border-box;font-size:16px;margin-top:7px;padding:10px;width:100%}.input-field,.input-label{color:var(--custom-text-color,var(--main-text-color))}.input-label{padding-left:10px}.other>.provider{display:flex;flex-direction:column;gap:10px}.provider button img,.provider button svg{color:var(--custom-button-text-color,var(--main-button-text-color));height:20px;margin-right:10px;width:20px}.button-group{display:flex;flex-direction:column}.button-group .submit-button{order:1}.provider button,.submit-button{align-items:center;background-color:var(--custom-button-color,var(--main-button-color));border:none;border-radius:var(--custom-radius,var(--main-radius));color:var(--custom-button-text-color,var(--main-button-text-color));cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;min-width:var(--custom-login-form-width,var(--main-login-form-width));padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s ease}.hint-wrapper{display:flex;flex-direction:row;gap:10px;justify-content:center;margin-bottom:5px}.hint-wrapper .hint{background:transparent;border:none;color:#999;font-size:small;padding:0}.hint-wrapper .hint:hover{color:#888;cursor:pointer}.provider button:hover,.submit-button:hover{background-color:var(--custom-button-color-hover,var(--main-button-color-hover))}@media (max-width:480px){.login-wrapper{border-radius:0;height:100vh;max-width:100%;width:100%}}:root{--custom-highlight-color:#a50034}