.x-shape{direction:ltr;left:0;line-height:0;overflow:hidden;position:absolute;width:100%}.x-shape-top{top:-1px}.x-shape-top:not([data-negative=false]) svg{z-index:-1}.x-shape-bottom{bottom:-1px}.x-shape-bottom:not([data-negative=true]) svg{z-index:-1}.x-shape[data-negative=false].x-shape-bottom,.x-shape[data-negative=true].x-shape-top{transform:rotate(180deg)}.x-shape svg{display:block;left:50%;position:relative;transform:translateX(-50%);width:calc(100% + 1.3px)}.x-shape .x-shape-fill{fill:#fff;transform:rotateY(0deg);transform-origin:center}