@tailwind base;
@tailwind components;
@tailwind utilities;
@tailwind variants;

/* Override the Tailwind preflight */
button[type="submit"] {
  @apply bg-black;
}

@layer utilities {
  /* Hide scrollbar for Chrome, Safari and Opera */
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbar for Edge and Firefox */
  .no-scrollbar {
    -ms-overflow-style: none; /* Edge */
    scrollbar-width: none; /* Firefox */
  }

  @keyframes slidein {
    from {
      transform: translate3d(0, 0, 0);
    }

    to {
      transform: translate3d(-100%, 0, 0);
    }
  }

  .wrapper {
    position: relative;
    white-space: nowrap;
    display: inline-block;
    animation: slidein 120s linear infinite;
    filter: grayscale(100%);
  }
}

/* Override Nextra defaults */
article.nextra-body-typesetting-article {
  line-height: 1.75;
}
article.nextra-body-typesetting-article p {
  line-height: 1.75 !important;
}

article.nextra-body-typesetting-article h1,
article.nextra-body-typesetting-article h2,
article.nextra-body-typesetting-article h3,
article.nextra-body-typesetting-article h4 {
  line-height: 1.25 !important;
}

[id^="headlessui-tabs-panel"] > #custom-code-block:first-child {
  margin-top: 0 !important;
}
