.app {
  min-height: 100dvh;
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
  display: flex;
  flex-direction: column;
  background: var(--surface-page);
}

.main {
  flex: 1 1 auto;
  width: 100%;
}

.uc-text {
  display: block;
}

.uc-text__word {
  display: inline-block;
  opacity: 0;
  transform: translateY(0.5em);
  filter: blur(2px);
  transition:
    opacity 520ms ease,
    transform 520ms cubic-bezier(0.22, 1, 0.36, 1),
    filter 520ms ease;
  transition-delay: var(--uc-word-delay, 0ms);
}

.uc-text--visible .uc-text__word {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}