/* Styles for Token Validation Form */
  .validation-feedback {
      height: 24px;
      margin-top: 6px;
  }

  .is-loading {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath opacity='.2' fill='%23000' d='M20.201 5.169c-8.254 0-14.946 6.692-14.946 14.946 0 8.255 6.692 14.946 14.946 14.946s14.946-6.691 14.946-14.946c-.001-8.254-6.692-14.946-14.946-14.946zm0 26.58c-6.425 0-11.634-5.208-11.634-11.634 0-6.425 5.209-11.634 11.634-11.634 6.425 0 11.633 5.209 11.633 11.634 0 6.426-5.208 11.634-11.633 11.634z'/%3E%3Cpath fill='%23000' d='M26.013 10.047l1.654-2.866a14.855 14.855 0 00-7.466-2.012v3.312c2.119 0 4.1.576 5.812 1.566z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 20 20' to='360 20 20' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 10px center;
      background-size: 20px;
  }

  /* Additional styling for better UX */
  #tokenForm {
      padding: 20px;
      background-color: #f8f9fa;
      border-radius: 8px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  }

  .btn-primary {
      transition: all 0.3s ease;
  }

  .btn-primary:disabled {
      background-color: #6c757d;
      border-color: #6c757d;
      opacity: 0.65;
  }

  /* Logo preview styling */
  #logoPreview {
      width: 150px;
      height: 150px;
      border-radius: 50%;
      background-color: #f0f0f0;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 10px auto;
      overflow: hidden;
      border: 2px dashed #ccc;
  }

  #logoPreview img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
  }

  .logo-container {
      text-align: center;
      margin-bottom: 10px;
  }

  .logo-upload-label {
      cursor: pointer;
      color: #0d6efd;
      display: inline-block;
      margin-top: 10px;
  }

  .logo-upload-label:hover {
      text-decoration: underline;
  }

  #tokenLogo {
      display: none;
  }


  #walletAlertModal .modal-content {
      border-radius: 10px;
  }
  #walletAlertModal .modal-header {
      background-color: #0d6efd;
      color: white;
  }
  #walletAlertModal .btn-primary {
      background-color: #0d6efd;
      border-color: #0d6efd;
  }

  #feeConfirmationModal .modal-content {
      border-radius: 10px;
  }
  #feeConfirmationModal .modal-header {
      background-color: #0d6efd;
      color: white;
  }