/* Sign-in link press + page transition */
a.nav-signin,
a[href*="signin.html"],
a[href*="#return-signin"] {
  transition: border-color 0.18s, color 0.18s, background 0.18s, transform 0.14s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.18s;
}

a.nav-signin:active,
a.signin-pressing {
  transform: scale(0.94);
}

.signin-go {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #F6EEE0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

.signin-go.active {
  opacity: 1;
  pointer-events: auto;
}

.signin-reveal {
  position: fixed;
  inset: 0;
  z-index: 9998;
  background: #F6EEE0;
  opacity: 1;
  pointer-events: none;
  transition: opacity 0.48s cubic-bezier(0.22, 1, 0.36, 1);
}

.signin-reveal.out {
  opacity: 0;
}

html.signin-overlay-active {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .signin-go,
  .signin-reveal {
    transition: none;
    display: none !important;
  }

  a.nav-signin:active,
  a.signin-pressing {
    transform: none;
  }
}