/**
 * Material Symbols — aligned with Figma ICON components.
 */

.material-symbols-outlined {
	font-family: "Material Symbols Outlined", sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
	-webkit-font-smoothing: antialiased;
}

.ipopi-icon {
	flex-shrink: 0;
}

.ipopi-icon--sm {
	font-size: 20px;
	font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
}

.ipopi-btn .ipopi-icon,
.ipopi-button .ipopi-icon,
.ipopi-pagination__btn .ipopi-icon {
	font-size: 24px;
}

.ipopi-card__meta .ipopi-icon,
.ipopi-card__meta-item .ipopi-icon {
	font-size: 20px;
	font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
}

.ipopi-btn svg,
.ipopi-button svg,
.ipopi-card__meta svg,
.ipopi-card__meta-item svg {
	display: block;
	width: 24px;
	height: 24px;
	fill: currentColor;
	flex-shrink: 0;
}

.ipopi-card__meta svg,
.ipopi-card__meta-item svg {
	width: 20px;
	height: 20px;
}