supabase/www/components/CodeBlock/CodeBlock.module.css

.code-block {
  @apply overflow-hidden rounded-lg;
  @apply border;
}

.code-block--show-toolbar {
  @apply rounded-t-none !important;
}

.code-line {
  transition: filter 500ms ease, opacity 500ms ease;
}

.code-block .code-line:first-of-type {
  @apply flex items-end h-8;
}

.code-block .code-line:first-of-type :global(.linenumber) {
  @apply items-end self-stretch;
}

.code-block .code-line:first-of-type > :global(*:not(.linenumber)) {
  @apply pb-1;
}

.code-block .code-line:last-of-type {
  @apply flex items-start h-8;
}

.code-block .code-line:last-of-type :global(.linenumber) {
  @apply items-start self-stretch;
}

.code-block .code-line:last-of-type > :global(*:not(.linenumber)) {
  @apply pt-1;
}

.code-block code .linenumber {
  margin-right: 4px;
}

.code-block code::after,
.code-block code::before {
  content: none !important;
}