/* Customer and staff sign-in labels stay above fields in empty, focused and autofilled states. */
.klasse-portal :is(.customer-signin-form,.staff-signin-form) :is(.customer-signin-field,.staff-signin-field) {
  display:block;
  margin:18px 0;
}
.klasse-portal :is(.customer-signin-form,.staff-signin-form) :is(.customer-signin-field,.staff-signin-field) > label {
  display:block;
  position:static;
  margin:0 0 8px;
  font-size:14px;
  font-weight:600;
  line-height:1.5;
  color:var(--klasse-navy);
}
.klasse-portal :is(.customer-signin-form,.staff-signin-form) :is(.customer-signin-field,.staff-signin-field) > .form-control {
  width:100%;
  min-height:48px;
  padding:12px 14px;
  border:1px solid var(--klasse-border-strong);
  border-radius:10px;
  background:#fff;
  color:var(--klasse-navy);
  font-size:16px;
  line-height:1.5;
  box-shadow:none;
}
.klasse-portal :is(.customer-signin-form,.staff-signin-form) :is(.customer-signin-field,.staff-signin-field) > .form-control:focus {
  border-color:var(--klasse-green-dark);
  box-shadow:none;
}
.klasse-portal :is(.customer-signin-form,.staff-signin-form) :is(.customer-signin-field,.staff-signin-field) > .form-control:focus-visible {
  outline:2px solid var(--klasse-green-dark);
  outline-offset:2px;
}