@charset "UTF-8";
.loader-wrapper {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader-container {
  position: relative;
  /* Задаємо точні розміри */
  width: 350px;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  /* overflow: hidden; <- Краще прибрати або закоментувати, щоб при відскоку (back.out) фігури не "зрізались" по краях */
}

.pink-hex-group, .final-group {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hex, .logo {
  position: absolute;
  will-change: transform, opacity;
}

.final-group .grey-hex, .final-group .logo {
  opacity: 0;
  visibility: hidden;
}/*# sourceMappingURL=hexfront-hex-animation.css.map */