.fluentform .ff-el-tooltip svg {
	fill: var(--fluentform-primary);
}

.fluentform .ff-step-header--tabs .ff-step-titles li .ff-step-title-text i, .fluentform .ff-step-header--tabs .ff-step-titles li .ff-step-title-text span[class*=dashicons], .fluentform .ff-step-header--tabs .ff-step-titles li .ff-step-title-text svg {
	align-items: center;
	display: inline-flex;
	flex: 0 0 auto;
	justify-content: center;
	line-height: 1;
}

.fluentform .ff-step-header--tabs .ff-step-titles li .ff-step-title-text svg {
	height: 16px;
	width: 16px;
}

.fluentform .ff-step-header--tabs-left .ff-step-titles li .ff-step-title-text i, .fluentform .ff-step-header--tabs-left .ff-step-titles li .ff-step-title-text span[class*=dashicons], .fluentform .ff-step-header--tabs-left .ff-step-titles li .ff-step-title-text svg {
	align-items: center;
	display: inline-flex;
	flex: 0 0 auto;
	justify-content: center;
	line-height: 1;
}

.fluentform .ff-step-header--tabs-left .ff-step-titles li .ff-step-title-text svg {
	height: 16px;
	width: 16px;
}

@keyframes skeleton-loading {
	0% {
		background-color: #e3e6e8;
	}
	
	to {
		background-color: #f0f3f5;
	}
}

@keyframes ff-progress-anim {
	0% {
		width: 0;
	}
	
	5% {
		width: 0;
	}
	
	10% {
		width: 15%;
	}
	
	30% {
		width: 40%;
	}
	
	50% {
		width: 55%;
	}
	
	80% {
		width: 100%;
	}
	
	95% {
		width: 100%;
	}
	
	to {
		width: 0;
	}
}