@keyframes passt-photo-arrival {
  from {
    filter: brightness(0.84);
  }
  to {
    filter: brightness(1);
  }
}

@keyframes passt-title-arrival {
  from {
    clip-path: inset(0 0 100% 0);
    transform: translateY(18px);
  }
  to {
    clip-path: inset(0);
    transform: none;
  }
}

@keyframes passt-copy-arrival {
  from {
    opacity: 0.6;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.public-mobile-navigation {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  transition:
    opacity 120ms ease,
    visibility 0s 120ms;
}

.public-mobile-navigation[data-open="true"] {
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
  transition-delay: 0s;
}

[data-passt-motion-paused]
  :is(
    [data-passt-hero-photo],
    [data-passt-hero-title],
    [data-passt-hero-intro],
    [data-passt-hero-actions]
  ) {
  animation-play-state: paused;
}

[data-passt-motion]
  :is(.information-primary-action, .public-header-actions button, .public-header-actions a, .btn) {
  transition:
    background-color 150ms ease,
    color 150ms ease;
}

@media (prefers-reduced-motion: no-preference) {
  .information-question summary svg {
    transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1);
  }

  [data-passt-hero-photo],
  html.web [data-id="start"] .hero-bg[data-passt-hero-photo] {
    animation: passt-photo-arrival 760ms cubic-bezier(0.16, 1, 0.3, 1) both;
    will-change: auto;
  }

  [data-passt-hero-title] {
    animation: passt-title-arrival 560ms cubic-bezier(0.16, 1, 0.3, 1) both;
  }

  [data-passt-hero-intro] {
    animation: passt-copy-arrival 420ms 80ms cubic-bezier(0.16, 1, 0.3, 1) both;
  }

  [data-passt-hero-actions] {
    animation: passt-copy-arrival 380ms 140ms cubic-bezier(0.16, 1, 0.3, 1) both;
  }

  [data-passt-motion]
    :is(
      .information-primary-action,
      .public-header-actions button,
      .public-header-actions a,
      .btn
    ) {
    transition:
      transform 150ms cubic-bezier(0.16, 1, 0.3, 1),
      background-color 150ms ease,
      color 150ms ease;
  }

  [data-passt-motion]
    :is(
      .information-primary-action,
      .public-header-actions button,
      .public-header-actions a,
      .btn
    ):active:not(:disabled) {
    transform: scale(0.98);
  }

  [data-passt-motion] :is(.information-primary-action, .public-header-actions a) svg {
    transition: transform 180ms cubic-bezier(0.16, 1, 0.3, 1);
  }

  [data-passt-motion]
    :is(.information-primary-action, .public-header-actions a):is(:hover, :focus-visible)
    svg {
    transform: translateX(4px);
  }

  .public-mobile-navigation {
    clip-path: inset(0 0 100% 0);
    transform: translateY(-8px);
    transition:
      clip-path 260ms cubic-bezier(0.16, 1, 0.3, 1),
      transform 260ms cubic-bezier(0.16, 1, 0.3, 1),
      opacity 160ms ease,
      visibility 0s 260ms;
  }

  .public-mobile-navigation[data-open="true"] {
    clip-path: inset(0);
    transform: none;
    transition-delay: 0s;
  }

  .information-question[open] .information-answer {
    animation: passt-copy-arrival 220ms cubic-bezier(0.16, 1, 0.3, 1);
  }

  @supports (interpolate-size: allow-keywords) {
    .information-question {
      interpolate-size: allow-keywords;
    }
    .information-question::details-content {
      block-size: 0;
      overflow: clip;
      transition:
        block-size 220ms cubic-bezier(0.16, 1, 0.3, 1),
        content-visibility 220ms;
      transition-behavior: allow-discrete;
    }
    .information-question[open]::details-content {
      block-size: auto;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-passt-hero-photo],
  [data-passt-hero-title],
  [data-passt-hero-intro],
  [data-passt-hero-actions] {
    animation: none;
  }
  [data-passt-motion]
    :is(
      .information-primary-action,
      .public-header-actions button,
      .public-header-actions a,
      .btn
    ):is(:hover, :active) {
    transform: none;
  }
}