/*
Theme Name: Alti
Description: Thème bloc (FSE) du site alti.careers — formation en leadership et management. Reproduit la maquette Figma « ALTI Website ».
Version: 1.3.3
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alti
*/

/* ==========================================================================
   0. Jetons (complètent theme.json)
   ========================================================================== */
:root {
	--alti-rouge: var(--wp--preset--color--rouge, #c9301a);
	--alti-orange: var(--wp--preset--color--orange, #ff6b35);
	--alti-encre: var(--wp--preset--color--encre, #1f1f1f);
	--alti-gris: var(--wp--preset--color--gris, #6b6b6b);
	--alti-bordure: var(--wp--preset--color--bordure, #f0f0f0);
	--alti-fond: var(--wp--preset--color--fond, #fafafa);
	--alti-teinte: rgba(255, 107, 53, 0.12);
	--alti-gris-sombre: #a8a8a8; /* texte secondaire sur fond encre (contraste 7,9:1) */
	--alti-carte-pad: clamp(1.75rem, 2.8vw, 2.5rem);
	--alti-sora: var(--wp--preset--font-family--sora);
	--alti-tiro: var(--wp--preset--font-family--tiro);
}

/* ==========================================================================
   1. Structure : les sections pleine largeur s'empilent sans marge
   ========================================================================== */
.wp-site-blocks > * + *,
.alti-sections > *,
.alti-main > * {
	margin-block-start: 0;
	margin-block-end: 0;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

:where(h1, h2, h3, h4, p) {
	margin-block: 0;
}

/* Deux colonnes réparties aux extrémités (hero, témoignage, diagnostic, contact). */
.wp-block-columns.alti-split {
	justify-content: space-between;
	gap: var(--wp--preset--spacing--60);
}

@media (max-width: 1024px) {
	.wp-block-columns.alti-split {
		flex-wrap: wrap !important;
	}
	.wp-block-columns.alti-split > .wp-block-column {
		flex-basis: 100% !important;
	}
}

/* ==========================================================================
   2. Typographie
   ========================================================================== */

/* Accent des titres : sélectionner un mot puis Ctrl/Cmd+I dans l'éditeur. */
:is(h1, h2, h3).wp-block-heading em,
.wp-block-post-title em {
	font-family: var(--alti-tiro);
	font-weight: 400;
	font-style: italic;
	color: var(--alti-rouge);
	letter-spacing: 0;
}

.is-style-sur-titre {
	font-family: var(--alti-sora);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--label);
	line-height: 1.3;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--alti-rouge);
}

.is-style-sur-titre.has-xs-font-size {
	letter-spacing: 0.08em;
}

.is-style-devise,
.is-style-signature {
	font-family: var(--alti-sora);
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: var(--alti-encre);
}

.is-style-signature {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	font-size: var(--wp--preset--font-size--label);
}

.is-style-signature::before {
	content: "";
	flex: 0 0 40px;
	height: 2px;
	background: var(--alti-orange);
}

.is-style-signature.has-text-align-center {
	justify-content: center;
}

/* Fil d'Ariane des pages de parcours */
.alti-fil a {
	color: inherit;
	text-decoration: none;
}

.alti-fil a:hover,
.alti-fil a:focus-visible {
	color: var(--alti-rouge);
	text-decoration: underline;
}

/* Récapitulatif du parcours à côté du formulaire d'inscription */
.alti-recap {
	position: relative;
	display: grid;
	gap: 0.75rem;
	padding: 2rem;
	border-radius: 20px;
	background: var(--wp--preset--color--orange-pale);
}

.alti-recap > p {
	margin: 0;
}

.alti-recap[class*="alti-icon--"] {
	padding-top: calc(2rem + 56px + 1rem);
}

.alti-recap[class*="alti-icon--"]::before,
.alti-recap[class*="alti-icon--"]::after {
	content: "";
	position: absolute;
}

.alti-recap[class*="alti-icon--"]::before {
	top: 2rem;
	left: 2rem;
	width: 56px;
	height: 56px;
	box-sizing: border-box;
	border-radius: 50%;
	background: var(--alti-teinte);
	border: 1.5px solid var(--alti-rouge);
}

.alti-recap[class*="alti-icon--"]::after {
	top: calc(2rem + 16px);
	left: calc(2rem + 16px);
	width: 24px;
	height: 24px;
	background: var(--alti-rouge);
	-webkit-mask: var(--alti-icon) center / contain no-repeat;
	mask: var(--alti-icon) center / contain no-repeat;
}

.alti-recap__sur-titre {
	font-family: var(--alti-sora);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--label);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--alti-rouge);
}

.alti-recap__titre {
	font-family: var(--alti-sora);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--xl);
	line-height: 1.3;
	color: var(--alti-encre);
}

.alti-recap__texte {
	font-size: var(--wp--preset--font-size--base);
	line-height: 1.6;
	color: var(--alti-gris);
}

.alti-recap__lien {
	font-family: var(--alti-sora);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--label);
	color: var(--alti-rouge);
}

.is-style-citation {
	font-family: var(--alti-tiro);
	line-height: 1.4;
	color: var(--alti-encre);
}

.is-style-nom-client {
	font-family: var(--alti-sora);
	font-weight: 700;
	font-size: 1.375rem;
	line-height: 1.25;
	letter-spacing: -0.045em;
	color: var(--alti-encre);
	opacity: 0.65;
}

.is-style-numero {
	font-family: var(--alti-tiro);
	font-size: var(--wp--preset--font-size--display-s);
	line-height: 1.25;
	color: var(--alti-rouge);
}

.is-style-lien-fleche a {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-family: var(--alti-sora);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--label);
	color: var(--alti-rouge);
	text-decoration: none;
}

.is-style-lien-fleche a::after {
	content: "";
	width: 16px;
	height: 16px;
	background: currentColor;
	-webkit-mask: var(--alti-svg-arrow-right) center / contain no-repeat;
	mask: var(--alti-svg-arrow-right) center / contain no-repeat;
	transition: transform 0.2s ease;
}

.is-style-lien-fleche a:hover::after,
.is-style-lien-fleche a:focus-visible::after {
	transform: translateX(3px);
}

/* ==========================================================================
   3. Boutons (le style « plein » dégradé est défini dans theme.json)
   ========================================================================== */
.wp-block-button__link {
	transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.wp-block-button.is-style-fleche .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
}

.wp-block-button.is-style-fleche .wp-block-button__link::after {
	content: "";
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	background: currentColor;
	-webkit-mask: var(--alti-svg-arrow-right) center / contain no-repeat;
	mask: var(--alti-svg-arrow-right) center / contain no-repeat;
	transition: transform 0.2s ease;
}

.wp-block-button.is-style-fleche .wp-block-button__link:hover::after {
	transform: translateX(3px);
}

.wp-block-button.is-style-outline > .wp-block-button__link {
	border: 1.5px solid var(--alti-encre);
	padding: calc(1rem - 1.5px) calc(1.75rem - 1.5px);
	color: var(--alti-encre);
	background: transparent;
}

.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: var(--alti-encre);
	color: #fff;
}

.wp-block-button.alti-bouton-l .wp-block-button__link {
	padding: 1.125rem 2.25rem;
	font-size: var(--wp--preset--font-size--md);
	gap: 0.75rem;
}

:where(.wp-block-button__link, .wp-element-button):focus-visible {
	outline: 2px solid var(--alti-encre);
	outline-offset: 3px;
}

/* ==========================================================================
   4. En-tête
   ========================================================================== */
.alti-header {
	border-bottom: 1px solid var(--alti-bordure);
	padding-block: 1.5rem;
}

.alti-header__inner {
	min-height: 52px;
	gap: 1.5rem;
}

.alti-brand .wp-block-site-logo:not(:empty) + .wp-block-site-title {
	display: none;
}

.alti-brand .wp-block-site-title {
	white-space: nowrap;
}

.alti-brand .wp-block-site-title a {
	text-decoration: none;
}

.alti-nav .wp-block-navigation-item__content {
	color: var(--alti-encre);
	text-decoration: none;
	padding-block: 0.25rem;
}

.alti-nav .wp-block-navigation-item__content:hover,
.alti-nav .current-menu-item > .wp-block-navigation-item__content {
	color: var(--alti-rouge);
}

.alti-nav .current-menu-item > .wp-block-navigation-item__content {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 0.5rem;
}

/* Menu mobile (overlay du bloc Navigation, sous 600 px). */
.alti-nav .wp-block-navigation__responsive-container.is-menu-open {
	padding: 1.5rem var(--wp--custom--gutter);
}

.alti-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	gap: 1.5rem;
	font-size: var(--wp--preset--font-size--xxl);
}

@media (max-width: 899px) {
	.alti-header .wp-block-buttons.alti-header__cta {
		display: none;
	}
}

/* ==========================================================================
   5. Sections
   ========================================================================== */

/* Visuels arrondis */
.alti-media {
	border-radius: 24px;
	overflow: hidden;
}

.alti-media--hero {
	padding: 1.5rem;
}

.alti-arrondi-l img {
	border-radius: 20px;
}

.alti-arrondi-m img {
	border-radius: 16px;
}

/* Badge flouté « Notre mission » */
.is-style-badge {
	background: rgba(255, 255, 255, 0.92);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border-radius: 16px;
	padding: 1.25rem;
	color: var(--alti-encre);
}

/* Initiales de l'auteur d'un témoignage (pas de photo sans accord écrit) */
.alti-initiales {
	display: grid;
	place-items: center;
	flex: 0 0 auto;
	box-sizing: border-box;
	width: 56px;
	height: 56px;
	margin: 0;
	border-radius: 50%;
	background: var(--alti-teinte);
	border: 1.5px solid var(--alti-rouge);
	color: var(--alti-rouge);
	font-family: var(--alti-sora);
	font-weight: 700;
	font-size: 1.125rem;
}

/* Références clients */
.alti-references {
	border-block: 1px solid var(--alti-bordure);
}

.alti-references__logos {
	row-gap: 1rem;
	column-gap: 2.5rem;
}

/* Cartes */
.is-style-carte {
	background: #fff;
	border: 1px solid var(--alti-bordure);
	border-radius: 20px;
	padding: var(--alti-carte-pad);
}

/* Pictogramme en tête de carte (cercle 56 px + icône 24 px) */
.alti-pictogramme {
	position: relative;
	padding-top: calc(var(--alti-carte-pad) + 56px + 1.5rem);
}

.alti-pictogramme::before,
.alti-pictogramme::after {
	content: "";
	position: absolute;
}

.alti-pictogramme::before {
	top: var(--alti-carte-pad);
	left: var(--alti-carte-pad);
	width: 56px;
	height: 56px;
	box-sizing: border-box;
	border-radius: 50%;
	background: var(--alti-teinte);
	border: 1.5px solid var(--alti-rouge);
}

.alti-pictogramme::after {
	top: calc(var(--alti-carte-pad) + 16px);
	left: calc(var(--alti-carte-pad) + 16px);
	width: 24px;
	height: 24px;
	background: var(--alti-rouge);
	-webkit-mask: var(--alti-icon) center / contain no-repeat;
	mask: var(--alti-icon) center / contain no-repeat;
}

.alti-pictogramme h3 {
	font-weight: 700;
}

/* Pictogramme en ligne, à gauche d'un titre (cercle 48 px) */
.alti-pictogramme-ligne {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 48px;
	padding-left: 60px;
}

.alti-pictogramme-ligne::before,
.alti-pictogramme-ligne::after {
	content: "";
	position: absolute;
	top: 50%;
}

.alti-pictogramme-ligne::before {
	left: 0;
	width: 48px;
	height: 48px;
	margin-top: -24px;
	box-sizing: border-box;
	border-radius: 50%;
	background: var(--alti-teinte);
	border: 1.5px solid var(--alti-rouge);
}

.alti-pictogramme-ligne::after {
	left: 12px;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background: var(--alti-rouge);
	-webkit-mask: var(--alti-icon) center / contain no-repeat;
	mask: var(--alti-icon) center / contain no-repeat;
}

/* Cartes parcours */
.alti-parcours {
	display: flex;
	flex-direction: column;
	min-height: 280px;
}

.alti-parcours > :last-child {
	margin-top: auto;
	padding-top: 1rem;
}

.alti-parcours__entete {
	gap: 1rem;
}

.alti-parcours__entete h2 {
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.25;
}

/* Témoignage */
.alti-auteur {
	align-items: center;
}

.alti-auteur .wp-block-image {
	flex: 0 0 56px;
	margin: 0;
}

.alti-auteur__nom {
	font-family: var(--alti-sora);
	font-weight: 700;
	line-height: 1.25;
}

/* Réassurance (contact) : pastille 40 px + icône 18 px */
.alti-reassurance {
	position: relative;
	min-height: 40px;
	padding-left: 56px;
}

.alti-reassurance::before,
.alti-reassurance::after {
	content: "";
	position: absolute;
}

.alti-reassurance::before {
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--alti-teinte);
}

.alti-reassurance::after {
	top: 11px;
	left: 11px;
	width: 18px;
	height: 18px;
	background: var(--alti-rouge);
	-webkit-mask: var(--alti-icon) center / contain no-repeat;
	mask: var(--alti-icon) center / contain no-repeat;
}

.alti-reassurance h3 {
	font-weight: 700;
	line-height: 1.25;
}

.alti-reassurance p {
	line-height: 1.5;
}

/* Coordonnées */
.alti-coordonnees__label.is-style-sur-titre {
	color: var(--alti-gris);
	letter-spacing: 0.07em;
}

.alti-coordonnees a {
	text-decoration: none;
}

.alti-coordonnees__tel a {
	font-weight: 700;
	font-size: var(--wp--preset--font-size--lg);
	color: var(--alti-encre);
}

.alti-coordonnees__email a {
	font-weight: 600;
	color: var(--alti-rouge);
}

/* Étiquette sur le plan */
.alti-epingle a {
	display: inline-block;
	padding: 0.5rem 1rem;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
	font-family: var(--alti-sora);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--sm);
	color: var(--alti-encre);
	text-decoration: none;
}

/* Bloc formulaire (carte grise) */
.alti-formulaire {
	background: var(--alti-fond);
	border: 1px solid var(--alti-bordure);
	border-radius: 24px;
	padding: clamp(1.5rem, 3.33vw, 3rem);
	scroll-margin-top: 1.5rem;
}

/* Pages de texte (mentions, confidentialité) */
.alti-page-title {
	border-bottom: 1px solid var(--alti-bordure);
}

.alti-page-title h1 {
	font-size: var(--wp--preset--font-size--display-l);
}

.alti-prose h2 {
	margin-top: 2.5rem;
	font-size: var(--wp--preset--font-size--xxl);
}

.alti-prose > * + * {
	margin-block-start: 1rem;
}

/* ==========================================================================
   6. Formulaires de contact et d'inscription (markup du plugin « Alti — Demandes »)
   ========================================================================== */
.alti-form {
	display: grid;
	gap: 1rem;
}

.alti-form__ligne {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

@media (max-width: 600px) {
	.alti-form__ligne {
		grid-template-columns: 1fr;
	}
}

.alti-champ {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.alti-champ label {
	font-weight: 600;
	font-size: var(--wp--preset--font-size--sm);
	line-height: 1.25;
	color: var(--alti-encre);
}

.alti-champ :is(input, select, textarea) {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0.8125rem 0.875rem;
	border: 1px solid var(--alti-bordure);
	border-radius: 8px;
	background-color: #fff;
	font: inherit;
	font-size: var(--wp--preset--font-size--label);
	line-height: 1.25;
	color: var(--alti-encre);
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.alti-champ ::placeholder {
	color: var(--alti-gris);
	opacity: 1;
}

.alti-champ select {
	-webkit-appearance: none;
	appearance: none;
	padding-right: 2.5rem;
	background-image: var(--alti-svg-chevron-down);
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 16px;
}

.alti-champ textarea {
	min-height: 100px;
	resize: vertical;
}

.alti-champ :is(input, select, textarea):focus {
	outline: none;
	border-color: var(--alti-rouge);
	box-shadow: 0 0 0 3px var(--alti-teinte);
}

.alti-champ--erreur :is(input, select, textarea) {
	border-color: var(--alti-rouge);
}

.alti-champ__erreur {
	font-size: var(--wp--preset--font-size--sm);
	color: var(--alti-rouge);
}

.alti-form__legende,
.alti-form__rgpd {
	font-size: var(--wp--preset--font-size--sm);
	line-height: 1.5;
	color: var(--alti-gris);
}

.alti-form__envoyer {
	width: 100%;
	margin-top: 0.5rem;
	padding: 1.125rem 2.25rem;
	font-size: var(--wp--preset--font-size--md);
	cursor: pointer;
}

.alti-form__alerte,
.alti-form__succes {
	padding: 1rem 1.25rem;
	border-radius: 12px;
	font-size: var(--wp--preset--font-size--label);
	line-height: 1.5;
}

.alti-form__alerte {
	background: var(--alti-teinte);
	color: #8f2213;
}

.alti-form__succes {
	background: #fff;
	border: 1px solid var(--alti-bordure);
	color: var(--alti-encre);
}

.alti-form__succes strong {
	display: block;
	font-family: var(--alti-sora);
	font-size: var(--wp--preset--font-size--lg);
	margin-bottom: 0.25rem;
}

/* Formulaire d'inscription : titres de groupe et choix « Vous inscrivez » */
.alti-form__groupe {
	margin: 0.75rem 0 0;
	font-family: var(--alti-sora);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--md);
	color: var(--alti-encre);
}

.alti-form__groupe:first-of-type {
	margin-top: 0;
}

.alti-choix {
	margin: 0;
	padding: 0;
	border: 0;
	min-width: 0;
}

.alti-choix legend {
	padding: 0;
	margin-bottom: 0.5rem;
	font-weight: 600;
	font-size: var(--wp--preset--font-size--sm);
	color: var(--alti-encre);
}

.alti-choix__options {
	display: inline-flex;
	align-self: flex-start;
	flex-wrap: wrap;
	border: 1px solid var(--alti-encre);
	border-radius: 30px;
	overflow: hidden;
}

.alti-choix__options label {
	position: relative;
	cursor: pointer;
}

.alti-choix__options label + label {
	border-left: 1px solid var(--alti-encre);
}

.alti-choix__options input {
	position: absolute;
	opacity: 0;
	inset: 0;
	margin: 0;
	cursor: pointer;
}

.alti-choix__options span {
	display: block;
	padding: 0.75rem 1.25rem;
	font-family: var(--alti-sora);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--label);
	color: var(--alti-encre);
}

.alti-choix__options input:checked + span {
	background: var(--alti-teinte);
	color: var(--alti-rouge);
}

.alti-choix__options input:checked + span::before {
	content: "✓ ";
}

.alti-choix__options input:focus-visible + span {
	outline: 2px solid var(--alti-rouge);
	outline-offset: -4px;
	border-radius: 30px;
}

.alti-form__liens {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 1.5rem;
	margin: 1rem 0 0;
}

.alti-form__lien {
	font-family: var(--alti-sora);
	font-weight: 700;
	color: var(--alti-rouge);
}

/* Pot de miel anti-spam : hors écran, ignoré par les humains. */
.alti-form__hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* ==========================================================================
   7. Pied de page
   ========================================================================== */
.alti-footer {
	border-top: 1px solid var(--wp--preset--color--nuit);
	color: #fff;
}

.alti-footer a {
	color: #fff;
	text-decoration: none;
}

.alti-footer a:hover,
.alti-footer a:focus-visible {
	color: var(--alti-orange);
}

.alti-footer__cols {
	gap: var(--wp--preset--spacing--60);
}

.alti-footer__brand {
	font-family: var(--alti-sora);
	font-weight: 800;
	font-size: var(--wp--preset--font-size--xxl);
	letter-spacing: -0.02em;
}

.alti-footer__text {
	max-width: 26rem;
	color: var(--alti-gris-sombre);
	font-size: var(--wp--preset--font-size--base);
}

.alti-footer .is-style-signature {
	color: #fff;
	font-size: var(--wp--preset--font-size--sm);
}

.alti-footer__cols > .wp-block-column > * + * {
	margin-block-start: 1rem;
}

.alti-footer__title.wp-block-heading {
	font-family: var(--alti-sora);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--sm);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--alti-gris-sombre);
}

.alti-footer__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 0.625rem;
	font-size: var(--wp--preset--font-size--base);
}

.alti-footer__bottom {
	border-top: 1px solid var(--wp--preset--color--nuit);
	padding-top: 1.5rem;
	gap: 0.75rem 2rem;
	font-size: var(--wp--preset--font-size--sm);
	color: var(--alti-gris-sombre);
}

.alti-footer__bottom a {
	color: var(--alti-gris-sombre);
}

/* ==========================================================================
   8. Mobile
   ========================================================================== */
@media (max-width: 781px) {
	.alti-media--hero {
		min-height: 420px !important;
	}
	.alti-references__logos {
		justify-content: center !important;
	}
	.alti-parcours__entete {
		flex-wrap: wrap !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		transition: none !important;
	}
}

/* ==========================================================================
   9. Pictogrammes
   ========================================================================== */
/* Pictogrammes Lucide (https://lucide.dev, licence ISC) en masque CSS — généré par alti/scripts/icones.py.
   Usage : <span class="alti-ic alti-icon--phone" aria-hidden="true"></span>,
   ou classe alti-icon--xxx sur une carte / réassurance. */
:root {
	--alti-svg-star: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z%22 /%3E%3C/svg%3E");
	--alti-svg-zap: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M15.914 4a1.5 1.5 0 00-2.474-1.561l-9 9A1.5 1.5 0 005.5 14h4.002a.5.5 0 01.471.666L8.086 20a1.5 1.5 0 002.475 1.56l9-9A1.5 1.5 0 0018.5 10h-3.997a.5.5 0 01-.472-.667z%22 /%3E%3C/svg%3E");
	--alti-svg-compass: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22 /%3E%3Cpath d=%22m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z%22 /%3E%3C/svg%3E");
	--alti-svg-megaphone: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z%22 /%3E%3Cpath d=%22M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14%22 /%3E%3Cpath d=%22M8 6v8%22 /%3E%3C/svg%3E");
	--alti-svg-users: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2%22 /%3E%3Cpath d=%22M16 3.128a4 4 0 0 1 0 7.744%22 /%3E%3Cpath d=%22M22 21v-2a4 4 0 0 0-3-3.87%22 /%3E%3Ccircle cx=%229%22 cy=%227%22 r=%224%22 /%3E%3C/svg%3E");
	--alti-svg-leaf: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M11 20a10 10 0 0010-10 25.9 25.9 0 00-1.04-7.281 1 1 0 00-1.755-.325C15.833 5.5 13 5.5 9.8 6.1A7 7 0 0011 20%22 /%3E%3Cpath d=%22M2 21a5 5 0 012.911-4.544C7.613 15.212 8.351 15.24 11 13%22 /%3E%3C/svg%3E");
	--alti-svg-handshake: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22m11 17 2 2a1 1 0 1 0 3-3%22 /%3E%3Cpath d=%22m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4%22 /%3E%3Cpath d=%22m21 3 1 11h-2%22 /%3E%3Cpath d=%22M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3%22 /%3E%3Cpath d=%22M3 4h8%22 /%3E%3C/svg%3E");
	--alti-svg-shield-check: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z%22 /%3E%3Cpath d=%22m9 12 2 2 4-4%22 /%3E%3C/svg%3E");
	--alti-svg-clock-alert: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M12 6v6l4 2%22 /%3E%3Cpath d=%22M20 12v5%22 /%3E%3Cpath d=%22M20 21h.01%22 /%3E%3Cpath d=%22M21.25 8.2A10 10 0 1 0 16 21.16%22 /%3E%3C/svg%3E");
	--alti-svg-award: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526%22 /%3E%3Ccircle cx=%2212%22 cy=%228%22 r=%226%22 /%3E%3C/svg%3E");
	--alti-svg-sparkles: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z%22 /%3E%3Cpath d=%22M20 2v4%22 /%3E%3Cpath d=%22M22 4h-4%22 /%3E%3Ccircle cx=%224%22 cy=%2220%22 r=%222%22 /%3E%3C/svg%3E");
	--alti-svg-sprout: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M14 9.536V7a4 4 0 0 1 4-4h1.5a.5.5 0 0 1 .5.5V5a4 4 0 0 1-4 4 4 4 0 0 0-4 4c0 2 1 3 1 5a5 5 0 0 1-1 3%22 /%3E%3Cpath d=%22M4 9a5 5 0 0 1 8 4 5 5 0 0 1-8-4%22 /%3E%3Cpath d=%22M5 21h14%22 /%3E%3C/svg%3E");
	--alti-svg-trophy: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M10 14.66V17a1 1 0 0 1-1 1 2 2 0 0 0-2 2v2%22 /%3E%3Cpath d=%22M14 14.66V17a1 1 0 0 0 1 1 2 2 0 0 1 2 2v2%22 /%3E%3Cpath d=%22M17.916 10H19.5A2.5 2.5 0 0 0 22 7.5V5a1 1 0 0 0-1-1h-3%22 /%3E%3Cpath d=%22M4 22h16%22 /%3E%3Cpath d=%22M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z%22 /%3E%3Cpath d=%22M6.084 10H4.5A2.5 2.5 0 0 1 2 7.5V5a1 1 0 0 1 1-1h3%22 /%3E%3C/svg%3E");
	--alti-svg-arrow-right: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M5 12h14%22 /%3E%3Cpath d=%22m12 5 7 7-7 7%22 /%3E%3C/svg%3E");
	--alti-svg-arrow-left: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22m12 19-7-7 7-7%22 /%3E%3Cpath d=%22M19 12H5%22 /%3E%3C/svg%3E");
	--alti-svg-chevron-down: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22m6 9 6 6 6-6%22 /%3E%3C/svg%3E");
	--alti-svg-chevron-up: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22m18 15-6-6-6 6%22 /%3E%3C/svg%3E");
	--alti-svg-chevron-left: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22m15 18-6-6 6-6%22 /%3E%3C/svg%3E");
	--alti-svg-chevron-right: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22m9 18 6-6-6-6%22 /%3E%3C/svg%3E");
	--alti-svg-plus: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M5 12h14%22 /%3E%3Cpath d=%22M12 5v14%22 /%3E%3C/svg%3E");
	--alti-svg-minus: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M5 12h14%22 /%3E%3C/svg%3E");
	--alti-svg-x: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M18 6 6 18%22 /%3E%3Cpath d=%22m6 6 12 12%22 /%3E%3C/svg%3E");
	--alti-svg-check: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M20 6 9 17l-5-5%22 /%3E%3C/svg%3E");
	--alti-svg-menu: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M4 5h16%22 /%3E%3Cpath d=%22M4 12h16%22 /%3E%3Cpath d=%22M4 19h16%22 /%3E%3C/svg%3E");
	--alti-svg-search: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22m21 21-4.34-4.34%22 /%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%228%22 /%3E%3C/svg%3E");
	--alti-svg-filter: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z%22 /%3E%3C/svg%3E");
	--alti-svg-ellipsis-vertical: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%221%22 /%3E%3Ccircle cx=%2212%22 cy=%225%22 r=%221%22 /%3E%3Ccircle cx=%2212%22 cy=%2219%22 r=%221%22 /%3E%3C/svg%3E");
	--alti-svg-phone: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384%22 /%3E%3C/svg%3E");
	--alti-svg-mail: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7%22 /%3E%3Crect x=%222%22 y=%224%22 width=%2220%22 height=%2216%22 rx=%222%22 /%3E%3C/svg%3E");
	--alti-svg-message-circle: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719%22 /%3E%3C/svg%3E");
	--alti-svg-send: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z%22 /%3E%3Cpath d=%22m21.854 2.147-10.94 10.939%22 /%3E%3C/svg%3E");
	--alti-svg-calendar: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M8 2v3%22 /%3E%3Cpath d=%22M16 2v3%22 /%3E%3Crect x=%223%22 y=%223%22 width=%2218%22 height=%2218%22 rx=%222%22 /%3E%3Cpath d=%22M3 9h18%22 /%3E%3C/svg%3E");
	--alti-svg-clock: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22 /%3E%3Cpath d=%22M12 6v6l4 2%22 /%3E%3C/svg%3E");
	--alti-svg-house: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8%22 /%3E%3Cpath d=%22M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z%22 /%3E%3C/svg%3E");
	--alti-svg-book-open: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M12 5v16%22 /%3E%3Cpath d=%22M20.001 19A2 2 0 0022 17V5a2 2 0 00-1.999-2L16 3.002A5 5 0 0012 5a5 5 0 00-4-2H4a2 2 0 00-2 2v12a2 2 0 001.999 2H8a5 5 0 014 2 5 5 0 014-2z%22 /%3E%3C/svg%3E");
	--alti-svg-user: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2%22 /%3E%3Ccircle cx=%2212%22 cy=%227%22 r=%224%22 /%3E%3C/svg%3E");
	--alti-svg-bell: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M10.268 21a2 2 0 0 0 3.464 0%22 /%3E%3Cpath d=%22M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326%22 /%3E%3C/svg%3E");
	--alti-svg-info: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22 /%3E%3Cpath d=%22M12 16v-4%22 /%3E%3Cpath d=%22M12 8h.01%22 /%3E%3C/svg%3E");
	--alti-svg-circle-alert: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22 /%3E%3Cline x1=%2212%22 x2=%2212%22 y1=%228%22 y2=%2212%22 /%3E%3Cline x1=%2212%22 x2=%2212.01%22 y1=%2216%22 y2=%2216%22 /%3E%3C/svg%3E");
	--alti-svg-circle-check: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22 /%3E%3Cpath d=%22m16 9-5.5 5.5L8 12%22 /%3E%3C/svg%3E");
	--alti-svg-heart: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5%22 /%3E%3C/svg%3E");
	--alti-svg-share-2: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Ccircle cx=%2218%22 cy=%225%22 r=%223%22 /%3E%3Ccircle cx=%226%22 cy=%2212%22 r=%223%22 /%3E%3Ccircle cx=%2218%22 cy=%2219%22 r=%223%22 /%3E%3Cline x1=%228.59%22 x2=%2215.42%22 y1=%2213.51%22 y2=%2217.49%22 /%3E%3Cline x1=%2215.41%22 x2=%228.59%22 y1=%226.51%22 y2=%2210.49%22 /%3E%3C/svg%3E");
	--alti-svg-pencil: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z%22 /%3E%3Cpath d=%22m15 5 4 4%22 /%3E%3C/svg%3E");
	--alti-svg-trash-2: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M10 11v6%22 /%3E%3Cpath d=%22M14 11v6%22 /%3E%3Cpath d=%22M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6%22 /%3E%3Cpath d=%22M3 6h18%22 /%3E%3Cpath d=%22M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2%22 /%3E%3C/svg%3E");
	--alti-svg-download: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M12 15V3%22 /%3E%3Cpath d=%22M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4%22 /%3E%3Cpath d=%22m7 10 5 5 5-5%22 /%3E%3C/svg%3E");
}
.alti-icon--star { --alti-icon: var(--alti-svg-star); }
.alti-icon--zap { --alti-icon: var(--alti-svg-zap); }
.alti-icon--compass { --alti-icon: var(--alti-svg-compass); }
.alti-icon--megaphone { --alti-icon: var(--alti-svg-megaphone); }
.alti-icon--users { --alti-icon: var(--alti-svg-users); }
.alti-icon--leaf { --alti-icon: var(--alti-svg-leaf); }
.alti-icon--handshake { --alti-icon: var(--alti-svg-handshake); }
.alti-icon--shield-check { --alti-icon: var(--alti-svg-shield-check); }
.alti-icon--clock-alert { --alti-icon: var(--alti-svg-clock-alert); }
.alti-icon--award { --alti-icon: var(--alti-svg-award); }
.alti-icon--sparkles { --alti-icon: var(--alti-svg-sparkles); }
.alti-icon--sprout { --alti-icon: var(--alti-svg-sprout); }
.alti-icon--trophy { --alti-icon: var(--alti-svg-trophy); }
.alti-icon--arrow-right { --alti-icon: var(--alti-svg-arrow-right); }
.alti-icon--arrow-left { --alti-icon: var(--alti-svg-arrow-left); }
.alti-icon--chevron-down { --alti-icon: var(--alti-svg-chevron-down); }
.alti-icon--chevron-up { --alti-icon: var(--alti-svg-chevron-up); }
.alti-icon--chevron-left { --alti-icon: var(--alti-svg-chevron-left); }
.alti-icon--chevron-right { --alti-icon: var(--alti-svg-chevron-right); }
.alti-icon--plus { --alti-icon: var(--alti-svg-plus); }
.alti-icon--minus { --alti-icon: var(--alti-svg-minus); }
.alti-icon--x { --alti-icon: var(--alti-svg-x); }
.alti-icon--check { --alti-icon: var(--alti-svg-check); }
.alti-icon--menu { --alti-icon: var(--alti-svg-menu); }
.alti-icon--search { --alti-icon: var(--alti-svg-search); }
.alti-icon--filter { --alti-icon: var(--alti-svg-filter); }
.alti-icon--ellipsis-vertical { --alti-icon: var(--alti-svg-ellipsis-vertical); }
.alti-icon--phone { --alti-icon: var(--alti-svg-phone); }
.alti-icon--mail { --alti-icon: var(--alti-svg-mail); }
.alti-icon--message-circle { --alti-icon: var(--alti-svg-message-circle); }
.alti-icon--send { --alti-icon: var(--alti-svg-send); }
.alti-icon--calendar { --alti-icon: var(--alti-svg-calendar); }
.alti-icon--clock { --alti-icon: var(--alti-svg-clock); }
.alti-icon--house { --alti-icon: var(--alti-svg-house); }
.alti-icon--book-open { --alti-icon: var(--alti-svg-book-open); }
.alti-icon--user { --alti-icon: var(--alti-svg-user); }
.alti-icon--bell { --alti-icon: var(--alti-svg-bell); }
.alti-icon--info { --alti-icon: var(--alti-svg-info); }
.alti-icon--circle-alert { --alti-icon: var(--alti-svg-circle-alert); }
.alti-icon--circle-check { --alti-icon: var(--alti-svg-circle-check); }
.alti-icon--heart { --alti-icon: var(--alti-svg-heart); }
.alti-icon--share-2 { --alti-icon: var(--alti-svg-share-2); }
.alti-icon--pencil { --alti-icon: var(--alti-svg-pencil); }
.alti-icon--trash-2 { --alti-icon: var(--alti-svg-trash-2); }
.alti-icon--download { --alti-icon: var(--alti-svg-download); }

.alti-ic {
	display: inline-block;
	flex: 0 0 auto;
	width: var(--alti-ic-taille, 24px);
	height: var(--alti-ic-taille, 24px);
	background: currentColor;
	vertical-align: middle;
	-webkit-mask: var(--alti-icon) center / contain no-repeat;
	mask: var(--alti-icon) center / contain no-repeat;
}