/* TYPE Used icons info */
.usof-icons-info .usof-form-wrapper {
	margin: 15px 0 0;
	}
.usof-icons-info-group {
	padding: 0 20px;
	}
.usof-icons-info-group-name {
	font-weight: bold;
	}
/* Icon set used in content but not currently available (e.g. a style of a disconnected or
   re-configured Font Awesome Kit) — its icons don't render, so the group name warns about it */
.usof-icons-info-group.type_missing .usof-icons-info-group-name {
	color: var(--usof-color-red-30);
	}
.usof-icons-info-group-list {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-content: flex-start;
	margin: 5px 0 20px;
	}
	.usof-icons-info-group-list li {
		flex-shrink: 0;
		display: flex;
		align-items: center;
		position: relative;
		line-height: 20px;
		height: 20px;
		width: 33.3333%;
		}
		.usof-icons-info-group-list li > svg,
		.usof-icons-info-group-list li > i {
			flex-shrink: 0;
			width: 1.6em;
			-webkit-user-select: none;
			user-select: none;
			}
		.usof-icons-info-group-list li.type_fallback > span {
			font-weight: 600;
			color: var(--usof-color-green-40);
			}
		.usof-icons-info-group-list li > i.material-icons {
			margin-top: 1px; /* visual fix */
			}
		.usof-icons-info-group-list li > span {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			padding-inline-end: 10px;
			}
		.usof-icons-info-group-list .usof-tooltip-text {
			top: 100%;
			width: auto;
			max-width: 250px;
			-webkit-user-select: none;
			user-select: none;
			}
			.usof-icons-info-group-list .usof-tooltip-text > a {
				display: block;
				line-height: 16px;
				}
			.usof-icons-info-group-list .usof-tooltip-text > a:not(:last-child) {
				margin-bottom: 5px;
				}
		.usof-icons-info-group-list li:hover > span {
			color: var(--wp-admin-theme-color);
			}
		.usof-icons-info-group-list li:hover .usof-tooltip-text {
			opacity: 1;
			visibility: visible;
			}