/* [project]/app/admin/components/payment-methods/Payment.scss.css [app-client] (css) */
.payment-methods-container {
  padding: 2rem 0;
}

.payment-methods-container .loading-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 300px;
}

.payment-methods-container .method-name {
  display: flex;
  align-items: center;
  gap: 8px;
}

.payment-methods-container .method-name .method-icon {
  font-size: 1.2rem;
}

.payment-methods-container .status-badge {
  padding: 4px 12px;
  border-radius: 12px;
  font-size: .8rem;
  font-weight: 500;
}

.payment-methods-container .status-badge.active {
  background-color: #2ecc7126;
  color: #27ae60;
}

.payment-methods-container .status-badge.inactive {
  background-color: #bdc3c726;
  color: #7f8c8d;
}

.payment-methods-container .fee-container, .payment-methods-container .amount-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

/*# sourceMappingURL=app_admin_components_payment-methods_Payment_scss_b52d8e.css.map*/