/*
/* Utility / Flip - hide the element */
[data-wf--utility-flip--variant] {
display: none;
}
/* ================================================
MOBILE SCALING
================================================ */
@media (max-width: 991px) {
/* Corner positions */
[data-wf--background-element--position="top-left"]:not(:has([data-wf--utility-flip--variant])),
[data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="none"]),
[data-wf--background-element--position="top-right"]:not(:has([data-wf--utility-flip--variant])),
[data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="none"]),
[data-wf--background-element--position="bottom-left"]:not(:has([data-wf--utility-flip--variant])),
[data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="none"]),
[data-wf--background-element--position="bottom-right"]:not(:has([data-wf--utility-flip--variant])),
[data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="none"]) {
transform: scale(0.75);
}
/* Corner positions with flip */
[data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="horizontal"]),
[data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="horizontal"]),
[data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="horizontal"]),
[data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="horizontal"]) {
transform: scaleX(-1) scale(0.75);
}
[data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="vertical"]),
[data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="vertical"]),
[data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="vertical"]),
[data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="vertical"]) {
transform: scaleY(-1) scale(0.75);
}
[data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="both"]),
[data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="both"]),
[data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="both"]),
[data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="both"]) {
transform: scale(-0.75, -0.75);
}
/* Center positions */
[data-wf--background-element--position="top-center"]:not(:has([data-wf--utility-flip--variant])),
[data-wf--background-element--position="top-center"]:has([data-wf--utility-flip--variant="none"]),
[data-wf--background-element--position="bottom-center"]:not(:has([data-wf--utility-flip--variant])),
[data-wf--background-element--position="bottom-center"]:has([data-wf--utility-flip--variant="none"]) {
transform: translateX(-50%) scale(0.75);
}
[data-wf--background-element--position="center-left"]:not(:has([data-wf--utility-flip--variant])),
[data-wf--background-element--position="center-left"]:has([data-wf--utility-flip--variant="none"]),
[data-wf--background-element--position="center-right"]:not(:has([data-wf--utility-flip--variant])),
[data-wf--background-element--position="center-right"]:has([data-wf--utility-flip--variant="none"]) {
transform: translateY(-50%) scale(0.75);
}
[data-wf--background-element--position="center"]:not(:has([data-wf--utility-flip--variant])),
[data-wf--background-element--position="center"]:has([data-wf--utility-flip--variant="none"]) {
transform: translate(-50%, -50%) scale(0.75);
}
}
@media (max-width: 767px) {
/* Corner positions */
[data-wf--background-element--position="top-left"]:not(:has([data-wf--utility-flip--variant])),
[data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="none"]),
[data-wf--background-element--position="top-right"]:not(:has([data-wf--utility-flip--variant])),
[data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="none"]),
[data-wf--background-element--position="bottom-left"]:not(:has([data-wf--utility-flip--variant])),
[data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="none"]),
[data-wf--background-element--position="bottom-right"]:not(:has([data-wf--utility-flip--variant])),
[data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="none"]) {
transform: scale(0.5);
}
/* Corner positions with flip */
[data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="horizontal"]),
[data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="horizontal"]),
[data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="horizontal"]),
[data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="horizontal"]) {
transform: scaleX(-1) scale(0.5);
}
[data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="vertical"]),
[data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="vertical"]),
[data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="vertical"]),
[data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="vertical"]) {
transform: scaleY(-1) scale(0.5);
}
[data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="both"]),
[data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="both"]),
[data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="both"]),
[data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="both"]) {
transform: scale(-0.5, -0.5);
}
/* Center positions */
[data-wf--background-element--position="top-center"]:not(:has([data-wf--utility-flip--variant])),
[data-wf--background-element--position="top-center"]:has([data-wf--utility-flip--variant="none"]),
[data-wf--background-element--position="bottom-center"]:not(:has([data-wf--utility-flip--variant])),
[data-wf--background-element--position="bottom-center"]:has([data-wf--utility-flip--variant="none"]) {
transform: translateX(-50%) scale(0.5);
}
[data-wf--background-element--position="center-left"]:not(:has([data-wf--utility-flip--variant])),
[data-wf--background-element--position="center-left"]:has([data-wf--utility-flip--variant="none"]),
[data-wf--background-element--position="center-right"]:not(:has([data-wf--utility-flip--variant])),
[data-wf--background-element--position="center-right"]:has([data-wf--utility-flip--variant="none"]) {
transform: translateY(-50%) scale(0.5);
}
[data-wf--background-element--position="center"]:not(:has([data-wf--utility-flip--variant])),
[data-wf--background-element--position="center"]:has([data-wf--utility-flip--variant="none"]) {
transform: translate(-50%, -50%) scale(0.5);
}
}
*/
