.overlay {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgb(255, 255, 255);
}

.overlay__inner {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.overlay__content {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.spinner {
  width: 75px;
  height: 75px;
  display: inline-block;
  border-width: 2px;
  border-color: rgba(29, 29, 29, 0.5);
  border-top-color: #fff;
  animation: spin 1s infinite linear;
  border-radius: 100%;
  border-style: solid;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

.loading-custom {
  /* opacity: 0.5; */
  background: rgba(0,0,0,0.06);
  z-index: 9999 !important;
}

.loading-margin {
  margin: 0.8rem;
}

.color-custom {
  color: var(--primary);
}

.default-size {
  width: 4rem !important;
  height: 4rem !important;
  border-width: 0.5em !important;
}