@media (prefers-reduced-motion: no-preference) {
  html.copyweb-js [data-copyweb-page-hero] {
    animation: copyweb-page-hero-reveal 760ms cubic-bezier(.16, 1, .3, 1) 90ms both;
  }

  html.copyweb-js.copyweb-defer-page-hero [data-copyweb-page-hero] {
    animation: none !important;
    opacity: 0 !important;
    transform: translateY(52px) !important;
  }

  html.copyweb-js [data-copyweb-appear] {
    transition:
      opacity 720ms cubic-bezier(.16, 1, .3, 1),
      transform 720ms cubic-bezier(.16, 1, .3, 1);
    transition-delay: var(--copyweb-appear-delay, 0ms);
  }

  html.copyweb-js [data-copyweb-appear]:not(.copyweb-in-view) {
    opacity: 0 !important;
    transform: translateY(var(--copyweb-appear-y, 36px)) !important;
  }

  html.copyweb-js [data-copyweb-appear].copyweb-in-view {
    opacity: 1 !important;
    transform: none !important;
  }
}

@keyframes copyweb-page-hero-reveal {
  from {
    opacity: 0;
    transform: translateY(52px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

html.copyweb-js.copyweb-suppress-appear [data-copyweb-appear] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  transition-delay: 0ms !important;
}

[data-copyweb-hover-link] {
  overflow: hidden !important;
}

[data-copyweb-hover-track] {
  transform: translateY(0);
  transition: transform 360ms cubic-bezier(.16, 1, .3, 1);
  will-change: transform;
}

[data-copyweb-hover-primary],
[data-copyweb-hover-secondary] {
  transition: opacity 360ms cubic-bezier(.16, 1, .3, 1);
  will-change: opacity;
}

[data-copyweb-hover-secondary] {
  opacity: 0 !important;
}

[data-copyweb-hover-link]:hover [data-copyweb-hover-track],
[data-copyweb-hover-link].copyweb-hover [data-copyweb-hover-track] {
  transform: translateY(calc(-1 * var(--copyweb-hover-offset, 1.15em))) !important;
}

[data-copyweb-hover-link]:hover [data-copyweb-hover-primary],
[data-copyweb-hover-link].copyweb-hover [data-copyweb-hover-primary] {
  opacity: 0 !important;
}

[data-copyweb-hover-link]:hover [data-copyweb-hover-secondary],
[data-copyweb-hover-link].copyweb-hover [data-copyweb-hover-secondary] {
  opacity: 1 !important;
}

[data-copyweb-scroll-header] {
  transition:
    background-color 260ms ease,
    backdrop-filter 260ms ease,
    -webkit-backdrop-filter 260ms ease;
}

[data-copyweb-scroll-header].copyweb-header-scrolled {
  -webkit-backdrop-filter: blur(5px) !important;
  backdrop-filter: blur(5px) !important;
  background-color: rgba(0, 0, 0, .8) !important;
}

.ec-legal-hero,
.ec-legal-hero h1 {
  animation: none !important;
  transform: none !important;
}

html.copyweb-no-smooth-scroll,
html.copyweb-no-smooth-scroll * {
  scroll-behavior: auto !important;
}

@keyframes copyweb-view-transition-old-wipe {
  from {
    clip-path: inset(0 0 0 0);
  }

  to {
    clip-path: inset(100% 0 0 0);
  }
}

@media (prefers-reduced-motion: no-preference) {
  html.copyweb-native-page-transition::view-transition-group(root) {
    animation-duration: 1040ms;
    animation-timing-function: cubic-bezier(.32, .72, .28, 1);
  }

  html.copyweb-native-page-transition::view-transition-old(root) {
    animation: copyweb-view-transition-old-wipe 1040ms cubic-bezier(.32, .72, .28, 1) both;
    mix-blend-mode: normal;
    z-index: 2;
  }

  html.copyweb-native-page-transition::view-transition-new(root) {
    animation: none;
    mix-blend-mode: normal;
    opacity: 1;
    z-index: 1;
  }
}
