@layer base {
  code, pre {
    @apply !font-mono;
  }
}

pre.slidev-code {
  @apply p-3 rounded-md !important;
}

:not(pre) > code {
  @apply px-[0.4em] py-[0.2em] text-[0.9em] text-[#a3bffa] bg-[#4c51bf] rounded !important;
}
:not(pre) > code::before,
:not(pre) > code::after {
  content: '`';
}
:not(pre) > code::before {
  margin-right: -0.08em;
}