/*webflow-pages.css*/

/* Size variants from variables */
@media (max-width: 991px) {
	:root {
		--typography-semantic-tokens--h1: var(--typography--font-size--font-size-3xl);
		--typography-semantic-tokens--h2: var(--typography--font-size--font-size-2xl);
	}
}
@media (max-width: 767px) {
	:root {
		--typography-semantic-tokens--h1: var(--typography--font-size--font-size-2xl);
		--typography-semantic-tokens--h2: var(--typography--font-size--font-size-xl);
		--typography-semantic-tokens--h3: var(--typography--font-size--font-size-lg);
		--typography-semantic-tokens--h4: var(--typography--font-size--font-size-default);
	}
}

.wf-page-main-content {
	position: relative;
	overflow-x: clip;
}

.wf-button {
	background-color: var(--_colors---colors-semantic-tokens--button);
	padding-top: var(--padding--padding-default);
	padding-bottom: var(--padding--padding-default);
	padding-left: var(--padding--padding-2xl);
	padding-right: var(--padding--padding-2xl);
	font-weight: var(--typography--font-weight--font-weight-semibold);
	color: var(--_colors---colors-semantic-tokens--button-text);
	font-size: var(--typography--font-size--font-size-default);
	line-height: var(--typography--line-height--line-height-xl);
	border-radius: var(--borders--border-radius-xl);
	margin-bottom: 0px;

	&:hover {
		background-color: var(--_colors---colors-semantic-tokens--button-hover);
	}
	&:active {
		background-color: var(--_colors---colors-semantic-tokens--button-pressed);
	}
	&:disabled {
		background-color: var(--_colors---colors-core--neutral--neutral-400);
		cursor: not-allowed;
	}

	/* --breakpoints--screen-width-xs = 768 */
	@media (min-width: 768px) {
		font-size: var(--typography--font-size--font-size-lg);
	}
}

.course-catalog-layout {
	display: flex;
	flex-direction: column;
	gap: var(--padding--padding-md);
	max-width: 100%;
	width: var(--breakpoints--screen-width-md);
	padding-left: var(--padding--padding-lg);
	padding-right: var(--padding--padding-lg);
	margin: var(--padding--padding-2xl) auto 0px auto;
	@media (min-width: 1024px) {
		flex-direction: row;
		padding-left: 0px;
		padding-right: 0px;
	}
}

.course-catalog-clear-filters-button {
	padding-top: var(--padding--padding-xs);
	padding-bottom: var(--padding--padding-xs);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	border-radius: 9999px;
	border: var(--borders--border-width-bold) solid var(--_colors---colors-support--gray--gray-100);
	background-color: transparent;


	> p {
		color: var(--_colors---colors-semantic-tokens--text-primary);
		margin-bottom: 0px;
		text-transform: capitalize;
		font-weight: var(--typography--font-weight--font-weight-bold);
		font-size: var(--typography--font-size--font-size-default);
		line-height: var(--typography--line-height--line-height-2xl);

	}
}

.course-catalog-filters {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: var(--padding--padding-default);
	width: 100%;
	padding: var(--padding--padding-lg);
	background-color: white;
	border-radius: var(--borders--border-radius-lg);
	@media (min-width: 1024px) {
		gap: var(--padding--padding-2xl);
		width: 33.3333%;
	}
}

.course-catalog-categories-set {
	display: none;
	@media (min-width: 1024px) {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: var(--padding--padding-xs);
		width: 100%;
	}
}

.course-catalog-category {

	&>input {
		opacity: 0;
		position: absolute;
		z-index: 1;
		height: 0px;
		width: 0px;
	}

	&>label {
		display: flex;
		align-items: center;
		padding: var(--padding--padding-xs) var(--padding--padding-default);
		margin-bottom: 0px;
		border: var(--borders--border-width-default) solid var(--_colors---colors-semantic-tokens--text-secondary);
		border-radius: 9999px;
		background-color: var(--_colors---colors-semantic-tokens--background-primary);
		color: var(--_colors---colors-semantic-tokens--text-secondary);
		font-weight: var(--typography--font-weight--font-weight-regular);
		font-size: var(--typography--font-size--font-size-sm);
		line-height: var(--typography--line-height--line-height-2xl);
		cursor: pointer;

		&>p {
			color: inherit;
			margin: 0px;
		}
	}

	&.checked {
		&>label {
			background-color: var(--_colors---colors-semantic-tokens--text-secondary);
			color: var(--_colors---colors-semantic-tokens--background-primary);
		}
	}
}

.course-catalog-sort {
	/*hidden lg:flex lg:flex-col w-full font-normal*/
	display: none;
	@media (min-width: 1024px) {
		display: flex;
		flex-direction: column;
		width: 100%;
		font-weight: var(--typography--font-weight--font-weight-regular);
	}
}

.course-catalog-cards {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: var(--padding--padding-md);
	@media (min-width: 1024px) {
		width:66.6666666%;
	}
}

.course-card-error {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: 16 / 9;
	font-size: var(--typography--font-size--font-size-xl);
	line-height: var(--typography--line-height--line-height-xl);
	color: var(--_colors---colors-semantic-tokens--text-secondary);
	background-color: var(--_colors---colors-semantic-tokens--background-primary);
	border-radius: var(--borders--border-radius-lg);
	font-weight: var(--typography--font-weight--font-weight-bold);
}

.course-card-paginator {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	gap: var(--padding--padding-default);
	margin-top: var(--padding--padding-lg);
	margin-left: auto;
	@media (min-width: 768px) {
		flex-direction: row;
		justify-content: flex-end;
	}

	&>.page-count {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		font-size: var(--typography--font-size--font-size-lg);
		font-weight: var(--typography--font-weight--font-weight-bold);
		color: var(--_colors---colors-semantic-tokens--text-secondary);
	}

	&>.page-button {
		padding: var(--padding--padding-xs) var(--padding--padding-lg);
		border-radius: 9999px;
		border: var(--borders--border-width-bold) solid var(--_colors---colors-semantic-tokens--text-secondary);
		z-index: 10;
		width: -moz-max-content;
		width: max-content;
		background: transparent;

		&.invisible {
			visibility: hidden;
		}
	}
}

.course-card {
	position: relative;
	overflow: hidden;
	border-radius: var(--borders--border-radius-lg);
	background-color: var(--_colors---colors-semantic-tokens--background-primary);
	border: var(--borders--border-width-default) solid var(--_colors---colors-support--gray--gray-100);

	&>section {
		display: flex;
		flex-direction: column;
		gap: var(--padding--padding-default);
		padding: var(--padding--padding-lg);

		&>.course-title {
			width: 100%;
			font-weight: var(--typography--font-weight--font-weight-semibold);
			color: var(--_colors---colors-semantic-tokens--text-secondary);
		}

		&>.course-description {
			overflow: hidden;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
			margin: 0px;
		}

		&>.course-link {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;

		}
	}
}

.course-page {
	.course-content {
		display:flex;
		flex-direction: column;
		align-items: center;
		gap: var(--padding--padding-2xl);
		padding-top: var(--padding--padding-4xl);
		padding-left: var(--padding--padding-2xl);
		padding-right: var(--padding--padding-2xl);
		max-width: var(--page--inner-page-max-width);
		width: 100%;
		margin: auto;
		@media (min-width: 1024px) {
			width:50%;
		}
	}

	.course-type {
		display: block;
		color: var(--_colors---colors-semantic-tokens--text-primary);
		font-weight: var(--typography--font-weight--font-weight-regular);
		font-size: var(--typography-semantic-tokens--h3);
		line-height: var(--typography--line-height--line-height-xl);
		text-align: center;
		width: 100%;
	}

	.course-title {
		text-align: center;
		color: var(--_colors---colors-semantic-tokens--text-secondary);
		font-weight: var(--typography--font-weight--font-weight-bold);
		font-size: var(--typography-semantic-tokens--h1);
		line-height: var(--typography--line-height--line-height-default);
		margin-top: var(--padding--padding-xs);
		margin-bottom: var(--padding--padding-xl);
	}

	.course-subheading {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		justify-content: space-between;
		align-items: flex-start;
		gap: var(--padding--padding-xl);

		.course-subheading-section {
			display: flex;
			flex-direction: column;
			justify-items: flex-start;

			.course-subheading-title {
				color: var(--_colors---colors-semantic-tokens--text-primary);
				font-weight: var(--typography--font-weight--font-weight-bold);
				font-size: var(--typography--font-size--font-size-sm);
				line-height: var(--typography--line-height--line-height-default);
				margin-bottom: var(--padding--padding-xs);
				letter-spacing: 0.025em;
			}
		}
	}

	.course-description {
		/*text-ab-primary-dark mb-4 w-full mt-8*/
		color: var(--_colors---colors-semantic-tokens--text-secondary);
		width: 100%;
		margin-bottom: var(--padding--padding-default);
		margin-top: var(--padding--padding-xl);
	}

	.learning-objectives-header {
		font-weight: var(--typography--font-weight--font-weight-regular);
		line-height: var(--typography--line-height--line-height-2xl);
		text-align: left;
		align-self: flex-start;
		width: 100%;
		display: block;
		margin: 0px 0px var(--padding--padding-xs) 0px;
	}

	.learning-objectives-list {
		align-self: flex-start;
		margin-top: 0px;
		margin-bottom: var(--padding--padding-default);
		list-style-type: disc;
		list-style-position: inside;
	}

	.related-courses-section {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		max-width: var(--page--inner-page-max-width);
		margin: auto;
		padding: var(--padding--padding-5xl) var(--padding--padding-2xl);
		gap: var(--padding--padding-lg);

		&> h2 {
			color: var(--_colors---colors-semantic-tokens--text-secondary);
			text-align: center;
			line-height: var(--typography--line-height--line-height-md);
			margin-bottom: var(--padding--padding-default);
		}

		&> div {
			width: 100%;
			max-width: var(--page--inner-page-max-width);
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: center;
			align-content: stretch;
			padding: var(--padding--padding-lg);
			margin: var(--padding--padding-lg) auto var(--padding--padding-default);
			gap: var(--padding--padding-default);

			@media (min-width: 1440px) {
				flex-wrap: nowrap;
				padding: 0px;
			}
		}
	}

	.related-course-card {
		position: relative; /* For link coverage */
		display: flex;
		flex-direction: column;
		flex-basis: 33.333%;
		align-items: flex-start;
		justify-content: space-between;
		max-width: 100%;
		min-width: 350px;
		overflow: hidden;
		border-radius: var(--borders--border-radius-lg);
		border: var(--borders--border-width-default) solid var(--_colors---colors-support--gray--gray-100);

		> &a {
			/* cover whole card */
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
		}

		> .card-content {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			justify-content: space-between;
			gap: var(--padding--padding-xs);
			height: 100%;
			padding: var(--padding--padding-xl);

			> .type {
				color: var(--_colors---colors-semantic-tokens--text-primary);
			}
			> .title {
				color: var(--_colors---colors-semantic-tokens--text-secondary);
				text-align: left;
				margin: 0px auto;
				width: 100%;
				line-height: var(--typography--line-height--line-height-2xl);
				font-weight: var(--typography--font-weight--font-weight-bold);
			}
			> .description {
				text-align: left;
				color: var(--_colors---colors-semantic-tokens--text-primary);
				font-size: var(--typography--font-size--font-size-default);
				line-height: var(--typography--line-height--line-height-2xl);
				font-weight: var(--typography--font-weight--font-weight-regular);
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				margin: 0px;
			}

			> .cta {
				/* bg-transparent hover:bg-transparent ab-body-16 font-bold no-underline*/
				display: flex;
				align-items: center;
				width: 100%;
				gap: var(--padding--padding-xxs);
				text-decoration-line: none;
				background-color: transparent;
				font-size: var(--typography--font-size--font-size-default);
				line-height: var(--typography--line-height--line-height-2xl);
				font-weight: var(--typography--font-weight--font-weight-regular);

				&:hover {
					background-color: transparent;
				}
			}
		}
	}
}

.spinner {
	margin-left: auto;
	margin-right: auto;

	&>div {
		background-color: rgba(0,0,0,0);
		width: 100%;
		aspect-ratio: 1;
		border: 6px solid var(--_colors---colors-support--gray--gray-100);
		border-radius: 100%;
		border-bottom-color: rgba(0,0,0,0);
		animation: spin 1s linear infinite;
	}
}
@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

.search-field {
	width: 100%;
	border-radius: 9999px;
	display: flex;
	align-items: center;
	gap: var(--padding--padding-xs);
	padding: var(--padding--padding-xxs) var(--padding--padding-xs) var(--padding--padding-xxs) var(--padding--padding-md);
	background-color: var(--_colors---colors-core--neutral--neutral-100);
	--search-field-icon: var(--_colors---colors-support--gray--gray-200); /* Passed to svg stroke color for icon */
	line-height: 1; /* For icon alignment */

	&>input {
		padding: var(--padding--padding-xs) var(--input-fields--input-font-size) var(--padding--padding-xs) var(--input-fields--input-font-size);
		font-weight: var(--typography--font-weight--font-weight-semibold);
		color: var(--_colors---colors-semantic-tokens--text-primary);
		font-size: var(--typography--font-size--font-size-default);
		line-height: var(--typography--line-height--line-height-2xl);
		width: 100%;
		background-color: transparent;
		border: none;
		&:focus {
			outline: none;
			box-shadow: none;
		}
	}
}

.select {
	display: flex;
	flex-direction: column;
	width: 100%;
	border-radius: var(--borders--border-radius-m);

	&>.select-button {
		padding: var(--padding--padding-xxs) var(--padding--padding-lg);
		display: flex;
		justify-content: space-between;
		align-items: center;
		cursor: pointer;
		color: var(--_colors---forms--input-text);
		border: var(--borders--border-width-bold) solid var(--_colors---forms--input-border-focused);
		border-radius: var(--borders--border-radius-m);
		position: relative;
		background-color: var(--_colors---colors-semantic-tokens--background-primary);
		font-size: var(--typography--font-size--font-size-lg);
		line-height: var(--typography--line-height--line-height-xl);

		&.open {
			z-index: 10;
		}
	}

	&>.select-list {
		position: relative;

		ul {
			position: absolute;
			top: -10px;
			width: 100%;
			border: var(--borders--border-width-bold) solid var(--_colors---forms--input-border-focused);
			border-radius: var(--borders--border-radius-m);
			border-top-width: 0px;
			max-height: 300px;
			overflow: auto;
			margin: 0px;
			padding: var(--padding--padding-xs) 0px 0px 0px;
			z-index: 2;
			background-color: var(--_colors---colors-semantic-tokens--background-primary);
			list-style: none;

			li {
				/* hover:bg-ab-primary-medium hover:text-white duration-150 */
				font-size: var(--typography--font-size--font-size-lg);
				color: var(--_colors---forms--input-text);
				cursor: pointer;
				margin: 0px;
				padding: var(--padding--padding-xs) var(--padding--padding-lg);
				transition-duration: 150ms;

				&:hover {
					color: var(--_colors---colors-semantic-tokens--background-primary);
					background-color: var(--_colors---forms--input-text);
				}
			}
		}
	}
}

.rating {
	display: flex;
	flex-direction: column;
	gap: var(--padding--padding-xs);
	align-self: flex-start;

	&>label {
		/* font-nunito  leading-5*/
		font-size: var(--typography--font-size--font-size-sm);
		color: var(--_colors---colors-semantic-tokens--text-secondary);
		font-weight: var(--typography--font-weight--font-weight-extrabold);
		line-height: var(--typography--line-height--line-height-2xl);
	}
	.unrated {
		color: var(--_colors---colors-core--neutral--neutral-300);
	}
	.rating-stars {
		display: flex;
		flex-direction: row;
		color: var(--_colors---colors-semantic-tokens--text-secondary);
		font-weight: var(--typography--font-weight--font-weight-bold);
		gap: var(--padding--padding-xs);
		align-items: center;

	}
}

.social-media-share-links {
	/*flex flex-wrap justify-start items-start gap-6 w-full pb-1*/
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-items: flex-start;
	align-items: flex-start;
	gap: var(--padding--padding-lg);
	width: 100%;
	padding-bottom: var(--padding--padding-xxs);

	a {
		height: var(--icons--icon-height-xs);
		width: var(--icons--icon-height-xs);
	}
}

:root {
    --absorb---page--inner-page-max-width: var(--page--inner-page-max-width);
    --absorb---page--outer-page-max-width: var(--page--outer-page-max-width);
    --absorb---typography--font-family--font-family-body: var(--typography--font-family--font-family-body);
    --absorb---typography--font-family--font-family-headers: var(--typography--font-family--font-family-headers);
    --absorb---typography--font-family--font-family-system: var(--typography--font-family--font-family-system);
    --absorb---typography--font-family--font-family-input: var(--typography--font-family--font-family-input);
    --absorb---typography--font-family--font-family-monospace: var(--typography--font-family--font-family-monospace);
    --absorb---padding--none: var(--padding--none);
    --absorb---padding--padding-xxs: var(--padding--padding-xxs);
    --absorb---padding--padding-xs: var(--padding--padding-xs);
    --absorb---padding--padding-default: var(--padding--padding-default);
    --absorb---padding--padding-md: var(--padding--padding-md);
    --absorb---padding--padding-lg: var(--padding--padding-lg);
    --absorb---padding--padding-xl: var(--padding--padding-xl);
    --absorb---padding--padding-2xl: var(--padding--padding-2xl);
    --absorb---padding--padding-3xl: var(--padding--padding-3xl);
    --absorb---padding--padding-4xl: var(--padding--padding-4xl);
    --absorb---padding--padding-5xl: var(--padding--padding-5xl);
    --absorb_form-control-sizes---input-padding-horizontal-default: var(--_form-control-sizes---input-padding-horizontal-default);
    --absorb_component-sizes---header--header-height: var(--_component-sizes---header--header-height);
    --absorb_form-control-sizes---input-padding-left: var(--_form-control-sizes---input-padding-left);
    --absorb_component-sizes---header--header-max-width: var(--_component-sizes---header--header-max-width);
    --absorb_form-control-sizes---input-padding-right: var(--_form-control-sizes---input-padding-right);
    --absorb_component-sizes---header--header-primary-nav-link-height: var(--_component-sizes---header--header-primary-nav-link-height);
    --absorb_form-control-sizes---min-label-padding-left: var(--_form-control-sizes---min-label-padding-left);
    --absorb_component-sizes---error-bubble--tip-width: var(--_component-sizes---error-bubble--tip-width);
    --absorb_component-sizes---error-bubble--tip-height: var(--_component-sizes---error-bubble--tip-height);
    --absorb_component-sizes---error-bubble--tip-inset: var(--_component-sizes---error-bubble--tip-inset);
    --absorb_component-sizes---error-bubble--border-width: var(--_component-sizes---error-bubble--border-width);
    --absorb_component-sizes---error-bubble--padding-h: var(--_component-sizes---error-bubble--padding-h);
    --absorb_component-sizes---error-bubble--padding-v: var(--_component-sizes---error-bubble--padding-v);
    --absorb_component-sizes---error-bubble--border-radius: var(--_component-sizes---error-bubble--border-radius);
    --absorb_component-sizes---error-bubble--error-font-size: var(--_component-sizes---error-bubble--error-font-size);
    --absorb_component-sizes---error-bubble--error-font-weight: var(--_component-sizes---error-bubble--error-font-weight);
    --absorb_component-sizes---error-bubble--error-line-height: var(--_component-sizes---error-bubble--error-line-height);
    --absorb_component-sizes---forms--form-well-inset-padding: var(--_component-sizes---forms--form-well-inset-padding);
    --absorb_form-control-sizes---min-label-padding-right: var(--_form-control-sizes---min-label-padding-right);
    --absorb_component-sizes---articles--article-body-max-width: var(--_component-sizes---articles--article-body-max-width);
    --absorb_form-control-sizes---max-label-padding-left: var(--_form-control-sizes---max-label-padding-left);
    --absorb_component-sizes---articles--resource-hero-max-width: var(--_component-sizes---articles--resource-hero-max-width);
    --absorb_form-control-sizes---max-label-padding-right: var(--_form-control-sizes---max-label-padding-right);
    --absorb_component-sizes---articles--resource-hero-copy-max-width: var(--_component-sizes---articles--resource-hero-copy-max-width);
    --absorb_colors---colors-semantic-tokens--text-primary: var(--_colors---colors-semantic-tokens--text-primary);
    --absorb_colors---colors-semantic-tokens--text-secondary: var(--_colors---colors-semantic-tokens--text-secondary);
    --absorb_colors---colors-semantic-tokens--text-highlight: var(--_colors---colors-semantic-tokens--text-highlight);
    --absorb_colors---colors-semantic-tokens--button: var(--_colors---colors-semantic-tokens--button);
    --absorb_colors---colors-semantic-tokens--button-hover: var(--_colors---colors-semantic-tokens--button-hover);
    --absorb_colors---colors-semantic-tokens--button-pressed: var(--_colors---colors-semantic-tokens--button-pressed);
    --absorb_colors---colors-semantic-tokens--button-text: var(--_colors---colors-semantic-tokens--button-text);
    --absorb_colors---colors-semantic-tokens--button-prominent: var(--_colors---colors-semantic-tokens--button-prominent);
    --absorb_colors---colors-semantic-tokens--button-prominent-hover: var(--_colors---colors-semantic-tokens--button-prominent-hover);
    --absorb_colors---colors-semantic-tokens--button-prominent-pressed: var(--_colors---colors-semantic-tokens--button-prominent-pressed);
    --absorb_colors---colors-semantic-tokens--button-prominent-text: var(--_colors---colors-semantic-tokens--button-prominent-text);
    --absorb_colors---colors-semantic-tokens--button-recessed: var(--_colors---colors-semantic-tokens--button-recessed);
    --absorb_colors---colors-semantic-tokens--button-recessed-hover: var(--_colors---colors-semantic-tokens--button-recessed-hover);
    --absorb_colors---colors-semantic-tokens--button-recessed-pressed: var(--_colors---colors-semantic-tokens--button-recessed-pressed);
    --absorb_colors---colors-semantic-tokens--button-recessed-text: var(--_colors---colors-semantic-tokens--button-recessed-text);
    --absorb_colors---colors-semantic-tokens--button-recessed-border: var(--_colors---colors-semantic-tokens--button-recessed-border);
    --absorb_colors---colors-semantic-tokens--background-primary: var(--_colors---colors-semantic-tokens--background-primary);
    --absorb_colors---colors-semantic-tokens--background-secondary: var(--_colors---colors-semantic-tokens--background-secondary);
    --absorb_colors---colors-semantic-tokens--separator-line: var(--_colors---colors-semantic-tokens--separator-line);
    --absorb_colors---colors-semantic-tokens--author-warning-color: var(--_colors---colors-semantic-tokens--author-warning-color);
    --absorb_colors---forms--input-border: var(--_colors---forms--input-border);
    --absorb_colors---forms--input-border-empty: var(--_colors---forms--input-border-empty);
    --absorb_colors---forms--input-border-disabled: var(--_colors---forms--input-border-disabled);
    --absorb_colors---forms--input-border-hover: var(--_colors---forms--input-border-hover);
    --absorb_colors---forms--input-border-focused: var(--_colors---forms--input-border-focused);
    --absorb_colors---forms--input-border-invalid: var(--_colors---forms--input-border-invalid);
    --absorb_colors---forms--input-outline-focused: var(--_colors---forms--input-outline-focused);
    --absorb_colors---forms--input-text: var(--_colors---forms--input-text);
    --absorb_colors---forms--input-text-placeholder: var(--_colors---forms--input-text-placeholder);
    --absorb_colors---forms--input-text-placeholder-unfocused: var(--_colors---forms--input-text-placeholder-unfocused);
    --absorb_colors---forms--input-text-disabled: var(--_colors---forms--input-text-disabled);
    --absorb_colors---forms--input-text-focused: var(--_colors---forms--input-text-focused);
    --absorb_colors---forms--input-text-autofill: var(--_colors---forms--input-text-autofill);
    --absorb_colors---forms--input-background: var(--_colors---forms--input-background);
    --absorb_colors---forms--input-max-label-text: var(--_colors---forms--input-max-label-text);
    --absorb_colors---forms--input-min-label-text: var(--_colors---forms--input-min-label-text);
    --absorb_colors---forms--form-well-border: var(--_colors---forms--form-well-border);
    --absorb_colors---forms--textarea-label-background: var(--_colors---forms--textarea-label-background);
    --absorb_colors---forms--field-error-text: var(--_colors---forms--field-error-text);
    --absorb_colors---forms--field-error-text-pressed: var(--_colors---forms--field-error-text-pressed);
    --absorb_colors---forms--field-error-background-hover: var(--_colors---forms--field-error-background-hover);
    --absorb_colors---forms--field-error-background-pressed: var(--_colors---forms--field-error-background-pressed);
    --absorb_colors---forms--error-bubble-background: var(--_colors---forms--error-bubble-background);
    --absorb_colors---forms--error-bubble-border: var(--_colors---forms--error-bubble-border);
    --absorb_colors---forms--error-bubble-text: var(--_colors---forms--error-bubble-text);
    --absorb_colors---forms--error-bubble-tip-fill: var(--_colors---forms--error-bubble-tip-fill);
    --absorb_colors---forms--error-bubble-shadow: var(--_colors---forms--error-bubble-shadow);
    --absorb_colors---forms--error-bubble-tip-stroke: var(--_colors---forms--error-bubble-tip-stroke);
    --absorb_colors---forms--input-tile-background: var(--_colors---forms--input-tile-background);
    --absorb_colors---forms--input-tile-background-hover: var(--_colors---forms--input-tile-background-hover);
    --absorb_colors---forms--input-tile-background-pressed: var(--_colors---forms--input-tile-background-pressed);
    --absorb_colors---article-embeds--embed-card-background: var(--_colors---article-embeds--embed-card-background);
    --absorb_colors---article-embeds--embed-card-foreground: var(--_colors---article-embeds--embed-card-foreground);
    --absorb_colors---article-embeds--embed-card-border: var(--_colors---article-embeds--embed-card-border);
    --absorb_colors---colors-core--white--white-100: var(--_colors---colors-core--white--white-100);
    --absorb_colors---colors-core--blue--blue-100: var(--_colors---colors-core--blue--blue-100);
    --absorb_colors---colors-core--blue--blue-200: var(--_colors---colors-core--blue--blue-200);
    --absorb_colors---colors-core--blue--blue-300: var(--_colors---colors-core--blue--blue-300);
    --absorb_colors---colors-core--blue--blue-400: var(--_colors---colors-core--blue--blue-400);
    --absorb_colors---colors-core--blue--blue-500: var(--_colors---colors-core--blue--blue-500);
    --absorb_colors---colors-core--blue--blue-600: var(--_colors---colors-core--blue--blue-600);
    --absorb_colors---colors-core--blue--blue-700: var(--_colors---colors-core--blue--blue-700);
    --absorb_colors---colors-core--blue--blue-800: var(--_colors---colors-core--blue--blue-800);
    --absorb_colors---colors-core--neutral--neutral-100: var(--_colors---colors-core--neutral--neutral-100);
    --absorb_colors---colors-core--neutral--neutral-200: var(--_colors---colors-core--neutral--neutral-200);
    --absorb_colors---colors-core--neutral--neutral-300: var(--_colors---colors-core--neutral--neutral-300);
    --absorb_colors---colors-core--neutral--neutral-400: var(--_colors---colors-core--neutral--neutral-400);
    --absorb_colors---colors-core--pink--pink-100: var(--_colors---colors-core--pink--pink-100);
    --absorb_colors---colors-core--pink--pink-200: var(--_colors---colors-core--pink--pink-200);
    --absorb_colors---colors-support--yellow--yellow-100: var(--_colors---colors-support--yellow--yellow-100);
    --absorb_colors---colors-support--yellow--yellow-200: var(--_colors---colors-support--yellow--yellow-200);
    --absorb_colors---colors-support--purple--purple-100: var(--_colors---colors-support--purple--purple-100);
    --absorb_colors---colors-support--purple--purple-200: var(--_colors---colors-support--purple--purple-200);
    --absorb_colors---colors-support--gray--gray-100: var(--_colors---colors-support--gray--gray-100);
    --absorb_colors---colors-support--gray--gray-200: var(--_colors---colors-support--gray--gray-200);
    --absorb_colors---colors-support--gray--gray-300: var(--_colors---colors-support--gray--gray-300);
    --absorb_colors---colors-support--green--green-100: var(--_colors---colors-support--green--green-100);
    --absorb_colors---colors-support--orange--orange-100: var(--_colors---colors-support--orange--orange-100);
    --absorb_colors---colors-deprecated--background-dark-secondary: var(--_colors---colors-deprecated--background-dark-secondary);
    --absorb_colors---colors-deprecated--text-secondary-inverse: var(--_colors---colors-deprecated--text-secondary-inverse);
    --absorb_colors---hacks--0-size-in-dark-background: var(--_colors---hacks--0-size-in-dark-background);
    --absorb_colors---hacks--0-in-dark-background: var(--_colors---hacks--0-in-dark-background);
    --absorb_colors---hacks--0-size-in-light-background: var(--_colors---hacks--0-size-in-light-background);
    --absorb_colors---hacks--0-in-light-background: var(--_colors---hacks--0-in-light-background);
    --absorb---typography-semantic-tokens--h1: var(--typography-semantic-tokens--h1);
    --absorb---typography-semantic-tokens--h2: var(--typography-semantic-tokens--h2);
    --absorb---typography-semantic-tokens--h3: var(--typography-semantic-tokens--h3);
    --absorb---typography-semantic-tokens--h4: var(--typography-semantic-tokens--h4);
    --absorb---typography-semantic-tokens--body: var(--typography-semantic-tokens--body);
    --absorb---typography-semantic-tokens--button: var(--typography-semantic-tokens--button);
    --absorb---typography--font-size--font-size-xxs: var(--typography--font-size--font-size-xxs);
    --absorb---typography--font-size--font-size-xs: var(--typography--font-size--font-size-xs);
    --absorb---typography--font-size--font-size-sm: var(--typography--font-size--font-size-sm);
    --absorb---typography--font-size--font-size-default: var(--typography--font-size--font-size-default);
    --absorb---typography--font-size--font-size-lg: var(--typography--font-size--font-size-lg);
    --absorb---typography--font-size--font-size-xl: var(--typography--font-size--font-size-xl);
    --absorb---typography--font-size--font-size-2xl: var(--typography--font-size--font-size-2xl);
    --absorb---typography--font-size--font-size-3xl: var(--typography--font-size--font-size-3xl);
    --absorb---typography--font-size--font-size-4xl: var(--typography--font-size--font-size-4xl);
    --absorb---typography--font-weight--font-weight-light: var(--typography--font-weight--font-weight-light);
    --absorb---typography--font-weight--font-weight-regular: var(--typography--font-weight--font-weight-regular);
    --absorb---typography--font-weight--font-weight-medium: var(--typography--font-weight--font-weight-medium);
    --absorb---typography--font-weight--font-weight-semibold: var(--typography--font-weight--font-weight-semibold);
    --absorb---typography--font-weight--font-weight-bold: var(--typography--font-weight--font-weight-bold);
    --absorb---typography--font-weight--font-weight-extrabold: var(--typography--font-weight--font-weight-extrabold);
    --absorb---typography--letter-spacing--letter-spacing-tighter: var(--typography--letter-spacing--letter-spacing-tighter);
    --absorb---typography--letter-spacing--letter-spacing-tight: var(--typography--letter-spacing--letter-spacing-tight);
    --absorb---typography--letter-spacing--letter-spacing-default: var(--typography--letter-spacing--letter-spacing-default);
    --absorb---typography--letter-spacing--letter-spacing-loose: var(--typography--letter-spacing--letter-spacing-loose);
    --absorb---typography--letter-spacing--letter-spacing-looser: var(--typography--letter-spacing--letter-spacing-looser);
    --absorb---typography--line-height--line-height-xxs: var(--typography--line-height--line-height-xxs);
    --absorb---typography--line-height--line-height-xs: var(--typography--line-height--line-height-xs);
    --absorb---typography--line-height--line-height-default: var(--typography--line-height--line-height-default);
    --absorb---typography--line-height--line-height-md: var(--typography--line-height--line-height-md);
    --absorb---typography--line-height--line-height-lg: var(--typography--line-height--line-height-lg);
    --absorb---typography--line-height--line-height-xl: var(--typography--line-height--line-height-xl);
    --absorb---typography--line-height--line-height-2xl: var(--typography--line-height--line-height-2xl);
    --absorb---typography--line-height--line-height-3xl: var(--typography--line-height--line-height-3xl);
    --absorb---typography--line-height--line-height-4xl: var(--typography--line-height--line-height-4xl);
    --absorb---input-fields--input-padding-top: var(--input-fields--input-padding-top);
    --absorb---input-fields--input-padding-bottom: var(--input-fields--input-padding-bottom);
    --absorb---input-fields--input-margin-bottom: var(--input-fields--input-margin-bottom);
    --absorb---input-fields--input-height: var(--input-fields--input-height);
    --absorb---input-fields--input-border-radius: var(--input-fields--input-border-radius);
    --absorb---input-fields--input-border-width: var(--input-fields--input-border-width);
    --absorb---input-fields--input-font-size: var(--input-fields--input-font-size);
    --absorb---input-fields--input-line-height: var(--input-fields--input-line-height);
    --absorb---input-fields--textarea-line-height: var(--input-fields--textarea-line-height);
    --absorb---input-fields--input-font-weight: var(--input-fields--input-font-weight);
    --absorb---input-fields--min-label-padding-top: var(--input-fields--min-label-padding-top);
    --absorb---input-fields--min-label-padding-bottom: var(--input-fields--min-label-padding-bottom);
    --absorb---input-fields--min-label-font-size: var(--input-fields--min-label-font-size);
    --absorb---input-fields--min-label-line-height: var(--input-fields--min-label-line-height);
    --absorb---input-fields--min-label-font-weight: var(--input-fields--min-label-font-weight);
    --absorb---input-fields--max-label-font-size: var(--input-fields--max-label-font-size);
    --absorb---input-fields--max-label-line-height: var(--input-fields--max-label-line-height);
    --absorb---input-fields--max-label-font-weight: var(--input-fields--max-label-font-weight);
    --absorb---input-fields--min-label-position-left: var(--input-fields--min-label-position-left);
    --absorb---input-fields--min-label-position-right: var(--input-fields--min-label-position-right);
    --absorb---input-fields--min-label-position-top: var(--input-fields--min-label-position-top);
    --absorb---input-fields--max-label-position-left: var(--input-fields--max-label-position-left);
    --absorb---input-fields--max-label-position-right: var(--input-fields--max-label-position-right);
    --absorb---input-fields--max-label-position-top: var(--input-fields--max-label-position-top);
    --absorb---input-fields--max-label-padding-top: var(--input-fields--max-label-padding-top);
    --absorb---input-fields--max-label-padding-bottom: var(--input-fields--max-label-padding-bottom);
    --absorb---input-fields--expected-input-height: var(--input-fields--expected-input-height);
    --absorb---icons--icon-height-xxs: var(--icons--icon-height-xxs);
    --absorb---icons--icon-height-xs: var(--icons--icon-height-xs);
    --absorb---icons--icon-height-default: var(--icons--icon-height-default);
    --absorb---icons--icon-height-md: var(--icons--icon-height-md);
    --absorb---icons--icon-height-lg: var(--icons--icon-height-lg);
    --absorb---icons--icon-height-xl: var(--icons--icon-height-xl);
    --absorb---icons--icon-height-2xl: var(--icons--icon-height-2xl);
    --absorb---icons--icon-height-3xl: var(--icons--icon-height-3xl);
    --absorb---icons--icon-height-4xl: var(--icons--icon-height-4xl);
    --absorb---icons--icon-height-5xl: var(--icons--icon-height-5xl);
    --absorb---icons--icon-height-6xl: var(--icons--icon-height-6xl);
    --absorb---borders--border-radius-xxs: var(--borders--border-radius-xxs);
    --absorb---borders--border-radius-xs: var(--borders--border-radius-xs);
    --absorb---borders--border-radius-m: var(--borders--border-radius-m);
    --absorb---borders--border-radius-default: var(--borders--border-radius-default);
    --absorb---borders--border-radius-lg: var(--borders--border-radius-lg);
    --absorb---borders--border-radius-xl: var(--borders--border-radius-xl);
    --absorb---borders--border-width-default: var(--borders--border-width-default);
    --absorb---borders--border-width-medium: var(--borders--border-width-medium);
    --absorb---borders--border-width-bold: var(--borders--border-width-bold);
    --absorb---breakpoints--screen-width-xxs: var(--breakpoints--screen-width-xxs);
    --absorb---breakpoints--screen-width-xs: var(--breakpoints--screen-width-xs);
    --absorb---breakpoints--screen-width-default: var(--breakpoints--screen-width-default);
    --absorb---breakpoints--screen-width-md: var(--breakpoints--screen-width-md);
    --absorb---breakpoints--screen-width-lg: var(--breakpoints--screen-width-lg);
    --absorb---breakpoints--screen-width-xl: var(--breakpoints--screen-width-xl);
    --absorb---breakpoints--screen-width-2xl: var(--breakpoints--screen-width-2xl);
    --absorb---breakpoints--screen-width-3xl: var(--breakpoints--screen-width-3xl);
}