/* Shared floating emoji effect used by Gaybourhood quiz pages. */
/* Falling holiday decorations. A small GPU-composited layer that never blocks taps. */
.falling-decorations {
  position: fixed;
  inset: 0;
  overflow: hidden;
  z-index: 8;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  contain: layout paint;
  visibility: visible;
}
.falling-decoration {
  position: absolute;
  top: -14vh;
  left: var(--fall-x);
  display: block;
  width: 1em;
  line-height: 1;
  font-size: var(--fall-size);
  opacity: 0;
  animation: gaybourhood-fall var(--fall-duration) linear infinite;
  animation-delay: var(--fall-delay);
  text-shadow: 0 2px 7px rgba(0, 0, 0, .25);
}
@keyframes gaybourhood-fall {
  0%   { transform: translate3d(0, -12vh, 0) rotate(-15deg); opacity: 0; }
  10%  { opacity: .72; }
  90%  { opacity: .72; }
  100% { transform: translate3d(var(--fall-drift), 115vh, 0) rotate(18deg); opacity: 0; }
}
@media (max-width: 640px) {
  .falling-decoration:nth-child(2n) { display: none; }
}
/* Respect the visitor's motion setting without making an enabled effect vanish. */
@media (prefers-reduced-motion: reduce) {
  .falling-decorations { display: none !important; }
  .falling-decorations--still {
    display: block !important;
  }
  .falling-decorations--still .falling-decoration {
    display: block !important;
    animation: none !important;
    top: var(--fall-rest-y);
    opacity: .55;
    transform: none;
  }
}