@property --ui-borderanim-angle {
	syntax: "<angle>";
	inherits: true;
	initial-value: 0turn;
}

@keyframes borderRotate {
	to {
		--ui-borderanim-angle: 1turn;
	}
}

.ui-borderanim-rotate:not(:has(>.elementor-widget-container))::after, .ui-borderanim-rotate>.elementor-widget-container::after, .ui-borderanim-rotate_item .ui-e-adv-grid .ui-e-post-item>article:after, .ui-borderanim-rotate_item.elementor-widget-uicore-icon-list .ui-e-wrap:after {
	content: "";
	position: absolute;
	top: calc(var(--ui-borderanim-width-top) * -1);
	right: calc(var(--ui-borderanim-width-right) * -1);
	bottom: calc(var(--ui-borderanim-width-bottom) * -1);
	left: calc(var(--ui-borderanim-width-left) * -1);
	border-radius: var(--ui-borderanim-radius);
	border: solid rgba(255, 255, 255, 0);
	border-width: var(--ui-borderanim-width-top) var(--ui-borderanim-width-right) var(--ui-borderanim-width-bottom) var(--ui-borderanim-width-left);
	animation: borderRotate var(--ui-borderanim-speed) linear infinite;
	pointer-events: none;
	background: conic-gradient(from var(--ui-borderanim-angle), transparent 88%, var(--ui-borderanim-color), var(--ui-borderanim-color) 99.7%, transparent) border-box;
	background-clip: border-box;
	background-origin: border-box;
	mask: radial-gradient(farthest-side, rgba(255, 255, 255, 0) calc(97% - var(--ui-borderanim-width-top)), rgba(255, 255, 255, 0)) content-box, radial-gradient(farthest-side, rgba(255, 255, 255, 0) calc(2% - var(--ui-borderanim-width-top)), #000) border-box;
	-webkit-mask-composite: destination-in;
	mask-composite: intersect;
}

.ui-borderanim-rotate, .ui-borderanim-rotate.e-con, .ui-borderanim-rotate>.elementor-widget-container, .ui-borderanim-rotate_item.elementor-widget-uicore-icon-list li {
	position: relative;
	z-index: 2;
}