/* [project]/app/environment.css [app-client] (css) */
.environment-badge {
  bottom: max(14px, env(safe-area-inset-bottom));
  letter-spacing: .08em;
  pointer-events: none;
  min-height: 26px;
  right: max(14px, env(safe-area-inset-right));
  -webkit-user-select: none;
  user-select: none;
  z-index: 10000;
  border: 1px solid #0000;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  font: 700 11px / 1 Inter, ui-sans-serif, system-ui, sans-serif;
  display: flex;
  position: fixed;
  box-shadow: 0 2px 8px #17372b1f;
}

.environment-badge[data-environment="local"] {
  color: #744b00;
  background: #fff5d6;
  border-color: #d99a17;
}

.environment-badge[data-environment="preview"] {
  color: #294a9b;
  background: #e9efff;
  border-color: #6f8fe8;
}

@media (max-width: 520px) {
  .environment-badge {
    bottom: max(10px, env(safe-area-inset-bottom));
    right: max(10px, env(safe-area-inset-right));
  }
}

/*# sourceMappingURL=app_environment_0xcoysl.css.map*/