grid.css

gaia-container {
  width: 100vw;
  overflow: hidden;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  transition: opacity 0.2s;
  box-sizing: padding-box;
  padding: 0 1.5vw;
  padding-bottom: 6rem;
}

.snapping gaia-container {
  background: linear-gradient(to bottom, transparent,
                                         transparent 50%,
                                         rgba(255, 255, 255, 0.15) 50%,
                                         rgba(255, 255, 255, 0.15));
  background-size: 100% 200%;
  background-repeat: repeat-y;
}

gaia-container:not(.loading) > .gaia-container-child:not(.added):not(.dragging) {
  transition: transform 0.2s;
}

gaia-container > .gaia-container-child.dragging {
  z-index: 1;
  will-change: transform;
}

gaia-container > .gaia-container-child:not(.added):not(.removed) > * {
  transition: transform 0.2s;
}

gaia-container > .gaia-container-child.added gaia-app-icon {
  animation-name: added;
  animation-duration: 0.4s;
  z-index: 1;
}

@keyframes added {
  0% { opacity: 0; transform: scale(0.5); }
  100% { opacity: 1; }
}

gaia-container > .gaia-container-child.removed gaia-app-icon {
  animation-name: removed;
  animation-duration: 0.4s;
}

@keyframes removed {
  45% { transform: scaleY(0.1); }
  55% { transform: scaleY(0.1); }
  100% { transform: scale(0); }
}