.wave-section-wrapper{position:relative;overflow:clip}.wave-section-wrapper:has(>.wave-background--wave_down),.wave-section-wrapper:has(>.wave-background--wave_up),.wave-section-wrapper:has(>.wave-background--wave_both){overflow:visible}.wave-background{position:absolute;left:0;right:0;width:100%;pointer-events:none;z-index:0}.wave-background--wave_down{top:0}.wave-background--wave_up{bottom:0}.wave-background--wave_both{top:0;bottom:0}.wave-background svg{display:block;width:100%;height:auto}.wave-background__desktop{display:none}.wave-background__mobile{display:block}@media screen and (min-width:750px){.wave-background__desktop{display:block}.wave-background__mobile{display:none}}.wave-background--wave_both{display:flex;flex-direction:column;justify-content:space-between;height:100%}.wave-background__wave-bottom{transform:translateZ(0)}.wave-section-wrapper>*:not(.wave-background){position:relative;z-index:1}.wave-background svg{display:block;width:100%;height:auto;margin:0;padding:0;vertical-align:top;line-height:0;font-size:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform:translateZ(0)}.wave-background__wave-bottom svg{transform:translateZ(0)}.wave-section-wrapper:has(>.wave-background--wave_down){background:linear-gradient(to bottom,#ecf0e2 0% 20%,#f7f7f6 70% 100%)}.wave-section-wrapper:has(>.wave-background--wave_up){background:linear-gradient(to top,#ecf0e2 0% 20%,#f7f7f6 70% 100%)}.wave-section-wrapper:has(>.wave-background--wave_both){background:linear-gradient(to bottom,#ecf0e2 0% 20%,#f7f7f6 50%,#ecf0e2 80% 100%)}.wave-section-wrapper:has(>.wave-background--wave_down){padding-top:10vw;padding-bottom:5vw}.wave-section-wrapper:has(>.wave-background--wave_up){padding-top:5vw;padding-bottom:10vw}.wave-section-wrapper:has(>.wave-background--wave_both){padding-top:10vw;padding-bottom:10vw}@media screen and (min-width:750px){.wave-section-wrapper:has(>.wave-background--wave_down){padding-top:10vw;padding-bottom:10vw}.wave-section-wrapper:has(>.wave-background--wave_up){padding-top:10vw;padding-bottom:10vw}.wave-section-wrapper:has(>.wave-background--wave_both){padding-top:10vw;padding-bottom:10vw}}
/*# sourceMappingURL=/cdn/shop/t/337/assets/component-wave-background.css.map */
