/* Loaded only on the home page of the 3D prototype branch. */

/* ==========================================================================
   Prototype: 3D ARIV Way squares (ariv-way-3d.js). Replaces the flat squares once ready.
   ========================================================================== */

.ariv-way-3d {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.8s var(--ease);
  pointer-events: none;
}
.connection.has-3d .ariv-way-3d {
  opacity: 1;
}
/* Set in the page head on desktops that will get 3D; removed again if 3D cannot start. visibility is used
   because the scroll timeline writes opacity inline on the flat squares. */
.ariv-3d-pending .connection .module-art {
  visibility: hidden;
}