/* Light Christmas decoration. All overlays let clicks through. */
.christmas-corner {
  position: fixed;
  top: 44px;
  right: 15px;
  width: clamp(145px, 16vw, 215px);
  height: auto;
  transform: rotate(24deg);
  transform-origin: center;
  opacity: .72;
  pointer-events: none;
  user-select: none;
  z-index: 9;
}
.christmas-snow {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  z-index: 8;
  contain: strict;
}
.christmas-snow > i {
  position: absolute;
  top: -10px;
  left: var(--x);
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: #fff;
  opacity: var(--opacity);
  animation: christmas-snowfall var(--duration) linear var(--delay) infinite;
}
@keyframes christmas-snowfall {
  from { transform: translate3d(-12px, -10px, 0); }
  to { transform: translate3d(24px, calc(100vh + 20px), 0); }
}
@media (max-width: 600px) {
  .christmas-corner { width: 130px; top: 29px; right: 8px; opacity: .65; }
  .christmas-snow > i:nth-child(n + 41) { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .christmas-snow { display: none; }
}