/* The Driveway Doctor: decorative public snowfall and a slowly rising snowbank. */
#tdd-snowfall-layer {
  position:fixed;
  inset:0;
  z-index:45;
  overflow:hidden;
  pointer-events:none !important;
  user-select:none;
  contain:layout style paint;
  isolation:isolate;
}
#tdd-snowfall-layer .tdd-snowflake {
  position:absolute;
  top:-12vh;
  left:var(--tdd-snow-x);
  width:var(--tdd-snow-size);
  height:var(--tdd-snow-size);
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%, rgba(255,255,255,.98) 0%, rgba(255,255,255,.85) 60%, rgba(217,239,255,.25) 100%);
  box-shadow:0 0 3px 1px rgba(173,215,240,.24);
  opacity:0;
  animation:tdd-flake-fall var(--tdd-snow-duration) linear var(--tdd-snow-delay) infinite;
  will-change:transform;
}
@keyframes tdd-flake-fall {
  0% {transform:translate3d(0,0,0);opacity:0;}
  9% {opacity:var(--tdd-snow-opacity);}
  91% {opacity:var(--tdd-snow-opacity);}
  100% {transform:translate3d(var(--tdd-snow-drift),125vh,0);opacity:0;}
}
#tdd-snowfall-layer .tdd-snowbank {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:38px;
  background:linear-gradient(180deg,#fff 0%,#f7fcff 56%,#e8f2fa 100%);
  clip-path:polygon(0 37%,5% 18%,12% 39%,19% 25%,28% 41%,36% 18%,44% 30%,51% 12%,60% 38%,68% 22%,76% 38%,84% 18%,92% 33%,100% 15%,100% 100%,0 100%);
  filter:drop-shadow(0 -2px 2px rgba(132,172,196,.36));
  transform:translate3d(0,100%,0);
  animation:tdd-snowbank-rise 420s linear forwards;
  will-change:transform;
}
@keyframes tdd-snowbank-rise {
  from { transform:translate3d(0,100%,0); }
  to { transform:translate3d(0,0,0); }
}
html.tdd-snow-paused #tdd-snowfall-layer .tdd-snowflake,
html.tdd-snow-paused #tdd-snowfall-layer .tdd-snowbank {animation-play-state:paused;}
@media (max-width:640px) {
  #tdd-snowfall-layer .tdd-snowbank {height:24px;}
}
@media print, (prefers-reduced-motion:reduce) {
  #tdd-snowfall-layer {display:none !important;}
}