=short-text-style
  >*:first-child
    margin-top: 0
  >*:last-child
    margin-bottom: 0
  hr
    display: block
    +size(100% 0)
    border: none
    border-top: dashed 1px var(--border)
    margin-block: 1.5em
  p
    +text-block(1em 1.7 0 .75em)
  li
    +text-block(1em 1.7 0 .125em)
  a
    +hover-link-reversal

  .message
    background: red
    padding: 1em 1.25em 1em 2.75em
    border-radius: .25rem
    margin-block: 1.5em 2em
    background-color: var(--warning-tint)
    color: var(--warning-text)
    &::before
      +fa(fas '\f06a')
      +position(absolute, left .25em, top .25em)
      font-size: 1.5em
      color: var(--warning)
    &.alert,
    &.danger
      background-color: var(--danger-tint)
      color: var(--danger-text)
      &::before
        color: var(--danger)
    &.warning
      background-color: var(--warning-tint)
      color: var(--warning-text)
      &::before
        color: var(--warning)
    &.info
      background-color: var(--info-tint)
      color: var(--info-text)
      &::before
        color: var(--info)
    &.primary
      background-color: var(--primary-tint)
      color: var(--primary-text)
      &::before
        color: var(--primary)
    &.success
      background-color: var(--success-tint)
      color: var(--success-text)
      &::before
        color: var(--success)
