/* Snowstorm-era density and wind, implemented with our existing CSS lifecycle. */
#christmas-cake-area .cake-snow-abundant{z-index:0;pointer-events:none;contain:paint}
#christmas-cake-area .cake-snow-abundant span{top:-20px;left:var(--flake-x);right:auto;color:#fff9e8;font-family:Georgia,serif;font-size:var(--flake-size);line-height:1;opacity:var(--flake-alpha);animation:cake-snow-abundant-fall var(--flake-time) linear var(--flake-delay) infinite;animation-play-state:paused;pointer-events:none}
#christmas-cake-area.is-running .cake-snow-abundant span{animation-play-state:running}
@keyframes cake-snow-abundant-fall{
  0%{transform:translate3d(0,-20px,0)}
  20%{transform:translate3d(var(--flake-drift),calc(var(--cake-snow-distance,4500px)*.2),0)}
  40%{transform:translate3d(calc(var(--flake-drift)*-.6),calc(var(--cake-snow-distance,4500px)*.4),0)}
  60%{transform:translate3d(calc(var(--flake-drift)*.8),calc(var(--cake-snow-distance,4500px)*.6),0)}
  80%{transform:translate3d(calc(var(--flake-drift)*-.8),calc(var(--cake-snow-distance,4500px)*.8),0)}
  100%{transform:translate3d(calc(var(--flake-drift)*.3),var(--cake-snow-distance,4500px),0)}
}
@media(max-width:600px){#christmas-cake-area .cake-snow-abundant span:nth-child(n+225){display:none}}
@media(prefers-reduced-motion:reduce){#christmas-cake-area .cake-snow-abundant{display:none}#christmas-cake-area .cake-snow-abundant span{animation:none!important}}