.w-tabs-section.magic-icon-element {
	--magic-icon-box-size: 1.1vw;
	--magic-icon-glyph-size: 0.8vw;
	--magic-icon-border-size: 0.15vw;
	--magic-icon-rotation: 0deg;
}

.w-tabs-section.magic-icon-size_enlarged {
	--magic-icon-box-size: 1.45vw;
	--magic-icon-glyph-size: 1.05vw;
}

.w-tabs .w-tabs-section.magic-icon-element .w-tabs-section-control {
	display: inline-grid;
	width: var(--magic-icon-box-size);
	height: var(--magic-icon-box-size);
	border: 0;
	border-radius: 50%;
	place-items: center;
}

.w-tabs .w-tabs-section.magic-icon-element .w-tabs-section-control::before,
.w-tabs .w-tabs-section.magic-icon-element .w-tabs-section-control::after {
	display: none !important;
}

.magic-accordion-control-icon {
	display: block;
	width: var(--magic-icon-glyph-size);
	height: var(--magic-icon-glyph-size);
	color: currentColor;
	transform: rotate(var(--magic-icon-rotation));
	transform-origin: center;
}

.magic-accordion-control-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.w-tabs-section.magic-icon-style--circled .w-tabs-section-control {
	border: var(--magic-icon-border-size) solid currentColor;
}

@media (max-width: 800px) {
	.w-tabs-section.magic-icon-element {
		--magic-icon-box-size: 22px;
		--magic-icon-glyph-size: 16px;
		--magic-icon-border-size: 2px;
	}
	.w-tabs-section.magic-icon-size_enlarged {
		--magic-icon-box-size: 30px;
		--magic-icon-glyph-size: 21px;
	}
}
