//
// Shape Divider
//

.qazana-shape {
	overflow: hidden;
	position: absolute;
	left: 0;
	width: 100%;
	line-height: 0;
	direction: ltr; // Fix for RTL pages

	&-top {
		top: -1px;
	}

	&-bottom {
		bottom: -1px;
	}

	&[data-negative="false"] {
		&.qazana-shape-bottom {
			transform: rotate(180deg);
		}
	}

	&[data-negative="true"] {
		&.qazana-shape-top {
			transform: rotate(180deg);
		}
	}

	svg {
		display: block;
		width: calc(100% + 1.3px);
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}

	.qazana-shape-fill {
		fill: #fff;
		transform-origin: center;
		transform: rotateY(0deg); // Reset default for safari
	}
}