/* Same box model and typography as `:not(pre) > code` (variables from code.css) */
.slidev-layout .theme-badge {
  display: inline;
  padding: var(--size-0\.5) var(--size-1\.5);
  border-radius: var(--slidev-code-radius);
  font-size: var(--text-sm);
  font-weight: inherit;
  font-family: inherit;
  line-height: inherit;
  vertical-align: baseline;
  white-space: nowrap;
}

.slidev-layout .theme-badge--solid {
  background: var(--color-blue-900);
  color: var(--color-white);
}

.slidev-layout .theme-badge--soft {
  background: var(--color-blue-100);
  color: var(--color-blue-900);
}

.slidev-layout .theme-badge--outline {
  background: transparent;
  color: var(--color-blue-900);
  box-shadow: inset 0 0 0 var(--size-px) var(--color-blue-900);
}