/* Same CSS-border drawing as Experticias; values come from its existing appearance controls. */
.onf-chulito.onf-chulito {
	display: inline-grid;
	grid-template-columns: var(--onf-experticia-single-check-icon-size, 32px);
	align-items: var(--onf-experticia-single-plus-icon-alignment, center);
	vertical-align: middle;
	max-width: 100%;
	min-width: 0;
	flex-shrink: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}
.onf-chulito.onf-chulito--text {
	grid-template-columns: var(--onf-experticia-single-check-icon-size, 32px) minmax(0, 1fr);
	column-gap: var(--onf-experticia-single-plus-icon-gap, 12px);
	flex-shrink: 1;
}
.onf-chulito > .onf-chulito__icon {
	display: grid;
	grid-template: 1fr / 1fr;
	width: var(--onf-experticia-single-check-icon-size, 32px);
	height: var(--onf-experticia-single-check-icon-size, 32px);
	min-width: var(--onf-experticia-single-check-icon-size, 32px);
	min-height: var(--onf-experticia-single-check-icon-size, 32px);
	max-width: none;
	max-height: none;
	box-sizing: border-box;
	font-size: var(--onf-experticia-single-plus-check-size, var(--theme-font-size, 16px));
	flex: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}
.onf-chulito > .onf-chulito__icon::before,
.onf-chulito > .onf-chulito__icon::after {
	content: '';
	display: block;
	grid-column: 1;
	grid-row: 1;
	align-self: center;
	justify-self: center;
	position: static;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
}
.onf-chulito > .onf-chulito__icon::before {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: var(--onf-experticia-single-plus-circle-color, #054f11);
	transform: none;
}
.onf-chulito > .onf-chulito__icon::after {
	width: 0.38em;
	height: 0.66em;
	font-size: inherit;
	border-radius: 0;
	background: none;
	transform: rotate(45deg) translate(-0.04em, -0.04em);
	border-right: 0.14em solid var(--onf-experticia-single-plus-check-color, #fff);
	border-bottom: 0.14em solid var(--onf-experticia-single-plus-check-color, #fff);
}
.onf-chulito > .onf-chulito__text {
	display: block;
	min-width: 0;
	margin: 0;
	padding: 0;
	overflow-wrap: anywhere;
}

.onf-chulito.onf-chulito--text {
	position: relative;
	grid-template-columns: minmax(0, 1fr);
	align-content: center;
	min-height: var(--onf-experticia-single-check-icon-size, 32px);
	padding-inline-start: calc(var(--onf-experticia-single-check-icon-size, 32px) + var(--onf-experticia-single-plus-icon-gap, 12px));
}
.onf-chulito--text > .onf-chulito__icon {
	position: absolute;
	left: 0;
	top: calc(var(--onf-experticia-single-plus-icon-block-alignment, 0.5) * (100% - var(--onf-experticia-single-check-icon-size, 32px)));
}
