body {
  --bezier: linear(
    0 0%,
    0 1.8%,
    0.01 3.6%,
    0.03 6.35%,
    0.07 9.1%,
    0.13 11.4%,
    0.19 13.4%,
    0.27 15%,
    0.34 16.1%,
    0.54 18.35%,
    0.66 20.6%,
    0.72 22.4%,
    0.77 24.6%,
    0.81 27.3%,
    0.85 30.4%,
    0.88 35.1%,
    0.92 40.6%,
    0.94 47.2%,
    0.96 55%,
    0.98 64%,
    0.99 74.4%,
    1 86.4%,
    1 100%
  );
}
.section--content {
  transform: translateX(-100px);
  opacity: 0;
  animation: fade-in-right 0.75s forwards var(--delay, 0s) var(--bezier);
}

aside.sidebar {
  transform: translateX(-100px);
  opacity: 0;
  animation: fade-in-right 0.75s forwards var(--delay, 0s) var(--bezier);
}

::view-transition-old(:root) {
  animation: fade-out-right 0.75s forwards var(--delay, 0s) var(--bezier);
}

::view-transition-new(:root) {
  animation: none;
}

@keyframes fade-in-right {
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-out-right {
  to {
    transform: translateX(100px);
    opacity: 0;
  }
}