.icon-picker .result-container {
	position: relative;
	border: 1px solid #eee;
	border-radius: 3px;
	align-items: flex-start;
}

.icon-picker .result-container [section=result] {
	display: grid;
	align-items: flex-start;
	max-height: 200px;
	padding: 10px;
}

.icon-picker .result-container.loading [section=result] {
	opacity: 0.25;
	pointer-events: none;
}

.icon-picker .result-container.loading:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f3f4";
	font-size: 4rem;
	animation: fa-spin 1s linear infinite;
	color: #202020;
	width: 60px;
	height: 60px;
	margin: -30px;
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.icon-picker [section=result] [type="radio"]+span.icon {
	width: 100%;
	height: 40px;
	font-size: 2rem;
	color: #202020;
}

.icon-picker [operation=search] {
	padding: 8px;
	border-radius: 3px;
}

.icons-wrapper {
	display: flex;
	gap: 5px;
}

.icons-wrapper .preview {
	width: 30px;
	height: 30px;
	min-width: 30px;
	border: 1px solid #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
	order: -1;
}