.api_spinner{
  position:absolute;
  z-index:10030;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  visibility:hidden;
  -webkit-transition:visibility 0s ease-in-out .2s, opacity .2s ease-in-out;
  -o-transition:visibility 0s ease-in-out .2s, opacity .2s ease-in-out;
  transition:visibility 0s ease-in-out .2s, opacity .2s ease-in-out;
  opacity:0;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center
}
.api_spinner_visible{
  visibility:visible;
  -webkit-transition-delay:0s;
  -o-transition-delay:0s;
  transition-delay:0s;
  opacity:1;
}
.api_spinner_loader{
  z-index:10020;
  width:44px;
  height:44px;
  border-color:#c9dafc #c9dafc #2b6ef3 #c9dafc;
  border-style:solid;
  border-width:3px;
  -webkit-border-radius:80%;-moz-border-radius:80%;border-radius:80%;
}
.api_spinner_overlay{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  z-index:10000;
  background:#fff;
  opacity:.2;
  display:block;
  margin:0;
  padding:0;
  outline:0;
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.api_spinner_fixed,
.api_spinner_fixed .api_spinner_overlay{position:fixed;}
.api_spinner_visible .api_spinner_loader{
  -webkit-animation:api_spinner_loader_rotate .8s linear infinite;
  animation:api_spinner_loader_rotate .8s linear infinite
}
@-webkit-keyframes api_spinner_loader_rotate{
  0%{
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  to{
    -webkit-transform:rotate(1turn);
    transform:rotate(1turn)
  }
}
@keyframes api_spinner_loader_rotate{
  0%{
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  to{
    -webkit-transform:rotate(1turn);
    transform:rotate(1turn)
  }
}
/* .api_spinner_border */
.api_spinner_border{
  display:block;
  width:100%;
  height:100%;
  border-color:#c9dafc #c9dafc #2b6ef3 #c9dafc;
  border-style:solid;
  border-width:2px;
  -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
  -webkit-animation:.75s linear infinite api_spinner_border_animation;
  animation:.75s linear infinite api_spinner_border_animation;
}
@-webkit-keyframes api_spinner_border_animation{
  to{
    -webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);
  }
}
@keyframes api_spinner_border_animation{
  to{
    -webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);
  }
}