@import "../css/colors"
@import "../css/vars"

:local(.message)
  position: relative;
  border-bottom: solid 1px $borderGray
  background: $white
  color: $textGray

  p
    margin-top: 0

:local(.message.clickable)
  cursor: pointer;

:local(.message.normal)
  border-left: solid 2px transparent

:local(.message.medium)
  border-left: solid 2px $blue

:local(.message.high)
  border-left: solid 2px $yellow

:local(.message.critical)
  border-left: solid 2px $red

:local(.info)
  position: relative;
  margin-top: 10px
  font-size: 12px;
  font-family: $sansserif
  color: $textGray

:local(.figure)
  position: relative;
  padding-left: 10px

:local(.figure.normal)
  color: $darkGray

:local(.figure.medium)
  color: $blue

:local(.figure.high)
  color: $yellow

:local(.figure.critical)
  color: $red

:local(.text)
  position: relative;
  font-family: $sansserif