:local(.media)
  display: flex
  align-items: flex-start
  overflow-wrap: break-word

  .media-figure
    margin-right: 1em

  .media-body
    flex: 1
    min-width: 0

:local(.media.mediaReverse)
  > .media-figure
    order: 1
    margin-left: 1em
    margin-right: 0

:local(.media.mediaNoMargin)
  > .media-figure
    margin-left: 0
    margin-right: 0

:local(.media.mediaCenter)
  align-items: center