:root{--wave-height-ultrawide: 50px;--wave-height: 40px;--wave-height-mobile: 30px}.wave{position:relative;display:block;margin-block:0;overflow:hidden;height:var(--wave-height-mobile);margin-block:-2px;width:100%}.wave--absolute{position:absolute;left:0}.wave:before{content:"";position:absolute;top:0;left:0;width:234%;height:100%;background-repeat:repeat-x;background-size:117% 100%}@media screen and (min-width: 640px){.wave:before{width:200%;background-repeat:repeat-x;background-size:50% 100%}}@media screen and (min-width: 2000px){.wave:before{width:300%;background-repeat:repeat-x;background-size:25% 100%}}.wave--animate:before{animation:waveAnim 10s linear infinite}@media screen and (min-width: 640px){.wave--animate:before{animation:waveAnim 16s linear infinite}}@media screen and (min-width: 2000px){.wave--animate:before{animation:waveAnim 24s linear infinite}}.wave--animate--reverse:before{animation-direction:reverse}@keyframes waveAnim{0%{transform:translate(0)}to{transform:translate(-50%)}}@media screen and (min-width: 640px){@keyframes waveAnim{0%{transform:translate(0)}to{transform:translate(-50%)}}}@media screen and (min-width: 640px){.wave{height:var(--wave-height)}}@media screen and (min-width: 2000px){.wave{height:var(--wave-height-ultrawide)}}.wave--top{top:0}.wave--bottom{bottom:0}.wave-margin--top{margin-top:calc(-1 * var(--wave-height-mobile))}@media screen and (min-width: 640px){.wave-margin--top{margin-top:calc(-1 * var(--wave-height))}}@media screen and (min-width: 2000px){.wave-margin--top{margin-top:calc(-1 * var(--wave-height-ultrawide))}}.wave-margin--bottom{margin-bottom:calc(-1 * var(--wave-height-mobile))}@media screen and (min-width: 640px){.wave-margin--bottom{margin-bottom:calc(-1 * var(--wave-height))}}@media screen and (min-width: 2000px){.wave-margin--bottom{margin-bottom:calc(-1 * var(--wave-height-ultrawide))}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/animation-wave.css.map */