@import '../../stylesheets/defaults'

+host-styles('mp-spinner')
  display inline-block
  height 22px
  width 22px

.mp-spinner
  animation spin 0.7s infinite linear
  height 100%
  svg-icon-style(base-color: mp-spinner-color(), size: 100%)
  transform translateZ(0)
  width 100%

.mp-spinner-white
  svg-icon-style(base-color: white, size: 100%)

@keyframes spin
  0%
    transform rotate(0deg)

  100%
    transform rotate(360deg)