.unf-notice
  width 560px
  position fixed
  margin-right 24px
  top 14px
  right 0
  z-index 1010

.unf-notice-box
  box-sizing border-box
  border-radius 4px
  box-shadow 0 1px 6px rgba(0,0,0,.2)
  background #fff
  line-height 1
  position relative
  overflow hidden
  margin-top 10px
  &-short
    margin-left 40%
  &-content
    padding 16px

.unf-notice-content
  padding 20px 20px 20px 24px
  &:before
    content ''
    position absolute
    top 0
    left @top
    bottom @top
    width 8px
  &-info
    & ^[0]-icon
      color $notice-color
    &:before
      background-color $notice-color
  &-success
    & ^[0]-icon
      color $success-color
    &:before
      background-color $success-color
  &-warning
    & ^[0]-icon
      color $warning-color
    &:before
      background-color $warning-color
  &-error
    & ^[0]-icon
      color $error-color
    &:before
      background-color $error-color
  &-title
    display flex
    align-items center
    & > h2
      flex auto
      color $title-color
      font-weight bold
      s-font-title2()
  &-icon
    margin-right 16px
  &-close-icon
    position relative
    width 28px
    height @width
    line-height @width
    overflow hidden
  &-desc
    s-font-body()
    color $text-color
    margin-top 5px