.hb-wave{--hb-wave-h:110px;background:#fff1de;width:100%;position:relative;overflow:hidden}.hb-wave-body{z-index:1;padding-top:calc(var(--hb-wave-h) * .3);padding-bottom:calc(var(--hb-wave-h) * .55);position:relative}.hb-wave-edge{width:100%;height:var(--hb-wave-h);z-index:0;pointer-events:none;position:absolute;left:0}.hb-wave-edge--top{top:-1px}.hb-wave-edge--bottom{bottom:-1px}.hb-wave-edge path{fill:#fff}@media (width>=640px){.hb-wave{--hb-wave-h:200px}}@media (width>=1024px){.hb-wave{--hb-wave-h:300px}}