medusa-store/www/apps/api-reference/css/globals.css

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

@layer base {
  h1 {
    @apply text-h1 mb-1;
  }
  
  h2 {
    @apply text-h2 mb-1;
  }
  
  h3 {
    @apply text-h3 mb-0.5;
  }
  
  h4 {
    @apply text-h4 mb-0.5;
  }
  
  h1, h2, h3, h4 {
    @apply text-medusa-fg-base dark:text-medusa-fg-base-dark;
  }
  
  hr {
    @apply h-[1px] w-full border-0 bg-medusa-border-base dark:bg-medusa-border-base-dark my-2;
  }
  
  p, ul, ol {
    @apply mb-1.5;
  }

  html {
    -webkit-font-smoothing: antialiased;
  }

  body {
    @apply overflow-x-hidden;
  }

  *::selection {
    @apply bg-medusa-bg-highlight dark:bg-medusa-bg-highlight-dark;
  }

  pre *::selection {
    @apply !bg-medusa-code-text-highlight;
  }

  body[data-modal="opened"] {
    @apply !overflow-hidden;
  }

  mark {
    @apply bg-medusa-bg-highlight dark:bg-medusa-bg-highlight-dark;
    @apply text-medusa-fg-interactive dark:text-medusa-fg-interactive-dark;
  }
}

@layer utilities {
  .clip {
    clip-path: inset(0);
  }

  .no-marker {
    @apply marker:content-none;
  }

  .no-marker::-webkit-details-marker {
    @apply hidden;
  }
}