.rough-edge{display:flex;margin:-20px 0 -5px;position:relative;transition:margin .5s;z-index:10;@media (min-width:512px){margin-left:0;margin-bottom:-5px;margin-right:0;margin-top:-35px}@media (min-width:1024px){margin-left:0;margin-bottom:-5px;margin-right:0;margin-top:-80px}svg{width:100%;path{fill:var(--sc-color-white)}}&.rough-edge--end{margin:-10px 0 -20px;transform:rotate(180deg);@media (min-width:512px){margin-left:0;margin-bottom:-35px;margin-right:0;margin-top:-10px}@media (min-width:1024px){margin-left:0;margin-bottom:-70px;margin-right:0;margin-top:-10px}}&.rough-edge--primary{path{fill:var(--sc-color-primary)}}&.rough-edge--primary-dark{path{fill:var(--sc-color-primary-contrast)}}&.rough-edge--primary-light{path{fill:var(--sc-color-primary-tint)}}}