.footer-waves{--crest:36px;z-index:-1;pointer-events:none;height:6.5rem;margin-top:-2rem;margin-bottom:-1px;position:relative;overflow:hidden}@media (min-width:1024px){.footer-waves{height:8rem;margin-top:-3rem}}.footer-waves__layer{top:var(--rest);background:linear-gradient(var(--color) var(--crest), transparent);-webkit-mask:var(--wave) 0 0 / var(--wave-width) var(--crest) repeat-x, linear-gradient(#000 0 0) 0 calc(var(--crest) - 1px) / 100% 100% no-repeat;mask:var(--wave) 0 0 / var(--wave-width) var(--crest) repeat-x, linear-gradient(#000 0 0) 0 calc(var(--crest) - 1px) / 100% 100% no-repeat;animation:footer-waves-drift var(--duration) linear infinite;position:absolute;bottom:0;left:0;right:0}.footer-waves__layer[data-front]{background:linear-gradient(var(--color) var(--crest), var(--muted))}@keyframes footer-waves-drift{to{-webkit-mask-position:var(--wave-width) 0, 0 calc(var(--crest) - 1px);mask-position:var(--wave-width) 0, 0 calc(var(--crest) - 1px)}}@media (prefers-reduced-motion:reduce){.footer-waves__layer{animation:none}}