.root
  padding 1u 2u
  border-width 1px
  justify-content space-between
  radius()

  &.info
    border-color: $UI.colors.primary
    background-color: $UI.colors.primaryLightest

  &.error
    border-color: $UI.colors.error
    background-color: $UI.colors.errorLightest

  &.warning
    border-color: $UI.colors.warning
    background-color: $UI.colors.warningLightest

  &.success
    border-color: $UI.colors.success
    background-color: $UI.colors.successLightest

// we align height by actions
// since info block has height less small button
.information
  padding 2px 0
  flex-shrink 1

.icon
  flex-shrink 0

  &.info
    color: $UI.colors.primary

  &.error
    color: $UI.colors.error

  &.warning
    color: $UI.colors.warning

  &.success
    color: $UI.colors.success

.content
  flex-shrink 1

  &.indent
    margin-left 1.5u

.actions
  flex-shrink 0
  margin-left 2u