@keyframes shake-horizontal
  5%
  25%
  65%
  85%
    transform translateX(6px)
  45%
    transform translateX(10px)
  15%
  75%
    transform translateX(-10px)
  35%
  55%
  95%
    transform translateX(-6px)
  0%,
  100%
    transform translateX(0)

.unf-shake-warning
  animation-name shake-horizontal
  animation-duration 50ms
  animation-timing-function ease-in-out
  animation-iteration-count 4
  display flex
  align-items center
  color $error-color
  .unf-i
    margin-right 4px
  &-text
    s-ellipsis()
    s-font-body()
    max-width 300px