#fzcs-snow {
  position: fixed;
  inset: 0;
  z-index: 9990;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.fzcs-lights {
  position: absolute;
  z-index: 10001;
  top: 0;
  left: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  width: 100%;
  height: 28px;
  padding: 5px 18px 0;
  pointer-events: none;
  overflow: hidden;
}

.fzcs-lights::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 100%;
  height: 13px;
  border-top: 2px solid #174c38;
  border-radius: 48% 48% 0 0;
}

.fzcs-bulb {
  position: relative;
  z-index: 1;
  width: 10px;
  height: 15px;
  border: 2px solid rgba(255,255,255,.84);
  border-radius: 50% 50% 45% 45%;
  box-shadow: 0 0 7px currentColor, 0 0 16px currentColor;
  animation: fzcs-twinkle 1.8s ease-in-out infinite alternate;
}

.fzcs-bulb:nth-child(4n + 1) { color: #d12332; background: #d12332; }
.fzcs-bulb:nth-child(4n + 2) { color: #f4bd3f; background: #f4bd3f; animation-delay: .35s; }
.fzcs-bulb:nth-child(4n + 3) { color: #1e9b70; background: #1e9b70; animation-delay: .75s; }
.fzcs-bulb:nth-child(4n) { color: #e9f7ff; background: #e9f7ff; animation-delay: 1.1s; }

body.fzcs-christmas #leaves,
body.fzcs-christmas canvas#leaves {
  display: none !important;
}

body.fzcs-christmas .site-header,
body.fzcs-christmas .topbar,
body.fzcs-christmas header[role="banner"] {
  position: relative;
  box-shadow: inset 0 3px 0 #b41c2c;
}

@keyframes fzcs-twinkle {
  0% { opacity: .42; filter: brightness(.65); transform: translateY(0); }
  100% { opacity: 1; filter: brightness(1.35); transform: translateY(2px); }
}

@media (prefers-reduced-motion: reduce) {
  #fzcs-snow { display: none; }
  .fzcs-bulb { animation: none; }
}

@media (max-width: 640px) {
  .fzcs-lights { padding-inline: 10px; }
  .fzcs-bulb:nth-child(odd) { display: none; }
}