.shape-divider{display:flex;flex-direction:column;overflow:hidden;position:relative}.shape-divider .shape-divider__svg-wrapper{box-sizing:border-box;flex-shrink:0;height:var(--base-shape-height);min-width:100%;position:relative;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;width:100%}@media(max-width:575.98px){.shape-divider .shape-divider__svg-wrapper{height:calc(var(--base-shape-height)*.3)}}@media(min-width:576px)and (max-width:767.98px){.shape-divider .shape-divider__svg-wrapper{height:calc(var(--base-shape-height)*.4)}}@media(min-width:768px)and (max-width:991.98px){.shape-divider .shape-divider__svg-wrapper{height:calc(var(--base-shape-height)*.52)}}@media(min-width:992px)and (max-width:1199.98px){.shape-divider .shape-divider__svg-wrapper{height:calc(var(--base-shape-height)*.63)}}@media(min-width:1200px)and (max-width:1399.98px){.shape-divider .shape-divider__svg-wrapper{height:calc(var(--base-shape-height)*.73)}}.shape-divider .shape-divider__svg-wrapper svg{fill:currentColor;bottom:-1px;height:100%;left:0;position:absolute;width:100%}.shape-divider .shape-divider__svg-wrapper svg.divider--waves path:first-child{opacity:.15}.shape-divider .shape-divider__svg-wrapper svg.divider--waves path:nth-child(2){opacity:.3}.shape-divider .shape-divider__wrapper{height:var(--wrapper-height);position:relative;width:100%}@media(max-width:575.98px){.shape-divider .shape-divider__wrapper{height:calc(var(--wrapper-height)*.3)}}@media(min-width:576px)and (max-width:767.98px){.shape-divider .shape-divider__wrapper{height:calc(var(--wrapper-height)*.4)}}@media(min-width:768px)and (max-width:991.98px){.shape-divider .shape-divider__wrapper{height:calc(var(--wrapper-height)*.52)}}@media(min-width:992px)and (max-width:1199.98px){.shape-divider .shape-divider__wrapper{height:calc(var(--wrapper-height)*.63)}}@media(min-width:1200px)and (max-width:1399.98px){.shape-divider .shape-divider__wrapper{height:calc(var(--wrapper-height)*.73)}}.shape-divider.is-vertically-flipped{flex-direction:column-reverse}.shape-divider.is-vertically-flipped .shape-divider__svg-wrapper svg{bottom:0;top:-1px;transform:scaleY(-1)}.shape-divider.is-vertically-flipped.is-horizontally-flipped .shape-divider__svg-wrapper svg{transform:scaleX(-1) scaleY(-1)}.shape-divider.is-horizontally-flipped:not(.is-vertically-flipped) .shape-divider__svg-wrapper svg{transform:scaleX(-1)}