/* Yettel Compass — hero compass rose [yettel_compass_rose] */

.elementor-section:has(.yc-hero-rose),
.e-con:has(.yc-hero-rose) {
	position: relative;
	overflow: hidden;
}

.elementor-section:has(.yc-hero-rose) > .elementor-container,
.e-con:has(.yc-hero-rose) > .e-con-inner {
	position: relative;
	z-index: 1;
}

.elementor-section:has(.yc-hero-rose):has(.yc-subnav-bleed) .yc-hero-rose,
.e-con:has(.yc-hero-rose):has(.yc-subnav-bleed) .yc-hero-rose {
	--yc-rose-top: 96px;
}

.elementor-widget-shortcode:has(.yc-hero-rose),
.elementor-widget-shortcode:has(.yc-hero-rose) .elementor-widget-container,
.elementor-widget-shortcode:has(.yc-hero-rose) .elementor-shortcode {
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
}

.elementor-widget-shortcode:has(.yc-hero-rose) {
	line-height: 0;
	font-size: 0;
}

.yc-hero-rose {
	--yc-rose-top: 0px;
	position: absolute;
	top: var(--yc-rose-top);
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	pointer-events: none;
	overflow: visible;
}

.yc-hero-rose__spin {
	position: absolute;
	right: -6%;
	bottom: 8%;
	width: min(var(--yc-rose-size, 1050px), 60vw);
	height: min(var(--yc-rose-size, 1050px), 60vw);
	opacity: var(--yc-rose-opacity, 0.28);
	transform-origin: center center;
	animation: yc-hero-rose-spin var(--yc-rose-duration, 180s) linear infinite;
}

.yc-compass-rose-svg {
	display: block;
	width: 100%;
	height: 100%;
}

@keyframes yc-hero-rose-spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@media (max-width: 767px) {
	.elementor-section:has(.yc-hero-rose):has(.yc-subnav-bleed) .yc-hero-rose,
	.e-con:has(.yc-hero-rose):has(.yc-subnav-bleed) .yc-hero-rose {
		--yc-rose-top: 88px;
	}

	.yc-hero-rose__spin {
		right: -14%;
		bottom: 4%;
		width: min(640px, 90vw);
		height: min(640px, 90vw);
	}
}

@media (prefers-reduced-motion: reduce) {
	.yc-hero-rose__spin {
		animation: none;
	}
}