/* stylus by default handles this.
 @-webkit-keyframes {name}
    {block}
*/
@keyframes lds-spinner {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes lds-spinner {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.spin-overlay {
  background-color: #fff;
  opacity: .8;
  box-sizing: unset;
  z-index: 9999 !important; }

.spin-overlay-6666 {
  background-color: #fff;
  opacity: 1;
  box-sizing: unset;
  z-index: 6666 !important; }

.lds-container {
  display: table;
  position: absolute;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 6667 !important; }
  .lds-container .lds-css {
    display: table-cell;
    vertical-align: middle; }
    .lds-container .lds-css .lds-spinner {
      position: relative;
      margin-left: auto;
      margin-right: auto;
      width: 200px !important;
      height: 200px !important;
      -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
      transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
      z-index: 10001 !important; }

.lds-spinner div {
  /*left: 94px;*/
  left: 50%;
  top: 36px;
  position: absolute;
  -webkit-animation: lds-spinner linear 1.3s infinite;
  animation: lds-spinner linear 1.3s infinite;
  background: #28292f;
  width: 12px;
  height: 40px;
  border-radius: 0%;
  -webkit-transform-origin: 6px 64px;
  transform-origin: 6px 64px; }

.lds-spinner div:nth-child(1) {
  background: #69C14C;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-delay: -1.114285714285714s;
  animation-delay: -1.114285714285714s; }

.lds-spinner div:nth-child(2) {
  background: #F29934;
  -webkit-transform: rotate(51.42857deg);
  transform: rotate(51.42857deg);
  -webkit-animation-delay: -0.928571428571429s;
  animation-delay: -0.928571428571429s; }

.lds-spinner div:nth-child(3) {
  background: #E1085A;
  -webkit-transform: rotate(102.85714deg);
  transform: rotate(102.85714deg);
  -webkit-animation-delay: -0.742857142857143s;
  animation-delay: -0.742857142857143s; }

.lds-spinner div:nth-child(4) {
  -webkit-transform: rotate(154.28571deg);
  transform: rotate(154.28571deg);
  -webkit-animation-delay: -0.557142857142857s;
  animation-delay: -0.557142857142857s; }

.lds-spinner div:nth-child(5) {
  background: #00538B;
  -webkit-transform: rotate(205.71429deg);
  transform: rotate(205.71429deg);
  -webkit-animation-delay: -0.371428571428571s;
  animation-delay: -0.371428571428571s; }

.lds-spinner div:nth-child(6) {
  background: #00AFAA;
  -webkit-transform: rotate(257.14286deg);
  transform: rotate(257.14286deg);
  -webkit-animation-delay: -0.185714285714286s;
  animation-delay: -0.185714285714286s; }

.lds-spinner div:nth-child(7) {
  background: #00A2E0;
  -webkit-transform: rotate(308.57143deg);
  transform: rotate(308.57143deg);
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }
