body {
  background: #f7f7f9;
}

.banner {
  padding: 4px 12px;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.05em;
}

.banner--demo {
  background: #fff3cd;
  color: #664d03;
  border-bottom: 1px solid #ffecb5;
}

.banner--fail {
  background: #f8d7da;
  color: #58151c;
  border-bottom: 1px solid #f1aeb5;
}

.nav-pills .nav-link {
  color: rgba(255, 255, 255, 0.8);
  padding: 4px 12px;
  font-size: 14px;
}

.nav-pills .nav-link.active {
  background: #495057;
}

.deviation-alert {
  color: #b02a37;
  font-weight: 600;
}

.modal-backdrop-custom {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 50;
}

.modal-backdrop-custom.d-none {
  display: none !important;
}