.page-content {
  min-height: calc(100vh - 76px);
}

.page-content.regab-workspace-enter {
  animation: regab-workspace-enter 160ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.regab-view-enter {
  animation: regab-view-enter 140ms ease-out both;
}

.page-content .regab-tile-enter {
  animation: regab-tile-enter 320ms cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: var(--regab-tile-delay, 0ms);
  will-change: opacity, transform;
}

@keyframes regab-workspace-enter {
  from { opacity: 0.55; }
  to { opacity: 1; }
}

@keyframes regab-view-enter {
  from { opacity: 0.7; }
  to { opacity: 1; }
}

@keyframes regab-tile-enter {
  from {
    opacity: 0;
    transform: translate3d(0, 10px, 0) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@media (max-width: 980px) {
  .page-content.regab-workspace-enter {
    animation-duration: 120ms;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-content.regab-workspace-enter,
  .regab-view-enter,
  .page-content .regab-tile-enter {
    animation: none;
  }
}
