.loader
  display: block
  width: 30px
  height: 30px
  margin: 20px auto

  svg
    display: block
    width: 30px
    height: 30px

.spinner
  width: 40px
  height: 40px
  position: relative

.double-bounce1, .double-bounce2
  width: 100%
  height: 100%
  border-radius: 50%
  background-color: $white
  opacity: 0.6
  position: absolute
  top: 0
  left: 0
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out
  animation: sk-bounce 2.0s infinite ease-in-out

.double-bounce2
  -webkit-animation-delay: -1.0s
  animation-delay: -1.0s

@-webkit-keyframes sk-bounce
  0%, 100%
    -webkit-transform: scale(0.0)
  50%
    -webkit-transform: scale(1.0)

@keyframes sk-bounce
  0%, 100%
    transform: scale(0.0)
    -webkit-transform: scale(0.0)
  50%
    transform: scale(1.0)
    -webkit-transform: scale(1.0)


@-webkit-keyframes pulsate
  0%, 100%
    border-left-color: $yellow
  50%
    border-left-color: rgba($yellow, 0.3)

@keyframes pulsate
  0%, 100%
    border-left-color: $yellow
  50%
    border-left-color: rgba($yellow, 0.3)