.TripsLoginPage{position:absolute;top:0;left:0;min-width:100%;min-height:100vh;font-family:Arial,sans-serif}.TripsLoginPage a{color:#56b2d6}.TripsLoginPage h1{font-family:Open Sans,sans-serif;text-align:center;font-size:1.6em;font-weight:700;margin:0 0 -10px;color:#fff}.TripsLoginPage .hero-background{text-align:center;min-height:calc(100vh - 60px);padding-left:3.5vw;padding-right:3.5vw;background-image:url(/assets/welcome-background-ELBLvtcL.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;box-sizing:border-box}.TripsLoginPage .hero-background .login-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;color:#fff;font-size:12px;width:420px;padding:10px 40px;box-sizing:border-box;transition:opacity 2s ease}.TripsLoginPage .hero-background .login-container .form-container{text-align:left;border:none;padding:0 3rem}.TripsLoginPage .hero-background .login-container footer{margin-top:20px;text-align:left}.TripsLoginPage .TripsLoginForm .submit-container{display:grid;grid-template-columns:60% minmax(5rem,40%);grid-template-rows:3.25rem auto}.TripsLoginPage .TripsLoginForm button[type=submit]{font-size:12px;font-weight:700;color:#fff;background-color:#34c66f;padding:9px 20px;border:none;border-radius:3px;transition:color}.TripsLoginPage .TripsLoginForm button[type=submit]:hover{background-color:#54dd8c}.TripsLoginPage .TripsLoginForm input[type=text],.TripsLoginPage .TripsLoginForm input[type=password]{padding:.25rem;border-radius:1px}.TripsLoginPage .TripsLoginForm input[type=text][aria-invalid],.TripsLoginPage .TripsLoginForm input[type=password][aria-invalid]{border:solid 2px #fbb657}.TripsLoginPage .TripsLoginForm input[type=text]:focus,.TripsLoginPage .TripsLoginForm input[type=password]:focus{outline-offset:1px}