/* Notifications CSS */
.notifications_btn .notifications-badge {width: 12px;height: 12px;border-radius: 100%;position: absolute;right: 15px;top: 3px;padding: 0 !important;background: rgba(var(--bs-secondary-rgb), 1);border: var(--bs-btn-bg) 2px solid;transition:.15s;}
.notifications_btn:hover .notifications-badge {border: var(--bs-btn-hover-bg) 2px solid;transition:.15s;}
.avatar {height: 40px;width: 40px;background-size: cover;}
.dropdown_user {min-width: 300px;}
.avatar_big {font-size: 20px;width: 50px !important;height: 50px !important;background-size: cover;}
.notification *:last-child {margin-bottom: 0 !important;}
#notifications.modal.right .modal-dialog,
#menu_panel.modal.right .modal-dialog {max-width: 400px;}

/*AIS STYLES */
/* SMALL ICONS */
.small.weight-300.material-symbols-sharp {
  font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' 0,
  'opsz' 20;
	font-size: 20px;
	cursor: default;
	user-select: none;
	color: var(--colors-schemes-text);
}
.small.weight-400.material-symbols-sharp {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 20;
	font-size: 20px;
	cursor: default;
	user-select: none;
	color: var(--colors-schemes-text);
}

.small.weight-500.material-symbols-sharp {
  font-variation-settings:
  'FILL' 0,
  'wght' 500,
  'GRAD' 0,
  'opsz' 20;
	font-size: 20px;
	cursor: default;
	user-select: none;
	color: var(--colors-schemes-text);
}

.small.fill.weight-300.material-symbols-sharp {
  font-variation-settings:
  'FILL' 1,
  'wght' 300,
  'GRAD' 0,
  'opsz' 20;
	font-size: 20px;
	cursor: default;
	user-select: none;
	color: var(--colors-schemes-text);
}
.small.fill.weight-400.material-symbols-sharp {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 20;
	font-size: 20px;
	cursor: default;
	user-select: none;
	color: var(--colors-schemes-text);
}

.small.fill.weight-500.material-symbols-sharp {
  font-variation-settings:
  'FILL' 1,
  'wght' 500,
  'GRAD' 0,
  'opsz' 20;
	font-size: 20px;
	cursor: default;
	user-select: none;
	color: var(--colors-schemes-text);
}

/* MEDIUM SMALL ICONS */
.medium-small.weight-300.material-symbols-sharp {
  font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' 0,
  'opsz' 24;
	font-size: 24px;
	cursor: default;
	user-select: none;
	color: var(--colors-schemes-text);
}
.medium-small.weight-400.material-symbols-sharp {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24;
	font-size: 24px;
	cursor: default;
	user-select: none;
	color: var(--colors-schemes-text);
}

.medium-small.weight-500.material-symbols-sharp {
  font-variation-settings:
  'FILL' 0,
  'wght' 500,
  'GRAD' 0,
  'opsz' 24;
	font-size: 24px;
	cursor: default;
	user-select: none;
	color: var(--colors-schemes-text);
}

.medium-small.fill.weight-300.material-symbols-sharp {
  font-variation-settings:
  'FILL' 1,
  'wght' 300,
  'GRAD' 0,
  'opsz' 24;
	font-size: 24px;
	cursor: default;
	user-select: none;
	color: var(--colors-schemes-text);
}
.medium-small.fill.weight-400.material-symbols-sharp {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24;
	font-size: 24px;
	cursor: default;
	user-select: none;
	color: var(--colors-schemes-text);
}

.medium-small.fill.weight-500.material-symbols-sharp {
  font-variation-settings:
  'FILL' 1,
  'wght' 500,
  'GRAD' 0,
  'opsz' 24;
	font-size: 24px;
	cursor: default;
	user-select: none;
	color: var(--colors-schemes-text);
}

/* MEDIUM LARGE ICONS */
.medium-large.weight-300.material-symbols-sharp {
  font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' 0,
  'opsz' 40;
	font-size: 40px;
	cursor: default;
	user-select: none;
	color: var(--colors-schemes-text);
}
.medium-large.weight-400.material-symbols-sharp {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 40;
	font-size: 40px;
	cursor: default;
	user-select: none;
	color: var(--colors-schemes-text);
}

.medium-large.weight-500.material-symbols-sharp {
  font-variation-settings:
  'FILL' 0,
  'wght' 500,
  'GRAD' 0,
  'opsz' 40;
	font-size: 40px;
	cursor: default;
	user-select: none;
	color: var(--colors-schemes-text);
}

.medium-large.fill.weight-300.material-symbols-sharp {
  font-variation-settings:
  'FILL' 1,
  'wght' 300,
  'GRAD' 0,
  'opsz' 40;
	font-size: 40px;
	cursor: default;
	user-select: none;
	color: var(--colors-schemes-text);
}

.medium-large.fill.weight-400.material-symbols-sharp {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 40;
	font-size: 40px;
	cursor: default;
	user-select: none;
	color: var(--colors-schemes-text);
}

.medium-large.fill.weight-500.material-symbols-sharp {
  font-variation-settings:
  'FILL' 1,
  'wght' 500,
  'GRAD' 0,
  'opsz' 40;
	font-size: 40px;
	cursor: default;
	user-select: none;
	color: var(--colors-schemes-text);
}

/* LARGE ICONS */
.large.weight-300.material-symbols-sharp {
  font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' 0,
  'opsz' 48;
	font-size: 48px;
	cursor: default;
	user-select: none;
	color: var(--colors-schemes-text);
}
.large.weight-400.material-symbols-sharp {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48;
	font-size: 48px;
	cursor: default;
	user-select: none;
	color: var(--colors-schemes-text);
}

.large.weight-500.material-symbols-sharp {
  font-variation-settings:
  'FILL' 0,
  'wght' 500,
  'GRAD' 0,
  'opsz' 48;
	font-size: 48px;
	cursor: default;
	user-select: none;
	color: var(--colors-schemes-text);
}

.large.fill.weight-300.material-symbols-sharp {
  font-variation-settings:
  'FILL' 1,
  'wght' 300,
  'GRAD' 0,
  'opsz' 48;
	font-size: 48px;
	cursor: default;
	user-select: none;
	color: var(--colors-schemes-text);
}
.large.fill.weight-400.material-symbols-sharp {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48;
	font-size: 48px;
	cursor: default;
	user-select: none;
	color: var(--colors-schemes-text);
}

.large.fill.weight-500.material-symbols-sharp {
  font-variation-settings:
  'FILL' 1,
  'wght' 500,
  'GRAD' 0,
  'opsz' 48;
	font-size: 48px;
	cursor: default;
	user-select: none;
	color: var(--colors-schemes-text);
}

.large-body {
	font-family: var(--AIS-body-large-font-family);
	font-size: var(--AIS-body-large-font-size);
	font-style: var(--AIS-body-large-font-style);
	font-weight: var(--AIS-body-large-font-weight);
	letter-spacing: var(--AIS-body-large-letter-spacing);
	line-height: var(--AIS-body-large-line-height);
}

.medium-body {
	font-family: var(--AIS-body-medium-font-family);
	font-size: var(--AIS-body-medium-font-size);
	font-style: var(--AIS-body-medium-font-style);
	font-weight: var(--AIS-body-medium-font-weight);
	letter-spacing: var(--AIS-body-medium-letter-spacing);
	line-height: var(--AIS-body-medium-line-height);
}

.small-body {
	font-family: var(--AIS-body-small-font-family);
	font-size: var(--AIS-body-small-font-size);
	font-style: var(--AIS-body-small-font-style);
	font-weight: var(--AIS-body-small-font-weight);
	letter-spacing: var(--AIS-body-small-letter-spacing);
	line-height: var(--AIS-body-small-line-height);
}

.large-display {
	font-family: var(--AIS-display-large-font-family);
	font-size: var(--AIS-display-large-font-size);
	font-style: var(--AIS-display-large-font-style);
	font-weight: var(--AIS-display-large-font-weight);
	letter-spacing: var(--AIS-display-large-letter-spacing);
	line-height: var(--AIS-display-large-line-height);
}

.medium-display {
	font-family: var(--AIS-display-medium-font-family);
	font-size: var(--AIS-display-medium-font-size);
	font-style: var(--AIS-display-medium-font-style);
	font-weight: var(--AIS-display-medium-font-weight);
	letter-spacing: var(--AIS-display-medium-letter-spacing);
	line-height: var(--AIS-display-medium-line-height);
}

.small-display {
	font-family: var(--AIS-display-small-font-family);
	font-size: var(--AIS-display-small-font-size);
	font-style: var(--AIS-display-small-font-style);
	font-weight: var(--AIS-display-small-font-weight);
	letter-spacing: var(--AIS-display-small-letter-spacing);
	line-height: var(--AIS-display-small-line-height);
}

.large-headline {
	font-family: var(--AIS-headlien-large-font-family);
	font-size: var(--AIS-headline-large-font-size);
	font-style: var(--AIS-headline-large-font-style);
	font-weight: var(--AIS-headline-large-font-weight);
	letter-spacing: var(--AIS-headline-large-letter-spacing);
	line-height: var(--AIS-headline-large-line-height);
}

.medium-headline {
	font-family: var(--AIS-headline-medium-font-family);
	font-size: var(--AIS-headline-medium-font-size);
	font-style: var(--AIS-headline-medium-font-style);
	font-weight: var(--AIS-headline-medium-font-weight);
	letter-spacing: var(--AIS-headline-medium-letter-spacing);
	line-height: var(--AIS-headline-medium-line-height);
}

.small-headline {
	font-family: var(--AIS-headline-small-font-family);
	font-size: var(--AIS-headline-small-font-size);
	font-style: var(--AIS-headline-small-font-style);
	font-weight: var(--AIS-headline-small-font-weight);
	letter-spacing: var(--AIS-headline-small-letter-spacing);
	line-height: var(--AIS-headline-small-line-height);
}

.large-label {
	font-family: var(--AIS-label-large-font-family);
	font-size: var(--AIS-label-large-font-size);
	font-style: var(--AIS-label-large-font-style);
	font-weight: var(--AIS-label-large-font-weight);
	letter-spacing: var(--AIS-label-large-letter-spacing);
	line-height: var(--AIS-label-large-line-height);
}

.medium-label {
	font-family: var(--AIS-label-medium-font-family);
	font-size: var(--AIS-label-medium-font-size);
	font-style: var(--AIS-label-medium-font-style);
	font-weight: var(--AIS-label-medium-font-weight);
	letter-spacing: var(--AIS-label-medium-letter-spacing);
	line-height: var(--AIS-label-medium-line-height);
}

.small-label {
	font-family: var(--AIS-label-small-font-family);
	font-size: var(--AIS-label-small-font-size);
	font-style: var(--AIS-label-small-font-style);
	font-weight: var(--AIS-label-small-font-weight);
	letter-spacing: var(--AIS-label-small-letter-spacing);
	line-height: var(--AIS-label-small-line-height);
}

.large-title {
	font-family: var(--AIS-title-large-font-family);
	font-size: var(--AIS-title-large-font-size);
	font-style: var(--AIS-title-large-font-style);
	font-weight: var(--AIS-title-large-font-weight);
	letter-spacing: var(--AIS-title-large-letter-spacing);
	line-height: var(--AIS-title-large-line-height);
}

.medium-title {
	font-family: var(--AIS-title-medium-font-family);
	font-size: var(--AIS-title-medium-font-size);
	font-style: var(--AIS-title-medium-font-style);
	font-weight: var(--AIS-title-medium-font-weight);
	letter-spacing: var(--AIS-title-medium-letter-spacing);
	line-height: var(--AIS-title-medium-line-height);
}

.small-title {
	font-family: var(--AIS-title-small-font-family);
	font-size: var(--AIS-title-small-font-size);
	font-style: var(--AIS-title-small-font-style);
	font-weight: var(--AIS-title-small-font-weight);
	letter-spacing: var(--AIS-title-small-letter-spacing);
	line-height: var(--AIS-title-small-line-height);
}

/* MOBILE SCREEN*/
@media screen and (max-width: 600px) {
	.large-body {
		font-family: var(--AIS-body-small-font-family);
		font-size: var(--AIS-body-small-font-size);
		font-style: var(--AIS-body-small-font-style);
		font-weight: var(--AIS-body-small-font-weight);
		letter-spacing: var(--AIS-body-small-letter-spacing);
		line-height: var(--AIS-body-small-line-height);
	}

	.medium-body {
		font-family: var(--AIS-body-small-font-family);
		font-size: var(--AIS-body-small-font-size);
		font-style: var(--AIS-body-small-font-style);
		font-weight: var(--AIS-body-small-font-weight);
		letter-spacing: var(--AIS-body-small-letter-spacing);
		line-height: var(--AIS-body-small-line-height);
	}


	.large-display {
		font-family: var(--AIS-display-small-font-family);
		font-size: var(--AIS-display-small-font-size);
		font-style: var(--AIS-display-small-font-style);
		font-weight: var(--AIS-display-small-font-weight);
		letter-spacing: var(--AIS-display-small-letter-spacing);
		line-height: var(--AIS-display-small-line-height);
	}

	.medium-display {
		font-family: var(--AIS-display-small-font-family);
		font-size: var(--AIS-display-small-font-size);
		font-style: var(--AIS-display-small-font-style);
		font-weight: var(--AIS-display-small-font-weight);
		letter-spacing: var(--AIS-display-small-letter-spacing);
		line-height: var(--AIS-display-small-line-height);
	}

	.large-headline {
		font-family: var(--AIS-headline-small-font-family);
		font-size: var(--AIS-headline-small-font-size);
		font-style: var(--AIS-headline-small-font-style);
		font-weight: var(--AIS-headline-small-font-weight);
		letter-spacing: var(--AIS-headline-small-letter-spacing);
		line-height: var(--AIS-headline-small-line-height);
	}

	.medium-headline {
		font-family: var(--AIS-headline-small-font-family);
		font-size: var(--AIS-headline-small-font-size);
		font-style: var(--AIS-headline-small-font-style);
		font-weight: var(--AIS-headline-small-font-weight);
		letter-spacing: var(--AIS-headline-small-letter-spacing);
		line-height: var(--AIS-headline-small-line-height);
	}

	.large-label {
		font-family: var(--AIS-label-small-font-family);
		font-size: var(--AIS-label-small-font-size);
		font-style: var(--AIS-label-small-font-style);
		font-weight: var(--AIS-label-small-font-weight);
		letter-spacing: var(--AIS-label-small-letter-spacing);
		line-height: var(--AIS-label-small-line-height);
	}

	.medium-label {
		font-family: var(--AIS-label-small-font-family);
		font-size: var(--AIS-label-small-font-size);
		font-style: var(--AIS-label-small-font-style);
		font-weight: var(--AIS-label-small-font-weight);
		letter-spacing: var(--AIS-label-small-letter-spacing);
		line-height: var(--AIS-label-small-line-height);
	}

	.large-title {
		font-family: var(--AIS-title-small-font-family);
		font-size: var(--AIS-title-small-font-size);
		font-style: var(--AIS-title-small-font-style);
		font-weight: var(--AIS-title-small-font-weight);
		letter-spacing: var(--AIS-title-small-letter-spacing);
		line-height: var(--AIS-title-small-line-height);
	}

	.medium-title {
		font-family: var(--AIS-title-small-font-family);
		font-size: var(--AIS-title-small-font-size);
		font-style: var(--AIS-title-small-font-style);
		font-weight: var(--AIS-title-small-font-weight);
		letter-spacing: var(--AIS-title-small-letter-spacing);
		line-height: var(--AIS-title-small-line-height);
	}
}

/* TABLET SCREEN*/
@media screen and (min-width:601px) and (max-width: 1024px) {
	.large-body {
		font-family: var(--AIS-body-medium-font-family);
		font-size: var(--AIS-body-medium-font-size);
		font-style: var(--AIS-body-medium-font-style);
		font-weight: var(--AIS-body-medium-font-weight);
		letter-spacing: var(--AIS-body-medium-letter-spacing);
		line-height: var(--AIS-body-medium-line-height);
	}

	.medium-body {
		font-family: var(--AIS-body-small-font-family);
		font-size: var(--AIS-body-small-font-size);
		font-style: var(--AIS-body-small-font-style);
		font-weight: var(--AIS-body-small-font-weight);
		letter-spacing: var(--AIS-body-small-letter-spacing);
		line-height: var(--AIS-body-small-line-height);
	}

	.large-display {
		font-family: var(--AIS-display-medium-font-family);
		font-size: var(--AIS-display-medium-font-size);
		font-style: var(--AIS-display-medium-font-style);
		font-weight: var(--AIS-display-medium-font-weight);
		letter-spacing: var(--AIS-display-medium-letter-spacing);
		line-height: var(--AIS-display-medium-line-height);
	}

	.medium-display {
		font-family: var(--AIS-display-small-font-family);
		font-size: var(--AIS-display-small-font-size);
		font-style: var(--AIS-display-small-font-style);
		font-weight: var(--AIS-display-small-font-weight);
		letter-spacing: var(--AIS-display-small-letter-spacing);
		line-height: var(--AIS-display-small-line-height);
	}

	.large-headline {
		font-family: var(--AIS-headline-medium-font-family);
		font-size: var(--AIS-headline-medium-font-size);
		font-style: var(--AIS-headline-medium-font-style);
		font-weight: var(--AIS-headline-medium-font-weight);
		letter-spacing: var(--AIS-headline-medium-letter-spacing);
		line-height: var(--AIS-headline-medium-line-height);
	}

	.medium-headline {
		font-family: var(--AIS-headline-small-font-family);
		font-size: var(--AIS-headline-small-font-size);
		font-style: var(--AIS-headline-small-font-style);
		font-weight: var(--AIS-headline-small-font-weight);
		letter-spacing: var(--AIS-headline-small-letter-spacing);
		line-height: var(--AIS-headline-small-line-height);
	}
	.large-label {
		font-family: var(--AIS-label-medium-font-family);
		font-size: var(--AIS-label-medium-font-size);
		font-style: var(--AIS-label-medium-font-style);
		font-weight: var(--AIS-label-medium-font-weight);
		letter-spacing: var(--AIS-label-medium-letter-spacing);
		line-height: var(--AIS-label-medium-line-height);
	}

	.medium-label {
		font-family: var(--AIS-label-small-font-family);
		font-size: var(--AIS-label-small-font-size);
		font-style: var(--AIS-label-small-font-style);
		font-weight: var(--AIS-label-small-font-weight);
		letter-spacing: var(--AIS-label-small-letter-spacing);
		line-height: var(--AIS-label-small-line-height);
	}
	.large-title {
		font-family: var(--AIS-title-medium-font-family);
		font-size: var(--AIS-title-medium-font-size);
		font-style: var(--AIS-title-medium-font-style);
		font-weight: var(--AIS-title-medium-font-weight);
		letter-spacing: var(--AIS-title-medium-letter-spacing);
		line-height: var(--AIS-title-medium-line-height);
	}
	.medium-title {
		font-family: var(--AIS-title-small-font-family);
		font-size: var(--AIS-title-small-font-size);
		font-style: var(--AIS-title-small-font-style);
		font-weight: var(--AIS-title-small-font-weight);
		letter-spacing: var(--AIS-title-small-letter-spacing);
		line-height: var(--AIS-title-small-line-height);
	}
}

/* DESKTOP SCREEN */
@media screen and (min-width:1025px){

}

/*FILLED BUTTONS*/

.btn-ais-filled {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 24px;
	background-color: var(--colors-schemes-primary);
	border-radius: 12px;
	border: 0;
	cursor: pointer;
}

.btn-ais-filled:hover,
.btn-ais-filled[hover]{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 24px;
	background-color: var(--colors-schemes-primary-hovered);
	border-radius: 12px;
}

.btn-ais-filled:active,
.btn-ais-filled[active]{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 24px;
	background-color: var(--colors-schemes-primary-pressed);
	border-radius: 12px;
}

.btn-ais-filled:disabled,
.btn-ais-filled[disabled]{
	pointer-events: none!important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 24px;
	background-color: var(--colors-schemes-disabled);
	border-radius: 12px;
}
.btn-ais-filled:disabled > .text-wrapper,
.btn-ais-filled[disabled] > .text-wrapper{
	width: fit-content;
	margin-top: -1px;
	font-family: var(--AIS-label-large-font-family);
	font-weight: var(--AIS-label-large-font-weight);
	color: var(--colors-schemes-on-disabled);
	font-size: var(--AIS-label-large-font-size);
	letter-spacing: var(--AIS-label-large-letter-spacing);
	line-height: var(--AIS-label-large-line-height);
	white-space: nowrap;
	font-style: var(--AIS-label-large-font-style);
}


.btn-ais-filled:disabled > .material-symbols-sharp,
.btn-ais-filled[disabled] > .material-symbols-sharp{
	color: var(--colors-schemes-on-disabled)!important;
}


.btn-ais-filled > .text-wrapper {
	width: fit-content;
	margin-top: -1px;
	font-family: var(--AIS-label-large-font-family);
	font-weight: var(--AIS-label-large-font-weight);
	color: var(--colors-schemes-on-primary);
	font-size: var(--AIS-label-large-font-size);
	letter-spacing: var(--AIS-label-large-letter-spacing);
	line-height: var(--AIS-label-large-line-height);
	white-space: nowrap;
	font-style: var(--AIS-label-large-font-style);
}

.btn-ais-filled > .material-symbols-sharp{
	color: var(--colors-schemes-on-primary)!important;
}

/*OUTLINED BUTTONS*/
.btn-ais-outlined {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 24px;
	border-radius: 12px;
	border: 2px solid;
	border-color: var(--colors-schemes-primary);
	background-color: transparent;
	cursor: pointer;
}

.btn-ais-outlined > .text-wrapper {
	width: fit-content;
	margin-top: -2px;
	font-family: var(--AIS-label-large-font-family);
	font-weight: var(--AIS-label-large-font-weight);
	color: var(--colors-schemes-primary);
	font-size: var(--AIS-label-large-font-size);
	letter-spacing: var(--AIS-label-large-letter-spacing);
	line-height: var(--AIS-label-large-line-height);
	white-space: nowrap;
	font-style: var(--AIS-label-large-font-style);
}

.btn-ais-outlined > .material-symbols-sharp {
	color: var(--colors-schemes-primary)!important;
}

.btn-ais-outlined:hover,
.btn-ais-outlined[hover]{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 24px;
	background-color: var(--colors-schemes-primary-opacity-08);
	border-radius: 12px;
	border: 2px solid;
	border-color: var(--colors-schemes-primary);
}

.btn-ais-outlined:active,
.btn-ais-outlined[active]{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 24px;
	background-color: var(--colors-schemes-primary-opacity-12);
	border-radius: 12px;
	border: 2px solid;
	border-color: var(--colors-schemes-primary);
}

.btn-ais-outlined:disabled,
.btn-ais-outlined[disabled]{
	pointer-events: none!important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 24px;
	border-radius: 12px;
	border: 2px solid;
	border-color: var(--colors-schemes-disabled);
}
.btn-ais-outlined:disabled > .text-wrapper,
.btn-ais-outlined[disabled] > .text-wrapper{
	width: fit-content;
	margin-top: -2px;
	font-family: var(--AIS-label-large-font-family);
	font-weight: var(--AIS-label-large-font-weight);
	color: var(--colors-schemes-disabled);
	font-size: var(--AIS-label-large-font-size);
	letter-spacing: var(--AIS-label-large-letter-spacing);
	line-height: var(--AIS-label-large-line-height);
	white-space: nowrap;
	font-style: var(--AIS-label-large-font-style);
}

.btn-ais-outlined:disabled > .material-symbols-sharp,
.btn-ais-outlined[disabled] > .material-symbols-sharp{
	color: var(--colors-schemes-disabled)!important;
}
/*TEXT BUTTONS*/
.btn-ais-text{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 24px;
	border-radius: 12px;
	border: 0;
	background-color: transparent;
	cursor: pointer;
}

.btn-ais-text > .text-wrapper{
	width: fit-content;
	margin-top: -1px;
	font-family: var(--AIS-label-large-font-family);
	font-weight: var(--AIS-label-large-font-weight);
	color: var(--colors-schemes-primary);
	font-size: var(--AIS-label-large-font-size);
	letter-spacing: var(--AIS-label-large-letter-spacing);
	line-height: var(--AIS-label-large-line-height);
	white-space: nowrap;
	font-style: var(--AIS-label-large-font-style);
}

.btn-ais-text > .material-symbols-sharp{
	color: var(--colors-schemes-primary)!important;
}

.btn-ais-text:hover,
.btn-ais-text[hover]{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 24px;
	background-color: var(--colors-schemes-primary-opacity-08);
	border-radius: 12px;
	border: 0;
}

.btn-ais-text:active,
.btn-ais-text[active]{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 24px;
	background-color: var(--colors-schemes-primary-opacity-12);
	border-radius: 12px;
	border: 0;
}

.btn-ais-text:disabled,
.btn-ais-text[disabled]{
	pointer-events: none!important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 24px;
	border-radius: 12px;
	border: 0;
}

.btn-ais-text:disabled > .text-wrapper,
.btn-ais-text[disabled] > .text-wrapper{
	width: fit-content;
	margin-top: -1px;
	font-family: var(--AIS-label-large-font-family);
	font-weight: var(--AIS-label-large-font-weight);
	color: var(--colors-schemes-disabled);
	font-size: var(--AIS-label-large-font-size);
	letter-spacing: var(--AIS-label-large-letter-spacing);
	line-height: var(--AIS-label-large-line-height);
	white-space: nowrap;
	font-style: var(--AIS-label-large-font-style);
}

.btn-ais-text:disabled > .material-symbols-sharp,
.btn-ais-text[disabled] > .material-symbols-sharp{
	color: var(--colors-schemes-disabled)!important;
}

/*ELEVATED BUTTONS*/
.btn-ais-elevated{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 24px;
	background-color: var(--colors-schemes-primary-elevated);
	border-radius: 12px;
	box-shadow: var(--AIS-elevation-light-2);
	border: 0;
	cursor: pointer;
}

.btn-ais-elevated > .text-wrapper{
	width: fit-content;
	margin-top: -1px;
	font-family: var(--AIS-label-large-font-family);
	font-weight: var(--AIS-label-large-font-weight);
	color: var(--colors-schemes-primary);
	font-size: var(--AIS-label-large-font-size);
	letter-spacing: var(--AIS-label-large-letter-spacing);
	line-height: var(--AIS-label-large-line-height);
	white-space: nowrap;
	font-style: var(--AIS-label-large-font-style);
}

.btn-ais-elevated > .material-symbols-sharp{
	color: var(--colors-schemes-primary)!important;
}

.btn-ais-elevated:hover,
.btn-ais-elevated[hover]{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 24px;
	background-color: var(--colors-schemes-primary-elevated-hovered);
	border-radius: 12px;
	box-shadow: var(--AIS-elevation-light-3);
	border: 0;
}

.btn-ais-elevated:active,
.btn-ais-elevated[active]{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 10px 24px;
	background-color: var(--colors-schemes-primary-elevated-pressed);
	border-radius: 12px;
	border: 0;
}

.btn-ais-elevated:disabled,
.btn-ais-elevated[disabled]{
	pointer-events: none!important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 24px;
	background-color: var(--colors-schemes-disabled);
	border-radius: 12px;
	border: 0;
}

.btn-ais-elevated:disabled > .text-wrapper,
.btn-ais-elevated[disabled] > .text-wrapper{
	width: fit-content;
	margin-top: -1px;
	font-family: var(--AIS-label-large-font-family);
	font-weight: var(--AIS-label-large-font-weight);
	color: var(--colors-schemes-on-disabled);
	font-size: var(--AIS-label-large-font-size);
	letter-spacing: var(--AIS-label-large-letter-spacing);
	line-height: var(--AIS-label-large-line-height);
	white-space: nowrap;
	font-style: var(--AIS-label-large-font-style);
}

.btn-ais-elevated:disabled > .material-symbols-sharp,
.btn-ais-elevated[disabled] > .material-symbols-sharp{
	color: var(--colors-schemes-on-disabled)!important;
}

/*LARGE BUTTONS*/

/*FILLED BUTTONS*/

.btn-ais-filled-large {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0px 32px;
	background-color: var(--colors-schemes-primary);
	border-radius: 12px;
	border: 0;
	cursor: pointer;
}

.btn-ais-filled-large:hover,
.btn-ais-filled-large[hover]{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0px 32px;
	background-color: var(--colors-schemes-primary-hovered);
	border-radius: 12px;
}

.btn-ais-filled-large:active,
.btn-ais-filled-large[active] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0px 32px;
	background-color: var(--colors-schemes-primary-pressed);
	border-radius: 12px;
}

.btn-ais-filled-large:disabled,
.btn-ais-filled-large[disabled]{
	pointer-events: none!important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0px 32px;
	background-color: var(--colors-schemes-disabled);
	border-radius: 12px;
}
.btn-ais-filled-large:disabled > .text-wrapper,
.btn-ais-filled-large[disabled] > .text-wrapper{
	width: fit-content;
	font-family: var(--AIS-title-large-font-family);
	font-weight: var(--AIS-title-large-font-weight);
	color: var(--colors-schemes-on-disabled);
	font-size: var(--AIS-title-large-font-size);
	letter-spacing: var(--AIS-title-large-letter-spacing);
	line-height: var(--AIS-title-large-line-height);
	white-space: nowrap;
	font-style: var(--AIS-title-large-font-style);
}

.btn-ais-filled-large:disabled > .material-symbols-sharp,
.btn-ais-filled-large[disabled] > .material-symbols-sharp{
	color: var(--colors-schemes-on-disabled)!important;
}

.btn-ais-filled-large > .text-wrapper {
	width: fit-content;
	font-family: var(--AIS-title-large-font-family);
	font-weight: var(--AIS-title-large-font-weight);
	color: var(--colors-schemes-on-primary);
	font-size: var(--AIS-title-large-font-size);
	letter-spacing: var(--AIS-title-large-letter-spacing);
	line-height: var(--AIS-title-large-line-height);
	white-space: nowrap;
	font-style: var(--AIS-title-large-font-style);
}

.btn-ais-filled-large > .material-symbols-sharp {
	color: var(--colors-schemes-on-primary)!important;
}

/*OUTLINED BUTTONS*/
.btn-ais-outlined-large {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0px 32px;
	border-radius: 12px;
	border: 2px solid;
	border-color: var(--colors-schemes-primary);
	background-color: transparent;
	cursor: pointer;
}

.btn-ais-outlined-large > .text-wrapper {
	width: fit-content;
	font-family: var(--AIS-title-large-font-family);
	font-weight: var(--AIS-title-large-font-weight);
	color: var(--colors-schemes-primary);
	font-size: var(--AIS-title-large-font-size);
	letter-spacing: var(--AIS-title-large-letter-spacing);
	line-height: var(--AIS-title-large-line-height);
	white-space: nowrap;
	font-style: var(--AIS-title-large-font-style);
}

.btn-ais-outlined-large > .material-symbols-sharp {
	color: var(--colors-schemes-primary)!important;
}

.btn-ais-outlined-large:hover,
.btn-ais-outlined-large[hover]{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0px 32px;
	background-color: var(--colors-schemes-primary-opacity-08);
	border-radius: 12px;
	border: 2px solid;
	border-color: var(--colors-schemes-primary);
}

.btn-ais-outlined-large:active,
.btn-ais-outlined-large[active] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0px 32px;
	background-color: var(--colors-schemes-primary-opacity-12);
	border-radius: 12px;
	border: 2px solid;
	border-color: var(--colors-schemes-primary);
}

.btn-ais-outlined-large:disabled,
.btn-ais-outlined-large[disabled]{
	pointer-events: none!important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0px 32px;
	border-radius: 12px;
	border: 2px solid;
	border-color: var(--colors-schemes-disabled);
}
.btn-ais-outlined-large:disabled > .text-wrapper,
.btn-ais-outlined-large[disabled] > .text-wrapper{
	width: fit-content;
	font-family: var(--AIS-title-large-font-family);
	font-weight: var(--AIS-title-large-font-weight);
	color: var(--colors-schemes-disabled);
	font-size: var(--AIS-title-large-font-size);
	letter-spacing: var(--AIS-title-large-letter-spacing);
	line-height: var(--AIS-title-large-line-height);
	white-space: nowrap;
	font-style: var(--AIS-title-large-font-style);
}

.btn-ais-outlined-large:disabled > .material-symbols-sharp,
.btn-ais-outlined-large[disabled] > .material-symbols-sharp{
	color: var(--colors-schemes-disabled)!important;
}
/*TEXT BUTTONS*/
.btn-ais-text-large{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0px 32px;
	border-radius: 12px;
	border: 0;
	background-color: transparent;
	cursor: pointer;
}

.btn-ais-text-large > .text-wrapper{
	width: fit-content;
	font-family: var(--AIS-title-large-font-family);
	font-weight: var(--AIS-title-large-font-weight);
	color: var(--colors-schemes-primary);
	font-size: var(--AIS-title-large-font-size);
	letter-spacing: var(--AIS-title-large-letter-spacing);
	line-height: var(--AIS-title-large-line-height);
	white-space: nowrap;
	font-style: var(--AIS-title-large-font-style);
}

.btn-ais-text-large > .material-symbols-sharp{
	color: var(--colors-schemes-primary)!important;
}

.btn-ais-text-large:hover,
.btn-ais-text-large[hover]{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0px 32px;
	background-color: var(--colors-schemes-primary-opacity-08);
	border-radius: 12px;
	border: 0;
}

.btn-ais-text-large:active,
.btn-ais-text-large[active] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0px 32px;
	background-color: var(--colors-schemes-primary-opacity-12);
	border-radius: 12px;
	border: 0;
}

.btn-ais-text-large:disabled,
.btn-ais-text-large[disabled]{
	pointer-events: none!important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0px 32px;
	border-radius: 12px;
	border: 0;
}

.btn-ais-text-large:disabled > .text-wrapper,
.btn-ais-text-large[disabled] > .text-wrapper{
	width: fit-content;
	font-family: var(--AIS-title-large-font-family);
	font-weight: var(--AIS-title-large-font-weight);
	color: var(--colors-schemes-disabled);
	font-size: var(--AIS-title-large-font-size);
	letter-spacing: var(--AIS-title-large-letter-spacing);
	line-height: var(--AIS-title-large-line-height);
	white-space: nowrap;
	font-style: var(--AIS-title-large-font-style);
}

.btn-ais-text-large:disabled > .material-symbols-sharp,
.btn-ais-text-large[disabled] > .material-symbols-sharp{
	color: var(--colors-schemes-disabled)!important;
}

/*ELEVATED BUTTONS*/
.btn-ais-elevated-large{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0px 32px;
	background-color: var(--colors-schemes-primary-elevated);
	border-radius: 12px;
	box-shadow: var(--AIS-elevation-light-2);
	border: 0;
	cursor: pointer;
}

.btn-ais-elevated-large > .text-wrapper{
	width: fit-content;
	font-family: var(--AIS-title-large-font-family);
	font-weight: var(--AIS-title-large-font-weight);
	color: var(--colors-schemes-primary);
	font-size: var(--AIS-title-large-font-size);
	letter-spacing: var(--AIS-title-large-letter-spacing);
	line-height: var(--AIS-title-large-line-height);
	white-space: nowrap;
	font-style: var(--AIS-title-large-font-style);
}

.btn-ais-elevated-large > .material-symbols-sharp{
	color: var(--colors-schemes-primary)!important;
}

.btn-ais-elevated-large:hover,
.btn-ais-elevated-large[hover]{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0px 32px;
	background-color: var(--colors-schemes-primary-elevated-hovered);
	border-radius: 12px;
	box-shadow: var(--AIS-elevation-light-3);
	border: 0;
}

.btn-ais-elevated-large:active,
.btn-ais-elevated-large[active] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 0px 32px;
	background-color: var(--colors-schemes-primary-elevated-pressed);
	border-radius: 12px;
	border: 0;
}

.btn-ais-elevated-large:disabled,
.btn-ais-elevated-large[disabled]{
	pointer-events: none!important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0px 32px;
	background-color: var(--colors-schemes-disabled);
	border-radius: 12px;
	border: 0;
}

.btn-ais-elevated-large:disabled > .text-wrapper,
.btn-ais-elevated-large[disabled] > .text-wrapper{
	width: fit-content;
	font-family: var(--AIS-title-large-font-family);
	font-weight: var(--AIS-title-large-font-weight);
	color: var(--colors-schemes-on-disabled);
	font-size: var(--AIS-title-large-font-size);
	letter-spacing: var(--AIS-title-large-letter-spacing);
	line-height: var(--AIS-title-large-line-height);
	white-space: nowrap;
	font-style: var(--AIS-title-large-font-style);
}

.btn-ais-elevated-large:disabled > .material-symbols-sharp,
.btn-ais-elevated-large[disabled] > .material-symbols-sharp{
	color: var(--colors-schemes-on-disabled)!important;
}
.chip{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 12px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-radius: 24px;
	cursor: pointer;
	position: relative;
}

.chip.cross{
	padding-right: 6px;
}

.chip.chip-icon{
	padding-left: 8px;
}

.chip.icon.cross{
	padding-left: 8px;
	padding-right: 6px;
}

.chip.image{
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.chip.image.cross{
	padding-left: 0px;
	padding-right: 6px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.chip > .chip-image {
	display: inline-flex;
	border-radius: 24px;
	position: relative;
	overflow: hidden;
	border: 2px solid;
	border-color: var(--colors-schemes-primary-opacity-08);
}
.chip > .chip-image > img{
	width: 32px;
	height: 32px;
	object-fit: cover;
	position: relative;
}

.chip-icon{
	cursor: pointer!important;
}

.chip-cross{
	cursor: pointer!important;
}
/*DISABLED CHIP*/
.chip:disabled,
.chip[disabled]{
	border: 2px solid;
	border-color: var(--colors-schemes-disabled);
}

.chip:disabled > .text-wrapper,
.chip[disabled] > .text-wrapper{
	font-family: var(--AIS-label-large-font-family);
	font-weight: var(--AIS-label-large-font-weight);
	color: var(--colors-schemes-on-disabled);
	font-size: var(--AIS-label-large-font-size);
	letter-spacing: var(--AIS-label-large-letter-spacing);
	line-height: var(--AIS-label-large-line-height);
	white-space: nowrap;
	font-style: var(--AIS-label-large-font-style);
}

/* PRIMARY NON-ACTIVE CHIP STATES */
.chip.primary{
	background-color: var(--colors-schemes-background);
	border: 2px solid;
	border-color: var(--colors-schemes-primary-opacity-08);
}

.chip.primary > .text-wrapper{
	font-family: var(--AIS-label-large-font-family);
	font-weight: var(--AIS-label-large-font-weight);
	color: var(--colors-schemes-on-primary-elevated);
	font-size: var(--AIS-label-large-font-size);
	letter-spacing: var(--AIS-label-large-letter-spacing);
	line-height: var(--AIS-label-large-line-height);
	white-space: nowrap;
	font-style: var(--AIS-label-large-font-style);
}

.chip.primary > .chip-icon{
	color: var(--colors-schemes-on-primary-elevated);
}

.chip.primary > .chip-cross{
	color: var(--colors-schemes-on-primary-elevated);
}

.chip.primary:hover,
.chip.primary[hover]{
	background-color: var(--colors-schemes-primary-opacity-08);
	border: 2px solid;
	border-color: var(--colors-schemes-primary-opacity-08);
}

.chip.primary:active,
.chip-primary[active]{
	background-color: var(--colors-schemes-primary-opacity-12);
	border: 2px solid;
	border-color: var(--colors-schemes-primary-opacity-08);
}

.chip.primary.dragged{
	background-color: var(--colors-schemes-primary-opacity-12);
	border: 2px solid;
	border-color: var(--colors-schemes-primary-opacity-08);
	box-shadow: var(--AIS-elevation-light-3);
}


/* PRIMARY ACTIVE CHIP STATES */
.chip.primary.active{
	background-color: var(--colors-schemes-primary-elevated);
}

.chip.primary.active > .text-wrapper{
	font-family: var(--AIS-label-large-font-family);
	font-weight: var(--AIS-label-large-font-weight);
	color: var(--colors-schemes-on-primary-elevated);
	font-size: var(--AIS-label-large-font-size);
	letter-spacing: var(--AIS-label-large-letter-spacing);
	line-height: var(--AIS-label-large-line-height);
	white-space: nowrap;
	font-style: var(--AIS-label-large-font-style);
}

.chip.primary.active > .chip-icon{
	color: var(--colors-schemes-on-primary-elevated);
}

.chip.primary.active > .chip-cross{
	color: var(--colors-schemes-on-primary-elevated);
}

.chip.primary.active:hover,
.chip.primary.active[hover]{
	background-color: var(--colors-schemes-primary-elevated-hovered);
}

.chip.primary.active:active,
.chip.primary.active[active]{
	background-color: var(--colors-schemes-primary-elevated-pressed);
}

.chip.primary.active.dragged{
	background-color: var(--colors-schemes-primary-elevated-pressed);
	box-shadow: var(--AIS-elevation-light-3);
}

/* SECONDARY NON-ACTIVE CHIP STATES */
.chip.secondary{
	background-color: var(--colors-schemes-background);
	border: 2px solid;
	border-color: var(--colors-schemes-secondary-opacity-08);
}

.chip.secondary > .text-wrapper{
	font-family: var(--AIS-label-large-font-family);
	font-weight: var(--AIS-label-large-font-weight);
	color: var(--colors-schemes-secondary);
	font-size: var(--AIS-label-large-font-size);
	letter-spacing: var(--AIS-label-large-letter-spacing);
	line-height: var(--AIS-label-large-line-height);
	white-space: nowrap;
	font-style: var(--AIS-label-large-font-style);
}

.chip.secondary > .chip-icon{
	color: var(--colors-schemes-secondary);
}

.chip.secondary > .chip-cross{
	color: var(--colors-schemes-secondary);
}

.chip.secondary:hover,
.chip.secondary[hover]{
background-color: var(--colors-schemes-secondary-opacity-08);
border: 2px solid;
border-color: var(--colors-schemes-secondary-opacity-08);
}

.chip.secondary:active,
.chip.secondary[active]{
	background-color: var(--colors-schemes-secondary-opacity-12);
	border: 2px solid;
	border-color: var(--colors-schemes-secondary-opacity-08);
}

.chip.secondary.dragged{
	background-color: var(--colors-schemes-secondary-opacity-12);
	border: 2px solid;
	border-color: var(--colors-schemes-secondary-opacity-08);
	box-shadow: var(--AIS-elevation-light-3);
}

/* SECONDARY ACTIVE CHIP STATES */
.chip.secondary.active{
	background-color: var(--colors-schemes-secondary);
}

.chip.secondary.active > .text-wrapper{
	font-family: var(--AIS-label-large-font-family);
	font-weight: var(--AIS-label-large-font-weight);
	color: var(--colors-schemes-on-secondary);
	font-size: var(--AIS-label-large-font-size);
	letter-spacing: var(--AIS-label-large-letter-spacing);
	line-height: var(--AIS-label-large-line-height);
	white-space: nowrap;
	font-style: var(--AIS-label-large-font-style);
}

.chip.secondary.active > .chip-icon{
	color: var(--colors-schemes-on-secondary);
}

.chip.secondary.active > .chip-cross{
	color: var(--colors-schemes-on-secondary);
}

.chip.secondary.active:hover,
.chip.secondary.active[hover]{
	background-color: var(--colors-schemes-secondary-hovered);
}

.chip.secondary.active:active,
.chip.secondary.active[active]{
	background-color: var(--colors-schemes-secondary-pressed);
}

.chip.secondary.active.dragged{
	background-color: var(--colors-schemes-secondary-pressed);
	box-shadow: var(--AIS-elevation-light-3);
}



.content-card.carousel{
	display: flex;
	flex-direction: column;
	border-radius: 24px;
	background-color: var(--colors-schemes-background);
	width: fit-content;
	height: fit-content;
}


.content-card.carousel:hover,
.content-card.carousel[hover]{
	background-color: var(--colors-schemes-background);
	box-shadow: var(--AIS-elevation-light-3);
	transform: scale(1.02);
}

.content-card.carousel:active,
.content-card.carousel[active]{
	background-color: var(--colors-schemes-primary-opacity-08);
	box-shadow: none;
	transform: none!important;
}

.content-card.carousel > .content-card-image{
	border-radius: 24px;
	width: 100%;
	aspect-ratio: 16/9;
}

.content-card.carousel > .content-card-image > img {
	border-radius: 24px;
}

.content-card.carousel:hover > .content-card-body,
.content-card.carousel[hover] > .content-card-body{
	opacity: 1;
  visibility: visible;
}
.content-card.carousel > .content-card-body{
	width: 100%;
	display: flex;
	gap: 12px;
	padding: 12px;
	border-radius: 24px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

.content-card.carousel > .content-card-body > .content-card-body-image{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid;
	border-color: var(--colors-schemes-primary-opacity-08);
	border-radius: 24px;
	max-height: 48px;
	max-width: 48px;
	min-height: 48px;
	min-width: 48px;
	overflow: hidden;
	background-color: white;
}

.content-card.carousel > .content-card-body > .content-card-body-image > img{
	max-height: 48px;
	max-width: 48px;
	min-height: 48px;
	min-width: 48px;
	object-fit: cover;
}

.content-card.carousel > .content-card-body > .content-card-body-information{
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: 100%;
	min-height: calc(48px + 6px + 32px);
}

.content-card.carousel > .content-card-body > .content-card-body-icons{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
}
.institution-card.carousel{
	display: flex;
	flex-direction: column;
	border-radius: 24px;
	background-color: var(--colors-schemes-background);
	width: fit-content;
	height: fit-content;
}


.institution-card.carousel:hover,
.institution-card.carousel[hover]{
	background-color: var(--colors-schemes-background);
	box-shadow: var(--AIS-elevation-light-3);
}

.institution-card.carousel:active,
.institution-card.carousel[active]{
	background-color: var(--colors-schemes-primary-opacity-08);
	box-shadow: none;
}

.institution-card.carousel > .institution-card-image{
	border-radius: 24px;
	width: 100%;
	aspect-ratio: 16/9;
	border: 2px solid;
	border-color: var(--colors-schemes-primary-opacity-08);
	background-color: white;
}

.institution-card.carousel > .institution-card-image > img {
	border-radius: 24px;
}

.institution-card.carousel:hover > .institution-card-body,
.institution-card.carousel[hover] > .institution-card-body{
	opacity: 1;
  visibility: visible;
}
.institution-card.carousel > .institution-card-body{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 12px;
	border-radius: 24px;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	text-align: center;
	min-height: calc(48px + 6px + 32px);
}

.faculty-card.carousel{
	display: flex;
	flex-direction: column;
	border-radius: 24px;
	background-color: var(--colors-schemes-background);
	width: fit-content;
	height: fit-content;
}


.faculty-card.carousel:hover,
.faculty-card.carousel[hover]{
	background-color: var(--colors-schemes-background);
	box-shadow: var(--AIS-elevation-light-3);
}

.faculty-card.carousel:active,
.faculty-card.carousel[active]{
	background-color: var(--colors-schemes-primary-opacity-08);
	box-shadow: none;
}

.faculty-card.carousel > .faculty-card-image{
	border-radius: 24px;
	width: 100%;
	aspect-ratio: 1/1;
	border: 2px solid;
	border-color: var(--colors-schemes-primary-opacity-08);
	position: relative;
	background-color: white;
}

.faculty-card.carousel > .faculty-card-image > img {
	border-radius: 24px;
}

.faculty-card.carousel > .faculty-card-image > .faculty-card-country-image {
	position: absolute;
	border-radius: 50%;
	padding: 6px;
	top: 0;
	right: 0;
	width: 44px;
	height: 44px;
	display: flex;
	overflow: hidden;
	
}
.faculty-card.carousel > .faculty-card-image > .faculty-card-country-image > img {
	width: 32px;
	height: 32px;
	box-shadow: var(--AIS-elevation-light-2);
	border-radius: 50%;
}

.faculty-card.carousel:hover > .faculty-card-body,
.faculty-card.carousel[hover] > .faculty-card-body{
	opacity: 1;
  visibility: visible;
}
.faculty-card.carousel > .faculty-card-body{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 12px;
	border-radius: 24px;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	text-align: center;
	min-height: calc(48px + 6px + 32px);
}

.content-container{
	padding-top: calc(5rem + 6px);
	padding-left: 116px;
	padding-right: 16px;
}


@media screen and (max-width: 600px) {
	.content-container{
		padding-left: 16px;
	}
}

/* TABLET SCREEN*/
@media screen and (min-width:601px) and (max-width: 1024px) {

}
/* DESKTOP SCREEN */
@media screen and (min-width:1025px){

}
.ais-footer{
	margin-top: 25px;
	position: relative;
	z-index: 2;
}

.ais-footer-inner{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--colors-schemes-background);
}

.ais-footer-second-inner{
	display: flex; 
	padding: 24px; 
	flex-direction: column;
	align-items: center; 
	justify-content: center;
	gap: 24px;
	padding-left: 100px;
}

.ais-footer-logo{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 10px;
	position: relative;
	flex: 0 0 auto;
}

.dark-mode.ais-footer-logo > img{
	filter: invert(1) brightness(2);
}

.ais-footer-logo-text{
	width: fit-content;
	font-family: 'RNSSanz-Medium'; 
	font-weight: 400; 
	color: var(--colors-big-stone-950); 
	font-size: 30px; 
	letter-spacing: 0; 
	line-height: normal;
	margin: 0;
}

.ais-footer-links-container{
	display: flex;
	max-height: 40px; 
	font-family: 'RNSSanz-SemiBold'; 
	font-size: 20px;
}
.generalitat-logo{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
}

.dark-mode.generalitat-logo > img:last-child{
	filter: invert(1) brightness(2);
}



.ais-footer-link{
	border-right: 1px solid var(--colors-blue-chill-700); 
	display: flex; 
	align-items: center;
}

.ais-footer-link.last{
	border: 0;
}

.ais-footer-link > a{
	color: var(--colors-blue-chill-700); 
	text-decoration: none;
}

.ais-footer-rrss-container{
	display: flex;
	flex-direction: column; 
	gap: 10px; 
	align-items: center;
	justify-content: center;
}

.ais-footer-rrss-title{
	font-family: 'RNSSanz-Bold';
	font-weight: 700; 
	font-size: 24px;
	text-align: center;
	color: var(--colors-big-stone-950);
}

.ais-footer-rrss-inner{
	display: flex;
	align-items: center; 
	justify-content: center; 
	gap: 10px; 
	max-height: 25px;
}

.ais-footer-rrss-item{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 25px;
	width: 25px;
	color: white;
	background-color: var(--colors-big-stone-950);
	border-radius: 50%;
	padding: 2px;
}

.ais-footer-rrss-item:hover{
	box-shadow: var(--elevation-light-1);
}

.ais-footer-secondary{
	display: flex;
	max-height: 40px; 
	font-family: 'RNSSanz-Normal'; 
	font-size: 14px;
}

.ais-footer-secondary-inner{
	padding: 1px 8px;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 600px) {
	.ais-footer-second-inner{
		padding: 16px; 
	}
		.ais-footer-rrss-title{
		font-size: 14px;
	}
	
	.ais-footer-links-container{
		font-size: 10px;
		max-height: fit-content;
		flex-direction: column;
		align-items: center;
	}
	
	.ais-footer-logo-text{
		font-size: 20px;
	}
	
	.ais-footer-link{
		padding: 2px 6px;
		border-right: 0;
	}
}

/* TABLET SCREEN*/
@media screen and (min-width:601px) and (max-width: 1024px) {
	.ais-footer-links-container{
		display: flex;
		flex-direction: column;
		max-height: unset;
	}
	
	.ais-footer-rrss-title{
		font-size: 18px;
	}

	
	.ais-footer-logo-text{
		font-size: 24px;
	}
	.ais-footer-link{
		padding: 3px 8px;
		justify-content: center;
	}
}
/* DESKTOP SCREEN */
@media screen and (min-width:1025px){

}
.content-card.list{
	display: flex;
	flex-direction: row;
	border-radius: 24px;
	background-color: var(--colors-schemes-background);
	width: fit-content;
	height: fit-content;
}


.content-card.list:hover,
.content-card.list[hover]{
	background-color: var(--colors-schemes-primary-opacity-08);
}

.content-card.list:active,
.content-card.list[active]{
	background-color: var(--colors-schemes-primary-opacity-12);
}

.content-card.list > .content-card-image{
	flex-basis: 50%;
	border-radius: 24px;
	width: 100%;
}

.content-card.list > .content-card-image > img {
	border-radius: 24px;
	height: 100%;
	object-fit: cover;
}

.content-card.list > .content-card-body{
	width: 100%;
	flex-basis: 50%;
	display: flex;
	gap: 24px;
	padding: 24px;
	border-top-right-radius: 24px;
	border-bottom-right-radius: 24px;
	flex-direction: column;
	justify-content: center;
}

.content-card.list > .content-card-body > .content-card-body-information > .content-card-body-image{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid;
	border-color: var(--colors-schemes-primary-opacity-08);
	border-radius: 24px;
	max-height: 48px;
	max-width: 48px;
	min-height: 48px;
	min-width: 48px;
	overflow: hidden;
	background-color: white;
}

.content-card.list > .content-card-body > .content-card-body-information > .content-card-body-image > img{
	max-height: 48px;
	max-width: 48px;
	min-height: 48px;
	min-width: 48px;
	object-fit: cover;
}

.content-card.list > .content-card-body > .content-card-body-information{
	display: flex;
	flex-direction: row;
	gap: 12px;
	width: 100%;
	/*min-height: calc(48px + 12px + 32px);*/
	/*align-items: flex-end;*/
}

.content-card.list > .content-card-body > .content-card-body-information > .content-card-body-information-text{
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: 100%;
}

.content-card.list > .content-card-body > .content-card-body-description{
	display: flex;
	flex-direction: row;
	width: 100%;
}

.content-card.list > .content-card-body > .content-card-body-icons{
	display: flex;
	flex-direction: row;
	gap: 6px;
}
.content-card.grid{
	display: flex;
	flex-direction: column;
	border-radius: 24px;
	background-color: var(--colors-schemes-background);
	width: fit-content;
	height: fit-content;
}

.content-card.grid:hover,
.content-card.grid[hover]{
	background-color: var(--colors-schemes-primary-opacity-08);
}

.content-card.grid:active,
.content-card.grid[active]{
	background-color: var(--colors-schemes-primary-opacity-12);
}

.content-card.grid > .content-card-image{
	border-radius: 24px;
	width: 100%;
	aspect-ratio: 16/9;
}

.content-card.grid > .content-card-image > img {
	border-radius: 24px;
	object-fit: cover;
}

.content-card.grid > .content-card-body{
	width: 100%;
	display: flex;
	gap: 12px;
	padding: 12px;
	border-radius: 24px;
}

.content-card.grid > .content-card-body > .content-card-body-image{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid;
	border-color: var(--colors-schemes-primary-opacity-08);
	border-radius: 24px;
	max-height: 48px;
	max-width: 48px;
	min-height: 48px;
	min-width: 48px;
	overflow: hidden;
	background-color: white;
}

.content-card.grid > .content-card-body > .content-card-body-image > img{
	max-height: 48px;
	max-width: 48px;
	min-height: 48px;
	min-width: 48px;
	object-fit: cover;
}

.content-card.grid > .content-card-body > .content-card-body-information{
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: 100%;
	min-height: calc(48px + 6px + 32px);
}

.content-card.grid > .content-card-body > .content-card-body-icons{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
}

@media screen and (max-width: 600px) {
	.content-card.grid{
		border-radius: 0px;
	}
	
	.content-card.grid > .content-card-image{
	border-radius: 0px;
}

.content-card.grid > .content-card-image > img {
	border-radius: 0px;
}

.content-card.grid > .content-card-body{
	border-radius: 0px;
}

}

/* Contenedor general opcional */
.segmented-btn-container {
  display: flex;
  flex-wrap: nowrap;
	border-radius: 24px;
	overflow: hidden;
	border: 2px solid;
	border-color: var(--colors-schemes-primary);
}



.segmented-btn{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	cursor: pointer;
  transition: all 0.2s ease-in-out;
	border: 0;
	border-right: 2px solid var(--colors-schemes-primary);
	background-color: var(--colors-schemes-background);
	flex: 1; 
  justify-content: center;
  min-width: 0;
}

.segmented-btn:last-child{
	border-right: 0;
}

.segmented-btn.active {
	background-color: var(--colors-schemes-primary-elevated);
}

.segmented-btn > .segmented-btn-icon{
	color:  var(--colors-schemes-primary)!important;
}

.segmented-btn.active > .segmented-btn-icon{
	color:  var(--colors-schemes-primary)!important;
	font-variation-settings:
  'FILL' 1,
  'wght' 300,
  'GRAD' 0,
  'opsz' 24;
	font-size: 24px;
	cursor: default;
	user-select: none;
}

.segmented-btn > .segmented-btn-active-icon{
	display: none;
	color:  var(--colors-schemes-primary)!important;
}

.segmented-btn.active > .segmented-btn-active-icon{
	display: block;
}

.segmented-btn > .text-wrapper{
	font-family: var(--AIS-label-large-font-family);
	font-weight: var(--AIS-label-large-font-weight);
	color: var(--colors-schemes-primary);
	font-size: var(--AIS-label-large-font-size);
	letter-spacing: var(--AIS-label-large-letter-spacing);
	line-height: var(--AIS-label-large-line-height);
	white-space: nowrap;
	font-style: var(--AIS-label-large-font-style);
}


.institution-card{
	display: flex;
	flex-direction: column;
	border-radius: 24px;
	background-color: var(--colors-schemes-background);
	width: fit-content;
	height: fit-content;
}


.institution-card:hover,
.institution-card[hover]{
	background-color: var(--colors-schemes-primary-opacity-08);
}

.institution-card:active,
.institution-card[active]{
	background-color: var(--colors-schemes-primary-opacity-12);
	box-shadow: none;
}

.institution-card > .institution-card-image{
	border-radius: 24px;
	width: 100%;
	aspect-ratio: 16/9;
	border: 2px solid;
	border-color: var(--colors-schemes-primary-opacity-08);
	background-color: white;
}

.institution-card.carousel > .institution-card-image > img {
	border-radius: 24px;
}

.institution-card > .institution-card-body{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 12px;
	border-radius: 24px;
	align-items: center;
	text-align: center;
	min-height: calc(48px + 6px + 32px);
}

.faculty-card.list{
	display: flex;
	border-radius: 24px;
	background-color: var(--colors-schemes-background);
	width: fit-content;
	height: fit-content;
}


.faculty-card.list:hover,
.faculty-card.list[hover]{
	background-color: var(--colors-schemes-primary-opacity-08);
}

.faculty-card.list:active,
.faculty-card.list[active]{
	background-color: var(--colors-schemes-primary-opacity-12);
	box-shadow: none;
}

.faculty-card.list > .faculty-card-image{
	border-radius: 24px;
	width: 100%;
	aspect-ratio: 1/1;
	border: 2px solid;
	border-color: var(--colors-schemes-primary-opacity-08);
	position: relative;
	max-height: 200px;
	max-width: 200px;
	background-color: white;
}

.faculty-card.list > .faculty-card-image > img {
	border-radius: 24px;
	object-fit: cover;
}

.faculty-card.list > .faculty-card-image > .faculty-card-country-image {
	position: absolute;
	border-radius: 50%;
	padding: 6px;
	top: 0;
	right: 0;
	width: 44px;
	height: 44px;
	display: flex;
	overflow: hidden;
	
}
.faculty-card.list > .faculty-card-image > .faculty-card-country-image > img {
	width: 32px;
	height: 32px;
	box-shadow: var(--AIS-elevation-light-2);
	border-radius: 50%;
}

.faculty-card.list > .faculty-card-body{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 6px;
	padding: 24px;
	border-radius: 24px;
	min-height: calc(48px + 6px + 32px);
}

.faculty-card.grid{
	display: flex;
	flex-direction: column;
	border-radius: 24px;
	background-color: var(--colors-schemes-background);
	width: fit-content;
	height: fit-content;
}


.faculty-card.grid:hover,
.faculty-card.grid[hover]{
	background-color: var(--colors-schemes-primary-opacity-08);
}

.faculty-card.grid:active,
.faculty-card.grid[active]{
	background-color: var(--colors-schemes-primary-opacity-12);
	box-shadow: none;
}

.faculty-card.grid > .faculty-card-image{
	border-radius: 24px;
	width: 100%;
	aspect-ratio: 1/1;
	border: 2px solid;
	border-color: var(--colors-schemes-primary-opacity-08);
	position: relative;
	background-color: white;
}

.faculty-card.grid > .faculty-card-image > img {
	border-radius: 24px;
	object-fit: cover;
}

.faculty-card.grid > .faculty-card-image > .faculty-card-country-image {
	position: absolute;
	border-radius: 50%;
	padding: 6px;
	top: 0;
	right: 0;
	width: 44px;
	height: 44px;
	display: flex;
	overflow: hidden;
	
}
.faculty-card.grid > .faculty-card-image > .faculty-card-country-image > img {
	width: 32px;
	height: 32px;
	box-shadow: var(--AIS-elevation-light-2);
	border-radius: 50%;
}

.faculty-card.grid > .faculty-card-body{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 12px;
	border-radius: 24px;
	align-items: center;
	text-align: center;
	min-height: calc(48px + 6px + 32px);
}


.faculty-card.grid > .faculty-card-body > .faculty-card-description{
	display: none!important;
}

/* GLOBAL STYLES*/

* {
	color: var(--colors-schemes-text);
	/*outline: 1px solid red;*/
}

*, *::before, *::after {
    box-sizing: border-box;
}

body{
	background-color: var(--colors-schemes-background);
	margin: 0;
}
a{
	text-decoration: none!important;
	color: inherit!important;
}
img{
width: 100%;
}
td {
  padding: 12px 12px;
}

.auto-margin-container{
	width: 100%;
	max-width: 1200px; 
	margin: 0 auto;  
	box-sizing: border-box;
}


.ais-input{
	width: 100%; 
	border-radius: 12px; 
	border: 1px solid #1e5e863d; 
	color: var(--colors-blue-chill-700); 
	padding: 6px;
}

.ais-input:hover{
	box-shadow: var(--elevation-light-1);
}

.one-lines-text{
	-webkit-box-orient: vertical;
	display: block;
	display: -webkit-box;
	max-height: 132px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	margin-bottom: 0!important;
	/*text-align: justify;*//
}

.two-lines-text{
	-webkit-box-orient: vertical;
	display: block;
	display: -webkit-box;
	max-height: 132px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	margin-bottom: 0!important;
	/*text-align: justify;*//
}

.three-lines-text{
	-webkit-box-orient: vertical;
	display: block;
	display: -webkit-box;
	max-height: 132px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	margin-bottom: 0!important;
	/*text-align: justify;*/
}

.btn-ais-live-now{
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	background-color: var(--colors-well-read-700);
	border-radius: 12px;
	border: 2px solid #fff;
}

.btn-ais-live-now:hover,
.btn-ais-live-now[hover]{
	background-color: var(--colors-well-read-800);
}

.btn-ais-live-now > .live-dot{
	background-color: #fff;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	animation: dot-blink 2s linear infinite;
	
}

.btn-ais-live-now > .live-text{
	animation: dot-blink 2s linear infinite;
	color: #fff!important;
}

.btn-ais-available-now{
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	background-color: var(--colors-big-stone-700);
	border-radius: 12px;
	border: 2px solid #fff;
}

.btn-ais-available-now:hover,
.btn-ais-available-now[hover]{
	background-color: var(--colors-big-stone-800);
}

.btn-ais-available-now > .available-dot{
	background-color: #fff;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	animation: dot-blink 2s linear infinite;
	
}

.btn-ais-available-now > .available-text{
	animation: dot-blink 2s linear infinite;
	color: #fff!important;
}
@keyframes dot-blink{
	0%{opacity: 1;}
	30%{opacity: 1;}
	50%{opacity: 0;}
	70%{opacity: 1;}
	100%{opacity: 1;}
}



/* SKELETON STYLES INIT*/
.skeleton-title{
	padding-left: 20px;
	background-color: #EAEAEA; 
	border-radius: 12px; 
	height: 5vh; 
	width: 30vw;
	animation: colorChange .7s infinite alternate;
}

.skeleton-container{
	display: flex; 
	gap: 16px; 
	overflow: hidden; 
	padding-top: 20px; 
	padding-bottom: 20px; 
	padding-left: 10px; 
	position: relative; 
	transition: all .3s ease-in-out; 
	transition-delay: .1s; 
	width: 100%;
}

.skeleton-content{
	min-width: calc((100vw - 96px) / (4 - var(--events-visible-offset)) - (4 - var(--events-visible-offset) - 1) * var(--event-gap)); 
	background-color: #EAEAEA; 
	border-radius: 12px; 
	width: 100%;
	animation: colorChange .7s infinite alternate;
	position: relative;
}

.skeleton-content::before {
    content: "";
    display: block;
    padding-bottom: 56.25%; /* Aspect ratio de 16:9 */
}

.skeleton-content-grid{
	display: flex;
	gap: 24px; 
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.skeleton-content-grid-miniature{
	width: 100%;
	min-width: 100%;
	border-radius: 12px;
	background-color: #EAEAEA; 
	animation: colorChange .7s infinite alternate;
}

.skeleton-content-grid-miniature::before {
    content: "";
    display: block;
    padding-bottom: 56.25%; /* Aspect ratio de 16:9 */
}

.skeleton-content-grid-information{
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: 100%;
}

.skeleton-content-grid-channel{
	display: flex;
	gap: 12px;
	width: 75%;
}

.skeleton-content-grid-channel-img{
	background-color: #EAEAEA; 
	border-radius: 50%; 
	height: 48px; 
	width: 48px;
	min-width: 48px;
	animation: colorChange .7s infinite alternate;
}

.skeleton-content-grid-channel-title{
	background-color: #EAEAEA; 
	border-radius: 12px; 
	height: 1vh; 
	width: 100%;
	animation: colorChange .7s infinite alternate;
	align-self: center;
}

.skeleton-content-grid-title{
	background-color: #EAEAEA; 
	border-radius: 12px; 
	height: 2vh; 
	width: 90%;
	animation: colorChange .7s infinite alternate;
}



.skeleton-content-list{
	display: flex;
	gap: 24px; 
	align-items: center;
	width: 100%;
}

.skeleton-content-list-miniature{
	width: 40%;
	min-width: 40%;
	border-radius: 12px;
	background-color: #EAEAEA; 
	animation: colorChange .7s infinite alternate;
}

.skeleton-content-list-miniature::before {
    content: "";
    display: block;
    padding-bottom: 56.25%; /* Aspect ratio de 16:9 */
}

.skeleton-content-list-information{
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
}

.skeleton-content-list-channel{
	display: flex;
	gap: 12px;
	width: 100%;
}

.skeleton-content-list-channel-img{
	background-color: #EAEAEA; 
	border-radius: 50%; 
	height: 48px; 
	width: 48px;
	min-width: 48px;
	animation: colorChange .7s infinite alternate;
}

.skeleton-content-list-channel-title{
	background-color: #EAEAEA; 
	border-radius: 12px; 
	height: 1vh; 
	width: 30%;
	animation: colorChange .7s infinite alternate;
	align-self: center;
}

.skeleton-content-list-title{
	background-color: #EAEAEA; 
	border-radius: 12px; 
	height: 2vh; 
	width: 75%;
	animation: colorChange .7s infinite alternate;
}

.skeleton-content-list-description{
	display: flex;
	flex-direction: column;
	gap: 3px;
}
.skeleton-content-list-description-line{
	background-color: #EAEAEA; 
	border-radius: 12px; 
	height: 6vh; 
	width: 100%;
	animation: colorChange .7s infinite alternate;
}

.skeleton-faculty-grid{
	display: flex; 
	flex-direction: column; 
	border-radius: 12px; 
	gap: 12px; 
	padding: 5px 0px; 
	align-items: center; 
	justify-content: space-between;
}

.skeleton-faculty-grid-img{
	background-color: #EAEAEA; 
	border-radius: 12px; 
	padding-bottom: 100%; 
	width: 100%;
	animation: colorChange .7s infinite alternate;
}

.skeleton-faculty-grid-information{
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: 100%;
	align-items: center;
}
.skeleton-faculty-grid-name{
	background-color: #EAEAEA; 
	border-radius: 12px; 
	height: 2vh; 
	width: 75%;
	animation: colorChange .7s infinite alternate;
}

.skeleton-faculty-grid-specialty{
	background-color: #EAEAEA; 
	border-radius: 12px; 
	height: 1vh; 
	width: 85%;
	animation: colorChange .7s infinite alternate;
}
.skeleton-faculty-grid-flag{
	background-color: #EAEAEA; 
	border-radius: 50%; 
	height: 36px; 
	width: 36px;
	animation: colorChange .7s infinite alternate;
}
@keyframes colorChange {
	0% {
		background-color: #EAEAEA;
	}
	100% {
		background-color: #D8D8D8;
	}
}
/* SKELETON STYLES END*/


/* OnDemand Content Card*/
.on-demand-event-card{
	display: flex;
	gap: 24px; 
	align-items: center; 
	width: 100%;
	cursor: pointer;
	/*padding: 0px 12px;*/
}
.on-demand-event-card.grid{
	flex-direction: column;
	/*justify-content: center;*/
	width: 100%;
}
.on-demand-event-card:hover > .on-demand-event-img{
	box-shadow: var(--elevation-light-4);
	border-radius: 0;
}
.on-demand-event-card.grid:hover > .on-demand-event-img{
	box-shadow: var(--elevation-light-4);
	border-radius: 0;
}

.on-demand-event-card:hover > .on-demand-event-img > img{
	border-radius: 0;
	transform: scale(1.05);
}
.on-demand-event-card.grid:hover > .on-demand-event-img > img{
	border-radius: 0;
	transform: scale(1.05);
}

.on-demand-event-card.grid > .on-demand-event-img{
	max-width: 100%; 
	height: auto;
	border-radius: 12px;
	transition: all 0.4s ease-in-out;
}
.on-demand-event-card.grid > .on-demand-event-img > img{
	max-width: 100%; 
	height: auto;
	border-radius: 12px;
	transition: all 0.4s ease-in-out;
}

.on-demand-event-img{
	max-width: 35%; 
	height: auto;
	border-radius: 12px;
	box-shadow: var(--elevation-light-1);
	transition: all 0.4s ease-in-out;
	display: flex;
	overflow: hidden;
}

.on-demand-event-img > img{
	border-radius: 12px;
	transition: all 0.4s ease-in-out;
}

.on-demand-event-information{
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: 100%;
}

.on-demand-event-information-header{
	display: flex; 
	justify-content: space-between; 
	align-items: center; 
	width: 100%;
}
.on-demand-event-information-header-inner{
	display: flex;  
	align-items: center;
	gap: 12px;
	color: var(--colors-blue-chill-700);
}
.on-demand-event-information-header-inner > img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 1px solid #132B3D3D;
	object-fit: contain;
}
.on-demand-event-information-header-text{
	display: flex;
	align-items: flex-start;
	gap: 6px;
	flex-direction: column;
}
/* DROPDOWN */
.ais-dropdown-outter{
	position: relative;
	min-width: 200px;
	min-height: 40px;
}

.ais-dropdown{
	border-radius: 12px; 
	background-color: white;
	border: 1px solid #132b3d3d;
	color: #1d1b20; 
	min-width: 200px;
	width: 200px;
	height: 40px;
	position: absolute;
	cursor: pointer;
}

.ais-dropdown:hover{
	box-shadow: var(--elevation-light-1);
}

.ais-dropdown.selected{
	height: auto;
	box-shadow: var(--elevation-light-1);
	position: absolute;
	z-index: 10;
}

.ais-dropdown-header{
	display: flex;
	justify-content: space-between; 
	align-items: center; 
	height: 100%;
	padding: 6px 12px;
	padding-right: 6px;
}

.ais-dropdown-search-container{
	display: flex;
	align-items: center;
	gap: 12px;
	padding-left: 6px;
}

.ais-dropdown-search{
	background-color: transparent;
	color: var(--colors-big-stone-950);
	border-radius: 12px; 
	width: 100%; 
	border: 0;
	outline: 0; 
	padding: 6px 12px;
	padding-left: 0;
}

.ais-dropdown-list{
	min-height: 100px;
	background-color: white; 
	width: 100%;
	display: none;
	border-radius: 12px;
}

.ais-dropdown-list.show{
	display: block;
}

.ais-dropdown-list-content{
	display: flex; 
	flex-direction: column;
	overflow: auto;
	height: 149px;
	scrollbar-width: none;
}

.ais-dropdown-list-content::-webkit-scrollbar{
	width: 0;
}
.ais-dropdown-item{
	display: flex;
	gap: 12px;
	justify-content: space-between;
	padding: 6px 12px;
	padding-right: 6px;
}
.ais-dropdown-item:hover{
	background-color: var(--colors-big-stone-50);
}

/* DROPDOWN */

/* FOOTER STYLES*/

/* GENERAL INFORMATION STYLES */
.general-information-main{
	display: flex;
	justify-content: center;
}

.general-information-first-column{
	display: flex; 
	flex-direction: column; 
	width: 80%;
	gap: 12px;
}

@media only screen and (max-width: 1200px) { 
	
}

@media only screen and (max-width: 992px) { 
	.large-title{
		font-size: 16px;
		letter-spacing: 0.15px;
		line-height: 24px;
	}
	
	.large-label{
		font-size: 12px;
		letter-spacing: 0.5px;
		line-height: 16px;
	}
	
	.large-body{
		font-size: 14px;
		letter-spacing: 0.25px;
		line-height: 20px;
	}
	
	.large-headline{
		font-size: 28px;
		letter-spacing: 0px;
		line-height: 36px;
	}
	
	.large-display{
		font-size: 45px;
		letter-spacing: 0px;
		line-height: 52px;
	}
	

}

@media only screen and (max-width: 768px) { 
	.large-title{
		font-size: 14px;
		letter-spacing: 0.1px;
		line-height: 20px;
	}
	
	.large-label{
		font-size: 11px;
		letter-spacing: 0.5px;
		line-height: 16px;
	}
	
	.large-body{
		font-size: 12px;
		letter-spacing: 0.048px;
		line-height: 16px;
	}
	
	.large-headline{
		font-size: 24px;
		letter-spacing: 0px;
		line-height: 32px;
	}
	
	.large-display{
		font-size: 36px;
		letter-spacing: 0px;
		line-height: 44px;
	}


}

@media only screen and (max-width: 600px) { 

	
	.lateral-bar{
		display: none;
	}
	.content-container{
		margin-left: 0!important;
	}
	
	.skeleton-content-grid-miniature{
		border-radius: 0px;
	}
	.skeleton-content-grid-information{
		padding: 0px 12px; 
	}
}
/* FOOTER STYLES*/
:root {
  --carousel-gap: 24px;
  --carousel-visible-cards: 3.0;
  --AIS-body-large-font-family: "RNSSanz-Normal";
  --AIS-body-large-font-size: 16px;
  --AIS-body-large-font-style: normal;
  --AIS-body-large-font-weight: 400;
  --AIS-body-large-letter-spacing: 0.5px;
  --AIS-body-large-line-height: 24px;
  --AIS-body-medium-font-family: "RNSSanz-Normal";
  --AIS-body-medium-font-size: 14px;
  --AIS-body-medium-font-style: normal;
  --AIS-body-medium-font-weight: 400;
  --AIS-body-medium-letter-spacing: 0.25px;
  --AIS-body-medium-line-height: 20px;
  --AIS-body-small-font-family: "RNSSanz-Normal";
  --AIS-body-small-font-size: 12px;
  --AIS-body-small-font-style: normal;
  --AIS-body-small-font-weight: 400;
  --AIS-body-small-letter-spacing: 0.04800000071525574px;
  --AIS-body-small-line-height: 16px;
  --AIS-display-large-font-family: "RNSSanz-Normal";
  --AIS-display-large-font-size: 57px;
  --AIS-display-large-font-style: normal;
  --AIS-display-large-font-weight: 400;
  --AIS-display-large-letter-spacing: -0.25px;
  --AIS-display-large-line-height: 64px;
  --AIS-display-medium-font-family: "RNSSanz-Normal";
  --AIS-display-medium-font-size: 45px;
  --AIS-display-medium-font-style: normal;
  --AIS-display-medium-font-weight: 400;
  --AIS-display-medium-letter-spacing: 0px;
  --AIS-display-medium-line-height: 52px;
  --AIS-display-small-font-family: "RNSSanz-Normal";
  --AIS-display-small-font-size: 36px;
  --AIS-display-small-font-style: normal;
  --AIS-display-small-font-weight: 400;
  --AIS-display-small-letter-spacing: 0px;
  --AIS-display-small-line-height: 44px;
  --AIS-elevation-dark-1: 0px 1px 2px 0px rgba(0, 0, 0, 0.3),
    0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  --AIS-elevation-dark-2: 0px 1px 2px 0px rgba(0, 0, 0, 0.3),
    0px 2px 6px 2px rgba(0, 0, 0, 0.15);
  --AIS-elevation-dark-3: 0px 1px 3px 0px rgba(0, 0, 0, 0.3),
    0px 4px 8px 3px rgba(0, 0, 0, 0.15);
  --AIS-elevation-dark-4: 0px 2px 3px 0px rgba(0, 0, 0, 0.3),
    0px 6px 10px 4px rgba(0, 0, 0, 0.15);
  --AIS-elevation-dark-5: 0px 4px 4px 0px rgba(0, 0, 0, 0.3),
    0px 8px 12px 6px rgba(0, 0, 0, 0.15);
  --AIS-elevation-light-1: 0px 1px 3px 1px rgba(0, 0, 0, 0.15),
    0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  --AIS-elevation-light-2: 0px 2px 6px 2px rgba(0, 0, 0, 0.15),
    0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  --AIS-elevation-light-3: 0px 1px 3px 0px rgba(0, 0, 0, 0.3),
    0px 4px 8px 3px rgba(0, 0, 0, 0.15);
  --AIS-elevation-light-4: 0px 2px 3px 0px rgba(0, 0, 0, 0.3),
    0px 6px 10px 4px rgba(0, 0, 0, 0.15);
  --AIS-elevation-light-5: 0px 4px 4px 0px rgba(0, 0, 0, 0.3),
    0px 8px 12px 6px rgba(0, 0, 0, 0.15);
  --AIS-headline-large-font-family: "RNSSanz-Normal";
  --AIS-headline-large-font-size: 32px;
  --AIS-headline-large-font-style: normal;
  --AIS-headline-large-font-weight: 400;
  --AIS-headline-large-letter-spacing: 0px;
  --AIS-headline-large-line-height: 40px;
  --AIS-headline-medium-font-family: "RNSSanz-Normal";
  --AIS-headline-medium-font-size: 28px;
  --AIS-headline-medium-font-style: normal;
  --AIS-headline-medium-font-weight: 400;
  --AIS-headline-medium-letter-spacing: 0px;
  --AIS-headline-medium-line-height: 36px;
  --AIS-headline-small-font-family: "RNSSanz-Normal";
  --AIS-headline-small-font-size: 24px;
  --AIS-headline-small-font-style: normal;
  --AIS-headline-small-font-weight: 400;
  --AIS-headline-small-letter-spacing: 0px;
  --AIS-headline-small-line-height: 32px;
  --AIS-label-large-font-family: "RNSSanz-Normal";
  --AIS-label-large-font-size: 14px;
  --AIS-label-large-font-style: normal;
  --AIS-label-large-font-weight: 600;
  --AIS-label-large-letter-spacing: 0.10000000149011612px;
  --AIS-label-large-line-height: 20px;
  --AIS-label-medium-font-family: "RNSSanz-Normal";
  --AIS-label-medium-font-size: 12px;
  --AIS-label-medium-font-style: normal;
  --AIS-label-medium-font-weight: 600;
  --AIS-label-medium-letter-spacing: 0.5px;
  --AIS-label-medium-line-height: 16px;
  --AIS-label-small-font-family: "RNSSanz-Normal";
  --AIS-label-small-font-size: 11px;
  --AIS-label-small-font-style: normal;
  --AIS-label-small-font-weight: 600;
  --AIS-label-small-letter-spacing: 0.5px;
  --AIS-label-small-line-height: 16px;
  --AIS-title-large-font-family: "RNSSanz-Normal";
  --AIS-title-large-font-size: 22px;
  --AIS-title-large-font-style: normal;
  --AIS-title-large-font-weight: 600;
  --AIS-title-large-letter-spacing: 0px;
  --AIS-title-large-line-height: 28px;
  --AIS-title-medium-font-family: "RNSSanz-Normal";
  --AIS-title-medium-font-size: 16px;
  --AIS-title-medium-font-style: normal;
  --AIS-title-medium-font-weight: 600;
  --AIS-title-medium-letter-spacing: 0.15000000596046448px;
  --AIS-title-medium-line-height: 24px;
  --AIS-title-small-font-family: "RNSSanz-Normal";
  --AIS-title-small-font-size: 14px;
  --AIS-title-small-font-style: normal;
  --AIS-title-small-font-weight: 600;
  --AIS-title-small-letter-spacing: 0.10000000149011612px;
  --AIS-title-small-line-height: 20px;
  --aisneutral-10: rgba(41, 41, 41, 1);
  --aisneutral-20: rgba(61, 61, 61, 1);
  --aisneutral-30: rgba(70, 70, 70, 1);
  --aisneutral-40: rgba(82, 82, 82, 1);
  --aisneutral-50: rgba(101, 101, 101, 1);
  --aisneutral-60: rgba(124, 124, 124, 1);
  --aisneutral-70: rgba(152, 152, 152, 1);
  --aisneutral-80: rgba(189, 189, 189, 1);
  --aisneutral-90: rgba(220, 220, 220, 1);
  --aisneutral-95: rgba(239, 239, 239, 1);
  --aisneutral-99: rgba(248, 248, 248, 1);
  --aisprimary-10: rgba(21, 46, 55, 1);
  --aisprimary-20: rgba(38, 73, 83, 1);
  --aisprimary-30: rgba(42, 85, 96, 1);
  --aisprimary-40: rgba(42, 103, 116, 1);
  --aisprimary-50: rgba(48, 137, 153, 1);
  --aisprimary-60: rgba(50, 156, 168, 1);
  --aisprimary-70: rgba(78, 184, 194, 1);
  --aisprimary-80: rgba(134, 212, 218, 1);
  --aisprimary-90: rgba(184, 230, 233, 1);
  --aisprimary-95: rgba(217, 243, 244, 1);
  --aisprimary-99: rgba(240, 250, 251, 1);
  --aissecondary-10: rgba(19, 43, 61, 1);
  --aissecondary-20: rgba(29, 68, 93, 1);
  --aissecondary-30: rgba(29, 80, 111, 1);
  --aissecondary-40: rgba(30, 94, 134, 1);
  --aissecondary-50: rgba(36, 117, 165, 1);
  --aissecondary-60: rgba(52, 147, 195, 1);
  --aissecondary-70: rgba(89, 172, 215, 1);
  --aissecondary-80: rgba(147, 201, 230, 1);
  --aissecondary-90: rgba(198, 225, 241, 1);
  --aissecondary-95: rgba(229, 240, 249, 1);
  --aissecondary-99: rgba(243, 248, 252, 1);
  --aistertiary-10: rgba(65, 14, 16, 1);
  --aistertiary-20: rgba(120, 36, 40, 1);
  --aistertiary-30: rgba(145, 35, 40, 1);
  --aistertiary-40: rgba(177, 39, 45, 1);
  --aistertiary-50: rgba(208, 50, 57, 1);
  --aistertiary-60: rgba(228, 79, 85, 1);
  --aistertiary-70: rgba(239, 122, 127, 1);
  --aistertiary-80: rgba(246, 171, 174, 1);
  --aistertiary-90: rgba(251, 205, 207, 1);
  --aistertiary-95: rgba(252, 228, 229, 1);
  --aistertiary-99: rgba(253, 243, 243, 1);
  --colors-schemes-background: rgba(255, 255, 255, 1);
  --colors-schemes-disabled: rgba(220, 220, 220, 1);
  --colors-schemes-on-disabled: rgba(124, 124, 124, 1);
  --colors-schemes-on-primary: rgba(255, 255, 255, 1);
  --colors-schemes-on-primary-elevated: rgba(48, 137, 153, 1);
  --colors-schemes-on-secondary: rgba(255, 255, 255, 1);
  --colors-schemes-on-secondary-elevated: rgba(19, 43, 61, 1);
  --colors-schemes-on-tertiary: rgba(255, 255, 255, 1);
  --colors-schemes-on-tertiary-elevated: rgba(177, 39, 45, 1);
  --colors-schemes-primary: rgba(48, 137, 153, 1);
  --colors-schemes-primary-elevated: rgba(184, 230, 233, 1);
  --colors-schemes-primary-elevated-hovered: rgba(134, 212, 218, 1);
  --colors-schemes-primary-elevated-pressed: rgba(78, 184, 194, 1);
  --colors-schemes-primary-hovered: rgba(42, 103, 116, 1);
  --colors-schemes-primary-opacity-08: rgba(42, 103, 116, 0.08);
  --colors-schemes-primary-opacity-12: rgba(42, 85, 96, 0.12);
  --colors-schemes-primary-pressed: rgba(42, 85, 96, 1);
  --colors-schemes-secondary: rgba(19, 43, 61, 1);
  --colors-schemes-secondary-elevated: rgba(243, 248, 252, 1);
  --colors-schemes-secondary-elevated-hovered: rgba(229, 240, 249, 1);
  --colors-schemes-secondary-elevated-pressed: rgba(198, 225, 241, 1);
  --colors-schemes-secondary-hovered: rgba(29, 68, 93, 1);
  --colors-schemes-secondary-opacity-08: rgba(19, 43, 61, 0.08);
  --colors-schemes-secondary-opacity-12: rgba(19, 43, 61, 0.12);
  --colors-schemes-secondary-pressed: rgba(29, 80, 111, 1);
  --colors-schemes-secondary-tertiary-hovered: rgba(252, 228, 229, 1);
  --colors-schemes-tertiary: rgba(177, 39, 45, 1);
  --colors-schemes-tertiary-elevated: rgba(253, 243, 243, 1);
  --colors-schemes-tertiary-elevated-pressed: rgba(251, 205, 207, 1);
  --colors-schemes-tertiary-hovered: rgba(145, 35, 40, 1);
  --colors-schemes-tertiary-opacity-08: rgba(145, 35, 40, 0.08);
  --colors-schemes-tertiary-opacity-12: rgba(120, 36, 40, 0.12);
  --colors-schemes-tertiary-pressed: rgba(120, 36, 40, 1);
  --colors-schemes-text: rgba(19, 43, 61, 1);
}

/*
  
  To enable a theme in your HTML, simply add one of the following data attributes to an HTML element, like so:
  
  <body data-colors-mode="light">
        <!-- the rest of your content -->
  </body>
  
  You can apply the theme on any DOM node, not just the `body`
  
  */

[data-colors-mode="light"] {
  --colors-schemes-background: rgba(255, 255, 255, 1);
  --colors-schemes-disabled: rgba(220, 220, 220, 1);
  --colors-schemes-on-disabled: rgba(124, 124, 124, 1);
  --colors-schemes-on-primary: rgba(255, 255, 255, 1);
  --colors-schemes-on-primary-elevated: rgba(48, 137, 153, 1);
  --colors-schemes-on-secondary: rgba(255, 255, 255, 1);
  --colors-schemes-on-secondary-elevated: rgba(19, 43, 61, 1);
  --colors-schemes-on-tertiary: rgba(255, 255, 255, 1);
  --colors-schemes-on-tertiary-elevated: rgba(177, 39, 45, 1);
  --colors-schemes-primary: rgba(48, 137, 153, 1);
  --colors-schemes-primary-elevated: rgba(184, 230, 233, 1);
  --colors-schemes-primary-elevated-hovered: rgba(134, 212, 218, 1);
  --colors-schemes-primary-elevated-pressed: rgba(78, 184, 194, 1);
  --colors-schemes-primary-hovered: rgba(42, 103, 116, 1);
  --colors-schemes-primary-opacity-08: rgba(42, 103, 116, 0.08);
  --colors-schemes-primary-opacity-12: rgba(42, 85, 96, 0.12);
  --colors-schemes-primary-pressed: rgba(42, 85, 96, 1);
  --colors-schemes-secondary: rgba(19, 43, 61, 1);
  --colors-schemes-secondary-elevated: rgba(243, 248, 252, 1);
  --colors-schemes-secondary-elevated-hovered: rgba(229, 240, 249, 1);
  --colors-schemes-secondary-elevated-pressed: rgba(198, 225, 241, 1);
  --colors-schemes-secondary-hovered: rgba(29, 68, 93, 1);
  --colors-schemes-secondary-opacity-08: rgba(19, 43, 61, 0.08);
  --colors-schemes-secondary-opacity-12: rgba(19, 43, 61, 0.12);
  --colors-schemes-secondary-pressed: rgba(29, 80, 111, 1);
  --colors-schemes-secondary-tertiary-hovered: rgba(252, 228, 229, 1);
  --colors-schemes-tertiary: rgba(177, 39, 45, 1);
  --colors-schemes-tertiary-elevated: rgba(253, 243, 243, 1);
  --colors-schemes-tertiary-elevated-pressed: rgba(251, 205, 207, 1);
  --colors-schemes-tertiary-hovered: rgba(145, 35, 40, 1);
  --colors-schemes-tertiary-opacity-08: rgba(145, 35, 40, 0.08);
  --colors-schemes-tertiary-opacity-12: rgba(120, 36, 40, 0.12);
  --colors-schemes-tertiary-pressed: rgba(120, 36, 40, 1);
  --colors-schemes-text: rgba(19, 43, 61, 1);
}

[data-colors-mode="dark"] {
  --colors-schemes-background: rgba(19, 43, 61, 1);
  --colors-schemes-disabled: rgba(124, 124, 124, 1);
  --colors-schemes-on-disabled: rgba(220, 220, 220, 1);
  --colors-schemes-on-primary: rgba(21, 46, 55, 1);
  --colors-schemes-on-primary-elevated: rgba(184, 230, 233, 1);
  --colors-schemes-on-secondary: rgba(19, 43, 61, 1);
  --colors-schemes-on-secondary-elevated: rgba(243, 248, 252, 1);
  --colors-schemes-on-tertiary: rgba(65, 14, 16, 1);
  --colors-schemes-on-tertiary-elevated: rgba(251, 205, 207, 1);
  --colors-schemes-primary: rgba(184, 230, 233, 1);
  --colors-schemes-primary-elevated: rgba(42, 85, 96, 1);
  --colors-schemes-primary-elevated-hovered: rgba(42, 103, 116, 1);
  --colors-schemes-primary-elevated-pressed: rgba(48, 137, 153, 1);
  --colors-schemes-primary-hovered: rgba(217, 243, 244, 1);
  --colors-schemes-primary-opacity-08: rgba(217, 243, 244, 0.08);
  --colors-schemes-primary-opacity-12: rgba(240, 250, 251, 0.12);
  --colors-schemes-primary-pressed: rgba(240, 250, 251, 1);
  --colors-schemes-secondary: rgba(243, 248, 252, 1);
  --colors-schemes-secondary-elevated: rgba(29, 68, 93, 1);
  --colors-schemes-secondary-elevated-hovered: rgba(29, 80, 111, 1);
  --colors-schemes-secondary-elevated-pressed: rgba(30, 94, 134, 1);
  --colors-schemes-secondary-hovered: rgba(229, 240, 249, 1);
  --colors-schemes-secondary-opacity-08: rgba(243, 248, 252, 0.08);
  --colors-schemes-secondary-opacity-12: rgba(243, 248, 252, 0.12);
  --colors-schemes-secondary-pressed: rgba(198, 225, 241, 1);
  --colors-schemes-secondary-tertiary-hovered: rgba(120, 36, 40, 1);
  --colors-schemes-tertiary: rgba(251, 205, 207, 1);
  --colors-schemes-tertiary-elevated: rgba(65, 14, 16, 1);
  --colors-schemes-tertiary-elevated-pressed: rgba(145, 35, 40, 1);
  --colors-schemes-tertiary-hovered: rgba(252, 228, 229, 1);
  --colors-schemes-tertiary-opacity-08: rgba(252, 228, 229, 0.08);
  --colors-schemes-tertiary-opacity-12: rgba(253, 243, 243, 0.12);
  --colors-schemes-tertiary-pressed: rgba(253, 243, 243, 1);
  --colors-schemes-text: rgba(255, 255, 255, 1);
}

@media screen and (max-width: 600px) {
  
  :root{
    --AIS-body-large-font-size: var(--AIS-body-medium-font-size);
    --AIS-body-medium-font-size: var(--AIS-body-small-font-size);
  
    
    --AIS-display-large-font-size: var(--AIS-display-medium-font-size);
    --AIS-display-medium-font-size: var(--AIS-display-small-font-size);

    --AIS-headline-large-font-size : var(--AIS-headline-medium-font-size);
    --AIS-headline-medium-font-size : var(--AIS-headline-small-font-size);

    
    --AIS-label-large-font-size : var(--AIS-label-medium-font-size);
    --AIS-label-medium-font-size : var(--AIS-label-small-font-size);
    
    --AIS-title-large-font-size : var(--AIS-title-medium-font-size);
    --AIS-title-medium-font-size : var(--AIS-title-small-font-size);
  }
}


body{
	font-family: "RNSSanz-Normal";
}

@font-face {font-family: "RNSSanz-SemiBold"; src:url("https://cdn.modyo.cloud/uploads/dc98a89f-885a-439d-b365-4e4c5e8a0a46/original/RNSSanz-SemiBold.woff") format("woff")};
.as{}

@font-face {font-family: "RNSSanz-Normal"; src:url("https://cdn.modyo.cloud/uploads/78990214-68ea-46bb-b02c-09bb89890e51/original/RNSSanz-Normal.woff") format("woff")};
.as{}

@font-face {font-family: "RNSSanz-Black"; src:url("https://cdn.modyo.cloud/uploads/f1b9c69d-2e34-4542-897a-7d7872a7aa73/original/RNSSanz-Black.woff") format("woff")};
.as{}

@font-face {font-family: "RNSSanz-Bold"; src:url("https://cdn.modyo.cloud/uploads/62915032-5b92-4d3e-ba1f-27b3d8ad06ce/original/RNSSanz-Bold.woff") format("woff")};
.as{}

@font-face {font-family: "RNSSanz-ExtraBold"; src:url("https://cdn.modyo.cloud/uploads/9e8d88e5-0653-4200-b6a3-be406117a7b5/original/RNSSanz-ExtraBold.woff") format("woff")};
.as{}

@font-face {font-family: "RNSSanz-Light"; src:url("https://cdn.modyo.cloud/uploads/8def8470-4a53-4dfc-adcc-5633e3d38c34/original/RNSSanz-Light.woff") format("woff")};
.as{}

@font-face {font-family: "RNSSanz-Medium"; src:url("https://cdn.modyo.cloud/uploads/21239b07-ff1e-4f4b-83f2-75ecd353adad/original/RNSSanz-Medium.woff") format("woff")};
.as{}