:root{--form-height:50vh;--form-font:Arial,sans-serif;--form-wrapper-background:hsla(0,0%,66%,.08);--form-wrapper-border:#eee;--form-primary-background:#023860;--form-primary-background-hover:#035ea1;--form-primary-text:#000;--form-input-text:#000;--form-complimentary-text:#fff;--form-error:#d22d2e;--form-checkbox-size:1.5rem;--form-checkbox-position-top:2px}.form__container{align-items:center;color:var(--form-primary-text);display:flex;font-family:var(--form-font);height:var(--form-height);justify-content:center}.form__wrapper{background-color:var(--form-wrapper-background);border:2px solid var(--form-wrapper-border);padding:2rem 3rem;width:23rem}.form__control{margin-bottom:1.5rem}.form__control label{display:block;margin-bottom:.5rem}.form__control input{border:none;border-radius:1.2rem;box-shadow:0 4px 8px -2px rgba(9,30,66,.25),0 0 0 1px rgba(9,30,66,.08);box-sizing:border-box;color:var(--form-input-text);font-size:1rem;height:2.5rem;padding:.2rem .7rem;width:100%}.form__checkbox input[type=checkbox]:focus+label:before,.form__control input:active,.form__control input:focus,.form__login-button:focus{outline:thick double var(--form-primary-background)}.form__button-wrapper{margin-top:1rem;text-align:right}.form__checkbox input[type=checkbox]{opacity:0}.form__checkbox input[type=checkbox]:checked+label:after{content:""}.form__checkbox input[type=checkbox]:checked+label:before{background-color:var(--form-primary-background)}.form__checkbox input[type=checkbox]:checked+.form__checkbox input[type=checkbox]:focus+label:before{outline:var( --form-primary-text) auto 3px}.form__checkbox input[type=checkbox]+label{cursor:pointer;display:inline-block;margin-bottom:0;padding-left:1.5rem;position:relative}.form__checkbox input[type=checkbox]+label:before{border:3px solid var(--form-primary-background);border-radius:3px;content:"";height:var(--form-checkbox-size);left:calc(var(--form-checkbox-size)*-.85/2);position:absolute;top:var(--form-checkbox-position-top);width:var(--form-checkbox-size)}.form__checkbox input[type=checkbox]+label:after{border-bottom:4px solid;border-left:4px solid;color:var(--form-complimentary-text);content:none;display:inline-block;height:calc(var(--form-checkbox-size)/2);left:calc(var(--form-checkbox-size)*-.3/2);position:absolute;top:calc(var(--form-checkbox-position-top) + 3px);transform:rotate(-45deg);width:calc(var(--form-checkbox-size)/2 - 2px)}.form__login-button[type=submit]{background-color:var(--form-primary-background);border:none;border-radius:7px;color:var(--form-complimentary-text);cursor:pointer;font-size:1rem;padding:.5rem .9rem}.form__login-button:hover{background-color:var(--form-primary-background-hover);transition:background-color .2s linear}.form__error{color:var(--form-error);margin-top:2rem;text-align:center}