/* Wonder Blend Seasonal Snow v1.0.1 — uma camada decorativa, sempre sem interações. */
#wbs-snow-layer {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  overflow: hidden !important;
  pointer-events: none !important;
  z-index: 40 !important;
  isolation: isolate;
  contain: layout paint style;
  user-select: none;
  -webkit-user-select: none;
}
#wbs-snow-layer .wbs-snowflake {
  position: absolute;
  top: 0;
  left: var(--x);
  display: block;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #fff 0%, #fffdfa 36%, #f2e8d5 69%, rgba(243,232,212,0.10) 100%);
  box-shadow: 0 0 2px rgba(35,30,24,.42), 0 0 6px rgba(255,251,239,.53);
  opacity: var(--alpha);
  filter: blur(var(--blur));
  transform: translate3d(0,-12vh,0);
  animation: wbs-snowfall var(--duration) linear var(--delay) infinite;
  will-change: transform;
  pointer-events: none !important;
}
#wbs-snow-layer .wbs-snowflake--champagne {
  background: radial-gradient(circle at 35% 30%, #fff7e5 0%, #e7d2aa 44%, #ceb789 73%, rgba(210,184,136,0.06) 100%);
  box-shadow: 0 0 2px rgba(45,36,22,.35), 0 0 7px rgba(235,204,152,.48);
}
@keyframes wbs-snowfall {
  0%   { transform: translate3d(0,-12vh,0); }
  35%  { transform: translate3d(var(--drift-one),31vh,0); }
  70%  { transform: translate3d(var(--drift-two),77vh,0); }
  100% { transform: translate3d(var(--drift),115vh,0); }
}
#wbs-snow-layer[data-paused="true"] .wbs-snowflake { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) { #wbs-snow-layer { display: none !important; } }
/* Pré-visualização dentro do módulo, sem tapar o resto do painel. */
#wbs-snow-layer.wbs-snow-layer--preview {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  inset: 0 !important;
  z-index: 2 !important;
}
#wbs-snow-layer.wbs-snow-layer--preview .wbs-snowflake { animation-name: wbs-snowfall-preview; }
@keyframes wbs-snowfall-preview {
  0%   { transform: translate3d(0,-12px,0); }
  35%  { transform: translate3d(var(--drift-one),80px,0); }
  70%  { transform: translate3d(var(--drift-two),175px,0); }
  100% { transform: translate3d(var(--drift),305px,0); }
}