/* 
* =============================================
* Spinner  
* https://getbootstrap.com/docs/5.1/components/spinners/
* =============================================
*/
.spinner,
.spinner-grow {
  width: 2rem;
  height: 2rem;
  display: inline-block;
  vertical-align: text-bottom;
  border-radius: 50%;
}
.spinner.spinner-sm,
.spinner-grow.spinner-sm {
  width: 1rem;
  height: 1rem;
}
.spinner.spinner-lg,
.spinner-grow.spinner-lg {
  width: 3rem;
  height: 3rem;
}

.spinner {
  border: 0.15em solid;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  -webkit-animation: 0.75s linear infinite spinner-border;
          animation: 0.75s linear infinite spinner-border;
}

.spinner-grow {
  background-color: #000;
  opacity: 0;
  -webkit-animation: 0.75s linear infinite spinner-grow;
          animation: 0.75s linear infinite spinner-grow;
}

.spinner-primary.spinner {
  color: #1b9af7;
}
.spinner-primary.spinner-grow {
  background-color: #1b9af7;
}

.spinner-secondary.spinner {
  color: #6c757d;
}
.spinner-secondary.spinner-grow {
  background-color: #6c757d;
}

.spinner-success.spinner {
  color: #48c78e;
}
.spinner-success.spinner-grow {
  background-color: #48c78e;
}

.spinner-warning.spinner {
  color: #ffe08a;
}
.spinner-warning.spinner-grow {
  background-color: #ffe08a;
}

.spinner-danger.spinner {
  color: #f14668;
}
.spinner-danger.spinner-grow {
  background-color: #f14668;
}

.spinner-info.spinner {
  color: #3e8ed0;
}
.spinner-info.spinner-grow {
  background-color: #3e8ed0;
}

.spinner-dark.spinner {
  color: #555;
}
.spinner-dark.spinner-grow {
  background-color: #555;
}

.spinner-light.spinner {
  color: #f7f8fa;
}
.spinner-light.spinner-grow {
  background-color: #f7f8fa;
}

.spinner-white.spinner {
  color: #ffffff;
}
.spinner-white.spinner-grow {
  background-color: #ffffff;
}

.spinner-black.spinner {
  color: #000;
}
.spinner-black.spinner-grow {
  background-color: #000;
}

.spinner-transparent.spinner {
  color: transparent;
}
.spinner-transparent.spinner-grow {
  background-color: transparent;
}

.spinner-blue.spinner {
  color: #0000ff;
}
.spinner-blue.spinner-grow {
  background-color: #0000ff;
}

.spinner-brown.spinner {
  color: #a52a2a;
}
.spinner-brown.spinner-grow {
  background-color: #a52a2a;
}

.spinner-cyan.spinner {
  color: #00ffff;
}
.spinner-cyan.spinner-grow {
  background-color: #00ffff;
}

.spinner-fuchsia.spinner {
  color: #ff00ff;
}
.spinner-fuchsia.spinner-grow {
  background-color: #ff00ff;
}

.spinner-gray.spinner {
  color: #808080;
}
.spinner-gray.spinner-grow {
  background-color: #808080;
}

.spinner-green.spinner {
  color: #008000;
}
.spinner-green.spinner-grow {
  background-color: #008000;
}

.spinner-indigo.spinner {
  color: #4b0082;
}
.spinner-indigo.spinner-grow {
  background-color: #4b0082;
}

.spinner-lime.spinner {
  color: #00ff00;
}
.spinner-lime.spinner-grow {
  background-color: #00ff00;
}

.spinner-orange.spinner {
  color: #ffa500;
}
.spinner-orange.spinner-grow {
  background-color: #ffa500;
}

.spinner-pink.spinner {
  color: #ffc0cb;
}
.spinner-pink.spinner-grow {
  background-color: #ffc0cb;
}

.spinner-purple.spinner {
  color: #800080;
}
.spinner-purple.spinner-grow {
  background-color: #800080;
}

.spinner-red.spinner {
  color: #ff0000;
}
.spinner-red.spinner-grow {
  background-color: #ff0000;
}

.spinner-teal.spinner {
  color: #008080;
}
.spinner-teal.spinner-grow {
  background-color: #008080;
}

.spinner-yellow.spinner {
  color: #ffff00;
}
.spinner-yellow.spinner-grow {
  background-color: #ffff00;
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

/*# sourceMappingURL=spinner.css.map */