/*
 * Icon masks, generated from inc/icons.php by scratchpad/genicons.py.
 * Lucide v1.16.0 (ISC licence). Do not hand-edit: change inc/icons.php and
 * regenerate, or the inline and CSS copies of an icon will drift apart.
 *
 * A mask, not a background-image: the shape comes from the file and the
 * colour from background-color, so an icon still follows currentColor and a
 * section style still recolours it.
 */

.viva-ico::before {
	content: "";
	display: block;
	width: var(--viva-ico-size, 1.5rem);
	height: var(--viva-ico-size, 1.5rem);
	flex: 0 0 auto;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.viva-ico--bot::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M12 8V4H8%22/><rect width=%2216%22 height=%2212%22 x=%224%22 y=%228%22 rx=%222%22/><path d=%22M2 14h2%22/><path d=%22M20 14h2%22/><path d=%22M15 13v2%22/><path d=%22M9 13v2%22/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M12 8V4H8%22/><rect width=%2216%22 height=%2212%22 x=%224%22 y=%228%22 rx=%222%22/><path d=%22M2 14h2%22/><path d=%22M20 14h2%22/><path d=%22M15 13v2%22/><path d=%22M9 13v2%22/></svg>");
}

.viva-ico--recycle::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M7 19H4.815a1.83 1.83 0 0 1-1.57-.881 1.785 1.785 0 0 1-.004-1.784L7.196 9.5%22/><path d=%22M11 19h8.203a1.83 1.83 0 0 0 1.556-.89 1.784 1.784 0 0 0 0-1.775l-1.226-2.12%22/><path d=%22m14 16-3 3 3 3%22/><path d=%22M8.293 13.596 7.196 9.5 3.1 10.598%22/><path d=%22m9.344 5.811 1.093-1.892A1.83 1.83 0 0 1 11.985 3a1.784 1.784 0 0 1 1.546.888l3.943 6.843%22/><path d=%22m13.378 9.633 4.096 1.098 1.097-4.096%22/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M7 19H4.815a1.83 1.83 0 0 1-1.57-.881 1.785 1.785 0 0 1-.004-1.784L7.196 9.5%22/><path d=%22M11 19h8.203a1.83 1.83 0 0 0 1.556-.89 1.784 1.784 0 0 0 0-1.775l-1.226-2.12%22/><path d=%22m14 16-3 3 3 3%22/><path d=%22M8.293 13.596 7.196 9.5 3.1 10.598%22/><path d=%22m9.344 5.811 1.093-1.892A1.83 1.83 0 0 1 11.985 3a1.784 1.784 0 0 1 1.546.888l3.943 6.843%22/><path d=%22m13.378 9.633 4.096 1.098 1.097-4.096%22/></svg>");
}

.viva-ico--wind::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M12.8 19.6A2 2 0 1 0 14 16H2%22/><path d=%22M17.5 8a2.5 2.5 0 1 1 2 4H2%22/><path d=%22M9.8 4.4A2 2 0 1 1 11 8H2%22/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M12.8 19.6A2 2 0 1 0 14 16H2%22/><path d=%22M17.5 8a2.5 2.5 0 1 1 2 4H2%22/><path d=%22M9.8 4.4A2 2 0 1 1 11 8H2%22/></svg>");
}

.viva-ico--cpu::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M12 20v2%22/><path d=%22M12 2v2%22/><path d=%22M17 20v2%22/><path d=%22M17 2v2%22/><path d=%22M2 12h2%22/><path d=%22M2 17h2%22/><path d=%22M2 7h2%22/><path d=%22M20 12h2%22/><path d=%22M20 17h2%22/><path d=%22M20 7h2%22/><path d=%22M7 20v2%22/><path d=%22M7 2v2%22/><rect x=%224%22 y=%224%22 width=%2216%22 height=%2216%22 rx=%222%22/><rect x=%228%22 y=%228%22 width=%228%22 height=%228%22 rx=%221%22/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M12 20v2%22/><path d=%22M12 2v2%22/><path d=%22M17 20v2%22/><path d=%22M17 2v2%22/><path d=%22M2 12h2%22/><path d=%22M2 17h2%22/><path d=%22M2 7h2%22/><path d=%22M20 12h2%22/><path d=%22M20 17h2%22/><path d=%22M20 7h2%22/><path d=%22M7 20v2%22/><path d=%22M7 2v2%22/><rect x=%224%22 y=%224%22 width=%2216%22 height=%2216%22 rx=%222%22/><rect x=%228%22 y=%228%22 width=%228%22 height=%228%22 rx=%221%22/></svg>");
}

.viva-ico--sprout::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M14 9.536V7a4 4 0 0 1 4-4h1.5a.5.5 0 0 1 .5.5V5a4 4 0 0 1-4 4 4 4 0 0 0-4 4c0 2 1 3 1 5a5 5 0 0 1-1 3%22/><path d=%22M4 9a5 5 0 0 1 8 4 5 5 0 0 1-8-4%22/><path d=%22M5 21h14%22/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M14 9.536V7a4 4 0 0 1 4-4h1.5a.5.5 0 0 1 .5.5V5a4 4 0 0 1-4 4 4 4 0 0 0-4 4c0 2 1 3 1 5a5 5 0 0 1-1 3%22/><path d=%22M4 9a5 5 0 0 1 8 4 5 5 0 0 1-8-4%22/><path d=%22M5 21h14%22/></svg>");
}

.viva-ico--wheat::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M2 22 16 8%22/><path d=%22M3.47 12.53 5 11l1.53 1.53a3.5 3.5 0 0 1 0 4.94L5 19l-1.53-1.53a3.5 3.5 0 0 1 0-4.94Z%22/><path d=%22M7.47 8.53 9 7l1.53 1.53a3.5 3.5 0 0 1 0 4.94L9 15l-1.53-1.53a3.5 3.5 0 0 1 0-4.94Z%22/><path d=%22M11.47 4.53 13 3l1.53 1.53a3.5 3.5 0 0 1 0 4.94L13 11l-1.53-1.53a3.5 3.5 0 0 1 0-4.94Z%22/><path d=%22M20 2h2v2a4 4 0 0 1-4 4h-2V6a4 4 0 0 1 4-4Z%22/><path d=%22M11.47 17.47 13 19l-1.53 1.53a3.5 3.5 0 0 1-4.94 0L5 19l1.53-1.53a3.5 3.5 0 0 1 4.94 0Z%22/><path d=%22M15.47 13.47 17 15l-1.53 1.53a3.5 3.5 0 0 1-4.94 0L9 15l1.53-1.53a3.5 3.5 0 0 1 4.94 0Z%22/><path d=%22M19.47 9.47 21 11l-1.53 1.53a3.5 3.5 0 0 1-4.94 0L13 11l1.53-1.53a3.5 3.5 0 0 1 4.94 0Z%22/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M2 22 16 8%22/><path d=%22M3.47 12.53 5 11l1.53 1.53a3.5 3.5 0 0 1 0 4.94L5 19l-1.53-1.53a3.5 3.5 0 0 1 0-4.94Z%22/><path d=%22M7.47 8.53 9 7l1.53 1.53a3.5 3.5 0 0 1 0 4.94L9 15l-1.53-1.53a3.5 3.5 0 0 1 0-4.94Z%22/><path d=%22M11.47 4.53 13 3l1.53 1.53a3.5 3.5 0 0 1 0 4.94L13 11l-1.53-1.53a3.5 3.5 0 0 1 0-4.94Z%22/><path d=%22M20 2h2v2a4 4 0 0 1-4 4h-2V6a4 4 0 0 1 4-4Z%22/><path d=%22M11.47 17.47 13 19l-1.53 1.53a3.5 3.5 0 0 1-4.94 0L5 19l1.53-1.53a3.5 3.5 0 0 1 4.94 0Z%22/><path d=%22M15.47 13.47 17 15l-1.53 1.53a3.5 3.5 0 0 1-4.94 0L9 15l1.53-1.53a3.5 3.5 0 0 1 4.94 0Z%22/><path d=%22M19.47 9.47 21 11l-1.53 1.53a3.5 3.5 0 0 1-4.94 0L13 11l1.53-1.53a3.5 3.5 0 0 1 4.94 0Z%22/></svg>");
}

.viva-ico--arrow-left-right::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M8 3 4 7l4 4%22/><path d=%22M4 7h16%22/><path d=%22m16 21 4-4-4-4%22/><path d=%22M20 17H4%22/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M8 3 4 7l4 4%22/><path d=%22M4 7h16%22/><path d=%22m16 21 4-4-4-4%22/><path d=%22M20 17H4%22/></svg>");
}

.viva-ico--lightbulb::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5%22/><path d=%22M9 18h6%22/><path d=%22M10 22h4%22/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5%22/><path d=%22M9 18h6%22/><path d=%22M10 22h4%22/></svg>");
}

.viva-ico--file-check::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z%22/><path d=%22M14 2v5a1 1 0 0 0 1 1h5%22/><path d=%22m9 15 2 2 4-4%22/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z%22/><path d=%22M14 2v5a1 1 0 0 0 1 1h5%22/><path d=%22m9 15 2 2 4-4%22/></svg>");
}

.viva-ico--settings::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915%22/><circle cx=%2212%22 cy=%2212%22 r=%223%22/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915%22/><circle cx=%2212%22 cy=%2212%22 r=%223%22/></svg>");
}

.viva-ico--chart-column::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M3 3v16a2 2 0 0 0 2 2h16%22/><path d=%22M18 17V9%22/><path d=%22M13 17V5%22/><path d=%22M8 17v-3%22/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M3 3v16a2 2 0 0 0 2 2h16%22/><path d=%22M18 17V9%22/><path d=%22M13 17V5%22/><path d=%22M8 17v-3%22/></svg>");
}

.viva-ico--trending-up::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M16 7h6v6%22/><path d=%22m22 7-8.5 8.5-5-5L2 17%22/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M16 7h6v6%22/><path d=%22m22 7-8.5 8.5-5-5L2 17%22/></svg>");
}

.viva-ico--users::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2%22/><path d=%22M16 3.128a4 4 0 0 1 0 7.744%22/><path d=%22M22 21v-2a4 4 0 0 0-3-3.87%22/><circle cx=%229%22 cy=%227%22 r=%224%22/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2%22/><path d=%22M16 3.128a4 4 0 0 1 0 7.744%22/><path d=%22M22 21v-2a4 4 0 0 0-3-3.87%22/><circle cx=%229%22 cy=%227%22 r=%224%22/></svg>");
}

.viva-ico--factory::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M12 16h.01%22/><path d=%22M16 16h.01%22/><path d=%22M3 19a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.5a.5.5 0 0 0-.769-.422l-4.462 2.844A.5.5 0 0 1 15 10.5v-2a.5.5 0 0 0-.769-.422L9.77 10.922A.5.5 0 0 1 9 10.5V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2z%22/><path d=%22M8 16h.01%22/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M12 16h.01%22/><path d=%22M16 16h.01%22/><path d=%22M3 19a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.5a.5.5 0 0 0-.769-.422l-4.462 2.844A.5.5 0 0 1 15 10.5v-2a.5.5 0 0 0-.769-.422L9.77 10.922A.5.5 0 0 1 9 10.5V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2z%22/><path d=%22M8 16h.01%22/></svg>");
}

.viva-ico--graduation-cap::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z%22/><path d=%22M22 10v6%22/><path d=%22M6 12.5V16a6 3 0 0 0 12 0v-3.5%22/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z%22/><path d=%22M22 10v6%22/><path d=%22M6 12.5V16a6 3 0 0 0 12 0v-3.5%22/></svg>");
}

.viva-ico--landmark::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M10 18v-7%22/><path d=%22M11.119 2.205a2 2 0 0 1 1.762 0l7.84 3.846A.5.5 0 0 1 20.5 7h-17a.5.5 0 0 1-.22-.949z%22/><path d=%22M14 18v-7%22/><path d=%22M18 18v-7%22/><path d=%22M3 22h18%22/><path d=%22M6 18v-7%22/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M10 18v-7%22/><path d=%22M11.119 2.205a2 2 0 0 1 1.762 0l7.84 3.846A.5.5 0 0 1 20.5 7h-17a.5.5 0 0 1-.22-.949z%22/><path d=%22M14 18v-7%22/><path d=%22M18 18v-7%22/><path d=%22M3 22h18%22/><path d=%22M6 18v-7%22/></svg>");
}

.viva-ico--network::before {
	-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><rect x=%2216%22 y=%2216%22 width=%226%22 height=%226%22 rx=%221%22/><rect x=%222%22 y=%2216%22 width=%226%22 height=%226%22 rx=%221%22/><rect x=%229%22 y=%222%22 width=%226%22 height=%226%22 rx=%221%22/><path d=%22M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3%22/><path d=%22M12 12V8%22/></svg>");
	mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><rect x=%2216%22 y=%2216%22 width=%226%22 height=%226%22 rx=%221%22/><rect x=%222%22 y=%2216%22 width=%226%22 height=%226%22 rx=%221%22/><rect x=%229%22 y=%222%22 width=%226%22 height=%226%22 rx=%221%22/><path d=%22M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3%22/><path d=%22M12 12V8%22/></svg>");
}

:root {
	--viva-ico-arrow: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d=%22M8 3 4 7l4 4%22/><path d=%22M4 7h16%22/><path d=%22m16 21 4-4-4-4%22/><path d=%22M20 17H4%22/></svg>");
	--viva-logo-letters: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 819.6 404.5'><path d='M0,134.6c0-17.2,14.2-31.4,31.4-31.4s31.4,14.2,31.4,31.4v158.2L213,113.7c5.4-6.7,14.6-10.5,22.6-10.5,16.3,0,29.3,13,29.3,29.3s-1.3,12.1-6.7,18.8L56.5,391.9c-7.5,9.2-16.7,12.6-25.1,12.6-17.2,0-31.4-14.2-31.4-31.4v-238.5Z' fill='black'/><path d='M294.1,134.6c0-17.2,14.2-31.4,31.4-31.4s31.4,14.2,31.4,31.4v238.5c0,17.2-14.2,31.4-31.4,31.4s-31.4-14.2-31.4-31.4v-238.5Z' fill='black'/><path d='M407.1,134.6c0-17.2,14.2-31.4,31.4-31.4s31.4,14.2,31.4,31.4v158.2l150.2-179.1c5.4-6.7,14.6-10.5,22.6-10.5,16.3,0,29.3,13,29.3,29.3s-1.3,12.1-6.7,18.8l-201.7,240.6c-7.5,9.2-16.7,12.6-25.1,12.6-17.2,0-31.4-14.2-31.4-31.4v-238.5Z' fill='black'/><path d='M788.2,103.2c-8.4,0-17.6,3.3-25.1,12.6l-201.7,240.6c-5.4,6.7-6.7,12.6-6.7,18.8,0,16.3,13,29.3,29.3,29.3s17.6-4.6,22.6-10.5l37.5-44.7,112.7.7v23c0,17.2,14.2,31.4,31.4,31.4s31.4-14.2,31.4-31.4v-238.5c0-17.2-14.2-31.4-31.4-31.4ZM756.8,291.5l-64.5.4,64.5-77v76.6Z' fill='black'/></svg>");
	--viva-logo-dot: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 819.6 404.5'><circle cx='325.4' cy='31.3' r='31.3' fill='black'/></svg>");
}