/*	–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
	CORE/STYLE/CLASSES.CSS
	––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

/**
 * VISIOFRAMEWORK
 * This file is part of VISIOFRAMEWORK.
 * @package		visioframework
 * @author		Agência Visio <contato@agenciavisio.com.br>
 * @copyright	Copyright (c) 2023-present. M. Souza & Souza LTDA. (CNPJ: 21.284.748/0001-33). All rights reserved.
 * @license		Proprietary
 * @link		https://www.agenciavisio.com.br
 */

/* #region		COLOR SHADE EXTENSIONS

	Bootstrap 5 exposes its base colors as CSS variables (--bs-yellow,
	--bs-blue, etc.) but ONLY exposes shade variants (100-900) for the
	gray family. The shade values for the other named colors exist in
	Bootstrap's Sass color map but aren't compiled into the CSS bundle.

	We define them here so the framework's shade utilities (bcp-yellow-200,
	cp-yellow-200, etc.) can reference them via var() — matching the
	pattern already used for grays. Values mirror Bootstrap 5.3's color
	map exactly so the palette stays aligned with the rest of the
	framework's chrome. */
:root {
	--bs-blue-100	: #cfe2ff;
	--bs-blue-200	: #9ec5fe;
	--bs-blue-300	: #6ea8fe;
	--bs-blue-400	: #3d8bfd;
	--bs-blue-500	: #0d6efd;
	--bs-blue-600	: #0a58ca;
	--bs-blue-700	: #084298;
	--bs-blue-800	: #052c65;
	--bs-blue-900	: #031633;

	--bs-indigo-100	: #e0cffc;
	--bs-indigo-200	: #c29ffa;
	--bs-indigo-300	: #a370f7;
	--bs-indigo-400	: #8540f5;
	--bs-indigo-500	: #6610f2;
	--bs-indigo-600	: #520dc2;
	--bs-indigo-700	: #3d0a91;
	--bs-indigo-800	: #290661;
	--bs-indigo-900	: #1a0330;

	--bs-purple-100	: #e2d9f3;
	--bs-purple-200	: #c5b3e6;
	--bs-purple-300	: #a98eda;
	--bs-purple-400	: #8c68cd;
	--bs-purple-500	: #6f42c1;
	--bs-purple-600	: #59359a;
	--bs-purple-700	: #432874;
	--bs-purple-800	: #2c1b4d;
	--bs-purple-900	: #160d27;

	--bs-pink-100	: #f7d6e6;
	--bs-pink-200	: #efadce;
	--bs-pink-300	: #e685b5;
	--bs-pink-400	: #de5c9d;
	--bs-pink-500	: #d63384;
	--bs-pink-600	: #ab296a;
	--bs-pink-700	: #80214f;
	--bs-pink-800	: #561435;
	--bs-pink-900	: #2b0a1a;

	--bs-red-100	: #f8d7da;
	--bs-red-200	: #f1aeb5;
	--bs-red-300	: #ea868f;
	--bs-red-400	: #e35d6a;
	--bs-red-500	: #dc3545;
	--bs-red-600	: #b02a37;
	--bs-red-700	: #842029;
	--bs-red-800	: #58151c;
	--bs-red-900	: #2c0b0e;

	--bs-orange-100	: #ffe5d0;
	--bs-orange-200	: #fecba1;
	--bs-orange-300	: #feb272;
	--bs-orange-400	: #fd9843;
	--bs-orange-500	: #fd7e14;
	--bs-orange-600	: #ca6510;
	--bs-orange-700	: #984c0c;
	--bs-orange-800	: #653307;
	--bs-orange-900	: #321a04;

	--bs-yellow-100	: #fff3cd;
	--bs-yellow-200	: #ffe69c;
	--bs-yellow-300	: #ffda6a;
	--bs-yellow-400	: #ffcd39;
	--bs-yellow-500	: #ffc107;
	--bs-yellow-600	: #cc9a06;
	--bs-yellow-700	: #997404;
	--bs-yellow-800	: #664d03;
	--bs-yellow-900	: #332701;

	--bs-green-100	: #d1e7dd;
	--bs-green-200	: #a3cfbb;
	--bs-green-300	: #75b798;
	--bs-green-400	: #479f76;
	--bs-green-500	: #198754;
	--bs-green-600	: #146c43;
	--bs-green-700	: #0f5132;
	--bs-green-800	: #0a3622;
	--bs-green-900	: #051b11;

	--bs-teal-100	: #d2f4ea;
	--bs-teal-200	: #a6e9d5;
	--bs-teal-300	: #79dfc1;
	--bs-teal-400	: #4dd4ac;
	--bs-teal-500	: #20c997;
	--bs-teal-600	: #1aa179;
	--bs-teal-700	: #15795b;
	--bs-teal-800	: #0d4d3a;
	--bs-teal-900	: #062719;

	--bs-cyan-100	: #cff4fc;
	--bs-cyan-200	: #9eeaf9;
	--bs-cyan-300	: #6edff6;
	--bs-cyan-400	: #3dd5f3;
	--bs-cyan-500	: #0dcaf0;
	--bs-cyan-600	: #0aa2c0;
	--bs-cyan-700	: #087990;
	--bs-cyan-800	: #055160;
	--bs-cyan-900	: #032830;
}

/* #endregion	COLOR SHADE EXTENSIONS */

/* #region		MIN HEIGHT (viewport-relative)
	Bootstrap 5 ships only min-vh-100 natively. The framework's MinHeight enum
	exposes additional viewport-relative breakpoints; the matching utilities
	live here. min-h-0 is also defined for explicit overrides since Bootstrap
	does not provide one (it has h-0 via the height utility, not min-height). */

.min-h-0	{ min-height:   0			!important; }
.min-vh-25	{ min-height:  25vh			!important; }
.min-vh-50	{ min-height:  50vh			!important; }
.min-vh-75	{ min-height:  75vh			!important; }
/* min-vh-100 is provided by Bootstrap */

/* #endregion	MIN HEIGHT */

/* #region		BOX AND BACKDROP */

/* Rounded-corner clipping relies on overflow:hidden alone. Do NOT add clip-path or
   will-change here: on iOS Chrome they composite every .box and flicker sticky/fixed
   elements, and current engines clip composited children without them. */
.box {
	min-height		: 2px;																		/* testing "min-height" */
	position		: relative;
	overflow		: hidden											!important;
	text-overflow	: ellipsis											!important;
	--box-rounded	: 0;
}

a.box {
	display: flex;
}

.box.rounded-1 {
	--box-rounded: var(--bs-border-radius-sm) !important;
}

.box.rounded-2 {
	--box-rounded: var(--bs-border-radius) !important;
}

.box.rounded-3 {
	--box-rounded: var(--bs-border-radius-lg) !important;
}

.box.rounded-4 {
	--box-rounded: var(--bs-border-radius-xl) !important;
}

.box.rounded-5 {
	--box-rounded: var(--bs-border-radius-2xl) !important;
}

/*	Stop backdrop image from overflowing into the border box */
.box .backdrop {
	clip-path	: none;											/* Testando "Fallback for  or loading cases" */
	clip-path	: inset(-0.1%)	!important;						/* Testando a dica do inset, pois disse que xywh é inválido */
	/* clip-path	: content-box !important; */				/* ARQUIVO NOVO, AO SUPRIMIR, FUNCIONA */
	/* clip-path	: xywh(0% 0% 100% 100%) !important */		/* ARQUIVO ANTIGO, FUNCIONANDO PERFEITAMENTE */
}

.backdrop {
	transition: opacity var(--transition-3) transform 500ms !important;
}

.backdrop-video {
	pointer-events: none;
}

/* #endregion	BOX AND BACKDROP */

/* #region		BACKGROUND COLOR */

/* Fallback color */
[class^='bcp-'],
[class*=' bcp-'] {	
	--background-color-primary: transparent;
}

/* Element has primary color but no secondary color (has no gradient) */
[class^='bcp-']:not([class*=' bcs-']),
[class*=' bcp-']:not([class^='bcs-']):not([class*=' bcs-']) {
	background-color: var(--background-color-primary) !important;
}

/* Element has secondary color (has gradient) */
[class^='bcs-'],
[class*=' bcs-'] {
	background-image				: linear-gradient(
		var(--background-color-direction),
		var(--background-color-primary),
		var(--background-color-secondary)
	);
	background-color				: transparent !important;
	--background-color-primary		: transparent;
	--background-color-secondary	: transparent;
	--background-color-direction	: to right;
}

/* #endregion	BACKGROUND COLOR */

/* #region		BACKGROUND COLOR PRIMARY */

.bcp-low-light-1 {
	--background-color-primary: var(--RGBA-background-low-light-1) !important;
}

.bcp-low-light-2 {
	--background-color-primary: var(--RGBA-background-low-light-2) !important;
}

.bcp-low-light-3 {
	--background-color-primary: var(--RGBA-background-low-light-3) !important;
}

.bcp-low-light-4 {
	--background-color-primary: var(--RGBA-background-low-light-4) !important;
}

.bcp-low-light-5 {
	--background-color-primary: var(--RGBA-background-low-light-5) !important;
}

.bcp-low-light-6 {
	--background-color-primary: var(--RGBA-background-low-light-6) !important;
}

.bcp-low-light-7 {
	--background-color-primary: var(--RGBA-background-low-light-7) !important;
}

.bcp-low-light-8 {
	--background-color-primary: var(--RGBA-background-low-light-8) !important;
}

.bcp-low-light-9 {
	--background-color-primary: var(--RGBA-background-low-light-9) !important;
}

.bcp-low-light-10 {
	--background-color-primary: var(--RGBA-background-low-light-10) !important;
}

.bcp-low-light-11 {
	--background-color-primary: var(--RGBA-background-low-light-11) !important;
}

.bcp-low-light-12 {
	--background-color-primary: var(--RGBA-background-low-light-12) !important;
}

.bcp-low-light-13 {
	--background-color-primary: var(--RGBA-background-low-light-13) !important;
}

.bcp-low-light-14 {
	--background-color-primary: var(--RGBA-background-low-light-14) !important;
}

.bcp-low-light-15 {
	--background-color-primary: var(--RGBA-background-low-light-15) !important;
}

.bcp-low-dark-1 {
	--background-color-primary: var(--RGBA-background-low-dark-1) !important;
}

.bcp-low-dark-2 {
	--background-color-primary: var(--RGBA-background-low-dark-2) !important;
}

.bcp-low-dark-3 {
	--background-color-primary: var(--RGBA-background-low-dark-3) !important;
}

.bcp-low-dark-4 {
	--background-color-primary: var(--RGBA-background-low-dark-4) !important;
}

.bcp-low-dark-5 {
	--background-color-primary: var(--RGBA-background-low-dark-5) !important;
}

.bcp-low-dark-6 {
	--background-color-primary: var(--RGBA-background-low-dark-6) !important;
}

.bcp-low-dark-7 {
	--background-color-primary: var(--RGBA-background-low-dark-7) !important;
}

.bcp-low-dark-8 {
	--background-color-primary: var(--RGBA-background-low-dark-8) !important;
}

.bcp-low-dark-9 {
	--background-color-primary: var(--RGBA-background-low-dark-9) !important;
}

.bcp-low-dark-10 {
	--background-color-primary: var(--RGBA-background-low-dark-10) !important;
}

.bcp-low-dark-11 {
	--background-color-primary: var(--RGBA-background-low-dark-11) !important;
}

.bcp-low-dark-12 {
	--background-color-primary: var(--RGBA-background-low-dark-12) !important;
}

.bcp-low-dark-13 {
	--background-color-primary: var(--RGBA-background-low-dark-13) !important;
}

.bcp-low-dark-14 {
	--background-color-primary: var(--RGBA-background-low-dark-14) !important;
}

.bcp-low-dark-15 {
	--background-color-primary: var(--RGBA-background-low-dark-15) !important;
}

.bcp-high-light-1 {
	--background-color-primary: var(--RGBA-background-high-light-1) !important;
}

.bcp-high-light-2 {
	--background-color-primary: var(--RGBA-background-high-light-2) !important;
}

.bcp-high-light-3 {
	--background-color-primary: var(--RGBA-background-high-light-3) !important;
}

.bcp-high-light-4 {
	--background-color-primary: var(--RGBA-background-high-light-4) !important;
}

.bcp-high-light-5 {
	--background-color-primary: var(--RGBA-background-high-light-5) !important;
}

.bcp-high-light-6 {
	--background-color-primary: var(--RGBA-background-high-light-6) !important;
}

.bcp-high-light-7 {
	--background-color-primary: var(--RGBA-background-high-light-7) !important;
}

.bcp-high-light-8 {
	--background-color-primary: var(--RGBA-background-high-light-8) !important;
}

.bcp-high-light-9 {
	--background-color-primary: var(--RGBA-background-high-light-9) !important;
}

.bcp-high-light-10 {
	--background-color-primary: var(--RGBA-background-high-light-10) !important;
}

.bcp-high-light-11 {
	--background-color-primary: var(--RGBA-background-high-light-11) !important;
}

.bcp-high-light-12 {
	--background-color-primary: var(--RGBA-background-high-light-12) !important;
}

.bcp-high-light-13 {
	--background-color-primary: var(--RGBA-background-high-light-13) !important;
}

.bcp-high-light-14 {
	--background-color-primary: var(--RGBA-background-high-light-14) !important;
}

.bcp-high-light-15 {
	--background-color-primary: var(--RGBA-background-high-light-15) !important;
}

.bcp-high-dark-1 {
	--background-color-primary: var(--RGBA-background-high-dark-1) !important;
}

.bcp-high-dark-2 {
	--background-color-primary: var(--RGBA-background-high-dark-2) !important;
}

.bcp-high-dark-3 {
	--background-color-primary: var(--RGBA-background-high-dark-3) !important;
}

.bcp-high-dark-4 {
	--background-color-primary: var(--RGBA-background-high-dark-4) !important;
}

.bcp-high-dark-5 {
	--background-color-primary: var(--RGBA-background-high-dark-5) !important;
}

.bcp-high-dark-6 {
	--background-color-primary: var(--RGBA-background-high-dark-6) !important;
}

.bcp-high-dark-7 {
	--background-color-primary: var(--RGBA-background-high-dark-7) !important;
}

.bcp-high-dark-8 {
	--background-color-primary: var(--RGBA-background-high-dark-8) !important;
}

.bcp-high-dark-9 {
	--background-color-primary: var(--RGBA-background-high-dark-9) !important;
}

.bcp-high-dark-10 {
	--background-color-primary: var(--RGBA-background-high-dark-10) !important;
}

.bcp-high-dark-11 {
	--background-color-primary: var(--RGBA-background-high-dark-11) !important;
}

.bcp-high-dark-12 {
	--background-color-primary: var(--RGBA-background-high-dark-12) !important;
}

.bcp-high-dark-13 {
	--background-color-primary: var(--RGBA-background-high-dark-13) !important;
}

.bcp-high-dark-14 {
	--background-color-primary: var(--RGBA-background-high-dark-14) !important;
}

.bcp-high-dark-15 {
	--background-color-primary: var(--RGBA-background-high-dark-15) !important;
}

.bcp-button-light-1 {
	--background-color-primary: var(--RGBA-background-button-light-1) !important;
}

.bcp-button-light-2 {
	--background-color-primary: var(--RGBA-background-button-light-2) !important;
}

.bcp-button-light-3 {
	--background-color-primary: var(--RGBA-background-button-light-3) !important;
}

.bcp-button-light-4 {
	--background-color-primary: var(--RGBA-background-button-light-4) !important;
}

.bcp-button-light-5 {
	--background-color-primary: var(--RGBA-background-button-light-5) !important;
}

.bcp-button-light-6 {
	--background-color-primary: var(--RGBA-background-button-light-6) !important;
}

.bcp-button-light-7 {
	--background-color-primary: var(--RGBA-background-button-light-7) !important;
}

.bcp-button-light-8 {
	--background-color-primary: var(--RGBA-background-button-light-8) !important;
}

.bcp-button-light-9 {
	--background-color-primary: var(--RGBA-background-button-light-9) !important;
}

.bcp-button-light-10 {
	--background-color-primary: var(--RGBA-background-button-light-10) !important;
}

.bcp-button-light-11 {
	--background-color-primary: var(--RGBA-background-button-light-11) !important;
}

.bcp-button-light-12 {
	--background-color-primary: var(--RGBA-background-button-light-12) !important;
}

.bcp-button-light-13 {
	--background-color-primary: var(--RGBA-background-button-light-13) !important;
}

.bcp-button-light-14 {
	--background-color-primary: var(--RGBA-background-button-light-14) !important;
}

.bcp-button-light-15 {
	--background-color-primary: var(--RGBA-background-button-light-15) !important;
}

.bcp-button-dark-1 {
	--background-color-primary: var(--RGBA-background-button-dark-1) !important;
}

.bcp-button-dark-2 {
	--background-color-primary: var(--RGBA-background-button-dark-2) !important;
}

.bcp-button-dark-3 {
	--background-color-primary: var(--RGBA-background-button-dark-3) !important;
}

.bcp-button-dark-4 {
	--background-color-primary: var(--RGBA-background-button-dark-4) !important;
}

.bcp-button-dark-5 {
	--background-color-primary: var(--RGBA-background-button-dark-5) !important;
}

.bcp-button-dark-6 {
	--background-color-primary: var(--RGBA-background-button-dark-6) !important;
}

.bcp-button-dark-7 {
	--background-color-primary: var(--RGBA-background-button-dark-7) !important;
}

.bcp-button-dark-8 {
	--background-color-primary: var(--RGBA-background-button-dark-8) !important;
}

.bcp-button-dark-9 {
	--background-color-primary: var(--RGBA-background-button-dark-9) !important;
}

.bcp-button-dark-10 {
	--background-color-primary: var(--RGBA-background-button-dark-10) !important;
}

.bcp-button-dark-11 {
	--background-color-primary: var(--RGBA-background-button-dark-11) !important;
}

.bcp-button-dark-12 {
	--background-color-primary: var(--RGBA-background-button-dark-12) !important;
}

.bcp-button-dark-13 {
	--background-color-primary: var(--RGBA-background-button-dark-13) !important;
}

.bcp-button-dark-14 {
	--background-color-primary: var(--RGBA-background-button-dark-14) !important;
}

.bcp-button-dark-15 {
	--background-color-primary: var(--RGBA-background-button-dark-15) !important;
}

.bcp-transparent {
	--background-color-primary: transparent !important;
}

.bcp-blue {
	--background-color-primary: var(--bs-blue) !important;
}
.bcp-blue-100 { --background-color-primary: var(--bs-blue-100) !important; }
.bcp-blue-200 { --background-color-primary: var(--bs-blue-200) !important; }
.bcp-blue-300 { --background-color-primary: var(--bs-blue-300) !important; }
.bcp-blue-400 { --background-color-primary: var(--bs-blue-400) !important; }
.bcp-blue-500 { --background-color-primary: var(--bs-blue-500) !important; }
.bcp-blue-600 { --background-color-primary: var(--bs-blue-600) !important; }
.bcp-blue-700 { --background-color-primary: var(--bs-blue-700) !important; }
.bcp-blue-800 { --background-color-primary: var(--bs-blue-800) !important; }
.bcp-blue-900 { --background-color-primary: var(--bs-blue-900) !important; }

.bcp-indigo {
	--background-color-primary: var(--bs-indigo) !important;
}
.bcp-indigo-100 { --background-color-primary: var(--bs-indigo-100) !important; }
.bcp-indigo-200 { --background-color-primary: var(--bs-indigo-200) !important; }
.bcp-indigo-300 { --background-color-primary: var(--bs-indigo-300) !important; }
.bcp-indigo-400 { --background-color-primary: var(--bs-indigo-400) !important; }
.bcp-indigo-500 { --background-color-primary: var(--bs-indigo-500) !important; }
.bcp-indigo-600 { --background-color-primary: var(--bs-indigo-600) !important; }
.bcp-indigo-700 { --background-color-primary: var(--bs-indigo-700) !important; }
.bcp-indigo-800 { --background-color-primary: var(--bs-indigo-800) !important; }
.bcp-indigo-900 { --background-color-primary: var(--bs-indigo-900) !important; }

.bcp-purple {
	--background-color-primary: var(--bs-purple) !important;
}
.bcp-purple-100 { --background-color-primary: var(--bs-purple-100) !important; }
.bcp-purple-200 { --background-color-primary: var(--bs-purple-200) !important; }
.bcp-purple-300 { --background-color-primary: var(--bs-purple-300) !important; }
.bcp-purple-400 { --background-color-primary: var(--bs-purple-400) !important; }
.bcp-purple-500 { --background-color-primary: var(--bs-purple-500) !important; }
.bcp-purple-600 { --background-color-primary: var(--bs-purple-600) !important; }
.bcp-purple-700 { --background-color-primary: var(--bs-purple-700) !important; }
.bcp-purple-800 { --background-color-primary: var(--bs-purple-800) !important; }
.bcp-purple-900 { --background-color-primary: var(--bs-purple-900) !important; }

.bcp-pink {
	--background-color-primary: var(--bs-pink) !important;
}
.bcp-pink-100 { --background-color-primary: var(--bs-pink-100) !important; }
.bcp-pink-200 { --background-color-primary: var(--bs-pink-200) !important; }
.bcp-pink-300 { --background-color-primary: var(--bs-pink-300) !important; }
.bcp-pink-400 { --background-color-primary: var(--bs-pink-400) !important; }
.bcp-pink-500 { --background-color-primary: var(--bs-pink-500) !important; }
.bcp-pink-600 { --background-color-primary: var(--bs-pink-600) !important; }
.bcp-pink-700 { --background-color-primary: var(--bs-pink-700) !important; }
.bcp-pink-800 { --background-color-primary: var(--bs-pink-800) !important; }
.bcp-pink-900 { --background-color-primary: var(--bs-pink-900) !important; }

.bcp-red {
	--background-color-primary: var(--bs-red) !important;
}
.bcp-red-100 { --background-color-primary: var(--bs-red-100) !important; }
.bcp-red-200 { --background-color-primary: var(--bs-red-200) !important; }
.bcp-red-300 { --background-color-primary: var(--bs-red-300) !important; }
.bcp-red-400 { --background-color-primary: var(--bs-red-400) !important; }
.bcp-red-500 { --background-color-primary: var(--bs-red-500) !important; }
.bcp-red-600 { --background-color-primary: var(--bs-red-600) !important; }
.bcp-red-700 { --background-color-primary: var(--bs-red-700) !important; }
.bcp-red-800 { --background-color-primary: var(--bs-red-800) !important; }
.bcp-red-900 { --background-color-primary: var(--bs-red-900) !important; }

.bcp-orange {
	--background-color-primary: var(--bs-orange) !important;
}
.bcp-orange-100 { --background-color-primary: var(--bs-orange-100) !important; }
.bcp-orange-200 { --background-color-primary: var(--bs-orange-200) !important; }
.bcp-orange-300 { --background-color-primary: var(--bs-orange-300) !important; }
.bcp-orange-400 { --background-color-primary: var(--bs-orange-400) !important; }
.bcp-orange-500 { --background-color-primary: var(--bs-orange-500) !important; }
.bcp-orange-600 { --background-color-primary: var(--bs-orange-600) !important; }
.bcp-orange-700 { --background-color-primary: var(--bs-orange-700) !important; }
.bcp-orange-800 { --background-color-primary: var(--bs-orange-800) !important; }
.bcp-orange-900 { --background-color-primary: var(--bs-orange-900) !important; }

.bcp-yellow {
	--background-color-primary: var(--bs-yellow) !important;
}

.bcp-yellow-100 { --background-color-primary: var(--bs-yellow-100) !important; }
.bcp-yellow-200 { --background-color-primary: var(--bs-yellow-200) !important; }
.bcp-yellow-300 { --background-color-primary: var(--bs-yellow-300) !important; }
.bcp-yellow-400 { --background-color-primary: var(--bs-yellow-400) !important; }
.bcp-yellow-500 { --background-color-primary: var(--bs-yellow-500) !important; }
.bcp-yellow-600 { --background-color-primary: var(--bs-yellow-600) !important; }
.bcp-yellow-700 { --background-color-primary: var(--bs-yellow-700) !important; }
.bcp-yellow-800 { --background-color-primary: var(--bs-yellow-800) !important; }
.bcp-yellow-900 { --background-color-primary: var(--bs-yellow-900) !important; }

.bcp-green {
	--background-color-primary: var(--bs-green) !important;
}
.bcp-green-100 { --background-color-primary: var(--bs-green-100) !important; }
.bcp-green-200 { --background-color-primary: var(--bs-green-200) !important; }
.bcp-green-300 { --background-color-primary: var(--bs-green-300) !important; }
.bcp-green-400 { --background-color-primary: var(--bs-green-400) !important; }
.bcp-green-500 { --background-color-primary: var(--bs-green-500) !important; }
.bcp-green-600 { --background-color-primary: var(--bs-green-600) !important; }
.bcp-green-700 { --background-color-primary: var(--bs-green-700) !important; }
.bcp-green-800 { --background-color-primary: var(--bs-green-800) !important; }
.bcp-green-900 { --background-color-primary: var(--bs-green-900) !important; }

.bcp-teal {
	--background-color-primary: var(--bs-teal) !important;
}
.bcp-teal-100 { --background-color-primary: var(--bs-teal-100) !important; }
.bcp-teal-200 { --background-color-primary: var(--bs-teal-200) !important; }
.bcp-teal-300 { --background-color-primary: var(--bs-teal-300) !important; }
.bcp-teal-400 { --background-color-primary: var(--bs-teal-400) !important; }
.bcp-teal-500 { --background-color-primary: var(--bs-teal-500) !important; }
.bcp-teal-600 { --background-color-primary: var(--bs-teal-600) !important; }
.bcp-teal-700 { --background-color-primary: var(--bs-teal-700) !important; }
.bcp-teal-800 { --background-color-primary: var(--bs-teal-800) !important; }
.bcp-teal-900 { --background-color-primary: var(--bs-teal-900) !important; }

.bcp-cyan {
	--background-color-primary: var(--bs-cyan) !important;
}
.bcp-cyan-100 { --background-color-primary: var(--bs-cyan-100) !important; }
.bcp-cyan-200 { --background-color-primary: var(--bs-cyan-200) !important; }
.bcp-cyan-300 { --background-color-primary: var(--bs-cyan-300) !important; }
.bcp-cyan-400 { --background-color-primary: var(--bs-cyan-400) !important; }
.bcp-cyan-500 { --background-color-primary: var(--bs-cyan-500) !important; }
.bcp-cyan-600 { --background-color-primary: var(--bs-cyan-600) !important; }
.bcp-cyan-700 { --background-color-primary: var(--bs-cyan-700) !important; }
.bcp-cyan-800 { --background-color-primary: var(--bs-cyan-800) !important; }
.bcp-cyan-900 { --background-color-primary: var(--bs-cyan-900) !important; }

.bcp-black {
	--background-color-primary: var(--bs-black) !important;
}

.bcp-white {
	--background-color-primary: var(--bs-white) !important;
}

.bcp-gray {
	--background-color-primary: var(--bs-gray) !important;
}

.bcp-gray-100 {
	--background-color-primary: var(--bs-gray-100) !important;
}

.bcp-gray-200 {
	--background-color-primary: var(--bs-gray-200) !important;
}

.bcp-gray-300 {
	--background-color-primary: var(--bs-gray-300) !important;
}

.bcp-gray-400 {
	--background-color-primary: var(--bs-gray-400) !important;
}

.bcp-gray-500 {
	--background-color-primary: var(--bs-gray-500) !important;
}

.bcp-gray-600 {
	--background-color-primary: var(--bs-gray-600) !important;
}

.bcp-gray-700 {
	--background-color-primary: var(--bs-gray-700) !important;
}

.bcp-gray-800 {
	--background-color-primary: var(--bs-gray-800) !important;
}

.bcp-gray-900 {
	--background-color-primary: var(--bs-gray-900) !important;
}

.bcp-whatsapp {
	--background-color-primary: var(--color-whatsapp) !important;
}

/* #endregion	BACKGROUND COLOR PRIMARY */

/* #region		BACKGROUND COLOR SECONDARY */

.bcs-low-light-1 {
	--background-color-secondary: var(--RGBA-background-low-light-1) !important;
}

.bcs-low-light-2 {
	--background-color-secondary: var(--RGBA-background-low-light-2) !important;
}

.bcs-low-light-3 {
	--background-color-secondary: var(--RGBA-background-low-light-3) !important;
}

.bcs-low-light-4 {
	--background-color-secondary: var(--RGBA-background-low-light-4) !important;
}

.bcs-low-light-5 {
	--background-color-secondary: var(--RGBA-background-low-light-5) !important;
}

.bcs-low-light-6 {
	--background-color-secondary: var(--RGBA-background-low-light-6) !important;
}

.bcs-low-light-7 {
	--background-color-secondary: var(--RGBA-background-low-light-7) !important;
}

.bcs-low-light-8 {
	--background-color-secondary: var(--RGBA-background-low-light-8) !important;
}

.bcs-low-light-9 {
	--background-color-secondary: var(--RGBA-background-low-light-9) !important;
}

.bcs-low-light-10 {
	--background-color-secondary: var(--RGBA-background-low-light-10) !important;
}

.bcs-low-light-11 {
	--background-color-secondary: var(--RGBA-background-low-light-11) !important;
}

.bcs-low-light-12 {
	--background-color-secondary: var(--RGBA-background-low-light-12) !important;
}

.bcs-low-light-13 {
	--background-color-secondary: var(--RGBA-background-low-light-13) !important;
}

.bcs-low-light-14 {
	--background-color-secondary: var(--RGBA-background-low-light-14) !important;
}

.bcs-low-light-15 {
	--background-color-secondary: var(--RGBA-background-low-light-15) !important;
}

.bcs-low-dark-1 {
	--background-color-secondary: var(--RGBA-background-low-dark-1) !important;
}

.bcs-low-dark-2 {
	--background-color-secondary: var(--RGBA-background-low-dark-2) !important;
}

.bcs-low-dark-3 {
	--background-color-secondary: var(--RGBA-background-low-dark-3) !important;
}

.bcs-low-dark-4 {
	--background-color-secondary: var(--RGBA-background-low-dark-4) !important;
}

.bcs-low-dark-5 {
	--background-color-secondary: var(--RGBA-background-low-dark-5) !important;
}

.bcs-low-dark-6 {
	--background-color-secondary: var(--RGBA-background-low-dark-6) !important;
}

.bcs-low-dark-7 {
	--background-color-secondary: var(--RGBA-background-low-dark-7) !important;
}

.bcs-low-dark-8 {
	--background-color-secondary: var(--RGBA-background-low-dark-8) !important;
}

.bcs-low-dark-9 {
	--background-color-secondary: var(--RGBA-background-low-dark-9) !important;
}

.bcs-low-dark-10 {
	--background-color-secondary: var(--RGBA-background-low-dark-10) !important;
}

.bcs-low-dark-11 {
	--background-color-secondary: var(--RGBA-background-low-dark-11) !important;
}

.bcs-low-dark-12 {
	--background-color-secondary: var(--RGBA-background-low-dark-12) !important;
}

.bcs-low-dark-13 {
	--background-color-secondary: var(--RGBA-background-low-dark-13) !important;
}

.bcs-low-dark-14 {
	--background-color-secondary: var(--RGBA-background-low-dark-14) !important;
}

.bcs-low-dark-15 {
	--background-color-secondary: var(--RGBA-background-low-dark-15) !important;
}

.bcs-high-light-1 {
	--background-color-secondary: var(--RGBA-background-high-light-1) !important;
}

.bcs-high-light-2 {
	--background-color-secondary: var(--RGBA-background-high-light-2) !important;
}

.bcs-high-light-3 {
	--background-color-secondary: var(--RGBA-background-high-light-3) !important;
}

.bcs-high-light-4 {
	--background-color-secondary: var(--RGBA-background-high-light-4) !important;
}

.bcs-high-light-5 {
	--background-color-secondary: var(--RGBA-background-high-light-5) !important;
}

.bcs-high-light-6 {
	--background-color-secondary: var(--RGBA-background-high-light-6) !important;
}

.bcs-high-light-7 {
	--background-color-secondary: var(--RGBA-background-high-light-7) !important;
}

.bcs-high-light-8 {
	--background-color-secondary: var(--RGBA-background-high-light-8) !important;
}

.bcs-high-light-9 {
	--background-color-secondary: var(--RGBA-background-high-light-9) !important;
}

.bcs-high-light-10 {
	--background-color-secondary: var(--RGBA-background-high-light-10) !important;
}

.bcs-high-light-11 {
	--background-color-secondary: var(--RGBA-background-high-light-11) !important;
}

.bcs-high-light-12 {
	--background-color-secondary: var(--RGBA-background-high-light-12) !important;
}

.bcs-high-light-13 {
	--background-color-secondary: var(--RGBA-background-high-light-13) !important;
}

.bcs-high-light-14 {
	--background-color-secondary: var(--RGBA-background-high-light-14) !important;
}

.bcs-high-light-15 {
	--background-color-secondary: var(--RGBA-background-high-light-15) !important;
}

.bcs-high-dark-1 {
	--background-color-secondary: var(--RGBA-background-high-dark-1) !important;
}

.bcs-high-dark-2 {
	--background-color-secondary: var(--RGBA-background-high-dark-2) !important;
}

.bcs-high-dark-3 {
	--background-color-secondary: var(--RGBA-background-high-dark-3) !important;
}

.bcs-high-dark-4 {
	--background-color-secondary: var(--RGBA-background-high-dark-4) !important;
}

.bcs-high-dark-5 {
	--background-color-secondary: var(--RGBA-background-high-dark-5) !important;
}

.bcs-high-dark-6 {
	--background-color-secondary: var(--RGBA-background-high-dark-6) !important;
}

.bcs-high-dark-7 {
	--background-color-secondary: var(--RGBA-background-high-dark-7) !important;
}

.bcs-high-dark-8 {
	--background-color-secondary: var(--RGBA-background-high-dark-8) !important;
}

.bcs-high-dark-9 {
	--background-color-secondary: var(--RGBA-background-high-dark-9) !important;
}

.bcs-high-dark-10 {
	--background-color-secondary: var(--RGBA-background-high-dark-10) !important;
}

.bcs-high-dark-11 {
	--background-color-secondary: var(--RGBA-background-high-dark-11) !important;
}

.bcs-high-dark-12 {
	--background-color-secondary: var(--RGBA-background-high-dark-12) !important;
}

.bcs-high-dark-13 {
	--background-color-secondary: var(--RGBA-background-high-dark-13) !important;
}

.bcs-high-dark-14 {
	--background-color-secondary: var(--RGBA-background-high-dark-14) !important;
}

.bcs-high-dark-15 {
	--background-color-secondary: var(--RGBA-background-high-dark-15) !important;
}

.bcs-button-light-1 {
	--background-color-secondary: var(--RGBA-background-button-light-1) !important;
}

.bcs-button-light-2 {
	--background-color-secondary: var(--RGBA-background-button-light-2) !important;
}

.bcs-button-light-3 {
	--background-color-secondary: var(--RGBA-background-button-light-3) !important;
}

.bcs-button-light-4 {
	--background-color-secondary: var(--RGBA-background-button-light-4) !important;
}

.bcs-button-light-5 {
	--background-color-secondary: var(--RGBA-background-button-light-5) !important;
}

.bcs-button-light-6 {
	--background-color-secondary: var(--RGBA-background-button-light-6) !important;
}

.bcs-button-light-7 {
	--background-color-secondary: var(--RGBA-background-button-light-7) !important;
}

.bcs-button-light-8 {
	--background-color-secondary: var(--RGBA-background-button-light-8) !important;
}

.bcs-button-light-9 {
	--background-color-secondary: var(--RGBA-background-button-light-9) !important;
}

.bcs-button-light-10 {
	--background-color-secondary: var(--RGBA-background-button-light-10) !important;
}

.bcs-button-light-11 {
	--background-color-secondary: var(--RGBA-background-button-light-11) !important;
}

.bcs-button-light-12 {
	--background-color-secondary: var(--RGBA-background-button-light-12) !important;
}

.bcs-button-light-13 {
	--background-color-secondary: var(--RGBA-background-button-light-13) !important;
}

.bcs-button-light-14 {
	--background-color-secondary: var(--RGBA-background-button-light-14) !important;
}

.bcs-button-light-15 {
	--background-color-secondary: var(--RGBA-background-button-light-15) !important;
}

.bcs-button-dark-1 {
	--background-color-secondary: var(--RGBA-background-button-dark-1) !important;
}

.bcs-button-dark-2 {
	--background-color-secondary: var(--RGBA-background-button-dark-2) !important;
}

.bcs-button-dark-3 {
	--background-color-secondary: var(--RGBA-background-button-dark-3) !important;
}

.bcs-button-dark-4 {
	--background-color-secondary: var(--RGBA-background-button-dark-4) !important;
}

.bcs-button-dark-5 {
	--background-color-secondary: var(--RGBA-background-button-dark-5) !important;
}

.bcs-button-dark-6 {
	--background-color-secondary: var(--RGBA-background-button-dark-6) !important;
}

.bcs-button-dark-7 {
	--background-color-secondary: var(--RGBA-background-button-dark-7) !important;
}

.bcs-button-dark-8 {
	--background-color-secondary: var(--RGBA-background-button-dark-8) !important;
}

.bcs-button-dark-9 {
	--background-color-secondary: var(--RGBA-background-button-dark-9) !important;
}

.bcs-button-dark-10 {
	--background-color-secondary: var(--RGBA-background-button-dark-10) !important;
}

.bcs-button-dark-11 {
	--background-color-secondary: var(--RGBA-background-button-dark-11) !important;
}

.bcs-button-dark-12 {
	--background-color-secondary: var(--RGBA-background-button-dark-12) !important;
}

.bcs-button-dark-13 {
	--background-color-secondary: var(--RGBA-background-button-dark-13) !important;
}

.bcs-button-dark-14 {
	--background-color-secondary: var(--RGBA-background-button-dark-14) !important;
}

.bcs-button-dark-15 {
	--background-color-secondary: var(--RGBA-background-button-dark-15) !important;
}

.bcs-transparent {
	--background-color-secondary: transparent !important;
}

.bcs-blue {
	--background-color-secondary: var(--bs-blue) !important;
}
.bcs-blue-100 { --background-color-secondary: var(--bs-blue-100) !important; }
.bcs-blue-200 { --background-color-secondary: var(--bs-blue-200) !important; }
.bcs-blue-300 { --background-color-secondary: var(--bs-blue-300) !important; }
.bcs-blue-400 { --background-color-secondary: var(--bs-blue-400) !important; }
.bcs-blue-500 { --background-color-secondary: var(--bs-blue-500) !important; }
.bcs-blue-600 { --background-color-secondary: var(--bs-blue-600) !important; }
.bcs-blue-700 { --background-color-secondary: var(--bs-blue-700) !important; }
.bcs-blue-800 { --background-color-secondary: var(--bs-blue-800) !important; }
.bcs-blue-900 { --background-color-secondary: var(--bs-blue-900) !important; }

.bcs-indigo {
	--background-color-secondary: var(--bs-indigo) !important;
}
.bcs-indigo-100 { --background-color-secondary: var(--bs-indigo-100) !important; }
.bcs-indigo-200 { --background-color-secondary: var(--bs-indigo-200) !important; }
.bcs-indigo-300 { --background-color-secondary: var(--bs-indigo-300) !important; }
.bcs-indigo-400 { --background-color-secondary: var(--bs-indigo-400) !important; }
.bcs-indigo-500 { --background-color-secondary: var(--bs-indigo-500) !important; }
.bcs-indigo-600 { --background-color-secondary: var(--bs-indigo-600) !important; }
.bcs-indigo-700 { --background-color-secondary: var(--bs-indigo-700) !important; }
.bcs-indigo-800 { --background-color-secondary: var(--bs-indigo-800) !important; }
.bcs-indigo-900 { --background-color-secondary: var(--bs-indigo-900) !important; }

.bcs-purple {
	--background-color-secondary: var(--bs-purple) !important;
}
.bcs-purple-100 { --background-color-secondary: var(--bs-purple-100) !important; }
.bcs-purple-200 { --background-color-secondary: var(--bs-purple-200) !important; }
.bcs-purple-300 { --background-color-secondary: var(--bs-purple-300) !important; }
.bcs-purple-400 { --background-color-secondary: var(--bs-purple-400) !important; }
.bcs-purple-500 { --background-color-secondary: var(--bs-purple-500) !important; }
.bcs-purple-600 { --background-color-secondary: var(--bs-purple-600) !important; }
.bcs-purple-700 { --background-color-secondary: var(--bs-purple-700) !important; }
.bcs-purple-800 { --background-color-secondary: var(--bs-purple-800) !important; }
.bcs-purple-900 { --background-color-secondary: var(--bs-purple-900) !important; }

.bcs-pink {
	--background-color-secondary: var(--bs-pink) !important;
}
.bcs-pink-100 { --background-color-secondary: var(--bs-pink-100) !important; }
.bcs-pink-200 { --background-color-secondary: var(--bs-pink-200) !important; }
.bcs-pink-300 { --background-color-secondary: var(--bs-pink-300) !important; }
.bcs-pink-400 { --background-color-secondary: var(--bs-pink-400) !important; }
.bcs-pink-500 { --background-color-secondary: var(--bs-pink-500) !important; }
.bcs-pink-600 { --background-color-secondary: var(--bs-pink-600) !important; }
.bcs-pink-700 { --background-color-secondary: var(--bs-pink-700) !important; }
.bcs-pink-800 { --background-color-secondary: var(--bs-pink-800) !important; }
.bcs-pink-900 { --background-color-secondary: var(--bs-pink-900) !important; }

.bcs-red {
	--background-color-secondary: var(--bs-red) !important;
}
.bcs-red-100 { --background-color-secondary: var(--bs-red-100) !important; }
.bcs-red-200 { --background-color-secondary: var(--bs-red-200) !important; }
.bcs-red-300 { --background-color-secondary: var(--bs-red-300) !important; }
.bcs-red-400 { --background-color-secondary: var(--bs-red-400) !important; }
.bcs-red-500 { --background-color-secondary: var(--bs-red-500) !important; }
.bcs-red-600 { --background-color-secondary: var(--bs-red-600) !important; }
.bcs-red-700 { --background-color-secondary: var(--bs-red-700) !important; }
.bcs-red-800 { --background-color-secondary: var(--bs-red-800) !important; }
.bcs-red-900 { --background-color-secondary: var(--bs-red-900) !important; }

.bcs-orange {
	--background-color-secondary: var(--bs-orange) !important;
}
.bcs-orange-100 { --background-color-secondary: var(--bs-orange-100) !important; }
.bcs-orange-200 { --background-color-secondary: var(--bs-orange-200) !important; }
.bcs-orange-300 { --background-color-secondary: var(--bs-orange-300) !important; }
.bcs-orange-400 { --background-color-secondary: var(--bs-orange-400) !important; }
.bcs-orange-500 { --background-color-secondary: var(--bs-orange-500) !important; }
.bcs-orange-600 { --background-color-secondary: var(--bs-orange-600) !important; }
.bcs-orange-700 { --background-color-secondary: var(--bs-orange-700) !important; }
.bcs-orange-800 { --background-color-secondary: var(--bs-orange-800) !important; }
.bcs-orange-900 { --background-color-secondary: var(--bs-orange-900) !important; }

.bcs-yellow {
	--background-color-secondary: var(--bs-yellow) !important;
}

.bcs-yellow-100 { --background-color-secondary: var(--bs-yellow-100) !important; }
.bcs-yellow-200 { --background-color-secondary: var(--bs-yellow-200) !important; }
.bcs-yellow-300 { --background-color-secondary: var(--bs-yellow-300) !important; }
.bcs-yellow-400 { --background-color-secondary: var(--bs-yellow-400) !important; }
.bcs-yellow-500 { --background-color-secondary: var(--bs-yellow-500) !important; }
.bcs-yellow-600 { --background-color-secondary: var(--bs-yellow-600) !important; }
.bcs-yellow-700 { --background-color-secondary: var(--bs-yellow-700) !important; }
.bcs-yellow-800 { --background-color-secondary: var(--bs-yellow-800) !important; }
.bcs-yellow-900 { --background-color-secondary: var(--bs-yellow-900) !important; }

.bcs-green {
	--background-color-secondary: var(--bs-green) !important;
}
.bcs-green-100 { --background-color-secondary: var(--bs-green-100) !important; }
.bcs-green-200 { --background-color-secondary: var(--bs-green-200) !important; }
.bcs-green-300 { --background-color-secondary: var(--bs-green-300) !important; }
.bcs-green-400 { --background-color-secondary: var(--bs-green-400) !important; }
.bcs-green-500 { --background-color-secondary: var(--bs-green-500) !important; }
.bcs-green-600 { --background-color-secondary: var(--bs-green-600) !important; }
.bcs-green-700 { --background-color-secondary: var(--bs-green-700) !important; }
.bcs-green-800 { --background-color-secondary: var(--bs-green-800) !important; }
.bcs-green-900 { --background-color-secondary: var(--bs-green-900) !important; }

.bcs-teal {
	--background-color-secondary: var(--bs-teal) !important;
}
.bcs-teal-100 { --background-color-secondary: var(--bs-teal-100) !important; }
.bcs-teal-200 { --background-color-secondary: var(--bs-teal-200) !important; }
.bcs-teal-300 { --background-color-secondary: var(--bs-teal-300) !important; }
.bcs-teal-400 { --background-color-secondary: var(--bs-teal-400) !important; }
.bcs-teal-500 { --background-color-secondary: var(--bs-teal-500) !important; }
.bcs-teal-600 { --background-color-secondary: var(--bs-teal-600) !important; }
.bcs-teal-700 { --background-color-secondary: var(--bs-teal-700) !important; }
.bcs-teal-800 { --background-color-secondary: var(--bs-teal-800) !important; }
.bcs-teal-900 { --background-color-secondary: var(--bs-teal-900) !important; }

.bcs-cyan {
	--background-color-secondary: var(--bs-cyan) !important;
}
.bcs-cyan-100 { --background-color-secondary: var(--bs-cyan-100) !important; }
.bcs-cyan-200 { --background-color-secondary: var(--bs-cyan-200) !important; }
.bcs-cyan-300 { --background-color-secondary: var(--bs-cyan-300) !important; }
.bcs-cyan-400 { --background-color-secondary: var(--bs-cyan-400) !important; }
.bcs-cyan-500 { --background-color-secondary: var(--bs-cyan-500) !important; }
.bcs-cyan-600 { --background-color-secondary: var(--bs-cyan-600) !important; }
.bcs-cyan-700 { --background-color-secondary: var(--bs-cyan-700) !important; }
.bcs-cyan-800 { --background-color-secondary: var(--bs-cyan-800) !important; }
.bcs-cyan-900 { --background-color-secondary: var(--bs-cyan-900) !important; }

.bcs-black {
	--background-color-secondary: var(--bs-black) !important;
}

.bcs-white {
	--background-color-secondary: var(--bs-white) !important;
}

.bcs-gray {
	--background-color-secondary: var(--bs-gray) !important;
}

.bcs-gray-100 {
	--background-color-secondary: var(--bs-gray-100) !important;
}

.bcs-gray-200 {
	--background-color-secondary: var(--bs-gray-200) !important;
}

.bcs-gray-300 {
	--background-color-secondary: var(--bs-gray-300) !important;
}

.bcs-gray-400 {
	--background-color-secondary: var(--bs-gray-400) !important;
}

.bcs-gray-500 {
	--background-color-secondary: var(--bs-gray-500) !important;
}

.bcs-gray-600 {
	--background-color-secondary: var(--bs-gray-600) !important;
}

.bcs-gray-700 {
	--background-color-secondary: var(--bs-gray-700) !important;
}

.bcs-gray-800 {
	--background-color-secondary: var(--bs-gray-800) !important;
}

.bcs-gray-900 {
	--background-color-secondary: var(--bs-gray-900) !important;
}

.bcs-whatsapp {
	--background-color-secondary: var(--color-whatsapp) !important;
}

/* #endregion	BACKGROUND COLOR SECONDARY */

/* #region		BACKGROUND COLOR DIRECTION */

.bcd-45 {
	--background-color-direction: 45deg !important;
}

.bcd-135 {
	--background-color-direction: 135deg !important;
}

.bcd-225 {
	--background-color-direction: 225deg !important;
}

.bcd-315 {
	--background-color-direction: 315deg !important;
}

.bcd-start {
	--background-color-direction: to right !important;
}

.bcd-top {
	--background-color-direction: to bottom !important;
}

.bcd-end {
	--background-color-direction: to left !important;
}

.bcd-bottom {
	--background-color-direction: to top !important;
}

/* #endregion	BACKGROUND COLOR GRADIENT */

/* #region		BORDER COLOR */

/* Fallback color */
[class^='bocp-'],
[class*=' bocp-'] {
	--border-color-primary: transparent; 
}

/* Element has primary color but no secondary color (has no gradient) */
[class^='bocp-']:not([class*=' bocs-']),
[class*=' bocp-']:not([class^='bocs-']):not([class*=' bocs-']) {	
	border-color: var(--border-color-primary) !important;
}

/* Element has secondary color (has gradient) */
/*	border-color takes no gradient, and the usual background-clip recipe needs
	background-image — already spoken for here by bcs-* gradients and bg-image.
	The gradient is painted on ::after, which no framework component uses */
[class^='bocs-'],
[class*=' bocs-'] {
	border-color				: transparent !important;
	position					: relative;
	--border-color-primary		: transparent;
	--border-color-secondary	: transparent;
	--border-gradient-direction	: to right;
}

/* All four sides: a hollow ring, so it follows border-radius and shows what is behind */
/*	:where() keeps this at its original specificity — plain :not(hr) would outrank
	the .border-0 guard below and revive the ring it exists to suppress */
[class^='bocs-'].border:not(:where(hr))::after,
[class*=' bocs-'].border:not(:where(hr))::after {
	background				: linear-gradient(var(--border-gradient-direction), var(--border-color-primary), var(--border-color-secondary));
	border-radius			: inherit;
	content					: '';
	inset					: 0;
	padding					: var(--bs-border-width, 1px);
	pointer-events			: none;
	position				: absolute;
	-webkit-mask			: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite	: xor;
	mask-composite			: exclude;
}

/* One side: a bar, which needs no mask */
[class^='bocs-'].border-top::after,
[class*=' bocs-'].border-top::after,
[class^='bocs-'].border-bottom::after,
[class*=' bocs-'].border-bottom::after,
[class^='bocs-'].border-start::after,
[class*=' bocs-'].border-start::after,
[class^='bocs-'].border-end::after,
[class*=' bocs-'].border-end::after {
	background		: linear-gradient(var(--border-gradient-direction), var(--border-color-primary), var(--border-color-secondary));
	content			: '';
	pointer-events	: none;
	position		: absolute;
}

[class^='bocs-'].border-top::after,
[class*=' bocs-'].border-top::after {
	height	: var(--bs-border-width, 1px);
	left	: 0;
	right	: 0;
	top		: 0;
}

[class^='bocs-'].border-bottom::after,
[class*=' bocs-'].border-bottom::after {
	bottom	: 0;
	height	: var(--bs-border-width, 1px);
	left	: 0;
	right	: 0;
}

[class^='bocs-'].border-start::after,
[class*=' bocs-'].border-start::after {
	bottom	: 0;
	left	: 0;
	top		: 0;
	width	: var(--bs-border-width, 1px);
}

[class^='bocs-'].border-end::after,
[class*=' bocs-'].border-end::after {
	bottom	: 0;
	right	: 0;
	top		: 0;
	width	: var(--bs-border-width, 1px);
}

/*	Blink's UA sheet gives <hr> overflow: hidden, and between its two borders the
	padding box is zero-height — which is what overflow clips against, so the bar
	below would be cropped away entirely */
hr[class*=' bocs-'] {
	overflow: visible;
}

/*	An <hr> is a zero-height box, so the ring collapses to a double-thick bar — and
	with no Border at all nothing paints, while bocs-* has already zeroed the
	reboot's border-top. Both resolve to the top bar; an explicit side still wins */
hr[class*=' bocs-']:not(.border-0, [class*=' border-top'], [class*=' border-bottom'], [class*=' border-start'], [class*=' border-end'])::after {
	background		: linear-gradient(var(--border-gradient-direction), var(--border-color-primary), var(--border-color-secondary));
	content			: '';
	height			: var(--bs-border-width, 1px);
	left			: 0;
	pointer-events	: none;
	position		: absolute;
	right			: 0;
	top				: 0;
}

/*	Border::*_0 emits `border border-0`, and bootstrap's `.border-0` zeroes the
	border without zeroing --bs-border-width — so the gradient would keep painting
	the 1px the :root default carries */
[class^='bocs-'].border-0::after,
[class*=' bocs-'].border-0::after {
	content: none;
}

/* #endregion	BORDER COLOR */

/* #region		BORDER GRADIENT DIRECTION */

.bogd-45 {
	--border-gradient-direction: 45deg !important;
}

.bogd-135 {
	--border-gradient-direction: 135deg !important;
}

.bogd-225 {
	--border-gradient-direction: 225deg !important;
}

.bogd-315 {
	--border-gradient-direction: 315deg !important;
}

.bogd-start {
	--border-gradient-direction: to right !important;
}

.bogd-end {
	--border-gradient-direction: to left !important;
}

.bogd-top {
	--border-gradient-direction: to bottom !important;
}

.bogd-bottom {
	--border-gradient-direction: to top !important;
}

/* #endregion	BORDER GRADIENT DIRECTION */

/* #region		GLOW & DROP SHADOW */

/*	Same two CSS properties throughout: a glow is zero-offset and colored, a drop
	shadow is offset down and dark. filter: drop-shadow() would follow the alpha
	shape, but filter is already spoken for by the blur-* classes */
[class^='glow-'],
[class*=' glow-'],
[class^='ds-'],
[class*=' ds-'] {
	--shadow-color: currentColor;
}

/*	A shadow is drawn outside its own element, so the box wrapping it is the one
	that crops it — .box is overflow: hidden to keep backdrop images inside the
	border box, and that squares off a rounded glow. Traded only where it bites */
.box:has(.glow-1, .glow-2, .glow-3, .glow-4, .glow-5),
.box:has(.ds-1, .ds-2, .ds-3, .ds-4, .ds-5) {
	overflow: visible !important;
}

/*	Same crop, and the reason an open dropdown inside a .box — the navbar state is
	one — showed only its first item. Scoped to `.show`, so the box is uncropped
	while a menu is open and clipping again the moment it closes */
.box:has(.dropdown-menu.show) {
	overflow: visible !important;
}

/*	The backdrop is a square inset: 0 sheet — its rounding was never its own, it
	came from the crop above. Give it the radius so uncropping costs nothing */
.box:has(.glow-1, .glow-2, .glow-3, .glow-4, .glow-5) .backdrop,
.box:has(.ds-1, .ds-2, .ds-3, .ds-4, .ds-5) .backdrop,
.box:has(.dropdown-menu.show) .backdrop {
	border-radius: inherit !important;
}

:not(.box).glow-1 {
	text-shadow	: 0 0 var(--glow-1) var(--shadow-color), 0 0 calc(var(--glow-1) * 2.5) var(--shadow-color) !important;
}

.box.glow-1 {
	box-shadow	: 0 0 var(--glow-1) var(--shadow-color), 0 0 calc(var(--glow-1) * 2.5) var(--shadow-color) !important;
}

:not(.box).glow-2 {
	text-shadow	: 0 0 var(--glow-2) var(--shadow-color), 0 0 calc(var(--glow-2) * 2.5) var(--shadow-color) !important;
}

.box.glow-2 {
	box-shadow	: 0 0 var(--glow-2) var(--shadow-color), 0 0 calc(var(--glow-2) * 2.5) var(--shadow-color) !important;
}

:not(.box).glow-3 {
	text-shadow	: 0 0 var(--glow-3) var(--shadow-color), 0 0 calc(var(--glow-3) * 2.5) var(--shadow-color) !important;
}

.box.glow-3 {
	box-shadow	: 0 0 var(--glow-3) var(--shadow-color), 0 0 calc(var(--glow-3) * 2.5) var(--shadow-color) !important;
}

:not(.box).glow-4 {
	text-shadow	: 0 0 var(--glow-4) var(--shadow-color), 0 0 calc(var(--glow-4) * 2.5) var(--shadow-color) !important;
}

.box.glow-4 {
	box-shadow	: 0 0 var(--glow-4) var(--shadow-color), 0 0 calc(var(--glow-4) * 2.5) var(--shadow-color) !important;
}

:not(.box).glow-5 {
	text-shadow	: 0 0 var(--glow-5) var(--shadow-color), 0 0 calc(var(--glow-5) * 2.5) var(--shadow-color) !important;
}

.box.glow-5 {
	box-shadow	: 0 0 var(--glow-5) var(--shadow-color), 0 0 calc(var(--glow-5) * 2.5) var(--shadow-color) !important;
}

:not(.box).ds-1 {
	text-shadow	: 0 var(--drop-shadow-1) calc(var(--drop-shadow-1) * 1.5) var(--shadow-color) !important;
}

.box.ds-1 {
	box-shadow	: 0 var(--drop-shadow-1) calc(var(--drop-shadow-1) * 2) var(--shadow-color) !important;
}

:not(.box).ds-2 {
	text-shadow	: 0 var(--drop-shadow-2) calc(var(--drop-shadow-2) * 1.5) var(--shadow-color) !important;
}

.box.ds-2 {
	box-shadow	: 0 var(--drop-shadow-2) calc(var(--drop-shadow-2) * 2) var(--shadow-color) !important;
}

:not(.box).ds-3 {
	text-shadow	: 0 var(--drop-shadow-3) calc(var(--drop-shadow-3) * 1.5) var(--shadow-color) !important;
}

.box.ds-3 {
	box-shadow	: 0 var(--drop-shadow-3) calc(var(--drop-shadow-3) * 2) var(--shadow-color) !important;
}

:not(.box).ds-4 {
	text-shadow	: 0 var(--drop-shadow-4) calc(var(--drop-shadow-4) * 1.5) var(--shadow-color) !important;
}

.box.ds-4 {
	box-shadow	: 0 var(--drop-shadow-4) calc(var(--drop-shadow-4) * 2) var(--shadow-color) !important;
}

:not(.box).ds-5 {
	text-shadow	: 0 var(--drop-shadow-5) calc(var(--drop-shadow-5) * 1.5) var(--shadow-color) !important;
}

.box.ds-5 {
	box-shadow	: 0 var(--drop-shadow-5) calc(var(--drop-shadow-5) * 2) var(--shadow-color) !important;
}

/* #endregion	GLOW & DROP SHADOW */

/* #region		SHADOW COLOR */

.shc-large-light-1 {
	--shadow-color: var(--RGBA-text-large-light-1) !important;
}

.shc-large-light-2 {
	--shadow-color: var(--RGBA-text-large-light-2) !important;
}

.shc-large-light-3 {
	--shadow-color: var(--RGBA-text-large-light-3) !important;
}

.shc-large-light-4 {
	--shadow-color: var(--RGBA-text-large-light-4) !important;
}

.shc-large-light-5 {
	--shadow-color: var(--RGBA-text-large-light-5) !important;
}

.shc-large-light-6 {
	--shadow-color: var(--RGBA-text-large-light-6) !important;
}

.shc-large-light-7 {
	--shadow-color: var(--RGBA-text-large-light-7) !important;
}

.shc-large-light-8 {
	--shadow-color: var(--RGBA-text-large-light-8) !important;
}

.shc-large-light-9 {
	--shadow-color: var(--RGBA-text-large-light-9) !important;
}

.shc-large-light-10 {
	--shadow-color: var(--RGBA-text-large-light-10) !important;
}

.shc-large-light-11 {
	--shadow-color: var(--RGBA-text-large-light-11) !important;
}

.shc-large-light-12 {
	--shadow-color: var(--RGBA-text-large-light-12) !important;
}

.shc-large-light-13 {
	--shadow-color: var(--RGBA-text-large-light-13) !important;
}

.shc-large-light-14 {
	--shadow-color: var(--RGBA-text-large-light-14) !important;
}

.shc-large-light-15 {
	--shadow-color: var(--RGBA-text-large-light-15) !important;
}

.shc-large-dark-1 {
	--shadow-color: var(--RGBA-text-large-dark-1) !important;
}

.shc-large-dark-2 {
	--shadow-color: var(--RGBA-text-large-dark-2) !important;
}

.shc-large-dark-3 {
	--shadow-color: var(--RGBA-text-large-dark-3) !important;
}

.shc-large-dark-4 {
	--shadow-color: var(--RGBA-text-large-dark-4) !important;
}

.shc-large-dark-5 {
	--shadow-color: var(--RGBA-text-large-dark-5) !important;
}

.shc-large-dark-6 {
	--shadow-color: var(--RGBA-text-large-dark-6) !important;
}

.shc-large-dark-7 {
	--shadow-color: var(--RGBA-text-large-dark-7) !important;
}

.shc-large-dark-8 {
	--shadow-color: var(--RGBA-text-large-dark-8) !important;
}

.shc-large-dark-9 {
	--shadow-color: var(--RGBA-text-large-dark-9) !important;
}

.shc-large-dark-10 {
	--shadow-color: var(--RGBA-text-large-dark-10) !important;
}

.shc-large-dark-11 {
	--shadow-color: var(--RGBA-text-large-dark-11) !important;
}

.shc-large-dark-12 {
	--shadow-color: var(--RGBA-text-large-dark-12) !important;
}

.shc-large-dark-13 {
	--shadow-color: var(--RGBA-text-large-dark-13) !important;
}

.shc-large-dark-14 {
	--shadow-color: var(--RGBA-text-large-dark-14) !important;
}

.shc-large-dark-15 {
	--shadow-color: var(--RGBA-text-large-dark-15) !important;
}

.shc-small-light-1 {
	--shadow-color: var(--RGBA-text-small-light-1) !important;
}

.shc-small-light-2 {
	--shadow-color: var(--RGBA-text-small-light-2) !important;
}

.shc-small-light-3 {
	--shadow-color: var(--RGBA-text-small-light-3) !important;
}

.shc-small-light-4 {
	--shadow-color: var(--RGBA-text-small-light-4) !important;
}

.shc-small-light-5 {
	--shadow-color: var(--RGBA-text-small-light-5) !important;
}

.shc-small-light-6 {
	--shadow-color: var(--RGBA-text-small-light-6) !important;
}

.shc-small-light-7 {
	--shadow-color: var(--RGBA-text-small-light-7) !important;
}

.shc-small-light-8 {
	--shadow-color: var(--RGBA-text-small-light-8) !important;
}

.shc-small-light-9 {
	--shadow-color: var(--RGBA-text-small-light-9) !important;
}

.shc-small-light-10 {
	--shadow-color: var(--RGBA-text-small-light-10) !important;
}

.shc-small-light-11 {
	--shadow-color: var(--RGBA-text-small-light-11) !important;
}

.shc-small-light-12 {
	--shadow-color: var(--RGBA-text-small-light-12) !important;
}

.shc-small-light-13 {
	--shadow-color: var(--RGBA-text-small-light-13) !important;
}

.shc-small-light-14 {
	--shadow-color: var(--RGBA-text-small-light-14) !important;
}

.shc-small-light-15 {
	--shadow-color: var(--RGBA-text-small-light-15) !important;
}

.shc-small-dark-1 {
	--shadow-color: var(--RGBA-text-small-dark-1) !important;
}

.shc-small-dark-2 {
	--shadow-color: var(--RGBA-text-small-dark-2) !important;
}

.shc-small-dark-3 {
	--shadow-color: var(--RGBA-text-small-dark-3) !important;
}

.shc-small-dark-4 {
	--shadow-color: var(--RGBA-text-small-dark-4) !important;
}

.shc-small-dark-5 {
	--shadow-color: var(--RGBA-text-small-dark-5) !important;
}

.shc-small-dark-6 {
	--shadow-color: var(--RGBA-text-small-dark-6) !important;
}

.shc-small-dark-7 {
	--shadow-color: var(--RGBA-text-small-dark-7) !important;
}

.shc-small-dark-8 {
	--shadow-color: var(--RGBA-text-small-dark-8) !important;
}

.shc-small-dark-9 {
	--shadow-color: var(--RGBA-text-small-dark-9) !important;
}

.shc-small-dark-10 {
	--shadow-color: var(--RGBA-text-small-dark-10) !important;
}

.shc-small-dark-11 {
	--shadow-color: var(--RGBA-text-small-dark-11) !important;
}

.shc-small-dark-12 {
	--shadow-color: var(--RGBA-text-small-dark-12) !important;
}

.shc-small-dark-13 {
	--shadow-color: var(--RGBA-text-small-dark-13) !important;
}

.shc-small-dark-14 {
	--shadow-color: var(--RGBA-text-small-dark-14) !important;
}

.shc-small-dark-15 {
	--shadow-color: var(--RGBA-text-small-dark-15) !important;
}

.shc-button-light-1 {
	--shadow-color: var(--RGBA-text-button-light-1) !important;
}

.shc-button-light-2 {
	--shadow-color: var(--RGBA-text-button-light-2) !important;
}

.shc-button-light-3 {
	--shadow-color: var(--RGBA-text-button-light-3) !important;
}

.shc-button-light-4 {
	--shadow-color: var(--RGBA-text-button-light-4) !important;
}

.shc-button-light-5 {
	--shadow-color: var(--RGBA-text-button-light-5) !important;
}

.shc-button-light-6 {
	--shadow-color: var(--RGBA-text-button-light-6) !important;
}

.shc-button-light-7 {
	--shadow-color: var(--RGBA-text-button-light-7) !important;
}

.shc-button-light-8 {
	--shadow-color: var(--RGBA-text-button-light-8) !important;
}

.shc-button-light-9 {
	--shadow-color: var(--RGBA-text-button-light-9) !important;
}

.shc-button-light-10 {
	--shadow-color: var(--RGBA-text-button-light-10) !important;
}

.shc-button-light-11 {
	--shadow-color: var(--RGBA-text-button-light-11) !important;
}

.shc-button-light-12 {
	--shadow-color: var(--RGBA-text-button-light-12) !important;
}

.shc-button-light-13 {
	--shadow-color: var(--RGBA-text-button-light-13) !important;
}

.shc-button-light-14 {
	--shadow-color: var(--RGBA-text-button-light-14) !important;
}

.shc-button-light-15 {
	--shadow-color: var(--RGBA-text-button-light-15) !important;
}

.shc-button-dark-1 {
	--shadow-color: var(--RGBA-text-button-dark-1) !important;
}

.shc-button-dark-2 {
	--shadow-color: var(--RGBA-text-button-dark-2) !important;
}

.shc-button-dark-3 {
	--shadow-color: var(--RGBA-text-button-dark-3) !important;
}

.shc-button-dark-4 {
	--shadow-color: var(--RGBA-text-button-dark-4) !important;
}

.shc-button-dark-5 {
	--shadow-color: var(--RGBA-text-button-dark-5) !important;
}

.shc-button-dark-6 {
	--shadow-color: var(--RGBA-text-button-dark-6) !important;
}

.shc-button-dark-7 {
	--shadow-color: var(--RGBA-text-button-dark-7) !important;
}

.shc-button-dark-8 {
	--shadow-color: var(--RGBA-text-button-dark-8) !important;
}

.shc-button-dark-9 {
	--shadow-color: var(--RGBA-text-button-dark-9) !important;
}

.shc-button-dark-10 {
	--shadow-color: var(--RGBA-text-button-dark-10) !important;
}

.shc-button-dark-11 {
	--shadow-color: var(--RGBA-text-button-dark-11) !important;
}

.shc-button-dark-12 {
	--shadow-color: var(--RGBA-text-button-dark-12) !important;
}

.shc-button-dark-13 {
	--shadow-color: var(--RGBA-text-button-dark-13) !important;
}

.shc-button-dark-14 {
	--shadow-color: var(--RGBA-text-button-dark-14) !important;
}

.shc-button-dark-15 {
	--shadow-color: var(--RGBA-text-button-dark-15) !important;
}

.shc-transparent {
	--shadow-color: transparent !important;
}

.shc-blue {
	--shadow-color: var(--bs-blue) !important;
}
.shc-blue-100 { --shadow-color: var(--bs-blue-100) !important; }
.shc-blue-200 { --shadow-color: var(--bs-blue-200) !important; }
.shc-blue-300 { --shadow-color: var(--bs-blue-300) !important; }
.shc-blue-400 { --shadow-color: var(--bs-blue-400) !important; }
.shc-blue-500 { --shadow-color: var(--bs-blue-500) !important; }
.shc-blue-600 { --shadow-color: var(--bs-blue-600) !important; }
.shc-blue-700 { --shadow-color: var(--bs-blue-700) !important; }
.shc-blue-800 { --shadow-color: var(--bs-blue-800) !important; }
.shc-blue-900 { --shadow-color: var(--bs-blue-900) !important; }

.shc-indigo {
	--shadow-color: var(--bs-indigo) !important;
}
.shc-indigo-100 { --shadow-color: var(--bs-indigo-100) !important; }
.shc-indigo-200 { --shadow-color: var(--bs-indigo-200) !important; }
.shc-indigo-300 { --shadow-color: var(--bs-indigo-300) !important; }
.shc-indigo-400 { --shadow-color: var(--bs-indigo-400) !important; }
.shc-indigo-500 { --shadow-color: var(--bs-indigo-500) !important; }
.shc-indigo-600 { --shadow-color: var(--bs-indigo-600) !important; }
.shc-indigo-700 { --shadow-color: var(--bs-indigo-700) !important; }
.shc-indigo-800 { --shadow-color: var(--bs-indigo-800) !important; }
.shc-indigo-900 { --shadow-color: var(--bs-indigo-900) !important; }

.shc-purple {
	--shadow-color: var(--bs-purple) !important;
}
.shc-purple-100 { --shadow-color: var(--bs-purple-100) !important; }
.shc-purple-200 { --shadow-color: var(--bs-purple-200) !important; }
.shc-purple-300 { --shadow-color: var(--bs-purple-300) !important; }
.shc-purple-400 { --shadow-color: var(--bs-purple-400) !important; }
.shc-purple-500 { --shadow-color: var(--bs-purple-500) !important; }
.shc-purple-600 { --shadow-color: var(--bs-purple-600) !important; }
.shc-purple-700 { --shadow-color: var(--bs-purple-700) !important; }
.shc-purple-800 { --shadow-color: var(--bs-purple-800) !important; }
.shc-purple-900 { --shadow-color: var(--bs-purple-900) !important; }

.shc-pink {
	--shadow-color: var(--bs-pink) !important;
}
.shc-pink-100 { --shadow-color: var(--bs-pink-100) !important; }
.shc-pink-200 { --shadow-color: var(--bs-pink-200) !important; }
.shc-pink-300 { --shadow-color: var(--bs-pink-300) !important; }
.shc-pink-400 { --shadow-color: var(--bs-pink-400) !important; }
.shc-pink-500 { --shadow-color: var(--bs-pink-500) !important; }
.shc-pink-600 { --shadow-color: var(--bs-pink-600) !important; }
.shc-pink-700 { --shadow-color: var(--bs-pink-700) !important; }
.shc-pink-800 { --shadow-color: var(--bs-pink-800) !important; }
.shc-pink-900 { --shadow-color: var(--bs-pink-900) !important; }

.shc-red {
	--shadow-color: var(--bs-red) !important;
}
.shc-red-100 { --shadow-color: var(--bs-red-100) !important; }
.shc-red-200 { --shadow-color: var(--bs-red-200) !important; }
.shc-red-300 { --shadow-color: var(--bs-red-300) !important; }
.shc-red-400 { --shadow-color: var(--bs-red-400) !important; }
.shc-red-500 { --shadow-color: var(--bs-red-500) !important; }
.shc-red-600 { --shadow-color: var(--bs-red-600) !important; }
.shc-red-700 { --shadow-color: var(--bs-red-700) !important; }
.shc-red-800 { --shadow-color: var(--bs-red-800) !important; }
.shc-red-900 { --shadow-color: var(--bs-red-900) !important; }

.shc-orange {
	--shadow-color: var(--bs-orange) !important;
}
.shc-orange-100 { --shadow-color: var(--bs-orange-100) !important; }
.shc-orange-200 { --shadow-color: var(--bs-orange-200) !important; }
.shc-orange-300 { --shadow-color: var(--bs-orange-300) !important; }
.shc-orange-400 { --shadow-color: var(--bs-orange-400) !important; }
.shc-orange-500 { --shadow-color: var(--bs-orange-500) !important; }
.shc-orange-600 { --shadow-color: var(--bs-orange-600) !important; }
.shc-orange-700 { --shadow-color: var(--bs-orange-700) !important; }
.shc-orange-800 { --shadow-color: var(--bs-orange-800) !important; }
.shc-orange-900 { --shadow-color: var(--bs-orange-900) !important; }

.shc-yellow {
	--shadow-color: var(--bs-yellow) !important;
}

.shc-yellow-100 { --shadow-color: var(--bs-yellow-100) !important; }
.shc-yellow-200 { --shadow-color: var(--bs-yellow-200) !important; }
.shc-yellow-300 { --shadow-color: var(--bs-yellow-300) !important; }
.shc-yellow-400 { --shadow-color: var(--bs-yellow-400) !important; }
.shc-yellow-500 { --shadow-color: var(--bs-yellow-500) !important; }
.shc-yellow-600 { --shadow-color: var(--bs-yellow-600) !important; }
.shc-yellow-700 { --shadow-color: var(--bs-yellow-700) !important; }
.shc-yellow-800 { --shadow-color: var(--bs-yellow-800) !important; }
.shc-yellow-900 { --shadow-color: var(--bs-yellow-900) !important; }

.shc-green {
	--shadow-color: var(--bs-green) !important;
}
.shc-green-100 { --shadow-color: var(--bs-green-100) !important; }
.shc-green-200 { --shadow-color: var(--bs-green-200) !important; }
.shc-green-300 { --shadow-color: var(--bs-green-300) !important; }
.shc-green-400 { --shadow-color: var(--bs-green-400) !important; }
.shc-green-500 { --shadow-color: var(--bs-green-500) !important; }
.shc-green-600 { --shadow-color: var(--bs-green-600) !important; }
.shc-green-700 { --shadow-color: var(--bs-green-700) !important; }
.shc-green-800 { --shadow-color: var(--bs-green-800) !important; }
.shc-green-900 { --shadow-color: var(--bs-green-900) !important; }

.shc-teal {
	--shadow-color: var(--bs-teal) !important;
}
.shc-teal-100 { --shadow-color: var(--bs-teal-100) !important; }
.shc-teal-200 { --shadow-color: var(--bs-teal-200) !important; }
.shc-teal-300 { --shadow-color: var(--bs-teal-300) !important; }
.shc-teal-400 { --shadow-color: var(--bs-teal-400) !important; }
.shc-teal-500 { --shadow-color: var(--bs-teal-500) !important; }
.shc-teal-600 { --shadow-color: var(--bs-teal-600) !important; }
.shc-teal-700 { --shadow-color: var(--bs-teal-700) !important; }
.shc-teal-800 { --shadow-color: var(--bs-teal-800) !important; }
.shc-teal-900 { --shadow-color: var(--bs-teal-900) !important; }

.shc-cyan {
	--shadow-color: var(--bs-cyan) !important;
}
.shc-cyan-100 { --shadow-color: var(--bs-cyan-100) !important; }
.shc-cyan-200 { --shadow-color: var(--bs-cyan-200) !important; }
.shc-cyan-300 { --shadow-color: var(--bs-cyan-300) !important; }
.shc-cyan-400 { --shadow-color: var(--bs-cyan-400) !important; }
.shc-cyan-500 { --shadow-color: var(--bs-cyan-500) !important; }
.shc-cyan-600 { --shadow-color: var(--bs-cyan-600) !important; }
.shc-cyan-700 { --shadow-color: var(--bs-cyan-700) !important; }
.shc-cyan-800 { --shadow-color: var(--bs-cyan-800) !important; }
.shc-cyan-900 { --shadow-color: var(--bs-cyan-900) !important; }

.shc-black {
	--shadow-color: var(--bs-black) !important;
}

.shc-white {
	--shadow-color: var(--bs-white) !important;
}

.shc-gray {
	--shadow-color: var(--bs-gray) !important;
}

.shc-gray-100 {
	--shadow-color: var(--bs-gray-100) !important;
}

.shc-gray-200 {
	--shadow-color: var(--bs-gray-200) !important;
}

.shc-gray-300 {
	--shadow-color: var(--bs-gray-300) !important;
}

.shc-gray-400 {
	--shadow-color: var(--bs-gray-400) !important;
}

.shc-gray-500 {
	--shadow-color: var(--bs-gray-500) !important;
}

.shc-gray-600 {
	--shadow-color: var(--bs-gray-600) !important;
}

.shc-gray-700 {
	--shadow-color: var(--bs-gray-700) !important;
}

.shc-gray-800 {
	--shadow-color: var(--bs-gray-800) !important;
}

.shc-gray-900 {
	--shadow-color: var(--bs-gray-900) !important;
}

.shc-whatsapp {
	--shadow-color: var(--border-color-whatsapp) !important;
}

/* #endregion	SHADOW COLOR */

/* #region		BORDER COLOR PRIMARY */

.bocp-large-light-1 {
	--border-color-primary: var(--RGBA-text-large-light-1) !important;
}

.bocp-large-light-2 {
	--border-color-primary: var(--RGBA-text-large-light-2) !important;
}

.bocp-large-light-3 {
	--border-color-primary: var(--RGBA-text-large-light-3) !important;
}

.bocp-large-light-4 {
	--border-color-primary: var(--RGBA-text-large-light-4) !important;
}

.bocp-large-light-5 {
	--border-color-primary: var(--RGBA-text-large-light-5) !important;
}

.bocp-large-light-6 {
	--border-color-primary: var(--RGBA-text-large-light-6) !important;
}

.bocp-large-light-7 {
	--border-color-primary: var(--RGBA-text-large-light-7) !important;
}

.bocp-large-light-8 {
	--border-color-primary: var(--RGBA-text-large-light-8) !important;
}

.bocp-large-light-9 {
	--border-color-primary: var(--RGBA-text-large-light-9) !important;
}

.bocp-large-light-10 {
	--border-color-primary: var(--RGBA-text-large-light-10) !important;
}

.bocp-large-light-11 {
	--border-color-primary: var(--RGBA-text-large-light-11) !important;
}

.bocp-large-light-12 {
	--border-color-primary: var(--RGBA-text-large-light-12) !important;
}

.bocp-large-light-13 {
	--border-color-primary: var(--RGBA-text-large-light-13) !important;
}

.bocp-large-light-14 {
	--border-color-primary: var(--RGBA-text-large-light-14) !important;
}

.bocp-large-light-15 {
	--border-color-primary: var(--RGBA-text-large-light-15) !important;
}

.bocp-large-dark-1 {
	--border-color-primary: var(--RGBA-text-large-dark-1) !important;
}

.bocp-large-dark-2 {
	--border-color-primary: var(--RGBA-text-large-dark-2) !important;
}

.bocp-large-dark-3 {
	--border-color-primary: var(--RGBA-text-large-dark-3) !important;
}

.bocp-large-dark-4 {
	--border-color-primary: var(--RGBA-text-large-dark-4) !important;
}

.bocp-large-dark-5 {
	--border-color-primary: var(--RGBA-text-large-dark-5) !important;
}

.bocp-large-dark-6 {
	--border-color-primary: var(--RGBA-text-large-dark-6) !important;
}

.bocp-large-dark-7 {
	--border-color-primary: var(--RGBA-text-large-dark-7) !important;
}

.bocp-large-dark-8 {
	--border-color-primary: var(--RGBA-text-large-dark-8) !important;
}

.bocp-large-dark-9 {
	--border-color-primary: var(--RGBA-text-large-dark-9) !important;
}

.bocp-large-dark-10 {
	--border-color-primary: var(--RGBA-text-large-dark-10) !important;
}

.bocp-large-dark-11 {
	--border-color-primary: var(--RGBA-text-large-dark-11) !important;
}

.bocp-large-dark-12 {
	--border-color-primary: var(--RGBA-text-large-dark-12) !important;
}

.bocp-large-dark-13 {
	--border-color-primary: var(--RGBA-text-large-dark-13) !important;
}

.bocp-large-dark-14 {
	--border-color-primary: var(--RGBA-text-large-dark-14) !important;
}

.bocp-large-dark-15 {
	--border-color-primary: var(--RGBA-text-large-dark-15) !important;
}

.bocp-small-light-1 {
	--border-color-primary: var(--RGBA-text-small-light-1) !important;
}

.bocp-small-light-2 {
	--border-color-primary: var(--RGBA-text-small-light-2) !important;
}

.bocp-small-light-3 {
	--border-color-primary: var(--RGBA-text-small-light-3) !important;
}

.bocp-small-light-4 {
	--border-color-primary: var(--RGBA-text-small-light-4) !important;
}

.bocp-small-light-5 {
	--border-color-primary: var(--RGBA-text-small-light-5) !important;
}

.bocp-small-light-6 {
	--border-color-primary: var(--RGBA-text-small-light-6) !important;
}

.bocp-small-light-7 {
	--border-color-primary: var(--RGBA-text-small-light-7) !important;
}

.bocp-small-light-8 {
	--border-color-primary: var(--RGBA-text-small-light-8) !important;
}

.bocp-small-light-9 {
	--border-color-primary: var(--RGBA-text-small-light-9) !important;
}

.bocp-small-light-10 {
	--border-color-primary: var(--RGBA-text-small-light-10) !important;
}

.bocp-small-light-11 {
	--border-color-primary: var(--RGBA-text-small-light-11) !important;
}

.bocp-small-light-12 {
	--border-color-primary: var(--RGBA-text-small-light-12) !important;
}

.bocp-small-light-13 {
	--border-color-primary: var(--RGBA-text-small-light-13) !important;
}

.bocp-small-light-14 {
	--border-color-primary: var(--RGBA-text-small-light-14) !important;
}

.bocp-small-light-15 {
	--border-color-primary: var(--RGBA-text-small-light-15) !important;
}

.bocp-small-dark-1 {
	--border-color-primary: var(--RGBA-text-small-dark-1) !important;
}

.bocp-small-dark-2 {
	--border-color-primary: var(--RGBA-text-small-dark-2) !important;
}

.bocp-small-dark-3 {
	--border-color-primary: var(--RGBA-text-small-dark-3) !important;
}

.bocp-small-dark-4 {
	--border-color-primary: var(--RGBA-text-small-dark-4) !important;
}

.bocp-small-dark-5 {
	--border-color-primary: var(--RGBA-text-small-dark-5) !important;
}

.bocp-small-dark-6 {
	--border-color-primary: var(--RGBA-text-small-dark-6) !important;
}

.bocp-small-dark-7 {
	--border-color-primary: var(--RGBA-text-small-dark-7) !important;
}

.bocp-small-dark-8 {
	--border-color-primary: var(--RGBA-text-small-dark-8) !important;
}

.bocp-small-dark-9 {
	--border-color-primary: var(--RGBA-text-small-dark-9) !important;
}

.bocp-small-dark-10 {
	--border-color-primary: var(--RGBA-text-small-dark-10) !important;
}

.bocp-small-dark-11 {
	--border-color-primary: var(--RGBA-text-small-dark-11) !important;
}

.bocp-small-dark-12 {
	--border-color-primary: var(--RGBA-text-small-dark-12) !important;
}

.bocp-small-dark-13 {
	--border-color-primary: var(--RGBA-text-small-dark-13) !important;
}

.bocp-small-dark-14 {
	--border-color-primary: var(--RGBA-text-small-dark-14) !important;
}

.bocp-small-dark-15 {
	--border-color-primary: var(--RGBA-text-small-dark-15) !important;
}

.bocp-button-light-1 {
	--border-color-primary: var(--RGBA-text-button-light-1) !important;
}

.bocp-button-light-2 {
	--border-color-primary: var(--RGBA-text-button-light-2) !important;
}

.bocp-button-light-3 {
	--border-color-primary: var(--RGBA-text-button-light-3) !important;
}

.bocp-button-light-4 {
	--border-color-primary: var(--RGBA-text-button-light-4) !important;
}

.bocp-button-light-5 {
	--border-color-primary: var(--RGBA-text-button-light-5) !important;
}

.bocp-button-light-6 {
	--border-color-primary: var(--RGBA-text-button-light-6) !important;
}

.bocp-button-light-7 {
	--border-color-primary: var(--RGBA-text-button-light-7) !important;
}

.bocp-button-light-8 {
	--border-color-primary: var(--RGBA-text-button-light-8) !important;
}

.bocp-button-light-9 {
	--border-color-primary: var(--RGBA-text-button-light-9) !important;
}

.bocp-button-light-10 {
	--border-color-primary: var(--RGBA-text-button-light-10) !important;
}

.bocp-button-light-11 {
	--border-color-primary: var(--RGBA-text-button-light-11) !important;
}

.bocp-button-light-12 {
	--border-color-primary: var(--RGBA-text-button-light-12) !important;
}

.bocp-button-light-13 {
	--border-color-primary: var(--RGBA-text-button-light-13) !important;
}

.bocp-button-light-14 {
	--border-color-primary: var(--RGBA-text-button-light-14) !important;
}

.bocp-button-light-15 {
	--border-color-primary: var(--RGBA-text-button-light-15) !important;
}

.bocp-button-dark-1 {
	--border-color-primary: var(--RGBA-text-button-dark-1) !important;
}

.bocp-button-dark-2 {
	--border-color-primary: var(--RGBA-text-button-dark-2) !important;
}

.bocp-button-dark-3 {
	--border-color-primary: var(--RGBA-text-button-dark-3) !important;
}

.bocp-button-dark-4 {
	--border-color-primary: var(--RGBA-text-button-dark-4) !important;
}

.bocp-button-dark-5 {
	--border-color-primary: var(--RGBA-text-button-dark-5) !important;
}

.bocp-button-dark-6 {
	--border-color-primary: var(--RGBA-text-button-dark-6) !important;
}

.bocp-button-dark-7 {
	--border-color-primary: var(--RGBA-text-button-dark-7) !important;
}

.bocp-button-dark-8 {
	--border-color-primary: var(--RGBA-text-button-dark-8) !important;
}

.bocp-button-dark-9 {
	--border-color-primary: var(--RGBA-text-button-dark-9) !important;
}

.bocp-button-dark-10 {
	--border-color-primary: var(--RGBA-text-button-dark-10) !important;
}

.bocp-button-dark-11 {
	--border-color-primary: var(--RGBA-text-button-dark-11) !important;
}

.bocp-button-dark-12 {
	--border-color-primary: var(--RGBA-text-button-dark-12) !important;
}

.bocp-button-dark-13 {
	--border-color-primary: var(--RGBA-text-button-dark-13) !important;
}

.bocp-button-dark-14 {
	--border-color-primary: var(--RGBA-text-button-dark-14) !important;
}

.bocp-button-dark-15 {
	--border-color-primary: var(--RGBA-text-button-dark-15) !important;
}

.bocp-transparent {
	--border-color-primary: transparent !important;
}

.bocp-blue {
	--border-color-primary: var(--bs-blue) !important;
}
.bocp-blue-100 { --border-color-primary: var(--bs-blue-100) !important; }
.bocp-blue-200 { --border-color-primary: var(--bs-blue-200) !important; }
.bocp-blue-300 { --border-color-primary: var(--bs-blue-300) !important; }
.bocp-blue-400 { --border-color-primary: var(--bs-blue-400) !important; }
.bocp-blue-500 { --border-color-primary: var(--bs-blue-500) !important; }
.bocp-blue-600 { --border-color-primary: var(--bs-blue-600) !important; }
.bocp-blue-700 { --border-color-primary: var(--bs-blue-700) !important; }
.bocp-blue-800 { --border-color-primary: var(--bs-blue-800) !important; }
.bocp-blue-900 { --border-color-primary: var(--bs-blue-900) !important; }

.bocp-indigo {
	--border-color-primary: var(--bs-indigo) !important;
}
.bocp-indigo-100 { --border-color-primary: var(--bs-indigo-100) !important; }
.bocp-indigo-200 { --border-color-primary: var(--bs-indigo-200) !important; }
.bocp-indigo-300 { --border-color-primary: var(--bs-indigo-300) !important; }
.bocp-indigo-400 { --border-color-primary: var(--bs-indigo-400) !important; }
.bocp-indigo-500 { --border-color-primary: var(--bs-indigo-500) !important; }
.bocp-indigo-600 { --border-color-primary: var(--bs-indigo-600) !important; }
.bocp-indigo-700 { --border-color-primary: var(--bs-indigo-700) !important; }
.bocp-indigo-800 { --border-color-primary: var(--bs-indigo-800) !important; }
.bocp-indigo-900 { --border-color-primary: var(--bs-indigo-900) !important; }

.bocp-purple {
	--border-color-primary: var(--bs-purple) !important;
}
.bocp-purple-100 { --border-color-primary: var(--bs-purple-100) !important; }
.bocp-purple-200 { --border-color-primary: var(--bs-purple-200) !important; }
.bocp-purple-300 { --border-color-primary: var(--bs-purple-300) !important; }
.bocp-purple-400 { --border-color-primary: var(--bs-purple-400) !important; }
.bocp-purple-500 { --border-color-primary: var(--bs-purple-500) !important; }
.bocp-purple-600 { --border-color-primary: var(--bs-purple-600) !important; }
.bocp-purple-700 { --border-color-primary: var(--bs-purple-700) !important; }
.bocp-purple-800 { --border-color-primary: var(--bs-purple-800) !important; }
.bocp-purple-900 { --border-color-primary: var(--bs-purple-900) !important; }

.bocp-pink {
	--border-color-primary: var(--bs-pink) !important;
}
.bocp-pink-100 { --border-color-primary: var(--bs-pink-100) !important; }
.bocp-pink-200 { --border-color-primary: var(--bs-pink-200) !important; }
.bocp-pink-300 { --border-color-primary: var(--bs-pink-300) !important; }
.bocp-pink-400 { --border-color-primary: var(--bs-pink-400) !important; }
.bocp-pink-500 { --border-color-primary: var(--bs-pink-500) !important; }
.bocp-pink-600 { --border-color-primary: var(--bs-pink-600) !important; }
.bocp-pink-700 { --border-color-primary: var(--bs-pink-700) !important; }
.bocp-pink-800 { --border-color-primary: var(--bs-pink-800) !important; }
.bocp-pink-900 { --border-color-primary: var(--bs-pink-900) !important; }

.bocp-red {
	--border-color-primary: var(--bs-red) !important;
}
.bocp-red-100 { --border-color-primary: var(--bs-red-100) !important; }
.bocp-red-200 { --border-color-primary: var(--bs-red-200) !important; }
.bocp-red-300 { --border-color-primary: var(--bs-red-300) !important; }
.bocp-red-400 { --border-color-primary: var(--bs-red-400) !important; }
.bocp-red-500 { --border-color-primary: var(--bs-red-500) !important; }
.bocp-red-600 { --border-color-primary: var(--bs-red-600) !important; }
.bocp-red-700 { --border-color-primary: var(--bs-red-700) !important; }
.bocp-red-800 { --border-color-primary: var(--bs-red-800) !important; }
.bocp-red-900 { --border-color-primary: var(--bs-red-900) !important; }

.bocp-orange {
	--border-color-primary: var(--bs-orange) !important;
}
.bocp-orange-100 { --border-color-primary: var(--bs-orange-100) !important; }
.bocp-orange-200 { --border-color-primary: var(--bs-orange-200) !important; }
.bocp-orange-300 { --border-color-primary: var(--bs-orange-300) !important; }
.bocp-orange-400 { --border-color-primary: var(--bs-orange-400) !important; }
.bocp-orange-500 { --border-color-primary: var(--bs-orange-500) !important; }
.bocp-orange-600 { --border-color-primary: var(--bs-orange-600) !important; }
.bocp-orange-700 { --border-color-primary: var(--bs-orange-700) !important; }
.bocp-orange-800 { --border-color-primary: var(--bs-orange-800) !important; }
.bocp-orange-900 { --border-color-primary: var(--bs-orange-900) !important; }

.bocp-yellow {
	--border-color-primary: var(--bs-yellow) !important;
}

.bocp-yellow-100 { --border-color-primary: var(--bs-yellow-100) !important; }
.bocp-yellow-200 { --border-color-primary: var(--bs-yellow-200) !important; }
.bocp-yellow-300 { --border-color-primary: var(--bs-yellow-300) !important; }
.bocp-yellow-400 { --border-color-primary: var(--bs-yellow-400) !important; }
.bocp-yellow-500 { --border-color-primary: var(--bs-yellow-500) !important; }
.bocp-yellow-600 { --border-color-primary: var(--bs-yellow-600) !important; }
.bocp-yellow-700 { --border-color-primary: var(--bs-yellow-700) !important; }
.bocp-yellow-800 { --border-color-primary: var(--bs-yellow-800) !important; }
.bocp-yellow-900 { --border-color-primary: var(--bs-yellow-900) !important; }

.bocp-green {
	--border-color-primary: var(--bs-green) !important;
}
.bocp-green-100 { --border-color-primary: var(--bs-green-100) !important; }
.bocp-green-200 { --border-color-primary: var(--bs-green-200) !important; }
.bocp-green-300 { --border-color-primary: var(--bs-green-300) !important; }
.bocp-green-400 { --border-color-primary: var(--bs-green-400) !important; }
.bocp-green-500 { --border-color-primary: var(--bs-green-500) !important; }
.bocp-green-600 { --border-color-primary: var(--bs-green-600) !important; }
.bocp-green-700 { --border-color-primary: var(--bs-green-700) !important; }
.bocp-green-800 { --border-color-primary: var(--bs-green-800) !important; }
.bocp-green-900 { --border-color-primary: var(--bs-green-900) !important; }

.bocp-teal {
	--border-color-primary: var(--bs-teal) !important;
}
.bocp-teal-100 { --border-color-primary: var(--bs-teal-100) !important; }
.bocp-teal-200 { --border-color-primary: var(--bs-teal-200) !important; }
.bocp-teal-300 { --border-color-primary: var(--bs-teal-300) !important; }
.bocp-teal-400 { --border-color-primary: var(--bs-teal-400) !important; }
.bocp-teal-500 { --border-color-primary: var(--bs-teal-500) !important; }
.bocp-teal-600 { --border-color-primary: var(--bs-teal-600) !important; }
.bocp-teal-700 { --border-color-primary: var(--bs-teal-700) !important; }
.bocp-teal-800 { --border-color-primary: var(--bs-teal-800) !important; }
.bocp-teal-900 { --border-color-primary: var(--bs-teal-900) !important; }

.bocp-cyan {
	--border-color-primary: var(--bs-cyan) !important;
}
.bocp-cyan-100 { --border-color-primary: var(--bs-cyan-100) !important; }
.bocp-cyan-200 { --border-color-primary: var(--bs-cyan-200) !important; }
.bocp-cyan-300 { --border-color-primary: var(--bs-cyan-300) !important; }
.bocp-cyan-400 { --border-color-primary: var(--bs-cyan-400) !important; }
.bocp-cyan-500 { --border-color-primary: var(--bs-cyan-500) !important; }
.bocp-cyan-600 { --border-color-primary: var(--bs-cyan-600) !important; }
.bocp-cyan-700 { --border-color-primary: var(--bs-cyan-700) !important; }
.bocp-cyan-800 { --border-color-primary: var(--bs-cyan-800) !important; }
.bocp-cyan-900 { --border-color-primary: var(--bs-cyan-900) !important; }

.bocp-black {
	--border-color-primary: var(--bs-black) !important;
}

.bocp-white {
	--border-color-primary: var(--bs-white) !important;
}

.bocp-gray {
	--border-color-primary: var(--bs-gray) !important;
}

.bocp-gray-100 {
	--border-color-primary: var(--bs-gray-100) !important;
}

.bocp-gray-200 {
	--border-color-primary: var(--bs-gray-200) !important;
}

.bocp-gray-300 {
	--border-color-primary: var(--bs-gray-300) !important;
}

.bocp-gray-400 {
	--border-color-primary: var(--bs-gray-400) !important;
}

.bocp-gray-500 {
	--border-color-primary: var(--bs-gray-500) !important;
}

.bocp-gray-600 {
	--border-color-primary: var(--bs-gray-600) !important;
}

.bocp-gray-700 {
	--border-color-primary: var(--bs-gray-700) !important;
}

.bocp-gray-800 {
	--border-color-primary: var(--bs-gray-800) !important;
}

.bocp-gray-900 {
	--border-color-primary: var(--bs-gray-900) !important;
}

.bocp-whatsapp {
	--border-color-primary: var(--border-color-whatsapp) !important;
}

/* #endregion	BORDER COLOR PRIMARY */

/* #region		BORDER COLOR SECONDARY */

.bocs-large-light-1 {
	--border-color-secondary: var(--RGBA-text-large-light-1) !important;
}

.bocs-large-light-2 {
	--border-color-secondary: var(--RGBA-text-large-light-2) !important;
}

.bocs-large-light-3 {
	--border-color-secondary: var(--RGBA-text-large-light-3) !important;
}

.bocs-large-light-4 {
	--border-color-secondary: var(--RGBA-text-large-light-4) !important;
}

.bocs-large-light-5 {
	--border-color-secondary: var(--RGBA-text-large-light-5) !important;
}

.bocs-large-light-6 {
	--border-color-secondary: var(--RGBA-text-large-light-6) !important;
}

.bocs-large-light-7 {
	--border-color-secondary: var(--RGBA-text-large-light-7) !important;
}

.bocs-large-light-8 {
	--border-color-secondary: var(--RGBA-text-large-light-8) !important;
}

.bocs-large-light-9 {
	--border-color-secondary: var(--RGBA-text-large-light-9) !important;
}

.bocs-large-light-10 {
	--border-color-secondary: var(--RGBA-text-large-light-10) !important;
}

.bocs-large-light-11 {
	--border-color-secondary: var(--RGBA-text-large-light-11) !important;
}

.bocs-large-light-12 {
	--border-color-secondary: var(--RGBA-text-large-light-12) !important;
}

.bocs-large-light-13 {
	--border-color-secondary: var(--RGBA-text-large-light-13) !important;
}

.bocs-large-light-14 {
	--border-color-secondary: var(--RGBA-text-large-light-14) !important;
}

.bocs-large-light-15 {
	--border-color-secondary: var(--RGBA-text-large-light-15) !important;
}

.bocs-large-dark-1 {
	--border-color-secondary: var(--RGBA-text-large-dark-1) !important;
}

.bocs-large-dark-2 {
	--border-color-secondary: var(--RGBA-text-large-dark-2) !important;
}

.bocs-large-dark-3 {
	--border-color-secondary: var(--RGBA-text-large-dark-3) !important;
}

.bocs-large-dark-4 {
	--border-color-secondary: var(--RGBA-text-large-dark-4) !important;
}

.bocs-large-dark-5 {
	--border-color-secondary: var(--RGBA-text-large-dark-5) !important;
}

.bocs-large-dark-6 {
	--border-color-secondary: var(--RGBA-text-large-dark-6) !important;
}

.bocs-large-dark-7 {
	--border-color-secondary: var(--RGBA-text-large-dark-7) !important;
}

.bocs-large-dark-8 {
	--border-color-secondary: var(--RGBA-text-large-dark-8) !important;
}

.bocs-large-dark-9 {
	--border-color-secondary: var(--RGBA-text-large-dark-9) !important;
}

.bocs-large-dark-10 {
	--border-color-secondary: var(--RGBA-text-large-dark-10) !important;
}

.bocs-large-dark-11 {
	--border-color-secondary: var(--RGBA-text-large-dark-11) !important;
}

.bocs-large-dark-12 {
	--border-color-secondary: var(--RGBA-text-large-dark-12) !important;
}

.bocs-large-dark-13 {
	--border-color-secondary: var(--RGBA-text-large-dark-13) !important;
}

.bocs-large-dark-14 {
	--border-color-secondary: var(--RGBA-text-large-dark-14) !important;
}

.bocs-large-dark-15 {
	--border-color-secondary: var(--RGBA-text-large-dark-15) !important;
}

.bocs-small-light-1 {
	--border-color-secondary: var(--RGBA-text-small-light-1) !important;
}

.bocs-small-light-2 {
	--border-color-secondary: var(--RGBA-text-small-light-2) !important;
}

.bocs-small-light-3 {
	--border-color-secondary: var(--RGBA-text-small-light-3) !important;
}

.bocs-small-light-4 {
	--border-color-secondary: var(--RGBA-text-small-light-4) !important;
}

.bocs-small-light-5 {
	--border-color-secondary: var(--RGBA-text-small-light-5) !important;
}

.bocs-small-light-6 {
	--border-color-secondary: var(--RGBA-text-small-light-6) !important;
}

.bocs-small-light-7 {
	--border-color-secondary: var(--RGBA-text-small-light-7) !important;
}

.bocs-small-light-8 {
	--border-color-secondary: var(--RGBA-text-small-light-8) !important;
}

.bocs-small-light-9 {
	--border-color-secondary: var(--RGBA-text-small-light-9) !important;
}

.bocs-small-light-10 {
	--border-color-secondary: var(--RGBA-text-small-light-10) !important;
}

.bocs-small-light-11 {
	--border-color-secondary: var(--RGBA-text-small-light-11) !important;
}

.bocs-small-light-12 {
	--border-color-secondary: var(--RGBA-text-small-light-12) !important;
}

.bocs-small-light-13 {
	--border-color-secondary: var(--RGBA-text-small-light-13) !important;
}

.bocs-small-light-14 {
	--border-color-secondary: var(--RGBA-text-small-light-14) !important;
}

.bocs-small-light-15 {
	--border-color-secondary: var(--RGBA-text-small-light-15) !important;
}

.bocs-small-dark-1 {
	--border-color-secondary: var(--RGBA-text-small-dark-1) !important;
}

.bocs-small-dark-2 {
	--border-color-secondary: var(--RGBA-text-small-dark-2) !important;
}

.bocs-small-dark-3 {
	--border-color-secondary: var(--RGBA-text-small-dark-3) !important;
}

.bocs-small-dark-4 {
	--border-color-secondary: var(--RGBA-text-small-dark-4) !important;
}

.bocs-small-dark-5 {
	--border-color-secondary: var(--RGBA-text-small-dark-5) !important;
}

.bocs-small-dark-6 {
	--border-color-secondary: var(--RGBA-text-small-dark-6) !important;
}

.bocs-small-dark-7 {
	--border-color-secondary: var(--RGBA-text-small-dark-7) !important;
}

.bocs-small-dark-8 {
	--border-color-secondary: var(--RGBA-text-small-dark-8) !important;
}

.bocs-small-dark-9 {
	--border-color-secondary: var(--RGBA-text-small-dark-9) !important;
}

.bocs-small-dark-10 {
	--border-color-secondary: var(--RGBA-text-small-dark-10) !important;
}

.bocs-small-dark-11 {
	--border-color-secondary: var(--RGBA-text-small-dark-11) !important;
}

.bocs-small-dark-12 {
	--border-color-secondary: var(--RGBA-text-small-dark-12) !important;
}

.bocs-small-dark-13 {
	--border-color-secondary: var(--RGBA-text-small-dark-13) !important;
}

.bocs-small-dark-14 {
	--border-color-secondary: var(--RGBA-text-small-dark-14) !important;
}

.bocs-small-dark-15 {
	--border-color-secondary: var(--RGBA-text-small-dark-15) !important;
}

.bocs-button-light-1 {
	--border-color-secondary: var(--RGBA-text-button-light-1) !important;
}

.bocs-button-light-2 {
	--border-color-secondary: var(--RGBA-text-button-light-2) !important;
}

.bocs-button-light-3 {
	--border-color-secondary: var(--RGBA-text-button-light-3) !important;
}

.bocs-button-light-4 {
	--border-color-secondary: var(--RGBA-text-button-light-4) !important;
}

.bocs-button-light-5 {
	--border-color-secondary: var(--RGBA-text-button-light-5) !important;
}

.bocs-button-light-6 {
	--border-color-secondary: var(--RGBA-text-button-light-6) !important;
}

.bocs-button-light-7 {
	--border-color-secondary: var(--RGBA-text-button-light-7) !important;
}

.bocs-button-light-8 {
	--border-color-secondary: var(--RGBA-text-button-light-8) !important;
}

.bocs-button-light-9 {
	--border-color-secondary: var(--RGBA-text-button-light-9) !important;
}

.bocs-button-light-10 {
	--border-color-secondary: var(--RGBA-text-button-light-10) !important;
}

.bocs-button-light-11 {
	--border-color-secondary: var(--RGBA-text-button-light-11) !important;
}

.bocs-button-light-12 {
	--border-color-secondary: var(--RGBA-text-button-light-12) !important;
}

.bocs-button-light-13 {
	--border-color-secondary: var(--RGBA-text-button-light-13) !important;
}

.bocs-button-light-14 {
	--border-color-secondary: var(--RGBA-text-button-light-14) !important;
}

.bocs-button-light-15 {
	--border-color-secondary: var(--RGBA-text-button-light-15) !important;
}

.bocs-button-dark-1 {
	--border-color-secondary: var(--RGBA-text-button-dark-1) !important;
}

.bocs-button-dark-2 {
	--border-color-secondary: var(--RGBA-text-button-dark-2) !important;
}

.bocs-button-dark-3 {
	--border-color-secondary: var(--RGBA-text-button-dark-3) !important;
}

.bocs-button-dark-4 {
	--border-color-secondary: var(--RGBA-text-button-dark-4) !important;
}

.bocs-button-dark-5 {
	--border-color-secondary: var(--RGBA-text-button-dark-5) !important;
}

.bocs-button-dark-6 {
	--border-color-secondary: var(--RGBA-text-button-dark-6) !important;
}

.bocs-button-dark-7 {
	--border-color-secondary: var(--RGBA-text-button-dark-7) !important;
}

.bocs-button-dark-8 {
	--border-color-secondary: var(--RGBA-text-button-dark-8) !important;
}

.bocs-button-dark-9 {
	--border-color-secondary: var(--RGBA-text-button-dark-9) !important;
}

.bocs-button-dark-10 {
	--border-color-secondary: var(--RGBA-text-button-dark-10) !important;
}

.bocs-button-dark-11 {
	--border-color-secondary: var(--RGBA-text-button-dark-11) !important;
}

.bocs-button-dark-12 {
	--border-color-secondary: var(--RGBA-text-button-dark-12) !important;
}

.bocs-button-dark-13 {
	--border-color-secondary: var(--RGBA-text-button-dark-13) !important;
}

.bocs-button-dark-14 {
	--border-color-secondary: var(--RGBA-text-button-dark-14) !important;
}

.bocs-button-dark-15 {
	--border-color-secondary: var(--RGBA-text-button-dark-15) !important;
}

.bocs-transparent {
	--border-color-secondary: transparent !important;
}

.bocs-blue {
	--border-color-secondary: var(--bs-blue) !important;
}
.bocs-blue-100 { --border-color-secondary: var(--bs-blue-100) !important; }
.bocs-blue-200 { --border-color-secondary: var(--bs-blue-200) !important; }
.bocs-blue-300 { --border-color-secondary: var(--bs-blue-300) !important; }
.bocs-blue-400 { --border-color-secondary: var(--bs-blue-400) !important; }
.bocs-blue-500 { --border-color-secondary: var(--bs-blue-500) !important; }
.bocs-blue-600 { --border-color-secondary: var(--bs-blue-600) !important; }
.bocs-blue-700 { --border-color-secondary: var(--bs-blue-700) !important; }
.bocs-blue-800 { --border-color-secondary: var(--bs-blue-800) !important; }
.bocs-blue-900 { --border-color-secondary: var(--bs-blue-900) !important; }

.bocs-indigo {
	--border-color-secondary: var(--bs-indigo) !important;
}
.bocs-indigo-100 { --border-color-secondary: var(--bs-indigo-100) !important; }
.bocs-indigo-200 { --border-color-secondary: var(--bs-indigo-200) !important; }
.bocs-indigo-300 { --border-color-secondary: var(--bs-indigo-300) !important; }
.bocs-indigo-400 { --border-color-secondary: var(--bs-indigo-400) !important; }
.bocs-indigo-500 { --border-color-secondary: var(--bs-indigo-500) !important; }
.bocs-indigo-600 { --border-color-secondary: var(--bs-indigo-600) !important; }
.bocs-indigo-700 { --border-color-secondary: var(--bs-indigo-700) !important; }
.bocs-indigo-800 { --border-color-secondary: var(--bs-indigo-800) !important; }
.bocs-indigo-900 { --border-color-secondary: var(--bs-indigo-900) !important; }

.bocs-purple {
	--border-color-secondary: var(--bs-purple) !important;
}
.bocs-purple-100 { --border-color-secondary: var(--bs-purple-100) !important; }
.bocs-purple-200 { --border-color-secondary: var(--bs-purple-200) !important; }
.bocs-purple-300 { --border-color-secondary: var(--bs-purple-300) !important; }
.bocs-purple-400 { --border-color-secondary: var(--bs-purple-400) !important; }
.bocs-purple-500 { --border-color-secondary: var(--bs-purple-500) !important; }
.bocs-purple-600 { --border-color-secondary: var(--bs-purple-600) !important; }
.bocs-purple-700 { --border-color-secondary: var(--bs-purple-700) !important; }
.bocs-purple-800 { --border-color-secondary: var(--bs-purple-800) !important; }
.bocs-purple-900 { --border-color-secondary: var(--bs-purple-900) !important; }

.bocs-pink {
	--border-color-secondary: var(--bs-pink) !important;
}
.bocs-pink-100 { --border-color-secondary: var(--bs-pink-100) !important; }
.bocs-pink-200 { --border-color-secondary: var(--bs-pink-200) !important; }
.bocs-pink-300 { --border-color-secondary: var(--bs-pink-300) !important; }
.bocs-pink-400 { --border-color-secondary: var(--bs-pink-400) !important; }
.bocs-pink-500 { --border-color-secondary: var(--bs-pink-500) !important; }
.bocs-pink-600 { --border-color-secondary: var(--bs-pink-600) !important; }
.bocs-pink-700 { --border-color-secondary: var(--bs-pink-700) !important; }
.bocs-pink-800 { --border-color-secondary: var(--bs-pink-800) !important; }
.bocs-pink-900 { --border-color-secondary: var(--bs-pink-900) !important; }

.bocs-red {
	--border-color-secondary: var(--bs-red) !important;
}
.bocs-red-100 { --border-color-secondary: var(--bs-red-100) !important; }
.bocs-red-200 { --border-color-secondary: var(--bs-red-200) !important; }
.bocs-red-300 { --border-color-secondary: var(--bs-red-300) !important; }
.bocs-red-400 { --border-color-secondary: var(--bs-red-400) !important; }
.bocs-red-500 { --border-color-secondary: var(--bs-red-500) !important; }
.bocs-red-600 { --border-color-secondary: var(--bs-red-600) !important; }
.bocs-red-700 { --border-color-secondary: var(--bs-red-700) !important; }
.bocs-red-800 { --border-color-secondary: var(--bs-red-800) !important; }
.bocs-red-900 { --border-color-secondary: var(--bs-red-900) !important; }

.bocs-orange {
	--border-color-secondary: var(--bs-orange) !important;
}
.bocs-orange-100 { --border-color-secondary: var(--bs-orange-100) !important; }
.bocs-orange-200 { --border-color-secondary: var(--bs-orange-200) !important; }
.bocs-orange-300 { --border-color-secondary: var(--bs-orange-300) !important; }
.bocs-orange-400 { --border-color-secondary: var(--bs-orange-400) !important; }
.bocs-orange-500 { --border-color-secondary: var(--bs-orange-500) !important; }
.bocs-orange-600 { --border-color-secondary: var(--bs-orange-600) !important; }
.bocs-orange-700 { --border-color-secondary: var(--bs-orange-700) !important; }
.bocs-orange-800 { --border-color-secondary: var(--bs-orange-800) !important; }
.bocs-orange-900 { --border-color-secondary: var(--bs-orange-900) !important; }

.bocs-yellow {
	--border-color-secondary: var(--bs-yellow) !important;
}

.bocs-yellow-100 { --border-color-secondary: var(--bs-yellow-100) !important; }
.bocs-yellow-200 { --border-color-secondary: var(--bs-yellow-200) !important; }
.bocs-yellow-300 { --border-color-secondary: var(--bs-yellow-300) !important; }
.bocs-yellow-400 { --border-color-secondary: var(--bs-yellow-400) !important; }
.bocs-yellow-500 { --border-color-secondary: var(--bs-yellow-500) !important; }
.bocs-yellow-600 { --border-color-secondary: var(--bs-yellow-600) !important; }
.bocs-yellow-700 { --border-color-secondary: var(--bs-yellow-700) !important; }
.bocs-yellow-800 { --border-color-secondary: var(--bs-yellow-800) !important; }
.bocs-yellow-900 { --border-color-secondary: var(--bs-yellow-900) !important; }

.bocs-green {
	--border-color-secondary: var(--bs-green) !important;
}
.bocs-green-100 { --border-color-secondary: var(--bs-green-100) !important; }
.bocs-green-200 { --border-color-secondary: var(--bs-green-200) !important; }
.bocs-green-300 { --border-color-secondary: var(--bs-green-300) !important; }
.bocs-green-400 { --border-color-secondary: var(--bs-green-400) !important; }
.bocs-green-500 { --border-color-secondary: var(--bs-green-500) !important; }
.bocs-green-600 { --border-color-secondary: var(--bs-green-600) !important; }
.bocs-green-700 { --border-color-secondary: var(--bs-green-700) !important; }
.bocs-green-800 { --border-color-secondary: var(--bs-green-800) !important; }
.bocs-green-900 { --border-color-secondary: var(--bs-green-900) !important; }

.bocs-teal {
	--border-color-secondary: var(--bs-teal) !important;
}
.bocs-teal-100 { --border-color-secondary: var(--bs-teal-100) !important; }
.bocs-teal-200 { --border-color-secondary: var(--bs-teal-200) !important; }
.bocs-teal-300 { --border-color-secondary: var(--bs-teal-300) !important; }
.bocs-teal-400 { --border-color-secondary: var(--bs-teal-400) !important; }
.bocs-teal-500 { --border-color-secondary: var(--bs-teal-500) !important; }
.bocs-teal-600 { --border-color-secondary: var(--bs-teal-600) !important; }
.bocs-teal-700 { --border-color-secondary: var(--bs-teal-700) !important; }
.bocs-teal-800 { --border-color-secondary: var(--bs-teal-800) !important; }
.bocs-teal-900 { --border-color-secondary: var(--bs-teal-900) !important; }

.bocs-cyan {
	--border-color-secondary: var(--bs-cyan) !important;
}
.bocs-cyan-100 { --border-color-secondary: var(--bs-cyan-100) !important; }
.bocs-cyan-200 { --border-color-secondary: var(--bs-cyan-200) !important; }
.bocs-cyan-300 { --border-color-secondary: var(--bs-cyan-300) !important; }
.bocs-cyan-400 { --border-color-secondary: var(--bs-cyan-400) !important; }
.bocs-cyan-500 { --border-color-secondary: var(--bs-cyan-500) !important; }
.bocs-cyan-600 { --border-color-secondary: var(--bs-cyan-600) !important; }
.bocs-cyan-700 { --border-color-secondary: var(--bs-cyan-700) !important; }
.bocs-cyan-800 { --border-color-secondary: var(--bs-cyan-800) !important; }
.bocs-cyan-900 { --border-color-secondary: var(--bs-cyan-900) !important; }

.bocs-black {
	--border-color-secondary: var(--bs-black) !important;
}

.bocs-white {
	--border-color-secondary: var(--bs-white) !important;
}

.bocs-gray {
	--border-color-secondary: var(--bs-gray) !important;
}

.bocs-gray-100 {
	--border-color-secondary: var(--bs-gray-100) !important;
}

.bocs-gray-200 {
	--border-color-secondary: var(--bs-gray-200) !important;
}

.bocs-gray-300 {
	--border-color-secondary: var(--bs-gray-300) !important;
}

.bocs-gray-400 {
	--border-color-secondary: var(--bs-gray-400) !important;
}

.bocs-gray-500 {
	--border-color-secondary: var(--bs-gray-500) !important;
}

.bocs-gray-600 {
	--border-color-secondary: var(--bs-gray-600) !important;
}

.bocs-gray-700 {
	--border-color-secondary: var(--bs-gray-700) !important;
}

.bocs-gray-800 {
	--border-color-secondary: var(--bs-gray-800) !important;
}

.bocs-gray-900 {
	--border-color-secondary: var(--bs-gray-900) !important;
}

.bocs-whatsapp {
	--border-color-secondary: var(--border-color-whatsapp) !important;
}

/* #endregion	BORDER COLOR SECONDARY */

/* #region		COLOR */

/* Fallback color */
[class^='cp-'],
[class*=' cp-'] {
	--color-primary: transparent;
}

/* Element has primary color but no secondary color (has no gradient) */
[class^='cp-']:not([class*=' cs-']),
[class*=' cp-']:not([class^='cs-']):not([class*=' cs-']) {
	color: var(--color-primary) !important;
}

/* Element has secondary color (has gradient) */
[class^='cs-'],
[class*=' cs-'] {
	background				: linear-gradient(
		var(--color-direction),
		var(--color-primary),
		var(--color-secondary)
	);
	color					: transparent !important;
	background-clip			: text;
	-webkit-background-clip	: text;
	-webkit-text-fill-color	: transparent;
	--color-primary			: transparent;
	--color-secondary		: transparent;
	--color-direction		: to right;
}

/* #endregion	COLOR */

/* #region		COLOR PRIMARY */

.cp-large-light-1 {
	--color-primary: var(--RGBA-text-large-light-1) !important;
}

.cp-large-light-2 {
	--color-primary: var(--RGBA-text-large-light-2) !important;
}

.cp-large-light-3 {
	--color-primary: var(--RGBA-text-large-light-3) !important;
}

.cp-large-light-4 {
	--color-primary: var(--RGBA-text-large-light-4) !important;
}

.cp-large-light-5 {
	--color-primary: var(--RGBA-text-large-light-5) !important;
}

.cp-large-light-6 {
	--color-primary: var(--RGBA-text-large-light-6) !important;
}

.cp-large-light-7 {
	--color-primary: var(--RGBA-text-large-light-7) !important;
}

.cp-large-light-8 {
	--color-primary: var(--RGBA-text-large-light-8) !important;
}

.cp-large-light-9 {
	--color-primary: var(--RGBA-text-large-light-9) !important;
}

.cp-large-light-10 {
	--color-primary: var(--RGBA-text-large-light-10) !important;
}

.cp-large-light-11 {
	--color-primary: var(--RGBA-text-large-light-11) !important;
}

.cp-large-light-12 {
	--color-primary: var(--RGBA-text-large-light-12) !important;
}

.cp-large-light-13 {
	--color-primary: var(--RGBA-text-large-light-13) !important;
}

.cp-large-light-14 {
	--color-primary: var(--RGBA-text-large-light-14) !important;
}

.cp-large-light-15 {
	--color-primary: var(--RGBA-text-large-light-15) !important;
}

.cp-large-dark-1 {
	--color-primary: var(--RGBA-text-large-dark-1) !important;
}

.cp-large-dark-2 {
	--color-primary: var(--RGBA-text-large-dark-2) !important;
}

.cp-large-dark-3 {
	--color-primary: var(--RGBA-text-large-dark-3) !important;
}

.cp-large-dark-4 {
	--color-primary: var(--RGBA-text-large-dark-4) !important;
}

.cp-large-dark-5 {
	--color-primary: var(--RGBA-text-large-dark-5) !important;
}

.cp-large-dark-6 {
	--color-primary: var(--RGBA-text-large-dark-6) !important;
}

.cp-large-dark-7 {
	--color-primary: var(--RGBA-text-large-dark-7) !important;
}

.cp-large-dark-8 {
	--color-primary: var(--RGBA-text-large-dark-8) !important;
}

.cp-large-dark-9 {
	--color-primary: var(--RGBA-text-large-dark-9) !important;
}

.cp-large-dark-10 {
	--color-primary: var(--RGBA-text-large-dark-10) !important;
}

.cp-large-dark-11 {
	--color-primary: var(--RGBA-text-large-dark-11) !important;
}

.cp-large-dark-12 {
	--color-primary: var(--RGBA-text-large-dark-12) !important;
}

.cp-large-dark-13 {
	--color-primary: var(--RGBA-text-large-dark-13) !important;
}

.cp-large-dark-14 {
	--color-primary: var(--RGBA-text-large-dark-14) !important;
}

.cp-large-dark-15 {
	--color-primary: var(--RGBA-text-large-dark-15) !important;
}

.cp-small-light-1 {
	--color-primary: var(--RGBA-text-small-light-1) !important;
}

.cp-small-light-2 {
	--color-primary: var(--RGBA-text-small-light-2) !important;
}

.cp-small-light-3 {
	--color-primary: var(--RGBA-text-small-light-3) !important;
}

.cp-small-light-4 {
	--color-primary: var(--RGBA-text-small-light-4) !important;
}

.cp-small-light-5 {
	--color-primary: var(--RGBA-text-small-light-5) !important;
}

.cp-small-light-6 {
	--color-primary: var(--RGBA-text-small-light-6) !important;
}

.cp-small-light-7 {
	--color-primary: var(--RGBA-text-small-light-7) !important;
}

.cp-small-light-8 {
	--color-primary: var(--RGBA-text-small-light-8) !important;
}

.cp-small-light-9 {
	--color-primary: var(--RGBA-text-small-light-9) !important;
}

.cp-small-light-10 {
	--color-primary: var(--RGBA-text-small-light-10) !important;
}

.cp-small-light-11 {
	--color-primary: var(--RGBA-text-small-light-11) !important;
}

.cp-small-light-12 {
	--color-primary: var(--RGBA-text-small-light-12) !important;
}

.cp-small-light-13 {
	--color-primary: var(--RGBA-text-small-light-13) !important;
}

.cp-small-light-14 {
	--color-primary: var(--RGBA-text-small-light-14) !important;
}

.cp-small-light-15 {
	--color-primary: var(--RGBA-text-small-light-15) !important;
}

.cp-small-dark-1 {
	--color-primary: var(--RGBA-text-small-dark-1) !important;
}

.cp-small-dark-2 {
	--color-primary: var(--RGBA-text-small-dark-2) !important;
}

.cp-small-dark-3 {
	--color-primary: var(--RGBA-text-small-dark-3) !important;
}

.cp-small-dark-4 {
	--color-primary: var(--RGBA-text-small-dark-4) !important;
}

.cp-small-dark-5 {
	--color-primary: var(--RGBA-text-small-dark-5) !important;
}

.cp-small-dark-6 {
	--color-primary: var(--RGBA-text-small-dark-6) !important;
}

.cp-small-dark-7 {
	--color-primary: var(--RGBA-text-small-dark-7) !important;
}

.cp-small-dark-8 {
	--color-primary: var(--RGBA-text-small-dark-8) !important;
}

.cp-small-dark-9 {
	--color-primary: var(--RGBA-text-small-dark-9) !important;
}

.cp-small-dark-10 {
	--color-primary: var(--RGBA-text-small-dark-10) !important;
}

.cp-small-dark-11 {
	--color-primary: var(--RGBA-text-small-dark-11) !important;
}

.cp-small-dark-12 {
	--color-primary: var(--RGBA-text-small-dark-12) !important;
}

.cp-small-dark-13 {
	--color-primary: var(--RGBA-text-small-dark-13) !important;
}

.cp-small-dark-14 {
	--color-primary: var(--RGBA-text-small-dark-14) !important;
}

.cp-small-dark-15 {
	--color-primary: var(--RGBA-text-small-dark-15) !important;
}

.cp-button-light-1 {
	--color-primary: var(--RGBA-text-button-light-1) !important;
}

.cp-button-light-2 {
	--color-primary: var(--RGBA-text-button-light-2) !important;
}

.cp-button-light-3 {
	--color-primary: var(--RGBA-text-button-light-3) !important;
}

.cp-button-light-4 {
	--color-primary: var(--RGBA-text-button-light-4) !important;
}

.cp-button-light-5 {
	--color-primary: var(--RGBA-text-button-light-5) !important;
}

.cp-button-light-6 {
	--color-primary: var(--RGBA-text-button-light-6) !important;
}

.cp-button-light-7 {
	--color-primary: var(--RGBA-text-button-light-7) !important;
}

.cp-button-light-8 {
	--color-primary: var(--RGBA-text-button-light-8) !important;
}

.cp-button-light-9 {
	--color-primary: var(--RGBA-text-button-light-9) !important;
}

.cp-button-light-10 {
	--color-primary: var(--RGBA-text-button-light-10) !important;
}

.cp-button-light-11 {
	--color-primary: var(--RGBA-text-button-light-11) !important;
}

.cp-button-light-12 {
	--color-primary: var(--RGBA-text-button-light-12) !important;
}

.cp-button-light-13 {
	--color-primary: var(--RGBA-text-button-light-13) !important;
}

.cp-button-light-14 {
	--color-primary: var(--RGBA-text-button-light-14) !important;
}

.cp-button-light-15 {
	--color-primary: var(--RGBA-text-button-light-15) !important;
}

.cp-button-dark-1 {
	--color-primary: var(--RGBA-text-button-dark-1) !important;
}

.cp-button-dark-2 {
	--color-primary: var(--RGBA-text-button-dark-2) !important;
}

.cp-button-dark-3 {
	--color-primary: var(--RGBA-text-button-dark-3) !important;
}

.cp-button-dark-4 {
	--color-primary: var(--RGBA-text-button-dark-4) !important;
}

.cp-button-dark-5 {
	--color-primary: var(--RGBA-text-button-dark-5) !important;
}

.cp-button-dark-6 {
	--color-primary: var(--RGBA-text-button-dark-6) !important;
}

.cp-button-dark-7 {
	--color-primary: var(--RGBA-text-button-dark-7) !important;
}

.cp-button-dark-8 {
	--color-primary: var(--RGBA-text-button-dark-8) !important;
}

.cp-button-dark-9 {
	--color-primary: var(--RGBA-text-button-dark-9) !important;
}

.cp-button-dark-10 {
	--color-primary: var(--RGBA-text-button-dark-10) !important;
}

.cp-button-dark-11 {
	--color-primary: var(--RGBA-text-button-dark-11) !important;
}

.cp-button-dark-12 {
	--color-primary: var(--RGBA-text-button-dark-12) !important;
}

.cp-button-dark-13 {
	--color-primary: var(--RGBA-text-button-dark-13) !important;
}

.cp-button-dark-14 {
	--color-primary: var(--RGBA-text-button-dark-14) !important;
}

.cp-button-dark-15 {
	--color-primary: var(--RGBA-text-button-dark-15) !important;
}

.cp-transparent {
	--color-primary: transparent !important;
}

.cp-blue {
	--color-primary: var(--bs-blue) !important;
}
.cp-blue-100 { --color-primary: var(--bs-blue-100) !important; }
.cp-blue-200 { --color-primary: var(--bs-blue-200) !important; }
.cp-blue-300 { --color-primary: var(--bs-blue-300) !important; }
.cp-blue-400 { --color-primary: var(--bs-blue-400) !important; }
.cp-blue-500 { --color-primary: var(--bs-blue-500) !important; }
.cp-blue-600 { --color-primary: var(--bs-blue-600) !important; }
.cp-blue-700 { --color-primary: var(--bs-blue-700) !important; }
.cp-blue-800 { --color-primary: var(--bs-blue-800) !important; }
.cp-blue-900 { --color-primary: var(--bs-blue-900) !important; }

.cp-indigo {
	--color-primary: var(--bs-indigo) !important;
}
.cp-indigo-100 { --color-primary: var(--bs-indigo-100) !important; }
.cp-indigo-200 { --color-primary: var(--bs-indigo-200) !important; }
.cp-indigo-300 { --color-primary: var(--bs-indigo-300) !important; }
.cp-indigo-400 { --color-primary: var(--bs-indigo-400) !important; }
.cp-indigo-500 { --color-primary: var(--bs-indigo-500) !important; }
.cp-indigo-600 { --color-primary: var(--bs-indigo-600) !important; }
.cp-indigo-700 { --color-primary: var(--bs-indigo-700) !important; }
.cp-indigo-800 { --color-primary: var(--bs-indigo-800) !important; }
.cp-indigo-900 { --color-primary: var(--bs-indigo-900) !important; }

.cp-purple {
	--color-primary: var(--bs-purple) !important;
}
.cp-purple-100 { --color-primary: var(--bs-purple-100) !important; }
.cp-purple-200 { --color-primary: var(--bs-purple-200) !important; }
.cp-purple-300 { --color-primary: var(--bs-purple-300) !important; }
.cp-purple-400 { --color-primary: var(--bs-purple-400) !important; }
.cp-purple-500 { --color-primary: var(--bs-purple-500) !important; }
.cp-purple-600 { --color-primary: var(--bs-purple-600) !important; }
.cp-purple-700 { --color-primary: var(--bs-purple-700) !important; }
.cp-purple-800 { --color-primary: var(--bs-purple-800) !important; }
.cp-purple-900 { --color-primary: var(--bs-purple-900) !important; }

.cp-pink {
	--color-primary: var(--bs-pink) !important;
}
.cp-pink-100 { --color-primary: var(--bs-pink-100) !important; }
.cp-pink-200 { --color-primary: var(--bs-pink-200) !important; }
.cp-pink-300 { --color-primary: var(--bs-pink-300) !important; }
.cp-pink-400 { --color-primary: var(--bs-pink-400) !important; }
.cp-pink-500 { --color-primary: var(--bs-pink-500) !important; }
.cp-pink-600 { --color-primary: var(--bs-pink-600) !important; }
.cp-pink-700 { --color-primary: var(--bs-pink-700) !important; }
.cp-pink-800 { --color-primary: var(--bs-pink-800) !important; }
.cp-pink-900 { --color-primary: var(--bs-pink-900) !important; }

.cp-red {
	--color-primary: var(--bs-red) !important;
}
.cp-red-100 { --color-primary: var(--bs-red-100) !important; }
.cp-red-200 { --color-primary: var(--bs-red-200) !important; }
.cp-red-300 { --color-primary: var(--bs-red-300) !important; }
.cp-red-400 { --color-primary: var(--bs-red-400) !important; }
.cp-red-500 { --color-primary: var(--bs-red-500) !important; }
.cp-red-600 { --color-primary: var(--bs-red-600) !important; }
.cp-red-700 { --color-primary: var(--bs-red-700) !important; }
.cp-red-800 { --color-primary: var(--bs-red-800) !important; }
.cp-red-900 { --color-primary: var(--bs-red-900) !important; }

.cp-orange {
	--color-primary: var(--bs-orange) !important;
}
.cp-orange-100 { --color-primary: var(--bs-orange-100) !important; }
.cp-orange-200 { --color-primary: var(--bs-orange-200) !important; }
.cp-orange-300 { --color-primary: var(--bs-orange-300) !important; }
.cp-orange-400 { --color-primary: var(--bs-orange-400) !important; }
.cp-orange-500 { --color-primary: var(--bs-orange-500) !important; }
.cp-orange-600 { --color-primary: var(--bs-orange-600) !important; }
.cp-orange-700 { --color-primary: var(--bs-orange-700) !important; }
.cp-orange-800 { --color-primary: var(--bs-orange-800) !important; }
.cp-orange-900 { --color-primary: var(--bs-orange-900) !important; }

.cp-yellow {
	--color-primary: var(--bs-yellow) !important;
}

.cp-yellow-100 { --color-primary: var(--bs-yellow-100) !important; }
.cp-yellow-200 { --color-primary: var(--bs-yellow-200) !important; }
.cp-yellow-300 { --color-primary: var(--bs-yellow-300) !important; }
.cp-yellow-400 { --color-primary: var(--bs-yellow-400) !important; }
.cp-yellow-500 { --color-primary: var(--bs-yellow-500) !important; }
.cp-yellow-600 { --color-primary: var(--bs-yellow-600) !important; }
.cp-yellow-700 { --color-primary: var(--bs-yellow-700) !important; }
.cp-yellow-800 { --color-primary: var(--bs-yellow-800) !important; }
.cp-yellow-900 { --color-primary: var(--bs-yellow-900) !important; }

.cp-green {
	--color-primary: var(--bs-green) !important;
}
.cp-green-100 { --color-primary: var(--bs-green-100) !important; }
.cp-green-200 { --color-primary: var(--bs-green-200) !important; }
.cp-green-300 { --color-primary: var(--bs-green-300) !important; }
.cp-green-400 { --color-primary: var(--bs-green-400) !important; }
.cp-green-500 { --color-primary: var(--bs-green-500) !important; }
.cp-green-600 { --color-primary: var(--bs-green-600) !important; }
.cp-green-700 { --color-primary: var(--bs-green-700) !important; }
.cp-green-800 { --color-primary: var(--bs-green-800) !important; }
.cp-green-900 { --color-primary: var(--bs-green-900) !important; }

.cp-teal {
	--color-primary: var(--bs-teal) !important;
}
.cp-teal-100 { --color-primary: var(--bs-teal-100) !important; }
.cp-teal-200 { --color-primary: var(--bs-teal-200) !important; }
.cp-teal-300 { --color-primary: var(--bs-teal-300) !important; }
.cp-teal-400 { --color-primary: var(--bs-teal-400) !important; }
.cp-teal-500 { --color-primary: var(--bs-teal-500) !important; }
.cp-teal-600 { --color-primary: var(--bs-teal-600) !important; }
.cp-teal-700 { --color-primary: var(--bs-teal-700) !important; }
.cp-teal-800 { --color-primary: var(--bs-teal-800) !important; }
.cp-teal-900 { --color-primary: var(--bs-teal-900) !important; }

.cp-cyan {
	--color-primary: var(--bs-cyan) !important;
}
.cp-cyan-100 { --color-primary: var(--bs-cyan-100) !important; }
.cp-cyan-200 { --color-primary: var(--bs-cyan-200) !important; }
.cp-cyan-300 { --color-primary: var(--bs-cyan-300) !important; }
.cp-cyan-400 { --color-primary: var(--bs-cyan-400) !important; }
.cp-cyan-500 { --color-primary: var(--bs-cyan-500) !important; }
.cp-cyan-600 { --color-primary: var(--bs-cyan-600) !important; }
.cp-cyan-700 { --color-primary: var(--bs-cyan-700) !important; }
.cp-cyan-800 { --color-primary: var(--bs-cyan-800) !important; }
.cp-cyan-900 { --color-primary: var(--bs-cyan-900) !important; }

.cp-black {
	--color-primary: var(--bs-black) !important;
}

.cp-white {
	--color-primary: var(--bs-white) !important;
}

.cp-gray {
	--color-primary: var(--bs-gray) !important;
}

.cp-gray-100 {
	--color-primary: var(--bs-gray-100) !important;
}

.cp-gray-200 {
	--color-primary: var(--bs-gray-200) !important;
}

.cp-gray-300 {
	--color-primary: var(--bs-gray-300) !important;
}

.cp-gray-400 {
	--color-primary: var(--bs-gray-400) !important;
}

.cp-gray-500 {
	--color-primary: var(--bs-gray-500) !important;
}

.cp-gray-600 {
	--color-primary: var(--bs-gray-600) !important;
}

.cp-gray-700 {
	--color-primary: var(--bs-gray-700) !important;
}

.cp-gray-800 {
	--color-primary: var(--bs-gray-800) !important;
}

.cp-gray-900 {
	--color-primary: var(--bs-gray-900) !important;
}

.cp-whatsapp {
	--color-primary: var(--color-whatsapp) !important;
}

/* #endregion	COLOR PRIMARY */

/* #region		COLOR SECONDARY */

.cs-large-light-1 {
	--color-secondary: var(--RGBA-text-large-light-1) !important;
}

.cs-large-light-2 {
	--color-secondary: var(--RGBA-text-large-light-2) !important;
}

.cs-large-light-3 {
	--color-secondary: var(--RGBA-text-large-light-3) !important;
}

.cs-large-light-4 {
	--color-secondary: var(--RGBA-text-large-light-4) !important;
}

.cs-large-light-5 {
	--color-secondary: var(--RGBA-text-large-light-5) !important;
}

.cs-large-light-6 {
	--color-secondary: var(--RGBA-text-large-light-6) !important;
}

.cs-large-light-7 {
	--color-secondary: var(--RGBA-text-large-light-7) !important;
}

.cs-large-light-8 {
	--color-secondary: var(--RGBA-text-large-light-8) !important;
}

.cs-large-light-9 {
	--color-secondary: var(--RGBA-text-large-light-9) !important;
}

.cs-large-light-10 {
	--color-secondary: var(--RGBA-text-large-light-10) !important;
}

.cs-large-light-11 {
	--color-secondary: var(--RGBA-text-large-light-11) !important;
}

.cs-large-light-12 {
	--color-secondary: var(--RGBA-text-large-light-12) !important;
}

.cs-large-light-13 {
	--color-secondary: var(--RGBA-text-large-light-13) !important;
}

.cs-large-light-14 {
	--color-secondary: var(--RGBA-text-large-light-14) !important;
}

.cs-large-light-15 {
	--color-secondary: var(--RGBA-text-large-light-15) !important;
}

.cs-large-dark-1 {
	--color-secondary: var(--RGBA-text-large-dark-1) !important;
}

.cs-large-dark-2 {
	--color-secondary: var(--RGBA-text-large-dark-2) !important;
}

.cs-large-dark-3 {
	--color-secondary: var(--RGBA-text-large-dark-3) !important;
}

.cs-large-dark-4 {
	--color-secondary: var(--RGBA-text-large-dark-4) !important;
}

.cs-large-dark-5 {
	--color-secondary: var(--RGBA-text-large-dark-5) !important;
}

.cs-large-dark-6 {
	--color-secondary: var(--RGBA-text-large-dark-6) !important;
}

.cs-large-dark-7 {
	--color-secondary: var(--RGBA-text-large-dark-7) !important;
}

.cs-large-dark-8 {
	--color-secondary: var(--RGBA-text-large-dark-8) !important;
}

.cs-large-dark-9 {
	--color-secondary: var(--RGBA-text-large-dark-9) !important;
}

.cs-large-dark-10 {
	--color-secondary: var(--RGBA-text-large-dark-10) !important;
}

.cs-large-dark-11 {
	--color-secondary: var(--RGBA-text-large-dark-11) !important;
}

.cs-large-dark-12 {
	--color-secondary: var(--RGBA-text-large-dark-12) !important;
}

.cs-large-dark-13 {
	--color-secondary: var(--RGBA-text-large-dark-13) !important;
}

.cs-large-dark-14 {
	--color-secondary: var(--RGBA-text-large-dark-14) !important;
}

.cs-large-dark-15 {
	--color-secondary: var(--RGBA-text-large-dark-15) !important;
}

.cs-small-light-1 {
	--color-secondary: var(--RGBA-text-small-light-1) !important;
}

.cs-small-light-2 {
	--color-secondary: var(--RGBA-text-small-light-2) !important;
}

.cs-small-light-3 {
	--color-secondary: var(--RGBA-text-small-light-3) !important;
}

.cs-small-light-4 {
	--color-secondary: var(--RGBA-text-small-light-4) !important;
}

.cs-small-light-5 {
	--color-secondary: var(--RGBA-text-small-light-5) !important;
}

.cs-small-light-6 {
	--color-secondary: var(--RGBA-text-small-light-6) !important;
}

.cs-small-light-7 {
	--color-secondary: var(--RGBA-text-small-light-7) !important;
}

.cs-small-light-8 {
	--color-secondary: var(--RGBA-text-small-light-8) !important;
}

.cs-small-light-9 {
	--color-secondary: var(--RGBA-text-small-light-9) !important;
}

.cs-small-light-10 {
	--color-secondary: var(--RGBA-text-small-light-10) !important;
}

.cs-small-light-11 {
	--color-secondary: var(--RGBA-text-small-light-11) !important;
}

.cs-small-light-12 {
	--color-secondary: var(--RGBA-text-small-light-12) !important;
}

.cs-small-light-13 {
	--color-secondary: var(--RGBA-text-small-light-13) !important;
}

.cs-small-light-14 {
	--color-secondary: var(--RGBA-text-small-light-14) !important;
}

.cs-small-light-15 {
	--color-secondary: var(--RGBA-text-small-light-15) !important;
}

.cs-small-dark-1 {
	--color-secondary: var(--RGBA-text-small-dark-1) !important;
}

.cs-small-dark-2 {
	--color-secondary: var(--RGBA-text-small-dark-2) !important;
}

.cs-small-dark-3 {
	--color-secondary: var(--RGBA-text-small-dark-3) !important;
}

.cs-small-dark-4 {
	--color-secondary: var(--RGBA-text-small-dark-4) !important;
}

.cs-small-dark-5 {
	--color-secondary: var(--RGBA-text-small-dark-5) !important;
}

.cs-small-dark-6 {
	--color-secondary: var(--RGBA-text-small-dark-6) !important;
}

.cs-small-dark-7 {
	--color-secondary: var(--RGBA-text-small-dark-7) !important;
}

.cs-small-dark-8 {
	--color-secondary: var(--RGBA-text-small-dark-8) !important;
}

.cs-small-dark-9 {
	--color-secondary: var(--RGBA-text-small-dark-9) !important;
}

.cs-small-dark-10 {
	--color-secondary: var(--RGBA-text-small-dark-10) !important;
}

.cs-small-dark-11 {
	--color-secondary: var(--RGBA-text-small-dark-11) !important;
}

.cs-small-dark-12 {
	--color-secondary: var(--RGBA-text-small-dark-12) !important;
}

.cs-small-dark-13 {
	--color-secondary: var(--RGBA-text-small-dark-13) !important;
}

.cs-small-dark-14 {
	--color-secondary: var(--RGBA-text-small-dark-14) !important;
}

.cs-small-dark-15 {
	--color-secondary: var(--RGBA-text-small-dark-15) !important;
}

.cs-button-light-1 {
	--color-secondary: var(--RGBA-text-button-light-1) !important;
}

.cs-button-light-2 {
	--color-secondary: var(--RGBA-text-button-light-2) !important;
}

.cs-button-light-3 {
	--color-secondary: var(--RGBA-text-button-light-3) !important;
}

.cs-button-light-4 {
	--color-secondary: var(--RGBA-text-button-light-4) !important;
}

.cs-button-light-5 {
	--color-secondary: var(--RGBA-text-button-light-5) !important;
}

.cs-button-light-6 {
	--color-secondary: var(--RGBA-text-button-light-6) !important;
}

.cs-button-light-7 {
	--color-secondary: var(--RGBA-text-button-light-7) !important;
}

.cs-button-light-8 {
	--color-secondary: var(--RGBA-text-button-light-8) !important;
}

.cs-button-light-9 {
	--color-secondary: var(--RGBA-text-button-light-9) !important;
}

.cs-button-light-10 {
	--color-secondary: var(--RGBA-text-button-light-10) !important;
}

.cs-button-light-11 {
	--color-secondary: var(--RGBA-text-button-light-11) !important;
}

.cs-button-light-12 {
	--color-secondary: var(--RGBA-text-button-light-12) !important;
}

.cs-button-light-13 {
	--color-secondary: var(--RGBA-text-button-light-13) !important;
}

.cs-button-light-14 {
	--color-secondary: var(--RGBA-text-button-light-14) !important;
}

.cs-button-light-15 {
	--color-secondary: var(--RGBA-text-button-light-15) !important;
}

.cs-button-dark-1 {
	--color-secondary: var(--RGBA-text-button-dark-1) !important;
}

.cs-button-dark-2 {
	--color-secondary: var(--RGBA-text-button-dark-2) !important;
}

.cs-button-dark-3 {
	--color-secondary: var(--RGBA-text-button-dark-3) !important;
}

.cs-button-dark-4 {
	--color-secondary: var(--RGBA-text-button-dark-4) !important;
}

.cs-button-dark-5 {
	--color-secondary: var(--RGBA-text-button-dark-5) !important;
}

.cs-button-dark-6 {
	--color-secondary: var(--RGBA-text-button-dark-6) !important;
}

.cs-button-dark-7 {
	--color-secondary: var(--RGBA-text-button-dark-7) !important;
}

.cs-button-dark-8 {
	--color-secondary: var(--RGBA-text-button-dark-8) !important;
}

.cs-button-dark-9 {
	--color-secondary: var(--RGBA-text-button-dark-9) !important;
}

.cs-button-dark-10 {
	--color-secondary: var(--RGBA-text-button-dark-10) !important;
}

.cs-button-dark-11 {
	--color-secondary: var(--RGBA-text-button-dark-11) !important;
}

.cs-button-dark-12 {
	--color-secondary: var(--RGBA-text-button-dark-12) !important;
}

.cs-button-dark-13 {
	--color-secondary: var(--RGBA-text-button-dark-13) !important;
}

.cs-button-dark-14 {
	--color-secondary: var(--RGBA-text-button-dark-14) !important;
}

.cs-button-dark-15 {
	--color-secondary: var(--RGBA-text-button-dark-15) !important;
}

.cs-transparent {
	--color-secondary: transparent !important;
}

.cs-blue {
	--color-secondary: var(--bs-blue) !important;
}
.cs-blue-100 { --color-secondary: var(--bs-blue-100) !important; }
.cs-blue-200 { --color-secondary: var(--bs-blue-200) !important; }
.cs-blue-300 { --color-secondary: var(--bs-blue-300) !important; }
.cs-blue-400 { --color-secondary: var(--bs-blue-400) !important; }
.cs-blue-500 { --color-secondary: var(--bs-blue-500) !important; }
.cs-blue-600 { --color-secondary: var(--bs-blue-600) !important; }
.cs-blue-700 { --color-secondary: var(--bs-blue-700) !important; }
.cs-blue-800 { --color-secondary: var(--bs-blue-800) !important; }
.cs-blue-900 { --color-secondary: var(--bs-blue-900) !important; }

.cs-indigo {
	--color-secondary: var(--bs-indigo) !important;
}
.cs-indigo-100 { --color-secondary: var(--bs-indigo-100) !important; }
.cs-indigo-200 { --color-secondary: var(--bs-indigo-200) !important; }
.cs-indigo-300 { --color-secondary: var(--bs-indigo-300) !important; }
.cs-indigo-400 { --color-secondary: var(--bs-indigo-400) !important; }
.cs-indigo-500 { --color-secondary: var(--bs-indigo-500) !important; }
.cs-indigo-600 { --color-secondary: var(--bs-indigo-600) !important; }
.cs-indigo-700 { --color-secondary: var(--bs-indigo-700) !important; }
.cs-indigo-800 { --color-secondary: var(--bs-indigo-800) !important; }
.cs-indigo-900 { --color-secondary: var(--bs-indigo-900) !important; }

.cs-purple {
	--color-secondary: var(--bs-purple) !important;
}
.cs-purple-100 { --color-secondary: var(--bs-purple-100) !important; }
.cs-purple-200 { --color-secondary: var(--bs-purple-200) !important; }
.cs-purple-300 { --color-secondary: var(--bs-purple-300) !important; }
.cs-purple-400 { --color-secondary: var(--bs-purple-400) !important; }
.cs-purple-500 { --color-secondary: var(--bs-purple-500) !important; }
.cs-purple-600 { --color-secondary: var(--bs-purple-600) !important; }
.cs-purple-700 { --color-secondary: var(--bs-purple-700) !important; }
.cs-purple-800 { --color-secondary: var(--bs-purple-800) !important; }
.cs-purple-900 { --color-secondary: var(--bs-purple-900) !important; }

.cs-pink {
	--color-secondary: var(--bs-pink) !important;
}
.cs-pink-100 { --color-secondary: var(--bs-pink-100) !important; }
.cs-pink-200 { --color-secondary: var(--bs-pink-200) !important; }
.cs-pink-300 { --color-secondary: var(--bs-pink-300) !important; }
.cs-pink-400 { --color-secondary: var(--bs-pink-400) !important; }
.cs-pink-500 { --color-secondary: var(--bs-pink-500) !important; }
.cs-pink-600 { --color-secondary: var(--bs-pink-600) !important; }
.cs-pink-700 { --color-secondary: var(--bs-pink-700) !important; }
.cs-pink-800 { --color-secondary: var(--bs-pink-800) !important; }
.cs-pink-900 { --color-secondary: var(--bs-pink-900) !important; }

.cs-red {
	--color-secondary: var(--bs-red) !important;
}
.cs-red-100 { --color-secondary: var(--bs-red-100) !important; }
.cs-red-200 { --color-secondary: var(--bs-red-200) !important; }
.cs-red-300 { --color-secondary: var(--bs-red-300) !important; }
.cs-red-400 { --color-secondary: var(--bs-red-400) !important; }
.cs-red-500 { --color-secondary: var(--bs-red-500) !important; }
.cs-red-600 { --color-secondary: var(--bs-red-600) !important; }
.cs-red-700 { --color-secondary: var(--bs-red-700) !important; }
.cs-red-800 { --color-secondary: var(--bs-red-800) !important; }
.cs-red-900 { --color-secondary: var(--bs-red-900) !important; }

.cs-orange {
	--color-secondary: var(--bs-orange) !important;
}
.cs-orange-100 { --color-secondary: var(--bs-orange-100) !important; }
.cs-orange-200 { --color-secondary: var(--bs-orange-200) !important; }
.cs-orange-300 { --color-secondary: var(--bs-orange-300) !important; }
.cs-orange-400 { --color-secondary: var(--bs-orange-400) !important; }
.cs-orange-500 { --color-secondary: var(--bs-orange-500) !important; }
.cs-orange-600 { --color-secondary: var(--bs-orange-600) !important; }
.cs-orange-700 { --color-secondary: var(--bs-orange-700) !important; }
.cs-orange-800 { --color-secondary: var(--bs-orange-800) !important; }
.cs-orange-900 { --color-secondary: var(--bs-orange-900) !important; }

.cs-yellow {
	--color-secondary: var(--bs-yellow) !important;
}

.cs-yellow-100 { --color-secondary: var(--bs-yellow-100) !important; }
.cs-yellow-200 { --color-secondary: var(--bs-yellow-200) !important; }
.cs-yellow-300 { --color-secondary: var(--bs-yellow-300) !important; }
.cs-yellow-400 { --color-secondary: var(--bs-yellow-400) !important; }
.cs-yellow-500 { --color-secondary: var(--bs-yellow-500) !important; }
.cs-yellow-600 { --color-secondary: var(--bs-yellow-600) !important; }
.cs-yellow-700 { --color-secondary: var(--bs-yellow-700) !important; }
.cs-yellow-800 { --color-secondary: var(--bs-yellow-800) !important; }
.cs-yellow-900 { --color-secondary: var(--bs-yellow-900) !important; }

.cs-green {
	--color-secondary: var(--bs-green) !important;
}
.cs-green-100 { --color-secondary: var(--bs-green-100) !important; }
.cs-green-200 { --color-secondary: var(--bs-green-200) !important; }
.cs-green-300 { --color-secondary: var(--bs-green-300) !important; }
.cs-green-400 { --color-secondary: var(--bs-green-400) !important; }
.cs-green-500 { --color-secondary: var(--bs-green-500) !important; }
.cs-green-600 { --color-secondary: var(--bs-green-600) !important; }
.cs-green-700 { --color-secondary: var(--bs-green-700) !important; }
.cs-green-800 { --color-secondary: var(--bs-green-800) !important; }
.cs-green-900 { --color-secondary: var(--bs-green-900) !important; }

.cs-teal {
	--color-secondary: var(--bs-teal) !important;
}
.cs-teal-100 { --color-secondary: var(--bs-teal-100) !important; }
.cs-teal-200 { --color-secondary: var(--bs-teal-200) !important; }
.cs-teal-300 { --color-secondary: var(--bs-teal-300) !important; }
.cs-teal-400 { --color-secondary: var(--bs-teal-400) !important; }
.cs-teal-500 { --color-secondary: var(--bs-teal-500) !important; }
.cs-teal-600 { --color-secondary: var(--bs-teal-600) !important; }
.cs-teal-700 { --color-secondary: var(--bs-teal-700) !important; }
.cs-teal-800 { --color-secondary: var(--bs-teal-800) !important; }
.cs-teal-900 { --color-secondary: var(--bs-teal-900) !important; }

.cs-cyan {
	--color-secondary: var(--bs-cyan) !important;
}
.cs-cyan-100 { --color-secondary: var(--bs-cyan-100) !important; }
.cs-cyan-200 { --color-secondary: var(--bs-cyan-200) !important; }
.cs-cyan-300 { --color-secondary: var(--bs-cyan-300) !important; }
.cs-cyan-400 { --color-secondary: var(--bs-cyan-400) !important; }
.cs-cyan-500 { --color-secondary: var(--bs-cyan-500) !important; }
.cs-cyan-600 { --color-secondary: var(--bs-cyan-600) !important; }
.cs-cyan-700 { --color-secondary: var(--bs-cyan-700) !important; }
.cs-cyan-800 { --color-secondary: var(--bs-cyan-800) !important; }
.cs-cyan-900 { --color-secondary: var(--bs-cyan-900) !important; }

.cs-black {
	--color-secondary: var(--bs-black) !important;
}

.cs-white {
	--color-secondary: var(--bs-white) !important;
}

.cs-gray {
	--color-secondary: var(--bs-gray) !important;
}

.cs-gray-100 {
	--color-secondary: var(--bs-gray-100) !important;
}

.cs-gray-200 {
	--color-secondary: var(--bs-gray-200) !important;
}

.cs-gray-300 {
	--color-secondary: var(--bs-gray-300) !important;
}

.cs-gray-400 {
	--color-secondary: var(--bs-gray-400) !important;
}

.cs-gray-500 {
	--color-secondary: var(--bs-gray-500) !important;
}

.cs-gray-600 {
	--color-secondary: var(--bs-gray-600) !important;
}

.cs-gray-700 {
	--color-secondary: var(--bs-gray-700) !important;
}

.cs-gray-800 {
	--color-secondary: var(--bs-gray-800) !important;
}

.cs-gray-900 {
	--color-secondary: var(--bs-gray-900) !important;
}

.cs-whatsapp {
	--color-secondary: var(--color-whatsapp) !important;
}

/* #endregion	COLOR SECONDARY */

/* #region		COLOR DIRECTION */

.cd-45 {
	--color-direction: 45deg !important;
}

.cd-135 {
	--color-direction: 135deg !important;
}

.cd-225 {
	--color-direction: 225deg !important;
}

.cd-315 {
	--color-direction: 315deg !important;
}

.cd-start {
	--color-direction: to left !important;
}

.cd-top {
	--color-direction: to top !important;
}

.cd-end {
	--color-direction: to right !important;
}

.cd-bottom {
	--color-direction: to bottom !important;
}

/* #endregion	COLOR DIRECTION */

/* #region		FONT FAMILY */

.ff-1 {
	font-family: var(--font-family-1) !important;
}

.ff-2 {
	font-family: var(--font-family-2) !important;
}

.ff-3 {
	font-family: var(--font-family-3) !important;
}

.ff-4 {
	font-family: var(--font-family-4) !important;
}

.ff-5 {
	font-family: var(--font-family-5) !important;
}

/* #endregion	FONT FAMILY */

/* #region		FONT SIZE */

.fs-smallest {
	font-size: 0.75rem !important;
}

.fs-small {
	font-size: 0.875rem !important;
}

.fs-large {
	font-size: 3rem !important;
}

.fs-largest {
	font-size: 4.5rem !important;
}

/* #endregion	FONT SIZE */

/* #region		HEIGHT */

/* Bootstrap ships 25/50/75/100 and h-auto; h-0, h-33 and h-66 live in theme-default-public/css/classes.css */

.h-10 {
	height: 10% !important;
}

.h-20 {
	height: 20% !important;
}

.h-30 {
	height: 30% !important;
}

.h-40 {
	height: 40% !important;
}

.h-60 {
	height: 60% !important;
}

.h-70 {
	height: 70% !important;
}

.h-80 {
	height: 80% !important;
}

.h-90 {
	height: 90% !important;
}

/* #endregion	HEIGHT */

/* #region		HIGHLIGHT */

/* Mouse-equipped devices */
@media (pointer:fine) {
	[class^='hl-'],
	[class*=' hl-'] {
		opacity		: var(--highlight-opacity)		!important;
		transition	: opacity var(--transition-2)	!important;
		will-change	: opacity						!important;
	}
	[class^='hl-']:hover,
	[class*=' hl-']:hover,
	[class^='hl-']:focus,
	[class*=' hl-']:focus,
	[class^='hl-']:focus-within,
	[class*=' hl-']:focus-within,
	[class^='hl-']:disabled,
	[class*=' hl-']:disabled {
		--highlight-opacity: 100% !important;
	}
}

/* OR: Swiper bullets, regardless of input type */
.swiper-pagination-bullet[class^='hl-'],
.swiper-pagination-bullet[class*=' hl-'] {
	opacity		: var(--highlight-opacity)		!important;
	transition	: opacity var(--transition-2)	!important;
	will-change	: opacity						!important;
}
.swiper-pagination-bullet[class^='hl-']:hover,
.swiper-pagination-bullet[class*=' hl-']:hover,
.swiper-pagination-bullet[class^='hl-']:focus,
.swiper-pagination-bullet[class*=' hl-']:focus,
.swiper-pagination-bullet[class^='hl-']:focus-within,
.swiper-pagination-bullet[class*=' hl-']:focus-within,
.swiper-pagination-bullet[class^='hl-']:disabled,
.swiper-pagination-bullet[class*=' hl-']:disabled {
	--highlight-opacity: 100% !important;
}

/* Opacity levels (shared) */
.hl-0 {
	--highlight-opacity: 0% !important;
}
.hl-5 {
	--highlight-opacity: 5% !important;
}
.hl-10 {
	--highlight-opacity: 10% !important;
}
.hl-15 {
	--highlight-opacity: 15% !important;
}
.hl-20 {
	--highlight-opacity: 20% !important;
}
.hl-25 {
	--highlight-opacity: 25% !important;
}
.hl-30 {
	--highlight-opacity: 30% !important;
}
.hl-33 {
	--highlight-opacity: 33% !important;
}
.hl-35 {
	--highlight-opacity: 35% !important;
}
.hl-40 {
	--highlight-opacity: 40% !important;
}
.hl-45 {
	--highlight-opacity: 45% !important;
}
.hl-50 {
	--highlight-opacity: 50% !important;
}
.hl-55 {
	--highlight-opacity: 55% !important;
}
.hl-60 {
	--highlight-opacity: 60% !important;
}
.hl-65 {
	--highlight-opacity: 65% !important;
}
.hl-66 {
	--highlight-opacity: 66% !important;
}
.hl-70 {
	--highlight-opacity: 70% !important;
}
.hl-75 {
	--highlight-opacity: 75% !important;
}
.hl-80 {
	--highlight-opacity: 80% !important;
}
.hl-85 {
	--highlight-opacity: 85% !important;
}
.hl-90 {
	--highlight-opacity: 90% !important;
}
.hl-95 {
	--highlight-opacity: 95% !important;
}
.hl-100 {
	--highlight-opacity: 100% !important;
}

/* #endregion	HIGHLIGHT */

/* #region		HOVER ZOOM */

[class^='hz-'],
[class*=' hz-'] {
	transition			: transform 500ms	!important;
	--hover-zoom-scale	: 1;
}

[class^='hz-']:hover,
[class*=' hz-']:hover,
.box:hover>.backdrop[class^='hz-'],
.box:hover>.backdrop[class*=' hz-'] {
	transform: scale(var(--hover-zoom-scale)) !important;
}

.hz-lightest {
	--hover-zoom-scale: 1.05 !important;
}

.hz-light {
	--hover-zoom-scale: 1.1 !important;
}

.hz-medium {
	--hover-zoom-scale: 1.25 !important;
}

.hz-heavy {
	--hover-zoom-scale: 1.5 !important;
}

.hz-heaviest {
	--hover-zoom-scale: 2 !important;
}

/* #endregion	HOVER ZOOM */

/* #region		LETTER CASE */

/* Opts out of a casing inherited from an ancestor — a null override cannot clear it (deep merge keeps the prototype value) */
.text-none {
	text-transform: none !important;
}

/* #endregion	LETTER CASE */

/* #region		LETTER SPACING */

/* em, not rem: tracking has to track the font size it sits on, not the root */

.ls-tightest {
	letter-spacing: -0.05em !important;
}

.ls-tighter {
	letter-spacing: -0.035em !important;
}

.ls-tight {
	letter-spacing: -0.02em !important;
}

/* Resets tracking inherited from an ancestor — a null override cannot clear it (deep merge keeps the prototype value) */
.ls-normal {
	letter-spacing: normal !important;
}

.ls-wide {
	letter-spacing: 0.05em !important;
}

.ls-wider {
	letter-spacing: 0.1em !important;
}

.ls-widest {
	letter-spacing: 0.2em !important;
}

/* #endregion	LETTER SPACING */

/* #region		MARGIN (negative) */

/* Bootstrap only emits these with $enable-negative-margins on, which this build has off. Values mirror
   its own scale, so enabling it upstream would duplicate these declarations rather than fight them. */

.mt-n1 {
	margin-top: -0.25rem !important;
}

.mt-n2 {
	margin-top: -0.5rem !important;
}

.mt-n3 {
	margin-top: -1rem !important;
}

.mt-n4 {
	margin-top: -1.5rem !important;
}

.mt-n5 {
	margin-top: -3rem !important;
}

/* #endregion	MARGIN (negative) */

/* #region		OPACITY */

/* Bootstrap already ships 0/25/50/75/100 — redeclaring them here would shadow those utilities */

.opacity-5 {
	opacity: 0.05 !important;
}

.opacity-10 {
	opacity: 0.1 !important;
}

.opacity-15 {
	opacity: 0.15 !important;
}

.opacity-20 {
	opacity: 0.2 !important;
}

.opacity-30 {
	opacity: 0.3 !important;
}

.opacity-33 {
	opacity: 0.33 !important;
}

.opacity-35 {
	opacity: 0.35 !important;
}

.opacity-40 {
	opacity: 0.4 !important;
}

.opacity-45 {
	opacity: 0.45 !important;
}

.opacity-55 {
	opacity: 0.55 !important;
}

.opacity-60 {
	opacity: 0.6 !important;
}

.opacity-65 {
	opacity: 0.65 !important;
}

.opacity-66 {
	opacity: 0.66 !important;
}

.opacity-70 {
	opacity: 0.7 !important;
}

.opacity-80 {
	opacity: 0.8 !important;
}

.opacity-85 {
	opacity: 0.85 !important;
}

.opacity-90 {
	opacity: 0.9 !important;
}

.opacity-95 {
	opacity: 0.95 !important;
}

/* #endregion	OPACITY */

/* #region		OVERLAY */

/* Multi-layer gradient overlay (HasOverlay::draw_overlay). Positioned sibling drawn
   over an image inside a positioned container; the gradient itself arrives per-instance
   via a nonced <style> keyed on the element id. */
.overlay-layer {
	pointer-events: none;
}

/* Tiled fractal noise composited over the gradient stack (OverlayDither). Long, dark,
   low-contrast ramps still band on 8-bit panels even when the browser renders them; a
   few percent of per-pixel noise dithers the steps away for ~1 KB of data URI. The URI
   is inline rather than a file so it needs no deploy step — `img-src data:` is already
   in the CSP (CSP-ops/classes.php). */
.overlay-dither-subtle::after,
.overlay-dither-medium::after,
.overlay-dither-strong::after {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
}

.overlay-dither-subtle::after {
	opacity: 0.025;
}

.overlay-dither-medium::after {
	opacity: 0.045;
}

.overlay-dither-strong::after {
	opacity: 0.07;
}

/* #endregion	OVERLAY */

/* #region		POSITION */

/* Bootstrap ships only 0/50/100; the 10-steps live in theme-default-public/css/classes.css, which loads before this file */

.start-5 {
	left: 5% !important;
}

.start-15 {
	left: 15% !important;
}

.start-25 {
	left: 25% !important;
}

.start-35 {
	left: 35% !important;
}

.start-45 {
	left: 45% !important;
}

.start-55 {
	left: 55% !important;
}

.start-65 {
	left: 65% !important;
}

.start-75 {
	left: 75% !important;
}

.start-85 {
	left: 85% !important;
}

.start-95 {
	left: 95% !important;
}

.end-5 {
	right: 5% !important;
}

.end-15 {
	right: 15% !important;
}

.end-25 {
	right: 25% !important;
}

.end-35 {
	right: 35% !important;
}

.end-45 {
	right: 45% !important;
}

.end-55 {
	right: 55% !important;
}

.end-65 {
	right: 65% !important;
}

.end-75 {
	right: 75% !important;
}

.end-85 {
	right: 85% !important;
}

.end-95 {
	right: 95% !important;
}

.top-5 {
	top: 5% !important;
}

.top-15 {
	top: 15% !important;
}

.top-25 {
	top: 25% !important;
}

.top-35 {
	top: 35% !important;
}

.top-45 {
	top: 45% !important;
}

.top-55 {
	top: 55% !important;
}

.top-65 {
	top: 65% !important;
}

.top-75 {
	top: 75% !important;
}

.top-85 {
	top: 85% !important;
}

.top-95 {
	top: 95% !important;
}

.bottom-5 {
	bottom: 5% !important;
}

.bottom-15 {
	bottom: 15% !important;
}

.bottom-25 {
	bottom: 25% !important;
}

.bottom-35 {
	bottom: 35% !important;
}

.bottom-45 {
	bottom: 45% !important;
}

.bottom-55 {
	bottom: 55% !important;
}

.bottom-65 {
	bottom: 65% !important;
}

.bottom-75 {
	bottom: 75% !important;
}

.bottom-85 {
	bottom: 85% !important;
}

.bottom-95 {
	bottom: 95% !important;
}

/* #endregion	POSITION */