.hsl-form-icon-map[hidden] {
	display: none !important;
}

.hsl-form-icon {
	display: inline-flex;
	width: 1em;
	height: 1em;
	align-items: center;
	justify-content: center;
	color: currentcolor;
	font-size: var(--hsl-form-icon-size, 1.05em);
	line-height: 1;
	pointer-events: none;
	flex: 0 0 auto;
}

.hsl-form-icon__svg {
	display: block;
	width: 1em;
	height: 1em;
	fill: currentcolor;
}

.hsl-form-icon__svg .fa-secondary {
	opacity: 0.4;
}

.hsl-form-icon-container {
	position: relative;
}

.hsl-form-icon-container > .hsl-form-icon--field {
	position: absolute;
	top: 50%;
	inset-inline-start: var(--hsl-form-icon-inline-offset, 0.9em);
	transform: translateY(-50%);
}

.hsl-form-icon-container > :is(input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]), select, textarea) {
	padding-inline-start: var(--hsl-form-icon-control-padding, 2.65em);
}

.hsl-has-choice-icon .hsl-form-icon-choice-label > .hsl-form-icon--choice {
	margin-inline-end: var(--hsl-form-choice-icon-gap, 0.4em);
	vertical-align: middle;
}

.hsl-form-icon-map-editor,
.hsl-form-icon-assignment-editor {
	padding: 1rem;
	border: 1px solid #dcdcde;
	border-radius: 4px;
}

.hsl-form-icon-map-editor__title,
.hsl-form-icon-assignment-editor__summary {
	margin-top: 0;
	font-weight: 600;
}

.hsl-form-icon-map-editor__help {
	color: #50575e;
}

.hsl-form-icon-assignment-editor {
	margin-block: 0.75rem;
	background: #fff;
}