@import "./loading.vars";

// Loading
// --------------------------------------------------

ion-loading {
  @include font-smoothing();
  @include position(0, 0, 0, 0);

  display: flex;
  position: fixed;

  align-items: center;
  justify-content: center;

  font-family: $font-family-base;

  contain: strict;
  touch-action: none;
  user-select: none;
  z-index: $z-index-overlay;
}

ion-loading-controller {
  display: none;
}

.loading-wrapper {
  display: flex;

  align-items: center;

  opacity: 0;
  z-index: $z-index-overlay-wrapper;
}
