/* Environment banner — development and staging only */

.environment-banner {
  --environment-banner-height: 2.25rem;
  width: 100%;
  padding: 0.5rem 1rem;
  text-align: center;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  border-bottom: 1px solid transparent;
  box-sizing: border-box;
}

.environment-banner__text {
  margin: 0;
}

.environment-banner--development {
  color: #1e3a8a;
  background: #dbeafe;
  border-bottom-color: #bfdbfe;
}

.environment-banner--staging {
  color: #92400e;
  background: #fef3c7;
  border-bottom-color: #fde68a;
}