@maboussoleaidant/design-system 0.1.4 → 0.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +36 -13
- package/dist/mba-design-system.css +25 -1
- package/dist/mba-design-system.css.map +1 -0
- package/dist/mba-design-system.min.css +1 -1
- package/dist/mba-tailwind.css +12 -1
- package/dist/mba-tailwind.css.map +1 -0
- package/dist/mba-tailwind.min.css +1 -1
- package/dist/mba-tokens-only.css +2 -0
- package/dist/mba-tokens-only.css.map +1 -0
- package/package.json +8 -2
- package/src/assets/fonts/Congenial-Bold.woff2 +0 -0
- package/src/assets/fonts/Congenial-Medium.woff2 +0 -0
- package/src/assets/fonts/Congenial.woff2 +0 -0
- package/src/assets/fonts/MaterialSymbolsRounded.woff2 +0 -0
- package/src/assets/fonts/OpenSans-Bold.woff2 +0 -0
- package/src/assets/fonts/OpenSans-ExtraBold.woff2 +0 -0
- package/src/assets/fonts/OpenSans-Regular.woff2 +0 -0
- package/src/assets/fonts/OpenSans-SemiBold.woff2 +0 -0
- package/src/tailwind-preset.css +207 -0
- package/src/tokens/_breakpoints.css +29 -0
- package/src/tokens/_colors.css +146 -0
- package/src/tokens/_radius.css +25 -0
- package/src/tokens/_shadows.css +40 -0
- package/src/tokens/_spacing.css +25 -0
- package/src/tokens/_transitions.css +34 -0
- package/src/tokens/_typography.css +157 -0
- package/src/tokens/index.css +13 -0
package/README.md
CHANGED
|
@@ -10,31 +10,54 @@ npm install @maboussoleaidant/design-system
|
|
|
10
10
|
|
|
11
11
|
## Usage
|
|
12
12
|
|
|
13
|
-
###
|
|
13
|
+
### Option 1 : Composants MBA uniquement (sans Tailwind)
|
|
14
14
|
|
|
15
|
-
|
|
16
|
-
// angular.json
|
|
17
|
-
"styles": [
|
|
18
|
-
"node_modules/@maboussoleaidant/design-system/dist/mba-tailwind.css"
|
|
19
|
-
]
|
|
20
|
-
```
|
|
21
|
-
|
|
22
|
-
### WordPress / Sites vitrines (via CDN)
|
|
15
|
+
Pour les sites WordPress ou vitrines qui n'ont besoin que des composants `.mba-*` :
|
|
23
16
|
|
|
24
17
|
```html
|
|
25
|
-
<!-- Composants .mba-* uniquement -->
|
|
26
18
|
<link rel="stylesheet" href="https://unpkg.com/@maboussoleaidant/design-system/dist/mba-design-system.min.css">
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
Ou en import CSS :
|
|
22
|
+
```css
|
|
23
|
+
@import "@maboussoleaidant/design-system";
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
### Option 2 : Avec Tailwind v4 (recommandé pour les apps)
|
|
27
|
+
|
|
28
|
+
Pour les applications Angular/React/Astro qui utilisent Tailwind v4, importez le **preset** pour avoir accès à toutes les classes Tailwind JIT avec les tokens MBA :
|
|
27
29
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
+
```css
|
|
31
|
+
/* styles.css */
|
|
32
|
+
@import "@maboussoleaidant/design-system";
|
|
33
|
+
@import "tailwindcss";
|
|
34
|
+
@import "@maboussoleaidant/design-system/preset";
|
|
30
35
|
```
|
|
31
36
|
|
|
32
|
-
|
|
37
|
+
Cela vous donne accès à :
|
|
38
|
+
- Toutes les classes Tailwind générées par le JIT (h-screen, animate-spin, etc.)
|
|
39
|
+
- Les tokens MBA mappés : `bg-primary-500`, `p-sm`, `rounded-xs`, `shadow-md`, etc.
|
|
40
|
+
- Les composants `.mba-*` du Design System
|
|
41
|
+
|
|
42
|
+
> **Note :** Le fichier `mba-tailwind.css` est pré-compilé pour le Storybook uniquement. Utilisez le preset ci-dessus pour vos projets.
|
|
43
|
+
|
|
44
|
+
### Option 3 : Tokens uniquement
|
|
45
|
+
|
|
46
|
+
Pour intégrer uniquement les variables CSS (couleurs, spacing, etc.) :
|
|
33
47
|
|
|
34
48
|
```css
|
|
35
49
|
@import "@maboussoleaidant/design-system/tokens";
|
|
36
50
|
```
|
|
37
51
|
|
|
52
|
+
### Polices
|
|
53
|
+
|
|
54
|
+
Les polices (Open Sans, Congenial, Material Symbols) sont incluses dans le package. Les chemins sont relatifs à `src/assets/fonts/`. Selon votre bundler, vous devrez peut-être configurer la copie des assets :
|
|
55
|
+
|
|
56
|
+
```javascript
|
|
57
|
+
// Vite : les imports CSS résolvent automatiquement les fonts
|
|
58
|
+
// Webpack : configurer file-loader/asset-modules pour .woff2
|
|
59
|
+
```
|
|
60
|
+
|
|
38
61
|
## Développement
|
|
39
62
|
|
|
40
63
|
```bash
|
|
@@ -584,7 +584,7 @@
|
|
|
584
584
|
font-style: normal;
|
|
585
585
|
font-weight: 100 700;
|
|
586
586
|
font-display: block;
|
|
587
|
-
src: url('/fonts/MaterialSymbolsRounded.woff2') format('woff2');
|
|
587
|
+
src: url('../assets/fonts/MaterialSymbolsRounded.woff2') format('woff2');
|
|
588
588
|
}
|
|
589
589
|
|
|
590
590
|
/* ===========================================
|
|
@@ -2772,3 +2772,27 @@ button.mba-input-icon__icon:hover {
|
|
|
2772
2772
|
clip: auto;
|
|
2773
2773
|
white-space: normal;
|
|
2774
2774
|
}
|
|
2775
|
+
|
|
2776
|
+
/* ===========================================
|
|
2777
|
+
VISIBILITY UTILITIES
|
|
2778
|
+
Override pour garantir le masquage même avec
|
|
2779
|
+
les composants MBA (display: inline-flex, etc.)
|
|
2780
|
+
=========================================== */
|
|
2781
|
+
|
|
2782
|
+
/* Hidden - force display: none sur tous les composants */
|
|
2783
|
+
|
|
2784
|
+
.hidden {
|
|
2785
|
+
display: none !important;
|
|
2786
|
+
}
|
|
2787
|
+
|
|
2788
|
+
/* Visible utilities */
|
|
2789
|
+
|
|
2790
|
+
.visible {
|
|
2791
|
+
visibility: visible;
|
|
2792
|
+
}
|
|
2793
|
+
|
|
2794
|
+
.invisible {
|
|
2795
|
+
visibility: hidden;
|
|
2796
|
+
}
|
|
2797
|
+
|
|
2798
|
+
/*# sourceMappingURL=mba-design-system.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/main.css","../src/tokens/index.css","../src/tokens/_colors.css","../src/tokens/_typography.css","../src/tokens/_spacing.css","../src/tokens/_radius.css","../src/tokens/_shadows.css","../src/tokens/_transitions.css","../src/tokens/_breakpoints.css","../src/base/index.css","../src/base/_fonts.css","../src/base/_icons.css","../src/base/_preflight.css","../src/base/_typography.css","../src/components/index.css","../src/components/_buttons.css","../src/components/_cards.css","../src/components/_arrows.css","../src/components/_radio-checkbox.css","../src/components/_paging.css","../src/components/_inputs.css","../src/utilities/index.css"],"names":[],"mappings":"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","file":"mba-design-system.css","sourcesContent":["/**\n * MBA Design System\n *\n * Point d'entrée principal (sans Tailwind utilities)\n * Inclut: tokens + base + composants\n */\n\n@import \"./tokens/index.css\";\n@import \"./base/index.css\";\n@import \"./components/index.css\";\n@import \"./utilities/index.css\";\n","/**\n * MBA Design System - Tokens\n *\n * Point d'entrée pour tous les design tokens\n */\n\n@import \"./_colors.css\";\n@import \"./_typography.css\";\n@import \"./_spacing.css\";\n@import \"./_radius.css\";\n@import \"./_shadows.css\";\n@import \"./_transitions.css\";\n@import \"./_breakpoints.css\";\n","/**\n * MBA Design System - Couleurs\n *\n * Palette de couleurs extraite du Design System Figma\n * Préfixe: --mba-color-\n */\n\n:root {\n /* ===========================================\n BASICS\n =========================================== */\n --mba-color-white: #FFFFFF;\n --mba-color-black: #1C1C1D;\n\n /* ===========================================\n GREY (Neutral)\n =========================================== */\n --mba-color-grey-50: #F2F2F3;\n --mba-color-grey-100: #D7D7DB;\n --mba-color-grey-300: #B6B6BC;\n --mba-color-grey-400: #71717A;\n --mba-color-grey-800: #303034;\n\n /* ===========================================\n PRIMARY (Violet)\n Couleur principale de la marque\n =========================================== */\n --mba-color-primary-50: #FFF6FF;\n --mba-color-primary-100: #EDD7EF;\n --mba-color-primary-400: #C097C3;\n --mba-color-primary-500: #703973; /* Couleur déposée */\n --mba-color-primary-800: #461C52;\n --mba-color-primary-900: #2C1133;\n\n /* ===========================================\n SECONDARY\n =========================================== */\n --mba-color-secondary-500: #FDC785;\n\n /* ===========================================\n PRIMARY PRO (Blue)\n Couleur pour l'offre Pro/Entreprise\n =========================================== */\n --mba-color-primary-pro-50: #F7FAFD;\n --mba-color-primary-pro-100: #DFEDF7;\n --mba-color-primary-pro-400: #6A88AA;\n --mba-color-primary-pro-500: #395172;\n --mba-color-primary-pro-800: #122042;\n\n /* ===========================================\n ALERT - ERROR / REQUIRED (Rouge)\n =========================================== */\n --mba-color-error-100: #FFDED1;\n --mba-color-error-300: #F8B09E;\n --mba-color-error-400: #D9514E;\n --mba-color-error-500: #C1121F;\n --mba-color-error-800: #6F052A;\n\n /* ===========================================\n ALERT - SUCCESS / VALIDATION (Vert)\n =========================================== */\n --mba-color-success-100: #E6FADE;\n --mba-color-success-300: #B7E7AC;\n --mba-color-success-400: #74C474;\n --mba-color-success-500: #489E50;\n --mba-color-success-800: #165B30;\n\n /* ===========================================\n ALERT - WARNING / IN PROGRESS (Jaune)\n =========================================== */\n --mba-color-warning-50: #FEFAEC;\n --mba-color-warning-100: #FBF2CB;\n --mba-color-warning-300: #F8E199;\n --mba-color-warning-400: #D6A73D;\n --mba-color-warning-500: #BC7F09;\n --mba-color-warning-800: #6D3D02;\n\n /* ===========================================\n ALERT - INFO / NEUTRAL (Bleu)\n =========================================== */\n --mba-color-info-50: #F1FBFE;\n --mba-color-info-100: #E2F6FC;\n --mba-color-info-300: #C6EAF9;\n --mba-color-info-400: #8ABDE0;\n --mba-color-info-500: #649CCC;\n --mba-color-info-800: #1F4076;\n\n /* ===========================================\n CUSTOM PALETTE - Brick\n (Ultra light et dark - pour tags, articles, backgrounds)\n =========================================== */\n --mba-color-brick-light: #FCF4F0;\n --mba-color-brick: #AC5118;\n\n /* ===========================================\n CUSTOM PALETTE - Forest\n =========================================== */\n --mba-color-forest-light: #DEF8EF;\n --mba-color-forest: #16654C;\n\n /* ===========================================\n CUSTOM PALETTE - Rose\n =========================================== */\n --mba-color-rose-light: #FAEFF4;\n --mba-color-rose: #B83C75;\n\n /* ===========================================\n CUSTOM PALETTE - Pastels (Nouveau)\n Note: Non accessibles pour texte/titre\n =========================================== */\n --mba-color-pastel-bleuet: #EBF2FF;\n --mba-color-pastel-lavender: #EEEDFF;\n --mba-color-pastel-narcisse: #FFF6E4;\n --mba-color-pastel-oranger: #FFF2EB;\n\n /* ===========================================\n CUSTOM - Beige (Background cards)\n =========================================== */\n --mba-color-beige: #F9F5F0;\n\n /* ===========================================\n GRADIENT\n =========================================== */\n --mba-gradient-sunset: linear-gradient(117deg, #C7E5FA 4.74%, #E9CDF3 49.92%, #FBE4C1 95.1%);\n\n /* ===========================================\n SEMANTIC COLORS\n (Utilise uniquement les tokens Figma existants)\n =========================================== */\n --mba-color-background: var(--mba-color-white);\n --mba-color-surface: var(--mba-color-grey-50);\n --mba-color-surface-raised: var(--mba-color-white);\n --mba-color-border: var(--mba-color-grey-100);\n --mba-color-border-strong: var(--mba-color-grey-300);\n\n --mba-color-text: var(--mba-color-black);\n --mba-color-text-muted: var(--mba-color-grey-400);\n --mba-color-text-subtle: var(--mba-color-grey-300);\n --mba-color-text-inverse: var(--mba-color-white);\n\n --mba-color-link: var(--mba-color-primary-500);\n --mba-color-link-hover: var(--mba-color-primary-800);\n\n /* Focus ring (accessibilité) */\n --mba-focus-ring: 0 0 0 3px rgba(112, 57, 115, 0.25);\n}\n","/**\n * MBA Design System - Typographie\n *\n * Polices: Open Sans (textes) + Congenial (titres)\n * Source: Design System Figma\n */\n\n:root {\n /* ===========================================\n FAMILLES DE POLICES\n =========================================== */\n --mba-font-family-text: \"Open Sans\", ui-sans-serif, system-ui, sans-serif;\n --mba-font-family-heading: \"Congenial\", ui-sans-serif, system-ui, sans-serif;\n --mba-font-family-mono: ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, monospace;\n\n /* ===========================================\n TAILLES DE POLICE (Figma Scale)\n =========================================== */\n --mba-font-size-xxs: 0.875rem; /* 14px */\n --mba-font-size-xs: 1rem; /* 16px */\n --mba-font-size-sm: 1.125rem; /* 18px */\n --mba-font-size-md: 1.5rem; /* 24px */\n --mba-font-size-xl: 2rem; /* 32px */\n --mba-font-size-xxl: 3rem; /* 48px */\n\n /* ===========================================\n FONT WEIGHTS\n =========================================== */\n --mba-font-weight-regular: 400;\n --mba-font-weight-semibold: 600;\n --mba-font-weight-bold: 700;\n --mba-font-weight-extrabold: 800;\n\n /* ===========================================\n LINE HEIGHTS\n =========================================== */\n --mba-leading-none: 1;\n --mba-leading-tight: 1.25;\n --mba-leading-snug: 1.375;\n --mba-leading-normal: 1.5;\n --mba-leading-relaxed: 1.625;\n --mba-leading-loose: 2;\n\n /* ===========================================\n LETTER SPACING\n =========================================== */\n --mba-tracking-tighter: -0.05em;\n --mba-tracking-tight: -0.025em;\n --mba-tracking-normal: 0em;\n --mba-tracking-wide: 0.025em;\n --mba-tracking-wider: 0.05em;\n --mba-tracking-widest: 0.1em;\n}\n\n/* ===========================================\n HEADING PRESETS (Congenial)\n =========================================== */\n\n/* XXL - 48px Bold */\n.mba-heading-xxl {\n font-family: var(--mba-font-family-heading);\n font-size: var(--mba-font-size-xxl);\n font-weight: var(--mba-font-weight-bold);\n line-height: var(--mba-leading-tight);\n}\n\n/* XL - 32px Bold */\n.mba-heading-xl {\n font-family: var(--mba-font-family-heading);\n font-size: var(--mba-font-size-xl);\n font-weight: var(--mba-font-weight-bold);\n line-height: var(--mba-leading-tight);\n}\n\n/* MD - 24px Bold (Figma: extra-bold, mais Congenial ExtraBold non dispo) */\n.mba-heading-md {\n font-family: var(--mba-font-family-heading);\n font-size: var(--mba-font-size-md);\n font-weight: var(--mba-font-weight-bold);\n line-height: var(--mba-leading-snug);\n}\n\n/* SM - 18px Bold */\n.mba-heading-sm {\n font-family: var(--mba-font-family-heading);\n font-size: var(--mba-font-size-sm);\n font-weight: var(--mba-font-weight-bold);\n line-height: var(--mba-leading-normal);\n}\n\n/* XS - 16px Bold */\n.mba-heading-xs {\n font-family: var(--mba-font-family-heading);\n font-size: var(--mba-font-size-xs);\n font-weight: var(--mba-font-weight-bold);\n line-height: var(--mba-leading-normal);\n}\n\n/* XXS - 14px Bold */\n.mba-heading-xxs {\n font-family: var(--mba-font-family-heading);\n font-size: var(--mba-font-size-xxs);\n font-weight: var(--mba-font-weight-bold);\n line-height: var(--mba-leading-normal);\n}\n\n/* ===========================================\n TEXT PRESETS (Open Sans)\n =========================================== */\n\n/* XXL - 48px */\n.mba-text-xxl {\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xxl);\n font-weight: var(--mba-font-weight-regular);\n line-height: var(--mba-leading-normal);\n}\n\n/* XL - 32px */\n.mba-text-xl {\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xl);\n font-weight: var(--mba-font-weight-regular);\n line-height: var(--mba-leading-normal);\n}\n\n/* MD - 24px */\n.mba-text-md {\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-md);\n font-weight: var(--mba-font-weight-regular);\n line-height: var(--mba-leading-normal);\n}\n\n/* SM - 18px */\n.mba-text-sm {\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-sm);\n font-weight: var(--mba-font-weight-regular);\n line-height: var(--mba-leading-normal);\n}\n\n/* XS - 16px (Base) */\n.mba-text-xs {\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xs);\n font-weight: var(--mba-font-weight-regular);\n line-height: var(--mba-leading-normal);\n}\n\n/* XXS - 14px */\n.mba-text-xxs {\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xxs);\n font-weight: var(--mba-font-weight-regular);\n line-height: var(--mba-leading-normal);\n}\n","/**\n * MBA Design System - Espacements\n *\n * Échelle d'espacements extraite du Design System Figma\n * Préfixe: --mba-space-\n */\n\n:root {\n /* ===========================================\n ÉCHELLE FIGMA\n =========================================== */\n --mba-space-xxs: 0.25rem; /* 4px */\n --mba-space-xs: 0.5rem; /* 8px */\n --mba-space-sm: 1rem; /* 16px */\n --mba-space-md: 1.5rem; /* 24px */\n --mba-space-lg: 2rem; /* 32px */\n --mba-space-xl: 3rem; /* 48px */\n --mba-space-xxl: 4rem; /* 64px */\n\n /* ===========================================\n VALEURS UTILITAIRES\n =========================================== */\n --mba-space-0: 0;\n --mba-space-px: 1px;\n}\n","/**\n * MBA Design System - Border Radius\n *\n * Échelle de rayons de bordure extraite du Design System Figma\n * Préfixe: --mba-radius-\n */\n\n:root {\n /* ===========================================\n ÉCHELLE FIGMA\n =========================================== */\n --mba-radius-2xs: 0.25rem; /* 4px */\n --mba-radius-xs: 0.5rem; /* 8px */\n --mba-radius-sm: 1rem; /* 16px */\n --mba-radius-md: 1.5rem; /* 24px */\n --mba-radius-lg: 2rem; /* 32px */\n --mba-radius-xl: 3rem; /* 48px */\n --mba-radius-xxl: 4rem; /* 64px */\n\n /* ===========================================\n VALEURS UTILITAIRES\n =========================================== */\n --mba-radius-none: 0;\n --mba-radius-full: 9999px;\n}\n","/**\n * MBA Design System - Ombres (Elevation)\n *\n * Échelle d'élévation extraite du Design System Figma\n * Couleur de base: Grey 400 (#71717A / rgba(113, 113, 122))\n * Préfixe: --mba-shadow-\n */\n\n:root {\n /* ===========================================\n ÉCHELLE FIGMA (Elevation)\n Double couche: 4% + 8% opacité\n =========================================== */\n\n /* XXS - blur 4px */\n --mba-shadow-xxs:\n 0 2px 4px 0 rgba(113, 113, 122, 0.04),\n 1px 2px 4px 0 rgba(113, 113, 122, 0.08);\n\n /* XS - blur 8px */\n --mba-shadow-xs:\n 0 2px 8px 0 rgba(113, 113, 122, 0.04),\n 1px 2px 8px 0 rgba(113, 113, 122, 0.08);\n\n /* SM - blur 16px */\n --mba-shadow-sm:\n 0 2px 16px 0 rgba(113, 113, 122, 0.04),\n 1px 2px 16px 0 rgba(113, 113, 122, 0.08);\n\n /* MD - blur 24px */\n --mba-shadow-md:\n 0 2px 24px 0 rgba(113, 113, 122, 0.04),\n 1px 2px 24px 0 rgba(113, 113, 122, 0.08);\n\n /* ===========================================\n VALEURS UTILITAIRES\n =========================================== */\n --mba-shadow-none: 0 0 #0000;\n --mba-shadow-inner: inset 0 2px 4px 0 rgba(113, 113, 122, 0.08);\n}\n","/**\n * MBA Design System - Transitions\n *\n * Durées et easings pour les animations\n */\n\n:root {\n /* ===========================================\n DUREES\n =========================================== */\n --mba-duration-75: 75ms;\n --mba-duration-100: 100ms;\n --mba-duration-150: 150ms;\n --mba-duration-200: 200ms;\n --mba-duration-300: 300ms;\n --mba-duration-500: 500ms;\n --mba-duration-700: 700ms;\n --mba-duration-1000: 1000ms;\n\n /* ===========================================\n EASINGS\n =========================================== */\n --mba-ease-linear: linear;\n --mba-ease-in: cubic-bezier(0.4, 0, 1, 1);\n --mba-ease-out: cubic-bezier(0, 0, 0.2, 1);\n --mba-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n\n /* ===========================================\n TRANSITIONS PRECONSTRUITES\n =========================================== */\n --mba-transition-fast: var(--mba-duration-150) var(--mba-ease-in-out);\n --mba-transition-base: var(--mba-duration-200) var(--mba-ease-in-out);\n --mba-transition-slow: var(--mba-duration-300) var(--mba-ease-in-out);\n}\n","/**\n * MBA Design System - Breakpoints\n *\n * Points de rupture responsive\n * Note: Les custom properties ne fonctionnent pas dans @media queries,\n * ces valeurs sont documentées ici pour référence et usage JS.\n *\n * Utiliser les classes Tailwind (sm:, md:, lg:, xl:, 2xl:)\n * ou les @media queries directement.\n */\n\n:root {\n /* Breakpoints pour référence (usage JS) */\n --mba-breakpoint-sm: 640px;\n --mba-breakpoint-md: 768px;\n --mba-breakpoint-lg: 1024px;\n --mba-breakpoint-xl: 1280px;\n --mba-breakpoint-2xl: 1536px;\n}\n\n/*\n Usage en CSS pur (les @media ne supportent pas les custom properties) :\n\n @media (min-width: 640px) { ... } sm\n @media (min-width: 768px) { ... } md\n @media (min-width: 1024px) { ... } lg\n @media (min-width: 1280px) { ... } xl\n @media (min-width: 1536px) { ... } 2xl\n*/\n","/**\n * MBA Design System - Base\n *\n * Reset et styles de base\n */\n\n@import \"./_fonts.css\";\n@import \"./_icons.css\";\n@import \"./_preflight.css\";\n@import \"./_typography.css\";\n","/**\n * MBA Design System - Fonts\n *\n * @font-face declarations pour Open Sans et Congenial\n */\n\n/* ===========================================\n OPEN SANS (Textes)\n =========================================== */\n\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\"../assets/fonts/OpenSans-Regular.woff2\") format(\"woff2\");\n}\n\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(\"../assets/fonts/OpenSans-SemiBold.woff2\") format(\"woff2\");\n}\n\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\"../assets/fonts/OpenSans-Bold.woff2\") format(\"woff2\");\n}\n\n@font-face {\n font-family: \"Open Sans\";\n font-style: normal;\n font-weight: 800;\n font-display: swap;\n src: url(\"../assets/fonts/OpenSans-ExtraBold.woff2\") format(\"woff2\");\n}\n\n/* ===========================================\n CONGENIAL (Titres)\n Note: ExtraBold non disponible, on utilise Bold pour les titres\n =========================================== */\n\n@font-face {\n font-family: \"Congenial\";\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(\"../assets/fonts/Congenial.woff2\") format(\"woff2\");\n}\n\n@font-face {\n font-family: \"Congenial\";\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(\"../assets/fonts/Congenial-Medium.woff2\") format(\"woff2\");\n}\n\n@font-face {\n font-family: \"Congenial\";\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(\"../assets/fonts/Congenial-Bold.woff2\") format(\"woff2\");\n}\n","/**\n * MBA Design System - Icons\n *\n * Material Symbols Rounded (self-hosted, optimized subset)\n * Style: Rounded, Weight: 400, Fill: 0/1, Optical size: 20-48\n *\n * Subset: ~50 KB (vs 5 MB full font)\n * Pour ajouter des icônes:\n * 1. Éditer src/icons/icons.list.txt\n * 2. Lancer: npm run icons:build\n */\n\n/* ===========================================\n FONT FACE - Material Symbols Rounded\n =========================================== */\n@font-face {\n font-family: 'Material Symbols Rounded';\n font-style: normal;\n font-weight: 100 700;\n font-display: block;\n src: url('../assets/fonts/MaterialSymbolsRounded.woff2') format('woff2');\n}\n\n/* ===========================================\n BASE ICON CLASS\n =========================================== */\n.material-symbols-rounded {\n font-family: 'Material Symbols Rounded';\n font-weight: normal;\n font-style: normal;\n font-size: 24px;\n line-height: 1;\n letter-spacing: normal;\n text-transform: none;\n display: inline-block;\n white-space: nowrap;\n word-wrap: normal;\n direction: ltr;\n -webkit-font-feature-settings: 'liga';\n font-feature-settings: 'liga';\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-rendering: optimizeLegibility;\n\n /* Default: Outline */\n font-variation-settings:\n 'FILL' 0,\n 'wght' 400,\n 'GRAD' 0,\n 'opsz' 24;\n}\n\n/* ===========================================\n MBA ICON UTILITIES\n =========================================== */\n\n/* Base icon (24px) */\n.mba-icon {\n font-size: 24px;\n width: 24px;\n height: 24px;\n font-variation-settings:\n 'FILL' 0,\n 'wght' 400,\n 'GRAD' 0,\n 'opsz' 24;\n}\n\n/* Small icon (16px) */\n.mba-icon--sm {\n font-size: 16px;\n width: 16px;\n height: 16px;\n font-variation-settings:\n 'FILL' 0,\n 'wght' 400,\n 'GRAD' 0,\n 'opsz' 20;\n}\n\n/* Fill variant */\n.mba-icon--fill,\n.material-symbols-rounded.mba-icon--fill {\n font-variation-settings:\n 'FILL' 1,\n 'wght' 400,\n 'GRAD' 0,\n 'opsz' 24;\n}\n\n/* Fill + Small */\n.mba-icon--sm.mba-icon--fill {\n font-variation-settings:\n 'FILL' 1,\n 'wght' 400,\n 'GRAD' 0,\n 'opsz' 20;\n}\n\n/* ===========================================\n COLOR UTILITIES\n =========================================== */\n.mba-icon--primary {\n color: var(--mba-color-primary-500);\n}\n\n.mba-icon--success {\n color: var(--mba-color-success-500);\n}\n\n.mba-icon--warning {\n color: var(--mba-color-warning-500);\n}\n\n.mba-icon--error {\n color: var(--mba-color-error-500);\n}\n\n.mba-icon--info {\n color: var(--mba-color-info-500);\n}\n\n.mba-icon--muted {\n color: var(--mba-color-text-muted);\n}\n","/**\n * MBA Design System - Preflight\n *\n * Reset CSS basé sur Tailwind Preflight / modern-normalize\n * https://tailwindcss.com/docs/preflight\n */\n\n*,\n::before,\n::after {\n box-sizing: border-box;\n border-width: 0;\n border-style: solid;\n border-color: var(--mba-color-border);\n}\n\nhtml {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n -moz-tab-size: 4;\n tab-size: 4;\n font-family: var(--mba-font-family-text);\n font-feature-settings: normal;\n font-variation-settings: normal;\n}\n\nbody {\n margin: 0;\n line-height: inherit;\n}\n\nhr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n}\n\nabbr:where([title]) {\n text-decoration: underline dotted;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\ncode,\nkbd,\nsamp,\npre {\n font-family: var(--mba-font-family-mono);\n font-size: 1em;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\ntable {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n font-size: 100%;\n font-weight: inherit;\n line-height: inherit;\n color: inherit;\n margin: 0;\n padding: 0;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n background-color: transparent;\n background-image: none;\n}\n\n:-moz-focusring {\n outline: auto;\n}\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\nsummary {\n display: list-item;\n}\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\ndialog {\n padding: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1;\n color: var(--mba-color-text-subtle);\n}\n\nbutton,\n[role=\"button\"] {\n cursor: pointer;\n}\n\n:disabled {\n cursor: default;\n}\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block;\n vertical-align: middle;\n}\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n[hidden] {\n display: none;\n}\n","/**\n * MBA Design System - Base Typography\n *\n * Styles de base pour le texte\n */\n\nbody {\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xs);\n line-height: var(--mba-leading-normal);\n color: var(--mba-color-text);\n background-color: var(--mba-color-background);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n/* Liens */\na {\n color: var(--mba-color-link);\n transition: color var(--mba-transition-fast);\n}\n\na:hover {\n color: var(--mba-color-link-hover);\n}\n\n/* Focus visible pour accessibilité */\n:focus-visible {\n outline: 2px solid var(--mba-color-primary-500);\n outline-offset: 2px;\n}\n\n/* Selection */\n::selection {\n background-color: var(--mba-color-primary-100);\n color: var(--mba-color-primary-900);\n}\n","/**\n * MBA Design System - Composants\n *\n * Classes de composants prêtes à l'emploi\n */\n\n@import \"./_buttons.css\";\n@import \"./_cards.css\";\n@import \"./_arrows.css\";\n@import \"./_radio-checkbox.css\";\n@import \"./_paging.css\";\n@import \"./_inputs.css\";\n/* @import \"./_forms.css\"; */\n/* @import \"./_alerts.css\"; */\n/* @import \"./_accordion.css\"; */\n/* @import \"./_carousel.css\"; */\n/* @import \"./_navigation.css\"; */\n","/**\n * MBA Design System - Boutons\n *\n * Classes: .mba-btn, .mba-btn-secondary, .mba-btn-sm\n * Couleur: Primary (Violet #703973)\n * Source: Design System Figma\n */\n\n/* ===========================================\n BASE BUTTON (Primary - Large/Default)\n height: 38px, padding: 8px 16px, gap: 8px\n =========================================== */\n.mba-btn {\n display: inline-flex;\n height: 38px;\n padding: var(--mba-space-xs) var(--mba-space-sm);\n justify-content: center;\n align-items: center;\n gap: var(--mba-space-xs);\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xs);\n font-weight: var(--mba-font-weight-semibold);\n line-height: var(--mba-leading-snug);\n text-decoration: none;\n border: 1px solid transparent;\n border-radius: var(--mba-radius-xs);\n cursor: pointer;\n transition: all 0.25s ease-in-out;\n user-select: none;\n white-space: nowrap;\n\n /* Primary (Violet) */\n background-color: var(--mba-color-primary-500);\n color: var(--mba-color-white);\n}\n\n.mba-btn:hover:not(:disabled):not(.is-disabled) {\n background-color: var(--mba-color-white);\n color: var(--mba-color-primary-800);\n border: 1px solid var(--mba-color-primary-800);\n}\n\n.mba-btn:focus {\n outline: none;\n box-shadow: var(--mba-focus-ring);\n}\n\n.mba-btn:disabled,\n.mba-btn.is-disabled {\n background-color: var(--mba-color-grey-50);\n color: var(--mba-color-grey-400);\n border-color: transparent;\n cursor: not-allowed;\n pointer-events: none;\n}\n\n/* ===========================================\n SECONDARY BUTTON (Large/Default)\n height: 38px, padding: 8px 16px, gap: 8px\n =========================================== */\n.mba-btn-secondary {\n display: inline-flex;\n height: 38px;\n padding: var(--mba-space-xs) var(--mba-space-sm);\n justify-content: center;\n align-items: center;\n gap: var(--mba-space-xs);\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xs);\n font-weight: var(--mba-font-weight-semibold);\n line-height: var(--mba-leading-snug);\n text-decoration: none;\n border-radius: var(--mba-radius-xs);\n cursor: pointer;\n transition: all 0.25s ease-in-out;\n user-select: none;\n white-space: nowrap;\n\n background-color: var(--mba-color-white);\n color: var(--mba-color-primary-800);\n border: 1px solid var(--mba-color-primary-800);\n}\n\n.mba-btn-secondary:hover:not(:disabled):not(.is-disabled) {\n background-color: var(--mba-color-primary-500);\n color: var(--mba-color-white);\n border-color: var(--mba-color-primary-500);\n}\n\n.mba-btn-secondary:focus {\n outline: none;\n box-shadow: var(--mba-focus-ring);\n}\n\n.mba-btn-secondary:disabled,\n.mba-btn-secondary.is-disabled {\n background-color: var(--mba-color-grey-50);\n color: var(--mba-color-grey-400);\n border-color: var(--mba-color-grey-100);\n cursor: not-allowed;\n pointer-events: none;\n}\n\n/* ===========================================\n TERTIARY BUTTON (Large/Default)\n height: 38px, padding: 8px 16px, gap: 8px\n =========================================== */\n.mba-btn-tertiary {\n display: inline-flex;\n height: 38px;\n padding: var(--mba-space-xs) var(--mba-space-sm);\n justify-content: center;\n align-items: center;\n gap: var(--mba-space-xs);\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xs);\n font-weight: var(--mba-font-weight-semibold);\n line-height: var(--mba-leading-snug);\n text-decoration: none;\n border: none;\n border-radius: var(--mba-radius-xs);\n cursor: pointer;\n transition: all 0.25s ease-in-out;\n user-select: none;\n white-space: nowrap;\n\n background-color: var(--mba-color-white);\n color: var(--mba-color-primary-500);\n}\n\n.mba-btn-tertiary:hover:not(:disabled):not(.is-disabled) {\n background-color: var(--mba-color-primary-50);\n color: var(--mba-color-primary-500);\n}\n\n.mba-btn-tertiary:focus {\n outline: none;\n box-shadow: var(--mba-focus-ring);\n}\n\n.mba-btn-tertiary:disabled,\n.mba-btn-tertiary.is-disabled {\n background-color: var(--mba-color-grey-50);\n color: var(--mba-color-grey-400);\n cursor: not-allowed;\n pointer-events: none;\n}\n\n/* ===========================================\n INLINE BUTTON\n height: 24px, padding: 8px 16px, gap: 4px\n =========================================== */\n.mba-btn-inline {\n display: inline-flex;\n height: 24px;\n padding: var(--mba-space-xs) var(--mba-space-sm);\n justify-content: center;\n align-items: center;\n gap: var(--mba-space-xxs);\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xs);\n font-weight: var(--mba-font-weight-semibold);\n line-height: var(--mba-leading-snug);\n text-decoration: underline;\n border: none;\n border-radius: var(--mba-radius-xs);\n cursor: pointer;\n transition: all 0.25s ease-in-out;\n user-select: none;\n white-space: nowrap;\n\n background-color: var(--mba-color-white);\n color: var(--mba-color-primary-500);\n}\n\n.mba-btn-inline:hover:not(:disabled):not(.is-disabled):not(.is-error) {\n background-color: var(--mba-color-white);\n color: var(--mba-color-primary-800);\n text-decoration: underline;\n}\n\n.mba-btn-inline:focus {\n outline: none;\n box-shadow: var(--mba-focus-ring);\n}\n\n.mba-btn-inline:disabled,\n.mba-btn-inline.is-disabled {\n background-color: var(--mba-color-white);\n color: var(--mba-color-grey-400);\n text-decoration: underline;\n cursor: not-allowed;\n pointer-events: none;\n}\n\n/* Alert-Error state */\n.mba-btn-inline.is-error {\n background-color: var(--mba-color-white);\n color: var(--mba-color-error-500);\n text-decoration: underline;\n}\n\n/* ===========================================\n LIGHT BUTTON (Large/Default)\n height: 30px, padding: 4px 12px, gap: 4px\n =========================================== */\n.mba-btn-light {\n display: inline-flex;\n height: 30px;\n padding: var(--mba-space-xxs) 12px;\n justify-content: center;\n align-items: center;\n gap: var(--mba-space-xxs);\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xs);\n font-weight: var(--mba-font-weight-semibold);\n line-height: var(--mba-leading-snug);\n text-decoration: none;\n border: 1.5px solid var(--mba-color-primary-400);\n border-radius: var(--mba-radius-sm);\n cursor: pointer;\n transition: all 0.25s ease-in-out;\n user-select: none;\n white-space: nowrap;\n\n background-color: var(--mba-color-white);\n color: var(--mba-color-primary-900);\n}\n\n.mba-btn-light:hover:not(:disabled):not(.is-disabled) {\n background-color: var(--mba-color-white);\n color: var(--mba-color-primary-900);\n border-color: var(--mba-color-primary-500);\n text-decoration: underline;\n}\n\n.mba-btn-light:focus {\n outline: none;\n box-shadow: var(--mba-focus-ring);\n}\n\n.mba-btn-light:disabled,\n.mba-btn-light.is-disabled {\n background-color: var(--mba-color-white);\n color: var(--mba-color-grey-400);\n border-color: var(--mba-color-grey-100);\n cursor: not-allowed;\n pointer-events: none;\n}\n\n/* ===========================================\n ANNUAIRE BUTTON (Large/Default)\n height: 38px, padding: 8px 16px, gap: 8px\n =========================================== */\n.mba-btn-annuaire {\n display: inline-flex;\n height: 38px;\n padding: var(--mba-space-xs) var(--mba-space-sm);\n justify-content: center;\n align-items: center;\n gap: var(--mba-space-xs);\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xs);\n font-weight: var(--mba-font-weight-semibold);\n line-height: var(--mba-leading-snug);\n text-decoration: none;\n border: 1px solid var(--mba-color-grey-100);\n border-radius: var(--mba-radius-xs);\n cursor: pointer;\n transition: all 0.25s ease-in-out;\n user-select: none;\n white-space: nowrap;\n\n background-color: var(--mba-color-white);\n color: var(--mba-color-primary-900);\n}\n\n.mba-btn-annuaire:hover:not(:disabled):not(.is-disabled) {\n background-color: var(--mba-color-white);\n color: var(--mba-color-primary-900);\n border-color: var(--mba-color-primary-500);\n}\n\n.mba-btn-annuaire:focus {\n outline: none;\n box-shadow: var(--mba-focus-ring);\n}\n\n.mba-btn-annuaire:disabled,\n.mba-btn-annuaire.is-disabled {\n background-color: var(--mba-color-white);\n color: var(--mba-color-grey-400);\n border-color: var(--mba-color-grey-100);\n cursor: not-allowed;\n pointer-events: none;\n}\n\n/* ===========================================\n PIN BUTTON\n width: 40px, height: 40px, icon: 20px\n =========================================== */\n.mba-btn-pin {\n display: inline-flex;\n width: 40px;\n height: 40px;\n padding: 0;\n justify-content: center;\n align-items: center;\n border: 1px solid var(--mba-color-primary-500);\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.25s ease-in-out;\n user-select: none;\n\n background-color: var(--mba-color-white);\n color: var(--mba-color-primary-500);\n}\n\n.mba-btn-pin .mba-icon {\n font-size: 20px;\n width: 20px;\n height: 20px;\n}\n\n.mba-btn-pin:focus {\n outline: none;\n box-shadow: var(--mba-focus-ring);\n}\n\n/* Deja-vu state */\n.mba-btn-pin.is-deja-vu {\n border-color: var(--mba-color-grey-300);\n background-color: var(--mba-color-grey-50);\n color: var(--mba-color-grey-300);\n}\n\n/* Activated state */\n.mba-btn-pin.is-activated {\n border-color: var(--mba-color-primary-500);\n background-color: var(--mba-color-primary-500);\n color: var(--mba-color-white);\n}\n\n.mba-btn-pin.is-activated .mba-icon {\n color: var(--mba-color-white);\n}\n\n.mba-btn-pin:disabled,\n.mba-btn-pin.is-disabled {\n opacity: 0.5;\n cursor: not-allowed;\n pointer-events: none;\n}\n\n/* ===========================================\n ICON BUTTON\n width: 24px, height: 24px, icon: 16px\n =========================================== */\n.mba-btn-icon-only {\n display: inline-flex;\n width: 24px;\n height: 24px;\n padding: 0;\n justify-content: center;\n align-items: center;\n border-radius: var(--mba-radius-xs);\n cursor: pointer;\n transition: all 0.25s ease-in-out;\n user-select: none;\n border: 1px solid var(--mba-color-black);\n background-color: var(--mba-color-white);\n color: var(--mba-color-black);\n}\n\n.mba-btn-icon-only .mba-icon {\n font-size: 16px;\n width: 16px;\n height: 16px;\n}\n\n.mba-btn-icon-only:hover:not(:disabled):not(.is-disabled):not(.is-activated):not(.is-alert) {\n border-color: var(--mba-color-primary-500);\n color: var(--mba-color-primary-500);\n}\n\n.mba-btn-icon-only:focus {\n outline: none;\n box-shadow: var(--mba-focus-ring);\n}\n\n/* Activated state */\n.mba-btn-icon-only.is-activated {\n border-color: var(--mba-color-primary-500);\n background-color: var(--mba-color-white);\n color: var(--mba-color-primary-500);\n}\n\n.mba-btn-icon-only.is-activated:hover:not(:disabled):not(.is-disabled) {\n border-color: var(--mba-color-primary-500);\n color: var(--mba-color-primary-500);\n}\n\n/* Disabled state */\n.mba-btn-icon-only:disabled,\n.mba-btn-icon-only.is-disabled {\n border-color: var(--mba-color-grey-300);\n background-color: var(--mba-color-white);\n color: var(--mba-color-grey-300);\n cursor: not-allowed;\n pointer-events: none;\n}\n\n/* Alert state */\n.mba-btn-icon-only.is-alert {\n border-color: var(--mba-color-error-500);\n background-color: var(--mba-color-white);\n color: var(--mba-color-error-500);\n}\n\n.mba-btn-icon-only.is-alert:hover:not(:disabled):not(.is-disabled) {\n border-color: var(--mba-color-error-500);\n color: var(--mba-color-error-500);\n}\n\n/* ===========================================\n SMALL BUTTON\n padding: 4px 8px, gap: 8px\n =========================================== */\n.mba-btn-sm {\n height: auto;\n padding: var(--mba-space-xxs) var(--mba-space-xs);\n gap: var(--mba-space-xs);\n font-size: var(--mba-font-size-xxs);\n}\n\n/* ===========================================\n ICON ALIGNMENT\n =========================================== */\n.mba-btn-icon-only i,\n.mba-btn-icon-only svg,\n.mba-btn i,\n.mba-btn svg {\n font-size: 1rem;\n width: 1rem;\n height: 1rem;\n}\n\n/* Arrow forward icon alignment */\n.mba-btn .arrow-forward,\n.mba-btn-secondary .arrow-forward {\n vertical-align: middle;\n}\n\n/* ===========================================\n MODIFIERS\n =========================================== */\n\n/* Full width */\n.mba-btn-block {\n display: block;\n width: 100%;\n text-align: center;\n}\n\n/* ===========================================\n RESPONSIVE (full width on mobile)\n =========================================== */\n@media (max-width: 767px) {\n .mba-btn,\n .mba-btn-secondary {\n display: flex;\n width: 100%;\n max-width: 100%;\n }\n}\n","/**\n * MBA Design System - Cards\n *\n * Classes: .mba-card, .mba-card--sm, .mba-card-grid\n * Source: Design System Figma\n */\n\n/* ===========================================\n BASE CARD (Large / Default)\n padding: 24px (MD), border-radius: 16px (SM)\n =========================================== */\n.mba-card {\n display: flex;\n flex-direction: column;\n padding: var(--mba-space-md);\n border-radius: var(--mba-radius-sm);\n background-color: var(--mba-color-beige);\n border: 2px solid transparent;\n transition: border-color 0.25s ease-in-out;\n cursor: pointer;\n}\n\n.mba-card:hover {\n border-color: var(--mba-color-primary-500);\n}\n\n/* ===========================================\n SMALL CARD\n =========================================== */\n.mba-card--sm {\n padding: var(--mba-space-sm);\n}\n\n/* ===========================================\n CARD PARTS\n =========================================== */\n.mba-card__header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: var(--mba-space-sm);\n}\n\n.mba-card__content {\n flex: 1;\n}\n\n.mba-card__title {\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-sm);\n font-weight: var(--mba-font-weight-bold);\n color: var(--mba-color-primary-800);\n margin: 0 0 var(--mba-space-xs);\n}\n\n.mba-card__text {\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xs);\n font-weight: var(--mba-font-weight-regular);\n color: var(--mba-color-text);\n line-height: var(--mba-leading-snug);\n margin: 0;\n}\n\n.mba-card__icon {\n flex-shrink: 0;\n color: var(--mba-color-primary-500);\n font-size: 24px;\n transition: transform 0.2s ease;\n}\n\n.mba-card__icon svg {\n width: 24px;\n height: 24px;\n}\n\n.mba-card:hover .mba-card__icon {\n transform: translateX(4px);\n}\n\n/* ===========================================\n CARD GRID\n =========================================== */\n.mba-card-grid {\n display: grid;\n gap: var(--mba-space-md);\n grid-template-columns: 1fr;\n width: 100%;\n}\n\n@media (min-width: 600px) {\n .mba-card-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (min-width: 900px) {\n .mba-card-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n}\n\n/* ===========================================\n CARD VARIANTS\n =========================================== */\n\n/* White background */\n.mba-card--white {\n background-color: var(--mba-color-white);\n}\n\n/* Non-interactive (no hover) */\n.mba-card--static {\n cursor: default;\n}\n\n.mba-card--static:hover {\n border-color: transparent;\n}\n\n/* ===========================================\n CAROUSEL CARD (Testimonial)\n Bordure gradient sunset\n =========================================== */\n.mba-carousel-card {\n position: relative;\n display: flex;\n flex-direction: column;\n padding: var(--mba-space-md);\n background-color: var(--mba-color-white);\n border-radius: 24px 24px 8px 24px;\n width: 453px;\n height: 278px;\n box-sizing: border-box;\n}\n\n.mba-carousel-card::before {\n content: \"\";\n position: absolute;\n inset: 0;\n padding: 1px;\n background: var(--mba-gradient-sunset);\n border-radius: 24px 24px 8px 24px;\n mask:\n linear-gradient(#fff 0 0) content-box,\n linear-gradient(#fff 0 0);\n mask-composite: exclude;\n -webkit-mask-composite: xor;\n pointer-events: none;\n}\n\n.mba-carousel-card__title {\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-sm);\n font-weight: var(--mba-font-weight-bold);\n color: var(--mba-color-primary-800);\n margin: 0;\n}\n\n.mba-carousel-card__quote {\n flex: 1;\n margin-top: var(--mba-space-sm);\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xs);\n font-weight: var(--mba-font-weight-regular);\n color: var(--mba-color-primary-800);\n}\n\n.mba-carousel-card__author {\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xxs);\n font-weight: var(--mba-font-weight-bold);\n color: var(--mba-color-primary-500);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .mba-carousel-card {\n width: 286px;\n height: 360px;\n }\n}\n\n/* ===========================================\n STATS CARD\n Bordure gradient sunset\n =========================================== */\n.mba-stats-card {\n position: relative;\n padding: var(--mba-space-md);\n background-color: var(--mba-color-white);\n border-radius: var(--mba-radius-md);\n box-shadow: var(--mba-shadow-xs);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.mba-stats-card::before {\n content: \"\";\n position: absolute;\n inset: 0;\n padding: 1px;\n background: var(--mba-gradient-sunset);\n border-radius: var(--mba-radius-md);\n mask:\n linear-gradient(#fff 0 0) content-box,\n linear-gradient(#fff 0 0);\n mask-composite: exclude;\n -webkit-mask-composite: xor;\n pointer-events: none;\n}\n\n.mba-stats-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--mba-shadow-sm);\n}\n\n.mba-stats-card__value {\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xxl);\n font-weight: var(--mba-font-weight-extrabold);\n color: var(--mba-color-primary-500);\n line-height: 1;\n margin: 0;\n}\n\n.mba-stats-card__title {\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xs);\n font-weight: var(--mba-font-weight-bold);\n margin-top: var(--mba-space-sm);\n margin-bottom: 0;\n color: var(--mba-color-text);\n}\n\n.mba-stats-card__description {\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xs);\n font-weight: var(--mba-font-weight-regular);\n color: var(--mba-color-text);\n margin: 0;\n}\n\n/* ===========================================\n STATS GRID\n =========================================== */\n.mba-stats-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: var(--mba-space-lg);\n width: 100%;\n}\n\n@media (max-width: 900px) {\n .mba-stats-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 600px) {\n .mba-stats-grid {\n grid-template-columns: 1fr;\n }\n}\n\n","/**\n * MBA Design System - Arrow Buttons\n *\n * Boutons circulaires de navigation (carousels, sliders)\n *\n * Specs Figma:\n * - padding: 4px (XXS)\n * - border-radius: 64px (XXL) → cercle\n * - background: Primary-500\n * - disabled: Grey-300\n */\n\n.mba-arrow {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--mba-space-xxs);\n border-radius: var(--mba-radius-xxl);\n background-color: var(--mba-color-primary-500);\n color: var(--mba-color-white);\n border: none;\n cursor: pointer;\n transition: background-color 0.2s ease;\n}\n\n.mba-arrow:hover {\n background-color: var(--mba-color-primary-800);\n}\n\n.mba-arrow:focus-visible {\n outline: none;\n box-shadow: var(--mba-focus-ring);\n}\n\n/* Disabled state */\n.mba-arrow:disabled,\n.mba-arrow.is-disabled {\n background-color: var(--mba-color-grey-300);\n cursor: not-allowed;\n}\n\n.mba-arrow:disabled:hover,\n.mba-arrow.is-disabled:hover {\n background-color: var(--mba-color-grey-300);\n}\n\n/* Icon sizing */\n.mba-arrow .material-symbols-rounded {\n font-size: 24px;\n}\n","/**\n * MBA Design System - Radio & Checkbox\n *\n * Classes: .mba-radio, .mba-radio--pro, .mba-checkbox, .mba-checkbox--pro\n * Source: Design System Figma\n */\n\n/* ===========================================\n RADIO BUTTON - Aidants (Primary)\n =========================================== */\n.mba-radio {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n cursor: pointer;\n}\n\n.mba-radio input {\n position: absolute;\n opacity: 0;\n width: 100%;\n height: 100%;\n margin: 0;\n cursor: pointer;\n}\n\n.mba-radio .mba-radio__control {\n position: relative;\n width: 16px;\n height: 16px;\n border-radius: 8px;\n border: 1px solid var(--mba-color-primary-900);\n background-color: var(--mba-color-white);\n transition: all 0.2s ease;\n}\n\n.mba-radio .mba-radio__control::after {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(0);\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background-color: var(--mba-color-primary-400);\n transition: transform 0.2s ease;\n}\n\n/* Hover state (pas sur disabled) */\n.mba-radio:hover:not(:has(input:disabled)) .mba-radio__control::after {\n transform: translate(-50%, -50%) scale(1);\n width: 10px;\n height: 10px;\n}\n\n/* Selected state */\n.mba-radio input:checked + .mba-radio__control::after {\n transform: translate(-50%, -50%) scale(1);\n width: 12px;\n height: 12px;\n}\n\n/* Focus state */\n.mba-radio input:focus + .mba-radio__control {\n box-shadow: var(--mba-focus-ring);\n}\n\n/* Disabled state */\n.mba-radio input:disabled + .mba-radio__control {\n border-color: var(--mba-color-grey-300);\n background-color: var(--mba-color-grey-50);\n cursor: not-allowed;\n}\n\n.mba-radio input:disabled + .mba-radio__control::after {\n background-color: var(--mba-color-grey-300);\n}\n\n.mba-radio:has(input:disabled) {\n cursor: not-allowed;\n}\n\n/* ===========================================\n RADIO BUTTON - Partenaire (PrimaryPro)\n =========================================== */\n.mba-radio--pro .mba-radio__control {\n border-color: var(--mba-color-primary-pro-800);\n}\n\n.mba-radio--pro .mba-radio__control::after {\n background-color: var(--mba-color-primary-pro-400);\n}\n\n/* ===========================================\n CHECKBOX - Aidants (Primary)\n =========================================== */\n.mba-checkbox {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n cursor: pointer;\n}\n\n.mba-checkbox input {\n position: absolute;\n opacity: 0;\n width: 100%;\n height: 100%;\n margin: 0;\n cursor: pointer;\n}\n\n.mba-checkbox .mba-checkbox__control {\n position: relative;\n width: 16px;\n height: 16px;\n border-radius: var(--mba-radius-2xs);\n border: 1px solid var(--mba-color-primary-900);\n background-color: var(--mba-color-white);\n transition: all 0.2s ease;\n}\n\n.mba-checkbox .mba-checkbox__control::after {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%) scale(0);\n width: 12px;\n height: 12px;\n border-radius: 2px;\n background-color: var(--mba-color-primary-400);\n transition: transform 0.2s ease;\n}\n\n/* Hover state (pas sur disabled) */\n.mba-checkbox:hover:not(:has(input:disabled)) .mba-checkbox__control::after {\n transform: translate(-50%, -50%) scale(1);\n width: 10px;\n height: 10px;\n}\n\n/* Selected state */\n.mba-checkbox input:checked + .mba-checkbox__control::after {\n transform: translate(-50%, -50%) scale(1);\n width: 12px;\n height: 12px;\n}\n\n/* Focus state */\n.mba-checkbox input:focus + .mba-checkbox__control {\n box-shadow: var(--mba-focus-ring);\n}\n\n/* Disabled state */\n.mba-checkbox input:disabled + .mba-checkbox__control {\n border-color: var(--mba-color-grey-300);\n background-color: var(--mba-color-grey-50);\n cursor: not-allowed;\n}\n\n.mba-checkbox input:disabled + .mba-checkbox__control::after {\n background-color: var(--mba-color-grey-300);\n}\n\n.mba-checkbox:has(input:disabled) {\n cursor: not-allowed;\n}\n\n/* ===========================================\n CHECKBOX - Partenaire (PrimaryPro)\n =========================================== */\n.mba-checkbox--pro .mba-checkbox__control {\n border-color: var(--mba-color-primary-pro-800);\n}\n\n.mba-checkbox--pro .mba-checkbox__control::after {\n background-color: var(--mba-color-primary-pro-400);\n}\n\n/* ===========================================\n WITH LABEL\n =========================================== */\n.mba-radio-label,\n.mba-checkbox-label {\n display: inline-flex;\n align-items: center;\n gap: var(--mba-space-xs);\n cursor: pointer;\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xs);\n color: var(--mba-color-black);\n}\n\n.mba-radio-label:has(input:disabled),\n.mba-checkbox-label:has(input:disabled) {\n cursor: not-allowed;\n color: var(--mba-color-grey-400);\n}\n","/**\n * MBA Design System - Pagination\n *\n * Composant de pagination pour la navigation entre pages\n * Source: Design System Figma\n */\n\n/* ===========================================\n PAGINATION CONTAINER\n height: hug (32px), gap: 16px (SM)\n =========================================== */\n.mba-pagination {\n display: inline-flex;\n align-items: center;\n gap: var(--mba-space-sm); /* 16px */\n padding: 0;\n margin: 0;\n list-style: none;\n}\n\n/* ===========================================\n PAGINATION ITEM\n width: 32px, height: 32px\n =========================================== */\n.mba-pagination-item {\n display: inline-flex;\n width: 32px;\n height: 32px;\n padding: 0;\n justify-content: center;\n align-items: center;\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xs);\n font-weight: var(--mba-font-weight-semibold);\n font-size: 18px;\n line-height: var(--mba-leading-snug);\n text-decoration: none;\n border: none;\n border-radius: var(--mba-radius-xs);\n cursor: pointer;\n transition: all 0.25s ease-in-out;\n user-select: none;\n background-color: var(--mba-color-white);\n color: var(--mba-color-black);\n}\n\n.mba-pagination-item:hover:not(:disabled):not(.is-disabled):not(.is-active) {\n background-color: var(--mba-color-grey-50);\n color: var(--mba-color-black);\n}\n\n.mba-pagination-item:focus {\n outline: none;\n box-shadow: var(--mba-focus-ring);\n}\n\n/* Active state */\n.mba-pagination-item.is-active {\n background-color: var(--mba-color-secondary-500);\n border-radius: 50%;\n color: var(--mba-color-black);\n cursor: default;\n}\n\n/* Disabled state */\n.mba-pagination-item:disabled,\n.mba-pagination-item.is-disabled {\n background-color: var(--mba-color-white);\n color: var(--mba-color-grey-300);\n cursor: not-allowed;\n pointer-events: none;\n}\n\n/* ===========================================\n PAGINATION ELLIPSIS\n =========================================== */\n.mba-pagination-ellipsis {\n display: inline-flex;\n width: 32px;\n height: 32px;\n padding: 0;\n justify-content: center;\n align-items: center;\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xs);\n font-weight: var(--mba-font-weight-semibold);\n line-height: var(--mba-leading-snug);\n color: var(--mba-color-grey-400);\n user-select: none;\n pointer-events: none;\n}\n\n/* ===========================================\n PAGINATION ARROW BUTTON\n width: 32px, height: 32px\n =========================================== */\n.mba-pagination-arrow {\n display: inline-flex;\n width: 32px;\n height: 32px;\n padding: 0;\n justify-content: center;\n align-items: center;\n border: none;\n border-radius: var(--mba-radius-xs);\n cursor: pointer;\n transition: all 0.25s ease-in-out;\n user-select: none;\n background-color: var(--mba-color-white);\n color: var(--mba-color-black);\n}\n\n.mba-pagination-arrow .mba-icon {\n font-size: 20px;\n width: 20px;\n height: 20px;\n}\n\n.mba-pagination-arrow:hover:not(:disabled):not(.is-disabled) {\n background-color: var(--mba-color-grey-50);\n color: var(--mba-color-black);\n}\n\n.mba-pagination-arrow:focus {\n outline: none;\n box-shadow: var(--mba-focus-ring);\n}\n\n.mba-pagination-arrow:disabled,\n.mba-pagination-arrow.is-disabled {\n background-color: var(--mba-color-white);\n color: var(--mba-color-grey-300);\n cursor: not-allowed;\n pointer-events: none;\n}\n","/**\n * MBA Design System - Inputs\n *\n * Classes: .mba-textarea, .mba-input, .mba-label\n * Source: Design System Figma\n */\n\n/* ===========================================\n LABEL\n =========================================== */\n.mba-label {\n display: flex;\n align-items: center;\n gap: var(--mba-space-xxs);\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xxs);\n font-weight: var(--mba-font-weight-regular);\n line-height: normal;\n color: var(--mba-color-grey-800);\n}\n\n/* Asterisque required */\n.mba-label__required {\n color: var(--mba-color-error-500);\n font-size: var(--mba-font-size-xxs);\n}\n\n/* Icone info */\n.mba-label__icon {\n font-size: 16px;\n color: var(--mba-color-grey-400);\n}\n\n/* ===========================================\n TEXTAREA - Base\n =========================================== */\n.mba-textarea {\n display: block;\n width: 100%;\n padding: var(--mba-space-xs);\n border-radius: var(--mba-radius-xs);\n border: 1px solid var(--mba-color-grey-100);\n background-color: var(--mba-color-white);\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xxs);\n font-weight: var(--mba-font-weight-regular);\n color: var(--mba-color-black);\n resize: vertical;\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n/* Placeholder */\n.mba-textarea::placeholder {\n color: var(--mba-color-grey-400);\n}\n\n/* Focus state */\n.mba-textarea:focus {\n outline: none;\n border-color: var(--mba-color-info-400);\n box-shadow: 0 0 0 1.5px var(--mba-color-info-300);\n}\n\n/* Active state (typing) - placeholder devient noir si visible */\n.mba-textarea:focus::placeholder {\n color: var(--mba-color-black);\n}\n\n/* Disabled state */\n.mba-textarea:disabled {\n background-color: var(--mba-color-grey-50);\n border-color: var(--mba-color-grey-100);\n cursor: not-allowed;\n}\n\n.mba-textarea:disabled::placeholder {\n color: var(--mba-color-grey-400);\n}\n\n/* Hover state */\n.mba-textarea:hover:not(:focus):not(:disabled):not(.mba-textarea--error):not(.mba-textarea--valid) {\n border-color: var(--mba-color-info-400);\n box-shadow: 0 0 0 1.5px var(--mba-color-info-100);\n}\n\n/* Error state */\n.mba-textarea--error {\n border-color: var(--mba-color-error-500);\n box-shadow: 0 0 0 1.5px var(--mba-color-error-100);\n}\n\n.mba-textarea--error:focus {\n border-color: var(--mba-color-error-500);\n box-shadow: 0 0 0 1.5px var(--mba-color-error-300);\n}\n\n/* Valid state */\n.mba-textarea--valid {\n border-color: var(--mba-color-success-500);\n box-shadow: 0 0 0 1.5px var(--mba-color-success-100);\n}\n\n.mba-textarea--valid:focus {\n border-color: var(--mba-color-success-500);\n box-shadow: 0 0 0 1.5px var(--mba-color-success-300);\n}\n\n/* ===========================================\n INPUT - Base\n =========================================== */\n.mba-input {\n display: block;\n width: 100%;\n padding: var(--mba-space-xs) var(--mba-space-sm);\n border-radius: var(--mba-radius-xs);\n border: 1px solid var(--mba-color-grey-100);\n background-color: var(--mba-color-white);\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xxs);\n font-weight: var(--mba-font-weight-regular);\n color: var(--mba-color-black);\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n/* Placeholder */\n.mba-input::placeholder {\n color: var(--mba-color-grey-400);\n}\n\n/* Hover state */\n.mba-input:hover:not(:focus):not(:disabled):not(.mba-input--error):not(.mba-input--valid) {\n border-color: var(--mba-color-info-400);\n box-shadow: 0 0 0 1.5px var(--mba-color-info-100);\n}\n\n/* Focus state */\n.mba-input:focus {\n outline: none;\n border-color: var(--mba-color-info-400);\n box-shadow: 0 0 0 1.5px var(--mba-color-info-300);\n}\n\n/* Disabled state */\n.mba-input:disabled {\n background-color: var(--mba-color-grey-50);\n border-color: var(--mba-color-grey-100);\n cursor: not-allowed;\n}\n\n.mba-input:disabled::placeholder {\n color: var(--mba-color-grey-400);\n}\n\n/* ===========================================\n INPUT - Error state\n =========================================== */\n.mba-input--error {\n border-color: var(--mba-color-error-500);\n box-shadow: 0 0 0 1.5px var(--mba-color-error-100);\n}\n\n.mba-input--error:focus {\n border-color: var(--mba-color-error-500);\n box-shadow: 0 0 0 1.5px var(--mba-color-error-300);\n}\n\n/* ===========================================\n INPUT - Validate state\n =========================================== */\n.mba-input--valid {\n border-color: var(--mba-color-success-500);\n box-shadow: 0 0 0 1.5px var(--mba-color-success-100);\n}\n\n.mba-input--valid:focus {\n border-color: var(--mba-color-success-500);\n box-shadow: 0 0 0 1.5px var(--mba-color-success-300);\n}\n\n/* ===========================================\n FEEDBACK MESSAGE (error / success)\n =========================================== */\n.mba-feedback {\n font-family: var(--mba-font-family-text);\n font-size: 12px;\n font-weight: var(--mba-font-weight-regular);\n}\n\n.mba-feedback--error {\n color: var(--mba-color-error-500);\n}\n\n.mba-feedback--valid {\n color: var(--mba-color-success-500);\n}\n\n/* ===========================================\n DROPDOWN\n =========================================== */\n.mba-dropdown {\n position: relative;\n display: inline-block;\n width: 100%;\n}\n\n/* Trigger (select-like button) */\n.mba-dropdown__trigger {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding: var(--mba-space-xs) var(--mba-space-sm);\n border-radius: var(--mba-radius-xs);\n border: 1px solid var(--mba-color-grey-100);\n background-color: var(--mba-color-white);\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xs);\n font-weight: var(--mba-font-weight-regular);\n color: var(--mba-color-black);\n cursor: pointer;\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.mba-dropdown__trigger--placeholder {\n color: var(--mba-color-grey-400);\n}\n\n.mba-dropdown:not(.mba-dropdown--error):not(.mba-dropdown--valid) .mba-dropdown__trigger:hover {\n border-color: var(--mba-color-info-400);\n box-shadow: 0 0 0 1.5px var(--mba-color-info-100);\n}\n\n.mba-dropdown__trigger:focus {\n outline: none;\n border-color: var(--mba-color-info-400);\n box-shadow: 0 0 0 1.5px var(--mba-color-info-300);\n}\n\n.mba-dropdown__trigger:disabled {\n background-color: var(--mba-color-grey-50);\n border-color: var(--mba-color-grey-100);\n cursor: not-allowed;\n color: var(--mba-color-grey-400);\n}\n\n/* Chevron icon */\n.mba-dropdown__chevron {\n font-size: 20px;\n color: var(--mba-color-grey-400);\n transition: transform 0.2s ease;\n}\n\n.mba-dropdown--open .mba-dropdown__chevron {\n transform: rotate(180deg);\n}\n\n/* Error state */\n.mba-dropdown--error .mba-dropdown__trigger {\n border-color: var(--mba-color-error-500);\n box-shadow: 0 0 0 1.5px var(--mba-color-error-100);\n}\n\n.mba-dropdown--error .mba-dropdown__trigger:focus {\n border-color: var(--mba-color-error-500);\n box-shadow: 0 0 0 1.5px var(--mba-color-error-300);\n}\n\n/* Valid state */\n.mba-dropdown--valid .mba-dropdown__trigger {\n border-color: var(--mba-color-success-500);\n box-shadow: 0 0 0 1.5px var(--mba-color-success-100);\n}\n\n.mba-dropdown--valid .mba-dropdown__trigger:focus {\n border-color: var(--mba-color-success-500);\n box-shadow: 0 0 0 1.5px var(--mba-color-success-300);\n}\n\n/* Panel */\n.mba-dropdown__panel {\n position: absolute;\n top: calc(100% + 4px);\n left: 0;\n right: 0;\n display: none;\n flex-direction: column;\n gap: 10px;\n padding: var(--mba-space-xs);\n border-radius: var(--mba-radius-2xs);\n background-color: var(--mba-color-white);\n box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.04), 1px 2px 16px 0 rgba(28, 28, 29, 0.06);\n max-height: 200px;\n overflow-y: auto;\n z-index: 10;\n}\n\n.mba-dropdown--open .mba-dropdown__panel {\n display: flex;\n}\n\n/* Custom scrollbar */\n.mba-dropdown__panel::-webkit-scrollbar {\n width: 6px;\n}\n\n.mba-dropdown__panel::-webkit-scrollbar-track {\n background: transparent;\n}\n\n.mba-dropdown__panel::-webkit-scrollbar-thumb {\n background-color: var(--mba-color-primary-pro-800);\n border-radius: 3px;\n}\n\n/* Option */\n.mba-dropdown__option {\n padding: var(--mba-space-xs);\n border-radius: var(--mba-radius-xs);\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xs);\n font-weight: var(--mba-font-weight-regular);\n color: var(--mba-color-black);\n cursor: pointer;\n transition: background-color 0.15s ease;\n}\n\n.mba-dropdown__option:hover {\n background-color: var(--mba-color-grey-50);\n}\n\n.mba-dropdown__option--selected {\n border: 1px solid var(--mba-color-primary-400);\n background-color: var(--mba-color-white);\n}\n\n/* Option selected - Pro variant */\n.mba-dropdown--pro .mba-dropdown__option--selected {\n border-color: var(--mba-color-primary-pro-400);\n}\n\n/* ===========================================\n TOGGLE SWITCH\n width: 42px, height: 24px, cercle: 20px\n =========================================== */\n.mba-toggle {\n position: relative;\n display: inline-block;\n width: 42px;\n height: 24px;\n}\n\n.mba-toggle input {\n opacity: 0;\n width: 0;\n height: 0;\n}\n\n.mba-toggle__slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--mba-color-grey-300);\n transition: all 0.3s ease;\n border-radius: 32px;\n}\n\n.mba-toggle__slider::before {\n position: absolute;\n content: \"\";\n height: 20px;\n width: 20px;\n left: 2px;\n top: 2px;\n background-color: var(--mba-color-white);\n transition: all 0.3s ease;\n border-radius: 50%;\n}\n\n.mba-toggle input:checked + .mba-toggle__slider {\n background-color: var(--mba-color-secondary-500);\n}\n\n.mba-toggle input:checked + .mba-toggle__slider::before {\n transform: translateX(18px);\n}\n\n.mba-toggle input:focus + .mba-toggle__slider {\n box-shadow: var(--mba-focus-ring);\n}\n\n.mba-toggle input:disabled + .mba-toggle__slider {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n/* ===========================================\n INPUT WITH ICON\n =========================================== */\n.mba-input-icon {\n display: flex;\n align-items: center;\n width: 100%;\n padding: var(--mba-space-xs) var(--mba-space-sm);\n border-radius: var(--mba-radius-xs);\n border: 1px solid var(--mba-color-grey-100);\n background-color: var(--mba-color-white);\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.mba-input-icon input {\n flex: 1;\n border: none;\n background: transparent;\n font-family: var(--mba-font-family-text);\n font-size: var(--mba-font-size-xxs);\n font-weight: var(--mba-font-weight-regular);\n color: var(--mba-color-black);\n outline: none;\n}\n\n.mba-input-icon input::placeholder {\n color: var(--mba-color-grey-400);\n}\n\n.mba-input-icon__icon {\n font-size: 16px;\n color: var(--mba-color-grey-400);\n margin-left: var(--mba-space-xs);\n}\n\n/* Icon clickable (button) */\nbutton.mba-input-icon__icon {\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n transition: color 0.2s ease;\n}\n\nbutton.mba-input-icon__icon:hover {\n color: var(--mba-color-primary-500);\n}\n\n/* Hover state */\n.mba-input-icon:hover:not(:focus-within):not(.mba-input-icon--disabled):not(.mba-input-icon--error) {\n border-color: var(--mba-color-info-400);\n box-shadow: 0 0 0 1.5px var(--mba-color-info-100);\n}\n\n/* Focus state */\n.mba-input-icon:focus-within {\n border-color: var(--mba-color-info-400);\n box-shadow: 0 0 0 1.5px var(--mba-color-info-300);\n}\n\n/* Disabled state */\n.mba-input-icon--disabled {\n background-color: var(--mba-color-grey-50);\n cursor: not-allowed;\n}\n\n.mba-input-icon--disabled input {\n cursor: not-allowed;\n color: var(--mba-color-grey-400);\n}\n\n/* Error state */\n.mba-input-icon--error {\n border-color: var(--mba-color-error-500);\n box-shadow: 0 0 0 1.5px var(--mba-color-error-100);\n}\n\n.mba-input-icon--error:focus-within {\n border-color: var(--mba-color-error-500);\n box-shadow: 0 0 0 1.5px var(--mba-color-error-300);\n}\n\n.mba-input-icon--error .mba-input-icon__icon {\n color: var(--mba-color-error-500);\n}\n\n/* ===========================================\n INPUT GROUP (input + button)\n =========================================== */\n.mba-input-group {\n display: flex;\n align-items: stretch;\n gap: var(--mba-space-xxs);\n}\n\n.mba-input-group > .mba-input,\n.mba-input-group > .mba-input-icon {\n flex: 1;\n}\n\n/* ===========================================\n FORM GROUP (label + input)\n =========================================== */\n.mba-form-group {\n display: flex;\n flex-direction: column;\n gap: var(--mba-space-xxs);\n}\n","/**\n * MBA Design System - Utilities\n *\n * Classes utilitaires complémentaires à Tailwind\n */\n\n/* ===========================================\n FONT SIZE UTILITIES (MBA custom scale)\n Tailwind génère xs, sm, base, lg, xl, 2xl...\n On ajoute nos tailles custom : xxs, md, xxl\n =========================================== */\n.text-xxs {\n font-size: var(--mba-font-size-xxs);\n}\n\n.text-md {\n font-size: var(--mba-font-size-md);\n}\n\n.text-xxl {\n font-size: var(--mba-font-size-xxl);\n}\n\n/* ===========================================\n ACCESSIBILITY UTILITIES\n =========================================== */\n\n/* Visually hidden (accessible) */\n.mba-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n/* Not visually hidden */\n.mba-not-sr-only {\n position: static;\n width: auto;\n height: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n clip: auto;\n white-space: normal;\n}\n\n/* ===========================================\n VISIBILITY UTILITIES\n Override pour garantir le masquage même avec\n les composants MBA (display: inline-flex, etc.)\n =========================================== */\n\n/* Hidden - force display: none sur tous les composants */\n.hidden {\n display: none !important;\n}\n\n/* Visible utilities */\n.visible {\n visibility: visible;\n}\n\n.invisible {\n visibility: hidden;\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--mba-color-white:#fff;--mba-color-black:#1c1c1d;--mba-color-grey-50:#f2f2f3;--mba-color-grey-100:#d7d7db;--mba-color-grey-300:#b6b6bc;--mba-color-grey-400:#71717a;--mba-color-grey-800:#303034;--mba-color-primary-50:#fff6ff;--mba-color-primary-100:#edd7ef;--mba-color-primary-400:#c097c3;--mba-color-primary-500:#703973;--mba-color-primary-800:#461c52;--mba-color-primary-900:#2c1133;--mba-color-secondary-500:#fdc785;--mba-color-primary-pro-50:#f7fafd;--mba-color-primary-pro-100:#dfedf7;--mba-color-primary-pro-400:#6a88aa;--mba-color-primary-pro-500:#395172;--mba-color-primary-pro-800:#122042;--mba-color-error-100:#ffded1;--mba-color-error-300:#f8b09e;--mba-color-error-400:#d9514e;--mba-color-error-500:#c1121f;--mba-color-error-800:#6f052a;--mba-color-success-100:#e6fade;--mba-color-success-300:#b7e7ac;--mba-color-success-400:#74c474;--mba-color-success-500:#489e50;--mba-color-success-800:#165b30;--mba-color-warning-50:#fefaec;--mba-color-warning-100:#fbf2cb;--mba-color-warning-300:#f8e199;--mba-color-warning-400:#d6a73d;--mba-color-warning-500:#bc7f09;--mba-color-warning-800:#6d3d02;--mba-color-info-50:#f1fbfe;--mba-color-info-100:#e2f6fc;--mba-color-info-300:#c6eaf9;--mba-color-info-400:#8abde0;--mba-color-info-500:#649ccc;--mba-color-info-800:#1f4076;--mba-color-brick-light:#fcf4f0;--mba-color-brick:#ac5118;--mba-color-forest-light:#def8ef;--mba-color-forest:#16654c;--mba-color-rose-light:#faeff4;--mba-color-rose:#b83c75;--mba-color-pastel-bleuet:#ebf2ff;--mba-color-pastel-lavender:#eeedff;--mba-color-pastel-narcisse:#fff6e4;--mba-color-pastel-oranger:#fff2eb;--mba-color-beige:#f9f5f0;--mba-gradient-sunset:linear-gradient(117deg,#c7e5fa 4.74%,#e9cdf3 49.92%,#fbe4c1 95.1%);--mba-color-background:var(--mba-color-white);--mba-color-surface:var(--mba-color-grey-50);--mba-color-surface-raised:var(--mba-color-white);--mba-color-border:var(--mba-color-grey-100);--mba-color-border-strong:var(--mba-color-grey-300);--mba-color-text:var(--mba-color-black);--mba-color-text-muted:var(--mba-color-grey-400);--mba-color-text-subtle:var(--mba-color-grey-300);--mba-color-text-inverse:var(--mba-color-white);--mba-color-link:var(--mba-color-primary-500);--mba-color-link-hover:var(--mba-color-primary-800);--mba-focus-ring:0 0 0 3px rgba(112,57,115,.25);--mba-font-family-text:"Open Sans",ui-sans-serif,system-ui,sans-serif;--mba-font-family-heading:"Congenial",ui-sans-serif,system-ui,sans-serif;--mba-font-family-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--mba-font-size-xxs:0.875rem;--mba-font-size-xs:1rem;--mba-font-size-sm:1.125rem;--mba-font-size-md:1.5rem;--mba-font-size-xl:2rem;--mba-font-size-xxl:3rem;--mba-font-weight-regular:400;--mba-font-weight-semibold:600;--mba-font-weight-bold:700;--mba-font-weight-extrabold:800;--mba-leading-none:1;--mba-leading-tight:1.25;--mba-leading-snug:1.375;--mba-leading-normal:1.5;--mba-leading-relaxed:1.625;--mba-leading-loose:2;--mba-tracking-tighter:-0.05em;--mba-tracking-tight:-0.025em;--mba-tracking-normal:0em;--mba-tracking-wide:0.025em;--mba-tracking-wider:0.05em;--mba-tracking-widest:0.1em}.mba-heading-xxl{font-size:var(--mba-font-size-xxl)}.mba-heading-xl,.mba-heading-xxl{font-family:var(--mba-font-family-heading);font-weight:var(--mba-font-weight-bold);line-height:var(--mba-leading-tight)}.mba-heading-xl{font-size:var(--mba-font-size-xl)}.mba-heading-md{font-family:var(--mba-font-family-heading);font-size:var(--mba-font-size-md);font-weight:var(--mba-font-weight-bold);line-height:var(--mba-leading-snug)}.mba-heading-sm{font-size:var(--mba-font-size-sm)}.mba-heading-sm,.mba-heading-xs{font-family:var(--mba-font-family-heading);font-weight:var(--mba-font-weight-bold);line-height:var(--mba-leading-normal)}.mba-heading-xs{font-size:var(--mba-font-size-xs)}.mba-heading-xxs{font-family:var(--mba-font-family-heading);font-size:var(--mba-font-size-xxs);font-weight:var(--mba-font-weight-bold);line-height:var(--mba-leading-normal)}.mba-text-xxl{font-size:var(--mba-font-size-xxl)}.mba-text-xl,.mba-text-xxl{font-family:var(--mba-font-family-text);font-weight:var(--mba-font-weight-regular);line-height:var(--mba-leading-normal)}.mba-text-xl{font-size:var(--mba-font-size-xl)}.mba-text-md{font-size:var(--mba-font-size-md)}.mba-text-md,.mba-text-sm{font-family:var(--mba-font-family-text);font-weight:var(--mba-font-weight-regular);line-height:var(--mba-leading-normal)}.mba-text-sm{font-size:var(--mba-font-size-sm)}.mba-text-xs{font-size:var(--mba-font-size-xs)}.mba-text-xs,.mba-text-xxs{font-family:var(--mba-font-family-text);font-weight:var(--mba-font-weight-regular);line-height:var(--mba-leading-normal)}.mba-text-xxs{font-size:var(--mba-font-size-xxs)}:root{--mba-space-xxs:0.25rem;--mba-space-xs:0.5rem;--mba-space-sm:1rem;--mba-space-md:1.5rem;--mba-space-lg:2rem;--mba-space-xl:3rem;--mba-space-xxl:4rem;--mba-space-0:0;--mba-space-px:1px;--mba-radius-2xs:0.25rem;--mba-radius-xs:0.5rem;--mba-radius-sm:1rem;--mba-radius-md:1.5rem;--mba-radius-lg:2rem;--mba-radius-xl:3rem;--mba-radius-xxl:4rem;--mba-radius-none:0;--mba-radius-full:9999px;--mba-shadow-xxs:0 2px 4px 0 hsla(240,4%,46%,.04),1px 2px 4px 0 hsla(240,4%,46%,.08);--mba-shadow-xs:0 2px 8px 0 hsla(240,4%,46%,.04),1px 2px 8px 0 hsla(240,4%,46%,.08);--mba-shadow-sm:0 2px 16px 0 hsla(240,4%,46%,.04),1px 2px 16px 0 hsla(240,4%,46%,.08);--mba-shadow-md:0 2px 24px 0 hsla(240,4%,46%,.04),1px 2px 24px 0 hsla(240,4%,46%,.08);--mba-shadow-none:0 0 #0000;--mba-shadow-inner:inset 0 2px 4px 0 hsla(240,4%,46%,.08);--mba-duration-75:75ms;--mba-duration-100:100ms;--mba-duration-150:150ms;--mba-duration-200:200ms;--mba-duration-300:300ms;--mba-duration-500:500ms;--mba-duration-700:700ms;--mba-duration-1000:1000ms;--mba-ease-linear:linear;--mba-ease-in:cubic-bezier(0.4,0,1,1);--mba-ease-out:cubic-bezier(0,0,0.2,1);--mba-ease-in-out:cubic-bezier(0.4,0,0.2,1);--mba-transition-fast:var(--mba-duration-150) var(--mba-ease-in-out);--mba-transition-base:var(--mba-duration-200) var(--mba-ease-in-out);--mba-transition-slow:var(--mba-duration-300) var(--mba-ease-in-out);--mba-breakpoint-sm:640px;--mba-breakpoint-md:768px;--mba-breakpoint-lg:1024px;--mba-breakpoint-xl:1280px;--mba-breakpoint-2xl:1536px}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:400;src:url(../assets/fonts/OpenSans-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:600;src:url(../assets/fonts/OpenSans-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:700;src:url(../assets/fonts/OpenSans-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:800;src:url(../assets/fonts/OpenSans-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Congenial;font-style:normal;font-weight:400;src:url(../assets/fonts/Congenial.woff2) format("woff2")}@font-face{font-display:swap;font-family:Congenial;font-style:normal;font-weight:500;src:url(../assets/fonts/Congenial-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Congenial;font-style:normal;font-weight:700;src:url(../assets/fonts/Congenial-Bold.woff2) format("woff2")}@font-face{font-display:block;font-family:Material Symbols Rounded;font-style:normal;font-weight:100 700;src:url(/fonts/MaterialSymbolsRounded.woff2) format("woff2")}.material-symbols-rounded{display:inline-block;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;text-rendering:optimizeLegibility}.mba-icon{font-size:24px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;height:24px;width:24px}.mba-icon--sm{font-size:16px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20;height:16px;width:16px}.material-symbols-rounded.mba-icon--fill,.mba-icon--fill{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.mba-icon--sm.mba-icon--fill{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20}.mba-icon--primary{color:var(--mba-color-primary-500)}.mba-icon--success{color:var(--mba-color-success-500)}.mba-icon--warning{color:var(--mba-color-warning-500)}.mba-icon--error{color:var(--mba-color-error-500)}.mba-icon--info{color:var(--mba-color-info-500)}.mba-icon--muted{color:var(--mba-color-text-muted)}*,:after,:before{border-color:var(--mba-color-border);border-style:solid;border-width:0;box-sizing:border-box}html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:var(--mba-font-family-text);font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--mba-font-family-mono);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--mba-color-text-subtle);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}body{background-color:var(--mba-color-background);color:var(--mba-color-text);font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs);line-height:var(--mba-leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--mba-color-link);transition:color var(--mba-transition-fast)}a:hover{color:var(--mba-color-link-hover)}:focus-visible{outline:2px solid var(--mba-color-primary-500);outline-offset:2px}::selection{background-color:var(--mba-color-primary-100);color:var(--mba-color-primary-900)}.mba-btn{align-items:center;background-color:var(--mba-color-primary-500);border:1px solid transparent;border-radius:var(--mba-radius-xs);color:var(--mba-color-white);cursor:pointer;display:inline-flex;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs);font-weight:var(--mba-font-weight-semibold);gap:var(--mba-space-xs);height:38px;justify-content:center;line-height:var(--mba-leading-snug);padding:var(--mba-space-xs) var(--mba-space-sm);text-decoration:none;transition:all .25s ease-in-out;user-select:none;white-space:nowrap}.mba-btn:hover:not(:disabled):not(.is-disabled){background-color:var(--mba-color-white);border:1px solid var(--mba-color-primary-800);color:var(--mba-color-primary-800)}.mba-btn:focus{box-shadow:var(--mba-focus-ring);outline:none}.mba-btn.is-disabled,.mba-btn:disabled{background-color:var(--mba-color-grey-50);border-color:transparent;color:var(--mba-color-grey-400);cursor:not-allowed;pointer-events:none}.mba-btn-secondary{align-items:center;background-color:var(--mba-color-white);border:1px solid var(--mba-color-primary-800);border-radius:var(--mba-radius-xs);color:var(--mba-color-primary-800);cursor:pointer;display:inline-flex;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs);font-weight:var(--mba-font-weight-semibold);gap:var(--mba-space-xs);height:38px;justify-content:center;line-height:var(--mba-leading-snug);padding:var(--mba-space-xs) var(--mba-space-sm);text-decoration:none;transition:all .25s ease-in-out;user-select:none;white-space:nowrap}.mba-btn-secondary:hover:not(:disabled):not(.is-disabled){background-color:var(--mba-color-primary-500);border-color:var(--mba-color-primary-500);color:var(--mba-color-white)}.mba-btn-secondary:focus{box-shadow:var(--mba-focus-ring);outline:none}.mba-btn-secondary.is-disabled,.mba-btn-secondary:disabled{background-color:var(--mba-color-grey-50);border-color:var(--mba-color-grey-100);color:var(--mba-color-grey-400);cursor:not-allowed;pointer-events:none}.mba-btn-tertiary{align-items:center;background-color:var(--mba-color-white);border:none;border-radius:var(--mba-radius-xs);color:var(--mba-color-primary-500);cursor:pointer;display:inline-flex;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs);font-weight:var(--mba-font-weight-semibold);gap:var(--mba-space-xs);height:38px;justify-content:center;line-height:var(--mba-leading-snug);padding:var(--mba-space-xs) var(--mba-space-sm);text-decoration:none;transition:all .25s ease-in-out;user-select:none;white-space:nowrap}.mba-btn-tertiary:hover:not(:disabled):not(.is-disabled){background-color:var(--mba-color-primary-50);color:var(--mba-color-primary-500)}.mba-btn-tertiary:focus{box-shadow:var(--mba-focus-ring);outline:none}.mba-btn-tertiary.is-disabled,.mba-btn-tertiary:disabled{background-color:var(--mba-color-grey-50);color:var(--mba-color-grey-400);cursor:not-allowed;pointer-events:none}.mba-btn-inline{align-items:center;background-color:var(--mba-color-white);border:none;border-radius:var(--mba-radius-xs);color:var(--mba-color-primary-500);cursor:pointer;display:inline-flex;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs);font-weight:var(--mba-font-weight-semibold);gap:var(--mba-space-xxs);height:24px;justify-content:center;line-height:var(--mba-leading-snug);padding:var(--mba-space-xs) var(--mba-space-sm);text-decoration:underline;transition:all .25s ease-in-out;user-select:none;white-space:nowrap}.mba-btn-inline:hover:not(:disabled):not(.is-disabled):not(.is-error){background-color:var(--mba-color-white);color:var(--mba-color-primary-800);text-decoration:underline}.mba-btn-inline:focus{box-shadow:var(--mba-focus-ring);outline:none}.mba-btn-inline.is-disabled,.mba-btn-inline:disabled{background-color:var(--mba-color-white);color:var(--mba-color-grey-400);cursor:not-allowed;pointer-events:none;text-decoration:underline}.mba-btn-inline.is-error{background-color:var(--mba-color-white);color:var(--mba-color-error-500);text-decoration:underline}.mba-btn-light{align-items:center;border:1.5px solid var(--mba-color-primary-400);border-radius:var(--mba-radius-sm);cursor:pointer;display:inline-flex;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs);font-weight:var(--mba-font-weight-semibold);gap:var(--mba-space-xxs);height:30px;justify-content:center;line-height:var(--mba-leading-snug);padding:var(--mba-space-xxs) 12px;text-decoration:none;transition:all .25s ease-in-out;user-select:none;white-space:nowrap}.mba-btn-light,.mba-btn-light:hover:not(:disabled):not(.is-disabled){background-color:var(--mba-color-white);color:var(--mba-color-primary-900)}.mba-btn-light:hover:not(:disabled):not(.is-disabled){border-color:var(--mba-color-primary-500);text-decoration:underline}.mba-btn-light:focus{box-shadow:var(--mba-focus-ring);outline:none}.mba-btn-light.is-disabled,.mba-btn-light:disabled{background-color:var(--mba-color-white);border-color:var(--mba-color-grey-100);color:var(--mba-color-grey-400);cursor:not-allowed;pointer-events:none}.mba-btn-annuaire{align-items:center;background-color:var(--mba-color-white);border:1px solid var(--mba-color-grey-100);border-radius:var(--mba-radius-xs);color:var(--mba-color-primary-900);cursor:pointer;display:inline-flex;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs);font-weight:var(--mba-font-weight-semibold);gap:var(--mba-space-xs);height:38px;justify-content:center;line-height:var(--mba-leading-snug);padding:var(--mba-space-xs) var(--mba-space-sm);text-decoration:none;transition:all .25s ease-in-out;user-select:none;white-space:nowrap}.mba-btn-annuaire:hover:not(:disabled):not(.is-disabled){background-color:var(--mba-color-white);border-color:var(--mba-color-primary-500);color:var(--mba-color-primary-900)}.mba-btn-annuaire:focus{box-shadow:var(--mba-focus-ring);outline:none}.mba-btn-annuaire.is-disabled,.mba-btn-annuaire:disabled{background-color:var(--mba-color-white);border-color:var(--mba-color-grey-100);color:var(--mba-color-grey-400);cursor:not-allowed;pointer-events:none}.mba-btn-pin{align-items:center;background-color:var(--mba-color-white);border:1px solid var(--mba-color-primary-500);border-radius:50%;color:var(--mba-color-primary-500);cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;transition:all .25s ease-in-out;user-select:none;width:40px}.mba-btn-pin .mba-icon{font-size:20px;height:20px;width:20px}.mba-btn-pin:focus{box-shadow:var(--mba-focus-ring);outline:none}.mba-btn-pin.is-deja-vu{background-color:var(--mba-color-grey-50);border-color:var(--mba-color-grey-300);color:var(--mba-color-grey-300)}.mba-btn-pin.is-activated{background-color:var(--mba-color-primary-500);border-color:var(--mba-color-primary-500)}.mba-btn-pin.is-activated,.mba-btn-pin.is-activated .mba-icon{color:var(--mba-color-white)}.mba-btn-pin.is-disabled,.mba-btn-pin:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.mba-btn-icon-only{align-items:center;background-color:var(--mba-color-white);border:1px solid var(--mba-color-black);border-radius:var(--mba-radius-xs);color:var(--mba-color-black);cursor:pointer;display:inline-flex;height:24px;justify-content:center;padding:0;transition:all .25s ease-in-out;user-select:none;width:24px}.mba-btn-icon-only .mba-icon{font-size:16px;height:16px;width:16px}.mba-btn-icon-only:hover:not(:disabled):not(.is-disabled):not(.is-activated):not(.is-alert){border-color:var(--mba-color-primary-500);color:var(--mba-color-primary-500)}.mba-btn-icon-only:focus{box-shadow:var(--mba-focus-ring);outline:none}.mba-btn-icon-only.is-activated{background-color:var(--mba-color-white)}.mba-btn-icon-only.is-activated,.mba-btn-icon-only.is-activated:hover:not(:disabled):not(.is-disabled){border-color:var(--mba-color-primary-500);color:var(--mba-color-primary-500)}.mba-btn-icon-only.is-disabled,.mba-btn-icon-only:disabled{background-color:var(--mba-color-white);border-color:var(--mba-color-grey-300);color:var(--mba-color-grey-300);cursor:not-allowed;pointer-events:none}.mba-btn-icon-only.is-alert{background-color:var(--mba-color-white)}.mba-btn-icon-only.is-alert,.mba-btn-icon-only.is-alert:hover:not(:disabled):not(.is-disabled){border-color:var(--mba-color-error-500);color:var(--mba-color-error-500)}.mba-btn-sm{font-size:var(--mba-font-size-xxs);gap:var(--mba-space-xs);height:auto;padding:var(--mba-space-xxs) var(--mba-space-xs)}.mba-btn i,.mba-btn svg,.mba-btn-icon-only i,.mba-btn-icon-only svg{font-size:1rem;height:1rem;width:1rem}.mba-btn .arrow-forward,.mba-btn-secondary .arrow-forward{vertical-align:middle}.mba-btn-block{display:block;text-align:center;width:100%}@media (max-width:767px){.mba-btn,.mba-btn-secondary{display:flex;max-width:100%;width:100%}}.mba-card{background-color:var(--mba-color-beige);border:2px solid transparent;border-radius:var(--mba-radius-sm);cursor:pointer;display:flex;flex-direction:column;padding:var(--mba-space-md);transition:border-color .25s ease-in-out}.mba-card:hover{border-color:var(--mba-color-primary-500)}.mba-card--sm{padding:var(--mba-space-sm)}.mba-card__header{align-items:center;display:flex;gap:var(--mba-space-sm);justify-content:space-between}.mba-card__content{flex:1}.mba-card__title{color:var(--mba-color-primary-800);font-size:var(--mba-font-size-sm);font-weight:var(--mba-font-weight-bold);margin:0 0 var(--mba-space-xs)}.mba-card__text,.mba-card__title{font-family:var(--mba-font-family-text)}.mba-card__text{color:var(--mba-color-text);font-size:var(--mba-font-size-xs);font-weight:var(--mba-font-weight-regular);line-height:var(--mba-leading-snug);margin:0}.mba-card__icon{color:var(--mba-color-primary-500);flex-shrink:0;font-size:24px;transition:transform .2s ease}.mba-card__icon svg{height:24px;width:24px}.mba-card:hover .mba-card__icon{transform:translateX(4px)}.mba-card-grid{display:grid;gap:var(--mba-space-md);grid-template-columns:1fr;width:100%}@media (min-width:600px){.mba-card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.mba-card-grid{grid-template-columns:repeat(3,1fr)}}.mba-card--white{background-color:var(--mba-color-white)}.mba-card--static{cursor:default}.mba-card--static:hover{border-color:transparent}.mba-carousel-card{background-color:var(--mba-color-white);border-radius:24px 24px 8px 24px;box-sizing:border-box;display:flex;flex-direction:column;height:278px;padding:var(--mba-space-md);position:relative;width:453px}.mba-carousel-card:before{background:var(--mba-gradient-sunset);border-radius:24px 24px 8px 24px;content:"";inset:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;padding:1px;pointer-events:none;position:absolute}.mba-carousel-card__title{font-size:var(--mba-font-size-sm);font-weight:var(--mba-font-weight-bold);margin:0}.mba-carousel-card__quote,.mba-carousel-card__title{color:var(--mba-color-primary-800);font-family:var(--mba-font-family-text)}.mba-carousel-card__quote{flex:1;font-size:var(--mba-font-size-xs);font-weight:var(--mba-font-weight-regular);margin-top:var(--mba-space-sm)}.mba-carousel-card__author{color:var(--mba-color-primary-500);font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xxs);font-weight:var(--mba-font-weight-bold);margin:0}@media (max-width:767px){.mba-carousel-card{height:360px;width:286px}}.mba-stats-card{background-color:var(--mba-color-white);border-radius:var(--mba-radius-md);box-shadow:var(--mba-shadow-xs);padding:var(--mba-space-md);position:relative;transition:transform .3s ease,box-shadow .3s ease}.mba-stats-card:before{background:var(--mba-gradient-sunset);border-radius:var(--mba-radius-md);content:"";inset:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;padding:1px;pointer-events:none;position:absolute}.mba-stats-card:hover{box-shadow:var(--mba-shadow-sm);transform:translateY(-4px)}.mba-stats-card__value{color:var(--mba-color-primary-500);font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xxl);font-weight:var(--mba-font-weight-extrabold);line-height:1;margin:0}.mba-stats-card__title{font-weight:var(--mba-font-weight-bold);margin-bottom:0;margin-top:var(--mba-space-sm)}.mba-stats-card__description,.mba-stats-card__title{color:var(--mba-color-text);font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs)}.mba-stats-card__description{font-weight:var(--mba-font-weight-regular);margin:0}.mba-stats-grid{display:grid;gap:var(--mba-space-lg);grid-template-columns:repeat(3,1fr);width:100%}@media (max-width:900px){.mba-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.mba-stats-grid{grid-template-columns:1fr}}.mba-arrow{align-items:center;background-color:var(--mba-color-primary-500);border:none;border-radius:var(--mba-radius-xxl);color:var(--mba-color-white);cursor:pointer;display:inline-flex;justify-content:center;padding:var(--mba-space-xxs);transition:background-color .2s ease}.mba-arrow:hover{background-color:var(--mba-color-primary-800)}.mba-arrow:focus-visible{box-shadow:var(--mba-focus-ring);outline:none}.mba-arrow.is-disabled,.mba-arrow:disabled{background-color:var(--mba-color-grey-300);cursor:not-allowed}.mba-arrow.is-disabled:hover,.mba-arrow:disabled:hover{background-color:var(--mba-color-grey-300)}.mba-arrow .material-symbols-rounded{font-size:24px}.mba-radio{align-items:center;cursor:pointer;display:inline-flex;height:16px;justify-content:center;position:relative;width:16px}.mba-radio input{cursor:pointer;height:100%;margin:0;opacity:0;position:absolute;width:100%}.mba-radio .mba-radio__control{background-color:var(--mba-color-white);border:1px solid var(--mba-color-primary-900);border-radius:8px;height:16px;position:relative;transition:all .2s ease;width:16px}.mba-radio .mba-radio__control:after{background-color:var(--mba-color-primary-400);border-radius:50%;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s ease;width:12px}.mba-radio:hover:not(:has(input:disabled)) .mba-radio__control:after{height:10px;transform:translate(-50%,-50%) scale(1);width:10px}.mba-radio input:checked+.mba-radio__control:after{height:12px;transform:translate(-50%,-50%) scale(1);width:12px}.mba-radio input:focus+.mba-radio__control{box-shadow:var(--mba-focus-ring)}.mba-radio input:disabled+.mba-radio__control{background-color:var(--mba-color-grey-50);border-color:var(--mba-color-grey-300);cursor:not-allowed}.mba-radio input:disabled+.mba-radio__control:after{background-color:var(--mba-color-grey-300)}.mba-radio:has(input:disabled){cursor:not-allowed}.mba-radio--pro .mba-radio__control{border-color:var(--mba-color-primary-pro-800)}.mba-radio--pro .mba-radio__control:after{background-color:var(--mba-color-primary-pro-400)}.mba-checkbox{align-items:center;cursor:pointer;display:inline-flex;height:16px;justify-content:center;position:relative;width:16px}.mba-checkbox input{cursor:pointer;height:100%;margin:0;opacity:0;position:absolute;width:100%}.mba-checkbox .mba-checkbox__control{background-color:var(--mba-color-white);border:1px solid var(--mba-color-primary-900);border-radius:var(--mba-radius-2xs);height:16px;position:relative;transition:all .2s ease;width:16px}.mba-checkbox .mba-checkbox__control:after{background-color:var(--mba-color-primary-400);border-radius:2px;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s ease;width:12px}.mba-checkbox:hover:not(:has(input:disabled)) .mba-checkbox__control:after{height:10px;transform:translate(-50%,-50%) scale(1);width:10px}.mba-checkbox input:checked+.mba-checkbox__control:after{height:12px;transform:translate(-50%,-50%) scale(1);width:12px}.mba-checkbox input:focus+.mba-checkbox__control{box-shadow:var(--mba-focus-ring)}.mba-checkbox input:disabled+.mba-checkbox__control{background-color:var(--mba-color-grey-50);border-color:var(--mba-color-grey-300);cursor:not-allowed}.mba-checkbox input:disabled+.mba-checkbox__control:after{background-color:var(--mba-color-grey-300)}.mba-checkbox:has(input:disabled){cursor:not-allowed}.mba-checkbox--pro .mba-checkbox__control{border-color:var(--mba-color-primary-pro-800)}.mba-checkbox--pro .mba-checkbox__control:after{background-color:var(--mba-color-primary-pro-400)}.mba-checkbox-label,.mba-radio-label{align-items:center;color:var(--mba-color-black);cursor:pointer;display:inline-flex;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs);gap:var(--mba-space-xs)}.mba-checkbox-label:has(input:disabled),.mba-radio-label:has(input:disabled){color:var(--mba-color-grey-400);cursor:not-allowed}.mba-pagination{gap:var(--mba-space-sm);list-style:none;margin:0}.mba-pagination,.mba-pagination-item{align-items:center;display:inline-flex;padding:0}.mba-pagination-item{background-color:var(--mba-color-white);border:none;border-radius:var(--mba-radius-xs);color:var(--mba-color-black);cursor:pointer;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs);font-size:18px;font-weight:var(--mba-font-weight-semibold);height:32px;justify-content:center;line-height:var(--mba-leading-snug);text-decoration:none;transition:all .25s ease-in-out;user-select:none;width:32px}.mba-pagination-item:hover:not(:disabled):not(.is-disabled):not(.is-active){background-color:var(--mba-color-grey-50);color:var(--mba-color-black)}.mba-pagination-item:focus{box-shadow:var(--mba-focus-ring);outline:none}.mba-pagination-item.is-active{background-color:var(--mba-color-secondary-500);border-radius:50%;color:var(--mba-color-black);cursor:default}.mba-pagination-item.is-disabled,.mba-pagination-item:disabled{background-color:var(--mba-color-white);color:var(--mba-color-grey-300);cursor:not-allowed;pointer-events:none}.mba-pagination-ellipsis{color:var(--mba-color-grey-400);font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs);font-weight:var(--mba-font-weight-semibold);line-height:var(--mba-leading-snug);pointer-events:none}.mba-pagination-arrow,.mba-pagination-ellipsis{align-items:center;display:inline-flex;height:32px;justify-content:center;padding:0;user-select:none;width:32px}.mba-pagination-arrow{background-color:var(--mba-color-white);border:none;border-radius:var(--mba-radius-xs);color:var(--mba-color-black);cursor:pointer;transition:all .25s ease-in-out}.mba-pagination-arrow .mba-icon{font-size:20px;height:20px;width:20px}.mba-pagination-arrow:hover:not(:disabled):not(.is-disabled){background-color:var(--mba-color-grey-50);color:var(--mba-color-black)}.mba-pagination-arrow:focus{box-shadow:var(--mba-focus-ring);outline:none}.mba-pagination-arrow.is-disabled,.mba-pagination-arrow:disabled{background-color:var(--mba-color-white);color:var(--mba-color-grey-300);cursor:not-allowed;pointer-events:none}.mba-label{align-items:center;color:var(--mba-color-grey-800);display:flex;font-family:var(--mba-font-family-text);font-weight:var(--mba-font-weight-regular);gap:var(--mba-space-xxs);line-height:normal}.mba-label,.mba-label__required{font-size:var(--mba-font-size-xxs)}.mba-label__required{color:var(--mba-color-error-500)}.mba-label__icon{color:var(--mba-color-grey-400);font-size:16px}.mba-textarea{background-color:var(--mba-color-white);border:1px solid var(--mba-color-grey-100);border-radius:var(--mba-radius-xs);color:var(--mba-color-black);display:block;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xxs);font-weight:var(--mba-font-weight-regular);padding:var(--mba-space-xs);resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.mba-textarea::placeholder{color:var(--mba-color-grey-400)}.mba-textarea:focus{border-color:var(--mba-color-info-400);box-shadow:0 0 0 1.5px var(--mba-color-info-300);outline:none}.mba-textarea:focus::placeholder{color:var(--mba-color-black)}.mba-textarea:disabled{background-color:var(--mba-color-grey-50);border-color:var(--mba-color-grey-100);cursor:not-allowed}.mba-textarea:disabled::placeholder{color:var(--mba-color-grey-400)}.mba-textarea:hover:not(:focus):not(:disabled):not(.mba-textarea--error):not(.mba-textarea--valid){border-color:var(--mba-color-info-400);box-shadow:0 0 0 1.5px var(--mba-color-info-100)}.mba-textarea--error{border-color:var(--mba-color-error-500);box-shadow:0 0 0 1.5px var(--mba-color-error-100)}.mba-textarea--error:focus{border-color:var(--mba-color-error-500);box-shadow:0 0 0 1.5px var(--mba-color-error-300)}.mba-textarea--valid{border-color:var(--mba-color-success-500);box-shadow:0 0 0 1.5px var(--mba-color-success-100)}.mba-textarea--valid:focus{border-color:var(--mba-color-success-500);box-shadow:0 0 0 1.5px var(--mba-color-success-300)}.mba-input{background-color:var(--mba-color-white);border:1px solid var(--mba-color-grey-100);border-radius:var(--mba-radius-xs);color:var(--mba-color-black);display:block;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xxs);font-weight:var(--mba-font-weight-regular);padding:var(--mba-space-xs) var(--mba-space-sm);transition:border-color .2s ease,box-shadow .2s ease;width:100%}.mba-input::placeholder{color:var(--mba-color-grey-400)}.mba-input:hover:not(:focus):not(:disabled):not(.mba-input--error):not(.mba-input--valid){border-color:var(--mba-color-info-400);box-shadow:0 0 0 1.5px var(--mba-color-info-100)}.mba-input:focus{border-color:var(--mba-color-info-400);box-shadow:0 0 0 1.5px var(--mba-color-info-300);outline:none}.mba-input:disabled{background-color:var(--mba-color-grey-50);border-color:var(--mba-color-grey-100);cursor:not-allowed}.mba-input:disabled::placeholder{color:var(--mba-color-grey-400)}.mba-input--error{border-color:var(--mba-color-error-500);box-shadow:0 0 0 1.5px var(--mba-color-error-100)}.mba-input--error:focus{border-color:var(--mba-color-error-500);box-shadow:0 0 0 1.5px var(--mba-color-error-300)}.mba-input--valid{border-color:var(--mba-color-success-500);box-shadow:0 0 0 1.5px var(--mba-color-success-100)}.mba-input--valid:focus{border-color:var(--mba-color-success-500);box-shadow:0 0 0 1.5px var(--mba-color-success-300)}.mba-feedback{font-family:var(--mba-font-family-text);font-size:12px;font-weight:var(--mba-font-weight-regular)}.mba-feedback--error{color:var(--mba-color-error-500)}.mba-feedback--valid{color:var(--mba-color-success-500)}.mba-dropdown{display:inline-block;position:relative;width:100%}.mba-dropdown__trigger{align-items:center;background-color:var(--mba-color-white);border:1px solid var(--mba-color-grey-100);border-radius:var(--mba-radius-xs);color:var(--mba-color-black);cursor:pointer;display:flex;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs);font-weight:var(--mba-font-weight-regular);justify-content:space-between;padding:var(--mba-space-xs) var(--mba-space-sm);transition:border-color .2s ease,box-shadow .2s ease;width:100%}.mba-dropdown__trigger--placeholder{color:var(--mba-color-grey-400)}.mba-dropdown:not(.mba-dropdown--error):not(.mba-dropdown--valid) .mba-dropdown__trigger:hover{border-color:var(--mba-color-info-400);box-shadow:0 0 0 1.5px var(--mba-color-info-100)}.mba-dropdown__trigger:focus{border-color:var(--mba-color-info-400);box-shadow:0 0 0 1.5px var(--mba-color-info-300);outline:none}.mba-dropdown__trigger:disabled{background-color:var(--mba-color-grey-50);border-color:var(--mba-color-grey-100);color:var(--mba-color-grey-400);cursor:not-allowed}.mba-dropdown__chevron{color:var(--mba-color-grey-400);font-size:20px;transition:transform .2s ease}.mba-dropdown--open .mba-dropdown__chevron{transform:rotate(180deg)}.mba-dropdown--error .mba-dropdown__trigger{border-color:var(--mba-color-error-500);box-shadow:0 0 0 1.5px var(--mba-color-error-100)}.mba-dropdown--error .mba-dropdown__trigger:focus{border-color:var(--mba-color-error-500);box-shadow:0 0 0 1.5px var(--mba-color-error-300)}.mba-dropdown--valid .mba-dropdown__trigger{border-color:var(--mba-color-success-500);box-shadow:0 0 0 1.5px var(--mba-color-success-100)}.mba-dropdown--valid .mba-dropdown__trigger:focus{border-color:var(--mba-color-success-500);box-shadow:0 0 0 1.5px var(--mba-color-success-300)}.mba-dropdown__panel{background-color:var(--mba-color-white);border-radius:var(--mba-radius-2xs);box-shadow:0 4px 4px 0 rgba(0,0,0,.04),1px 2px 16px 0 rgba(28,28,29,.06);display:none;flex-direction:column;gap:10px;left:0;max-height:200px;overflow-y:auto;padding:var(--mba-space-xs);position:absolute;right:0;top:calc(100% + 4px);z-index:10}.mba-dropdown--open .mba-dropdown__panel{display:flex}.mba-dropdown__panel::-webkit-scrollbar{width:6px}.mba-dropdown__panel::-webkit-scrollbar-track{background:transparent}.mba-dropdown__panel::-webkit-scrollbar-thumb{background-color:var(--mba-color-primary-pro-800);border-radius:3px}.mba-dropdown__option{border-radius:var(--mba-radius-xs);color:var(--mba-color-black);cursor:pointer;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs);font-weight:var(--mba-font-weight-regular);padding:var(--mba-space-xs);transition:background-color .15s ease}.mba-dropdown__option:hover{background-color:var(--mba-color-grey-50)}.mba-dropdown__option--selected{background-color:var(--mba-color-white);border:1px solid var(--mba-color-primary-400)}.mba-dropdown--pro .mba-dropdown__option--selected{border-color:var(--mba-color-primary-pro-400)}.mba-toggle{display:inline-block;height:24px;position:relative;width:42px}.mba-toggle input{height:0;opacity:0;width:0}.mba-toggle__slider{background-color:var(--mba-color-grey-300);border-radius:32px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.mba-toggle__slider:before{background-color:var(--mba-color-white);border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:20px}.mba-toggle input:checked+.mba-toggle__slider{background-color:var(--mba-color-secondary-500)}.mba-toggle input:checked+.mba-toggle__slider:before{transform:translateX(18px)}.mba-toggle input:focus+.mba-toggle__slider{box-shadow:var(--mba-focus-ring)}.mba-toggle input:disabled+.mba-toggle__slider{cursor:not-allowed;opacity:.5}.mba-input-icon{align-items:center;background-color:var(--mba-color-white);border:1px solid var(--mba-color-grey-100);border-radius:var(--mba-radius-xs);display:flex;padding:var(--mba-space-xs) var(--mba-space-sm);transition:border-color .2s ease,box-shadow .2s ease;width:100%}.mba-input-icon input{background:transparent;border:none;color:var(--mba-color-black);flex:1;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xxs);font-weight:var(--mba-font-weight-regular);outline:none}.mba-input-icon input::placeholder{color:var(--mba-color-grey-400)}.mba-input-icon__icon{color:var(--mba-color-grey-400);font-size:16px;margin-left:var(--mba-space-xs)}button.mba-input-icon__icon{background:none;border:none;cursor:pointer;padding:0;transition:color .2s ease}button.mba-input-icon__icon:hover{color:var(--mba-color-primary-500)}.mba-input-icon:hover:not(:focus-within):not(.mba-input-icon--disabled):not(.mba-input-icon--error){border-color:var(--mba-color-info-400);box-shadow:0 0 0 1.5px var(--mba-color-info-100)}.mba-input-icon:focus-within{border-color:var(--mba-color-info-400);box-shadow:0 0 0 1.5px var(--mba-color-info-300)}.mba-input-icon--disabled{background-color:var(--mba-color-grey-50);cursor:not-allowed}.mba-input-icon--disabled input{color:var(--mba-color-grey-400);cursor:not-allowed}.mba-input-icon--error{border-color:var(--mba-color-error-500);box-shadow:0 0 0 1.5px var(--mba-color-error-100)}.mba-input-icon--error:focus-within{border-color:var(--mba-color-error-500);box-shadow:0 0 0 1.5px var(--mba-color-error-300)}.mba-input-icon--error .mba-input-icon__icon{color:var(--mba-color-error-500)}.mba-input-group{align-items:stretch;display:flex;gap:var(--mba-space-xxs)}.mba-input-group>.mba-input,.mba-input-group>.mba-input-icon{flex:1}.mba-form-group{display:flex;flex-direction:column;gap:var(--mba-space-xxs)}.text-xxs{font-size:var(--mba-font-size-xxs)}.text-md{font-size:var(--mba-font-size-md)}.text-xxl{font-size:var(--mba-font-size-xxl)}.mba-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.mba-not-sr-only{height:auto;margin:0;overflow:visible;padding:0;position:static;width:auto;clip:auto;white-space:normal}
|
|
1
|
+
:root{--mba-color-white:#fff;--mba-color-black:#1c1c1d;--mba-color-grey-50:#f2f2f3;--mba-color-grey-100:#d7d7db;--mba-color-grey-300:#b6b6bc;--mba-color-grey-400:#71717a;--mba-color-grey-800:#303034;--mba-color-primary-50:#fff6ff;--mba-color-primary-100:#edd7ef;--mba-color-primary-400:#c097c3;--mba-color-primary-500:#703973;--mba-color-primary-800:#461c52;--mba-color-primary-900:#2c1133;--mba-color-secondary-500:#fdc785;--mba-color-primary-pro-50:#f7fafd;--mba-color-primary-pro-100:#dfedf7;--mba-color-primary-pro-400:#6a88aa;--mba-color-primary-pro-500:#395172;--mba-color-primary-pro-800:#122042;--mba-color-error-100:#ffded1;--mba-color-error-300:#f8b09e;--mba-color-error-400:#d9514e;--mba-color-error-500:#c1121f;--mba-color-error-800:#6f052a;--mba-color-success-100:#e6fade;--mba-color-success-300:#b7e7ac;--mba-color-success-400:#74c474;--mba-color-success-500:#489e50;--mba-color-success-800:#165b30;--mba-color-warning-50:#fefaec;--mba-color-warning-100:#fbf2cb;--mba-color-warning-300:#f8e199;--mba-color-warning-400:#d6a73d;--mba-color-warning-500:#bc7f09;--mba-color-warning-800:#6d3d02;--mba-color-info-50:#f1fbfe;--mba-color-info-100:#e2f6fc;--mba-color-info-300:#c6eaf9;--mba-color-info-400:#8abde0;--mba-color-info-500:#649ccc;--mba-color-info-800:#1f4076;--mba-color-brick-light:#fcf4f0;--mba-color-brick:#ac5118;--mba-color-forest-light:#def8ef;--mba-color-forest:#16654c;--mba-color-rose-light:#faeff4;--mba-color-rose:#b83c75;--mba-color-pastel-bleuet:#ebf2ff;--mba-color-pastel-lavender:#eeedff;--mba-color-pastel-narcisse:#fff6e4;--mba-color-pastel-oranger:#fff2eb;--mba-color-beige:#f9f5f0;--mba-gradient-sunset:linear-gradient(117deg,#c7e5fa 4.74%,#e9cdf3 49.92%,#fbe4c1 95.1%);--mba-color-background:var(--mba-color-white);--mba-color-surface:var(--mba-color-grey-50);--mba-color-surface-raised:var(--mba-color-white);--mba-color-border:var(--mba-color-grey-100);--mba-color-border-strong:var(--mba-color-grey-300);--mba-color-text:var(--mba-color-black);--mba-color-text-muted:var(--mba-color-grey-400);--mba-color-text-subtle:var(--mba-color-grey-300);--mba-color-text-inverse:var(--mba-color-white);--mba-color-link:var(--mba-color-primary-500);--mba-color-link-hover:var(--mba-color-primary-800);--mba-focus-ring:0 0 0 3px rgba(112,57,115,.25);--mba-font-family-text:"Open Sans",ui-sans-serif,system-ui,sans-serif;--mba-font-family-heading:"Congenial",ui-sans-serif,system-ui,sans-serif;--mba-font-family-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--mba-font-size-xxs:0.875rem;--mba-font-size-xs:1rem;--mba-font-size-sm:1.125rem;--mba-font-size-md:1.5rem;--mba-font-size-xl:2rem;--mba-font-size-xxl:3rem;--mba-font-weight-regular:400;--mba-font-weight-semibold:600;--mba-font-weight-bold:700;--mba-font-weight-extrabold:800;--mba-leading-none:1;--mba-leading-tight:1.25;--mba-leading-snug:1.375;--mba-leading-normal:1.5;--mba-leading-relaxed:1.625;--mba-leading-loose:2;--mba-tracking-tighter:-0.05em;--mba-tracking-tight:-0.025em;--mba-tracking-normal:0em;--mba-tracking-wide:0.025em;--mba-tracking-wider:0.05em;--mba-tracking-widest:0.1em}.mba-heading-xxl{font-size:var(--mba-font-size-xxl)}.mba-heading-xl,.mba-heading-xxl{font-family:var(--mba-font-family-heading);font-weight:var(--mba-font-weight-bold);line-height:var(--mba-leading-tight)}.mba-heading-xl{font-size:var(--mba-font-size-xl)}.mba-heading-md{font-family:var(--mba-font-family-heading);font-size:var(--mba-font-size-md);font-weight:var(--mba-font-weight-bold);line-height:var(--mba-leading-snug)}.mba-heading-sm{font-size:var(--mba-font-size-sm)}.mba-heading-sm,.mba-heading-xs{font-family:var(--mba-font-family-heading);font-weight:var(--mba-font-weight-bold);line-height:var(--mba-leading-normal)}.mba-heading-xs{font-size:var(--mba-font-size-xs)}.mba-heading-xxs{font-family:var(--mba-font-family-heading);font-size:var(--mba-font-size-xxs);font-weight:var(--mba-font-weight-bold);line-height:var(--mba-leading-normal)}.mba-text-xxl{font-size:var(--mba-font-size-xxl)}.mba-text-xl,.mba-text-xxl{font-family:var(--mba-font-family-text);font-weight:var(--mba-font-weight-regular);line-height:var(--mba-leading-normal)}.mba-text-xl{font-size:var(--mba-font-size-xl)}.mba-text-md{font-size:var(--mba-font-size-md)}.mba-text-md,.mba-text-sm{font-family:var(--mba-font-family-text);font-weight:var(--mba-font-weight-regular);line-height:var(--mba-leading-normal)}.mba-text-sm{font-size:var(--mba-font-size-sm)}.mba-text-xs{font-size:var(--mba-font-size-xs)}.mba-text-xs,.mba-text-xxs{font-family:var(--mba-font-family-text);font-weight:var(--mba-font-weight-regular);line-height:var(--mba-leading-normal)}.mba-text-xxs{font-size:var(--mba-font-size-xxs)}:root{--mba-space-xxs:0.25rem;--mba-space-xs:0.5rem;--mba-space-sm:1rem;--mba-space-md:1.5rem;--mba-space-lg:2rem;--mba-space-xl:3rem;--mba-space-xxl:4rem;--mba-space-0:0;--mba-space-px:1px;--mba-radius-2xs:0.25rem;--mba-radius-xs:0.5rem;--mba-radius-sm:1rem;--mba-radius-md:1.5rem;--mba-radius-lg:2rem;--mba-radius-xl:3rem;--mba-radius-xxl:4rem;--mba-radius-none:0;--mba-radius-full:9999px;--mba-shadow-xxs:0 2px 4px 0 hsla(240,4%,46%,.04),1px 2px 4px 0 hsla(240,4%,46%,.08);--mba-shadow-xs:0 2px 8px 0 hsla(240,4%,46%,.04),1px 2px 8px 0 hsla(240,4%,46%,.08);--mba-shadow-sm:0 2px 16px 0 hsla(240,4%,46%,.04),1px 2px 16px 0 hsla(240,4%,46%,.08);--mba-shadow-md:0 2px 24px 0 hsla(240,4%,46%,.04),1px 2px 24px 0 hsla(240,4%,46%,.08);--mba-shadow-none:0 0 #0000;--mba-shadow-inner:inset 0 2px 4px 0 hsla(240,4%,46%,.08);--mba-duration-75:75ms;--mba-duration-100:100ms;--mba-duration-150:150ms;--mba-duration-200:200ms;--mba-duration-300:300ms;--mba-duration-500:500ms;--mba-duration-700:700ms;--mba-duration-1000:1000ms;--mba-ease-linear:linear;--mba-ease-in:cubic-bezier(0.4,0,1,1);--mba-ease-out:cubic-bezier(0,0,0.2,1);--mba-ease-in-out:cubic-bezier(0.4,0,0.2,1);--mba-transition-fast:var(--mba-duration-150) var(--mba-ease-in-out);--mba-transition-base:var(--mba-duration-200) var(--mba-ease-in-out);--mba-transition-slow:var(--mba-duration-300) var(--mba-ease-in-out);--mba-breakpoint-sm:640px;--mba-breakpoint-md:768px;--mba-breakpoint-lg:1024px;--mba-breakpoint-xl:1280px;--mba-breakpoint-2xl:1536px}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:400;src:url(../assets/fonts/OpenSans-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:600;src:url(../assets/fonts/OpenSans-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:700;src:url(../assets/fonts/OpenSans-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:800;src:url(../assets/fonts/OpenSans-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Congenial;font-style:normal;font-weight:400;src:url(../assets/fonts/Congenial.woff2) format("woff2")}@font-face{font-display:swap;font-family:Congenial;font-style:normal;font-weight:500;src:url(../assets/fonts/Congenial-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Congenial;font-style:normal;font-weight:700;src:url(../assets/fonts/Congenial-Bold.woff2) format("woff2")}@font-face{font-display:block;font-family:Material Symbols Rounded;font-style:normal;font-weight:100 700;src:url(../assets/fonts/MaterialSymbolsRounded.woff2) format("woff2")}.material-symbols-rounded{display:inline-block;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;text-rendering:optimizeLegibility}.mba-icon{font-size:24px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;height:24px;width:24px}.mba-icon--sm{font-size:16px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20;height:16px;width:16px}.material-symbols-rounded.mba-icon--fill,.mba-icon--fill{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.mba-icon--sm.mba-icon--fill{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20}.mba-icon--primary{color:var(--mba-color-primary-500)}.mba-icon--success{color:var(--mba-color-success-500)}.mba-icon--warning{color:var(--mba-color-warning-500)}.mba-icon--error{color:var(--mba-color-error-500)}.mba-icon--info{color:var(--mba-color-info-500)}.mba-icon--muted{color:var(--mba-color-text-muted)}*,:after,:before{border-color:var(--mba-color-border);border-style:solid;border-width:0;box-sizing:border-box}html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:var(--mba-font-family-text);font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--mba-font-family-mono);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--mba-color-text-subtle);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}body{background-color:var(--mba-color-background);color:var(--mba-color-text);font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs);line-height:var(--mba-leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--mba-color-link);transition:color var(--mba-transition-fast)}a:hover{color:var(--mba-color-link-hover)}:focus-visible{outline:2px solid var(--mba-color-primary-500);outline-offset:2px}::selection{background-color:var(--mba-color-primary-100);color:var(--mba-color-primary-900)}.mba-btn{align-items:center;background-color:var(--mba-color-primary-500);border:1px solid transparent;border-radius:var(--mba-radius-xs);color:var(--mba-color-white);cursor:pointer;display:inline-flex;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs);font-weight:var(--mba-font-weight-semibold);gap:var(--mba-space-xs);height:38px;justify-content:center;line-height:var(--mba-leading-snug);padding:var(--mba-space-xs) var(--mba-space-sm);text-decoration:none;transition:all .25s ease-in-out;user-select:none;white-space:nowrap}.mba-btn:hover:not(:disabled):not(.is-disabled){background-color:var(--mba-color-white);border:1px solid var(--mba-color-primary-800);color:var(--mba-color-primary-800)}.mba-btn:focus{box-shadow:var(--mba-focus-ring);outline:none}.mba-btn.is-disabled,.mba-btn:disabled{background-color:var(--mba-color-grey-50);border-color:transparent;color:var(--mba-color-grey-400);cursor:not-allowed;pointer-events:none}.mba-btn-secondary{align-items:center;background-color:var(--mba-color-white);border:1px solid var(--mba-color-primary-800);border-radius:var(--mba-radius-xs);color:var(--mba-color-primary-800);cursor:pointer;display:inline-flex;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs);font-weight:var(--mba-font-weight-semibold);gap:var(--mba-space-xs);height:38px;justify-content:center;line-height:var(--mba-leading-snug);padding:var(--mba-space-xs) var(--mba-space-sm);text-decoration:none;transition:all .25s ease-in-out;user-select:none;white-space:nowrap}.mba-btn-secondary:hover:not(:disabled):not(.is-disabled){background-color:var(--mba-color-primary-500);border-color:var(--mba-color-primary-500);color:var(--mba-color-white)}.mba-btn-secondary:focus{box-shadow:var(--mba-focus-ring);outline:none}.mba-btn-secondary.is-disabled,.mba-btn-secondary:disabled{background-color:var(--mba-color-grey-50);border-color:var(--mba-color-grey-100);color:var(--mba-color-grey-400);cursor:not-allowed;pointer-events:none}.mba-btn-tertiary{align-items:center;background-color:var(--mba-color-white);border:none;border-radius:var(--mba-radius-xs);color:var(--mba-color-primary-500);cursor:pointer;display:inline-flex;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs);font-weight:var(--mba-font-weight-semibold);gap:var(--mba-space-xs);height:38px;justify-content:center;line-height:var(--mba-leading-snug);padding:var(--mba-space-xs) var(--mba-space-sm);text-decoration:none;transition:all .25s ease-in-out;user-select:none;white-space:nowrap}.mba-btn-tertiary:hover:not(:disabled):not(.is-disabled){background-color:var(--mba-color-primary-50);color:var(--mba-color-primary-500)}.mba-btn-tertiary:focus{box-shadow:var(--mba-focus-ring);outline:none}.mba-btn-tertiary.is-disabled,.mba-btn-tertiary:disabled{background-color:var(--mba-color-grey-50);color:var(--mba-color-grey-400);cursor:not-allowed;pointer-events:none}.mba-btn-inline{align-items:center;background-color:var(--mba-color-white);border:none;border-radius:var(--mba-radius-xs);color:var(--mba-color-primary-500);cursor:pointer;display:inline-flex;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs);font-weight:var(--mba-font-weight-semibold);gap:var(--mba-space-xxs);height:24px;justify-content:center;line-height:var(--mba-leading-snug);padding:var(--mba-space-xs) var(--mba-space-sm);text-decoration:underline;transition:all .25s ease-in-out;user-select:none;white-space:nowrap}.mba-btn-inline:hover:not(:disabled):not(.is-disabled):not(.is-error){background-color:var(--mba-color-white);color:var(--mba-color-primary-800);text-decoration:underline}.mba-btn-inline:focus{box-shadow:var(--mba-focus-ring);outline:none}.mba-btn-inline.is-disabled,.mba-btn-inline:disabled{background-color:var(--mba-color-white);color:var(--mba-color-grey-400);cursor:not-allowed;pointer-events:none;text-decoration:underline}.mba-btn-inline.is-error{background-color:var(--mba-color-white);color:var(--mba-color-error-500);text-decoration:underline}.mba-btn-light{align-items:center;border:1.5px solid var(--mba-color-primary-400);border-radius:var(--mba-radius-sm);cursor:pointer;display:inline-flex;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs);font-weight:var(--mba-font-weight-semibold);gap:var(--mba-space-xxs);height:30px;justify-content:center;line-height:var(--mba-leading-snug);padding:var(--mba-space-xxs) 12px;text-decoration:none;transition:all .25s ease-in-out;user-select:none;white-space:nowrap}.mba-btn-light,.mba-btn-light:hover:not(:disabled):not(.is-disabled){background-color:var(--mba-color-white);color:var(--mba-color-primary-900)}.mba-btn-light:hover:not(:disabled):not(.is-disabled){border-color:var(--mba-color-primary-500);text-decoration:underline}.mba-btn-light:focus{box-shadow:var(--mba-focus-ring);outline:none}.mba-btn-light.is-disabled,.mba-btn-light:disabled{background-color:var(--mba-color-white);border-color:var(--mba-color-grey-100);color:var(--mba-color-grey-400);cursor:not-allowed;pointer-events:none}.mba-btn-annuaire{align-items:center;background-color:var(--mba-color-white);border:1px solid var(--mba-color-grey-100);border-radius:var(--mba-radius-xs);color:var(--mba-color-primary-900);cursor:pointer;display:inline-flex;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs);font-weight:var(--mba-font-weight-semibold);gap:var(--mba-space-xs);height:38px;justify-content:center;line-height:var(--mba-leading-snug);padding:var(--mba-space-xs) var(--mba-space-sm);text-decoration:none;transition:all .25s ease-in-out;user-select:none;white-space:nowrap}.mba-btn-annuaire:hover:not(:disabled):not(.is-disabled){background-color:var(--mba-color-white);border-color:var(--mba-color-primary-500);color:var(--mba-color-primary-900)}.mba-btn-annuaire:focus{box-shadow:var(--mba-focus-ring);outline:none}.mba-btn-annuaire.is-disabled,.mba-btn-annuaire:disabled{background-color:var(--mba-color-white);border-color:var(--mba-color-grey-100);color:var(--mba-color-grey-400);cursor:not-allowed;pointer-events:none}.mba-btn-pin{align-items:center;background-color:var(--mba-color-white);border:1px solid var(--mba-color-primary-500);border-radius:50%;color:var(--mba-color-primary-500);cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;transition:all .25s ease-in-out;user-select:none;width:40px}.mba-btn-pin .mba-icon{font-size:20px;height:20px;width:20px}.mba-btn-pin:focus{box-shadow:var(--mba-focus-ring);outline:none}.mba-btn-pin.is-deja-vu{background-color:var(--mba-color-grey-50);border-color:var(--mba-color-grey-300);color:var(--mba-color-grey-300)}.mba-btn-pin.is-activated{background-color:var(--mba-color-primary-500);border-color:var(--mba-color-primary-500)}.mba-btn-pin.is-activated,.mba-btn-pin.is-activated .mba-icon{color:var(--mba-color-white)}.mba-btn-pin.is-disabled,.mba-btn-pin:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.mba-btn-icon-only{align-items:center;background-color:var(--mba-color-white);border:1px solid var(--mba-color-black);border-radius:var(--mba-radius-xs);color:var(--mba-color-black);cursor:pointer;display:inline-flex;height:24px;justify-content:center;padding:0;transition:all .25s ease-in-out;user-select:none;width:24px}.mba-btn-icon-only .mba-icon{font-size:16px;height:16px;width:16px}.mba-btn-icon-only:hover:not(:disabled):not(.is-disabled):not(.is-activated):not(.is-alert){border-color:var(--mba-color-primary-500);color:var(--mba-color-primary-500)}.mba-btn-icon-only:focus{box-shadow:var(--mba-focus-ring);outline:none}.mba-btn-icon-only.is-activated{background-color:var(--mba-color-white)}.mba-btn-icon-only.is-activated,.mba-btn-icon-only.is-activated:hover:not(:disabled):not(.is-disabled){border-color:var(--mba-color-primary-500);color:var(--mba-color-primary-500)}.mba-btn-icon-only.is-disabled,.mba-btn-icon-only:disabled{background-color:var(--mba-color-white);border-color:var(--mba-color-grey-300);color:var(--mba-color-grey-300);cursor:not-allowed;pointer-events:none}.mba-btn-icon-only.is-alert{background-color:var(--mba-color-white)}.mba-btn-icon-only.is-alert,.mba-btn-icon-only.is-alert:hover:not(:disabled):not(.is-disabled){border-color:var(--mba-color-error-500);color:var(--mba-color-error-500)}.mba-btn-sm{font-size:var(--mba-font-size-xxs);gap:var(--mba-space-xs);height:auto;padding:var(--mba-space-xxs) var(--mba-space-xs)}.mba-btn i,.mba-btn svg,.mba-btn-icon-only i,.mba-btn-icon-only svg{font-size:1rem;height:1rem;width:1rem}.mba-btn .arrow-forward,.mba-btn-secondary .arrow-forward{vertical-align:middle}.mba-btn-block{display:block;text-align:center;width:100%}@media (max-width:767px){.mba-btn,.mba-btn-secondary{display:flex;max-width:100%;width:100%}}.mba-card{background-color:var(--mba-color-beige);border:2px solid transparent;border-radius:var(--mba-radius-sm);cursor:pointer;display:flex;flex-direction:column;padding:var(--mba-space-md);transition:border-color .25s ease-in-out}.mba-card:hover{border-color:var(--mba-color-primary-500)}.mba-card--sm{padding:var(--mba-space-sm)}.mba-card__header{align-items:center;display:flex;gap:var(--mba-space-sm);justify-content:space-between}.mba-card__content{flex:1}.mba-card__title{color:var(--mba-color-primary-800);font-size:var(--mba-font-size-sm);font-weight:var(--mba-font-weight-bold);margin:0 0 var(--mba-space-xs)}.mba-card__text,.mba-card__title{font-family:var(--mba-font-family-text)}.mba-card__text{color:var(--mba-color-text);font-size:var(--mba-font-size-xs);font-weight:var(--mba-font-weight-regular);line-height:var(--mba-leading-snug);margin:0}.mba-card__icon{color:var(--mba-color-primary-500);flex-shrink:0;font-size:24px;transition:transform .2s ease}.mba-card__icon svg{height:24px;width:24px}.mba-card:hover .mba-card__icon{transform:translateX(4px)}.mba-card-grid{display:grid;gap:var(--mba-space-md);grid-template-columns:1fr;width:100%}@media (min-width:600px){.mba-card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.mba-card-grid{grid-template-columns:repeat(3,1fr)}}.mba-card--white{background-color:var(--mba-color-white)}.mba-card--static{cursor:default}.mba-card--static:hover{border-color:transparent}.mba-carousel-card{background-color:var(--mba-color-white);border-radius:24px 24px 8px 24px;box-sizing:border-box;display:flex;flex-direction:column;height:278px;padding:var(--mba-space-md);position:relative;width:453px}.mba-carousel-card:before{background:var(--mba-gradient-sunset);border-radius:24px 24px 8px 24px;content:"";inset:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;padding:1px;pointer-events:none;position:absolute}.mba-carousel-card__title{font-size:var(--mba-font-size-sm);font-weight:var(--mba-font-weight-bold);margin:0}.mba-carousel-card__quote,.mba-carousel-card__title{color:var(--mba-color-primary-800);font-family:var(--mba-font-family-text)}.mba-carousel-card__quote{flex:1;font-size:var(--mba-font-size-xs);font-weight:var(--mba-font-weight-regular);margin-top:var(--mba-space-sm)}.mba-carousel-card__author{color:var(--mba-color-primary-500);font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xxs);font-weight:var(--mba-font-weight-bold);margin:0}@media (max-width:767px){.mba-carousel-card{height:360px;width:286px}}.mba-stats-card{background-color:var(--mba-color-white);border-radius:var(--mba-radius-md);box-shadow:var(--mba-shadow-xs);padding:var(--mba-space-md);position:relative;transition:transform .3s ease,box-shadow .3s ease}.mba-stats-card:before{background:var(--mba-gradient-sunset);border-radius:var(--mba-radius-md);content:"";inset:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;padding:1px;pointer-events:none;position:absolute}.mba-stats-card:hover{box-shadow:var(--mba-shadow-sm);transform:translateY(-4px)}.mba-stats-card__value{color:var(--mba-color-primary-500);font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xxl);font-weight:var(--mba-font-weight-extrabold);line-height:1;margin:0}.mba-stats-card__title{font-weight:var(--mba-font-weight-bold);margin-bottom:0;margin-top:var(--mba-space-sm)}.mba-stats-card__description,.mba-stats-card__title{color:var(--mba-color-text);font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs)}.mba-stats-card__description{font-weight:var(--mba-font-weight-regular);margin:0}.mba-stats-grid{display:grid;gap:var(--mba-space-lg);grid-template-columns:repeat(3,1fr);width:100%}@media (max-width:900px){.mba-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.mba-stats-grid{grid-template-columns:1fr}}.mba-arrow{align-items:center;background-color:var(--mba-color-primary-500);border:none;border-radius:var(--mba-radius-xxl);color:var(--mba-color-white);cursor:pointer;display:inline-flex;justify-content:center;padding:var(--mba-space-xxs);transition:background-color .2s ease}.mba-arrow:hover{background-color:var(--mba-color-primary-800)}.mba-arrow:focus-visible{box-shadow:var(--mba-focus-ring);outline:none}.mba-arrow.is-disabled,.mba-arrow:disabled{background-color:var(--mba-color-grey-300);cursor:not-allowed}.mba-arrow.is-disabled:hover,.mba-arrow:disabled:hover{background-color:var(--mba-color-grey-300)}.mba-arrow .material-symbols-rounded{font-size:24px}.mba-radio{align-items:center;cursor:pointer;display:inline-flex;height:16px;justify-content:center;position:relative;width:16px}.mba-radio input{cursor:pointer;height:100%;margin:0;opacity:0;position:absolute;width:100%}.mba-radio .mba-radio__control{background-color:var(--mba-color-white);border:1px solid var(--mba-color-primary-900);border-radius:8px;height:16px;position:relative;transition:all .2s ease;width:16px}.mba-radio .mba-radio__control:after{background-color:var(--mba-color-primary-400);border-radius:50%;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s ease;width:12px}.mba-radio:hover:not(:has(input:disabled)) .mba-radio__control:after{height:10px;transform:translate(-50%,-50%) scale(1);width:10px}.mba-radio input:checked+.mba-radio__control:after{height:12px;transform:translate(-50%,-50%) scale(1);width:12px}.mba-radio input:focus+.mba-radio__control{box-shadow:var(--mba-focus-ring)}.mba-radio input:disabled+.mba-radio__control{background-color:var(--mba-color-grey-50);border-color:var(--mba-color-grey-300);cursor:not-allowed}.mba-radio input:disabled+.mba-radio__control:after{background-color:var(--mba-color-grey-300)}.mba-radio:has(input:disabled){cursor:not-allowed}.mba-radio--pro .mba-radio__control{border-color:var(--mba-color-primary-pro-800)}.mba-radio--pro .mba-radio__control:after{background-color:var(--mba-color-primary-pro-400)}.mba-checkbox{align-items:center;cursor:pointer;display:inline-flex;height:16px;justify-content:center;position:relative;width:16px}.mba-checkbox input{cursor:pointer;height:100%;margin:0;opacity:0;position:absolute;width:100%}.mba-checkbox .mba-checkbox__control{background-color:var(--mba-color-white);border:1px solid var(--mba-color-primary-900);border-radius:var(--mba-radius-2xs);height:16px;position:relative;transition:all .2s ease;width:16px}.mba-checkbox .mba-checkbox__control:after{background-color:var(--mba-color-primary-400);border-radius:2px;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s ease;width:12px}.mba-checkbox:hover:not(:has(input:disabled)) .mba-checkbox__control:after{height:10px;transform:translate(-50%,-50%) scale(1);width:10px}.mba-checkbox input:checked+.mba-checkbox__control:after{height:12px;transform:translate(-50%,-50%) scale(1);width:12px}.mba-checkbox input:focus+.mba-checkbox__control{box-shadow:var(--mba-focus-ring)}.mba-checkbox input:disabled+.mba-checkbox__control{background-color:var(--mba-color-grey-50);border-color:var(--mba-color-grey-300);cursor:not-allowed}.mba-checkbox input:disabled+.mba-checkbox__control:after{background-color:var(--mba-color-grey-300)}.mba-checkbox:has(input:disabled){cursor:not-allowed}.mba-checkbox--pro .mba-checkbox__control{border-color:var(--mba-color-primary-pro-800)}.mba-checkbox--pro .mba-checkbox__control:after{background-color:var(--mba-color-primary-pro-400)}.mba-checkbox-label,.mba-radio-label{align-items:center;color:var(--mba-color-black);cursor:pointer;display:inline-flex;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs);gap:var(--mba-space-xs)}.mba-checkbox-label:has(input:disabled),.mba-radio-label:has(input:disabled){color:var(--mba-color-grey-400);cursor:not-allowed}.mba-pagination{gap:var(--mba-space-sm);list-style:none;margin:0}.mba-pagination,.mba-pagination-item{align-items:center;display:inline-flex;padding:0}.mba-pagination-item{background-color:var(--mba-color-white);border:none;border-radius:var(--mba-radius-xs);color:var(--mba-color-black);cursor:pointer;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs);font-size:18px;font-weight:var(--mba-font-weight-semibold);height:32px;justify-content:center;line-height:var(--mba-leading-snug);text-decoration:none;transition:all .25s ease-in-out;user-select:none;width:32px}.mba-pagination-item:hover:not(:disabled):not(.is-disabled):not(.is-active){background-color:var(--mba-color-grey-50);color:var(--mba-color-black)}.mba-pagination-item:focus{box-shadow:var(--mba-focus-ring);outline:none}.mba-pagination-item.is-active{background-color:var(--mba-color-secondary-500);border-radius:50%;color:var(--mba-color-black);cursor:default}.mba-pagination-item.is-disabled,.mba-pagination-item:disabled{background-color:var(--mba-color-white);color:var(--mba-color-grey-300);cursor:not-allowed;pointer-events:none}.mba-pagination-ellipsis{color:var(--mba-color-grey-400);font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs);font-weight:var(--mba-font-weight-semibold);line-height:var(--mba-leading-snug);pointer-events:none}.mba-pagination-arrow,.mba-pagination-ellipsis{align-items:center;display:inline-flex;height:32px;justify-content:center;padding:0;user-select:none;width:32px}.mba-pagination-arrow{background-color:var(--mba-color-white);border:none;border-radius:var(--mba-radius-xs);color:var(--mba-color-black);cursor:pointer;transition:all .25s ease-in-out}.mba-pagination-arrow .mba-icon{font-size:20px;height:20px;width:20px}.mba-pagination-arrow:hover:not(:disabled):not(.is-disabled){background-color:var(--mba-color-grey-50);color:var(--mba-color-black)}.mba-pagination-arrow:focus{box-shadow:var(--mba-focus-ring);outline:none}.mba-pagination-arrow.is-disabled,.mba-pagination-arrow:disabled{background-color:var(--mba-color-white);color:var(--mba-color-grey-300);cursor:not-allowed;pointer-events:none}.mba-label{align-items:center;color:var(--mba-color-grey-800);display:flex;font-family:var(--mba-font-family-text);font-weight:var(--mba-font-weight-regular);gap:var(--mba-space-xxs);line-height:normal}.mba-label,.mba-label__required{font-size:var(--mba-font-size-xxs)}.mba-label__required{color:var(--mba-color-error-500)}.mba-label__icon{color:var(--mba-color-grey-400);font-size:16px}.mba-textarea{background-color:var(--mba-color-white);border:1px solid var(--mba-color-grey-100);border-radius:var(--mba-radius-xs);color:var(--mba-color-black);display:block;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xxs);font-weight:var(--mba-font-weight-regular);padding:var(--mba-space-xs);resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.mba-textarea::placeholder{color:var(--mba-color-grey-400)}.mba-textarea:focus{border-color:var(--mba-color-info-400);box-shadow:0 0 0 1.5px var(--mba-color-info-300);outline:none}.mba-textarea:focus::placeholder{color:var(--mba-color-black)}.mba-textarea:disabled{background-color:var(--mba-color-grey-50);border-color:var(--mba-color-grey-100);cursor:not-allowed}.mba-textarea:disabled::placeholder{color:var(--mba-color-grey-400)}.mba-textarea:hover:not(:focus):not(:disabled):not(.mba-textarea--error):not(.mba-textarea--valid){border-color:var(--mba-color-info-400);box-shadow:0 0 0 1.5px var(--mba-color-info-100)}.mba-textarea--error{border-color:var(--mba-color-error-500);box-shadow:0 0 0 1.5px var(--mba-color-error-100)}.mba-textarea--error:focus{border-color:var(--mba-color-error-500);box-shadow:0 0 0 1.5px var(--mba-color-error-300)}.mba-textarea--valid{border-color:var(--mba-color-success-500);box-shadow:0 0 0 1.5px var(--mba-color-success-100)}.mba-textarea--valid:focus{border-color:var(--mba-color-success-500);box-shadow:0 0 0 1.5px var(--mba-color-success-300)}.mba-input{background-color:var(--mba-color-white);border:1px solid var(--mba-color-grey-100);border-radius:var(--mba-radius-xs);color:var(--mba-color-black);display:block;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xxs);font-weight:var(--mba-font-weight-regular);padding:var(--mba-space-xs) var(--mba-space-sm);transition:border-color .2s ease,box-shadow .2s ease;width:100%}.mba-input::placeholder{color:var(--mba-color-grey-400)}.mba-input:hover:not(:focus):not(:disabled):not(.mba-input--error):not(.mba-input--valid){border-color:var(--mba-color-info-400);box-shadow:0 0 0 1.5px var(--mba-color-info-100)}.mba-input:focus{border-color:var(--mba-color-info-400);box-shadow:0 0 0 1.5px var(--mba-color-info-300);outline:none}.mba-input:disabled{background-color:var(--mba-color-grey-50);border-color:var(--mba-color-grey-100);cursor:not-allowed}.mba-input:disabled::placeholder{color:var(--mba-color-grey-400)}.mba-input--error{border-color:var(--mba-color-error-500);box-shadow:0 0 0 1.5px var(--mba-color-error-100)}.mba-input--error:focus{border-color:var(--mba-color-error-500);box-shadow:0 0 0 1.5px var(--mba-color-error-300)}.mba-input--valid{border-color:var(--mba-color-success-500);box-shadow:0 0 0 1.5px var(--mba-color-success-100)}.mba-input--valid:focus{border-color:var(--mba-color-success-500);box-shadow:0 0 0 1.5px var(--mba-color-success-300)}.mba-feedback{font-family:var(--mba-font-family-text);font-size:12px;font-weight:var(--mba-font-weight-regular)}.mba-feedback--error{color:var(--mba-color-error-500)}.mba-feedback--valid{color:var(--mba-color-success-500)}.mba-dropdown{display:inline-block;position:relative;width:100%}.mba-dropdown__trigger{align-items:center;background-color:var(--mba-color-white);border:1px solid var(--mba-color-grey-100);border-radius:var(--mba-radius-xs);color:var(--mba-color-black);cursor:pointer;display:flex;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs);font-weight:var(--mba-font-weight-regular);justify-content:space-between;padding:var(--mba-space-xs) var(--mba-space-sm);transition:border-color .2s ease,box-shadow .2s ease;width:100%}.mba-dropdown__trigger--placeholder{color:var(--mba-color-grey-400)}.mba-dropdown:not(.mba-dropdown--error):not(.mba-dropdown--valid) .mba-dropdown__trigger:hover{border-color:var(--mba-color-info-400);box-shadow:0 0 0 1.5px var(--mba-color-info-100)}.mba-dropdown__trigger:focus{border-color:var(--mba-color-info-400);box-shadow:0 0 0 1.5px var(--mba-color-info-300);outline:none}.mba-dropdown__trigger:disabled{background-color:var(--mba-color-grey-50);border-color:var(--mba-color-grey-100);color:var(--mba-color-grey-400);cursor:not-allowed}.mba-dropdown__chevron{color:var(--mba-color-grey-400);font-size:20px;transition:transform .2s ease}.mba-dropdown--open .mba-dropdown__chevron{transform:rotate(180deg)}.mba-dropdown--error .mba-dropdown__trigger{border-color:var(--mba-color-error-500);box-shadow:0 0 0 1.5px var(--mba-color-error-100)}.mba-dropdown--error .mba-dropdown__trigger:focus{border-color:var(--mba-color-error-500);box-shadow:0 0 0 1.5px var(--mba-color-error-300)}.mba-dropdown--valid .mba-dropdown__trigger{border-color:var(--mba-color-success-500);box-shadow:0 0 0 1.5px var(--mba-color-success-100)}.mba-dropdown--valid .mba-dropdown__trigger:focus{border-color:var(--mba-color-success-500);box-shadow:0 0 0 1.5px var(--mba-color-success-300)}.mba-dropdown__panel{background-color:var(--mba-color-white);border-radius:var(--mba-radius-2xs);box-shadow:0 4px 4px 0 rgba(0,0,0,.04),1px 2px 16px 0 rgba(28,28,29,.06);display:none;flex-direction:column;gap:10px;left:0;max-height:200px;overflow-y:auto;padding:var(--mba-space-xs);position:absolute;right:0;top:calc(100% + 4px);z-index:10}.mba-dropdown--open .mba-dropdown__panel{display:flex}.mba-dropdown__panel::-webkit-scrollbar{width:6px}.mba-dropdown__panel::-webkit-scrollbar-track{background:transparent}.mba-dropdown__panel::-webkit-scrollbar-thumb{background-color:var(--mba-color-primary-pro-800);border-radius:3px}.mba-dropdown__option{border-radius:var(--mba-radius-xs);color:var(--mba-color-black);cursor:pointer;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xs);font-weight:var(--mba-font-weight-regular);padding:var(--mba-space-xs);transition:background-color .15s ease}.mba-dropdown__option:hover{background-color:var(--mba-color-grey-50)}.mba-dropdown__option--selected{background-color:var(--mba-color-white);border:1px solid var(--mba-color-primary-400)}.mba-dropdown--pro .mba-dropdown__option--selected{border-color:var(--mba-color-primary-pro-400)}.mba-toggle{display:inline-block;height:24px;position:relative;width:42px}.mba-toggle input{height:0;opacity:0;width:0}.mba-toggle__slider{background-color:var(--mba-color-grey-300);border-radius:32px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.mba-toggle__slider:before{background-color:var(--mba-color-white);border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:20px}.mba-toggle input:checked+.mba-toggle__slider{background-color:var(--mba-color-secondary-500)}.mba-toggle input:checked+.mba-toggle__slider:before{transform:translateX(18px)}.mba-toggle input:focus+.mba-toggle__slider{box-shadow:var(--mba-focus-ring)}.mba-toggle input:disabled+.mba-toggle__slider{cursor:not-allowed;opacity:.5}.mba-input-icon{align-items:center;background-color:var(--mba-color-white);border:1px solid var(--mba-color-grey-100);border-radius:var(--mba-radius-xs);display:flex;padding:var(--mba-space-xs) var(--mba-space-sm);transition:border-color .2s ease,box-shadow .2s ease;width:100%}.mba-input-icon input{background:transparent;border:none;color:var(--mba-color-black);flex:1;font-family:var(--mba-font-family-text);font-size:var(--mba-font-size-xxs);font-weight:var(--mba-font-weight-regular);outline:none}.mba-input-icon input::placeholder{color:var(--mba-color-grey-400)}.mba-input-icon__icon{color:var(--mba-color-grey-400);font-size:16px;margin-left:var(--mba-space-xs)}button.mba-input-icon__icon{background:none;border:none;cursor:pointer;padding:0;transition:color .2s ease}button.mba-input-icon__icon:hover{color:var(--mba-color-primary-500)}.mba-input-icon:hover:not(:focus-within):not(.mba-input-icon--disabled):not(.mba-input-icon--error){border-color:var(--mba-color-info-400);box-shadow:0 0 0 1.5px var(--mba-color-info-100)}.mba-input-icon:focus-within{border-color:var(--mba-color-info-400);box-shadow:0 0 0 1.5px var(--mba-color-info-300)}.mba-input-icon--disabled{background-color:var(--mba-color-grey-50);cursor:not-allowed}.mba-input-icon--disabled input{color:var(--mba-color-grey-400);cursor:not-allowed}.mba-input-icon--error{border-color:var(--mba-color-error-500);box-shadow:0 0 0 1.5px var(--mba-color-error-100)}.mba-input-icon--error:focus-within{border-color:var(--mba-color-error-500);box-shadow:0 0 0 1.5px var(--mba-color-error-300)}.mba-input-icon--error .mba-input-icon__icon{color:var(--mba-color-error-500)}.mba-input-group{align-items:stretch;display:flex;gap:var(--mba-space-xxs)}.mba-input-group>.mba-input,.mba-input-group>.mba-input-icon{flex:1}.mba-form-group{display:flex;flex-direction:column;gap:var(--mba-space-xxs)}.text-xxs{font-size:var(--mba-font-size-xxs)}.text-md{font-size:var(--mba-font-size-md)}.text-xxl{font-size:var(--mba-font-size-xxl)}.mba-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.mba-not-sr-only{height:auto;margin:0;overflow:visible;padding:0;position:static;width:auto;clip:auto;white-space:normal}.hidden{display:none!important}.visible{visibility:visible}.invisible{visibility:hidden}
|
package/dist/mba-tailwind.css
CHANGED
|
@@ -279,7 +279,7 @@
|
|
|
279
279
|
font-style: normal;
|
|
280
280
|
font-weight: 100 700;
|
|
281
281
|
font-display: block;
|
|
282
|
-
src: url('/fonts/MaterialSymbolsRounded.woff2') format('woff2');
|
|
282
|
+
src: url('../assets/fonts/MaterialSymbolsRounded.woff2') format('woff2');
|
|
283
283
|
}
|
|
284
284
|
.material-symbols-rounded {
|
|
285
285
|
font-family: 'Material Symbols Rounded';
|
|
@@ -1804,6 +1804,15 @@ button.mba-input-icon__icon:hover {
|
|
|
1804
1804
|
clip: auto;
|
|
1805
1805
|
white-space: normal;
|
|
1806
1806
|
}
|
|
1807
|
+
.hidden {
|
|
1808
|
+
display: none !important;
|
|
1809
|
+
}
|
|
1810
|
+
.visible {
|
|
1811
|
+
visibility: visible;
|
|
1812
|
+
}
|
|
1813
|
+
.invisible {
|
|
1814
|
+
visibility: hidden;
|
|
1815
|
+
}
|
|
1807
1816
|
@layer theme {
|
|
1808
1817
|
:root, :host {
|
|
1809
1818
|
--font-sans: var(--mba-font-family-text);
|
|
@@ -2948,3 +2957,5 @@ button.mba-input-icon__icon:hover {
|
|
|
2948
2957
|
}
|
|
2949
2958
|
}
|
|
2950
2959
|
}
|
|
2960
|
+
|
|
2961
|
+
/*# sourceMappingURL=mba-tailwind.css.map */
|