/*
 *  Loader
 *    Styles for the animated loader.
 *
 *  Dependencies:
 *    styles/tools/_transform.scss
 *
 *  Version:
 *    1.0.0 - 2018/05/08
 */
.o-loader {
  display: block;
  width: 32px;
  height: 32px;

  position: absolute;
  left: 50%;
  top: 50%;
  @include t-translate(-50%, -50%);

  &__image {
    animation-name: k-loader;
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    animation-iteration-count: infinite;
    animation-duration: 1s;
    width: 100%;
    height: 100%;
    > * {
      stroke: $s-color--loader;
    }
  }
}