.block
  @extend %block

.delete
  @extend %delete

.heading
  display: block
  font-size: 11px
  letter-spacing: 1px
  margin-bottom: 5px
  text-transform: uppercase

.highlight
  --highlight-font-weight: var(--weight-normal, #{$weight-normal})
  @extend %block
  font-weight: var(--highlight-font-weight)
  max-width: 100%
  overflow: hidden
  padding: 0
  pre
    overflow: auto
    max-width: 100%

.loader
  @extend %loader

.number
  --number-background: var(--background, #{$background})
  --number-radius-rounded: var(--radius-rounded, #{$radius-rounded})
  --number-font-size: var(--size-medium, #{$size-medium})
  align-items: center
  background-color: var(--number-background)
  border-radius: var(--number-radius-rounded)
  display: inline-flex
  font-size: var(--number-font-size)
  height: 2em
  justify-content: center
  margin-right: 1.5rem
  min-width: 2.5em
  padding: 0.25rem 0.5rem
  text-align: center
  vertical-align: top
