.spinner {
  @apply com-min-h-[50dvh] com-flex com-justify-center com-items-center;
}
.details-section {
  @apply com-flex com-justify-between com-items-center com-py-0;
  .details {
    @apply com-flex com-gap-3 com-items-center;
    .hackathon-name {
      @apply com-text-Yankees-Blue com-text-4xl com-font-bold;
    }
  }
  .social-links {
    @apply com-flex com-gap-6 com-items-center;
    a {
      @apply com-text-xl com-w-9 com-h-9 com-grid com-items-center com-justify-center com-border com-border-solid com-border-Bright-Gray com-rounded-lg com-text-primary-500 hover:com-shadow;
    }
  }
}

nb-stepper {
  ::ng-deep {
    .step-content {
      @apply com-px-0;
    }
  }
}

.confirmation-dialog {
  @apply com-m-0 md:com-w-[25dvw] com-w-auto com-h-full;
  nb-card-body {
    @apply com-px-0 com-py-0;
    text-align: center;
    .thank-you-icon {
      @apply com-m-0;
      nb-icon {
        font-size: 100px;
      }
    }
    .thank-you-text {
      @apply com-mt-0;
    }
  }

  nb-card-footer {
    display: flex;
    p {
      @apply com-m-0 com-font-medium;
    }
    a {
      text-decoration: none;
    }
  }
}

.select {
  @apply com-flex com-items-center com-gap-1 com-h-8 com-p-1 com-text-sm com-rounded-[4px] com-cursor-pointer com-bg-[#F6F9FC] hover:com-bg-[#eef2f7]/50  com-border com-border-solid com-border-[#E4E9F2]  com-w-max com-my-4;
  select {
    @apply com-bg-[#F6F9FC] hover:com-bg-[#eef2f7]/50 com-cursor-pointer com-border-0 com-w-full;
  }
}
