.app-shell:has(.consent-shell) .site-header {
  animation: accessTermsLiftIn 460ms ease both;
}

.app-shell:has(.consent-shell) .brand-block,
.app-shell:has(.consent-shell) .site-header-title,
.app-shell:has(.consent-shell) .site-header-actions {
  animation: accessTermsSoftIn 480ms ease both;
}

.app-shell:has(.consent-shell) .site-header-title {
  animation-delay: 50ms;
}

.app-shell:has(.consent-shell) .site-header-actions {
  animation-delay: 100ms;
}

.app-shell:has(.consent-shell) .consent-shell:before {
  animation: accessTermsBackgroundRise 1100ms ease both;
}

.app-shell:has(.consent-shell) .consent-shell:after {
  animation: accessTermsGlowIn 1200ms ease both;
}

.app-shell:has(.consent-shell) .title-animation {
  animation: accessTermsScaleIn 620ms cubic-bezier(0.18, 0.78, 0.22, 1) 60ms both;
}

.app-shell:has(.consent-shell) .consent-lead {
  animation: accessTermsLiftIn 580ms ease 160ms both;
}

.app-shell:has(.consent-shell) .consent-panel {
  animation: accessTermsLiftIn 540ms ease 240ms both;
}

.app-shell:has(.consent-shell) .consent-panel-form {
  animation-delay: 320ms;
}

.app-shell:has(.consent-shell) .consent-panel h1,
.app-shell:has(.consent-shell) .consent-panel p,
.app-shell:has(.consent-shell) .consent-list li,
.app-shell:has(.consent-shell) .inline-link,
.app-shell:has(.consent-shell) .consent-check,
.app-shell:has(.consent-shell) .proceed-button,
.app-shell:has(.consent-shell) .consent-meta {
  animation: accessTermsSoftIn 420ms ease both;
}

.app-shell:has(.consent-shell) .consent-panel h1 {
  animation-delay: 320ms;
}

.app-shell:has(.consent-shell) .consent-panel p {
  animation-delay: 380ms;
}

.app-shell:has(.consent-shell) .consent-list li:nth-child(1) {
  animation-delay: 440ms;
}

.app-shell:has(.consent-shell) .consent-list li:nth-child(2) {
  animation-delay: 500ms;
}

.app-shell:has(.consent-shell) .consent-list li:nth-child(3) {
  animation-delay: 560ms;
}

.app-shell:has(.consent-shell) .inline-link {
  animation-delay: 620ms;
}

.app-shell:has(.consent-shell) .consent-check:nth-child(1) {
  animation-delay: 400ms;
}

.app-shell:has(.consent-shell) .consent-check:nth-child(2) {
  animation-delay: 480ms;
}

.app-shell:has(.consent-shell) .proceed-button {
  animation-delay: 560ms;
}

.app-shell:has(.consent-shell) .consent-meta {
  animation-delay: 620ms;
}

@keyframes accessTermsSoftIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes accessTermsLiftIn {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes accessTermsScaleIn {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.985);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes accessTermsBackgroundRise {
  from {
    opacity: 0.5;
    transform: translateY(22px);
  }

  to {
    opacity: 0.97;
    transform: translateY(6px);
  }
}

@keyframes accessTermsGlowIn {
  from {
    opacity: 0;
    transform: translateY(90px) scale(1.12);
  }

  to {
    opacity: 0.96;
    transform: translateY(66px) scale(1.12);
  }
}

@media (prefers-reduced-motion: reduce) {
  .app-shell:has(.consent-shell) .site-header,
  .app-shell:has(.consent-shell) .brand-block,
  .app-shell:has(.consent-shell) .site-header-title,
  .app-shell:has(.consent-shell) .site-header-actions,
  .app-shell:has(.consent-shell) .consent-shell:before,
  .app-shell:has(.consent-shell) .consent-shell:after,
  .app-shell:has(.consent-shell) .title-animation,
  .app-shell:has(.consent-shell) .consent-lead,
  .app-shell:has(.consent-shell) .consent-panel,
  .app-shell:has(.consent-shell) .consent-panel h1,
  .app-shell:has(.consent-shell) .consent-panel p,
  .app-shell:has(.consent-shell) .consent-list li,
  .app-shell:has(.consent-shell) .inline-link,
  .app-shell:has(.consent-shell) .consent-check,
  .app-shell:has(.consent-shell) .proceed-button,
  .app-shell:has(.consent-shell) .consent-meta {
    animation: none !important;
  }
}