#snowflakesContainer{--flakeMaxPx:clamp(20px,4rem,64px);--snowflakesPlayState:running;width:100vw;height:100vh;opacity:1;z-index:1000;pointer-events:none;position:absolute;overflow:hidden}#snowflakesContainer[data-paused]{--snowflakesPlayState:paused}.snowflake{--left:0vw;--leftOffset:0vw;--aniDur:4s;--aniDelay:0s;--opacity:1;--falling-timing-function:ease;--swayDelay:0s;--swayDur:4s;--swayFactor:1;--swayAmount:calc(var(--swayFactor)*var(--flakeMaxPx));--scale0:1;--scale1:1;--rotate0:0deg;--rotate1:0deg;--rotateX:0;--rotateY:0;--rotateZ:1;--opacityDur:5s;--fadeOutDur:5s;width:var(--flakeMaxPx);height:var(--flakeMaxPx);transition:opacity calc(var(--fadeOutDur)*.6)ease calc(var(--fadeOutDur)*.4);position:absolute;display:inline-block!important}.snowflake[data-falling]{animation:snowflakeFallingAni var(--aniDur)var(--falling-timing-function)var(--aniDelay)1 normal forwards;animation-play-state:var(--snowflakesPlayState)}@keyframes snowflakeFallingAni{0%{transform:translate(var(--left),calc(-1*var(--flakeMaxPx)))scale(var(--scale0))}to{transform:translate(calc(var(--left) + var(--leftOffset)),calc(100vh - (var(--flakeMaxPx)*.5)))scale(var(--scale1))}}.snowflake>div{opacity:0;position:absolute}.snowflake[data-falling]>div{animation:snowflakeSwaying var(--swayDur)ease-in-out 0s infinite normal forwards,snowflakeFallingOpacityAni var(--aniDur)ease var(--aniDelay)1 normal forwards;animation-play-state:var(--snowflakesPlayState)}@keyframes snowflakeSwaying{0%,to{left:calc(var(--swayAmount))}40%{left:calc(-1*var(--swayAmount))}}@keyframes snowflakeFallingOpacityAni{0%,5%{opacity:0}15%,to{opacity:var(--opacity)}}.snowflake img{position:absolute}.snowflake[data-falling] img{animation:snowflakeRotateAni var(--aniDur)ease var(--aniDelay)1 normal forwards,snowflakeOpacityAni var(--opacityDur)ease var(--opacityDelay)infinite normal forwards;animation-play-state:var(--snowflakesPlayState)}@keyframes snowflakeRotateAni{0%{transform:rotate3d(var(--rotateX),var(--rotateY),var(--rotateZ),var(--rotate0))}to{transform:rotate3d(var(--rotateX),var(--rotateY),var(--rotateZ),var(--rotate1))}}@keyframes snowflakeOpacityAni{0%,25%{opacity:1}50%,70%{opacity:.6}to{opacity:1}}.snowflake[data-landed]{opacity:0}.snowflake[data-landed]>div,.snowflake[data-landed] img{animation-play-state:paused}#snowflakesControls{opacity:.3;height:1.3rem;margin:.5rem;transition:opacity .25s;display:flex;position:absolute}#snowflakesControls:hover{opacity:1}#snowflakesControls>div{width:2rem;pointer-events:all;cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:contain;transition:opacity .2s}#snowflakesFewer{opacity:.7;background-image:url(images/snowflake1.3838dc1d.png)}#snowflakesMore{background-image:url(images/snowflake2.fa848371.png)}#snowflakesControls>div:active{opacity:.3}#snowflakesCount{color:#c0f4fa;opacity:0;padding-left:.3rem;font-size:1.2rem;line-height:1.2rem;transition:opacity .3s}#snowflakesControls:hover #snowflakesCount{opacity:.8}