@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z11lFd2JQEl8qw.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v7/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
a, a:active, a:link, a:visited {
  color: #5E5FEF;
  text-decoration: none;
}

.btn, a.btn, button, input[type=submit] {
  line-height: 1.5;
  font-size: 1rem;
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #384051;
  background: #EBEEF4;
  border-radius: 6px;
  border: none;
  color: #2A303D;
  font-family: inherit;
  font-weight: 600;
  text-decoration: none;
  padding: 0.75rem 1rem;
  text-align: center;
  cursor: pointer;
}
.btn.disabled, a.btn.disabled, button.disabled, input[type=submit].disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.btn.primary, a.btn.primary, button.primary, input[type=submit].primary {
  background: #5E5FEF;
  color: #FFFFFF;
  margin-top: 1rem;
}
.btn.primary:hover, a.btn.primary:hover, button.primary:hover, input[type=submit].primary:hover {
  background: #463BD2;
}
.btn.primary:active, a.btn.primary:active, button.primary:active, input[type=submit].primary:active {
  background: #352F9A;
}
.btn.primary:disabled, .btn.primary.disabled, a.btn.primary:disabled, a.btn.primary.disabled, button.primary:disabled, button.primary.disabled, input[type=submit].primary:disabled, input[type=submit].primary.disabled {
  background: #A8B4C6;
}
.btn.ghost, a.btn.ghost, button.ghost, input[type=submit].ghost {
  font-weight: 600;
  background: none;
  color: #5E5FEF;
}
.btn.ghost:hover, a.btn.ghost:hover, button.ghost:hover, input[type=submit].ghost:hover {
  color: #463BD2;
}
.btn.ghost:active, a.btn.ghost:active, button.ghost:active, input[type=submit].ghost:active {
  color: #352F9A;
}

* {
  box-sizing: border-box;
}

.d-block {
  display: block;
}

.w-100 {
  width: 100%;
}

html {
  line-height: 1.5;
  font-size: 1rem;
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #384051;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-family: Inter, sans-serif;
  margin: 0;
}

.sm-1 {
  line-height: 1.5;
  font-size: 0.875rem;
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #384051;
}
.sm-3 {
  line-height: 1.5;
  font-size: 0.625rem;
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #384051;
}

.lg-1 {
  line-height: 1.2;
  font-size: 2rem;
  font-family: Poppins, Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #242734;
}

h2.title {
  margin-top: 0;
  margin-bottom: 1rem;
  text-align: center;
}

select, .input[type=text], .input[type=email], .input[type=password], input[type=text], input[type=email], input[type=password] {
  line-height: 1.5;
  font-size: 1rem;
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #384051;
  font-family: inherit;
  background: #F5F9FB;
  color: #2A303D;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  border: none;
  margin-top: 1rem;
}
select:focus, .input[type=text]:focus, .input[type=email]:focus, .input[type=password]:focus, input[type=text]:focus, input[type=email]:focus, input[type=password]:focus {
  box-shadow: 0 0 0 1px #5E5FEF;
  outline: none;
}
select.invalid, .invalid.input[type=text], .invalid.input[type=email], .invalid.input[type=password], input.invalid[type=text], input.invalid[type=email], input.invalid[type=password] {
  box-shadow: 0 0 0 1px #E01A35;
}

.input[type=text]::placeholder, .input[type=email]::placeholder, .input[type=password]::placeholder, input[type=text]::placeholder, input[type=email]::placeholder, input[type=password]::placeholder {
  opacity: unset;
  color: #A8B4C6;
}

.password-container {
  position: relative;
  display: flex;
  margin-top: 1rem;
}
.password-container .password-input {
  margin: 0;
  flex-grow: 1;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 0.75rem 0.75rem 0.75rem 1rem;
}
.password-container .password-input:focus {
  border: 1px solid #5E5FEF;
  border-right: none;
  box-shadow: none;
}
.password-container .password-input.invalid {
  border: 1px solid #E01A35;
  border-right: none;
  box-shadow: none;
}
.password-container .reveal-password {
  flex-shrink: 0;
  cursor: pointer;
  user-select: none;
  background: #F5F9FB;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border: 1px solid #F5F9FB;
  border-left: none;
  padding: 0.75rem 1rem 0.75rem 0;
}
.password-container .password-input:focus + .reveal-password {
  border: 1px solid #5E5FEF;
  border-left: none;
}
.password-container .password-input.invalid + .reveal-password {
  border: 1px solid #E01A35;
  border-left: none;
}

select {
  display: block;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url(/assets/select-caret-90efda7d084276db33404d22e25eb83086fe7d85d71ffd9eaafc2e2e3dfd48a5.svg), linear-gradient(to bottom, #F5F9FB 0%, #F5F9FB 100%);
  background-repeat: no-repeat, repeat;
  background-position: right 0.7rem top 50%, 0 0;
  background-size: 0.75rem auto, 100%;
}
select.placeholder {
  color: #A8B4C6;
}
select option {
  color: #2A303D;
}
select option[value=""] {
  color: #A8B4C6;
}

.hero-panel {
  flex: 0;
  display: flex;
  position: relative;
}
.hero-panel h1 {
  line-height: 1.2;
  font-size: 2rem;
  font-family: Poppins, Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #242734;
  display: none;
}
.hero-panel .logo {
  position: static;
  margin: 10px 0 0 1rem;
}
.hero-panel .logo img {
  width: 44px;
  height: 44px;
  display: block;
}

.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: center;
  flex: 1;
  justify-content: start;
  margin: 1rem;
  margin-top: 3rem;
  max-width: 512px;
  width: 100%;
}
.content .main {
  text-align: left;
  padding-left: 1rem;
  padding-right: 1rem;
}
.content .main .title {
  line-height: 1.5;
  font-size: 1.25rem;
  font-family: Poppins, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #242734;
  font-weight: 700;
  margin-bottom: 1rem;
}
.content .main .description {
  line-height: 1.5;
  font-size: 1rem;
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #384051;
  color: #8494AA;
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.content .main .errors:not(.errors:empty) {
  line-height: 1.5;
  font-size: 0.75rem;
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #384051;
  text-align: left;
  color: #E01A35;
  margin-top: 0.5rem;
}
.content .main .subscript, .content .main .terms {
  text-align: center;
  margin-top: 1.5rem;
}
.content .main .subscript.or, .content .main .terms.or {
  margin-top: 1rem;
}
.content .main .terms {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.content .main .btn.primary {
  margin-top: 2rem;
}
.content .main #github-form #github-button {
  background-color: #FFFFFF;
  color: #5E5FEF;
  border: 1px solid #5E5FEF;
  margin-top: 1rem;
}
.content .main #github-form #github-button:hover, .content .main #github-form #github-button:active {
  border: none;
  color: #FFFFFF;
}
.content .main #github-form #github-button:hover {
  border: 1px solid #463BD2;
  background-color: #463BD2;
}
.content .main #github-form #github-button:active {
  border: 1px solid #352F9A;
  background-color: #352F9A;
}
.content .main #github-form #github-button .fa-github {
  margin-right: 0.5rem;
}

#login-btn, #signup-btn {
  padding: 0;
  margin-top: 20px;
  margin-right: 40px;
  position: absolute;
  top: 0;
  right: 0;
}
#login-btn::after, #signup-btn::after {
  content: " ›";
}

.intercom-lightweight-app {
  z-index: 1999999999 !important;
}

@media (min-width: 900px) {
  body {
    flex-direction: initial;
  }
  .input[type=text], .input[type=email], .input[type=password], input[type=text], input[type=email], input[type=password], select {
    padding: 1rem 1rem;
  }
  .password-container .password-input {
    padding: 1rem 0.75rem 1rem 1rem;
  }
  .password-container .reveal-password {
    padding: 1rem 1rem 1rem 0;
  }
  .hero-panel {
    flex: 1;
    max-width: 720px;
  }
  .hero-panel .logo {
    position: absolute;
    margin: 1rem;
    display: block;
  }
  .hero-panel .hero-panel-image-container {
    width: 100%;
    height: 100%;
    padding: 3.25rem 0 2.75rem 3rem;
    display: block;
  }
  .content {
    align-self: auto;
    justify-content: center;
    max-width: none;
    width: auto;
  }
  .content .main {
    text-align: center;
    max-width: 30rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .content .main .title {
    line-height: 1.2;
    font-size: 2rem;
    font-family: Poppins, Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #242734;
  }
  .content .main .description {
    line-height: 1.5;
    font-size: 1.25rem;
    font-family: Poppins, Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #242734;
    margin-top: 1rem;
    margin-bottom: 2rem;
  }
  .content .main .or {
    line-height: 1.5;
    font-size: 0.875rem;
    font-family: Inter, Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #384051;
  }
  #login-btn, #signup-btn {
    margin-top: 28px;
    margin-right: 49px;
  }
  #login-btn::after, #signup-btn::after {
    content: " ›";
  }
}
#login {
  width: 100%;
}
#login #login-form {
  margin-top: 1.5rem;
}
#login #login-form .password-container, #login #login-form .g-recaptcha {
  margin-bottom: 1rem;
}
#login #login-form .password-container {
  margin-top: 0.5rem;
}
#login #login-form button[type=submit] {
  margin-top: 1rem;
}
#login #login-form .alert {
  margin-top: 2rem;
  margin-bottom: 0.5rem;
  padding: 1rem;
  line-height: 1.5;
  font-size: 0.875rem;
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #384051;
  background-color: #E9EEFE;
  border: 1px solid #C4CFFD;
  color: #352F9A;
  border-radius: 0.5rem;
}
#login .reset-password {
  line-height: 1.5;
  font-size: 0.75rem;
  font-family: Inter, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #384051;
  margin-top: 1rem;
}
#login .g-recaptcha > div {
  margin: auto;
}

#select-team .title, #select-team .description, #select-team #user_id {
  margin-bottom: 1.5rem;
}

#tester_portal_sessions_controller_new .intercom-lightweight-app, #tester_portal_sessions_controller_create .intercom-lightweight-app {
  display: none;
}
#tester_portal_sessions_controller_new .www-link, #tester_portal_sessions_controller_create .www-link {
  margin-top: 2rem;
}

@media (min-width: 900px) {
  #sessions_controller_new .hero-panel-image, #sessions_controller_create .hero-panel-image {
    background-color: #F5F9FB;
    background-image: url(/assets/log_in-1309436b86ba656615c6d9a8f462e3932c92edf8f5bb7fba720d8027f9700e5b.png), url(/assets/pattern-map-edc4c765913ae75621d6666a1002d59c4f107901d411546f6c99faa66fb7359f.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain, cover;
    border: 3rem solid transparent;
    border-radius: 3rem;
    height: 100%;
  }
  #tester_portal_sessions_controller_new .hero-panel-image, #tester_portal_sessions_controller_create .hero-panel-image {
    background-color: #F5F9FB;
    background-image: url(/assets/portal-login-f151dbb4a7e81066f27f6070b6553dedeb55b3fac2285784f8445bbf608f5ee3.svg), url(/assets/pattern-icons-6f5270b550ffedc0e1d5f3db31aaba17bf823b993c1a7855c9e5d6161d7f84db.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain, cover;
    border: 3rem solid transparent;
    border-radius: 3rem;
    height: 100%;
  }
  #sessions_controller_select_team .hero-panel-image {
    background-color: #F5F9FB;
    background-image: url(/assets/setup-86b38762ed3414226c879d1613966c21cd2844fc832d4ad158e0e1cb81c8f482.svg), url(/assets/pattern-icons-6f5270b550ffedc0e1d5f3db31aaba17bf823b993c1a7855c9e5d6161d7f84db.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain, cover;
    border: 3rem solid transparent;
    border-radius: 3rem;
    height: 100%;
  }
  #login {
    width: auto;
  }
  #login .reset-password {
    line-height: 1.5;
    font-size: 0.875rem;
    font-family: Inter, Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #384051;
  }
  #login-form {
    min-width: 416px;
  }
}