.loader {
  width: 2rem;
  height: 2rem;
  position: relative;
  display: inline-block;
  color: #757575; }
  .loader div {
    width: 2rem;
    height: 2rem;
    border-width: 5px; }
  .loader div {
    position: absolute;
    border-color: currentColor transparent transparent transparent;
    border-style: solid;
    border-radius: 50%;
    -webkit-animation: cs-loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
            animation: cs-loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; }
    .loader div:nth-child(1) {
      -webkit-animation-delay: -.45s;
              animation-delay: -.45s; }
    .loader div:nth-child(2) {
      -webkit-animation-delay: -.3s;
              animation-delay: -.3s; }
    .loader div:nth-child(3) {
      -webkit-animation-delay: -.15s;
              animation-delay: -.15s; }

@-webkit-keyframes cs-loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes cs-loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
  .loader--sm {
    width: 1rem;
    height: 1rem; }
    .loader--sm div {
      width: 1rem;
      height: 1rem;
      border-width: 3px; }
  .loader--lg {
    width: 3rem;
    height: 3rem; }
    .loader--lg div {
      width: 3rem;
      height: 3rem;
      border-width: 6px; }
  .loader--centered {
    top: calc(50% - 2rem / 2);
    left: calc(50% - 2rem / 2);
    position: absolute;
    z-index: 1000; }
    .loader--centered.loader--sm {
      top: calc(50% - 1rem / 2);
      left: calc(50% - 1rem / 2); }
    .loader--centered.loader--lg {
      top: calc(50% - 3rem / 2);
      left: calc(50% - 3rem / 2); }
/*# sourceMappingURL=loader.css.map */