.preloader {
  align-items: center;
  background-color: var(--signal);
  padding: var(--frame-gap);
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  transition: all 0.5s ease;
  width: 100%;
  z-index: 9999;
  pointer-events: none;
}

.preloader.intro-done {
  opacity: 0;
}

.preloader .logo-footer {
  width: 100%;
  display: grid;
  grid-column-start: 3;
  grid-column-end: 11;
}

@media (min-width: 1024px) {
  .preloader .logo-footer {
    grid-column-start: 5;
    grid-column-end: 9;
  }
}

.preloader .logo-footer .logo-footer-inner {
  grid-column-start: 1;
  grid-column-end: 6;
}

.preloader .logo-footer .logo-footer-inner svg {
  width: 100%;
  max-width: none;
  fill: var(--main-contrast);
}