.sponsors {
  @apply com-mx-0;
  h6 {
    @apply com-m-0 com-flex com-items-center;
  }

  .event-sponsors {
    @apply com-grid com-grid-cols-1 md:com-grid-cols-2 lg:com-grid-cols-3 xl:com-grid-cols-4 com-gap-3 com-mt-6;
    .event-sponsor {
      @apply com-h-48 com-border com-border-solid com-border-Bright-Gray com-rounded-xl com-relative com-overflow-hidden;
      .logo {
        @apply com-h-28 com-w-full com-bg-gray-100 com-flex com-justify-center com-items-center;
        img {
          @apply com-w-full com-h-full com-object-contain com-p-2;
        }
      }
      .details {
        @apply com-p-4;
        .name-link {
          @apply com-my-0;
          span {
            @apply com-text-Yankees-Blue com-text-base com-font-semibold com-pb-2;
          }
          a {
            @apply com-no-underline;
          }
        }
      }
      .remove-sponsor-button {
        @apply com-absolute com-top-1 com-right-1;
      }
    }
  }
}

.add-sponsor-container {
  @apply com-w-full md:com-w-800px com-max-h-[90dvh] com-mx-0;
  nb-card-header {
    @apply com-flex com-justify-between com-items-center;
  }
  nb-card-body {
    @apply com-p-0;
    .existing-sponsors {
      @apply com-grid com-grid-cols-2 md:com-grid-cols-3 lg:com-grid-cols-4 com-gap-3;
      .sponsor-card {
        @apply com-h-36 com-m-0 com-cursor-pointer;
        .sponsor-logo {
          @apply com-h-4/5 com-p-4 com-flex com-items-center com-bg-gray-100 com-overflow-hidden com-rounded-tl-10 com-rounded-tr-10;
          img {
            @apply com-w-full;
          }
        }
        .sponsor-name {
          @apply com-text-center com-line-clamp-1 com-text-xs com-font-semibold com-content-center com-text-Yankees-Blue com-h-1/5;
        }
      }
    }
    .sponsor-form {
      .logo-image-uploader-container {
        @apply com-pt-5 com-flex com-items-center com-justify-center com-flex-col;
        > span {
          @apply com-flex com-flex-col com-items-center com-justify-center com-space-y-2;
        }
        fa-icon {
          @apply com-text-7xl com-text-Cadet-Grey;
        }
        .label-text {
          @apply com-text-gray-500 com-text-center com-text-sm com-font-medium;
        }
        input[type='file'] {
          @apply com-hidden;
        }
      }
      .logo-image-uploader-container:hover {
        .label-text {
          @apply com-text-gray-400;
        }
      }

      .uploaded-logo-container {
        @apply com-w-full com-flex com-items-center com-justify-center;
        .uploaded-logo {
          @apply com-mb-4 com-h-28 com-aspect-1 com-flex com-items-center com-justify-center;
          img {
            @apply com-w-full;
          }
        }
      }
      input {
        @apply com-mt-2;
      }
      .delete-logo-button {
        @apply com-flex com-items-center com-justify-center;
      }
      .required {
        @apply com-text-red-500;
      }
      .field {
        @apply com-my-4;
        label {
          @apply com-mb-3;
        }
      }
    }
  }
}

.remove-sponsor-confirmation {
  nb-card-header,
  nb-card-footer {
    @apply com-flex com-items-center com-justify-between;
  }
}
