@keyframes am-spin {
  to {
    transform: rotate(1turn);
  }
}

@keyframes am-boot-object {
  from {
    opacity: 0;
    transform: translate3d(1.2rem, 0.8rem, 0) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes am-boot-thread {
  from {
    stroke-dashoffset: 1;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes am-copy-arrive {
  from {
    opacity: 0;
    transform: translate3d(0, 1.2rem, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes am-app-arrive {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes am-axis-arrive {
  from {
    opacity: 0;
    transform: translate3d(-1rem, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes am-mast-arrive {
  from {
    opacity: 0;
    transform: translate3d(0, -0.75rem, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes am-passage-copy {
  from {
    opacity: 0;
    clip-path: inset(0 100% 0 0);
    transform: translate3d(1rem, 0, 0);
  }
  to {
    opacity: 1;
    clip-path: inset(0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes am-passage-copy-back {
  from {
    opacity: 0;
    clip-path: inset(0 0 0 100%);
    transform: translate3d(-1rem, 0, 0);
  }
  to {
    opacity: 1;
    clip-path: inset(0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes am-passage-plane {
  from {
    opacity: 0;
    transform: translate3d(2rem, 0, 0) skewX(var(--am-passage-angle));
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) skewX(var(--am-passage-angle));
  }
}

@keyframes am-passage-rule {
  from {
    opacity: 0;
    transform: rotate(var(--am-passage-angle)) scaleX(0);
  }
  to {
    opacity: 1;
    transform: rotate(var(--am-passage-angle)) scaleX(1);
  }
}

@keyframes am-rule-grow {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

@keyframes am-toast-arrive {
  from {
    opacity: 0;
    transform: translate3d(1.5rem, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes am-dialog-arrive {
  from {
    opacity: 0;
    transform: translate3d(0, 1.4rem, 0) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes am-backdrop-arrive {
  from {
    background-color: rgba(12, 13, 20, 0);
  }
  to {
    background-color: rgba(12, 13, 20, 0.76);
  }
}

html[data-surface="maintainer"] .am-boot__object,
html[data-surface="maintainer"] .am-boot__facet,
html[data-surface="maintainer"] .am-boot__void,
html[data-surface="maintainer"] .am-boot__fragment,
html[data-surface="maintainer"] .am-boot__shadow {
  transform-box: fill-box;
  transform-origin: center;
  animation: am-boot-object 680ms var(--am-ease-register) both;
}

html[data-surface="maintainer"] .am-boot__facet {
  animation-delay: 45ms;
}
html[data-surface="maintainer"] .am-boot__void {
  animation-delay: 90ms;
}
html[data-surface="maintainer"] .am-boot__fragment {
  animation-delay: 145ms;
}

html[data-surface="maintainer"] .am-boot__thread {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation: am-boot-thread 880ms 120ms var(--am-ease-register) forwards;
}

html[data-surface="maintainer"] .am-boot__thread--echo {
  animation-delay: 190ms;
}

html[data-surface="maintainer"] .am-boot__copy > * {
  opacity: 0;
  animation: am-copy-arrive var(--am-duration-long) var(--am-ease-out) forwards;
}

html[data-surface="maintainer"] .am-boot__copy > :nth-child(1) {
  animation-delay: 110ms;
}
html[data-surface="maintainer"] .am-boot__copy > :nth-child(2) {
  animation-delay: 190ms;
}
html[data-surface="maintainer"] .am-boot__copy > :nth-child(3) {
  animation-delay: 290ms;
}

html[data-surface="maintainer"][data-admin-state="active"] .am-app {
  animation: am-app-arrive var(--am-duration-long) var(--am-ease-out) both;
}
html[data-surface="maintainer"][data-admin-state="active"] .am-axis {
  animation: am-axis-arrive var(--am-duration-long) var(--am-ease-out) both;
}
html[data-surface="maintainer"][data-admin-state="active"] .am-mast {
  animation: am-mast-arrive var(--am-duration-long) 70ms var(--am-ease-out) both;
}

html[data-surface="maintainer"] .am-boot.is-complete {
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, -0.7rem, 0);
  transition:
    opacity 500ms var(--am-ease-in-out),
    transform 500ms var(--am-ease-in-out);
}

html[data-surface="maintainer"]
  .am-route-host.has-passage
  .am-route-passage__copy {
  animation: am-passage-copy 430ms 35ms var(--am-ease-register) both;
}

html[data-surface="maintainer"]
  .am-route-host.has-passage[data-am-route-direction="backward"]
  .am-route-passage__copy {
  animation-name: am-passage-copy-back;
}

html[data-surface="maintainer"]
  .am-route-host.has-passage
  .am-route-passage::before {
  animation: am-passage-plane 580ms 25ms var(--am-ease-register) both;
}

html[data-surface="maintainer"]
  .am-route-host.has-passage
  .am-route-passage::after,
html[data-surface="maintainer"]
  .am-route-host.has-passage
  .am-route-passage__planes
  i {
  animation: am-passage-rule 640ms var(--am-ease-register) both;
  transform-origin: right;
}

html[data-surface="maintainer"]
  .am-route-host.has-passage
  .am-route-passage__planes
  i:nth-child(2) {
  animation-delay: 85ms;
}
html[data-surface="maintainer"]
  .am-route-host.has-passage
  .am-route-passage__planes
  i:nth-child(3) {
  animation-delay: 155ms;
}
html[data-surface="maintainer"] .am-page-head::after {
  animation: am-rule-grow 620ms 90ms var(--am-ease-register) both;
}
html[data-surface="maintainer"] .am-toast {
  animation: am-toast-arrive var(--am-duration) var(--am-ease-out) both;
}
html[data-surface="maintainer"] .am-toast.is-leaving {
  opacity: 0;
  transform: translate3d(1.2rem, 0, 0);
  transition:
    opacity var(--am-duration),
    transform var(--am-duration) var(--am-ease-in-out);
}
html[data-surface="maintainer"] .am-dialog-backdrop {
  animation: am-backdrop-arrive var(--am-duration) linear both;
}
html[data-surface="maintainer"] .am-dialog {
  animation: am-dialog-arrive var(--am-duration-long) var(--am-ease-register)
    both;
}
html[data-surface="maintainer"] .am-profile-menu {
  animation: am-dialog-arrive 320ms var(--am-ease-register) both;
}

html[data-surface="maintainer"] .am-action:active,
html[data-surface="maintainer"] .am-icon-action:active {
  transform: translateY(1px) scale(0.985);
  transition-duration: 60ms;
}

@media (prefers-reduced-motion: reduce) {
  html[data-surface="maintainer"] *,
  html[data-surface="maintainer"] *::before,
  html[data-surface="maintainer"] *::after {
    scroll-behavior: auto !important;
    animation-duration: 1ms !important;
    animation-delay: 0ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    transition-delay: 0ms !important;
  }
}