/* Apple Account icon — authentic layered SVG + subtle gradient drift (v14) */

#demo-auth-header.widget-icon-text {
  position: relative;
}

#demo-auth-header .demo-auth-icon-mount {
  position: relative;
  width: 160px;
  height: 160px;
  margin: 0 auto;
  flex-shrink: 0;
}

#demo-auth-header .demo-auth-icon-mount .icon,
#demo-auth-header .icon.apple-account-icon--animated {
  display: block;
  width: 160px !important;
  height: 160px !important;
  margin: 0 auto;
}

#demo-auth-header.is-icon-entering .demo-auth-icon-mount {
  animation: demo-icon-mount-enter 0.88s cubic-bezier(0.22, 1, 0.28, 1) both;
}

#demo-auth-header .icon.is-entering {
  animation: demo-icon-enter 0.88s cubic-bezier(0.22, 1, 0.28, 1) both;
}

#demo-auth-header .icon.is-settled {
  animation: none;
}

@keyframes demo-icon-mount-enter {
  0% {
    opacity: 0;
    transform: scale(0.96) translateY(6px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes demo-icon-enter {
  0% {
    opacity: 0.85;
    transform: scale(0.98);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

#demo-auth-header .icon .demo-icon-logo {
  fill: var(--theme-color-systemBlack, var(--theme-color-labelPrimary, rgba(0, 0, 0, 0.88)));
}

@media (prefers-color-scheme: dark) {
  #demo-auth-header .icon .demo-icon-logo {
    fill: var(--theme-color-systemBlack, var(--theme-color-labelPrimary, rgba(255, 255, 255, 0.98)));
  }
}

@media (prefers-reduced-motion: reduce) {
  #demo-auth-header.is-icon-entering .demo-auth-icon-mount,
  #demo-auth-header .icon.is-entering {
    animation: none !important;
    opacity: 1;
    transform: none;
  }
}