.ui-entity-editor-section.init-accordion .ui-entity-editor-header-title {
	display: inline-flex;
}

.ui-entity-editor-section.init-accordion .ui-entity-editor-header-title-text[style="display: none;"] ~ .ui-entity-editor-header-title-icon {
	display: none;
}

.ui-entity-editor-section .ui-entity-editor-header-title-icon {
	display: inline-block;
	width: 12px;
	margin-right: 10px;
	position: relative;
	opacity: 0.8;
	order: -15;
}

.ui-entity-editor-section .ui-entity-editor-header-title-icon::before,
.ui-entity-editor-section .ui-entity-editor-header-title-icon::after {
	width: 12px;
	height: 2px;
	background-color: currentColor;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.ui-entity-editor-section .ui-entity-editor-header-title-icon::before {
	transform: translate(-50%, -50%) rotate(90deg);
	transition-duration: 300ms;
}

.ui-entity-editor-section.open-accordion .ui-entity-editor-header-title-icon::before {
	transform: translate(-50%, -50%);
}

.icon-preloader {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.5);
}

.icon-preloader::after {
	content: '';
	width: 100px;
	height: 100px;
	box-sizing: border-box;
	border-radius: 50%;
	border: 6px solid #000;
	border-top-color: transparent;
	animation: spinner 1s linear infinite;
}

@keyframes spinner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}