.snackbar
  z-index: $tooltipLevelZIndex
  position: absolute
  top: 20px
  max-width: 100%
  margin: 0 auto
  display: inline-flex
  flex-flow: column
  left: 50%
  transform: translateX(-50%)

  > .snackbarItem:not(:first-child)
    margin-top: 20px

  > .snackbarItem
    box-sizing: border-box
    display: flex
    align-items: center
    padding: 15px 20px
    $smallBorderRadius()
    $commonBoxShadow()
    background: white
    &.success
      color: white
      background: $green
    &.error
      color: white
      background: $red
    &.warning
      color: white
      background: $orange
    &.comparisonInfo
      color: white
      background: $orange

    > .msg
      flex: 1 1 0%
      line-height: 1.2

    > .icon
      flex: 0 0 auto
      font-size: 20px
      cursor: pointer
      &:first-child
        font-size: 24px
        margin-right: 20px
      &:last-child
        margin-left: 20px