@layer components{.c-snowflakes .c-snowflake,.c-snowflakes .c-snowflake svg{animation-iteration-count:infinite;animation-play-state:running}@media (prefers-reduced-motion:reduce){.c-snowflakes .c-snowflake,.c-snowflakes .c-snowflake svg{animation-play-state:paused}}.c-snowflakes{--snowflakes-wind-amount:240px;--snowflakes-fall-amount:16s}.c-snowflake{--snowflakes-fall-viewport:110vh;animation-delay:var(--snowflake-sway-delay);animation-duration:4s;animation-name:snowflake-x;animation-timing-function:ease-in-out;display:block;height:auto;left:var(--snowflake-left-offset,0);margin:0;position:absolute;rotate:var(--snowflake-rotate);top:calc(-10% - var(--snowflake-size));width:var(--snowflake-size);z-index:0}.c-snowflake svg{animation-delay:var(--snowflake-fall-delay,0s);animation-duration:var(--snowflakes-fall-amount);animation-name:snowflake-y;animation-timing-function:linear;color:var(--snowflake-color,rgba(49,56,58,.07));height:auto;width:100%}.c-snowflake:first-of-type{--snowflake-size:9.89rem;--snowflake-rotate:rotate(-20deg);--snowflake-left-offset:9.28rem;--snowflake-fall-delay:8s;--snowflake-sway-delay:0s}.c-snowflake:nth-of-type(2){--snowflake-size:7.65rem;--snowflake-rotate:rotate(-45deg);--snowflake-left-offset:calc(100% - 2.63rem - var(--snowflake-size));--snowflake-fall-delay:7s;--snowflake-sway-delay:0.5s}.c-snowflake:nth-of-type(3){--snowflake-size:7.94rem;--snowflake-rotate:rotate(-13deg);--snowflake-left-offset:-1.35rem;--snowflake-fall-delay:1s;--snowflake-sway-delay:1s}.c-snowflake:nth-of-type(4){--snowflake-size:8.66rem;--snowflake-rotate:rotate(-9deg);--snowflake-left-offset:calc(100% - 5.26rem - var(--snowflake-size));--snowflake-fall-delay:1.5s;--snowflake-sway-delay:1.5s}@keyframes snowflake-x{50%{transform:translateX(calc(var(--snowflakes-wind-amount) - var(--snowflake-size)))}to{transform:translateX(0)}}@keyframes snowflake-y{0%{transform:translateY(0)}to{transform:translateY(calc(var(--snowflakes-fall-viewport) + var(--snowflake-size))) rotate(1turn)}}}