:root {
  --cb-header-bg-color: #003e7c;
  --cb-widget-bg: #1b5dac;
  --cb-widget-bg-lighter: #14decb;
  --cb-widget-fg: white;
  --cb-header-color: white;
  --cb-menu-break: 768px;
  --cb-section-break: 576px;
  --cb-shadow-color: rgba(0, 0, 0, 0.5);
  --cb-normal-color: black;
  --cb-muted-color: #737373;
  --cb-body-color: #f8f8f8;
  --cb-mobile-logo-width: 94px;
  --cb-mobile-logo-height: 44px;
  --cb-primary: #d95700;
  --cb-secondary: #14decb;
  --bs-primary-rgb: 217, 87, 0;
}
.container.login-page {
  margin-top: 1em;
}
.login-page,
.register-page {
  display: grid;
  grid-auto-flow: row;
  margin-bottom: 1em;
}
.login-page .form-label,
.register-page .form-label {
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .login-page,
  .register-page {
    width: 30em;
  }
}
.login-page .login.group,
.register-page .login.group {
  display: grid;
  grid-auto-flow: row;
}
.login-page .login.group.external,
.register-page .login.group.external {
  gap: 0.5em;
  margin-bottom: 1em;
}
.login-page .login.group.external .btn,
.register-page .login.group.external .btn {
  position: relative;
}
.login-page .login.group.external .btn img,
.register-page .login.group.external .btn img {
  width: 24px;
  height: 24px;
  top: calc((100% - 24px) / 2);
  left: 12px;
  position: absolute;
}
.login-page .divider,
.register-page .divider {
  width: 100%;
  display: grid;
  grid-template-columns: auto -webkit-min-content auto;
  grid-template-columns: auto min-content auto;
  align-items: center;
  gap: 1em;
  margin: 1em 0;
}
.login-page .divider::before,
.register-page .divider::before,
.login-page .divider::after,
.register-page .divider::after {
  content: '';
  height: 3px;
  background-color: var(--bs-primary);
  border-style: solid;
  border-color: var(--bs-primary);
  border-width: 2px;
  border-radius: 5px;
}