html[data-theme='verymobile'] {
	--sbx-visibility-default-search: flex;
	--sbx-visibility-default-header: flex;
	--sbx-visibility-default-footer: none;

	/* Subbyx Purple */
	--sbx-purple-50: #c8e7c6;
	--sbx-purple-100: #c8e7c6;
	--sbx-purple-200: #c8e7c6;
	--sbx-purple-300: #c8e7c6;
	--sbx-purple-400: #038123;
	--sbx-purple-500: #038123;
	--sbx-purple-600: #038123;
	--sbx-purple-700: #038123;
	--sbx-purple-800: #038123;
	--sbx-purple-900: #00623a;
	--sbx-purple-950: #00380d;
	--sbx-purple-980: #031c09;

	/* Yellow Sunny */
	--sbx-yellow-sunny-50: #fae4ef;
	--sbx-yellow-sunny-100: #fae4ef;
	--sbx-yellow-sunny-200: #fae4ef;
	--sbx-yellow-sunny-300: #fae4ef;
	--sbx-yellow-sunny-400: #a61a67;
	--sbx-yellow-sunny-500: #a61a67;
	--sbx-yellow-sunny-600: #a61a67;
	--sbx-yellow-sunny-700: #a61a67;
	--sbx-yellow-sunny-800: #a61a67;
	--sbx-yellow-sunny-900: #a61a67;
	--sbx-yellow-sunny-950: #a61a67;

	/* Red Poppy */
	--sbx-red-poppy-50: #c8e7c6;
	--sbx-red-poppy-100: #c8e7c6;
	--sbx-red-poppy-200: #c8e7c6;
	--sbx-red-poppy-300: #c8e7c6;
	--sbx-red-poppy-400: #038123;
	--sbx-red-poppy-500: #038123;
	--sbx-red-poppy-600: #038123;
	--sbx-red-poppy-700: #038123;
	--sbx-red-poppy-800: #038123;
	--sbx-red-poppy-900: #00623a;
	--sbx-red-poppy-950: #00623a;

	/* Green Caribbean */
	--sbx-green-caribbean-50: #c8e7c6;
	--sbx-green-caribbean-100: #c8e7c6;
	--sbx-green-caribbean-200: #c8e7c6;
	--sbx-green-caribbean-300: #c8e7c6;
	--sbx-green-caribbean-400: #038123;
	--sbx-green-caribbean-500: #038123;
	--sbx-green-caribbean-600: #038123;
	--sbx-green-caribbean-700: #038123;
	--sbx-green-caribbean-800: #038123;
	--sbx-green-caribbean-900: #00623a;
	--sbx-green-caribbean-950: #00623a;

	/* Blue Blueberry */
	--sbx-blue-blueberry-50: #c8e7c6;
	--sbx-blue-blueberry-100: #c8e7c6;
	--sbx-blue-blueberry-200: #c8e7c6;
	--sbx-blue-blueberry-300: #c8e7c6;
	--sbx-blue-blueberry-400: #038123;
	--sbx-blue-blueberry-500: #038123;
	--sbx-blue-blueberry-600: #038123;
	--sbx-blue-blueberry-700: #038123;
	--sbx-blue-blueberry-800: #038123;
	--sbx-blue-blueberry-900: #00623a;
	--sbx-blue-blueberry-950: #00623a;

	/* Pink Rosie */
	--sbx-pink-rosie-50: #c8e7c6;
	--sbx-pink-rosie-100: #c8e7c6;
	--sbx-pink-rosie-200: #c8e7c6;
	--sbx-pink-rosie-300: #c8e7c6;
	--sbx-pink-rosie-400: #038123;
	--sbx-pink-rosie-500: #038123;
	--sbx-pink-rosie-600: #038123;
	--sbx-pink-rosie-700: #038123;
	--sbx-pink-rosie-800: #038123;
	--sbx-pink-rosie-900: #00623a;
	--sbx-pink-rosie-950: #00623a;

	/* Green Caribbean */
	--sbx-picton-blue-50: #c8e7c6;
	--sbx-picton-blue-100: #c8e7c6;
	--sbx-picton-blue-200: #c8e7c6;
	--sbx-picton-blue-300: #c8e7c6;
	--sbx-picton-blue-400: #038123;
	--sbx-picton-blue-500: #038123;
	--sbx-picton-blue-600: #038123;
	--sbx-picton-blue-700: #038123;
	--sbx-picton-blue-800: #038123;
	--sbx-picton-blue-900: #00623a;
	--sbx-picton-blue-950: #00623a;

	/* Informative */
	--sbx-informative-700: #171cde;
	/* Positive */
	--sbx-positive-700: #007e5f;
	/* Warning */
	--sbx-warning-400: #ffae20;
	--sbx-warning-700: #b74406;
	/* Negative */
	--sbx-negative-50: #fef6f6;
	--sbx-negative-700: #bd1918;
	--sbx-negative-800: #9c1918;
}
[data-theme='verymobile'] .veryHidden {
	display: none !important;
}
[data-theme='verymobile'] .font-neue {
	font-family: var(--font-nunitosans) !important;
}
[data-theme='verymobile'] .font-dewi {
	font-family: var(--font-nunitosans) !important;
}
[data-theme='verymobile'] .font-termina {
	font-family: var(--font-nunitosans) !important;
}
[data-theme='verymobile'] .verymobileHidden {
	display: none !important;
}
[data-theme='verymobile'] .verymobileText,
[data-theme='verymobile'] .verymobileText * {
	color: #038123 !important;
}
[data-theme='verymobile'] .verymobileBg {
	background-color: #038123 !important;
}
[data-theme='verymobile'] .verymobileBorder {
	border-color: #038123 !important;
}
[data-theme='verymobile'] a {
	color: #038123;
}
[data-theme='verymobile'] .recentSearchLink {
	color: unset !important;
}
[data-theme='verymobile'] .selectedPlanJohnny {
	background: linear-gradient(180deg, #038123 0%, #038123 92%, rgba(3, 129, 35, 0) 100%);
}
[data-theme='verymobile'] .selectedPlanTeddy {
	background: linear-gradient(180deg, #a61a67 0%, #a61a67 92%, rgba(166, 26, 103, 0) 100%);
}

/*** Primary Buttons ***/
/* Base state */
[data-theme='verymobile'] .btnPrimaryNeutral,
[data-theme='verymobile'] .btnPrimaryBrand {
	border: 1px solid #038123;
	background-color: #038123;
	color: #fff;
}

/* Hover state */
[data-theme='verymobile'] .btnPrimaryNeutral:hover,
[data-theme='verymobile'] .btnPrimaryBrand:hover {
	border-color: #c8e7c6;
	background-color: #c8e7c6;
	color: #000;
}

/* Active state */
[data-theme='verymobile'] .btnPrimaryNeutral:active,
[data-theme='verymobile'] .btnPrimaryBrand:active {
	border-color: #c8e7c6;
	background-color: #c8e7c6;
	color: #000;
}

/* Disabled state */
[data-theme='verymobile'] .btnPrimaryNeutral:disabled,
[data-theme='verymobile'] .btnPrimaryNeutral[disabled],
[data-theme='verymobile'] .btnPrimaryBrand:disabled,
[data-theme='verymobile'] .btnPrimaryBrand[disabled] {
	border-color: #d9d9d6;
	background-color: #d9d9d6;
	color: #fff;
	cursor: not-allowed;
	opacity: 0.7;
}

/*** Secondary Buttons ***/
/* Base state */
[data-theme='verymobile'] .btnSecondaryNeutral,
[data-theme='verymobile'] .btnSecondaryBrand {
	border: 1px solid #038123;
	background-color: #fff;
	color: #000;
}

/* Hover state */
[data-theme='verymobile'] .btnSecondaryNeutral:hover,
[data-theme='verymobile'] .btnSecondaryBrand:hover {
	border-color: #038123;
	background-color: #fff;
	color: #038123;
}

/* Active state */
[data-theme='verymobile'] .btnSecondaryNeutral:active,
[data-theme='verymobile'] .btnSecondaryBrand:active {
	border-color: #038123;
	background-color: #fff;
	color: #000;
}

/* Disabled state */
[data-theme='verymobile'] .btnSecondaryNeutral:disabled,
[data-theme='verymobile'] .btnSecondaryNeutral[disabled],
[data-theme='verymobile'] .btnSecondaryBrand:disabled,
[data-theme='verymobile'] .btnSecondaryBrand[disabled] {
	border-color: #b1b3b3;
	background-color: #fff;
	color: #b1b3b3;
	cursor: not-allowed;
	opacity: 0.7;
}

[data-theme='verymobile'] .textOnBrand,
.textOnBrand * {
	color: white;
}

[data-theme='verymobile'] .font-bold {
	font-weight: 900;
}
