/* [project]/src/components/ui/loading/index.module.scss.module.css [app-client] (css) */
@keyframes index-module-scss-module__TeomvW__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes index-module-scss-module__TeomvW__slideUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.index-module-scss-module__TeomvW__app-loading {
  justify-content: center;
  align-items: center;
  display: flex;
}

.index-module-scss-module__TeomvW__app-loading-inner {
  --real-loading-size: calc(1 + (var(--loading-size, 1)  - 1) * .5);
  flex-direction: var(--loading-direction, column);
  gap: calc(var(--real-loading-size, 1) * .5rem);
  justify-content: center;
  align-items: center;
  display: flex;
}

.index-module-scss-module__TeomvW__app-loading-label {
  font-size: minmax(1.75rem, calc(var(--real-loading-size, 1) * .875rem));
  color: var(--loading-text-color, var(--loading-color, #1a1a32));
}

.index-module-scss-module__TeomvW__app-loading-spinner {
  width: calc(var(--real-loading-size, 1) * 1rem);
  height: calc(var(--real-loading-size, 1) * 1rem);
  border: calc(var(--real-loading-size, 1) * 2px) solid var(--loading-color, #1a1a32);
  opacity: .75;
  border-top-color: #0000;
  border-radius: 50%;
  flex-shrink: 0;
  animation: .6s linear infinite index-module-scss-module__TeomvW__app-loading-spin;
  display: inline-block;
}

@keyframes index-module-scss-module__TeomvW__app-loading-spin {
  to {
    transform: rotate(360deg);
  }
}

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