/* [project]/src/app/_features/styles/FissionBackgroundImage.module.scss.module.css [app-client] (css) */
.FissionBackgroundImage-module-scss-module__0Xp5Ra__container {
  background-color: var(--purple-900);
  z-index: -4;
  width: 100%;
  height: 100vh;
  transition: background-color 1.5s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 1279px) {
  .FissionBackgroundImage-module-scss-module__0Xp5Ra__container {
    display: none;
  }
}

.FissionBackgroundImage-module-scss-module__0Xp5Ra__container.FissionBackgroundImage-module-scss-module__0Xp5Ra__transitioning {
  background-color: var(--purple-800);
}

.FissionBackgroundImage-module-scss-module__0Xp5Ra__image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* [project]/node_modules/@msu/auth-ui/dist/assets/LoadingAniIcon.css [app-client] (css) */
@keyframes _spin_1f7uz_1 {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

._loading-icon_1f7uz_13 {
  animation: 1s linear infinite _spin_1f7uz_1;
}

/* [project]/src/app/_features/styles/FusionBackgroundImage.module.scss.module.css [app-client] (css) */
.FusionBackgroundImage-module-scss-module___ggqYq__container {
  background-color: var(--purple-900);
  z-index: -4;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 1279px) {
  .FusionBackgroundImage-module-scss-module___ggqYq__container {
    display: none;
  }
}

.FusionBackgroundImage-module-scss-module___ggqYq__image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

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