.sign_in_fields.svelte-13xorcl.svelte-13xorcl{display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-area:2/1/6/-1;gap:1em}.sign_in_fields.svelte-13xorcl label.svelte-13xorcl:nth-child(n){grid-column:1/-1;color:#86929c}.sign_in_fields.svelte-13xorcl label:nth-child(n) .svelte-13xorcl:is(button){width:100%}.sign_in_fields.svelte-13xorcl label:nth-child(n) .error_message.svelte-13xorcl{color:#c43d5a;font-size:.8rem;position:absolute;right:0;width:100%;display:flex;flex-direction:row;justify-content:flex-end;gap:0}.sign_in_fields.svelte-13xorcl .passwordField.svelte-13xorcl{position:relative}.sign_in_fields.svelte-13xorcl .svelte-13xorcl:is(label){height:-moz-max-content;height:max-content;position:relative;margin-bottom:1em;margin-top:1em}.sign_in_fields.svelte-13xorcl :is(label) .svelte-13xorcl:is(input){width:100%;height:3em;color:#86929c;padding-left:1em;font-size:1rem;background-color:none;border:solid 1px #86929c}.sign_in_fields.svelte-13xorcl :is(label) .email_span_text.svelte-13xorcl,.sign_in_fields.svelte-13xorcl :is(label) .password_span_text.svelte-13xorcl{position:absolute;left:5%;top:-25%;background-color:#fff;border-radius:6px;padding:0 .3em;font-size:.8rem}.sign_in_fields.svelte-13xorcl .form_btn.svelte-13xorcl{background-color:#1b6f85;height:6vh}.sign_in_fields.svelte-13xorcl .togglePasswordDisplayIcon.svelte-13xorcl{position:absolute;top:50%;transform:translateY(-50%);right:5%;transition:all .5s ease-in-out;cursor:pointer;color:#86929c}.sign_in_fields.svelte-13xorcl .divider.svelte-13xorcl{grid-area:6/1/6/-1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,10px);position:relative;justify-content:center;align-items:center;color:#86929c}.sign_in_fields.svelte-13xorcl .divider .one.svelte-13xorcl{grid-column:1/1}.sign_in_fields.svelte-13xorcl .divider .two.svelte-13xorcl{grid-column:3/3}.sign_in_fields.svelte-13xorcl .divider .svelte-13xorcl:is(span){grid-column:2/2;position:absolute;top:-50%;left:50%;transform:translate(-50%) translateY(0)}.sign_in_fields.svelte-13xorcl .google_OAuth.svelte-13xorcl{grid-area:7/1/7/-1}.sign_in_fields.svelte-13xorcl .google_OAuth .svelte-13xorcl:is(a){border:solid 2px #1b6f85;background-color:#f5f5f5;color:#1b6f85;text-decoration:none;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1em;height:6vh;width:100%;transition:all .5s ease;border-radius:4px;font-weight:700}.sign_in_fields.svelte-13xorcl .google_OAuth .svelte-13xorcl:is(a):hover{color:#f5f5f5;background-color:#1b6f85;border:solid 1px whitesmoke}.loginpage_bgc_overlay{background-color:#0c3a46;position:absolute;z-index:2}.loginpage_bgc_overlay .login_container{width:60vw;height:500px}.loginpage_bgc_overlay .login_container .branding-form{position:absolute;left:40%;width:60%;height:100%;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center}.login-container-parent .login_container{height:70vh}.form_btn{background-color:#1b6f85;transition:all .5s ease-in-out}.form_btn:hover{background-color:#258ea8}.form_headline{color:#1b6f85}.form_container{color:#86929c}.form_container p,.form_container a{color:inherit}.form_container a{color:#2563eb;text-decoration:underline}.branding-image{background-image:url(./brandimage01.a304bc85.jpeg);background-position:center center;background-size:cover;background-repeat:no-repeat;transition:.5s ease-in-out;position:absolute;width:50%;height:100%;z-index:1;display:flex;justify-content:center;align-items:center}.branding-image .branding-image-overlay{width:90%;height:90%;padding:2em;display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;opacity:80%}.branding-image .branding-image-overlay .logo{color:#1b6f85}.branding-image .branding-image-overlay p{width:70%;color:#1b6f85}.branding-image .branding-image-overlay button{font-weight:700;color:#1b6f85}@media screen and (max-width: 1200px){.login-container-parent{display:grid;grid-template-columns:1fr}.login-container-parent .login_container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;width:90vw;margin:0 auto;gap:1em}.login-container-parent .login_container .branding-image{overflow:hidden}.login-container-parent .login_container .form_container{width:30vw}.login-container-parent .login_container .form_container .sign_up_fields{display:grid;grid-template-columns:1fr 1fr;width:35vw}.login-container-parent .login_container .form_container .sign_up_fields label input{width:100%}.login-container-parent .login_container .form_container .sign_up_fields label:nth-child(1){grid-area:1/1/1/2}.login-container-parent .login_container .form_container .sign_in_fields label{height:-moz-max-content;height:max-content;position:relative}.login-container-parent .login_container .form_container .sign_in_fields label input{width:100%;height:3em;color:#86929c}.login-container-parent .login_container .form_container .form_btn{background-color:#1b6f85;transition:all .5s ease-in-out}.login-container-parent .login_container .form_container .form_btn:hover{background-color:#258ea8}.login-container-parent .login_container .form_container .google_OAuth button span{font-size:.8rem}.login-container-parent .login_container .form_container .form_headline{padding-top:0}.login-container-parent .login_container .form_headline{width:25vw;margin-bottom:1em;font-size:1.2rem}}@media screen and (max-width: 600px){.login-container-parent .login_container{width:90vw}.login-container-parent .login_container .form_container .sign_up_fields label input{font-size:.8rem;height:3rem}.loginpage_bgc_overlay .login_container .branding-form{width:100%;height:100%;left:0}.sign_in_fields input{font-size:.8rem}form .form_container{width:90%!important;height:88%;position:absolute!important;left:0}form .form_container .form_headline{margin:1em 0}form .sign_up_fields{width:100%!important}.branding-image{width:100%;height:8vh;position:absolute;background:none;bottom:-12.5%;border:solid 1px rgba(255,255,255,.209);padding:0;margin:0}.branding-image .branding-image-overlay{background:none;width:100vw;margin:0;display:flex;position:relative}.branding-image .branding-image-overlay .logo{width:30vw;position:absolute;top:25%;left:2.5%;transition:color .5s ease-in-out;cursor:pointer;color:#f5f5f5}.branding-image .branding-image-overlay .logo:hover{color:#1b6f85}.branding-image .branding-image-overlay p{display:none}.branding-image .branding-image-overlay button{width:30vw;position:absolute;top:25%;right:2.5%;text-align:right;transition:all .5s ease-in-out;color:#f5f5f5}.branding-image .branding-image-overlay button:hover{color:#1b6f85}.google_OAuth{width:100%}.google_OAuth span{font-size:.8rem}}
