@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
@import 'nextra/styles/code-block.css';
@import 'nextra/styles/subheading-anchor.css';
@import 'nextra/styles/scrollbar.css';
@import 'nextra/styles/steps.css';
@import 'nextra/styles/cards.css';
@import 'nextra/styles/react-medium-image-zoom.css';

html {
  @apply _scroll-pt-5;
}

body {
  @apply _px-4 _bg-[rgb(var(--nextra-bg))];
}

article {
  @apply _mx-auto _block _pt-20 _pb-32;
}

article img {
  @apply _mx-auto;
}

h1 {
  letter-spacing: -0.03em;
}

._prose code {
  &:before,
  &:after {
    @apply _hidden;
  }

  .line {
    @apply _font-normal;
  }
}

._prose .nextra-callout p {
  @apply _m-0;
}

.footnotes a[data-footnote-backref] {
  font-family: initial;
}
