#snowfall-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 70px,rgba(0,0,0,.6) 110px,rgba(0,0,0,.2) 150px,rgba(0,0,0,0) 180px);mask-image:linear-gradient(to bottom,#000 0% 70px,#0009 110px,#0003 150px,#0000 180px)}.snowflake{position:absolute;top:-20px;color:#fff;opacity:.95;pointer-events:none;animation-name:snowfall;animation-timing-function:linear;animation-iteration-count:infinite;width:8px;height:8px;font-size:10px;line-height:8px;text-align:center;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 3px rgba(255,255,255,.9)) drop-shadow(0 0 6px rgba(255,255,255,.6)) drop-shadow(0 0 10px rgba(255,255,255,.3));text-shadow:0 0 4px rgba(255,255,255,1),0 0 8px rgba(255,255,255,.8)}.snowflake:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#fff9,#ffffff4d,#fff0);z-index:-1;filter:blur(3px)}@keyframes snowfall{0%{top:-30%;opacity:0}10%{opacity:.8}70%{opacity:.8}to{top:110%;opacity:0}}@keyframes snowfall-early-fade{0%{top:-30%;opacity:0}10%{opacity:.6}25%{opacity:.5}50%{opacity:0}to{top:110%;opacity:0}}@keyframes snowfall-late-fade{0%{top:-30%;opacity:0}10%{opacity:.9}80%{opacity:.85}to{top:110%;opacity:0}}@keyframes sway{0%,to{transform:translate(0)}50%{transform:translate(20px)}}.snowflake.small{width:6px;height:6px;font-size:7px;line-height:6px;opacity:.6;animation-name:snowfall-early-fade}.snowflake.small:before{filter:blur(1.5px)}.snowflake.medium{width:8px;height:8px;font-size:10px;line-height:8px;opacity:.75;animation-name:snowfall}.snowflake.medium:before{filter:blur(2px)}.snowflake.large{width:12px;height:12px;font-size:14px;line-height:12px;opacity:.85;animation-name:snowfall-late-fade}.snowflake.large:before{filter:blur(3px)}@media screen and (min-width: 750px){.snowflake{animation-duration:12s}.snowflake.slow{animation-duration:18s}.snowflake.fast{animation-duration:8s}.snowflake:nth-child(3n){animation-name:snowfall,sway;animation-duration:12s,4s}}@media screen and (max-width: 749px){.snowflake{animation-duration:10s;opacity:.4;filter:blur(2px)}.snowflake:nth-child(n+16){display:none}.snowflake{animation-name:snowfall}#snowfall-container{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.8) 50px,rgba(0,0,0,.3) 90px,rgba(0,0,0,0) 120px);mask-image:linear-gradient(to bottom,#000,#000c 50px,#0000004d 90px,#0000 120px)}}@media (prefers-reduced-motion: reduce){.snowflake{animation-duration:.01s!important;opacity:.3!important}}.snowflake{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/12/assets/snowfall-effect.css.map */