@layer reset,
	theme,
	theme.style,
	component.base,
	component.style,
	component.variant,
	component.control.base,
	component.control.style,
	component.control.variant,
	component.container.base,
	component.container.style,
	component.container.child,
	component.container.variant;@layer theme{:root{--color-white: #FFF;--color-black: #000;--color-red-100: #FFF;--color-red-200: #FFEDEB;--color-red-300: #FFC6C3;--color-red-400: #FF7A7B;--color-red-500: #D41935;--color-red-600: #BC0021;--color-red-700: #940015;--color-red-800: #670009;--color-red-900: #370001;--color-blue-100: #FFF;--color-blue-200: #E6F8FF;--color-blue-300: #B6DFFF;--color-blue-400: #5EB2FF;--color-blue-500: #0074D1;--color-blue-600: #005FBB;--color-blue-700: #00479D;--color-blue-800: #002D71;--color-blue-900: #001242;--color-green-100: #FFF;--color-green-200: #CCFFF2;--color-green-300: #81FBD7;--color-green-400: #58D5B2;--color-green-500: #00A181;--color-green-600: #008869;--color-green-700: #00684F;--color-green-800: #004431;--color-green-900: #001E13;--color-yellow-100: #FFF;--color-yellow-200: #FFF9BC;--color-yellow-300: #FFE873;--color-yellow-400: #F6CE45;--color-yellow-500: #D3AB00;--color-yellow-600: #B18A00;--color-yellow-700: #846600;--color-yellow-800: #533E00;--color-yellow-900: #201400;--color-orange-100: #FFF;--color-orange-200: #FFF1E1;--color-orange-300: #FFD4B2;--color-orange-400: #FF9D56;--color-orange-500: #D86900;--color-orange-600: #BC4F00;--color-orange-700: #913800;--color-orange-800: #612000;--color-orange-900: #2E0700;--color-purple-100: #FFF;--color-purple-200: #FFEAFF;--color-purple-300: #FBF;--color-purple-400: #F872EA;--color-purple-500: #B52FAA;--color-purple-600: #9E0E95;--color-purple-700: #82007A;--color-purple-800: #5A0054;--color-purple-900: #2F002C}}@layer theme{:root{--font-family-sans: "DM Sans", sans-serif;--font-family-mono: "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;--font-weight-300: 375;--font-weight-400: 475;--font-weight-500: 575;--font-weight-600: 650;--font-weight-700: 750;--font-weight-800: 800;--font-weight-900: 900}}@layer theme{:root{--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--size-icon-xs: 14px;--size-icon-sm: 15px;--size-icon-md: 16px;--size-icon-lg: 18px;--size-icon-xl: 20px;--size-text-xs: 13px;--size-text-sm: 14px;--size-text-md: 15px;--size-text-lg: 17px;--size-text-xl: 19px;--size-title-xs: 13px;--size-title-sm: 14px;--size-title-md: 17px;--size-title-lg: 19px;--size-title-xl: 28px}@media(max-width: 1279.98px){:root{--size-title-xl: 24px}}:root{--line-height-sm: 1.15;--line-height-md: 1.25;--line-height-lg: 1.35}}@layer theme.style{@media(prefers-color-scheme: light){.theme-auto{--tone-mode: -1;--color-gray-100: #FFF;--color-gray-125: #FDFEFE;--color-gray-150: #FAFBFC;--color-gray-175: #F6F7F8;--color-gray-200: #F2F3F4;--color-gray-225: #EDEEF0;--color-gray-250: #E7E9EB;--color-gray-275: #E1E3E6;--color-gray-300: #DBDDE0;--color-gray-325: #D4D7DA;--color-gray-350: #CDD0D4;--color-gray-375: #C5C9CD;--color-gray-400: #BEC1C6;--color-gray-425: #B6BABF;--color-gray-450: #ADB2B7;--color-gray-475: #A5AAB0;--color-gray-500: #9CA2A8;--color-gray-525: #9399A0;--color-gray-550: #8A9098;--color-gray-575: #818890;--color-gray-600: #787F87;--color-gray-625: #6E767F;--color-gray-650: #656D76;--color-gray-675: #5B636D;--color-gray-700: #515A64;--color-gray-725: #48515B;--color-gray-750: #3E4852;--color-gray-775: #353E4A;--color-gray-800: #2B3541;--color-gray-825: #222C38;--color-gray-850: #18232F;--color-gray-875: #0F1A26;--color-gray-900: #07111D;--tone-white: var(--color-white);--tone-black: var(--color-black);--tone-gray: var(--color-gray-200);--tone-red: var(--color-red-500);--tone-blue: var(--color-blue-500);--tone-green: var(--color-green-500);--tone-orange: var(--color-orange-500);--tone-yellow: var(--color-yellow-500);--tone-purple: var(--color-purple-500);--tone-text: var(--color-gray-700);--tone-title: var(--color-gray-800);--tone-label: var(--color-gray-700);--tone-inert: var(--color-gray-600);--tone-infos: var(--color-gray-550);--tone-picto: var(--color-gray-500);--tone-container-below: var(--color-gray-175);--tone-container: var(--color-gray-100);--tone-container-above: var(--color-gray-100);--tone-surface-below: var(--color-gray-175);--tone-surface: var(--color-gray-100);--tone-surface-above: var(--color-gray-100);--tone-surface-muted: var(--tone-surface-below);--tone-neutral: var(--color-gray-200);--tone-neutral-on: var(--tone-label);--tone-neutral-on-variant: var(--tone-picto);--tone-neutral-container: var(--color-gray-100);--tone-neutral-container-on: var(--tone-label);--tone-neutral-container-on-variant: var(--tone-picto);--tone-neutral-highlight: oklch(from var(--tone-neutral) calc(l - 0.05) c h);--tone-primary: rgb(from var(--color-red-500) r g b / 100%);--tone-primary-on: rgb(from var(--color-red-100) r g b / 100%);--tone-primary-on-variant: rgb(from var(--color-red-100) r g b / 75%);--tone-primary-container: rgb(from var(--color-red-400) r g b / 15%);--tone-primary-container-on: rgb(from var(--color-red-700) r g b / 100%);--tone-primary-container-on-variant: rgb(from var(--color-red-700) r g b / 50%);--tone-primary-highlight: oklch(from var(--tone-primary) calc(l - 0.15) c h);--tone-success: rgb(from var(--color-green-500) r g b / 100%);--tone-success-on: rgb(from var(--color-green-100) r g b / 100%);--tone-success-on-variant: rgb(from var(--color-green-100) r g b / 75%);--tone-success-container: rgb(from var(--color-green-500) r g b / 15%);--tone-success-container-on: rgb(from var(--color-green-700) r g b / 100%);--tone-success-container-on-variant: rgb(from var(--color-green-700) r g b / 50%);--tone-success-highlight: oklch(from var(--tone-success) calc(l - 0.15) c h);--tone-warning: rgb(from var(--color-red-500) r g b / 100%);--tone-warning-on: rgb(from var(--color-red-100) r g b / 100%);--tone-warning-on-variant: rgb(from var(--color-red-100) r g b / 75%);--tone-warning-container: rgb(from var(--color-red-500) r g b / 15%);--tone-warning-container-on: rgb(from var(--color-red-700) r g b / 100%);--tone-warning-container-on-variant: rgb(from var(--color-red-700) r g b / 50%);--tone-warning-highlight: oklch(from var(--tone-warning) calc(l - 0.15) c h);--tone-caution: rgb(from var(--color-yellow-500) r g b / 100%);--tone-caution-on: rgb(from var(--color-yellow-100) r g b / 100%);--tone-caution-on-variant: rgb(from var(--color-yellow-100) r g b / 75%);--tone-caution-container: rgb(from var(--color-yellow-500) r g b / 15%);--tone-caution-container-on: rgb(from var(--color-yellow-700) r g b / 100%);--tone-caution-container-on-variant: rgb(from var(--color-yellow-700) r g b / 50%);--tone-caution-highlight: oklch(from var(--tone-caution) calc(l - 0.15) c h);--tone-floater: var(--color-gray-900);--tone-floater-on: var(--color-gray-100);--tone-floater-on-variant: var(--color-gray-400);--tone-border-sm: var(--color-gray-150);--tone-border-md: var(--color-gray-250);--tone-border-lg: var(--color-gray-350);--tone-shadow-sm: rgba(0, 0, 0, 0.05);--tone-shadow-md: rgba(0, 0, 0, 0.05);--tone-shadow-lg: rgba(0, 0, 0, 0.15);--tone-highlight: rgb(from var(--tone-neutral) r g b / 50%);--tone-emphasize: rgb(from var(--tone-primary) r g b / 15%);--tone-backdrop: rgb(from var(--color-gray-900) r g b / 50%);--tone-scrollbar-track: rgb(from var(--color-gray-150) r g b / 75%);--tone-scrollbar-thumb: rgb(from var(--color-gray-700) r g b / 75%);--border-sm: 1px solid var(--tone-border-sm);--border-md: 1px solid var(--tone-border-md);--border-lg: 2px solid var(--tone-border-lg);--shadow-sm: 0px 1px 2px -0.5px var(--tone-shadow-sm);--shadow-md: 0px 0px 16px -0.5px var(--tone-shadow-md);--shadow-lg: 0px 0px 32px -0.5px var(--tone-shadow-lg);--border-surface: var(--border-md);--border-surface-above: var(--border-md);--border-surface-below: none;--border-surface-muted: none;--shadow-surface: none;--shadow-surface-above: var(--shadow-sm);--shadow-surface-below: none;--shadow-surface-muted: none;--input-tone: var(--tone-neutral);--input-border: none;--input-radius: var(--radius-sm);--input-focus-border: 2px solid var(--tone-primary);--input-focus-offset: 1px;--input-highlight-tone: oklch(from var(--input-tone) calc(l - 0.05) c h);--input-emphasize-tone: oklch(from var(--input-tone) calc(l - 0.05) c h)}@container style(--container: below){.theme-auto *{--tone-neutral: var(--color-gray-250);--tone-neutral-highlight: oklch(from var(--tone-neutral) calc(l - 0.05) c h);--tone-border-sm: var(--color-gray-200);--tone-border-md: var(--color-gray-300);--tone-border-lg: var(--color-gray-400);--tone-primary-container: rgb(from var(--color-red-400) r g b / 25%);--tone-success-container: rgb(from var(--color-green-500) r g b / 25%);--tone-warning-container: rgb(from var(--color-red-500) r g b / 25%);--tone-caution-container: rgb(from var(--color-yellow-500) r g b / 25%);--tone-highlight: rgb(from var(--tone-neutral) r g b / 100%);--tone-emphasize: rgb(from var(--tone-primary) r g b / 15%);--border-sm: 1px solid var(--tone-border-sm);--border-md: 1px solid var(--tone-border-md);--border-lg: 2px solid var(--tone-border-lg);--input-tone: var(--tone-neutral);--input-highlight-tone: oklch(from var(--input-tone) calc(l - 0.05) c h);--input-emphasize-tone: oklch(from var(--input-tone) calc(l - 0.05) c h)}}@container style(--surface: below) or style(--surface: muted){.theme-auto *{--tone-neutral: var(--color-gray-250);--tone-neutral-highlight: oklch(from var(--tone-neutral) calc(l - 0.05) c h);--tone-border-sm: var(--color-gray-200);--tone-border-md: var(--color-gray-300);--tone-border-lg: var(--color-gray-400);--tone-primary-container: rgb(from var(--color-red-400) r g b / 25%);--tone-success-container: rgb(from var(--color-green-500) r g b / 25%);--tone-warning-container: rgb(from var(--color-red-500) r g b / 25%);--tone-caution-container: rgb(from var(--color-yellow-500) r g b / 25%);--tone-highlight: rgb(from var(--tone-neutral) r g b / 100%);--tone-emphasize: rgb(from var(--tone-primary) r g b / 15%);--border-sm: 1px solid var(--tone-border-sm);--border-md: 1px solid var(--tone-border-md);--border-lg: 2px solid var(--tone-border-lg);--input-tone: var(--tone-neutral);--input-highlight-tone: oklch(from var(--input-tone) calc(l - 0.05) c h);--input-emphasize-tone: oklch(from var(--input-tone) calc(l - 0.05) c h)}}}.theme-light{--tone-mode: -1;--color-gray-100: #FFF;--color-gray-125: #FDFEFE;--color-gray-150: #FAFBFC;--color-gray-175: #F6F7F8;--color-gray-200: #F2F3F4;--color-gray-225: #EDEEF0;--color-gray-250: #E7E9EB;--color-gray-275: #E1E3E6;--color-gray-300: #DBDDE0;--color-gray-325: #D4D7DA;--color-gray-350: #CDD0D4;--color-gray-375: #C5C9CD;--color-gray-400: #BEC1C6;--color-gray-425: #B6BABF;--color-gray-450: #ADB2B7;--color-gray-475: #A5AAB0;--color-gray-500: #9CA2A8;--color-gray-525: #9399A0;--color-gray-550: #8A9098;--color-gray-575: #818890;--color-gray-600: #787F87;--color-gray-625: #6E767F;--color-gray-650: #656D76;--color-gray-675: #5B636D;--color-gray-700: #515A64;--color-gray-725: #48515B;--color-gray-750: #3E4852;--color-gray-775: #353E4A;--color-gray-800: #2B3541;--color-gray-825: #222C38;--color-gray-850: #18232F;--color-gray-875: #0F1A26;--color-gray-900: #07111D;--tone-white: var(--color-white);--tone-black: var(--color-black);--tone-gray: var(--color-gray-200);--tone-red: var(--color-red-500);--tone-blue: var(--color-blue-500);--tone-green: var(--color-green-500);--tone-orange: var(--color-orange-500);--tone-yellow: var(--color-yellow-500);--tone-purple: var(--color-purple-500);--tone-text: var(--color-gray-700);--tone-title: var(--color-gray-800);--tone-label: var(--color-gray-700);--tone-inert: var(--color-gray-600);--tone-infos: var(--color-gray-550);--tone-picto: var(--color-gray-500);--tone-container-below: var(--color-gray-175);--tone-container: var(--color-gray-100);--tone-container-above: var(--color-gray-100);--tone-surface-below: var(--color-gray-175);--tone-surface: var(--color-gray-100);--tone-surface-above: var(--color-gray-100);--tone-surface-muted: var(--tone-surface-below);--tone-neutral: var(--color-gray-200);--tone-neutral-on: var(--tone-label);--tone-neutral-on-variant: var(--tone-picto);--tone-neutral-container: var(--color-gray-100);--tone-neutral-container-on: var(--tone-label);--tone-neutral-container-on-variant: var(--tone-picto);--tone-neutral-highlight: oklch(from var(--tone-neutral) calc(l - 0.05) c h);--tone-primary: rgb(from var(--color-red-500) r g b / 100%);--tone-primary-on: rgb(from var(--color-red-100) r g b / 100%);--tone-primary-on-variant: rgb(from var(--color-red-100) r g b / 75%);--tone-primary-container: rgb(from var(--color-red-400) r g b / 15%);--tone-primary-container-on: rgb(from var(--color-red-700) r g b / 100%);--tone-primary-container-on-variant: rgb(from var(--color-red-700) r g b / 50%);--tone-primary-highlight: oklch(from var(--tone-primary) calc(l - 0.15) c h);--tone-success: rgb(from var(--color-green-500) r g b / 100%);--tone-success-on: rgb(from var(--color-green-100) r g b / 100%);--tone-success-on-variant: rgb(from var(--color-green-100) r g b / 75%);--tone-success-container: rgb(from var(--color-green-500) r g b / 15%);--tone-success-container-on: rgb(from var(--color-green-700) r g b / 100%);--tone-success-container-on-variant: rgb(from var(--color-green-700) r g b / 50%);--tone-success-highlight: oklch(from var(--tone-success) calc(l - 0.15) c h);--tone-warning: rgb(from var(--color-red-500) r g b / 100%);--tone-warning-on: rgb(from var(--color-red-100) r g b / 100%);--tone-warning-on-variant: rgb(from var(--color-red-100) r g b / 75%);--tone-warning-container: rgb(from var(--color-red-500) r g b / 15%);--tone-warning-container-on: rgb(from var(--color-red-700) r g b / 100%);--tone-warning-container-on-variant: rgb(from var(--color-red-700) r g b / 50%);--tone-warning-highlight: oklch(from var(--tone-warning) calc(l - 0.15) c h);--tone-caution: rgb(from var(--color-yellow-500) r g b / 100%);--tone-caution-on: rgb(from var(--color-yellow-100) r g b / 100%);--tone-caution-on-variant: rgb(from var(--color-yellow-100) r g b / 75%);--tone-caution-container: rgb(from var(--color-yellow-500) r g b / 15%);--tone-caution-container-on: rgb(from var(--color-yellow-700) r g b / 100%);--tone-caution-container-on-variant: rgb(from var(--color-yellow-700) r g b / 50%);--tone-caution-highlight: oklch(from var(--tone-caution) calc(l - 0.15) c h);--tone-floater: var(--color-gray-900);--tone-floater-on: var(--color-gray-100);--tone-floater-on-variant: var(--color-gray-400);--tone-border-sm: var(--color-gray-150);--tone-border-md: var(--color-gray-250);--tone-border-lg: var(--color-gray-350);--tone-shadow-sm: rgba(0, 0, 0, 0.05);--tone-shadow-md: rgba(0, 0, 0, 0.05);--tone-shadow-lg: rgba(0, 0, 0, 0.15);--tone-highlight: rgb(from var(--tone-neutral) r g b / 50%);--tone-emphasize: rgb(from var(--tone-primary) r g b / 15%);--tone-backdrop: rgb(from var(--color-gray-900) r g b / 50%);--tone-scrollbar-track: rgb(from var(--color-gray-150) r g b / 75%);--tone-scrollbar-thumb: rgb(from var(--color-gray-700) r g b / 75%);--border-sm: 1px solid var(--tone-border-sm);--border-md: 1px solid var(--tone-border-md);--border-lg: 2px solid var(--tone-border-lg);--shadow-sm: 0px 1px 2px -0.5px var(--tone-shadow-sm);--shadow-md: 0px 0px 16px -0.5px var(--tone-shadow-md);--shadow-lg: 0px 0px 32px -0.5px var(--tone-shadow-lg);--border-surface: var(--border-md);--border-surface-above: var(--border-md);--border-surface-below: none;--border-surface-muted: none;--shadow-surface: none;--shadow-surface-above: var(--shadow-sm);--shadow-surface-below: none;--shadow-surface-muted: none;--input-tone: var(--tone-neutral);--input-border: none;--input-radius: var(--radius-sm);--input-focus-border: 2px solid var(--tone-primary);--input-focus-offset: 1px;--input-highlight-tone: oklch(from var(--input-tone) calc(l - 0.05) c h);--input-emphasize-tone: oklch(from var(--input-tone) calc(l - 0.05) c h)}@container style(--container: below){.theme-light *{--tone-neutral: var(--color-gray-250);--tone-neutral-highlight: oklch(from var(--tone-neutral) calc(l - 0.05) c h);--tone-border-sm: var(--color-gray-200);--tone-border-md: var(--color-gray-300);--tone-border-lg: var(--color-gray-400);--tone-primary-container: rgb(from var(--color-red-400) r g b / 25%);--tone-success-container: rgb(from var(--color-green-500) r g b / 25%);--tone-warning-container: rgb(from var(--color-red-500) r g b / 25%);--tone-caution-container: rgb(from var(--color-yellow-500) r g b / 25%);--tone-highlight: rgb(from var(--tone-neutral) r g b / 100%);--tone-emphasize: rgb(from var(--tone-primary) r g b / 15%);--border-sm: 1px solid var(--tone-border-sm);--border-md: 1px solid var(--tone-border-md);--border-lg: 2px solid var(--tone-border-lg);--input-tone: var(--tone-neutral);--input-highlight-tone: oklch(from var(--input-tone) calc(l - 0.05) c h);--input-emphasize-tone: oklch(from var(--input-tone) calc(l - 0.05) c h)}}@container style(--surface: below) or style(--surface: muted){.theme-light *{--tone-neutral: var(--color-gray-250);--tone-neutral-highlight: oklch(from var(--tone-neutral) calc(l - 0.05) c h);--tone-border-sm: var(--color-gray-200);--tone-border-md: var(--color-gray-300);--tone-border-lg: var(--color-gray-400);--tone-primary-container: rgb(from var(--color-red-400) r g b / 25%);--tone-success-container: rgb(from var(--color-green-500) r g b / 25%);--tone-warning-container: rgb(from var(--color-red-500) r g b / 25%);--tone-caution-container: rgb(from var(--color-yellow-500) r g b / 25%);--tone-highlight: rgb(from var(--tone-neutral) r g b / 100%);--tone-emphasize: rgb(from var(--tone-primary) r g b / 15%);--border-sm: 1px solid var(--tone-border-sm);--border-md: 1px solid var(--tone-border-md);--border-lg: 2px solid var(--tone-border-lg);--input-tone: var(--tone-neutral);--input-highlight-tone: oklch(from var(--input-tone) calc(l - 0.05) c h);--input-emphasize-tone: oklch(from var(--input-tone) calc(l - 0.05) c h)}}}@layer theme.style{@media(prefers-color-scheme: dark){.theme-auto{--tone-mode: +1;--color-gray-100: #0C1117;--color-gray-125: #0C1117;--color-gray-150: #0D1218;--color-gray-175: #0F141A;--color-gray-200: #11161C;--color-gray-225: #13181E;--color-gray-250: #161B21;--color-gray-275: #191E24;--color-gray-300: #1C2228;--color-gray-325: #20262C;--color-gray-350: #252A30;--color-gray-375: #2A2F35;--color-gray-400: #2F343A;--color-gray-425: #353A40;--color-gray-450: #3B4046;--color-gray-475: #42474C;--color-gray-500: #494E53;--color-gray-525: #51555A;--color-gray-550: #595D62;--color-gray-575: #61656A;--color-gray-600: #6A6E73;--color-gray-625: #74787C;--color-gray-650: #7E8286;--color-gray-675: #888C90;--color-gray-700: #93979A;--color-gray-725: #9FA2A5;--color-gray-750: #ABAEB1;--color-gray-775: #B8BABD;--color-gray-800: #C5C7C9;--color-gray-825: #D2D4D6;--color-gray-850: #E1E2E3;--color-gray-875: #EFF0F1;--color-gray-900: #FFF;--tone-white: var(--color-white);--tone-black: var(--color-black);--tone-gray: var(--color-gray-200);--tone-red: var(--color-red-500);--tone-blue: var(--color-blue-500);--tone-green: var(--color-green-500);--tone-orange: var(--color-orange-500);--tone-yellow: var(--color-yellow-500);--tone-purple: var(--color-purple-500);--tone-text: var(--color-gray-750);--tone-title: var(--color-gray-850);--tone-label: var(--color-gray-750);--tone-inert: var(--color-gray-675);--tone-infos: var(--color-gray-600);--tone-picto: var(--color-gray-600);--tone-container-below: var(--color-gray-200);--tone-container: var(--color-gray-250);--tone-container-above: var(--color-gray-300);--tone-surface-below: var(--color-gray-200);--tone-surface: var(--color-gray-250);--tone-surface-above: var(--color-gray-300);--tone-surface-muted: var(--tone-surface-above);--tone-neutral: var(--color-gray-325);--tone-neutral-on: var(--tone-label);--tone-neutral-on-variant: var(--tone-picto);--tone-neutral-container: var(--color-gray-225);--tone-neutral-container-on: var(--tone-label);--tone-neutral-container-on-variant: var(--tone-picto);--tone-neutral-highlight: oklch(from var(--tone-neutral) calc(l + 0.05) c h);--tone-primary: rgb(from var(--color-red-500) r g b / 100%);--tone-primary-on: rgb(from var(--color-red-100) r g b / 100%);--tone-primary-on-variant: rgb(from var(--color-red-100) r g b / 75%);--tone-primary-container: rgb(from var(--color-red-400) r g b / 15%);--tone-primary-container-on: rgb(from var(--color-red-300) r g b / 100%);--tone-primary-container-on-variant: rgb(from var(--color-red-300) r g b / 50%);--tone-primary-highlight: oklch(from var(--tone-primary) calc(l + 0.10) c h);--tone-success: rgb(from var(--color-green-500) r g b / 100%);--tone-success-on: rgb(from var(--color-green-100) r g b / 100%);--tone-success-on-variant: rgb(from var(--color-green-100) r g b / 75%);--tone-success-container: rgb(from var(--color-green-500) r g b / 15%);--tone-success-container-on: rgb(from var(--color-green-300) r g b / 100%);--tone-success-container-on-variant: rgb(from var(--color-green-300) r g b / 50%);--tone-success-highlight: oklch(from var(--tone-success) calc(l + 0.10) c h);--tone-warning: rgb(from var(--color-red-500) r g b / 100%);--tone-warning-on: rgb(from var(--color-red-100) r g b / 100%);--tone-warning-on-variant: rgb(from var(--color-red-100) r g b / 75%);--tone-warning-container: rgb(from var(--color-red-500) r g b / 15%);--tone-warning-container-on: rgb(from var(--color-red-300) r g b / 100%);--tone-warning-container-on-variant: rgb(from var(--color-red-300) r g b / 50%);--tone-warning-highlight: oklch(from var(--tone-warning) calc(l + 0.10) c h);--tone-caution: rgb(from var(--color-yellow-500) r g b / 100%);--tone-caution-on: rgb(from var(--color-yellow-100) r g b / 100%);--tone-caution-on-variant: rgb(from var(--color-yellow-100) r g b / 75%);--tone-caution-container: rgb(from var(--color-yellow-500) r g b / 15%);--tone-caution-container-on: rgb(from var(--color-yellow-300) r g b / 100%);--tone-caution-container-on-variant: rgb(from var(--color-yellow-300) r g b / 50%);--tone-caution-highlight: oklch(from var(--tone-caution) calc(l + 0.10) c h);--tone-floater: var(--color-gray-800);--tone-floater-on: var(--color-gray-100);--tone-floater-on-variant: var(--color-gray-400);--tone-border-sm: var(--color-gray-250);--tone-border-md: var(--color-gray-350);--tone-border-lg: var(--color-gray-450);--tone-shadow-sm: rgba(0, 0, 0, 0.25);--tone-shadow-md: rgba(0, 0, 0, 0.25);--tone-shadow-lg: rgba(0, 0, 0, 0.35);--tone-highlight: rgb(from var(--tone-neutral) r g b / 100%);--tone-emphasize: rgb(from var(--tone-primary) r g b / 15%);--tone-backdrop: rgb(from var(--color-gray-400) r g b / 50%);--tone-scrollbar-track: rgb(from var(--color-gray-150) r g b / 75%);--tone-scrollbar-thumb: rgb(from var(--color-gray-700) r g b / 75%);--border-sm: 1px solid var(--tone-border-sm);--border-md: 1px solid var(--tone-border-md);--border-lg: 2px solid var(--tone-border-lg);--shadow-sm: 0px 1px 2px -0.5px var(--tone-shadow-sm);--shadow-md: 0px 1px 2px 0px var(--tone-shadow-md);--shadow-lg: 0px 2px 4px 0px var(--tone-shadow-lg);--border-surface: var(--border-md);--border-surface-above: var(--border-md);--border-surface-below: none;--border-surface-muted: none;--shadow-surface: none;--shadow-surface-above: var(--shadow-sm);--shadow-surface-below: none;--shadow-surface-muted: none;--input-tone: var(--tone-neutral);--input-border: none;--input-radius: var(--radius-sm);--input-focus-border: 2px solid var(--tone-primary);--input-focus-offset: 0px;--input-highlight-tone: oklch(from var(--input-tone) calc(l + 0.05) c h);--input-emphasize-tone: oklch(from var(--input-tone) calc(l + 0.05) c h)}@container style(--container: below){.theme-auto *{--tone-neutral: var(--color-gray-300);--tone-neutral-highlight: oklch(from var(--tone-neutral) calc(l - 0.05) c h);--tone-highlight: rgb(from var(--tone-neutral) r g b / 100%);--tone-emphasize: rgb(from var(--tone-primary) r g b / 15%);--input-tone: var(--tone-neutral);--input-highlight-tone: oklch(from var(--input-tone) calc(l - 0.05) c h);--input-emphasize-tone: oklch(from var(--input-tone) calc(l - 0.05) c h)}}@container style(--container: above){.theme-auto *{--tone-neutral: var(--color-gray-375);--tone-neutral-highlight: oklch(from var(--tone-neutral) calc(l - 0.05) c h);--tone-border-sm: var(--color-gray-375);--tone-border-md: var(--color-gray-375);--tone-border-lg: var(--color-gray-475);--tone-highlight: rgb(from var(--tone-neutral) r g b / 100%);--tone-emphasize: rgb(from var(--tone-primary) r g b / 15%);--border-sm: 1px solid var(--tone-border-sm);--border-md: 1px solid var(--tone-border-md);--border-lg: 2px solid var(--tone-border-lg);--input-tone: var(--tone-neutral);--input-highlight-tone: oklch(from var(--input-tone) calc(l - 0.05) c h);--input-emphasize-tone: oklch(from var(--input-tone) calc(l - 0.05) c h)}}@container style(--surface: below){.theme-auto *{--tone-neutral: var(--color-gray-300);--tone-neutral-highlight: oklch(from var(--tone-neutral) calc(l - 0.05) c h);--tone-highlight: rgb(from var(--tone-neutral) r g b / 100%);--tone-emphasize: rgb(from var(--tone-primary) r g b / 15%);--input-tone: var(--tone-neutral);--input-highlight-tone: oklch(from var(--input-tone) calc(l - 0.05) c h);--input-emphasize-tone: oklch(from var(--input-tone) calc(l - 0.05) c h)}}@container style(--surface: above) or style(--surface: muted){.theme-auto *{--tone-neutral: var(--color-gray-375);--tone-neutral-highlight: oklch(from var(--tone-neutral) calc(l - 0.05) c h);--tone-border-sm: var(--color-gray-375);--tone-border-md: var(--color-gray-375);--tone-border-lg: var(--color-gray-475);--tone-highlight: rgb(from var(--tone-neutral) r g b / 100%);--tone-emphasize: rgb(from var(--tone-primary) r g b / 15%);--border-sm: 1px solid var(--tone-border-sm);--border-md: 1px solid var(--tone-border-md);--border-lg: 2px solid var(--tone-border-lg);--input-tone: var(--tone-neutral);--input-highlight-tone: oklch(from var(--input-tone) calc(l - 0.05) c h);--input-emphasize-tone: oklch(from var(--input-tone) calc(l - 0.05) c h)}}}.theme-dark{--tone-mode: +1;--color-gray-100: #0C1117;--color-gray-125: #0C1117;--color-gray-150: #0D1218;--color-gray-175: #0F141A;--color-gray-200: #11161C;--color-gray-225: #13181E;--color-gray-250: #161B21;--color-gray-275: #191E24;--color-gray-300: #1C2228;--color-gray-325: #20262C;--color-gray-350: #252A30;--color-gray-375: #2A2F35;--color-gray-400: #2F343A;--color-gray-425: #353A40;--color-gray-450: #3B4046;--color-gray-475: #42474C;--color-gray-500: #494E53;--color-gray-525: #51555A;--color-gray-550: #595D62;--color-gray-575: #61656A;--color-gray-600: #6A6E73;--color-gray-625: #74787C;--color-gray-650: #7E8286;--color-gray-675: #888C90;--color-gray-700: #93979A;--color-gray-725: #9FA2A5;--color-gray-750: #ABAEB1;--color-gray-775: #B8BABD;--color-gray-800: #C5C7C9;--color-gray-825: #D2D4D6;--color-gray-850: #E1E2E3;--color-gray-875: #EFF0F1;--color-gray-900: #FFF;--tone-white: var(--color-white);--tone-black: var(--color-black);--tone-gray: var(--color-gray-200);--tone-red: var(--color-red-500);--tone-blue: var(--color-blue-500);--tone-green: var(--color-green-500);--tone-orange: var(--color-orange-500);--tone-yellow: var(--color-yellow-500);--tone-purple: var(--color-purple-500);--tone-text: var(--color-gray-750);--tone-title: var(--color-gray-850);--tone-label: var(--color-gray-750);--tone-inert: var(--color-gray-675);--tone-infos: var(--color-gray-600);--tone-picto: var(--color-gray-600);--tone-container-below: var(--color-gray-200);--tone-container: var(--color-gray-250);--tone-container-above: var(--color-gray-300);--tone-surface-below: var(--color-gray-200);--tone-surface: var(--color-gray-250);--tone-surface-above: var(--color-gray-300);--tone-surface-muted: var(--tone-surface-above);--tone-neutral: var(--color-gray-325);--tone-neutral-on: var(--tone-label);--tone-neutral-on-variant: var(--tone-picto);--tone-neutral-container: var(--color-gray-225);--tone-neutral-container-on: var(--tone-label);--tone-neutral-container-on-variant: var(--tone-picto);--tone-neutral-highlight: oklch(from var(--tone-neutral) calc(l + 0.05) c h);--tone-primary: rgb(from var(--color-red-500) r g b / 100%);--tone-primary-on: rgb(from var(--color-red-100) r g b / 100%);--tone-primary-on-variant: rgb(from var(--color-red-100) r g b / 75%);--tone-primary-container: rgb(from var(--color-red-400) r g b / 15%);--tone-primary-container-on: rgb(from var(--color-red-300) r g b / 100%);--tone-primary-container-on-variant: rgb(from var(--color-red-300) r g b / 50%);--tone-primary-highlight: oklch(from var(--tone-primary) calc(l + 0.10) c h);--tone-success: rgb(from var(--color-green-500) r g b / 100%);--tone-success-on: rgb(from var(--color-green-100) r g b / 100%);--tone-success-on-variant: rgb(from var(--color-green-100) r g b / 75%);--tone-success-container: rgb(from var(--color-green-500) r g b / 15%);--tone-success-container-on: rgb(from var(--color-green-300) r g b / 100%);--tone-success-container-on-variant: rgb(from var(--color-green-300) r g b / 50%);--tone-success-highlight: oklch(from var(--tone-success) calc(l + 0.10) c h);--tone-warning: rgb(from var(--color-red-500) r g b / 100%);--tone-warning-on: rgb(from var(--color-red-100) r g b / 100%);--tone-warning-on-variant: rgb(from var(--color-red-100) r g b / 75%);--tone-warning-container: rgb(from var(--color-red-500) r g b / 15%);--tone-warning-container-on: rgb(from var(--color-red-300) r g b / 100%);--tone-warning-container-on-variant: rgb(from var(--color-red-300) r g b / 50%);--tone-warning-highlight: oklch(from var(--tone-warning) calc(l + 0.10) c h);--tone-caution: rgb(from var(--color-yellow-500) r g b / 100%);--tone-caution-on: rgb(from var(--color-yellow-100) r g b / 100%);--tone-caution-on-variant: rgb(from var(--color-yellow-100) r g b / 75%);--tone-caution-container: rgb(from var(--color-yellow-500) r g b / 15%);--tone-caution-container-on: rgb(from var(--color-yellow-300) r g b / 100%);--tone-caution-container-on-variant: rgb(from var(--color-yellow-300) r g b / 50%);--tone-caution-highlight: oklch(from var(--tone-caution) calc(l + 0.10) c h);--tone-floater: var(--color-gray-800);--tone-floater-on: var(--color-gray-100);--tone-floater-on-variant: var(--color-gray-400);--tone-border-sm: var(--color-gray-250);--tone-border-md: var(--color-gray-350);--tone-border-lg: var(--color-gray-450);--tone-shadow-sm: rgba(0, 0, 0, 0.25);--tone-shadow-md: rgba(0, 0, 0, 0.25);--tone-shadow-lg: rgba(0, 0, 0, 0.35);--tone-highlight: rgb(from var(--tone-neutral) r g b / 100%);--tone-emphasize: rgb(from var(--tone-primary) r g b / 15%);--tone-backdrop: rgb(from var(--color-gray-400) r g b / 50%);--tone-scrollbar-track: rgb(from var(--color-gray-150) r g b / 75%);--tone-scrollbar-thumb: rgb(from var(--color-gray-700) r g b / 75%);--border-sm: 1px solid var(--tone-border-sm);--border-md: 1px solid var(--tone-border-md);--border-lg: 2px solid var(--tone-border-lg);--shadow-sm: 0px 1px 2px -0.5px var(--tone-shadow-sm);--shadow-md: 0px 1px 2px 0px var(--tone-shadow-md);--shadow-lg: 0px 2px 4px 0px var(--tone-shadow-lg);--border-surface: var(--border-md);--border-surface-above: var(--border-md);--border-surface-below: none;--border-surface-muted: none;--shadow-surface: none;--shadow-surface-above: var(--shadow-sm);--shadow-surface-below: none;--shadow-surface-muted: none;--input-tone: var(--tone-neutral);--input-border: none;--input-radius: var(--radius-sm);--input-focus-border: 2px solid var(--tone-primary);--input-focus-offset: 0px;--input-highlight-tone: oklch(from var(--input-tone) calc(l + 0.05) c h);--input-emphasize-tone: oklch(from var(--input-tone) calc(l + 0.05) c h)}@container style(--container: below){.theme-dark *{--tone-neutral: var(--color-gray-300);--tone-neutral-highlight: oklch(from var(--tone-neutral) calc(l - 0.05) c h);--tone-highlight: rgb(from var(--tone-neutral) r g b / 100%);--tone-emphasize: rgb(from var(--tone-primary) r g b / 15%);--input-tone: var(--tone-neutral);--input-highlight-tone: oklch(from var(--input-tone) calc(l - 0.05) c h);--input-emphasize-tone: oklch(from var(--input-tone) calc(l - 0.05) c h)}}@container style(--container: above){.theme-dark *{--tone-neutral: var(--color-gray-375);--tone-neutral-highlight: oklch(from var(--tone-neutral) calc(l - 0.05) c h);--tone-border-sm: var(--color-gray-375);--tone-border-md: var(--color-gray-375);--tone-border-lg: var(--color-gray-475);--tone-highlight: rgb(from var(--tone-neutral) r g b / 100%);--tone-emphasize: rgb(from var(--tone-primary) r g b / 15%);--border-sm: 1px solid var(--tone-border-sm);--border-md: 1px solid var(--tone-border-md);--border-lg: 2px solid var(--tone-border-lg);--input-tone: var(--tone-neutral);--input-highlight-tone: oklch(from var(--input-tone) calc(l - 0.05) c h);--input-emphasize-tone: oklch(from var(--input-tone) calc(l - 0.05) c h)}}@container style(--surface: below){.theme-dark *{--tone-neutral: var(--color-gray-300);--tone-neutral-highlight: oklch(from var(--tone-neutral) calc(l - 0.05) c h);--tone-highlight: rgb(from var(--tone-neutral) r g b / 100%);--tone-emphasize: rgb(from var(--tone-primary) r g b / 15%);--input-tone: var(--tone-neutral);--input-highlight-tone: oklch(from var(--input-tone) calc(l - 0.05) c h);--input-emphasize-tone: oklch(from var(--input-tone) calc(l - 0.05) c h)}}@container style(--surface: above) or style(--surface: muted){.theme-dark *{--tone-neutral: var(--color-gray-375);--tone-neutral-highlight: oklch(from var(--tone-neutral) calc(l - 0.05) c h);--tone-border-sm: var(--color-gray-375);--tone-border-md: var(--color-gray-375);--tone-border-lg: var(--color-gray-475);--tone-highlight: rgb(from var(--tone-neutral) r g b / 100%);--tone-emphasize: rgb(from var(--tone-primary) r g b / 15%);--border-sm: 1px solid var(--tone-border-sm);--border-md: 1px solid var(--tone-border-md);--border-lg: 2px solid var(--tone-border-lg);--input-tone: var(--tone-neutral);--input-highlight-tone: oklch(from var(--input-tone) calc(l - 0.05) c h);--input-emphasize-tone: oklch(from var(--input-tone) calc(l - 0.05) c h)}}}::selection{background-color:var(--color-blue-200)}.theme-dark ::selection{background-color:var(--color-blue-700)}@media(prefers-color-scheme: dark){.theme-auto ::selection{background-color:var(--color-blue-700)}}*,*:after,*:before{box-sizing:border-box}html{scroll-behavior:smooth}@layer reset{*{scrollbar-color:var(--tone-scrollbar-thumb) var(--tone-scrollbar-track);scrollbar-width:thin}}@layer reset{img,svg,video{display:block}strong{--font-weight: var(--font-weight-500);font-weight:var(--font-weight)}button{border:none;border-radius:0px;margin:0px;padding:0px}*:focus{outline:none}}@layer reset{:where(*:not(.monaco-workbench-part *,.monaco-editor *,.context-view *,.quick-input-widget *,.monaco-hover *)),:where(*:not(.monaco-workbench-part *,.monaco-editor *,.context-view *,.quick-input-widget *,.monaco-hover *))::before,:where(*:not(.monaco-workbench-part *,.monaco-editor *,.context-view *,.quick-input-widget *,.monaco-hover *))::after{letter-spacing:var(--letter-spacing, calc((-0.0075 + clamp(0, (var(--font-weight) - 475) / 100, 1) * (-0.0075) + clamp(0, (var(--font-weight) - 575) / 75, 1) * (0) + clamp(0, (var(--font-weight) - 650) / 100, 1) * (0.015)) * 1em))}}@layer reset{body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:var(--tone-container);line-height:var(--line-height-md);margin:0px;min-height:100%;min-width:100%;overflow-x:hidden;overflow-y:hidden;padding:0px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;color:var(--tone-text);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--size-text-sm);font-family:var(--font-family-sans);font-optical-sizing:auto}body.no-scroll{overflow:hidden}body.dragging{user-select:none}button,input,select,textarea{color:inherit;font:inherit;line-height:inherit;text-transform:inherit;word-spacing:inherit}}@layer reset{input,button,select,textarea{color:var(--tone-text);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--size-text-sm);font-family:var(--font-family-sans);outline:none}input:focus,button:focus,select:focus,textarea:focus{outline:none}input:invalid,button:invalid,select:invalid,textarea:invalid{box-shadow:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button,button::-webkit-outer-spin-button,button::-webkit-inner-spin-button,select::-webkit-outer-spin-button,select::-webkit-inner-spin-button,textarea::-webkit-outer-spin-button,textarea::-webkit-inner-spin-button{appearance:none;margin:0}input::-webkit-input-placeholder,button::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:rgb(from var(--tone-text) r g b/50%);opacity:1}input::-moz-placeholder,button::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:rgb(from var(--tone-text) r g b/50%);opacity:1}input:-moz-placeholder,button:-moz-placeholder,select:-moz-placeholder,textarea:-moz-placeholder{color:rgb(from var(--tone-text) r g b/50%);opacity:1}input:-ms-input-placeholder,button:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{color:rgb(from var(--tone-text) r g b/50%);opacity:1}}h1,h2,h3,h4,h5,h6{--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-family:var(--font-family-sans);margin:0px}h1:not(:last-child),h2:not(:last-child),h3:not(:last-child),h4:not(:last-child),h5:not(:last-child),h6:not(:last-child){margin-bottom:24px}em{font-style:italic}p{margin:0px}a{color:var(--tone-primary);text-decoration:none}a:hover{color:var(--tone-primary-highlight);text-decoration:none}strong.primary{color:var(--color-primary-400)}strong.warning{color:var(--color-warning-400)}strong.success{color:var(--color-green-400)}.wysiwyg{color:var(--tone-text);font-size:var(--size-text-md);font-family:var(--font-family-sans);line-height:1.65}.wysiwyg pre{margin:0px}.wysiwyg code{--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--size-text-sm);-webkit-font-smoothing:subpixel-antialiased;font-smoothing:subpixel-antialiased;font-family:var(--font-family-mono)}.wysiwyg p{margin-top:16px;margin-bottom:16px}.wysiwyg p:first-child{margin-top:0px}.wysiwyg p:last-child{margin-bottom:0px}.wysiwyg img,.wysiwyg video,.wysiwyg audio{border:1px solid var(--tone-border-md);border-radius:var(--radius-md);max-width:100%}.wysiwyg table{border:none;border-collapse:collapse;width:100%}.wysiwyg table th,.wysiwyg table td{border-top:1px solid var(--tone-border-md);border-bottom:1px solid var(--tone-border-md)}.wysiwyg table th{--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-text-sm);font-family:var(--font-family-sans);background:var(--color-gray-100);border-top:none;border-bottom:none;padding:12px;padding-left:16px;padding-right:16px;text-align:left}.wysiwyg table th:first-of-type{border-top-left-radius:8px}.wysiwyg table th:last-of-type{border-top-right-radius:8px}.wysiwyg table td{font-size:var(--size-text-sm);font-family:var(--font-family-sans);padding:12px;padding-left:16px;padding-right:16px}.wysiwyg a{color:var(--color-primary);text-decoration:underline;text-decoration-color:var(--color-primary);text-decoration-thickness:1px;text-underline-offset:.1em}.wysiwyg a:hover{color:var(--color-primary-500)}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@property --font-weight{syntax:"<number>";initial-value:450;inherits:true}#app{position:fixed;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:100dvh}.electron #app{border-top:1px solid var(--tone-border-md)}.main-loader{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-delay:700ms;background:var(--tone-container)}.loaded .main-loader{opacity:0;visibility:hidden}@layer overrides{.screen{--screen-gutter: calc(120px + 120 * ((100vw - 1921px) / 639))}@media(max-width: 2239.98px){.screen{--screen-gutter: calc(64px + 56 * ((100vw - 481px) / 1439))}}@media(max-width: 1279.98px){.screen{--screen-gutter: 16px}}}

@layer component.base{.label{--label-family: var(--font-family-sans);--label-weight: var(--font-weight-400);--label-size: var(--size-text-sm);--label-tone: var(--tone-label)}.label{position:relative}.label[data-lines="1"]{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.label[data-lines="2"]{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.label[data-lines="3"]{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.label[data-lines="4"]{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.label[data-lines="5"]{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.label[data-lines="6"]{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}.label{color:var(--label-tone);--font-weight: var(--label-weight);font-weight:var(--font-weight);font-size:var(--label-size);font-family:var(--label-family)}}
@layer component.control{.editable-label{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.editable-label.editable-label--is-ellipsized{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editable-label-input{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;min-height:1em}}
@layer component.base{.popover{--container: above;--popover-tone: var(--tone-container-above);--popover-height: auto;--popover-margin: 0px;--popover-border: var(--border-md);--popover-radius: var(--radius-sm);--popover-min-height: 0px;--popover-max-height: none;--popover-padding: 16px;--popover-spacing: 16px;--popover-min-width: 0px;--popover-max-width: none;--popover-width: 180px;--popover-pointer-stroke: var(--tone-border-md);--popover-offset-y: 12px;--popover-offset-x: 12px;--popover-pointer-inset: max(6px, var(--popover-radius))}.popover{box-shadow:var(--shadow-md);border-radius:var(--radius-md);border:none;transition-property:visibility,opacity;transition-behavior:allow-discrete;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);background:rgba(0,0,0,0);color:var(--tone-text);min-width:var(--popover-min-width);max-width:var(--popover-max-width);width:var(--popover-width);inset:auto;overflow:visible;padding:0px;top:0px;left:0px}.popover.popover--is-measured.popover--placement-top{top:calc(var(--popover-anchor-t) - var(--popover-offset-y) - var(--popover-measured-h))}.popover.popover--is-measured.popover--placement-left{left:calc(var(--popover-anchor-l) - var(--popover-offset-x) - var(--popover-measured-w))}.popover.popover--is-measured.popover--placement-right{left:calc(var(--popover-anchor-r) + var(--popover-offset-x))}.popover.popover--is-measured.popover--placement-bottom{top:calc(var(--popover-anchor-b) + var(--popover-offset-y))}.popover.popover--is-measured.popover--alignment-start.popover--placement-top,.popover.popover--is-measured.popover--alignment-start.popover--placement-bottom{left:calc(var(--popover-anchor-l))}.popover.popover--is-measured.popover--alignment-start.popover--placement-left,.popover.popover--is-measured.popover--alignment-start.popover--placement-right{top:calc(var(--popover-anchor-t))}.popover.popover--is-measured.popover--alignment-center.popover--placement-top,.popover.popover--is-measured.popover--alignment-center.popover--placement-bottom{left:calc(var(--popover-anchor-l) + var(--popover-anchor-w)/2 - var(--popover-measured-w)/2)}.popover.popover--is-measured.popover--alignment-center.popover--placement-left,.popover.popover--is-measured.popover--alignment-center.popover--placement-right{top:calc(var(--popover-anchor-t) + var(--popover-anchor-h)/2 - var(--popover-measured-h)/2)}.popover.popover--is-measured.popover--alignment-end.popover--placement-top,.popover.popover--is-measured.popover--alignment-end.popover--placement-bottom{left:calc(var(--popover-anchor-l) + var(--popover-anchor-w) - var(--popover-measured-w))}.popover.popover--is-measured.popover--alignment-end.popover--placement-left,.popover.popover--is-measured.popover--alignment-end.popover--placement-right{top:calc(var(--popover-anchor-t) + var(--popover-anchor-h) - var(--popover-measured-h))}.popover.popover--placement-top.popover--alignment-start .popover-pointer,.popover.popover--placement-bottom.popover--alignment-start .popover-pointer{left:clamp(var(--popover-pointer-inset),var(--popover-anchor-w)/2,var(--popover-measured-w) - var(--popover-pointer-inset))}.popover.popover--placement-top.popover--alignment-center .popover-pointer,.popover.popover--placement-bottom.popover--alignment-center .popover-pointer{left:calc(var(--popover-measured-w)/2)}.popover.popover--placement-top.popover--alignment-end .popover-pointer,.popover.popover--placement-bottom.popover--alignment-end .popover-pointer{left:clamp(var(--popover-pointer-inset),var(--popover-measured-w) - var(--popover-anchor-w)/2,var(--popover-measured-w) - var(--popover-pointer-inset))}.popover.popover--placement-left.popover--alignment-start .popover-pointer,.popover.popover--placement-right.popover--alignment-start .popover-pointer{top:clamp(var(--popover-pointer-inset),var(--popover-anchor-h)/2,var(--popover-measured-h) - var(--popover-pointer-inset))}.popover.popover--placement-left.popover--alignment-center .popover-pointer,.popover.popover--placement-right.popover--alignment-center .popover-pointer{top:calc(var(--popover-measured-h)/2)}.popover.popover--placement-left.popover--alignment-end .popover-pointer,.popover.popover--placement-right.popover--alignment-end .popover-pointer{top:clamp(var(--popover-pointer-inset),var(--popover-measured-h) - var(--popover-anchor-h)/2,var(--popover-measured-h) - var(--popover-pointer-inset))}.popover:popover-open{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;opacity:0}.popover:popover-open.popover--is-measured{opacity:1}@starting-style{.popover:popover-open{opacity:0}}.popover-pointer{z-index:5;position:absolute}.popover--placement-top .popover-pointer,.popover--placement-bottom .popover-pointer{height:6px;width:12px}.popover--placement-left .popover-pointer,.popover--placement-right .popover-pointer{height:12px;width:6px}.popover--placement-top .popover-pointer{bottom:1px;margin-left:-6px;margin-bottom:-6px}.popover--placement-left .popover-pointer{right:1px;margin-top:-6px;margin-right:-6px}.popover--placement-right .popover-pointer{left:1px;margin-top:-6px;margin-left:-6px}.popover--placement-bottom .popover-pointer{top:1px;margin-top:-6px;margin-left:-6px}.popover-pointer svg{height:100%;width:100%}.popover-pointer .popover-pointer-fill{fill:var(--popover-tone)}.popover-pointer .popover-pointer-line{stroke-linecap:round;stroke-width:1px;stroke:var(--popover-pointer-stroke)}.popover-pointer .popover-pointer-line:first-of-type{stroke:var(--popover-tone)}.popover-content{position:relative;box-shadow:var(--shadow-md);display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--popover-spacing);border:var(--popover-border);border-radius:var(--popover-radius);background:var(--popover-tone);height:var(--popover-height);margin:var(--popover-margin);min-height:var(--popover-min-height);max-height:var(--popover-max-height);overflow:hidden;padding:var(--popover-padding)}}
@layer component.variant{.helper{--helper-tone: var(--tone-floater);--helper-border: none;--helper-radius: var(--radius-sm);--helper-padding: 8px 12px;--helper-spacing: 0px;--helper-min-width: 0px;--helper-max-width: none;--helper-width: auto;--helper-text-align: center;--helper-text-transform: none;--helper-label-size: var(--size-text-xs);--helper-label-tone: var(--tone-floater-on);--helper-infos-size: var(--size-text-xs);--helper-infos-tone: var(--tone-floater-on-variant)}.helper{--popover-tone: var(--helper-tone);--popover-border: var(--helper-border);--popover-radius: var(--helper-radius);--popover-padding: var(--helper-padding);--popover-spacing: var(--helper-spacing);--popover-pointer-stroke: var(--helper-tone);--popover-min-width: var(--helper-min-width);--popover-max-width: var(--helper-max-width);--popover-width: var(--helper-width);pointer-events:none;text-align:var(--helper-text-align);text-transform:var(--helper-text-transform)}.helper-label{--label-weight: var(--font-weight-500);--label-size: var(--helper-label-size);--label-tone: var(--helper-label-tone)}.helper-infos{--label-weight: var(--font-weight-400);--label-size: var(--helper-infos-size);--label-tone: var(--helper-infos-tone)}}
@layer component.base{.picto{--picto-size: var(--size-icon-md);--picto-tone: var(--tone-picto);--picto-fill: transparent}.picto{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;transition-property:visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);user-select:none;font-size:var(--picto-size);--fa-primary-color:var(--picto-tone);--fa-secondary-color:var(--picto-tone);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--picto-tone);background-color:var(--picto-fill)}.picto .fa{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;--fa-width: auto}.picto .fa:after,.picto .fa:before{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);line-height:1}}
@layer component.control.base{.badge{--badge-tone: var(--tone-neutral);--badge-height: 36px;--badge-margin: 0px;--badge-radius: 36px;--badge-spacing: 6px;--badge-padding: 0px calc(var(--badge-height) * 0.35);--badge-width: auto;--badge-label-size: var(--size-text-sm);--badge-label-tone: var(--tone-label);--badge-picto-size: var(--size-icon-sm);--badge-picto-tone: var(--tone-picto)}.badge{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--badge-spacing);border-radius:var(--badge-radius);background:var(--badge-tone);height:var(--badge-height);margin:var(--badge-margin);padding:var(--badge-padding);width:var(--badge-width)}.badge-label{--font-weight: var(--font-weight-600);font-weight:var(--font-weight);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans);--label-size: var(--badge-label-size);--label-tone: var(--badge-label-tone)}.badge-picto{--picto-size: var(--badge-picto-size);--picto-tone: var(--badge-picto-tone)}.badge-helper{--helper-max-width: 220px}.badge--xs{--badge-height: 28px;--badge-radius: 28px;--badge-label-size: var(--size-text-xs);--badge-picto-size: var(--size-icon-xs)}.badge--sm{--badge-height: 32px;--badge-radius: 32px;--badge-label-size: var(--size-text-xs);--badge-picto-size: var(--size-icon-xs)}.badge--lg{--badge-height: 40px;--badge-radius: 40px;--badge-label-size: var(--size-text-md);--badge-picto-size: var(--size-icon-md)}.badge--xl{--badge-height: 44px;--badge-radius: 44px;--badge-label-size: var(--size-text-md);--badge-picto-size: var(--size-icon-md)}}@layer component.control.style{.badge.badge--primary{--badge-tone: var(--tone-primary);--badge-label-tone: var(--tone-primary-on);--badge-picto-tone: var(--tone-primary-on)}}@layer component.control.style{.badge.badge--warning{--badge-tone: var(--tone-warning);--badge-label-tone: var(--tone-warning-on);--badge-picto-tone: var(--tone-warning-on)}}@layer component.control.style{.badge.badge--red{--badge-tone: var(--tone-red);--badge-label-tone: var(--tone-white);--badge-picto-tone: var(--tone-white)}}@layer component.control.style{.badge.badge--green{--badge-tone: var(--tone-green);--badge-label-tone: var(--tone-white);--badge-picto-tone: var(--tone-white)}}@layer component.control.style{.badge.badge--blue{--badge-tone: var(--tone-blue);--badge-label-tone: var(--tone-white);--badge-picto-tone: var(--tone-white)}}@layer component.control.style{.badge.badge--orange{--badge-tone: var(--tone-orange);--badge-label-tone: var(--tone-white);--badge-picto-tone: var(--tone-white)}}@layer component.control.style{.badge.badge--yellow{--badge-tone: var(--tone-yellow);--badge-label-tone: var(--tone-white);--badge-picto-tone: var(--tone-white)}}@layer component.control.style{.badge.badge--purple{--badge-tone: var(--tone-purple);--badge-label-tone: var(--tone-white);--badge-picto-tone: var(--tone-white)}}@layer component.control.style{.badge.badge--mark{--badge-height: 20px;--badge-width: 20px;--badge-picto-size: 11px}}
@layer component.base{.form{--form-tone: transparent;--form-border: none;--form-height: auto;--form-margin: 0px;--form-radius: 0px;--form-spacing: 24px;--form-padding: 0px}.form{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--form-spacing);border:var(--form-border);border-radius:var(--form-radius);background:var(--form-tone);height:var(--form-height);margin:var(--form-margin);padding:var(--form-padding)}}

@layer component.base{.form-group{--form-group-tone: transparent;--form-group-height: auto;--form-group-margin: 0px;--form-group-border: none;--form-group-radius: 0px;--form-group-spacing: 16px;--form-group-padding: 0px}.form-group{position:relative;position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--form-group-spacing);border:var(--form-group-border);border-radius:var(--form-group-radius);background:var(--form-group-tone);height:var(--form-group-height);margin:var(--form-group-margin);padding:var(--form-group-padding)}}@layer component.style{.form-group--outlined{border:var(--border-md);border-radius:var(--radius-md);padding:16px}}
@layer component.base{.layout{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start}}
.grid-layout{--grid-layout-cols: 4;--grid-layout-rows: none;--grid-layout-border: none;--grid-layout-radius: 0px;--grid-layout-height: auto;--grid-layout-margin: 0px;--grid-layout-spacing: 24px;--grid-layout-padding: 0px}.grid-layout{position:relative;gap:var(--grid-layout-spacing);border:var(--grid-layout-border);border-radius:var(--grid-layout-radius);height:var(--grid-layout-height);margin:var(--grid-layout-margin);display:grid;grid-template-columns:repeat(var(--grid-layout-cols), minmax(0, 1fr));grid-template-rows:repeat(var(--grid-layout-rows), minmax(0, 1fr))}
@layer component.base{.form-field{position:relative;display:flex;flex:1 1 0;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0;max-width:100%}}
@layer component.base{.form-row{--form-row-tone: transparent;--form-row-height: auto;--form-row-margin: 0px;--form-row-border: none;--form-row-radius: 0px;--form-row-spacing: 16px;--form-row-padding: 0px;--form-row-auto-ratio: 12}.form-row{position:relative;display:grid;gap:var(--form-row-spacing);border:var(--form-row-border);border-radius:var(--form-row-radius);align-items:start;background:var(--form-row-tone);height:var(--form-row-height);margin:var(--form-row-margin);padding:var(--form-row-padding);grid-template-columns:repeat(12, minmax(0, 1fr))}.form-row .form-field--auto{grid-column:span var(--form-row-auto-ratio)}.form-row .form-field.form-field--1{grid-column:span 1}.form-row .form-field.form-field--2{grid-column:span 2}.form-row .form-field.form-field--3{grid-column:span 3}.form-row .form-field.form-field--4{grid-column:span 4}.form-row .form-field.form-field--5{grid-column:span 5}.form-row .form-field.form-field--6{grid-column:span 6}.form-row .form-field.form-field--7{grid-column:span 7}.form-row .form-field.form-field--8{grid-column:span 8}.form-row .form-field.form-field--9{grid-column:span 9}.form-row .form-field.form-field--10{grid-column:span 10}.form-row .form-field.form-field--11{grid-column:span 11}.form-row .form-field.form-field--12{grid-column:span 12}.form-row:not(:has(>.form-field:not(.form-field--auto))){grid-auto-flow:column;grid-auto-columns:minmax(0, 1fr);grid-template-columns:none}.form-row:not(:has(>.form-field:not(.form-field--auto))) .form-field--auto{grid-column:auto}@media(max-width: 1279.98px){.form-row{flex-wrap:wrap}.form-row .form-field,.form-row .form-field[class*=form-field--]{flex:1 1 100%;max-width:100%;min-width:0;width:100%}}}
@layer component.base{.form-list{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;container-type:inline-size;container-name:size;width:100%}.form-list-content{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.form-list-content .form-field{border-top:var(--border-md);padding:0px;padding-top:12px;padding-bottom:12px}.form-list-content .form-field:last-child{border-bottom:var(--border-md)}}@layer component.style{.form-list--borderless .form-list-content{gap:16px}.form-list--borderless .form-field{border:none;padding-top:0px;padding-bottom:0px}}
@layer component.base{.form-grid{--form-grid-tone: transparent;--form-grid-height: auto;--form-grid-margin: 0px;--form-grid-border: none;--form-grid-radius: 0px;--form-grid-spacing: 8px;--form-grid-padding: 0px}.form-grid{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:var(--form-grid-border);border-radius:var(--form-grid-radius);background:var(--form-grid-tone);container-type:inline-size;container-name:size;height:var(--form-grid-height);width:100%;margin:var(--form-grid-margin);padding:var(--form-grid-padding)}.form-grid-content{position:relative;display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));gap:var(--form-grid-spacing)}.form-grid--1 .form-grid-content{grid-template-columns:repeat(1, minmax(0, 1fr))}.form-grid--1 .form-grid-content .form-field.form-field--1{grid-column:span 0.0833333333}.form-grid--1 .form-grid-content .form-field.form-field--2{grid-column:span 0.1666666667}.form-grid--1 .form-grid-content .form-field.form-field--3{grid-column:span 0.25}.form-grid--1 .form-grid-content .form-field.form-field--4{grid-column:span 0.3333333333}.form-grid--1 .form-grid-content .form-field.form-field--5{grid-column:span 0.4166666667}.form-grid--1 .form-grid-content .form-field.form-field--6{grid-column:span 0.5}.form-grid--1 .form-grid-content .form-field.form-field--7{grid-column:span 0.5833333333}.form-grid--1 .form-grid-content .form-field.form-field--8{grid-column:span 0.6666666667}.form-grid--1 .form-grid-content .form-field.form-field--9{grid-column:span 0.75}.form-grid--1 .form-grid-content .form-field.form-field--10{grid-column:span 0.8333333333}.form-grid--1 .form-grid-content .form-field.form-field--11{grid-column:span 0.9166666667}.form-grid--1 .form-grid-content .form-field.form-field--12{grid-column:span 1}.form-grid--2 .form-grid-content{grid-template-columns:repeat(2, minmax(0, 1fr))}.form-grid--2 .form-grid-content .form-field.form-field--1{grid-column:span 0.1666666667}.form-grid--2 .form-grid-content .form-field.form-field--2{grid-column:span 0.3333333333}.form-grid--2 .form-grid-content .form-field.form-field--3{grid-column:span 0.5}.form-grid--2 .form-grid-content .form-field.form-field--4{grid-column:span 0.6666666667}.form-grid--2 .form-grid-content .form-field.form-field--5{grid-column:span 0.8333333333}.form-grid--2 .form-grid-content .form-field.form-field--6{grid-column:span 1}.form-grid--2 .form-grid-content .form-field.form-field--7{grid-column:span 1.1666666667}.form-grid--2 .form-grid-content .form-field.form-field--8{grid-column:span 1.3333333333}.form-grid--2 .form-grid-content .form-field.form-field--9{grid-column:span 1.5}.form-grid--2 .form-grid-content .form-field.form-field--10{grid-column:span 1.6666666667}.form-grid--2 .form-grid-content .form-field.form-field--11{grid-column:span 1.8333333333}.form-grid--2 .form-grid-content .form-field.form-field--12{grid-column:span 2}.form-grid--3 .form-grid-content{grid-template-columns:repeat(3, minmax(0, 1fr))}.form-grid--3 .form-grid-content .form-field.form-field--1{grid-column:span 0.25}.form-grid--3 .form-grid-content .form-field.form-field--2{grid-column:span 0.5}.form-grid--3 .form-grid-content .form-field.form-field--3{grid-column:span 0.75}.form-grid--3 .form-grid-content .form-field.form-field--4{grid-column:span 1}.form-grid--3 .form-grid-content .form-field.form-field--5{grid-column:span 1.25}.form-grid--3 .form-grid-content .form-field.form-field--6{grid-column:span 1.5}.form-grid--3 .form-grid-content .form-field.form-field--7{grid-column:span 1.75}.form-grid--3 .form-grid-content .form-field.form-field--8{grid-column:span 2}.form-grid--3 .form-grid-content .form-field.form-field--9{grid-column:span 2.25}.form-grid--3 .form-grid-content .form-field.form-field--10{grid-column:span 2.5}.form-grid--3 .form-grid-content .form-field.form-field--11{grid-column:span 2.75}.form-grid--3 .form-grid-content .form-field.form-field--12{grid-column:span 3}.form-grid--4 .form-grid-content{grid-template-columns:repeat(4, minmax(0, 1fr))}.form-grid--4 .form-grid-content .form-field.form-field--1{grid-column:span 0.3333333333}.form-grid--4 .form-grid-content .form-field.form-field--2{grid-column:span 0.6666666667}.form-grid--4 .form-grid-content .form-field.form-field--3{grid-column:span 1}.form-grid--4 .form-grid-content .form-field.form-field--4{grid-column:span 1.3333333333}.form-grid--4 .form-grid-content .form-field.form-field--5{grid-column:span 1.6666666667}.form-grid--4 .form-grid-content .form-field.form-field--6{grid-column:span 2}.form-grid--4 .form-grid-content .form-field.form-field--7{grid-column:span 2.3333333333}.form-grid--4 .form-grid-content .form-field.form-field--8{grid-column:span 2.6666666667}.form-grid--4 .form-grid-content .form-field.form-field--9{grid-column:span 3}.form-grid--4 .form-grid-content .form-field.form-field--10{grid-column:span 3.3333333333}.form-grid--4 .form-grid-content .form-field.form-field--11{grid-column:span 3.6666666667}.form-grid--4 .form-grid-content .form-field.form-field--12{grid-column:span 4}@media(max-width: 1279.98px){.form-grid[class*=form-grid--] .form-grid-content{grid-template-columns:repeat(1, minmax(0, 1fr))}.form-grid[class*=form-grid--] .form-grid-content>*,.form-grid[class*=form-grid--] .form-grid-content .form-field,.form-grid[class*=form-grid--] .form-grid-content .form-field[class*=form-field--]{grid-column:1/-1;max-width:100%;min-width:0;width:100%}}}
.form-stepper-step{position:absolute;top:0;left:0;right:0;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;visibility:hidden}.form-stepper-step.form-stepper-step--present,.form-stepper-step.form-stepper-step--dismiss,.form-stepper-step.form-stepper-step--is-active{visibility:visible}.form-stepper-step.form-stepper-step--dismiss{opacity:1;transform:none}.form-stepper-step.form-stepper-step--dismiss.form-stepper-step--dismiss-natural.form-stepper-step--dismiss-active{transform:translateX(-12px)}.form-stepper-step.form-stepper-step--dismiss.form-stepper-step--dismiss-reverse.form-stepper-step--dismiss-active{transform:translateX(12px)}.form-stepper-step.form-stepper-step--dismiss.form-stepper-step--dismiss-active{transition-property:visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0}.form-stepper-step.form-stepper-step--present{opacity:0}.form-stepper-step.form-stepper-step--present.form-stepper-step--present-natural{transform:translateX(48px)}.form-stepper-step.form-stepper-step--present.form-stepper-step--present-reverse{transform:translateX(-48px)}.form-stepper-step.form-stepper-step--present.form-stepper-step--present-active{transition-property:visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-delay:350ms;opacity:1;transform:none}.form-stepper-step-content{display:none;padding:24px}.form-stepper-step--is-active .form-stepper-step-content,.form-stepper-step--present .form-stepper-step-content,.form-stepper-step--dismiss .form-stepper-step-content{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}
@layer component.base{.form-stepper{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:flex-start;justify-content:flex-start}.form-stepper-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;align-self:stretch}.form-stepper-body{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start}.form-stepper-content{position:relative;transition-property:height;transition-duration:500ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}}
@layer component.control.base{.input-field-infos{--input-field-infos-tone: var(--tone-infos);--input-field-infos-size: var(--size-text-xs)}.input-field-infos{color:var(--input-field-infos-tone);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--input-field-infos-size);font-family:var(--font-family-sans);position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}}
@layer component.control.base{.input-field-label{--input-field-label-tone: var(--tone-label);--input-field-label-size: var(--size-text-sm)}.input-field-label{color:var(--input-field-label-tone);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--input-field-label-size);white-space:nowrap;font-family:var(--font-family-sans);position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.input-field-label.input-field-label--is-required:after{color:var(--tone-primary);font-size:10px;font-family:var(--font-family-sans);content:"⏺︎";display:block;margin:0px;margin-left:4px}.input-field-label.input-field-label--is-optional:after{color:var(--tone-infos);font-size:var(--size-text-xs);font-style:italic;font-family:var(--font-family-sans);content:"(Optional)";display:block;margin:0px;margin-left:4px}}
@layer component.control.base{.input-field-notes{color:var(--tone-infos);font-size:var(--size-text-xs);font-family:var(--font-family-sans);position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin:0px;margin-top:6px}}
@layer component.control.base{.check-group{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px}.check-group-body{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}.check-group--row .check-group-body{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.check-group--col .check-group-body{display:flex;flex-direction:column;align-items:stretch;justify-content:center}}@layer component.control.variant{.form-list .check-group{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.form-list .check-group-head{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%}}

@layer component.control.base{.input-field{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px}}
@layer component.control.base{.input-field-error{color:var(--tone-warning);font-size:var(--size-text-xs);font-family:var(--font-family-sans);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;pointer-events:none}.input-field-error.input-field-error--has-error{opacity:1;visibility:visible}.input-field-error-body{position:relative;transition-property:color,height,padding;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-behavior:allow-discrete}@starting-style{.input-field-error-body{height:0px}}.input-field-error--has-error .input-field-error-body{height:calc-size(auto,size)}.input-field-error-message{padding:0px;padding-top:6px}}
@layer component.base{@keyframes outline-rotate{to{--angle: 360deg}}.outline{--outline-inset: -4px;--outline-width: +2px;--outline-color: var(--tone-primary)}.outline{position:absolute;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;pointer-events:none;inset:var(--outline-inset)}.outline:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;border-style:solid;border-width:var(--outline-width);border-color:rgba(0,0,0,0);mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude}*:hover>.outline:not(.outline--is-selected,.outline--is-disabled){opacity:1;visibility:visible}*:hover>.outline:not(.outline--is-selected,.outline--is-disabled):before{background:conic-gradient(from var(--angle, 0deg), oklch(from var(--outline-color) calc(l + 0.3) c h), oklch(from var(--outline-color) calc(l + 0) c h), oklch(from var(--outline-color) calc(l + 0.3) c h), oklch(from var(--outline-color) calc(l + 0) c h), oklch(from var(--outline-color) calc(l + 0.3) c h), oklch(from var(--outline-color) calc(l + 0) c h), oklch(from var(--outline-color) calc(l + 0.3) c h)) border-box;animation:outline-rotate 3.5s linear infinite}.outline.outline--is-selected{opacity:1;visibility:visible}.outline.outline--is-selected:before{background:var(--outline-color)}.outline.outline--is-disabled{opacity:.5;visibility:visible}.outline.outline--is-disabled:before{background:var(--outline-color)}.outline-vars{opacity:0;visibility:hidden;position:absolute;border-width:3px}.outline-check{z-index:1;position:absolute;top:12px;right:12px;font-size:10px;--fa-primary-color:var(--tone-primary-on);--fa-secondary-color:var(--tone-primary-on);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-primary-on);background-color:var(--tone-primary);height:20px;width:20px;border-radius:20px}.outline--outset{--outline-inset: -5px;--outline-width: +3px}}
@layer component.control.base{.check-input{--check-input-tone: var(--input-tone);--check-input-border: var(--input-border);--check-input-radius: 8px;--check-input-height: 24px;--check-input-badge-tone: var(--tone-neutral);--check-input-badge-height: 28px;--check-input-badge-margin: 0px;--check-input-badge-radius: 28px;--check-input-badge-label-size: var(--size-text-xs);--check-input-badge-label-tone: var(--tone-label);--check-input-badge-picto-size: var(--size-icon-xs);--check-input-badge-picto-tone: var(--tone-picto)}.check-input{cursor:pointer;user-select:none;position:relative}.check-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.check-input.check-input--has-picto .input-field{gap:12px}.check-input-head{order:1}.check-input-body{position:relative;flex:none;border:var(--check-input-border);border-radius:var(--check-input-radius);height:var(--check-input-height);width:var(--check-input-height);background:var(--check-input-tone);order:0}.check-input--has-picto .check-input-body{height:40px;width:40px}.check-input--has-picto.check-input--is-selected .check-input-body{background-color:var(--tone-primary)}.check-input--has-picto.check-input--is-selected .check-input-body:after{opacity:1;visibility:visible}.check-input--has-focus .check-input-body{outline:var(--input-focus-border);outline-offset:var(--input-focus-offset)}.check-input--is-selected .check-input-body{background-color:var(--tone-primary);border-color:var(--tone-border-md)}.check-input-body input{cursor:pointer;user-select:none;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);display:block;height:100%;margin:0px;width:100%}.check-input-label{white-space:nowrap}.check-input-picto{--picto-size: 18px}.check-input--has-picto .check-input-picto{position:absolute;top:0;left:0;right:0;bottom:0}.check-input--is-selected .check-input-picto{--picto-tone: var(--tone-primary)}.check-input--has-picto.check-input--is-selected .check-input-picto{--picto-tone: var(--tone-primary-on)}.check-input-badge{--badge-tone: var(--check-input-badge-tone);--badge-height: var(--check-input-badge-height);--badge-margin: var(--check-input-badge-margin);--badge-radius: var(--check-input-badge-radius);--badge-label-size: var(--check-input-badge-label-size);--badge-label-tone: var(--check-input-badge-label-tone);--badge-picto-size: var(--check-input-badge-picto-size);--badge-picto-tone: var(--check-input-badge-picto-tone);order:2}.check-input-indicator{position:absolute;top:50%;left:50%;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);height:2px;width:12px;opacity:0;visibility:hidden;background:var(--input-tone);margin:0px;margin-top:-1px;margin-left:-6px;pointer-events:none;transform:none}.check-input--is-selected .check-input-indicator{opacity:1;visibility:visible}.check-input-indicator:nth-child(2){transform:rotate(-90deg)}.check-input--is-selected .check-input-indicator:nth-child(2){transform:translate(-3.5px, 2px) rotate(45deg) scaleX(0.55)}.check-input-indicator:nth-child(3){transform:none}.check-input--is-selected .check-input-indicator:nth-child(3){transform:translate(1.5px, 0px) rotate(-45deg)}}@layer component.control.style{.check-input--outlined{--check-input-tone: transparent;--check-input-border: var(--border-md)}}
@layer component.control.base{.check-list-input{position:relative}}
.accent-picker-alpha-slider{position:relative}.accent-picker-alpha-slider:not(:last-child){margin-bottom:12px}.accent-picker-alpha-slider-head{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.accent-picker-alpha-slider-head:not(:last-child){margin-bottom:12px}.accent-picker-alpha-slider-body{position:relative;height:16px;touch-action:none}.accent-picker-alpha-slider-track{position:relative;border:none;border-radius:4px;height:16px;overflow:hidden}.accent-picker-alpha-slider-track canvas{display:block;height:100%;width:100%}.accent-picker-alpha-slider-track{background-image:linear-gradient(45deg, white 25%, rgba(255, 255, 255, 0) 25%),linear-gradient(-45deg, white 25%, rgba(255, 255, 255, 0) 25%),linear-gradient(45deg, rgba(255, 255, 255, 0) 75%, white 75%),linear-gradient(-45deg, rgba(255, 255, 255, 0) 75%, white 75%);background-size:16px 16px;background-position:0px 0px,0px 8px,8px -8px,-8px 0px}.accent-picker-alpha-slider-thumb{z-index:5;position:absolute;top:50%;left:var(--value);display:flex;flex-direction:column;align-items:center;justify-content:center;height:24px;width:24px;background:url("/assets/images/picker/color/thumb.svg") no-repeat center center;background-size:contain;margin:0px;margin-top:-12px;margin-left:-12px}.accent-picker-alpha-slider-thumb:after{content:"";display:block;height:6px;width:6px;background:#fff;border:none;border-radius:6px}.accent-picker-alpha-slider-value{z-index:5;position:absolute;bottom:calc(100% + 6px);display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition-property:visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;background:var(--tone-black);padding:6px;padding-left:8px;padding-right:8px;white-space:nowrap}.accent-picker-alpha-slider--is-dragging .accent-picker-alpha-slider-value{opacity:1;visibility:visible}.accent-picker-alpha-slider-value-label{white-space:nowrap;font-family:var(--font-family-sans);--label-size: var(--size-text-xs);--label-tone: var(--tone-white)}
@layer component.base{.image{flex:none;border:none;border-radius:0px;display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;object-position:center;width:100%}.image:not(.image--has-value){opacity:0;visibility:hidden}}
.accent-picker-image{position:relative;border-radius:var(--radius-sm);background:var(--tone-surface-below);min-height:120px;overflow:hidden}.accent-picker-image .image{aspect-ratio:1/1;object-fit:cover;object-position:center center;width:100%}
.accent-picker-image-picker{position:relative}.accent-picker-image-picker-value{position:absolute;opacity:0;visibility:hidden}
.accent-picker-swatch{cursor:pointer;user-select:none;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border-radius:var(--radius-sm);background:var(--background-color);height:48px;padding:0px;padding-left:16px;padding-right:16px}.accent-picker-swatch-label{--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-family:var(--font-family-sans);--label-size: var(--size-text-sm);--label-tone: var(--foreground-color)}
.accent-picker-palette{position:relative;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px}
.accent-picker-shade-slider{position:relative}.accent-picker-shade-slider:not(:last-child){margin-bottom:12px}.accent-picker-shade-slider-head{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.accent-picker-shade-slider-head:not(:last-child){margin-bottom:8px}.accent-picker-shade-slider-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;height:16px;touch-action:none}.accent-picker-shade-slider-body:not(:last-child){margin-bottom:8px}.accent-picker-shade-slider-track{position:relative;border:none;border-radius:4px;height:16px;overflow:hidden}.accent-picker-shade-slider-track canvas{display:block;height:100%;width:100%}.accent-picker-shade-slider-thumb{z-index:5;position:absolute;top:50%;left:var(--value);display:flex;flex-direction:column;align-items:center;justify-content:center;height:24px;width:24px;background:url("/assets/images/picker/color/thumb.svg") no-repeat center center;background-size:contain;margin:0px;margin-top:-12px;margin-left:-12px}.accent-picker-shade-slider-thumb:after{content:"";display:block;height:6px;width:6px;background:#fff;border:none;border-radius:12px}.accent-picker-shade-slider-value{z-index:5;position:absolute;bottom:calc(100% + 6px);display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition-property:visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;background:var(--tone-black);padding:6px;padding-left:8px;padding-right:8px;white-space:nowrap}.accent-picker-shade-slider--is-dragging .accent-picker-shade-slider-value{opacity:1;visibility:visible}.accent-picker-shade-slider-value-label{white-space:nowrap;font-family:var(--font-family-sans);--label-size: var(--size-text-xs);--label-tone: var(--tone-white)}
.accent-picker{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px}.accent-picker-head,.accent-picker-body{position:relative}.accent-picker-head .accent-picker-image-picker{position:absolute;right:16px;bottom:16px;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden}.accent-picker-head:hover .accent-picker-image-picker,.accent-picker-head.accent-picker-head--is-empty .accent-picker-image-picker{opacity:1;visibility:visible}
.form-color-picker{z-index:5;position:absolute;top:100%;left:50%;transform:translateX(-50%)}

@layer component.control.base{.input-field-picto{--input-field-picto-width: 36px;--input-field-picto-height: 100%;--input-field-picto-size: var(--size-icon-xs);--input-field-picto-tone: var(--tone-picto)}.input-field-picto{height:var(--input-field-picto-height);width:var(--input-field-picto-width);font-size:var(--input-field-picto-size);--fa-primary-color:var(--input-field-picto-tone);--fa-secondary-color:var(--input-field-picto-tone);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--input-field-picto-tone);pointer-events:none}}
@layer component.control.base{.color-input{--color-input-tone: var(--input-tone);--color-input-height: 36px;--color-input-margin: 0px;--color-input-border: var(--input-border);--color-input-radius: var(--input-radius);--color-input-padding: 0px;--color-input-spacing: 8px;--color-input-font-size: var(--size-text-sm);--color-input-font-tone: var(--tone-text);--color-input-swatch-border: var(--border-md);--color-input-swatch-radius: var(--radius-sm);--color-input-swatch-area: 24px;--color-input-picker-tone: var(--tone-container-above);--color-input-picker-padding: 12px;--color-input-picker-min-width: 280px;--color-input-picker-max-width: min(360px, calc(100vw - 24px));--color-input-picker-max-height: min(70vh, calc(100vh - 24px));--color-input-picker-width: min(360px, calc(100vw - 24px))}.color-input{cursor:pointer;user-select:none;position:relative;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);overflow:visible}.color-input.color-input--is-disabled{opacity:.5}.color-input .input-field{gap:var(--color-input-spacing)}.color-input-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border:var(--color-input-border);border-radius:var(--color-input-radius);background:var(--color-input-tone);height:var(--color-input-height);margin:var(--color-input-margin)}.color-input--has-focus .color-input-body{outline:var(--input-focus-border);outline-offset:var(--input-focus-offset)}.color-input-body input{color:var(--color-input-font-tone);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--color-input-font-size);font-family:var(--font-family-sans);appearance:none;background:rgba(0,0,0,0);border:none;border-radius:0px;display:block;height:100%;padding:var(--color-input-padding);width:100%}.color-input-body input::-webkit-input-placeholder{color:var(--tone-infos)}.color-input-body input::-moz-placeholder{color:var(--tone-infos)}.color-input-body input:-moz-placeholder{color:var(--tone-infos)}.color-input-body input:-ms-input-placeholder{color:var(--tone-infos)}.color-input-swatch{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1/1;height:100%}.color-input-swatch-color{position:relative;flex:none;border:var(--color-input-swatch-border);border-radius:var(--color-input-swatch-radius);height:var(--color-input-swatch-area);width:var(--color-input-swatch-area)}.color-input-picker{--popover-tone: var(--color-input-picker-tone);--popover-padding: var(--color-input-picker-padding);--popover-spacing: 0px;--popover-min-width: var(--color-input-picker-min-width);--popover-max-width: var(--color-input-picker-max-width);--popover-max-height: var(--color-input-picker-max-height);--popover-width: var(--color-input-picker-width)}.color-input-picker .popover-content{min-width:0;overflow:auto}.color-input-picker .accent-picker-image .image{aspect-ratio:16/9;max-height:96px}.color-input--xs{--color-input-height: 28px}.color-input--sm{--color-input-height: 32px}.color-input--lg{--color-input-height: 40px}.color-input--xl{--color-input-height: 44px}}@layer component.control.style{.color-input--outlined{--color-input-tone: transparent;--color-input-border: var(--border-md)}}@layer component.control.style{.color-input--floating{--color-input-height: 48px}.color-input--floating .color-input-head{z-index:5;position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;transition-property:color,height;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);height:100%;padding:calc(var(--color-input-height)/5.25);padding-left:12px;padding-right:12px;pointer-events:none}.color-input--floating .color-input-head .input-field-label,.color-input--floating .color-input-head .input-field-infos{transition-property:color,font-size,visibility,opacity,padding,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);line-height:1}.color-input--floating .color-input-body input{padding-top:calc(var(--color-input-height)/3.5)}.color-input--floating.color-input--has-value .input-field-label,.color-input--floating.color-input--has-placeholder .input-field-label{--input-field-label-tone: var(--tone-infos)}.color-input--floating .color-input-swatch{aspect-ratio:auto;height:100%;padding-top:calc(var(--color-input-height)/3.75);margin-left:12px;margin-right:2px}.color-input--floating .color-input-swatch-color{height:10px;width:10px}.color-input--floating.color-input--has-focus .input-field-label{--input-field-label-tone: var(--tone-primary)}.color-input--floating.color-input--has-focus .color-input-head,.color-input--floating.color-input--has-value .color-input-head,.color-input--floating.color-input--has-placeholder .color-input-head{height:calc-size(min-content,size)}.color-input--floating.color-input--has-focus .input-field-label,.color-input--floating.color-input--has-value .input-field-label,.color-input--floating.color-input--has-placeholder .input-field-label{--input-field-label-size: 12px}.color-input--floating.color-input--has-focus .input-field-infos,.color-input--floating.color-input--has-value .input-field-infos,.color-input--floating.color-input--has-placeholder .input-field-infos{opacity:0;visibility:hidden}}@layer component.control.style{.form-grid .color-input:not(.color-input--floating) .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0px;border:var(--color-input-border);border-radius:var(--color-input-radius);background:var(--color-input-tone);padding:0px;padding-left:12px}.form-grid .color-input:not(.color-input--floating).color-input--has-focus .input-field{outline:var(--input-focus-border);outline-offset:var(--input-focus-offset)}.form-grid .color-input:not(.color-input--floating).color-input--has-focus .color-input-body{outline:none}.form-grid .color-input:not(.color-input--floating) .color-input-body{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-end;border:none;background:none}.form-grid .color-input:not(.color-input--floating) .color-input-body input{field-sizing:content;width:auto}.form-grid .color-input:not(.color-input--floating) .color-input-prefix{margin:0px}.form-grid .color-input--has-picto .color-input-body input{padding-right:0px}}@layer component.control.style{.form-list .color-input .color-input-head,.form-list .color-input .color-input-body{flex:1 1 0}.form-list .color-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}}
@layer component.control.base{.react-datepicker-wrapper{height:100%;width:100%}.react-datepicker__input-container{height:100%;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.react-datepicker__close-icon{cursor:pointer;user-select:none;position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;order:0;height:20px;width:20px;border-radius:20px;background:var(--tone-neutral)}.react-datepicker__close-icon:hover{background:oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h)}.react-datepicker__close-icon i{color:var(--tone-label);font-size:11px}.react-datepicker-popper{z-index:800}.react-datepicker{color:var(--tone-text);font-size:var(--size-text-sm);font-family:var(--font-family-sans);position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:4px;margin:0px;margin-top:12px;user-select:none}.react-datepicker__sr-only{display:none}.react-datepicker__month-container{box-shadow:var(--shadow-md);border-radius:var(--radius-md);border:1px solid var(--tone-border-md);position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-self:stretch;background:var(--tone-container-above);width:240px}.react-datepicker__time-container{box-shadow:var(--shadow-md);border-radius:var(--radius-md);border:1px solid var(--tone-border-md);position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-self:stretch;background:var(--tone-container-above);width:120px}.react-datepicker__day.react-datepicker__day--disabled{color:var(--tone-infos);pointer-events:none}.react-datepicker__header{position:relative}.react-datepicker__navigation{cursor:pointer;user-select:none;z-index:5;height:36px;width:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;overflow:hidden;padding:0px}.react-datepicker__navigation span{display:none}.react-datepicker__navigation:hover:before{color:var(--tone-primary)}.react-datepicker__navigation--previous{position:absolute;top:0;left:0}.react-datepicker__navigation--previous:before{font:var(--fa-font-regular);font-size:14px;color:var(--tone-label);content:""}.react-datepicker__navigation--next{position:absolute;top:0;left:204px}.react-datepicker__navigation--next:before{font:var(--fa-font-regular);font-size:14px;color:var(--tone-label);content:""}.react-datepicker__current-month{display:none}.react-datepicker__header__dropdown{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;height:36px;padding-left:36px;padding-right:36px}.react-datepicker__month-dropdown-container,.react-datepicker__year-dropdown-container{display:flex;flex:1 1 0;min-width:0;max-width:100%;min-height:0;max-height:100%;min-width:0}.react-datepicker__month-select,.react-datepicker__year-select{color:var(--tone-title);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-text-sm);font-family:var(--font-family-sans);cursor:pointer;user-select:none;border-radius:var(--radius-sm);appearance:auto;background:var(--input-tone);border:1px solid var(--tone-border-md);color:var(--tone-title);height:24px;margin:0px;max-width:100%;padding:0px 4px;width:100%}.react-datepicker__month-select:focus,.react-datepicker__year-select:focus{border-color:var(--tone-primary);outline:none}.react-datepicker__day-names{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;padding:12px;padding-top:0px;padding-bottom:4px}.react-datepicker__day-name{color:var(--tone-infos);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-text-xs);font-family:var(--font-family-sans);display:flex;flex:1 1 0;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:center;justify-content:center;margin:2px;text-align:center;text-transform:uppercase;white-space:nowrap;width:24px}.react-datepicker__day--today{background:var(--tone-primary-container)}.react-datepicker__month{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:12px;padding-top:0px}.react-datepicker__week{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start}.react-datepicker__day{color:var(--tone-label);font-size:var(--size-text-xs);font-family:var(--font-family-sans);cursor:pointer;user-select:none;display:flex;flex:1 1 0;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-sm);height:24px;width:24px;margin:2px;line-height:1;text-align:center;text-transform:none;white-space:nowrap}.react-datepicker__day:hover{color:var(--tone-primary-on);background:var(--tone-primary)}.react-datepicker__day--outside-month{color:var(--tone-infos)}.react-datepicker__day--selected{color:var(--tone-primary-on);background:var(--tone-primary)}.react-datepicker__header--time{color:var(--tone-title);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-text-sm);font-family:var(--font-family-sans);display:flex;flex-direction:row;align-items:center;justify-content:center;height:40px}.react-datepicker__time-list{position:absolute;top:40px;left:0;right:0;bottom:0;height:auto !important;margin:0px;overflow-x:hidden;overflow-y:scroll;padding:12px}.react-datepicker__time-list::-webkit-scrollbar-track{background:rgba(var(--tone-title), 0);border:none}.react-datepicker__time-list::-webkit-scrollbar{background:rgba(var(--tone-title), 0);width:6px}.react-datepicker__time-list::-webkit-scrollbar-thumb{background:rgba(var(--tone-title), 0.65);border:none;border-radius:3px}.react-datepicker__time-list-item{color:var(--tone-label);font-size:var(--size-text-xs);font-family:var(--font-family-sans);position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-sm);height:24px;margin:2px;padding-left:4px;padding-right:4px;text-align:center;white-space:nowrap}.react-datepicker__time-list-item:hover{background:var(--tone-neutral)}.react-datepicker__time-list-item--selected{color:var(--tone-primary-on);background:var(--tone-primary)}.react-datepicker__triangle{display:none}.react-datepicker__aria-live{display:none}}
@layer component.control.base{.date-input{--date-input-tone: var(--input-tone);--date-input-height: 36px;--date-input-margin: 0px;--date-input-border: var(--input-border);--date-input-radius: var(--input-radius);--date-input-padding: 0px 12px;--date-input-spacing: 6px;--date-input-font-size: var(--size-text-sm);--date-input-font-tone: var(--tone-text);--date-input-text-align: start;--date-input-text-transform: none}.date-input{cursor:pointer;user-select:none;position:relative;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.date-input.date-input--is-disabled{opacity:.5}.date-input .input-field{gap:var(--date-input-spacing)}.date-input-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border:var(--date-input-border);border-radius:var(--date-input-radius);background:var(--date-input-tone);height:var(--date-input-height);margin:var(--date-input-margin)}.date-input--has-focus .date-input-body{outline:var(--input-focus-border);outline-offset:var(--input-focus-offset)}.date-input-body .date-input-value{color:var(--date-input-font-tone);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--date-input-font-size);font-family:var(--font-family-sans);appearance:none;background:rgba(0,0,0,0);border:none;border-radius:0px;display:block;padding:0px;padding:var(--date-input-padding);text-align:var(--date-input-text-align);text-transform:var(--date-input-text-transform);width:100%}.date-input-body .date-input-value::-webkit-input-placeholder{color:var(--tone-infos)}.date-input-body .date-input-value::-moz-placeholder{color:var(--tone-infos)}.date-input-body .date-input-value:-moz-placeholder{color:var(--tone-infos)}.date-input-body .date-input-value:-ms-input-placeholder{color:var(--tone-infos)}.date-input-picto,.date-input-badge{pointer-events:none}.date-input--xs{--date-input-height: 28px}.date-input--sm{--date-input-height: 32px}.date-input--lg{--date-input-height: 40px}.date-input--xl{--date-input-height: 44px}}@layer component.control.style{.date-input--outlined{--date-input-tone: transparent;--date-input-border: var(--border-md)}}@layer component.control.style{.date-input--floating{--date-input-height: 48px}.date-input--floating .date-input-head{z-index:5;position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;transition-property:color,height;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);height:100%;padding:calc(var(--date-input-height)/5.25);padding-left:12px;padding-right:12px;pointer-events:none}.date-input--floating .date-input-head .input-field-label,.date-input--floating .date-input-head .input-field-infos{transition-property:color,font-size,visibility,opacity,padding,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);line-height:1}.date-input--floating .date-input-body .date-input-value{padding-top:calc(var(--date-input-height)/3.5)}.date-input--floating.date-input--has-value .input-field-label{--input-field-label-tone: var(--tone-infos)}.date-input--floating.date-input--has-focus .input-field-label{--input-field-label-tone: var(--tone-primary)}.date-input--floating.date-input--has-focus .date-input-head,.date-input--floating.date-input--has-value .date-input-head{height:calc-size(min-content,size)}.date-input--floating.date-input--has-focus .input-field-label,.date-input--floating.date-input--has-value .input-field-label{--input-field-label-size: 12px}.date-input--floating.date-input--has-focus .input-field-infos,.date-input--floating.date-input--has-value .input-field-infos{opacity:0;visibility:hidden}}@layer component.control.style{.form-grid .date-input:not(.date-input--floating) .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;border:var(--date-input-border);border-radius:var(--date-input-radius);background:var(--date-input-tone);overflow:visible;padding:0px;padding-left:12px}.form-grid .date-input:not(.date-input--floating).date-input--has-focus .input-field{outline:var(--input-focus-border);outline-offset:var(--input-focus-offset)}.form-grid .date-input:not(.date-input--floating).date-input--has-focus .date-input-body{outline:none}.form-grid .date-input:not(.date-input--floating) .date-input-head{flex:none}.form-grid .date-input:not(.date-input--floating) .date-input-body{display:flex;flex:1 0 auto;flex-direction:row;align-items:center;justify-content:flex-end;background:none;border:none}.form-grid .date-input:not(.date-input--floating) .date-input-prefix{margin:0px}.form-grid .date-input:not(.date-input--floating) .date-input--has-picto .date-input-body input{padding-right:0px}.form-grid .date-input:not(.date-input--floating) .date-input-value{text-align:right}.form-grid .date-input:not(.date-input--floating) .react-datepicker__input-container{gap:4px}}@layer component.control.style{.form-list .date-input .date-input-head,.form-list .date-input .date-input-body{flex:1 1 0}.form-list .date-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}.form-list .date-input .react-datepicker__input-container{gap:8px}}
@layer component.control.base{.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range{color:var(--tone-primary);background:var(--tone-primary-container)}.react-datepicker__day--range-start,.react-datepicker__day--range-end,.react-datepicker__day--selecting-range-start,.react-datepicker__day--selecting-range-end{color:var(--tone-primary-on);background:var(--tone-primary)}}
@layer component.control.base{.date-range-input{--date-range-input-tone: var(--input-tone);--date-range-input-height: auto;--date-range-input-margin: 0px;--date-range-input-border: var(--border-md);--date-range-input-radius: var(--radius-sm);--date-range-input-padding: 0px 12px;--date-range-input-spacing: 6px;--date-range-input-font-size: var(--size-text-sm);--date-range-input-font-tone: var(--tone-text);--date-range-input-text-align: start;--date-range-input-text-transform: none}.date-range-input{cursor:pointer;user-select:none;position:relative;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.date-range-input.date-range-input--is-disabled{opacity:.5}.date-range-input .input-field{gap:var(--date-range-input-spacing)}.date-range-input-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border:var(--date-range-input-border);border-radius:var(--date-range-input-radius);background:var(--date-range-input-tone);height:var(--date-range-input-height);margin:var(--date-range-input-margin)}.date-range-input--has-focus .date-range-input-body{border-color:var(--tone-primary)}.date-range-input--has-error .date-range-input-body{border-color:var(--tone-warning)}.date-range-input-body .date-range-input-value{color:var(--date-range-input-font-tone);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--date-range-input-font-size);font-family:var(--font-family-sans);appearance:none;background:rgba(0,0,0,0);border:none;border-radius:0px;display:block;padding:0px;padding:var(--date-range-input-padding);text-align:var(--date-range-input-text-align);text-transform:var(--date-range-input-text-transform);width:100%}.date-range-input--has-error .date-range-input-body .date-range-input-value{color:var(--tone-warning)}.date-range-input-body .date-range-input-value::-webkit-input-placeholder{color:var(--tone-infos)}.date-range-input-body .date-range-input-value::-moz-placeholder{color:var(--tone-infos)}.date-range-input-body .date-range-input-value:-moz-placeholder{color:var(--tone-infos)}.date-range-input-body .date-range-input-value:-ms-input-placeholder{color:var(--tone-infos)}.date-range-input-picto,.date-range-input-badge{pointer-events:none}.date-range-input--xs{--date-range-input-height: 28px}.date-range-input--sm{--date-range-input-height: 32px}.date-range-input--md{--date-range-input-height: 36px}.date-range-input--lg{--date-range-input-height: 40px}.date-range-input--xl{--date-range-input-height: 44px}}@layer component.control.style{.date-range-input--floating{--date-range-input-height: 48px}.date-range-input--floating .date-range-input-head{z-index:5;position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;transition-property:color,height;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);height:100%;padding:calc(var(--date-range-input-height)/5.25);padding-left:12px;padding-right:12px;pointer-events:none}.date-range-input--floating .date-range-input-head .input-field-label,.date-range-input--floating .date-range-input-head .input-field-infos{transition-property:color,font-size,visibility,opacity,padding,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);line-height:1}.date-range-input--floating .date-range-input-body .date-range-input-value{padding-top:calc(var(--date-range-input-height)/3.5)}.date-range-input--floating.date-range-input--has-value .input-field-label{--input-field-label-tone: var(--tone-infos)}.date-range-input--floating.date-range-input--has-focus .input-field-label{--input-field-label-tone: var(--tone-primary)}.date-range-input--floating.date-range-input--has-focus .date-range-input-head,.date-range-input--floating.date-range-input--has-value .date-range-input-head{height:calc-size(min-content,size)}.date-range-input--floating.date-range-input--has-focus .input-field-label,.date-range-input--floating.date-range-input--has-value .input-field-label{--input-field-label-size: 12px}.date-range-input--floating.date-range-input--has-focus .input-field-infos,.date-range-input--floating.date-range-input--has-value .input-field-infos{opacity:0;visibility:hidden}}@layer component.control.style{.form-grid .date-range-input:not(.date-range-input--floating) .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;border:var(--date-range-input-border);border-radius:var(--date-range-input-radius);background:var(--date-range-input-tone);overflow:visible;padding:0px;padding-left:12px}.form-grid .date-range-input:not(.date-range-input--floating) .date-range-input-head{flex:none}.form-grid .date-range-input:not(.date-range-input--floating) .date-range-input-body{display:flex;flex:1 0 auto;flex-direction:row;align-items:center;justify-content:flex-end;background:none;border:none}.form-grid .date-range-input:not(.date-range-input--floating) .date-range-input-prefix{margin:0px}.form-grid .date-range-input:not(.date-range-input--floating) .date-range-input--has-picto .date-range-input-body input{padding-right:0px}.form-grid .date-range-input:not(.date-range-input--floating) .date-range-input-value{text-align:right}.form-grid .date-range-input:not(.date-range-input--floating) .react-datepicker__input-container{gap:4px}}@layer component.control.style{.form-list .date-range-input .date-range-input-head,.form-list .date-range-input .date-range-input-body{flex:1 1 0}.form-list .date-range-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}.form-list .date-range-input .react-datepicker__input-container{gap:8px}}

@layer component.control.base{.input-field-arrow{--input-field-arrow-width: 36px;--input-field-arrow-height: 100%;--input-field-arrow-size: var(--size-icon-xs);--input-field-arrow-tone: var(--tone-picto)}.input-field-arrow{height:var(--input-field-arrow-height);width:var(--input-field-arrow-width);font-size:var(--input-field-arrow-size);--fa-primary-color:var(--input-field-arrow-tone);--fa-secondary-color:var(--input-field-arrow-tone);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--input-field-arrow-tone);pointer-events:none}}
@layer component.control.base{.disclosure-input{--disclosure-input-tone: var(--input-tone);--disclosure-input-height: 36px;--disclosure-input-margin: 0px;--disclosure-input-border: var(--input-border);--disclosure-input-radius: var(--input-radius);--disclosure-input-padding: 0px 12px;--disclosure-input-spacing: 6px;--disclosure-input-font-size: var(--size-text-sm);--disclosure-input-font-tone: var(--tone-text)}.disclosure-input{position:relative;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.disclosure-input.disclosure-input--is-disabled{opacity:.5}.disclosure-input .input-field{gap:var(--disclosure-input-spacing)}.disclosure-input-body{cursor:pointer;user-select:none;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border:var(--disclosure-input-border);border-radius:var(--disclosure-input-radius);transition-property:background-position,background-color,background-size;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);background:var(--disclosure-input-tone);height:var(--disclosure-input-height);margin:var(--disclosure-input-margin)}.disclosure-input:hover .disclosure-input-body{background:var(--input-highlight-tone)}.disclosure-input-body input{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;visibility:hidden;pointer-events:none}.disclosure-input-value{color:var(--disclosure-input-font-tone);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--disclosure-input-font-size);font-family:var(--font-family-sans);position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:center;appearance:none;background:rgba(0,0,0,0);border:none;border-radius:0px;height:100%;margin:0px;padding:var(--disclosure-input-padding);width:100%}.disclosure-input-placeholder{color:var(--tone-infos);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--disclosure-input-font-size);font-family:var(--font-family-sans);position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:center;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);background:rgba(0,0,0,0);border:none;border-radius:0px;height:100%;margin:0px;padding:var(--disclosure-input-padding);width:100%}.disclosure-input--xs{--disclosure-input-height: 28px}.disclosure-input--sm{--disclosure-input-height: 32px}.disclosure-input--lg{--disclosure-input-height: 40px}.disclosure-input--xl{--disclosure-input-height: 44px}}@layer component.control.style{.disclosure-input--outlined{--disclosure-input-tone: transparent;--disclosure-input-border: var(--border-md)}}@layer component.control.style{.form-grid .disclosure-input{cursor:pointer;user-select:none}.form-grid .disclosure-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0px;border:var(--disclosure-input-border);border-radius:var(--disclosure-input-radius);background:var(--disclosure-input-tone);padding:0px;padding-left:12px}.form-grid .disclosure-input .disclosure-input-body{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start;border:none;background:rgba(0,0,0,0)}.form-grid .disclosure-input .disclosure-input-body:before{display:none}.form-grid .disclosure-input .disclosure-input-value,.form-grid .disclosure-input .disclosure-input-placeholder{padding-right:0px;text-align:right}.form-grid .disclosure-input .disclosure-input-prefix{margin:0px}}@layer component.control.style{.form-list .disclosure-input .disclosure-input-body{min-width:30%;max-width:50%}.form-list .disclosure-input .disclosure-input-head,.form-list .disclosure-input .disclosure-input-body{flex:1 1 0}.form-list .disclosure-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}}@layer component.control.variant{.repeater .disclosure-input-body{border:none;border-radius:0px}}
@layer component.control.base{.text-input{--text-input-tone: var(--input-tone);--text-input-align: left;--text-input-height: 36px;--text-input-margin: 0px;--text-input-border: var(--input-border);--text-input-radius: var(--input-radius);--text-input-shadow: none;--text-input-padding: 0px 12px;--text-input-spacing: 6px;--text-input-width: auto;--text-input-font-size: var(--size-text-sm);--text-input-font-tone: var(--tone-text)}.text-input{position:relative;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.text-input.text-input--is-disabled{opacity:.5}.text-input .input-field{gap:var(--text-input-spacing)}.text-input-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border:var(--text-input-border);border-radius:var(--text-input-radius);box-shadow:var(--text-input-shadow);background:var(--text-input-tone);height:var(--text-input-height);margin:var(--text-input-margin);width:var(--text-input-width)}.text-input--has-focus .text-input-body{outline:var(--input-focus-border);outline-offset:var(--input-focus-offset)}.text-input-body input{color:var(--text-input-font-tone);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--text-input-font-size);font-family:var(--font-family-sans)}@media(max-width: 1279.98px){.text-input-body input{font-size:max(16px,var(--text-input-font-size))}}.text-input-body input{appearance:none;background:rgba(0,0,0,0);border:none;border-radius:0px;display:block;height:100%;margin:0px;text-align:var(--text-input-align);padding:var(--text-input-padding);width:100%}.text-input-body input[type=number]{-moz-appearance:textfield}.text-input-body input::-webkit-input-placeholder{color:var(--tone-infos)}.text-input-body input::-moz-placeholder{color:var(--tone-infos)}.text-input-body input:-moz-placeholder{color:var(--tone-infos)}.text-input-body input:-ms-input-placeholder{color:var(--tone-infos)}.text-input-picto,.text-input-badge{pointer-events:none}.text-input-unit{--label-size: var(--size-text-xs);--label-tone: var(--tone-infos);display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;height:100%;width:36px}.text-input--xs{--text-input-height: 28px}.text-input--sm{--text-input-height: 32px}.text-input--lg{--text-input-height: 40px}.text-input--xl{--text-input-height: 44px}}@layer component.control.style{.text-input--seamless .text-input-body{background:rgba(0,0,0,0);border:none;height:auto}.text-input--seamless input{padding-top:0px;padding-left:0px;padding-bottom:0px}.text-input--seamless.text-input--sm .text-input-body,.text-input--seamless.text-input--lg .text-input-body{height:auto}}@layer component.control.style{.text-input--outlined{--text-input-tone: transparent;--text-input-border: var(--border-md);--text-input-shadow: var(--shadow-sm)}}@layer component.control.style{.text-input--floating{--text-input-height: 48px}.text-input--floating .text-input-head{z-index:5;position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;transition-property:color,height;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);height:100%;padding:calc(var(--text-input-height)/5.25);padding-left:12px;padding-right:12px;pointer-events:none}.text-input--floating .text-input-head .input-field-label,.text-input--floating .text-input-head .input-field-infos{transition-property:color,font-size,visibility,opacity,padding,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);line-height:1}.text-input--floating .text-input-body input{padding-top:calc(var(--text-input-height)/3.5)}.text-input--floating.text-input--has-value .input-field-label{--input-field-label-tone: var(--tone-infos)}.text-input--floating.text-input--has-focus .input-field-label{--input-field-label-tone: var(--tone-primary)}.text-input--floating.text-input--has-focus .text-input-head,.text-input--floating.text-input--has-value .text-input-head{height:calc-size(min-content,size)}.text-input--floating.text-input--has-focus .input-field-label,.text-input--floating.text-input--has-value .input-field-label{--input-field-label-size: 12px}.text-input--floating.text-input--has-focus .input-field-infos,.text-input--floating.text-input--has-value .input-field-infos{opacity:0;visibility:hidden}}@layer component.control.style{.form-grid .text-input:not(.text-input--floating){--text-input-align: right}.form-grid .text-input:not(.text-input--floating) .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0px;border:var(--text-input-border);border-radius:var(--text-input-radius);background:var(--text-input-tone);padding:0px;padding-left:12px}.form-grid .text-input:not(.text-input--floating).text-input--has-focus .input-field{outline:var(--input-focus-border);outline-offset:var(--input-focus-offset)}.form-grid .text-input:not(.text-input--floating).text-input--has-focus .text-input-body{outline:none}.form-grid .text-input:not(.text-input--floating) .text-input-body{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start;border:none;background:none}.form-grid .text-input:not(.text-input--floating) .text-input-prefix{margin:0px}.form-grid .text-input--has-unit .text-input-body input,.form-grid .text-input--has-picto .text-input-body input{padding-right:0px}}@layer component.control.style{.form-list .text-input .text-input-head,.form-list .text-input .text-input-body{flex:1 1 0}.form-list .text-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}}@layer component.control.variant{.repeater .text-input-body{border:none;border-radius:0px}}
@layer component.container.base{.search-input{--search-input-tone: var(--input-tone);--search-input-align: left;--search-input-height: 36px;--search-input-margin: 0px;--search-input-border: var(--input-border);--search-input-radius: 36px;--search-input-padding: 0px 12px;--search-input-spacing: 6px;--search-input-font-size: var(--size-text-sm);--search-input-font-tone: var(--tone-text)}.search-input{--text-input-tone: var(--search-input-tone);--text-input-align: var(--search-input-align);--text-input-height: var(--search-input-height);--text-input-margin: var(--search-input-margin);--text-input-border: var(--search-input-border);--text-input-radius: var(--search-input-radius);--text-input-padding: var(--search-input-padding);--text-input-spacing: var(--search-input-spacing);--text-input-font-size: var(--search-input-font-size);--text-input-font-tone: var(--search-input-font-tone)}.search-input .text-input-picto{order:0}.search-input .text-input-prefix{order:0;margin:0px}.search-input .text-input-suffix{order:2;margin:0px}.search-input input{order:1;padding-left:0px;padding-right:0px}.search-input.text-input--xs{--search-input-height: 28px;--search-input-radius: 28px}.search-input.text-input--sm{--search-input-height: 32px;--search-input-radius: 32px}.search-input.text-input--lg{--search-input-height: 40px;--search-input-radius: 40px}.search-input.text-input--xl{--search-input-height: 44px;--search-input-radius: 44px}.search-input-clear{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(var(--text-input-height) - 2px);aspect-ratio:1/1}.search-input-clear-button{--button-tone: transparent;--button-border: none;--button-height: 24px;--button-hovering-tone: var(--tone-highlight)}}@layer component.container.style{.search-input--outlined{--search-input-tone: transparent;--search-input-border: var(--border-md)}}
@layer component.base{.heading{--heading-height: auto;--heading-margin: 0px;--heading-spacing: 12px;--heading-padding: 0px;--heading-leading: 2px;--heading-picto-size: var(--size-icon-sm);--heading-picto-tone: var(--tone-primary);--heading-picto-fill: var(--tone-primary-container);--heading-picto-area: 36px;--heading-title-font-family: var(--font-family-sans);--heading-title-font-weight: var(--font-weight-500);--heading-title-size: var(--size-title-sm);--heading-title-tone: var(--tone-label);--heading-infos-font-family: var(--font-family-sans);--heading-infos-font-weight: var(--font-weight-400);--heading-infos-size: var(--size-title-xs);--heading-infos-tone: var(--tone-infos)}.heading{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--heading-spacing);height:var(--heading-height);margin:var(--heading-margin);padding:var(--heading-padding)}.heading-head{position:relative;display:flex;flex:none;flex-direction:column;align-items:flex-start;justify-content:center}.heading-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--heading-leading)}.heading-picto{height:var(--heading-picto-area);width:var(--heading-picto-area)}.heading-picto:not(.heading-picto--custom){font-size:var(--heading-picto-size);--fa-primary-color:var(--heading-picto-tone);--fa-secondary-color:var(--heading-picto-tone);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--heading-picto-tone);background-color:var(--heading-picto-fill);border-radius:var(--heading-picto-area)}.heading-picto--custom{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center}.heading-picto--custom>*{height:100%;width:100%}.heading-title{--label-family: var(--heading-title-font-family);--label-weight: var(--heading-title-font-weight);--label-size: var(--heading-title-size);--label-tone: var(--heading-title-tone);text-wrap:pretty}.heading--max-title-lines-1 .heading-title:not(.heading-title--custom){min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.heading--max-title-lines-2 .heading-title:not(.heading-title--custom){min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.heading--max-title-lines-3 .heading-title:not(.heading-title--custom){min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.heading--max-title-lines-4 .heading-title:not(.heading-title--custom){min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.heading--max-title-lines-5 .heading-title:not(.heading-title--custom){min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.heading-infos{--label-family: var(--heading-infos-font-family);--label-weight: var(--heading-infos-font-weight);--label-size: var(--heading-infos-size);--label-tone: var(--heading-infos-tone);text-wrap:pretty}.heading--max-infos-lines-1 .heading-infos:not(.heading-infos--custom){min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.heading--max-infos-lines-2 .heading-infos:not(.heading-infos--custom){min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.heading--max-infos-lines-3 .heading-infos:not(.heading-infos--custom){min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.heading--max-infos-lines-4 .heading-infos:not(.heading-infos--custom){min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.heading--max-infos-lines-5 .heading-infos:not(.heading-infos--custom){min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}}@layer component.style{.heading--vertical{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}}
@layer component.control.base{.message{--message-tone: transparent;--message-height: auto;--message-margin: 0px;--message-border: none;--message-radius: 0px;--message-padding: 40px;--message-spacing: 16px;--message-heading-spacing: 12px;--message-heading-leading: 4px;--message-heading-picto-size: var(--size-icon-lg);--message-heading-picto-tone: var(--tone-primary);--message-heading-picto-fill: var(--tone-primary-container);--message-heading-picto-area: 40px;--message-heading-title-size: var(--size-title-md);--message-heading-title-tone: var(--tone-title);--message-heading-infos-size: var(--size-title-sm);--message-heading-infos-tone: var(--tone-infos)}.message{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--message-spacing);border:var(--message-border);border-radius:var(--message-radius);background:var(--message-tone);height:var(--message-height);margin:var(--message-margin);padding:var(--message-padding)}.message-body{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.message-foot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.message-heading{--heading-spacing: var(--message-heading-spacing);--heading-leading: var(--message-heading-leading);--heading-title-size: var(--message-heading-title-size);--heading-title-tone: var(--message-heading-title-tone);--heading-infos-size: var(--message-heading-infos-size);--heading-infos-tone: var(--message-heading-infos-tone);--heading-picto-size: var(--message-heading-picto-size);--heading-picto-tone: var(--message-heading-picto-tone);--heading-picto-fill: var(--message-heading-picto-fill);--heading-picto-area: var(--message-heading-picto-area);--heading-title-font-family: var(--font-family-sans);--heading-title-font-weight: var(--font-weight-500);display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:75%}.message-heading .heading-title,.message-heading .heading-infos{text-align:center;text-wrap:pretty}.message--sm{--message-padding: 32px;--message-heading-leading: 4px;--message-heading-title-size: var(--size-title-sm);--message-heading-infos-size: var(--size-title-xs);--message-heading-picto-size: var(--size-icon-md);--message-heading-picto-area: 36px}.message--md{--message-padding: 40px;--message-heading-leading: 4px;--message-heading-title-size: var(--size-title-md);--message-heading-infos-size: var(--size-title-sm);--message-heading-picto-size: var(--size-icon-lg);--message-heading-picto-area: 40px}.message--lg{--message-padding: 48px;--message-heading-leading: 4px;--message-heading-title-size: var(--size-title-lg);--message-heading-infos-size: var(--size-title-sm);--message-heading-picto-size: var(--size-icon-xl);--message-heading-picto-area: 48px}.grid .message,.list .message,.modal .message,.panel .message,.drawer .message{flex:1 0 auto}}@layer component.control.style{.message--outlined{--message-border: var(--border-md);--message-radius: var(--radius-md)}}@layer component.control.variant{.message--notification{--message-tone: var(--tone-surface);--message-border: var(--border-md);--message-radius: var(--radius-md);--message-padding: 16px;--message-spacing: 16px;--message-heading-leading: 0px;--message-heading-spacing: 16px;--message-heading-title-size: var(--size-text-md);--message-heading-infos-size: var(--size-text-sm);--message-heading-title-tone: var(--tone-title);--message-heading-infos-tone: var(--tone-infos);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border-left-width:4px}.message--notification .message-body{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:flex-start;justify-content:center}.message--notification .message-foot{display:flex;flex:none;flex-direction:column;align-items:flex-end;justify-content:center}.message--notification .message-heading{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;max-width:none}.message--notification .message-heading .heading-title,.message--notification .message-heading .heading-infos{text-align:start}.message--notification.message--sm{--message-padding: 12px;--message-spacing: 12px;--message-heading-leading: 0px;--message-heading-spacing: 12px;--message-heading-title-size: var(--size-text-sm);--message-heading-infos-size: var(--size-text-xs)}.message--notification.message--lg{--message-padding: 24px;--message-spacing: 24px;--message-heading-leading: 2px;--message-heading-spacing: 24px;--message-heading-title-size: var(--size-text-xl);--message-heading-infos-size: var(--size-text-sm)}.message--notification.message--success{--message-tone: rgb(from var(--tone-success) r g b / 5%);--message-border: 1px solid var(--tone-success);--message-heading-picto-tone: var(--tone-success);--message-heading-picto-fill: var(--tone-success-container)}.message--notification.message--caution{--message-tone: rgb(from var(--tone-caution) r g b / 5%);--message-border: 1px solid var(--tone-caution);--message-heading-picto-tone: var(--tone-caution);--message-heading-picto-fill: var(--tone-caution-container)}.message--notification.message--warning{--message-tone: rgb(from var(--tone-warning) r g b / 5%);--message-border: 1px solid var(--tone-warning);--message-heading-picto-tone: var(--tone-warning);--message-heading-picto-fill: var(--tone-warning-container)}}
@layer component.control.base{.pagination{--pagination-label-tone: var(--tone-label);--pagination-label-size: var(--size-text-sm)}.pagination{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}.pagination-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center}.pagination--has-count .pagination-body{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:center}.pagination-prev{order:1}.pagination-next{order:3}.pagination-main{order:2}.pagination--has-count .pagination-main{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%}.pagination-label{--label-size: var(--pagination-label-size);--label-tone: var(--pagination-label-tone)}.pagination-page-list{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;height:32px}.pagination-page-list-gap{color:var(--tone-label);--font-weight: var(--font-weight-600);font-weight:var(--font-weight);font-size:var(--size-text-xs);font-family:var(--font-family-sans);display:flex;flex-direction:row;align-items:center;justify-content:center;min-width:32px}.pagination-page-select .select-input{--select-input-tone: var(--tone-container);--select-input-padding: 0px 16px;--select-input-height: calc(32px - 2px);--select-input-font-size: var(--size-text-xs);border:1px solid var(--tone-border-md)}.pagination-page-select .select-input .input-field{height:100%}.pagination-page-select .select-input .select-input-body{border:none;border-radius:0px}.pagination-page-select .select-input .select-input-body select{flex:none;text-align:center}.pagination-page-select .select-input .select-input-picto,.pagination-page-select .select-input .select-input-arrow{display:none}}@layer component.control.variant{.pagination-prev-button.button--round{--button-tone: var(--tone-container);--button-height: 32px;--button-radius: 0px;--button-border: none;--button-picto-size: var(--size-icon-xs);--button-hovering-tone: var(--tone-highlight);--button-hovering-label-tone: var(--button-label-tone);--button-hovering-picto-tone: var(--button-picto-tone);--button-disabled-tone: var(--tone-container);--button-disabled-label-tone: rgb(from var(--button-label-tone) r g b / 50%);--button-disabled-picto-tone: rgb(from var(--button-picto-tone) r g b / 50%);border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm);border-top:1px solid var(--tone-border-md);border-left:1px solid var(--tone-border-md);border-bottom:1px solid var(--tone-border-md)}.pagination--has-count .pagination-prev-button.button--round{border:1px solid var(--tone-border-md);border-radius:var(--radius-md)}.pagination-next-button.button--round{--button-tone: var(--tone-container);--button-height: 32px;--button-radius: 0px;--button-border: none;--button-picto-size: var(--size-icon-xs);--button-hovering-tone: var(--tone-highlight);--button-hovering-label-tone: var(--button-label-tone);--button-hovering-picto-tone: var(--button-picto-tone);--button-disabled-tone: var(--tone-container);--button-disabled-label-tone: rgb(from var(--button-label-tone) r g b / 50%);--button-disabled-picto-tone: rgb(from var(--button-picto-tone) r g b / 50%);border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-top:1px solid var(--tone-border-md);border-right:1px solid var(--tone-border-md);border-bottom:1px solid var(--tone-border-md)}.pagination--has-count .pagination-next-button.button--round{border:1px solid var(--tone-border-md);border-radius:var(--radius-md)}.pagination-page-list-button.button--round{--button-tone: transparent;--button-label-tone: var(--tone-label);--button-hovering-tone: var(--tone-highlight);--button-hovering-label-tone: var(--button-label-tone);--button-selected-tone: var(--tone-highlight);--button-selected-label-tone: var(--tone-label)}}
@layer component.control.base{.pager{--pager-tone: transparent;--pager-height: auto;--pager-margin: 0px;--pager-border: none;--pager-radius: none;--pager-padding: 0px;--pager-spacing: 16px;--pager-value-tone: var(--tone-neutral);--pager-value-height: 32px;--pager-value-margin: 0px;--pager-value-padding: 0px 12px;--pager-value-label-size: var(--size-text-xs);--pager-value-label-tone: var(--tone-label)}.pager{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--pager-spacing);border:var(--pager-border);border-radius:var(--pager-radius);background:var(--pager-tone);height:var(--pager-height);margin:var(--pager-margin);padding:var(--pager-padding)}.pager-value{display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--pager-value-tone);height:var(--pager-value-height);margin:var(--pager-value-margin);padding:var(--pager-value-padding)}.pager-value-label{color:var(--pager-value-label-tone);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--pager-value-label-size);font-family:var(--font-family-sans)}}
@layer component.control.base{.dropdown-input{--dropdown-input-tone: var(--input-tone);--dropdown-input-height: 36px;--dropdown-input-margin: 0px;--dropdown-input-border: var(--input-border);--dropdown-input-radius: var(--input-radius);--dropdown-input-spacing: 6px;--dropdown-input-font-size: var(--size-text-sm);--dropdown-input-font-tone: var(--tone-text);--dropdown-input-value-list-height: auto;--dropdown-input-value-list-margin: 0px;--dropdown-input-value-list-border: none;--dropdown-input-value-list-radius: 0px;--dropdown-input-value-list-padding: 4px;--dropdown-input-value-list-spacing: 6px;--dropdown-input-value-list-item-tone: var(--tone-surface);--dropdown-input-value-list-item-height: calc( var(--dropdown-input-height) - calc(1px * 2) /* Borders */ - calc(4px * 2) /* Padding */ );--dropdown-input-value-list-item-margin: 0px;--dropdown-input-value-list-item-border: var(--border-md);--dropdown-input-value-list-item-radius: calc( var(--dropdown-input-radius) - 4px /* Padding */ );--dropdown-input-value-list-item-min-width: 0px;--dropdown-input-value-list-item-max-width: 128px;--dropdown-input-value-list-item-padding: 4px;--dropdown-input-value-list-item-spacing: 6px;--dropdown-input-value-list-item-label-size: var(--size-text-sm);--dropdown-input-value-list-item-label-tone: var(--tone-label);--dropdown-input-value-list-item-picto-size: var(--size-icon-sm);--dropdown-input-value-list-item-picto-tone: var(--tone-primary);--dropdown-input-value-list-item-picto-fill: var(--tone-primary-container);--dropdown-input-value-list-item-image-fill: var(--tone-primary-container);--dropdown-input-value-item-tone: transparent;--dropdown-input-value-item-padding: 8px;--dropdown-input-value-item-spacing: 8px;--dropdown-input-value-item-height: calc( var(--dropdown-input-height) - calc(1px * 2) /* Borders */ - calc(8px * 2) /* Padding */ );--dropdown-input-value-item-border: none;--dropdown-input-value-item-radius: 0px;--dropdown-input-value-item-picto-size: var(--size-icon-sm);--dropdown-input-value-item-picto-tone: var(--tone-primary);--dropdown-input-value-item-picto-fill: var(--tone-primary-container);--dropdown-input-value-item-image-fill: var(--tone-primary-container);--dropdown-input-value-item-label-size: var(--size-text-sm);--dropdown-input-value-item-label-tone: var(--tone-label);--dropdown-input-select-tone: var(--tone-container-above);--dropdown-input-select-height: auto;--dropdown-input-select-padding: 0px;--dropdown-input-select-spacing: 0px;--dropdown-input-select-min-height: 0px;--dropdown-input-select-max-height: 320px;--dropdown-input-select-min-width: 0px;--dropdown-input-select-max-width: 300px;--dropdown-input-select-width: auto;--dropdown-input-placeholder-height: auto;--dropdown-input-placeholder-margin: 0px;--dropdown-input-placeholder-border: none;--dropdown-input-placeholder-radius: 0px;--dropdown-input-placeholder-padding: 0px 0px 0px 12px;--dropdown-input-placeholder-font-size: var(--size-text-sm);--dropdown-input-placeholder-font-tone: var(--tone-infos)}.dropdown-input{cursor:pointer;user-select:none;position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.dropdown-input.dropdown-input--is-disabled{opacity:.5}.dropdown-input .input-field{gap:var(--dropdown-input-spacing)}.dropdown-input .dropdown-input-value-list-item:not(.dropdown-input-value-list-item--has-picto,.dropdown-input-value-list-item--has-image,.dropdown-input-value-list-item--has-item){--dropdown-input-value-list-item-padding: 4px 4px 4px 8px}.dropdown-input .dropdown-input-value-item:not(.dropdown-input-value-item--has-picto,.dropdown-input-value-item--has-image,.dropdown-input-value-item--has-item){--dropdown-input-value-item-padding: 0px 0px 0px 12px}.dropdown-input-body{position:relative;display:grid;grid-template-columns:minmax(0, 1fr) auto;border:var(--dropdown-input-border);border-radius:var(--dropdown-input-radius);background:var(--dropdown-input-tone);margin:var(--dropdown-input-margin);min-height:var(--dropdown-input-height);max-height:none}.dropdown-input--has-focus .dropdown-input-body{outline:var(--input-focus-border);outline-offset:var(--input-focus-offset)}.dropdown-input-value{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:center}.dropdown-input-placeholder{color:var(--dropdown-input-placeholder-font-tone);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--dropdown-input-placeholder-font-size);font-family:var(--font-family-sans);border:var(--dropdown-input-placeholder-border);border-radius:var(--dropdown-input-placeholder-radius);height:var(--dropdown-input-placeholder-height);margin:var(--dropdown-input-placeholder-margin);padding:var(--dropdown-input-placeholder-padding)}.dropdown-input--xs{--dropdown-input-height: 28px;--dropdown-input-value-list-padding: 2px;--dropdown-input-value-list-spacing: 2px;--dropdown-input-value-list-item-padding: 2px;--dropdown-input-value-list-item-picto-size: 11px;--dropdown-input-value-list-item-label-size: 11px;--dropdown-input-value-list-item-radius: calc( var(--dropdown-input-radius) - 2px /* Padding */ );--dropdown-input-value-list-item-height: calc( var(--dropdown-input-height) - calc(1px * 2) /* Borders */ - calc(2px * 2) /* Padding */ )}.dropdown-input--xs .dropdown-input-value-list-item:not(.dropdown-input-value-list-item--has-picto,.dropdown-input-value-list-item--has-image,.dropdown-input-value-list-item--has-item){--dropdown-input-value-list-item-padding: 4px 4px 4px 8px}.dropdown-input--xs{--dropdown-input-value-item-padding: 4px 6px;--dropdown-input-value-item-spacing: 6px;--dropdown-input-value-item-height: calc( var(--dropdown-input-height) - calc(1px * 2) /* Borders */ - calc(4px * 2) /* Padding */ )}.dropdown-input--xs .dropdown-input-value-item:not(.dropdown-input-value-item--has-picto,.dropdown-input-value-item--has-image,.dropdown-input-value-item--has-item){--dropdown-input-value-item-padding: 0px 0px 0px 12px}.dropdown-input--sm{--dropdown-input-height: 32px;--dropdown-input-value-list-padding: 2px;--dropdown-input-value-list-spacing: 6px;--dropdown-input-value-list-item-padding: 4px;--dropdown-input-value-list-item-picto-size: 11px;--dropdown-input-value-list-item-label-size: 11px;--dropdown-input-value-list-item-radius: calc( var(--dropdown-input-radius) - 4px /* Padding */ );--dropdown-input-value-list-item-height: calc( var(--dropdown-input-height) - calc(1px * 2) /* Borders */ - calc(2px * 2) /* Padding */ )}.dropdown-input--sm .dropdown-input-value-list-item:not(.dropdown-input-value-list-item--has-picto,.dropdown-input-value-list-item--has-image,.dropdown-input-value-list-item--has-item){--dropdown-input-value-list-item-padding: 4px 4px 4px 8px}.dropdown-input--sm{--dropdown-input-value-item-padding: 6px;--dropdown-input-value-item-spacing: 6px;--dropdown-input-value-item-height: calc( var(--dropdown-input-height) - calc(1px * 2) /* Borders */ - calc(6px * 2) /* Padding */ )}.dropdown-input--sm .dropdown-input-value-item:not(.dropdown-input-value-item--has-picto,.dropdown-input-value-item--has-image,.dropdown-input-value-item--has-item){--dropdown-input-value-item-padding: 0px 0px 0px 12px}.dropdown-input--lg{--dropdown-input-height: 40px;--dropdown-input-value-list-padding: 6px;--dropdown-input-value-list-spacing: 6px;--dropdown-input-value-list-item-padding: 6px;--dropdown-input-value-list-item-picto-size: var(--size-icon-sm);--dropdown-input-value-list-item-label-size: var(--size-text-sm);--dropdown-input-value-list-item-radius: calc( var(--dropdown-input-radius) - 6px /* Padding */ );--dropdown-input-value-list-item-height: calc( var(--dropdown-input-height) - calc(1px * 2) /* Borders */ - calc(6px * 2) /* Padding */ )}.dropdown-input--lg .dropdown-input-value-list-item:not(.dropdown-input-value-list-item--has-picto,.dropdown-input-value-list-item--has-image,.dropdown-input-value-list-item--has-item){--dropdown-input-value-list-item-padding: 4px 4px 4px 8px}.dropdown-input--lg{--dropdown-input-value-item-padding: 10px;--dropdown-input-value-item-spacing: 8px;--dropdown-input-value-item-height: calc( var(--dropdown-input-height) - calc(1px * 2) /* Borders */ - calc(10px * 2) /* Padding */ )}.dropdown-input--lg .dropdown-input-value-item:not(.dropdown-input-value-item--has-picto,.dropdown-input-value-item--has-image,.dropdown-input-value-item--has-item){--dropdown-input-value-item-padding: 0px 0px 0px 12px}.dropdown-input--xl{--dropdown-input-height: 44px;--dropdown-input-value-list-padding: 6px;--dropdown-input-value-list-spacing: 6px;--dropdown-input-value-list-item-padding: 8px;--dropdown-input-value-list-item-picto-size: var(--size-icon-sm);--dropdown-input-value-list-item-label-size: var(--size-text-sm);--dropdown-input-value-list-item-radius: calc( var(--dropdown-input-radius) - 6px /* Padding */ );--dropdown-input-value-list-item-height: calc( var(--dropdown-input-height) - calc(1px * 2) /* Borders */ - calc(6px * 2) /* Padding */ )}.dropdown-input--xl .dropdown-input-value-list-item:not(.dropdown-input-value-list-item--has-picto,.dropdown-input-value-list-item--has-image,.dropdown-input-value-list-item--has-item){--dropdown-input-value-list-item-padding: 4px 4px 4px 8px}.dropdown-input--xl{--dropdown-input-value-item-padding: 12px;--dropdown-input-value-item-spacing: 8px;--dropdown-input-value-item-height: calc( var(--dropdown-input-height) - calc(1px * 2) /* Borders */ - calc(12px * 2) /* Padding */ )}.dropdown-input--xl .dropdown-input-value-item:not(.dropdown-input-value-item--has-picto,.dropdown-input-value-item--has-image,.dropdown-input-value-item--has-item){--dropdown-input-value-item-padding: 0px 0px 0px 12px}}@layer component.control.style{.dropdown-input--outlined{--dropdown-input-tone: transparent;--dropdown-input-border: var(--border-md)}}@layer component.control.variant{.dropdown-input-value-list{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--dropdown-input-value-list-spacing);border:var(--dropdown-input-value-list-border);border-radius:var(--dropdown-input-value-list-radius);height:var(--dropdown-input-value-list-height);margin:var(--dropdown-input-value-list-margin);padding:var(--dropdown-input-value-list-padding)}.dropdown-input-value-list-item{position:relative;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--dropdown-input-value-list-item-spacing);border:var(--dropdown-input-value-list-item-border);border-radius:var(--dropdown-input-value-list-item-radius);background:var(--dropdown-input-value-list-item-tone);height:var(--dropdown-input-value-list-item-height);margin:var(--dropdown-input-value-list-item-margin);min-width:var(--dropdown-input-value-list-item-min-width);max-width:var(--dropdown-input-value-list-item-max-width);padding:var(--dropdown-input-value-list-item-padding)}.dropdown-input-value-list-item-head,.dropdown-input-value-list-item-foot{position:relative;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:center;aspect-ratio:1/1;height:100%}.dropdown-input-value-list-item-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start}.dropdown-input-value-list-item-image{position:relative;flex:none;border-radius:100vw;aspect-ratio:1/1;height:100%;object-fit:cover;object-position:center center;width:auto}.dropdown-input-value-list-item-picto{position:relative;flex:none;border-radius:100vw;aspect-ratio:1/1;object-fit:cover;object-position:center center;width:auto;--picto-size: var(--dropdown-input-value-list-item-picto-size);--picto-tone: var(--dropdown-input-value-list-item-picto-tone)}.dropdown-input-value-list-item-label{--font-weight: var(--font-weight-400);font-weight:var(--font-weight);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans);--label-size: var(--dropdown-input-value-list-item-label-size);--label-tone: var(--dropdown-input-value-list-item-label-tone)}.dropdown-input-value-list-item-remove-button.button--plain{--button-tone: transparent;--button-border: none;--button-height: 100%;--button-picto-size: 10px;--button-picto-tone: var(--tone-label);border-radius:100vw;aspect-ratio:1/1}.dropdown-input-value-list-item-remove-button.button--plain:hover{background:var(--tone-highlight)}.dropdown-input-value-item{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--dropdown-input-value-item-spacing);border:var(--dropdown-input-value-item-border);border-radius:var(--dropdown-input-value-item-radius);background:var(--dropdown-input-value-item-tone);height:var(--dropdown-input-value-item-height);margin:var(--dropdown-input-value-item-margin);padding:var(--dropdown-input-value-item-padding)}.dropdown-input-value-item-head{position:relative;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:center;height:100%}.dropdown-input-value-item-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start}.dropdown-input-value-item-image{position:relative;flex:none;border-radius:100vw;aspect-ratio:1/1;height:100%;object-fit:cover;object-position:center center;width:auto}.dropdown-input-value-item-picto{position:relative;flex:none;border-radius:100vw;width:auto;--picto-size: var(--dropdown-input-value-item-picto-size);--picto-tone: var(--dropdown-input-value-item-picto-tone)}.dropdown-input-value-item-label{--font-weight: var(--font-weight-400);font-weight:var(--font-weight);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans);--label-size: var(--dropdown-input-value-item-label-size);--label-tone: var(--dropdown-input-value-item-label-tone)}}@layer component.container.variant{.dropdown-input-select{--popover-tone: var(--dropdown-input-select-tone);--popover-height: var(--dropdown-input-select-height);--popover-padding: var(--dropdown-input-select-padding);--popover-spacing: var(--dropdown-input-select-spacing);--popover-min-height: var(--dropdown-input-select-min-height);--popover-max-height: var(--dropdown-input-select-max-height);--popover-min-width: var(--dropdown-input-select-min-width);--popover-max-width: var(--dropdown-input-select-max-width);--popover-width: var(--dropdown-input-select-width)}.dropdown-input-select-head{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;border-bottom:1px solid var(--tone-border-md)}.dropdown-input-select-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow-x:hidden;overflow-y:auto}.dropdown-input-select-foot{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;border-top:1px solid var(--tone-border-md);padding:8px;padding-left:12px;padding-right:12px}.dropdown-input-select-content{display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start}.dropdown-input-select-search{--search-input-tone: transparent;--search-input-border: none;--search-input-radius: 0px}.dropdown-input-select-option{cursor:pointer;user-select:none;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;border-bottom:1px solid var(--tone-border-md);transition-property:color;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);padding:12px}.dropdown-input-select-option:last-child{border-bottom-width:0px}.dropdown-input-select-option:hover{background:var(--tone-highlight)}.dropdown-input-select-option-head{flex:none}.dropdown-input-select-option-body{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%}.dropdown-input-select-option-image,.dropdown-input-select-option-picto{height:32px;width:32px;border-radius:32px}.dropdown-input-select-option-image{object-fit:cover;object-position:center}.dropdown-input-select-option-picto{font-size:var(--size-icon-md);--fa-primary-color:var(--tone-primary);--fa-secondary-color:var(--tone-primary);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-primary);background-color:var(--tone-primary-container)}.dropdown-input-select-option-label{color:var(--tone-label);font-size:var(--size-text-sm);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans)}.dropdown-input-select-option-infos{color:var(--tone-infos);font-size:var(--size-text-xs);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans)}.dropdown-input-select-pager{--pager-value-tone: transparent;--pager-value-padding: 0px}}@layer component.control.style{.dropdown-input--floating{--dropdown-input-height: 48px;--dropdown-input-value-list-padding: 4px;--dropdown-input-value-list-spacing: 4px;--dropdown-input-value-list-item-padding: 4px;--dropdown-input-value-list-item-picto-size: var(--size-icon-xs);--dropdown-input-value-list-item-label-size: var(--size-text-xs);--dropdown-input-value-item-spacing: 4px;--dropdown-input-value-list-item-radius: calc( var(--dropdown-input-radius) - 4px /* Padding */ );--dropdown-input-value-list-item-height: calc( 36px - calc(1px * 2) /* Borders */ - calc(4px * 2) /* Padding */ )}.dropdown-input--floating .dropdown-input-value-list-item:not(.dropdown-input-value-list-item--has-picto,.dropdown-input-value-list-item--has-image,.dropdown-input-value-list-item--has-item){--dropdown-input-value-list-item-padding: 4px 4px 4px 8px}.dropdown-input--floating .dropdown-input-head{z-index:5;position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;transition-property:color,height;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);height:100%;padding:calc(var(--dropdown-input-height)/5.25);padding-left:12px;padding-right:12px;pointer-events:none}.dropdown-input--floating .dropdown-input-head .input-field-label,.dropdown-input--floating .dropdown-input-head .input-field-infos{transition-property:color,font-size,visibility,opacity,padding,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);line-height:1}.dropdown-input--floating .dropdown-input-body .dropdown-input-value{padding-top:calc(var(--dropdown-input-height)/3.5)}.dropdown-input--floating.dropdown-input--is-multiple .dropdown-input-body .dropdown-input-value{padding-top:calc(var(--dropdown-input-height)/2.5)}.dropdown-input--floating.dropdown-input--has-value .input-field-label{--input-field-label-tone: var(--tone-infos)}.dropdown-input--floating.dropdown-input--has-focus .input-field-label{--input-field-label-tone: var(--tone-primary)}.dropdown-input--floating.dropdown-input--has-focus .dropdown-input-head,.dropdown-input--floating.dropdown-input--has-value .dropdown-input-head{height:calc-size(min-content,size)}.dropdown-input--floating.dropdown-input--has-focus .input-field-label,.dropdown-input--floating.dropdown-input--has-value .input-field-label{--input-field-label-size: 12px}.dropdown-input--floating.dropdown-input--has-focus .input-field-infos,.dropdown-input--floating.dropdown-input--has-value .input-field-infos{opacity:0;visibility:hidden}}@layer component.control.variant{.form-grid .dropdown-input:not(.dropdown-input--floating){cursor:pointer;user-select:none}.form-grid .dropdown-input:not(.dropdown-input--floating) .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0px;border:var(--dropdown-input-border);border-radius:var(--dropdown-input-radius);background:var(--dropdown-input-tone);padding:0px;padding-left:12px}.form-grid .dropdown-input:not(.dropdown-input--floating).dropdown-input--has-focus .input-field{outline:var(--input-focus-border);outline-offset:var(--input-focus-offset)}.form-grid .dropdown-input:not(.dropdown-input--floating).dropdown-input--has-focus .dropdown-input-body{outline:none}.form-grid .dropdown-input:not(.dropdown-input--floating) .dropdown-input-body{display:grid;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;grid-template-columns:minmax(0, 1fr) auto;border:none;border-radius:0px;background:rgba(0,0,0,0);min-height:var(--dropdown-input-height);max-height:none;padding-left:12px}.form-grid .dropdown-input:not(.dropdown-input--floating) .dropdown-input-value{flex-direction:row;align-items:center;justify-content:flex-end}.form-grid .dropdown-input:not(.dropdown-input--floating) .dropdown-input-value-item{flex-direction:row;align-items:center;justify-content:flex-end}.form-grid .dropdown-input:not(.dropdown-input--floating) .dropdown-input-select-search .input-field{border:none;border-radius:0px;background:rgba(0,0,0,0);padding-left:0px;padding-right:0px}}@layer component.control.variant{.form-list .dropdown-input .dropdown-input-head,.form-list .dropdown-input .dropdown-input-body{flex:1 1 0}.form-list .dropdown-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}}

@layer component.control.base{.file-input{--file-input-tone: var(--input-tone);--file-input-align: left;--file-input-height: 44px;--file-input-margin: 0px;--file-input-border: var(--input-border);--file-input-radius: var(--input-radius);--file-input-padding: 0px 12px 0px 8px;--file-input-spacing: 8px;--file-input-font-size: var(--size-text-sm);--file-input-font-tone: var(--tone-text);--file-input-button-tone: var(--tone-primary);--file-input-button-height: 28px;--file-input-button-margin: 0px 12px 0px 0px;--file-input-button-border: none;--file-input-button-radius: var(--radius-sm);--file-input-button-padding: 0px 12px;--file-input-button-label-size: var(--size-text-xs);--file-input-button-label-tone: var(--tone-primary-on)}.file-input{position:relative;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.file-input.file-input--is-disabled{opacity:.5}.file-input-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border:var(--file-input-border);border-radius:var(--file-input-radius);background:var(--file-input-tone);height:var(--file-input-height);margin:var(--file-input-margin);padding:var(--file-input-padding)}.file-input--has-focus .file-input-body{outline:var(--input-focus-border);outline-offset:var(--input-focus-offset)}.file-input-body input{color:var(--file-input-font-tone);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--file-input-font-size);font-family:var(--font-family-sans);flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;appearance:none;background:rgba(0,0,0,0);border:none;border-radius:0px;display:block;height:auto;margin:0px;padding:0px;width:100%}.file-input-body input::-webkit-input-placeholder{color:rgb(from var(--tone-text) r g b/50%)}.file-input-body input::-moz-placeholder{color:rgb(from var(--tone-text) r g b/50%)}.file-input-body input:-moz-placeholder{color:rgb(from var(--tone-text) r g b/50%)}.file-input-body input:-ms-input-placeholder{color:rgb(from var(--tone-text) r g b/50%)}.file-input-body input::file-selector-button{cursor:pointer;user-select:none;border:var(--file-input-button-border);border-radius:var(--file-input-button-radius);transition-property:color,visibility,opacity,padding,width,height;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);background:var(--file-input-button-tone);height:var(--file-input-button-height);margin:var(--file-input-button-margin);padding:var(--file-input-button-padding);color:var(--file-input-button-label-tone);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--file-input-button-label-size);font-family:var(--font-family-sans)}.file-input-body input::file-selector-button:hover{background:oklch(from var(--tone-primary) calc(l + var(--tone-mode) * 0.1) calc(c * 0.9) h)}.file-input-prefix{margin:0px;margin-left:16px}.file-input-suffix{margin:0px;margin-right:16px}.file-input--sm{--file-input-height: 36px;--file-input-button-height: 20px}.file-input--lg{--file-input-height: 56px;--file-input-button-height: 40px}}@layer component.control.style{.file-input--outlined{--file-input-tone: transparent;--file-input-border: var(--border-md)}.form-grid .file-input.file-input--outlined .input-field{border:var(--border-md);background:rgba(0,0,0,0)}}@layer component.control.size{.file-input--lg .file-input-body{height:56px}}@layer component.control.style{.form-grid .file-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0px;border:var(--border-md);border-radius:var(--radius-sm);background:var(--input-tone);padding:0px;padding-left:12px}.form-grid .file-input.file-input--has-focus .input-field{outline:var(--input-focus-border);outline-offset:var(--input-focus-offset)}.form-grid .file-input.file-input--has-focus .file-input-body{outline:none}.form-grid .file-input .file-input-body{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start;border:none}.form-grid .file-input .file-input-body input{text-align:right}.form-grid .file-input .file-input-prefix{margin:0px}}@layer component.control.style{.form-list .file-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.form-list .file-input .file-input-head{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%}.form-list .file-input .file-input-body input{text-align:right}}@layer component.control.variant{.repeater .file-input-body{border:none;border-radius:0px}}
@layer component.container.base{.modal-stack{z-index:600;position:fixed;top:0px;left:0px;right:0px;bottom:0px;pointer-events:none}.modal-stack.modal-stack--is-active{pointer-events:auto}.modal-stack-cover{position:absolute;top:0;left:0;right:0;bottom:0;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;background:var(--tone-backdrop)}.modal-stack--is-active .modal-stack-cover{opacity:1;visibility:visible}.modal-stack-items{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;pointer-events:none}.modal-stack-items .modal{pointer-events:auto}.modal-window{z-index:600;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;padding:32px}.modal-window .modal{pointer-events:auto}.modal-window.dispose{display:none}.modal-window.modal--present{pointer-events:none}.modal-window.modal--present.enter{opacity:0;transform:translateX(48px)}.modal-window.modal--present.enter.enter-active{transition-property:visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:1;transform:none}.modal-window.modal--present.leave{opacity:1;transform:none}.modal-window.modal--present.leave.leave-active{transition-property:visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;transform:translateX(-48px)}.modal-window.modal--present{pointer-events:none}.modal-window.modal--dismiss{pointer-events:none}.modal-window.modal--dismiss.enter{opacity:0;transform:translate(-48px)}.modal-window.modal--dismiss.enter.enter-active{transition-property:visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:1;transform:none}.modal-window.modal--dismiss.leave{opacity:1;transform:none}.modal-window.modal--dismiss.leave.leave-active{transition-property:visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;transform:translateX(48px)}.modal-window.modal--dismiss{pointer-events:none}}
@layer component.base{.container{--container: normal;--container-tone: var(--tone-container);--container-height: auto;--container-margin: 0px;--container-border: none;--container-radius: 0px;--container-spacing: 0px;--container-padding: 0px}.container{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--container-spacing);border:var(--container-border);border-radius:var(--container-radius);box-shadow:var(--container-shadow);background:var(--container-tone);height:var(--container-height);margin:var(--container-margin);padding:var(--container-padding)}.container.container--is-scrollable{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow-x:hidden;overflow-y:auto}.container{isolation:isolate}}@layer component.style{.container--below{--container: below;--container-tone: var(--tone-container-below)}}@layer component.style{.container--above{--container: above;--container-tone: var(--tone-container-above)}}
@layer component.base{.header{z-index:100;position:sticky;top:0;left:0;right:0;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center}}
@layer component.base{.footer{z-index:100;position:sticky;left:0;right:0;bottom:0;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center}}
@layer component.base{.content{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start}}

@layer component.container.variant{.modal-content{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--modal-content-spacing);height:var(--modal-content-height);margin:var(--modal-content-margin);padding:var(--modal-content-padding)}.modal-heading+.modal-content{padding-top:0px}.model-header--is-large~.modal-content{min-height:100%}}@layer component.container.style{.modal--format-tiny{--modal-content-padding-t: 0px;--modal-content-padding-l: 16px;--modal-content-padding-r: 16px;--modal-content-padding-b: 0px;--modal-content-padding-t-header-is-bordered: 16px;--modal-content-padding-b-footer-is-bordered: 16px}}@layer component.container.style{.modal--format-small{--modal-content-padding-t: 16px;--modal-content-padding-l: 32px;--modal-content-padding-r: 32px;--modal-content-padding-b: 16px;--modal-content-padding-t-header-is-bordered: 32px;--modal-content-padding-b-footer-is-bordered: 32px}}@layer component.container.style{.modal--format-sheet{--modal-content-padding-t: 16px;--modal-content-padding-l: 32px;--modal-content-padding-r: 32px;--modal-content-padding-b: 16px;--modal-content-padding-t-header-is-bordered: 32px;--modal-content-padding-b-footer-is-bordered: 32px}}@layer component.container.style{.modal--format-large{--modal-content-padding-t: 16px;--modal-content-padding-l: 32px;--modal-content-padding-r: 32px;--modal-content-padding-b: 16px;--modal-content-padding-t-header-is-bordered: 32px;--modal-content-padding-b-footer-is-bordered: 32px}}@layer component.container.style{.modal--format-full{--modal-content-padding-t: 16px;--modal-content-padding-l: 32px;--modal-content-padding-r: 32px;--modal-content-padding-b: 16px;--modal-content-padding-t-header-is-bordered: 32px;--modal-content-padding-b-footer-is-bordered: 32px}}
@layer component.container.child{.modal-footer{display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--modal-header-spacing);background:rgb(from var(--modal-tone) r g b/85%);min-height:var(--modal-header-height);margin:var(--modal-header-margin);padding:var(--modal-header-padding);border-top-width:1px;border-top-style:solid;border-top-color:rgba(0,0,0,0)}.modal-footer.modal-footer--is-bordered,.modal-footer.modal-footer--is-overlaid{border-top-color:var(--tone-border-md)}.modal-footer.modal-footer--is-blurried.modal-footer--is-overlaid{backdrop-filter:blur(16px) saturate(75%)}}
@layer component.container.child{.modal-heading{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;height:var(--modal-heading-height);margin:var(--modal-heading-margin)}.modal-heading-heading{--heading-spacing: var(--modal-heading-spacing);--heading-leading: var(--modal-heading-leading);--heading-title-size: var(--modal-heading-title-size);--heading-title-tone: var(--modal-heading-title-tone);--heading-infos-size: var(--modal-heading-infos-size);--heading-infos-tone: var(--modal-heading-infos-tone);--heading-title-font-family: var(--font-family-sans);--heading-title-font-weight: var(--font-weight-600)}.modal-heading-heading .heading-title,.modal-heading-heading .heading-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@layer component.control.base{.navigation-bar{--navigation-bar-tone: transparent;--navigation-bar-height: auto;--navigation-bar-margin: 0px;--navigation-bar-border: none;--navigation-bar-radius: 0px;--navigation-bar-spacing: 12px;--navigation-bar-padding: 0px;--navigation-bar-heading-spacing: 12px;--navigation-bar-heading-leading: 0px;--navigation-bar-heading-title-size: var(--size-title-md);--navigation-bar-heading-title-tone: var(--tone-title);--navigation-bar-heading-infos-size: var(--size-title-xs);--navigation-bar-heading-infos-tone: var(--tone-infos);--navigation-bar-actions-border: none;--navigation-bar-actions-radius: 0px;--navigation-bar-actions-height: auto;--navigation-bar-actions-margin: 0px;--navigation-bar-actions-spacing: 8px;--navigation-bar-actions-padding: 0px}.navigation-bar{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--navigation-bar-spacing);border:var(--navigation-bar-border);border-radius:var(--navigation-bar-radius);background:var(--navigation-bar-tone);height:var(--navigation-bar-height);margin:var(--navigation-bar-margin);padding:var(--navigation-bar-padding)}.navigation-bar-back{flex:none}.navigation-bar-head{position:relative;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--navigation-bar-spacing)}.navigation-bar-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--navigation-bar-spacing)}.navigation-bar-foot{position:relative;display:flex;flex:none;flex-direction:column;align-items:flex-end;justify-content:center}.navigation-bar:not(.navigation-bar--has-heading) .navigation-bar-foot{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:center}.navigation-bar-heading{--heading-leading: var(--navigation-bar-heading-leading);--heading-title-size: var(--navigation-bar-heading-title-size);--heading-title-tone: var(--navigation-bar-heading-title-tone);--heading-infos-size: var(--navigation-bar-heading-infos-size);--heading-infos-tone: var(--navigation-bar-heading-infos-tone);--heading-title-font-family: var(--font-family-sans);--heading-title-font-weight: var(--font-weight-500);flex:0 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%}.navigation-bar-actions{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--navigation-bar-actions-spacing);border:var(--navigation-bar-actions-border);border-radius:var(--navigation-bar-actions-radius);height:var(--navigation-bar-actions-height);margin:var(--navigation-bar-actions-margin);padding:var(--navigation-bar-actions-padding)}}@layer component.control.style{.navigation-bar-body .navigation-bar--start{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start}}@layer component.control.style{.navigation-bar--center{display:grid;grid-template-columns:minmax(max-content, 1fr) minmax(0, max-content) minmax(max-content, 1fr)}.navigation-bar--center .navigation-bar-head{grid-column:1}.navigation-bar--center .navigation-bar-body{grid-column:2;min-width:0}.navigation-bar--center .navigation-bar-foot{grid-column:3}.navigation-bar-body .navigation-bar--center{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:center}.navigation-bar--center .navigation-bar-heading .heading-title,.navigation-bar--center .navigation-bar-heading .heading-infos{text-align:center}}@layer component.control.style{.navigation-bar-body .navigation-bar--end{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-end}}
@layer component.control.variant{.modal-navigation-bar{--navigation-bar-height: 32px}.modal-navigation-bar .navigation-bar-head,.modal-navigation-bar .navigation-bar-body,.modal-navigation-bar .navigation-bar-foot{transition-property:color,visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.modal-navigation-bar .navigation-bar-heading .heading-title,.modal-navigation-bar .navigation-bar-heading .heading-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-header--is-large .modal-navigation-bar .navigation-bar-heading .heading-infos{display:none}.modal-header--is-large .modal-navigation-bar .navigation-bar-body{opacity:0;visibility:hidden;transform:translateY(16px)}.modal-header--is-fixed .modal-navigation-bar .navigation-bar-body{opacity:1;visibility:visible;transform:translateY(0px)}.modal:has(.modal-heading-back) .modal-header--is-large .modal-navigation-bar .navigation-bar-head{opacity:0;visibility:hidden;transform:translateY(16px)}.modal:has(.modal-heading-back) .modal-header--is-fixed .modal-navigation-bar .navigation-bar-head{opacity:1;visibility:visible;transform:translateY(0px)}}
@layer component.container.child{.modal-header{display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--modal-header-spacing);background:rgb(from var(--modal-tone) r g b/85%);height:var(--modal-header-height);margin:var(--modal-header-margin);padding:var(--modal-header-padding);border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0,0,0,0)}.modal-header.modal-header--is-bordered,.modal-header.modal-header--is-overlaid{border-bottom-color:var(--tone-border-md)}.modal-header.modal-header--is-blurried.modal-header--is-overlaid{backdrop-filter:blur(16px) saturate(75%)}}
@layer component.container.variant{.modal-sidebar{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--modal-sidebar-spacing);border:none;border-left:var(--modal-sidebar-border);background:var(--modal-sidebar-tone);height:var(--modal-sidebar-height);margin:var(--modal-sidebar-margin);padding:var(--modal-sidebar-padding)}}
@layer component.container.base{.modal{--modal-tone: var(--tone-container);--modal-header-height: 64px;--modal-header-margin: 0px;--modal-header-padding: 16px;--modal-header-spacing: 12px;--modal-footer-height: 64px;--modal-footer-margin: 0px;--modal-footer-padding: 16px;--modal-footer-spacing: 12px;--modal-heading-spacing: 12px;--modal-heading-leading: 2px;--modal-heading-title-size: var(--size-title-lg);--modal-heading-title-tone: var(--tone-title);--modal-heading-infos-size: var(--size-title-sm);--modal-heading-infos-tone: var(--tone-infos);--modal-heading-height: auto;--modal-heading-margin: var(--modal-content-padding-t) var(--modal-content-padding-r) var(--modal-content-spacing) var(--modal-content-padding-l);--modal-content-height: auto;--modal-content-margin: 0px;--modal-content-padding-t: 0px;--modal-content-padding-l: 16px;--modal-content-padding-r: 16px;--modal-content-padding-b: 0px;--modal-content-padding-t-header-is-bordered: 16px;--modal-content-padding-b-footer-is-bordered: 16px;--modal-content-spacing: 24px;--modal-content-padding: var(--modal-content-padding-t) var(--modal-content-padding-r) var(--modal-content-padding-b) var(--modal-content-padding-l);--modal-sidebar-tone: var(--tone-container-below);--modal-sidebar-width: clamp(220px, 35%, 420px);--modal-sidebar-border: var(--border-md);--modal-sidebar-radius: 0px;--modal-sidebar-height: auto;--modal-sidebar-margin: 0px;--modal-sidebar-padding: 0px;--modal-sidebar-spacing: 16px;--layout-padding: var(--modal-content-padding);--layout-spacing: var(--modal-content-spacing)}.modal{position:relative;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;max-width:100%;max-height:100%;scrollbar-width:thin}.modal:not(.container--is-scrollable){overflow:hidden}.modal:has(.modal-sidebar){display:grid;grid-template-columns:1fr var(--modal-sidebar-width)}.modal--format-tiny{height:560px;width:560px}.modal--format-tiny.modal--height-auto{height:auto}.modal--format-tiny.modal--height-fill{height:100%}.modal--format-small{height:720px;width:720px}.modal--format-small.modal--height-auto{height:auto}.modal--format-small.modal--height-fill{height:100%}.modal--format-sheet{height:960px;width:960px}.modal--format-sheet.modal--height-auto{height:auto}.modal--format-sheet.modal--height-fill{height:100%}.modal--format-large{height:1280px;width:1280px}.modal--format-large.modal--height-auto{height:auto}.modal--format-large.modal--height-fill{height:100%}.modal--format-full{height:100%;width:100%}.modal--format-full.modal--height-auto{height:auto}.modal--format-full.modal--height-fill{height:100%}}@layer component.container.variant{.modal:not(:has(.modal-header)){--modal-content-padding-t: var(--modal-content-padding-t-header-is-bordered)}.modal:not(:has(.modal-footer)){--modal-content-padding-b: var(--modal-content-padding-b-footer-is-bordered)}.modal:has(.modal-header.modal-header--is-bordered){--modal-content-padding-t: var(--modal-content-padding-t-header-is-bordered)}.modal:has(.modal-footer.modal-footer--is-bordered){--modal-content-padding-b: var(--modal-content-padding-b-footer-is-bordered)}}@layer component.container.style{.modal--below{--modal-tone: var(--tone-container-below)}}@layer component.container.style{.modal--above{--modal-tone: var(--tone-container-above)}}
@layer component.base{.slider{--slider-track-tone: var(--input-tone);--slider-track-border: var(--border-md);--slider-track-radius: var(--radius-lg)}.slider{cursor:pointer;user-select:none;position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;height:24px}.slider-track{position:absolute;top:0;left:0;right:0;bottom:0;border:var(--slider-track-border);border-radius:var(--slider-track-radius);background:var(--slider-track-tone)}.slider-track:after{content:"";display:block;border-radius:var(--radius-md);position:absolute;top:0px;left:0px;bottom:0px;background:var(--tone-primary);width:calc(var(--slider-thumb-x) + 11px)}.slider-thumb{position:absolute;top:var(--slider-thumb-y, 0px);left:var(--slider-thumb-x, 0px);box-shadow:var(--shadow-md);cursor:pointer;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;height:24px;width:24px;border-radius:24px;overflow-x:visible;overflow-y:visible;translate:-50% -50%}.slider-thumb:after{content:"";display:block;display:flex;flex-direction:column;align-items:center;justify-content:center;height:12px;width:12px;border-radius:12px;background:var(--tone-primary-on)}.slider-thumb:before{content:"";display:block;position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px}.slider-value{position:absolute;top:0%;left:50%;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;background:var(--tone-floater);margin:0px;margin-top:-8px;overflow:visible;padding:4px;padding-left:6px;padding-right:6px;text-align:center;transform:translateX(-50%) translateY(-100%)}.slider--is-dragging .slider-value{opacity:1;visibility:visible}.slider-value:after{content:"";display:block;position:absolute;top:100%;left:50%;height:6px;width:6px;background:var(--tone-floater);margin:0px;margin-top:-3px;transform:translateX(-50%) rotate(-45deg)}.slider-value-text{color:var(--tone-floater-on);font-size:10px;font-family:var(--font-family-sans)}}
@layer component.control.base{.photo-crop-hint{color:var(--tone-infos);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--size-text-sm);font-family:var(--font-family-sans);margin:0 0 12px;text-align:center}.photo-crop-viewport{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--tone-below);overflow:hidden;overscroll-behavior:none;touch-action:none;width:100%}.photo-crop-frame{position:relative;aspect-ratio:1/1;cursor:grab;flex:none;height:auto;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-touch-callout:none;width:min(100%,60vh,420px)}.photo-crop-modal--is-dragging .photo-crop-frame{cursor:grabbing}.photo-crop-stage{position:absolute;top:50%;left:50%;height:0px;width:0px}.photo-crop-image{position:relative;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);display:block;max-width:none;opacity:0;pointer-events:none;transform-origin:center center}.photo-crop-modal--is-ready .photo-crop-image{opacity:1}.photo-crop-mask{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.photo-crop-modal--shape-circle .photo-crop-mask{border:2px solid hsla(0,0%,100%,.45);border-radius:50%;box-shadow:0 0 0 9999px rgba(0,0,0,.55)}.photo-crop-modal--shape-square .photo-crop-mask{box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.35)}.photo-crop-toolbar{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;gap:16px;padding-top:16px}.photo-crop-rotates{display:flex;flex-direction:row;align-items:center;justify-content:center}.photo-crop-sliders{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;gap:12px}.photo-crop-slider{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;gap:6px}.photo-crop-slider-label{color:var(--tone-label);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-text-xs);font-family:var(--font-family-sans)}}@layer component.control.style{.photo-crop-modal .modal-footer .button-group{width:100%}}
@layer component.control.base{.photo-input{--photo-input-preview-size: 64px;--photo-input-preview-radius: var(--photo-input-preview-size);--photo-input-spacing: 12px;position:relative;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.photo-input.photo-input--is-disabled{opacity:.5}.photo-input.photo-input--shape-square{--photo-input-preview-radius: var(--radius-md)}.photo-input.photo-input--xs{--photo-input-preview-size: 48px}.photo-input.photo-input--sm{--photo-input-preview-size: 64px}.photo-input.photo-input--md{--photo-input-preview-size: 80px}.photo-input.photo-input--lg{--photo-input-preview-size: 96px}.photo-input.photo-input--xl{--photo-input-preview-size: 112px}.photo-input-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--photo-input-spacing)}.photo-input-preview{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;height:var(--photo-input-preview-size);width:var(--photo-input-preview-size);border-radius:var(--photo-input-preview-radius);cursor:pointer;user-select:none;align-self:center;appearance:none;aspect-ratio:1/1;background:var(--input-tone);border:var(--border-md);flex:none;line-height:0;overflow:hidden;padding:0px}.photo-input--has-focus .photo-input-preview,.photo-input-preview:focus-visible{border-color:var(--tone-primary);outline:none}.photo-input--has-error .photo-input-preview{border-color:var(--tone-warning)}.photo-input--is-loading .photo-input-preview{cursor:wait}.photo-input-image{height:100%;width:100%;display:block;object-fit:cover;object-position:center}.photo-input-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;background:var(--tone-neutral)}.photo-input-placeholder-picto{--picto-size: calc(var(--photo-input-preview-size) / 2.75);--picto-tone: --tone-picto}.photo-input-actions{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;min-width:0px}.photo-input-actions .button-group{flex-wrap:wrap}.photo-input-picker,.photo-input-required{position:absolute;opacity:0;visibility:hidden;height:0px;pointer-events:none;width:0px}}@layer component.control.style{.form-list .photo-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}.form-list .photo-input .photo-input-head,.form-list .photo-input .photo-input-body{flex:1 1 0}}

@layer component.container.base{.phone-input .text-input-prefix{display:flex;flex:none;flex-direction:row;align-items:center;justify-content:center;align-self:stretch;height:100%;margin:0px}.phone-input input{min-width:0}.phone-input.text-input--xs .phone-input-region-code{display:none}.phone-input-affix{display:flex;flex:none;flex-direction:row;align-items:center;justify-content:center;align-self:stretch;height:100%;padding-left:4px}.phone-input-region{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;align-self:stretch;border-right:var(--border-md);height:100%;margin-right:8px;padding-right:4px}.phone-input-region-flag{font-size:16px;line-height:1}.phone-input-region-code{color:var(--text-input-font-tone);--font-weight: var(--font-weight-600);font-weight:var(--font-weight);font-size:var(--text-input-font-size);font-family:var(--font-family-sans);letter-spacing:.02em;margin-left:6px}.phone-input-region-arrow{--input-field-arrow-width: 18px;--input-field-arrow-size: 10px}.phone-input-region-select{position:absolute;top:0;left:0;right:0;bottom:0;appearance:none;background:rgba(0,0,0,0);border:none;cursor:pointer;opacity:0;width:100%;height:100%}.phone-input.text-input--is-disabled .phone-input-region-select{cursor:default}.phone-input-calling-code{color:var(--text-input-font-tone);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--text-input-font-size);font-family:var(--font-family-sans);color:var(--tone-infos);padding-right:4px;white-space:nowrap}}@layer component.control.style{.form-grid.form-grid--labels-above .phone-input .input-field{overflow:visible}.form-grid.form-grid--labels-above .phone-input .text-input-head{position:absolute;top:0px;left:4px;border-radius:var(--radius-sm);background:var(--tone-surface-above);box-shadow:0px 0px 1px var(--tone-border-md);padding:2px;padding-left:8px;padding-right:8px;pointer-events:none;transform:translateY(-50%);z-index:1}.form-grid.form-grid--labels-above .phone-input .text-input-head .input-field-label{font-size:12px}.form-grid.form-grid--labels-above .phone-input .text-input-body input{padding-top:6px;padding-left:0px}.form-grid.form-grid--labels-above .phone-input.text-input--has-focus .text-input-head{background:var(--tone-primary)}.form-grid.form-grid--labels-above .phone-input.text-input--has-focus .text-input-head .input-field-label,.form-grid.form-grid--labels-above .phone-input.text-input--has-focus .text-input-head .input-field-infos{color:var(--tone-primary-on)}.form-grid.form-grid--labels-above .phone-input.text-input--has-focus .text-input-head .input-field-label.input-field-label--is-required:after{color:var(--tone-primary-on)}}

@layer component.base{.spinner{--spinner-size: 32px;--spinner-tone: var(--tone-primary)}.spinner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--spinner-size);width:var(--spinner-size);border-radius:var(--spinner-size);animation:spinner-animation 2500ms infinite linear both}.spinner-image circle{animation:2500ms ease-out infinite both spinner-circle-animation;fill:rgba(0,0,0,0);stroke:var(--spinner-tone);stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:280;stroke-width:10;transform-origin:50% 50%}.spinner--sm{--spinner-size: 24px}.spinner--lg{--spinner-size: 40px}@keyframes spinner-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spinner-circle-animation{0%,25%{stroke-dashoffset:280;transform:rotate(0)}50%,75%{stroke-dashoffset:75;transform:rotate(45deg)}100%{stroke-dashoffset:280;transform:rotate(360deg)}}}
@layer component.control.base{.select-input{--select-input-tone: var(--input-tone);--select-input-height: 36px;--select-input-margin: 0px;--select-input-border: var(--input-border);--select-input-radius: var(--input-radius);--select-input-padding: 0px 12px 0px 12px;--select-input-spacing: 6px;--select-input-font-size: var(--size-text-sm);--select-input-font-tone: var(--tone-text);--select-input-text-align: start;--select-input-text-transform: none;cursor:pointer;user-select:none;position:relative;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.select-input.select-input--is-disabled{opacity:.5}.select-input .input-field{gap:var(--select-input-spacing)}.select-input-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border:var(--select-input-border);border-radius:var(--select-input-radius);background:var(--select-input-tone);height:var(--select-input-height);margin:var(--select-input-margin)}.select-input--has-focus .select-input-body{outline:var(--input-focus-border);outline-offset:var(--input-focus-offset)}.select-input-body select{color:var(--select-input-font-tone);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--select-input-font-size);font-family:var(--font-family-sans);height:100%;width:100%;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;appearance:none;background:rgba(0,0,0,0);border:none;border-radius:0px;display:block;padding:var(--select-input-padding);text-align:var(--select-input-text-align);text-transform:var(--select-input-text-transform)}.select-input--has-value .select-input-body select{color:var(--tone-text)}.select-input-spinner{position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(var(--select-input-height) - 2px);width:calc(var(--select-input-height) - 2px)}.select-input--xs{--select-input-height: 28px;--select-input-padding: 0px 0px 0px 12px}.select-input--sm{--select-input-height: 32px;--select-input-padding: 0px 0px 0px 12px}.select-input--lg{--select-input-height: 40px;--select-input-padding: 0px 0px 0px 12px}.select-input--xl{--select-input-height: 44px;--select-input-padding: 0px 0px 0px 12px}}@layer component.control.style{.select-input--outlined{--select-input-tone: transparent;--select-input-border: var(--border-md)}}@layer component.control.style{.select-input--floating{--select-input-height: 48px}.select-input--floating .select-input-head{z-index:5;position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;transition-property:color,height;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);height:100%;padding:calc(var(--select-input-height)/5.25);padding-left:12px;padding-right:12px;pointer-events:none}.select-input--floating .select-input-head .input-field-label,.select-input--floating .select-input-head .input-field-infos{transition-property:color,font-size,visibility,opacity,padding,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);line-height:1}.select-input--floating .select-input-body select{padding-top:calc(var(--select-input-height)/3.5)}.select-input--floating.select-input--has-value .input-field-label{--input-field-label-tone: var(--tone-infos)}.select-input--floating.select-input--has-focus .input-field-label{--input-field-label-tone: var(--tone-primary)}.select-input--floating.select-input--has-focus .select-input-head,.select-input--floating.select-input--has-value .select-input-head{height:calc-size(min-content,size)}.select-input--floating.select-input--has-focus .input-field-label,.select-input--floating.select-input--has-value .input-field-label{--input-field-label-size: 12px}.select-input--floating.select-input--has-focus .input-field-infos,.select-input--floating.select-input--has-value .input-field-infos{opacity:0;visibility:hidden}}@layer component.control.style{.form-grid .select-input:not(.select-input--floating) .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0px;border:var(--select-input-border);border-radius:var(--select-input-radius);background:var(--select-input-tone);padding:0px;padding-left:12px}.form-grid .select-input:not(.select-input--floating).select-input--has-focus .input-field{outline:var(--input-focus-border);outline-offset:var(--input-focus-offset)}.form-grid .select-input:not(.select-input--floating).select-input--has-focus .select-input-body{outline:none}.form-grid .select-input:not(.select-input--floating) .select-input-body{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start;background:none;border:none}.form-grid .select-input:not(.select-input--floating) .select-input-body select{text-align:right}.form-grid .select-input:not(.select-input--floating) .select-input-prefix{margin:0px}}@layer component.control.style{.form-list .select-input .select-input-head,.form-list .select-input .select-input-body{flex:1 1 0}.form-list .select-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}}
@layer component.base{.address-input{position:relative;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px;grid-column:1/-1}.address-input-full{grid-column:1/-1}.form-grid-content>.form-field:has(.address-field),.form-grid-content>.form-field:has(.address-input),.form-grid-content>.address-field{grid-column:1/-1}@media(max-width: 1279.98px){.address-input{grid-template-columns:repeat(1, minmax(0, 1fr))}}}.pac-container{z-index:1100;background-color:var(--tone-surface);border:var(--border-md);border-radius:6px;box-shadow:var(--shadow-lg);color:var(--tone-text);font-family:inherit;margin-top:4px;padding:4px 0}.theme-dark .pac-container{background-color:var(--tone-surface);border-color:var(--tone-border-md);box-shadow:0 8px 24px rgba(0,0,0,.45);color:var(--tone-text)}@media(prefers-color-scheme: dark){.theme-auto .pac-container{background-color:var(--tone-surface);border-color:var(--tone-border-md);box-shadow:0 8px 24px rgba(0,0,0,.45);color:var(--tone-text)}}.pac-item{cursor:pointer;line-height:1.4;padding:8px 12px;border:none;border-top:1px solid var(--tone-border-md);color:var(--tone-infos)}.theme-dark .pac-item{background-color:rgba(0,0,0,0);border-top-color:var(--tone-border-md);color:var(--tone-infos)}@media(prefers-color-scheme: dark){.theme-auto .pac-item{background-color:rgba(0,0,0,0);border-top-color:var(--tone-border-md);color:var(--tone-infos)}}.pac-item:hover,.pac-item.pac-item-selected{background-color:var(--tone-highlight)}.theme-dark .pac-item:hover,.theme-dark .pac-item.pac-item-selected{background-color:var(--tone-highlight)}@media(prefers-color-scheme: dark){.theme-auto .pac-item:hover,.theme-auto .pac-item.pac-item-selected{background-color:var(--tone-highlight)}}.pac-item-query{font-weight:600;color:var(--tone-title)}.theme-dark .pac-item-query{color:var(--tone-title)}@media(prefers-color-scheme: dark){.theme-auto .pac-item-query{color:var(--tone-title)}}.pac-matched{color:var(--tone-text)}.theme-dark .pac-matched{color:var(--tone-text)}@media(prefers-color-scheme: dark){.theme-auto .pac-matched{color:var(--tone-text)}}.theme-dark .pac-container.pac-logo:after{filter:grayscale(1) invert(1)}@media(prefers-color-scheme: dark){.theme-auto .pac-container.pac-logo:after{filter:grayscale(1) invert(1)}}

@layer component.control.base{.radio-group{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px}.radio-group-body{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:20px}.radio-group--row .radio-group-body{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.radio-group--col .radio-group-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}}@layer component.control.style{.radio-group--outlined{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0px;border:var(--border-md);border-radius:var(--radius-md);overflow:hidden}.radio-group--outlined .radio-group-head{border-bottom:1px solid var(--tone-border-md);padding:12px}.radio-group--outlined .radio-input{flex:1 1 0;align-self:stretch;padding:12px}.radio-group--outlined.radio-group--col .radio-group-body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0px}.radio-group--outlined.radio-group--col .radio-input:not(:last-child){border-bottom:1px solid var(--tone-border-md)}.radio-group--outlined.radio-group--row .radio-group-body{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0px}.radio-group--outlined.radio-group--row .radio-input{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.radio-group--outlined.radio-group--row .radio-input:not(:last-child){border-right:1px solid var(--tone-border-md)}}@layer component.control.variant{.form-list .radio-group{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.form-list .radio-group-head{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%}}

@layer component.control.base{.radio-input{--radio-input-border: var(--input-border);--radio-input-radius: 24px;--radio-input-height: 24px}.radio-input{cursor:pointer;user-select:none;position:relative}.radio-input .input-field{display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;gap:8px}.radio-input.radio-input--has-picto .input-field{gap:12px}.radio-input-body{cursor:pointer;user-select:none;position:relative;flex:none;border:var(--radio-input-border);border-radius:var(--radio-input-radius);height:var(--radio-input-height);width:var(--radio-input-height);background:var(--input-tone);background-clip:padding-box}.radio-input--has-picto .radio-input-body{height:40px;width:40px;border-radius:40px}.radio-input--has-picto.radio-input--is-selected .radio-input-body{background:var(--tone-primary)}.radio-input--has-focus .radio-input-body{outline:var(--input-focus-border);outline-offset:var(--input-focus-offset)}.radio-input--is-selected .radio-input-body{border-color:var(--tone-border-md)}.radio-input-body input{cursor:pointer;user-select:none;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);display:block;height:100%;margin:0px;width:100%}.radio-input-label{white-space:nowrap}.radio-input-picto{--picto-size: 16px}.radio-input--has-picto .radio-input-picto{position:absolute;top:0;left:0;right:0;bottom:0}.radio-input--is-selected .radio-input-picto{--picto-tone: var(--tone-primary)}.radio-input--has-picto.radio-input--is-selected .radio-input-picto{--picto-tone: var(--tone-primary-on)}.radio-input-indicator{position:absolute;top:0;left:0;right:0;bottom:0;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;background:var(--input-tone);border-width:6px;border-color:var(--tone-primary);border-style:solid;border-radius:16px;margin:0px;pointer-events:none;transform:none}.radio-input--is-selected .radio-input-indicator{opacity:1;visibility:visible}}@layer component.control.style{.radio-input--outlined{--radio-input-border: var(--border-md)}.radio-input--outlined .radio-input-body,.radio-input--outlined .radio-input-indicator{background:rgba(0,0,0,0)}}
@layer component.control.base{.radio-list-input{position:relative}}
@layer component.control.base{.repeater{--repeater-tone: transparent;--repeater-height: auto;--repeater-margin: 0px;--repeater-border: var(--border-md);--repeater-radius: var(--radius-md);--text-input-padding: 0px;--text-input-spacing: 8px}.repeater{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.repeater.repeater--is-disabled{opacity:.5}.repeater .input-field{gap:var(--text-input-spacing)}.repeater-field{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px}.repeater-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:var(--repeater-border);border-radius:var(--repeater-radius);background:var(--repeater-tone);height:var(--repeater-height);margin:var(--repeater-margin);overflow:hidden}.repeater-rows{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.repeater-row{position:relative;display:grid;grid-template-columns:auto minmax(0, 1fr) auto;border-bottom:1px solid var(--tone-border-md)}.repeater-row:hover{background:var(--tone-highlight)}.repeater-row:last-child{border-width:0px}.repeater-row-head{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;border-right:1px solid var(--tone-border-md);width:36px}.repeater-row-body{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:center;align-self:stretch}.repeater-row-body .input-field-label{color:var(--tone-label);font-size:var(--size-text-xs);font-family:var(--font-family-sans)}.repeater-row-body .form-grid{gap:8px;padding:8px}.repeater-row-foot{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;border-left:1px solid var(--tone-border-md);padding:8px}.repeater-row-index{color:var(--tone-label);font-size:var(--size-text-xs);font-family:var(--font-family-sans)}.repeater-append{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:1px solid var(--tone-border-md);padding:12px}.repeater-empty-message{--message-padding: 24px;--message-title-size: var(--size-text-md);--message-title-tone: var(--tone-title);--message-infos-size: var(--size-text-xs);--message-infos-tone: var(--tone-infos)}}
@layer component.control.base{.slider-input{position:relative;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.slider-input.slider-input--is-disabled{opacity:.5}.slider-input-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.slider-input--has-focus .slider-input-body{outline:var(--input-focus-border);outline-offset:var(--input-focus-offset)}.slider-input-body .slider{flex:1 0 auto}.slider-input-unit{color:var(--tone-label);font-size:var(--size-text-xs);font-family:var(--font-family-sans);margin:0px;margin-right:4px}.slider-input-prefix{margin:0px;margin-left:16px}.slider-input-suffix{margin:0px;margin-right:16px}}@layer component.control.style{.form-grid .slider-input.slider-input--outlined .slider-input-field{border:var(--border-md);background:rgba(0,0,0,0)}}@layer component.control.style{.form-grid .slider-input .slider-input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;border:var(--border-md);border-radius:var(--radius-sm);background:var(--input-tone);padding:0px;padding-left:12px;padding-right:12px}.form-grid .slider-input.slider-input--has-focus .slider-input-field{outline:var(--input-focus-border);outline-offset:var(--input-focus-offset)}.form-grid .slider-input.slider-input--has-focus .slider-input-body{outline:none}.form-grid .slider-input .slider-input-body{flex:1 0 auto}.form-grid .slider-input .slider-input-body .slider{flex:1 0 auto}.form-grid .slider-input .slider-input-text-input{border:none;margin:0px}}@layer component.control.style{.form-list .slider-input .slider-input-head,.form-list .slider-input .slider-input-body{flex:1 1 0}.form-list .slider-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}}
@layer component.base{.switch{--switch-width: calc(var(--switch-height) * 1.875);--switch-height: 32px;--switch-border: none;--switch-radius: var(--switch-height);--switch-track-tone: var(--tone-neutral);--switch-thumb-tone: var(--tone-white);--switch-thumb-border: none;--switch-thumb-radius: var(--switch-height);--switch-thumb-width: calc(var(--switch-height) + 4px);--switch-active-track-tone: var(--tone-primary);--switch-active-thumb-tone: var(--tone-white)}.switch{cursor:pointer;user-select:none;position:relative;height:var(--switch-height);width:var(--switch-width)}.switch-track{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:var(--switch-border);border-radius:var(--switch-radius);background:var(--switch-track-tone)}.switch--is-active .switch-track{background:var(--switch-active-track-tone)}.switch-thumb{position:absolute;top:0;left:0;height:var(--switch-height);width:var(--switch-thumb-width);transition-property:color,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);padding:4px}.switch-thumb:after{content:"";display:block;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:var(--switch-thumb-border);border-radius:var(--switch-thumb-radius);background:var(--switch-thumb-tone)}.switch--is-active .switch-thumb:after{background:var(--switch-active-thumb-tone)}.switch--is-active .switch-thumb{transform:translateX(calc(var(--switch-width) - var(--switch-thumb-width)))}.switch--xs{--switch-height: 28px}.switch--sm{--switch-height: 32px}.switch--md{--switch-height: 36px}.switch--lg{--switch-height: 40px}.switch--xl{--switch-height: 44px}}
@layer component.control.base{.switch-input{--switch-input-tone: var(--input-tone);--switch-input-align: left;--switch-input-height: 36px;--switch-input-margin: 0px;--switch-input-border: var(--input-border);--switch-input-radius: var(--input-radius);--switch-input-shadow: none;--switch-input-padding: 0px 12px;--switch-input-spacing: 6px;--switch-input-width: auto}.switch-input{position:relative;transition-property:visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.switch-input.switch-input--is-disabled{opacity:.5}.switch-input .input-field{gap:var(--switch-input-spacing)}.switch-input-head{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px}.switch-input-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border:var(--switch-input-border);border-radius:var(--switch-input-radius);box-shadow:var(--switch-input-shadow);height:var(--switch-input-height);margin:var(--switch-input-margin);width:var(--switch-input-width)}.switch-input-body .switch{margin-left:-5px}}@layer component.control.style{.form-grid .switch-input.switch-input--outlined .input-field{border:var(--border-md);background:rgba(0,0,0,0)}}@layer component.control.style{.form-grid .switch-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0px;border:var(--switch-input-border);border-radius:var(--switch-input-radius);background:var(--switch-input-tone);padding:12px;padding-top:8px;padding-bottom:8px}.form-grid .switch{--switch-track-tone: var(--input-highlight-tone)}}@layer component.control.style{.form-list .switch-input .switch-input-head{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%}.form-list .switch-input .switch-input-body{flex:none}.form-list .switch-input .switch-input-body{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.form-list .switch-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}}

@layer component.control.base{.text-area{--text-area-tone: var(--input-tone);--text-area-height: 120px;--text-area-margin: 0px;--text-area-border: var(--input-border);--text-area-radius: var(--input-radius);--text-area-padding: 12px;--text-area-spacing: 6px;--text-area-font-size: var(--size-text-sm);--text-area-font-tone: var(--tone-text)}.text-area{position:relative;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.text-area.text-area--is-disabled{opacity:.5}.text-area .input-field{gap:var(--text-area-spacing)}.text-area-body{position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;border:var(--text-area-border);border-radius:var(--text-area-radius);background:var(--text-area-tone);height:var(--text-area-height);margin:var(--text-area-margin)}.text-area--has-focus .text-area-body{outline:var(--input-focus-border);outline-offset:var(--input-focus-offset)}.text-area--has-error .text-area-body{border-color:var(--tone-warning)}.text-area--auto-resize .text-area-body{height:auto}.text-area-body textarea{color:var(--text-area-font-tone);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--text-area-font-size);font-family:var(--font-family-sans);appearance:none;background:rgba(0,0,0,0);border:none;border-radius:0px;display:block;height:100%;min-height:20px;line-height:1.35;padding:var(--text-area-padding);resize:none;width:100%}.text-area-body textarea::-webkit-input-placeholder{color:var(--tone-infos)}.text-area-body textarea::-moz-placeholder{color:var(--tone-infos)}.text-area-body textarea:-moz-placeholder{color:var(--tone-infos)}.text-area-body textarea:-ms-input-placeholder{color:var(--tone-infos)}}@layer component.control.style{.text-area--outlined{--text-area-tone: transparent;--text-area-border: var(--border-md)}}@layer component.control.style{.text-area--floating .text-area-head{z-index:5;position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;transition-property:color,height;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);padding:12px;padding-left:12px;padding-right:12px;pointer-events:none}.text-area--floating .text-area-head .input-field-label,.text-area--floating .text-area-head .input-field-infos{transition-property:color,font-size,visibility,opacity,padding,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);line-height:1}.text-area--floating .text-area-body textarea{padding-top:24px}.text-area--floating.text-area--has-value .input-field-label{--input-field-label-tone: var(--tone-infos)}.text-area--floating.text-area--has-focus .input-field-label{--input-field-label-tone: var(--tone-primary)}.text-area--floating.text-area--has-focus .text-area-head,.text-area--floating.text-area--has-value .text-area-head{height:calc-size(min-content,size)}.text-area--floating.text-area--has-focus .input-field-label,.text-area--floating.text-area--has-value .input-field-label{--input-field-label-size: 12px}.text-area--floating.text-area--has-focus .input-field-infos,.text-area--floating.text-area--has-value .input-field-infos{opacity:0;visibility:hidden}}@layer component.control.size{.text-area--seamless{--text-area-tone: transparent;--text-area-border: none;--text-area-radius: 0px;--text-area-height: auto;--text-area-padding: 0px}}@layer component.control.style{.form-grid .text-area:not(.text-area--floating) .input-field{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0px;border:var(--text-area-border);border-radius:var(--text-area-radius);background:var(--text-area-tone);padding:12px}.form-grid .text-area:not(.text-area--floating).text-area--has-focus .input-field{outline:var(--input-focus-border);outline-offset:var(--input-focus-offset)}.form-grid .text-area:not(.text-area--floating).text-area--has-focus .text-area-body{outline:none}.form-grid .text-area:not(.text-area--floating) .text-area-body{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start;border:none}.form-grid .text-area:not(.text-area--floating) .text-area-body textarea{padding:0px}.form-grid .text-area:not(.text-area--floating) .text-area-prefix{margin:0px}}@layer component.control.style{.form-list .text-area .text-area-head,.form-list .text-area .text-area-body{flex:1 1 0}.form-list .text-area .input-field{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:16px}}
@layer component.control.base{.swatch-input{--swatch-input-tone: transparent;--swatch-input-height: auto;--swatch-input-margin: 0px;--swatch-input-border: none;--swatch-input-radius: none;--swatch-input-padding: 0px;--swatch-input-spacing: 8px;--swatch-input-color-height: 36px;--swatch-input-color-border: 2px solid var(--tone-container);--swatch-input-color-radius: 36px;--swatch-input-color-spacing: 12px;cursor:pointer;user-select:none;position:relative;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.swatch-input.swatch-input--is-disabled{opacity:.5}.swatch-input .input-field{gap:var(--swatch-input-spacing)}.swatch-input-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border:var(--swatch-input-border);border-radius:var(--swatch-input-radius);background:var(--swatch-input-tone);height:var(--swatch-input-height);margin:var(--swatch-input-margin);padding:var(--swatch-input-padding)}.swatch-input-color{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:var(--swatch-input-color-border);height:var(--swatch-input-color-height);width:var(--swatch-input-color-height);border-radius:var(--swatch-input-color-radius)}.swatch-input-color:not(:first-child){margin-left:calc(var(--swatch-input-color-height)/-4)}.swatch-input-color.swatch-input-color--is-selected{z-index:5}.swatch-input-color:hover{z-index:10}.swatch-input-color-check{--picto-tone: var(--tone-surface);--picto-size: var(--size-icon-md)}.swatch-input--xs{--swatch-input-color-height: 28px;--swatch-input-color-radius: 28px}.swatch-input--sm{--swatch-input-color-height: 32px;--swatch-input-color-radius: 32px}.swatch-input--lg{--swatch-input-color-height: 40px;--swatch-input-color-radius: 40px}.swatch-input--xl{--swatch-input-color-height: 44px;--swatch-input-color-radius: 44px}}@layer component.control.style{.form-grid .swatch-input.swatch-input--outlined .input-field{border:var(--border-md);background:rgba(0,0,0,0)}}@layer component.control.style{.form-grid .swatch-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0px;border:var(--border-md);border-radius:var(--radius-sm);background:var(--swatch-input-tone);padding:0px;padding-left:12px}.form-grid .swatch-input .swatch-input-body{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start;background:none;border:none}.form-grid .swatch-input .swatch-input-body select{text-align:right}.form-grid .swatch-input .swatch-input-prefix{margin:0px}}@layer component.control.style{.form-list .swatch-input .swatch-input-head,.form-list .swatch-input .swatch-input-body{flex:1 1 0}.form-list .swatch-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}}
@layer component.base{.present,.dismiss{pointer-events:none}.dispose{display:none}}
.fade-transition--present{opacity:0}.fade-transition--present.fade-transition--present-active{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:1}.fade-transition--dismiss{opacity:1}.fade-transition--dismiss.fade-transition--dismiss-active{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;transform:scale(0.95)}
@layer component.base{.waiter{z-index:1000;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.waiter.waiter--is-opaque{background:var(--tone-container)}.waiter-spinner{backdrop-filter:blur(16px) saturate(75%);display:flex;flex-direction:column;align-items:center;justify-content:center;height:48px;width:48px;border-radius:48px;background:rgb(from var(--tone-container) r g b/85%)}.waiter-spinner .spinner{height:36px;width:36px;border-radius:36px}.waiter--present{opacity:0}.waiter--present.waiter--present-active{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:1}.waiter--dismiss{opacity:1}.waiter--dismiss.waiter--dismiss-active{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0}}
@layer component.base{.list{--list-tone: transparent;--list-height: auto;--list-margin: 0px;--list-border: none;--list-radius: 0px;--list-shadow: none;--list-spacing: 0px;--list-padding: 0px;--list-header-tone: transparent;--list-header-height: auto;--list-header-margin: 0px;--list-header-border: none;--list-header-radius: 0px;--list-header-padding: 0px;--list-header-spacing: 12px;--list-header-sticky-offset: 0px;--list-footer-tone: transparent;--list-footer-height: auto;--list-footer-margin: 0px;--list-footer-border: none;--list-footer-radius: 0px;--list-footer-padding: 0px;--list-footer-spacing: 12px;--list-footer-sticky-offset: 0px;--list-content-height: auto;--list-content-margin: 0px;--list-content-spacing: 8px;--list-content-padding: 0px}.list{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;border:var(--list-border);border-radius:var(--list-radius);box-shadow:var(--list-shadow);background:var(--list-tone);height:var(--list-height);margin:var(--list-margin);padding:var(--list-padding)}.list.list--is-selectable .list-item,.list.list--is-adjustable .list-item{cursor:pointer;user-select:none}.list-collection{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--list-spacing)}.list-collection.collection--present{opacity:0}.list-collection.collection--present.collection--present-active{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:1}.list-collection.collection--dismiss{opacity:1}.list-collection.collection--dismiss.collection--dismiss-active{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0}.list-header,.list-footer{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;container-type:scroll-state}.list-header{z-index:5;position:sticky;top:var(--list-header-sticky-offset);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:var(--list-header-border);border-radius:var(--list-header-radius);background:var(--list-header-tone);height:var(--list-header-height);margin:var(--list-header-margin);padding:var(--list-header-padding)}.list-header-content{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--list-header-spacing)}.list-footer{z-index:5;position:sticky;bottom:var(--list-footer-sticky-offset);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:var(--list-footer-border);border-radius:var(--list-footer-radius);background:var(--list-footer-tone);height:var(--list-footer-height);margin:var(--list-footer-margin);padding:var(--list-footer-padding)}.list-footer-content{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--list-footer-spacing);align-content:start}.list-header:has(.list-header-content:empty),.list-footer:has(.list-footer-content:empty){display:none}.list-content{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--list-content-spacing);height:var(--list-content-height);margin:var(--list-content-margin);padding:var(--list-content-padding)}}@layer component.variant{.list--default{--surface: normal}.list--default .list-item{--list-item-tone: var(--tone-surface);--list-item-border: var(--border-surface);--list-item-shadow: var(--shadow-surface)}.list--default.list--below{--surface: below}.list--default.list--below .list-item{--list-item-tone: var(--tone-surface-below);--list-item-border: var(--border-surface-below);--list-item-shadow: var(--shadow-surface-below)}.list--default.list--above{--surface: above}.list--default.list--above .list-item{--list-item-tone: var(--tone-surface-above);--list-item-border: var(--border-surface-above);--list-item-shadow: var(--shadow-surface-above)}}@layer component.variant{.list--tray{--list-tone: var(--tone-surface-below);--list-border: var(--border-surface-below);--list-radius: var(--radius-md);--list-shadow: var(--shadow-surface-below);--list-padding: 8px;--list-content-spacing: 8px}.list--tray .list-item{--list-item-border: none}}@layer component.variant{.list--plain{--list-content-spacing: 0px}.list--plain .list-item,.list--plain .list-item-placeholder{--list-item-tone: transparent;--list-item-border: none;--list-item-radius: none;border-top:var(--border-md)}.list--plain .list-item:last-child,.list--plain .list-item-placeholder:last-child{border-bottom:var(--border-md)}}@layer component.variant{.list--inset{--list-content-spacing: 0px}.list--inset .list-item,.list--inset .list-item-placeholder{--list-item-tone: transparent;--list-item-border: none;--list-item-radius: none;border-top:var(--border-md)}.list--inset .list-item:last-child,.list--inset .list-item-placeholder:last-child{border-bottom:var(--border-md)}.list--inset .list-item:before{content:"";display:block;position:absolute;top:4px;left:0px;right:0px;bottom:4px;border-radius:var(--radius-sm);transition-property:color,visibility,opacity;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-duration:350ms;opacity:0;visibility:hidden;background:var(--tone-highlight)}.list--inset .list-item.list-item--is-selectable{cursor:pointer;user-select:none}.list--inset .list-item.list-item--is-selectable:hover{background:rgba(0,0,0,0)}.list--inset .list-item.list-item--is-selectable:hover:before{opacity:1;visibility:visible}.list--inset .list-item-placeholder:before{display:none}}@layer component.variant{.list--basic{--list-content-spacing: 0px}.list--basic .list-item,.list--basic .list-item-placeholder{--list-item-tone: transparent;--list-item-border: none;--list-item-radius: none;--list-item-padding: 16px 0px}.list--basic .list-item:before{content:"";display:block;position:absolute;top:0px;left:-8px;right:-8px;bottom:0px;border-radius:var(--radius-sm);transition-property:color,visibility,opacity;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-duration:350ms;opacity:0;visibility:hidden;background:var(--tone-highlight)}.list--basic .list-item.list-item--is-selectable{cursor:pointer;user-select:none}.list--basic .list-item.list-item--is-selectable:hover{background:rgba(0,0,0,0)}.list--basic .list-item.list-item--is-selectable:hover:before{opacity:1;visibility:visible}.list--basic .list-item-placeholder:before{display:none}}@layer component.variant{.list--grouped{--list-content-spacing: 0px}.list--grouped .list-item:not(:first-child),.list--grouped .list-item-placeholder:not(:first-child){border-top-left-radius:0px;border-top-right-radius:0px}.list--grouped .list-item:not(:last-child),.list--grouped .list-item-placeholder:not(:last-child){border-bottom:none;border-bottom-left-radius:0px;border-bottom-right-radius:0px}.list--grouped{--surface: normal}.list--grouped .list-item{--list-item-tone: var(--tone-surface);--list-item-border: var(--border-surface)}.list--grouped .list-item:last-child{--list-item-shadow: var(--shadow-surface)}.list--grouped.list--below{--surface: below}.list--grouped.list--below .list-item{--list-item-tone: var(--tone-surface-below);--list-item-border: var(--border-surface-below)}.list--grouped.list--below .list-item:last-child{--list-item-shadow: var(--shadow-surface-below)}.list--grouped.list--below .list-item:not(:last-child){margin-bottom:1px}.list--grouped.list--above{--surface: above}.list--grouped.list--above .list-item{--list-item-tone: var(--tone-surface-above);--list-item-border: var(--border-surface-above)}.list--grouped.list--above .list-item:last-child{--list-item-shadow: var(--shadow-surface-above)}}
@layer component.base{.list-item{--list-item-tone: var(--tone-surface);--list-item-height: auto;--list-item-margin: 0px;--list-item-border: var(--border-md);--list-item-radius: var(--radius-md);--list-item-shadow: none;--list-item-spacing: 12px;--list-item-padding: 16px;--list-item-arrow-size: var(--size-icon-xs);--list-item-arrow-tone: var(--tone-picto);--list-item-hovering-tone: var(--tone-highlight);--list-item-selected-tone: var(--tone-emphasize);--list-item-disabled-tone: none}.list-item{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--list-item-spacing);border:var(--list-item-border);border-radius:var(--list-item-radius);box-shadow:var(--list-item-shadow);transition-property:background-position,background-color,background-size;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);background:var(--list-item-tone);height:var(--list-item-height);margin:var(--list-item-margin);padding:var(--list-item-padding)}.list-item.list-item--is-detailable{cursor:pointer;user-select:none}.list-item.list-item--is-adjustable{cursor:pointer;user-select:none}.list-item.list-item--is-selectable{cursor:pointer;user-select:none}.list-item.list-item--is-selectable:not(.list-item--is-outlined):hover{background:var(--list-item-hovering-tone)}.list-item.list-item--is-selected:not(.list-item--is-outlined){background:var(--list-item-selected-tone)}.list-item.list-item--is-selected:not(.list-item--is-outlined):hover{background:oklch(from var(--list-item-selected-tone) calc(l + var(--tone-mode) * 0.15) c h)}.list-item.list-item--is-disabled{background:var(--list-item-disabled-tone)}.list-item.list-item--is-dragging{z-index:5}.list-item.list-item--is-dragging:before{opacity:0;visibility:hidden}.list-item-content{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--list-item-spacing)}.list-item-arrow{--picto-size: var(--list-item-arrow-size);--picto-tone: var(--list-item-arrow-tone)}}
@layer component.base{.title-placeholder{border-radius:var(--radius-md);position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;animation:title-placeholder-animation 1.5s linear forwards infinite;background:linear-gradient(to right, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h), oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h) 25%, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.1) c h), oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h) 75%, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h));background-size:200% 100%}.title-placeholder:not(:last-child){margin-bottom:8px}.title-placeholder:before{content:"";display:block;content:" "}.placeholder-group:nth-child(1) .title-placeholder{animation-delay:100ms}.placeholder-group:nth-child(2) .title-placeholder{animation-delay:200ms}.placeholder-group:nth-child(3) .title-placeholder{animation-delay:300ms}.placeholder-group:nth-child(4) .title-placeholder{animation-delay:400ms}.placeholder-group:nth-child(5) .title-placeholder{animation-delay:500ms}.placeholder-group:nth-child(6) .title-placeholder{animation-delay:600ms}.placeholder-group:nth-child(7) .title-placeholder{animation-delay:700ms}.placeholder-group:nth-child(8) .title-placeholder{animation-delay:800ms}.placeholder-group:nth-child(9) .title-placeholder{animation-delay:900ms}.placeholder-group:nth-child(10) .title-placeholder{animation-delay:1000ms}.placeholder-group:nth-child(11) .title-placeholder{animation-delay:1100ms}.placeholder-group:nth-child(12) .title-placeholder{animation-delay:1200ms}.placeholder-group:nth-child(13) .title-placeholder{animation-delay:1300ms}.placeholder-group:nth-child(14) .title-placeholder{animation-delay:1400ms}.placeholder-group:nth-child(15) .title-placeholder{animation-delay:1500ms}.placeholder-group:nth-child(16) .title-placeholder{animation-delay:1600ms}.placeholder-group:nth-child(17) .title-placeholder{animation-delay:1700ms}.placeholder-group:nth-child(18) .title-placeholder{animation-delay:1800ms}.placeholder-group:nth-child(19) .title-placeholder{animation-delay:1900ms}.placeholder-group:nth-child(20) .title-placeholder{animation-delay:2000ms}.placeholder-group:nth-child(21) .title-placeholder{animation-delay:2100ms}.placeholder-group:nth-child(22) .title-placeholder{animation-delay:2200ms}.placeholder-group:nth-child(23) .title-placeholder{animation-delay:2300ms}.placeholder-group:nth-child(24) .title-placeholder{animation-delay:2400ms}.placeholder-group .title-placeholder{animation-delay:2400ms}@keyframes title-placeholder-animation{0%{background-position:100% 0%}100%{background-position:-100% 0%}}}
@layer component.base{.infos-placeholder{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px}.infos-placeholder-line{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;border-radius:var(--radius-md);animation:infos-placeholder-animation 1.5s linear forwards infinite;line-height:.75;background:linear-gradient(to right, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h), oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h) 25%, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.1) c h), oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h) 75%, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h));background-size:200% 100%}.infos-placeholder-line:before{content:"";display:block;content:" "}.infos-placeholder-line:nth-child(4n-3){width:85%}.infos-placeholder-line:nth-child(4n-2){width:95%}.infos-placeholder-line:nth-child(4n-1){width:85%}.infos-placeholder-line:nth-child(4n-0){width:75%}.placeholder-group:nth-child(1) .infos-placeholder-line{animation-delay:100ms}.placeholder-group:nth-child(2) .infos-placeholder-line{animation-delay:200ms}.placeholder-group:nth-child(3) .infos-placeholder-line{animation-delay:300ms}.placeholder-group:nth-child(4) .infos-placeholder-line{animation-delay:400ms}.placeholder-group:nth-child(5) .infos-placeholder-line{animation-delay:500ms}.placeholder-group:nth-child(6) .infos-placeholder-line{animation-delay:600ms}.placeholder-group:nth-child(7) .infos-placeholder-line{animation-delay:700ms}.placeholder-group:nth-child(8) .infos-placeholder-line{animation-delay:800ms}.placeholder-group:nth-child(9) .infos-placeholder-line{animation-delay:900ms}.placeholder-group:nth-child(10) .infos-placeholder-line{animation-delay:1000ms}.placeholder-group:nth-child(11) .infos-placeholder-line{animation-delay:1100ms}.placeholder-group:nth-child(12) .infos-placeholder-line{animation-delay:1200ms}.placeholder-group:nth-child(13) .infos-placeholder-line{animation-delay:1300ms}.placeholder-group:nth-child(14) .infos-placeholder-line{animation-delay:1400ms}.placeholder-group:nth-child(15) .infos-placeholder-line{animation-delay:1500ms}.placeholder-group:nth-child(16) .infos-placeholder-line{animation-delay:1600ms}.placeholder-group:nth-child(17) .infos-placeholder-line{animation-delay:1700ms}.placeholder-group:nth-child(18) .infos-placeholder-line{animation-delay:1800ms}.placeholder-group:nth-child(19) .infos-placeholder-line{animation-delay:1900ms}.placeholder-group:nth-child(20) .infos-placeholder-line{animation-delay:2000ms}.placeholder-group:nth-child(21) .infos-placeholder-line{animation-delay:2100ms}.placeholder-group:nth-child(22) .infos-placeholder-line{animation-delay:2200ms}.placeholder-group:nth-child(23) .infos-placeholder-line{animation-delay:2300ms}.placeholder-group:nth-child(24) .infos-placeholder-line{animation-delay:2400ms}.placeholder-group .infos-placeholder-line{animation-delay:2400ms}@keyframes infos-placeholder-animation{0%{background-position:100% 0%}100%{background-position:-100% 0%}}}
@layer component.base{.image-placeholder{position:relative;aspect-ratio:2/1;animation:image-placeholder-animation 1.5s linear forwards infinite;background:linear-gradient(to right, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h), oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h) 25%, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.1) c h), oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h) 75%, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h));background-size:200% 100%}.placeholder-group:nth-child(1) .image-placeholder{animation-delay:100ms}.placeholder-group:nth-child(2) .image-placeholder{animation-delay:200ms}.placeholder-group:nth-child(3) .image-placeholder{animation-delay:300ms}.placeholder-group:nth-child(4) .image-placeholder{animation-delay:400ms}.placeholder-group:nth-child(5) .image-placeholder{animation-delay:500ms}.placeholder-group:nth-child(6) .image-placeholder{animation-delay:600ms}.placeholder-group:nth-child(7) .image-placeholder{animation-delay:700ms}.placeholder-group:nth-child(8) .image-placeholder{animation-delay:800ms}.placeholder-group:nth-child(9) .image-placeholder{animation-delay:900ms}.placeholder-group:nth-child(10) .image-placeholder{animation-delay:1000ms}.placeholder-group:nth-child(11) .image-placeholder{animation-delay:1100ms}.placeholder-group:nth-child(12) .image-placeholder{animation-delay:1200ms}.placeholder-group:nth-child(13) .image-placeholder{animation-delay:1300ms}.placeholder-group:nth-child(14) .image-placeholder{animation-delay:1400ms}.placeholder-group:nth-child(15) .image-placeholder{animation-delay:1500ms}.placeholder-group:nth-child(16) .image-placeholder{animation-delay:1600ms}.placeholder-group:nth-child(17) .image-placeholder{animation-delay:1700ms}.placeholder-group:nth-child(18) .image-placeholder{animation-delay:1800ms}.placeholder-group:nth-child(19) .image-placeholder{animation-delay:1900ms}.placeholder-group:nth-child(20) .image-placeholder{animation-delay:2000ms}.placeholder-group:nth-child(21) .image-placeholder{animation-delay:2100ms}.placeholder-group:nth-child(22) .image-placeholder{animation-delay:2200ms}.placeholder-group:nth-child(23) .image-placeholder{animation-delay:2300ms}.placeholder-group:nth-child(24) .image-placeholder{animation-delay:2400ms}.placeholder-group .image-placeholder{animation-delay:2400ms}@keyframes image-placeholder-animation{0%{background-position:100% 0%}100%{background-position:-100% 0%}}}
@layer component.base{.button-placeholder{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-radius:var(--radius-sm);animation:button-placeholder-animation 1.5s linear infinite;background:linear-gradient(to right, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h), oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h) 25%, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.1) c h), oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h) 75%, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h));background-size:200% 100%;height:36px}.button-placeholder:before{content:"";display:block;content:" "}.button-placeholder--sm{height:32px}.button-placeholder--lg{height:40px}@keyframes button-placeholder-animation{0%{background-position:100% 0%}100%{background-position:-100% 0%}}}
@layer component.base{.list-item-placeholder{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--list-item-spacing);border:var(--list-item-border);border-radius:var(--list-item-radius);background:var(--list-item-tone);height:var(--list-item-height);margin:var(--list-item-margin);padding:var(--list-item-padding);grid-column-start:1;grid-column-end:-1}.list-item-placeholder-head{position:relative;display:flex;flex:none;flex-direction:column;align-items:flex-start;justify-content:center;height:36px}.list-item-placeholder-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:center;height:36px}.list-item-placeholder-image{height:36px;width:36px;border-radius:36px}}
@layer component.control.base{.list-input{--list-input-tone: transparent;--list-input-height: auto;--list-input-margin: 0px;--list-input-border: none;--list-input-radius: none;--list-input-padding: 0px 12px;--list-input-spacing: 6px}.list-input{cursor:pointer;user-select:none;position:relative;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.list-input.list-input--is-disabled{opacity:.5}.list-input .input-field{gap:var(--list-input-spacing)}.list-input-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:var(--list-input-border);border-radius:var(--list-input-radius);background:var(--list-input-tone);height:var(--list-input-height);margin:var(--list-input-margin)}}
@layer component.control{.version-input{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.version-input-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}.version-input-infos{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;border-radius:var(--radius-sm);background:var(--tone-surface);padding:16px}.version-number-input{position:relative;display:flex;flex:1 1 0;flex-direction:column;align-items:stretch;justify-content:flex-start}.version-number-input-field{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-radius:var(--radius-sm);background:var(--input-tone);overflow:hidden}.version-number-input-field-head{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;border-bottom:1px solid var(--tone-border-md)}.version-number-input-field-foot{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;border-top:1px solid var(--tone-border-md)}.version-number-input-field-body{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.version-number-input-value{--label-size: 36px;--label-tone: var(--tone-title)}.version-number-input-label{--label-size: var(--size-text-xs);--label-tone: var(--tone-infos)}.version-number-input-button{border:none;border-radius:0px;background:rgba(0,0,0,0);height:40px;width:100%}.version-number-input-button .button-picto{--picto-tone: var(--tone-primary);margin:0px}.version-number-input-button .button-label{display:none}.version-number-input-button.button--is-disabled .button-picto{--picto-tone: var(--tone-neutral-on)}.version-number-input-helper{margin:0px;margin-top:12px;max-width:240px}.version-number-input-helper .helper-label{white-space:normal}}










@layer component.base{.address-field{grid-column:1/-1}}
@layer component.base{}
@layer component.base{}





@layer component.control.base{.signature-input-head{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:6px}.signature-input-body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px}.signature-input-canvas{width:100%;height:160px;touch-action:none;cursor:crosshair;background:var(--tone-surface);border:var(--border-md);border-radius:var(--radius-sm)}.signature-input-clear{align-self:flex-start}.signature-input--is-disabled .signature-input-canvas{cursor:default;opacity:.6}}





.language-select-option{color:var(--tone-label);font-size:var(--size-text-xs);font-family:var(--font-family-sans);cursor:pointer;user-select:none;border:none;padding:6px;padding-left:8px;padding-right:8px;transition-property:background-color;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);white-space:nowrap}.language-select-option:hover{background:var(--input-tone)}
.language-select{position:relative}.language-select-content{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border:var(--border-md);border-radius:var(--radius-sm);height:24px;background:var(--tone-surface);padding-left:8px;padding-right:8px}.language-select:hover .language-select-content{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.language-select-value{color:var(--tone-label);font-size:var(--size-text-xs);font-family:var(--font-family-sans);white-space:nowrap}.language-select-value:not(:last-child){margin-right:8px}.language-select-options{z-index:500;border:1px solid var(--tone-border-md);position:absolute;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;background:var(--tone-surface);border-top:none;border-radius:4px;border-top-left-radius:0px;border-top-right-radius:0px;min-width:100%;overflow:hidden}.language-select:hover .language-select-options{opacity:1;visibility:visible}
.language-switcher{position:relative;flex:none;width:max-content}.language-switcher-radio-list-input{border-radius:var(--radius-sm);background:var(--tone-neutral);height:32px;overflow:hidden;width:64px}.language-switcher-radio-list-input .radio-group .radio-group-body{gap:0px}.language-switcher-radio-list-input .radio-input .radio-input-body{border-radius:0px;height:32px;width:32px}.language-switcher-radio-list-input .radio-input .radio-input-body:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;background:var(--tone-highlight);border:none;border-radius:inherit}.language-switcher-radio-list-input .radio-input .radio-input-body:hover:before{opacity:1;visibility:visible}.language-switcher-radio-list-input .radio-input .radio-input-body{background:rgba(0,0,0,0);border:none}.language-switcher-radio-list-input .radio-input .radio-input-body:after{display:none}.language-switcher-radio-list-input .radio-input .radio-input-picto{width:auto;height:auto}.language-switcher-radio-list-input .radio-input .radio-input-indicator{display:none}.language-switcher-radio-list-input .radio-input.radio-input--is-selected .radio-input-body{background:var(--tone-primary)}.language-switcher-radio-list-input .radio-input.radio-input--is-selected .language-switcher-code{color:var(--tone-primary-on);font-family:var(--font-family-sans)}.language-switcher-code{color:var(--tone-neutral-on);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-text-xs);font-family:var(--font-family-sans);letter-spacing:.04em;line-height:1}.language-switcher--compact .language-switcher-radio-list-input{height:auto;width:32px}.language-switcher--compact .language-switcher-radio-list-input .radio-group-body{flex-direction:column;align-items:stretch;justify-content:center}.language-switcher--compact .language-switcher-radio-list-input .radio-input .radio-input-body{height:28px;width:28px;width:32px}
.translatable-form-textarea-language--inactive{display:none}
.translatable-text-input-language--inactive{display:none}
@layer component.control.base{.button{--button-tone: transparent;--button-height: 36px;--button-margin: 0px;--button-border: var(--border-md);--button-radius: var(--radius-sm);--button-shadow: none;--button-padding: 0px calc(var(--button-height) / 2.5);--button-spacing: 6px;--button-opacity: 1;--button-outline-border: none;--button-outline-offset: 0px;--button-width: auto;--button-font-family: var(--font-family-sans);--button-font-weight: var(--font-weight-600);--button-label-size: var(--size-text-sm);--button-label-tone: var(--tone-label);--button-picto-size: var(--size-icon-sm);--button-picto-tone: oklch(from var(--tone-picto) calc(l + var(--tone-mode) * 0.10) c h);--button-badge-tone: var(--tone-primary);--button-badge-label-size: 10px;--button-badge-label-tone: var(--tone-primary-on);--button-badge-picto-size: var(--size-text-xs);--button-badge-picto-tone: var(--tone-primary-on);--button-hovering-tone: var(--tone-highlight);--button-hovering-label-tone: var(--button-label-tone);--button-hovering-picto-tone: var(--button-picto-tone);--button-hovering-outline-border: none;--button-hovering-outline-offset: 0px;--button-selected-tone: var(--button-tone);--button-selected-label-tone: var(--tone-primary);--button-selected-picto-tone: var(--tone-primary);--button-selected-outline-border: none;--button-selected-outline-offset: 1px;--button-disabled-tone: var(--button-tone);--button-disabled-label-tone: var(--button-label-tone);--button-disabled-picto-tone: var(--button-picto-tone);--button-disabled-outline-border: none;--button-disabled-outline-offset: 0px}.button{cursor:pointer;user-select:none;position:relative;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:center;gap:var(--button-spacing);border:var(--button-border);border-radius:var(--button-radius);box-shadow:var(--button-shadow);transition-property:background-position,background-color,background-size,color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);background:var(--button-tone);height:var(--button-height);margin:var(--button-margin);padding:var(--button-padding);opacity:var(--button-opacity);outline:var(--button-outline-border);outline-offset:var(--button-outline-offset);width:var(--button-width)}.button:not(.button--has-label){--button-width: var(--button-height)}.button.button--is-selected{background:var(--button-selected-tone);outline:var(--button-selected-outline-border);outline-offset:var(--button-selected-outline-offset)}.button.button--is-selected .button-label{--label-tone: var(--button-selected-label-tone)}.button.button--is-selected .button-picto{--picto-tone: var(--button-selected-picto-tone)}.button.button--is-disabled{--button-opacity: 0.5;background:var(--button-disabled-tone);outline:var(--button-disabled-outline-border);outline-offset:var(--button-disabled-outline-offset)}.button.button--is-disabled .button-label{--label-tone: var(--button-disabled-label-tone)}.button.button--is-disabled .button-picto{--picto-tone: var(--button-disabled-picto-tone)}.button:not(.button--is-selected,.button--is-disabled):hover{background:var(--button-hovering-tone);outline:var(--button-hovering-outline-border);outline-offset:var(--button-hovering-outline-offset)}.button:not(.button--is-selected,.button--is-disabled):hover .button-label{--label-tone: var(--button-hovering-label-tone)}.button:not(.button--is-selected,.button--is-disabled):hover .button-picto{--picto-tone: var(--button-hovering-picto-tone)}.button-body{position:relative;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:center;gap:var(--button-spacing)}.button-label{--label-family: var(--button-font-family);--label-weight: var(--button-font-weight);--label-size: var(--button-label-size);--label-tone: var(--button-label-tone);transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button-picto{--picto-size: var(--button-picto-size);--picto-tone: var(--button-picto-tone);transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.button-badge{line-height:1;min-width:16px;max-width:32px}.button-badge.badge{--badge-tone: var(--button-badge-tone);--badge-label-tone: var(--button-badge-label-tone);--badge-picto-tone: var(--button-badge-picto-tone)}.button-badge.badge--sm,.button-badge.badge--md,.button-badge.badge--lg{--badge-height: 16px;--badge-padding: 0px;--badge-spacing: 0px;--badge-label-size: var(--button-badge-label-size);--badge-picto-size: var(--button-badge-picto-size)}.button--xs{--button-height: 28px;--button-spacing: 6px;--button-padding: 0px calc(var(--button-height) / 3.00);--button-label-size: var(--size-text-xs);--button-picto-size: var(--size-icon-xs)}.button--sm{--button-height: 32px;--button-spacing: 6px;--button-padding: 0px calc(var(--button-height) / 2.75);--button-label-size: var(--size-text-xs);--button-picto-size: var(--size-icon-xs)}.button--lg{--button-height: 40px;--button-spacing: 6px;--button-padding: 0px calc(var(--button-height) / 2.25);--button-label-size: var(--size-text-md);--button-picto-size: var(--size-icon-md)}.button--xl{--button-height: 44px;--button-spacing: 6px;--button-padding: 0px calc(var(--button-height) / 2.00);--button-label-size: var(--size-text-md);--button-picto-size: var(--size-icon-md)}}@layer component.control.style{.button--neutral{--button-tone: var(--tone-neutral);--button-border: none;--button-tone-label: var(--tone-label);--button-tone-picto: var(--tone-picto);--button-badge-tone: var(--tone-primary);--button-badge-label-tone: var(--tone-primary-on);--button-badge-picto-tone: var(--tone-primary-on);--button-hovering-tone: var(--tone-neutral-highlight);--button-hovering-label-tone: var(--button-label-tone);--button-hovering-picto-tone: var(--button-picto-tone)}}@layer component.control.style{.button--primary{--button-tone: var(--tone-primary);--button-border: none;--button-label-tone: var(--tone-primary-on);--button-picto-tone: var(--tone-primary-on);--button-badge-tone: var(--tone-primary-on);--button-badge-label-tone: var(--tone-primary);--button-badge-picto-tone: var(--tone-primary);--button-hovering-tone: var(--tone-primary-highlight);--button-hovering-label-tone: var(--button-label-tone);--button-hovering-picto-tone: var(--button-picto-tone);--button-selected-tone: var(--button-tone);--button-selected-label-tone: var(--button-label-tone);--button-selected-picto-tone: var(--button-picto-tone)}}@layer component.control.style{.button--warning{--button-tone: var(--tone-warning);--button-border: none;--button-label-tone: var(--tone-warning-on);--button-picto-tone: var(--tone-warning-on);--button-badge-tone: var(--tone-warning-on);--button-badge-label-tone: var(--tone-warning);--button-badge-picto-tone: var(--tone-warning);--button-hovering-tone: var(--tone-warning-highlight);--button-hovering-label-tone: var(--button-label-tone);--button-hovering-picto-tone: var(--button-picto-tone);--button-selected-tone: var(--button-tone);--button-selected-label-tone: var(--button-label-tone);--button-selected-picto-tone: var(--button-picto-tone)}}@layer component.control.variant{.button--plain{--button-tone: transparent;--button-border: none;--button-height: auto;--button-padding: 0px;--button-spacing: 4px;--button-label-tone: var(--tone-infos);--button-picto-tone: var(--tone-infos);--button-badge-tone: var(--tone-infos);--button-hovering-tone: transparent;--button-disabled-tone: transparent;--button-selected-tone: transparent;--button-hovering-label-tone: var(--tone-title);--button-hovering-picto-tone: var(--tone-title)}.button--plain.button--primary{--button-label-tone: var(--tone-primary);--button-picto-tone: var(--tone-primary);--button-badge-tone: var(--tone-primary);--button-badge-label-tone: var(--tone-primary-on);--button-badge-picto-tone: var(--tone-primary-on);--button-hovering-label-tone: var(--tone-primary-highlight);--button-hovering-picto-tone: var(--tone-primary-highlight)}.button--plain.button--warning{--button-label-tone: var(--tone-warning);--button-picto-tone: var(--tone-warning);--button-badge-tone: var(--tone-warning);--button-badge-label-tone: var(--tone-warning-on);--button-badge-picto-tone: var(--tone-warning-on);--button-hovering-label-tone: var(--tone-warning-highlight);--button-hovering-picto-tone: var(--tone-warning-highlight)}}@layer component.control.variant{.button--round{--button-radius: var(--button-height);--button-padding: 0px;--button-spacing: 0px;height:var(--button-height);width:var(--button-height)}.button--round .button-label{display:none}.button--round .button-picto{margin:0px}.button--round .button-badge{position:absolute;top:0px;right:0px;margin:0px;transform:translateX(35%) translateY(-35%)}.button--round:not(.button--primary,.button--warning){--button-picto-tone: var(--tone-title);--button-label-tone: var(--tone-title)}}@layer component.control.variant{.button--add,.button--more,.button--less,.button--back,.button--next,.button--prev,.button--help,.button--check,.button--close,.button--trash,.button--options{--button-radius: var(--button-height);--button-padding: 0px;--button-spacing: 0px;height:var(--button-height);width:var(--button-height)}.button--add .button-label,.button--more .button-label,.button--less .button-label,.button--back .button-label,.button--next .button-label,.button--prev .button-label,.button--help .button-label,.button--check .button-label,.button--close .button-label,.button--trash .button-label,.button--options .button-label{display:none}.button--add .button-picto,.button--more .button-picto,.button--less .button-picto,.button--back .button-picto,.button--next .button-picto,.button--prev .button-picto,.button--help .button-picto,.button--check .button-picto,.button--close .button-picto,.button--trash .button-picto,.button--options .button-picto{margin:0px}.button--add .button-badge,.button--more .button-badge,.button--less .button-badge,.button--back .button-badge,.button--next .button-badge,.button--prev .button-badge,.button--help .button-badge,.button--check .button-badge,.button--close .button-badge,.button--trash .button-badge,.button--options .button-badge{position:absolute;top:0px;right:0px;margin:0px;transform:translateX(35%) translateY(-35%)}.button--add:not(.button--primary,.button--warning),.button--more:not(.button--primary,.button--warning),.button--less:not(.button--primary,.button--warning),.button--back:not(.button--primary,.button--warning),.button--next:not(.button--primary,.button--warning),.button--prev:not(.button--primary,.button--warning),.button--help:not(.button--primary,.button--warning),.button--check:not(.button--primary,.button--warning),.button--close:not(.button--primary,.button--warning),.button--trash:not(.button--primary,.button--warning),.button--options:not(.button--primary,.button--warning){--button-picto-tone: var(--tone-title);--button-label-tone: var(--tone-title)}}@layer component.control.variant{.button--is-processing:after{content:"";display:block;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px);height:16px;width:16px;border-radius:16px;animation-name:button-processing-animation;animation-duration:1500ms;animation-iteration-count:infinite;animation-timing-function:linear;border:2px solid var(--tone-primary);border-top-color:rgba(0,0,0,0);opacity:1;visibility:visible}.button--is-processing.button--primary:after,.button--is-processing.button--warning:after{content:"";display:block;border-top-color:rgba(0,0,0,0);border-left-color:var(--tone-white);border-right-color:var(--tone-white);border-bottom-color:var(--tone-white)}.button--is-processing .button-body{visibility:hidden}@keyframes button-processing-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}}
@layer component.base{.button-group{--button-group-border: none;--button-group-radius: 0px;--button-group-height: auto;--button-group-margin: 0px;--button-group-spacing: 8px;--button-group-padding: 0px}.button-group{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--button-group-spacing);border:var(--button-group-border);border-radius:var(--button-group-radius);height:var(--button-group-height);margin:var(--button-group-margin);padding:var(--button-group-padding)}.button-group .button{flex:none}}@layer component.control.style{.button-group--even .button{flex:1 1 0}}@layer component.control.style{.button-group--spaced{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:space-between}}@layer component.control.style{.button-group--centered{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:center}}
@layer component.variant{.browse-button-input{position:absolute;opacity:0;visibility:hidden}}
@layer component.container.variant{.dropdown-button-menu{--popover-spacing: 0px;--popover-width: max-content;--popover-min-width: 160px;--popover-max-width: calc(100vw - 32px)}.dropdown-button-menu .popover-content{padding:0px}.dropdown-button-menu-item{cursor:pointer;user-select:none;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;transition-property:background-position,background-color,background-size,color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);padding:12px;padding-left:16px;padding-right:16px}.dropdown-button-menu-item:not(:last-child){border-bottom:1px solid var(--tone-border-md)}.dropdown-button-menu-item:hover{background:var(--tone-highlight)}.dropdown-button-menu-item-label{--label-size: var(--size-text-sm);--label-tone: var(--tone-label);flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;white-space:nowrap}.dropdown-button-menu-item-picto{flex:none;white-space:nowrap}}
@layer component.container.base{.alert{--alert-tone: var(--tone-container-above);--alert-height: auto;--alert-margin: 0px;--alert-padding: 16px 36px 16px 16px;--alert-spacing: 16px;--alert-min-width: 0px;--alert-max-width: 100%;--alert-width: 480px;--alert-title-size: var(--size-title-md);--alert-title-tone: var(--tone-title);--alert-infos-size: var(--size-title-sm);--alert-infos-tone: var(--tone-infos)}.alert{box-shadow:var(--shadow-md);backdrop-filter:blur(16px) saturate(75%);border-radius:var(--radius-md);border:1px solid var(--tone-border-md);display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--alert-spacing);background:rgb(from var(--alert-tone) r g b/85%);height:var(--alert-height);margin:var(--alert-margin);min-width:var(--alert-min-width);max-width:var(--alert-max-width);padding:var(--alert-padding);user-select:none;width:var(--alert-width);border-left-width:4px;border-left-color:var(--tone-primary);border-left-style:solid}.alert-head{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px}.alert-title{--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-family:var(--font-family-sans);--label-size: var(--alert-title-size);--label-tone: var(--alert-title-tone)}.alert-infos{--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-family:var(--font-family-sans);--label-size: var(--alert-infos-size);--label-tone: var(--alert-infos-tone)}.alert-close{--button-tone: transparent;--button-height: 24px;--button-hovering-tone: var(--tone-container);position:absolute;top:8px;right:8px;border:none}.alert-close:before{content:"";display:block;position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px}}@layer component.container.style{.alert--error{--alert-title-tone: var(--tone-warning);--alert-infos-tone: var(--tone-warning);border-left-color:var(--tone-warning)}}
@layer component.variant{.plan-error-alert{border-left-color:var(--tone-primary)}.plan-error-alert .alert-title,.plan-error-alert .alert-infos{color:var(--tone-white)}.plan-error-alert:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;opacity:.25;background:linear-gradient(to bottom right, var(--tone-blue), var(--tone-purple))}.theme-dark .plan-error-alert:before{filter:saturate(75%)}@media(prefers-color-scheme: dark){.theme-auto .plan-error-alert:before{filter:saturate(75%)}}}

@layer component.base{.alert-stack{z-index:700;position:fixed;top:0px;left:0px;right:0px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;pointer-events:none}.alert-stack .alert{pointer-events:auto}.alert-window{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;padding:32px;pointer-events:none}.alert-window .alert{pointer-events:auto}.alert-window.alert--present{pointer-events:none}.alert-window.alert--present.enter .alert{transform:translateX(calc(100% + 32px))}.alert-window.alert--present.enter.enter-active .alert{transition-property:color,visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:none}.alert-window.alert--dismiss{pointer-events:none}.alert-window.alert--dismiss.leave .alert{transform:none}.alert-window.alert--dismiss.leave.leave-active .alert{transition-property:color,visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translateX(calc(100% + 32px))}}
@layer component.container.base{.drawer-stack{z-index:150;position:fixed;top:0px;left:0px;right:0px;bottom:0px;pointer-events:none}.drawer-stack.drawer-stack--is-active{pointer-events:auto}.drawer-stack .drawer{position:absolute;top:8px;left:8px;right:8px;bottom:8px}.drawer-stack-cover{position:absolute;top:0;left:0;right:0;bottom:0;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;background:var(--tone-backdrop)}.drawer-stack--is-active .drawer-stack-cover{opacity:1;visibility:visible}.drawer-stack-items{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:hidden;pointer-events:none}.drawer-stack-items .drawer{pointer-events:auto}.drawer-window{z-index:150;position:fixed;top:0px;right:0px;bottom:0px;min-width:0px;max-width:100%;width:480px}@media(max-width: 1279.98px){.drawer-window{bottom:64px}}.drawer-window.dispose{display:block}.drawer-window>.drawer--depth-1{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(0px, 0) scale(1);transform-origin:right center}.drawer-window>.drawer--depth-2{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-16px, 0) scale(0.99);transform-origin:right center}.drawer-window>.drawer--depth-3{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-32px, 0) scale(0.98);transform-origin:right center}.drawer-window>.drawer--depth-4{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-48px, 0) scale(0.97);transform-origin:right center}.drawer-window>.drawer--depth-5{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-64px, 0) scale(0.96);transform-origin:right center}.drawer-window>.drawer--depth-6{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-80px, 0) scale(0.95);transform-origin:right center}.drawer-window>.drawer--depth-7{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-96px, 0) scale(0.94);transform-origin:right center}.drawer-window>.drawer--depth-8{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-112px, 0) scale(0.93);transform-origin:right center}.drawer-window>.drawer--depth-9{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-128px, 0) scale(0.92);transform-origin:right center}.drawer-window>.drawer--depth-10{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-144px, 0) scale(0.91);transform-origin:right center}.drawer-window>.drawer--depth-11{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-160px, 0) scale(0.9);transform-origin:right center}.drawer-window>.drawer--depth-12{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-176px, 0) scale(0.89);transform-origin:right center}.drawer-window>.drawer--depth-13{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-192px, 0) scale(0.88);transform-origin:right center}.drawer-window>.drawer--depth-14{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-208px, 0) scale(0.87);transform-origin:right center}.drawer-window>.drawer--depth-15{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-224px, 0) scale(0.86);transform-origin:right center}.drawer-window>.drawer--depth-16{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-240px, 0) scale(0.85);transform-origin:right center}.drawer-window>.drawer--depth-17{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-256px, 0) scale(0.84);transform-origin:right center}.drawer-window>.drawer--depth-18{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-272px, 0) scale(0.83);transform-origin:right center}.drawer-window>.drawer--depth-19{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-288px, 0) scale(0.82);transform-origin:right center}.drawer-window>.drawer--depth-20{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-304px, 0) scale(0.81);transform-origin:right center}.drawer-window>.drawer--depth-21{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-320px, 0) scale(0.8);transform-origin:right center}.drawer-window>.drawer--depth-22{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-336px, 0) scale(0.79);transform-origin:right center}.drawer-window>.drawer--depth-23{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-352px, 0) scale(0.78);transform-origin:right center}.drawer-window>.drawer--depth-24{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-368px, 0) scale(0.77);transform-origin:right center}.drawer-window.dispose{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;pointer-events:none}.drawer-window.drawer--present{pointer-events:none}.drawer-window.drawer--present.enter{transform:translateX(100%)}.drawer-window.drawer--present.enter.enter-active{transition-property:visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:none}.drawer-window.drawer--dismiss{pointer-events:none}.drawer-window.drawer--dismiss.leave{transform:none}.drawer-window.drawer--dismiss.leave.leave-active{transition-property:visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translateX(100%)}}
@layer component.container.child{.drawer-content{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--drawer-content-spacing);height:var(--drawer-content-height);margin:var(--drawer-content-margin);padding:var(--drawer-content-padding)}.drawer-heading+.drawer-content{padding-top:0px}.drawer-header--is-large~.drawer-content{min-height:100%}}
@layer component.container.child{.drawer-footer{display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--drawer-footer-spacing);background:rgb(from var(--drawer-tone) r g b/85%);min-height:var(--drawer-footer-height);margin:var(--drawer-footer-margin);padding:var(--drawer-footer-padding);border-top-width:1px;border-top-style:solid;border-top-color:rgba(0,0,0,0)}.drawer-footer.drawer-footer--is-bordered,.drawer-footer.drawer-footer--is-overlaid{border-top-color:var(--tone-border-md)}.drawer-footer.drawer-footer--is-blurried.drawer-footer--is-overlaid{backdrop-filter:blur(16px) saturate(75%)}}
@layer component.container.child{.drawer-heading{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;height:var(--drawer-heading-height);margin:var(--drawer-heading-margin)}.drawer-heading-heading{--heading-spacing: var(--drawer-heading-spacing);--heading-leading: var(--drawer-heading-leading);--heading-title-size: var(--drawer-heading-title-size);--heading-title-tone: var(--drawer-heading-title-tone);--heading-infos-size: var(--drawer-heading-infos-size);--heading-infos-tone: var(--drawer-heading-infos-tone);--heading-title-font-family: var(--font-family-sans);--heading-title-font-weight: var(--font-weight-600)}.drawer-heading-heading .heading-title,.drawer-heading-heading .heading-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@layer component.control.variant{.drawer-navigation-bar{--navigation-bar-height: 32px}.drawer-navigation-bar .navigation-bar-head,.drawer-navigation-bar .navigation-bar-body,.drawer-navigation-bar .navigation-bar-foot{transition-property:color,visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.drawer-navigation-bar .navigation-bar-heading .heading-title,.drawer-navigation-bar .navigation-bar-heading .heading-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-header--is-large .drawer-navigation-bar .navigation-bar-heading .heading-infos{display:none}.drawer-header--is-large .drawer-navigation-bar .navigation-bar-body{opacity:0;visibility:hidden;transform:translateY(16px)}.drawer-header--is-fixed .drawer-navigation-bar .navigation-bar-body{opacity:1;visibility:visible;transform:translateY(0px)}.drawer:has(.drawer-heading-back) .drawer-header--is-large .drawer-navigation-bar .navigation-bar-head{opacity:0;visibility:hidden;transform:translateY(16px)}.drawer:has(.drawer-heading-back) .drawer-header--is-fixed .drawer-navigation-bar .navigation-bar-head{opacity:1;visibility:visible;transform:translateY(0px)}}
@layer component.container.child{.drawer-header{display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--drawer-header-spacing);background:rgb(from var(--drawer-tone) r g b/85%);height:var(--drawer-header-height);margin:var(--drawer-header-margin);padding:var(--drawer-header-padding);border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0,0,0,0)}.drawer-header.drawer-header--is-bordered,.drawer-header.drawer-header--is-overlaid{border-bottom-color:var(--tone-border-md)}.drawer-header.drawer-header--is-blurried.drawer-header--is-overlaid{backdrop-filter:blur(16px) saturate(75%)}}
@layer component.container.base{.drawer{--drawer-tone: var(--tone-container);--drawer-header-height: 64px;--drawer-header-margin: 0px;--drawer-header-padding: 16px;--drawer-header-spacing: 12px;--drawer-footer-height: 64px;--drawer-footer-margin: 0px;--drawer-footer-padding: 16px;--drawer-footer-spacing: 12px;--drawer-heading-spacing: 12px;--drawer-heading-leading: 2px;--drawer-heading-title-size: var(--size-title-lg);--drawer-heading-title-tone: var(--tone-title);--drawer-heading-infos-size: var(--size-title-sm);--drawer-heading-infos-tone: var(--tone-infos);--drawer-heading-height: auto;--drawer-heading-margin: var(--drawer-content-padding-t) var(--drawer-content-padding-r) var(--drawer-content-spacing) var(--drawer-content-padding-l);--drawer-content-height: auto;--drawer-content-margin: 0px;--drawer-content-padding-t: 0px;--drawer-content-padding-l: 16px;--drawer-content-padding-r: 16px;--drawer-content-padding-b: 0px;--drawer-content-padding-t-header-is-bordered: 16px;--drawer-content-padding-b-footer-is-bordered: 16px;--drawer-content-spacing: 24px;--drawer-content-padding: var(--drawer-content-padding-t) var(--drawer-content-padding-r) var(--drawer-content-padding-b) var(--drawer-content-padding-l);--layout-padding: var(--drawer-content-padding);--layout-spacing: var(--drawer-content-spacing)}.drawer{position:relative;border-radius:var(--radius-md);border:1px solid var(--tone-border-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:var(--drawer-tone);max-width:100%;max-height:100%;scrollbar-width:thin}.drawer:not(.container--is-scrollable){overflow:hidden}.drawer:not(:has(.drawer-header)){--drawer-content-padding-t: var(--drawer-content-padding-t-header-is-bordered)}.drawer:not(:has(.drawer-footer)){--drawer-content-padding-b: var(--drawer-content-padding-b-footer-is-bordered)}.drawer:has(.drawer-header.drawer-header--is-bordered){--drawer-content-padding-t: var(--drawer-content-padding-t-header-is-bordered)}.drawer:has(.drawer-footer.drawer-footer--is-bordered){--drawer-content-padding-b: var(--drawer-content-padding-b-footer-is-bordered)}}@layer component.container.style{.drawer--below{--drawer-tone: var(--tone-container-below)}}@layer component.container.style{.drawer--above{--drawer-tone: var(--tone-container-above)}}

@layer component.base{.phone{position:relative;color:var(--tone-primary)}.phone:hover{color:var(--tone-primary-highlight);text-decoration:underline}}
@layer component.base{.email{position:relative;color:var(--tone-primary)}.email:hover{color:var(--tone-primary-highlight);text-decoration:underline}}
@layer component.control.variant{.menu-bar-button{--button-tone: transparent;--button-padding: 0px;--button-spacing: 4px;--button-font-family: var(--font-family-sans);--button-font-weight: var(--font-weight-500);--button-label-size: var(--size-text-sm);--button-label-tone: var(--tone-infos);--button-picto-size: var(--size-icon-md);--button-picto-tone: var(--tone-picto);--button-hovering-tone: var(--tone-highlight);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border-radius:100vw;border:none;height:32px;width:208px;transition-property:background-position,background-color,background-size,color,visibility,opacity,width;transition-duration:500ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.menu-bar-button.menu-bar-button--is-condensed{height:32px;width:32px}.menu-bar-button.menu-bar-button--is-condensed .button-label{opacity:0;visibility:hidden}.menu-bar-button .button-picto{height:32px;width:32px;border-radius:32px;margin:0px}.menu-bar-button .button-label{transition-property:color,visibility,opacity;transition-duration:500ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.menu-bar-button{overflow:visible}.menu-bar-button .button-badge{position:absolute;top:0px;left:16px;pointer-events:none;z-index:1;margin:0px;min-width:16px;max-width:28px;height:16px;padding:0px 4px;transform:none;--badge-height: 16px;--badge-radius: 16px;--badge-padding: 0px 4px;--badge-spacing: 0px;--button-badge-tone: var(--tone-primary);--button-badge-label-tone: var(--tone-primary-on);--button-badge-label-size: 9px}.menu-bar-button.menu-bar-button--is-condensed .button-badge{left:auto;right:0px}}
@layer component.base{.menu-bar-group{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start}.menu-bar-group:first-child .menu-bar-group-head{display:none}.menu-bar-group-head{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;transition-property:visibility,opacity,height,row-gap,column-gap;transition-duration:500ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);height:24px}.menu-bar-group--is-condensed .menu-bar-group-head{gap:0px;height:0px}.menu-bar-group-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px}.menu-bar-group-title{--label-family: var(--font-family-sans);--label-weight: var(--font-weight-500);--label-size: var(--size-text-xs);--label-tone: rgb(from var(--tone-infos) r g b / 85%);transition-property:color,visibility,opacity,max-width;transition-duration:500ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);min-width:0px;max-width:100%;overflow:hidden;white-space:nowrap}.menu-bar-group--is-condensed .menu-bar-group-title{max-width:0%}}
@layer component.base{.menu-bar-primary-menu{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--menu-bar-content-spacing)}}
.initials{line-height:1}
@layer component.base{.photo{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:var(--tone-neutral);overflow:hidden}.photo.photo--preload-fade:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);background:var(--tone-below);animation:photo-pulse-animation 1.5s linear infinite}.photo.photo--is-ready:before{animation:none;visibility:hidden}.photo-image{position:relative;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;height:100%;object-fit:cover;object-position:center;width:100%}.photo--is-ready .photo-image{opacity:1;visibility:visible}@keyframes photo-pulse-animation{50%{opacity:.5}}}
@layer component.base{.organization-switcher-popover{--popover-spacing: 0px;--popover-padding: 0px;--popover-width: 280px;--popover-max-width: min(280px, calc(100vw - 24px));--popover-offset-y: 0px;--popover-offset-x: 8px;max-width:min(100%,100vw - 24px)}@media(max-width: 1279.98px){.organization-switcher-popover{--popover-width: min(var(--popover-anchor-w, 280px), calc(100vw - 32px));--popover-max-width: calc(100vw - 24px);--popover-offset-y: 8px;--popover-offset-x: 0px}}.organization-switcher-popover.popover .popover-content{min-width:0;width:100%;max-width:100%}.organization-switcher-popover-head{position:relative;padding:12px 16px 8px}.organization-switcher-popover-title{color:var(--tone-label);--font-weight: var(--font-weight-600);font-weight:var(--font-weight);font-size:var(--size-text-sm);font-family:var(--font-family-sans)}.organization-switcher-popover-search{padding:0 12px 8px}.organization-switcher-popover-search-input{border-radius:8px;color:var(--tone-label);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--size-text-sm);font-family:var(--font-family-sans);appearance:none;background:var(--tone-below);border:0;outline:none;padding:8px 10px;width:100%}.organization-switcher-popover-search-input::placeholder{color:var(--tone-infos)}.organization-switcher-popover-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;max-height:320px;overflow:auto;padding:0 8px 8px}@media(max-width: 1279.98px){.organization-switcher-popover-body{max-height:min(320px,100dvh - 200px)}}.organization-switcher-popover-loading,.organization-switcher-popover-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 12px}.organization-switcher-popover-empty{color:var(--tone-infos);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--size-text-sm);font-family:var(--font-family-sans);text-align:center}.organization-switcher-popover-item{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;border-radius:10px;appearance:none;background:rgba(0,0,0,0);border:0;cursor:pointer;margin:0;padding:8px;text-align:left;width:100%}.organization-switcher-popover-item:hover{background:var(--tone-below)}.organization-switcher-popover-item.organization-switcher-popover-item--is-current{background:var(--tone-below)}.organization-switcher-popover-item-logo{flex:none;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;height:36px;width:36px;border-radius:36px;background:var(--tone-neutral);overflow:hidden}.organization-switcher-popover-item-logo-image,.organization-switcher-popover-item-logo-initials{height:100%;width:100%}.organization-switcher-popover-item-logo-image{background:rgba(0,0,0,0)}.organization-switcher-popover-item-logo-image .photo-image{object-fit:contain}.organization-switcher-popover-item-logo-initials{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--tone-label);--font-weight: var(--font-weight-700);font-weight:var(--font-weight);font-size:var(--size-text-xs);font-family:var(--font-family-sans)}.organization-switcher-popover-item-meta{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0}.organization-switcher-popover-item-name{color:var(--tone-label);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-text-sm);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans)}.organization-switcher-popover-item-infos{color:var(--tone-infos);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--size-text-xs);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans)}.organization-switcher-popover-item-check{flex:none;font-size:14px;--fa-primary-color:var(--tone-primary);--fa-secondary-color:var(--tone-primary);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-primary)}}
@layer component.base{.organization-switcher{cursor:pointer;user-select:none;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;appearance:none;border-top:var(--border-md);border-bottom:var(--border-md);margin:0;padding:12px;width:100%;background:linear-gradient(to bottom right, rgb(from var(--tone-red) r g b/10%), rgb(from var(--tone-red) r g b/0%))}.organization-switcher:disabled{cursor:wait}.organization-switcher:not(:disabled):hover{background:linear-gradient(to bottom right, rgb(from var(--tone-red) r g b/15%), rgb(from var(--tone-red) r g b/5%))}.organization-switcher--is-open .organization-switcher{background:linear-gradient(to bottom right, rgb(from var(--tone-red) r g b/15%), rgb(from var(--tone-red) r g b/5%))}.organization-switcher-head{position:relative;flex:none;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;height:36px;width:36px;border-radius:36px;background:var(--tone-neutral);overflow:hidden}.organization-switcher-logo-image,.organization-switcher-logo-label{height:36px;width:36px;border-radius:36px;overflow:hidden}.organization-switcher-logo-image{background:rgba(0,0,0,0)}.organization-switcher-logo-image .photo-image{object-fit:contain}.organization-switcher-logo-label{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--tone-label);--font-weight: var(--font-weight-700);font-weight:var(--font-weight);font-size:var(--size-text-sm);font-family:var(--font-family-sans)}.organization-switcher-body{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0;text-align:left}.organization-switcher-foot{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center}.organization-switcher-name{color:var(--tone-label);--font-weight: var(--font-weight-600);font-weight:var(--font-weight);font-size:var(--size-text-sm);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans)}.organization-switcher-action-chevron{font-size:12px;--fa-primary-color:var(--tone-primary-on);--fa-secondary-color:var(--tone-primary-on);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-primary-on)}.organization-switcher--is-condensed .organization-switcher-action-chevron{display:none}.organization-switcher--is-condensed .organization-switcher-head{height:36px;width:36px;border-radius:36px}.organization-switcher--is-condensed .organization-switcher-logo-image,.organization-switcher--is-condensed .organization-switcher-logo-label{height:36px;width:36px;border-radius:36px}.organization-switcher--is-condensed .organization-switcher-action{height:22px;width:22px;border-radius:22px}.organization-switcher--is-condensed .organization-switcher-action-chevron{font-size:10px;--fa-primary-color:var(--tone-primary-on);--fa-secondary-color:var(--tone-primary-on);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-primary-on)}.organization-switcher--is-disabled .organization-switcher-action{background:var(--tone-neutral)}.organization-switcher--is-disabled .organization-switcher-action-chevron{font-size:12px;--fa-primary-color:var(--tone-label);--fa-secondary-color:var(--tone-label);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-label)}.organization-switcher--is-switching{opacity:.6;pointer-events:none}}
@layer component.base{.user-avatar{--user-avatar-height: 36px;--user-avatar-margin: 0px;--user-avatar-border: none;position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;height:var(--user-avatar-height);width:var(--user-avatar-height);border-radius:var(--user-avatar-height);border:var(--user-avatar-border);container-type:size;container-name:root;overflow:hidden;background:linear-gradient(to bottom right, oklch(from var(--tone-primary-container) calc(l - 0) c h), oklch(from var(--tone-primary-container) calc(l - 0.1) c h)),linear-gradient(to bottom, var(--tone-container), var(--tone-container))}.user-avatar-image{height:100%;width:100%;object-fit:cover;object-position:center center}.user-avatar-label{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.user-avatar-label-initials{color:var(--tone-primary);--font-weight: var(--font-weight-800);font-weight:var(--font-weight);font-size:45cqw;font-family:var(--font-family-sans)}}
@layer component.base{.navigation-list{--navigation-list-tone: transparent;--navigation-list-height: auto;--navigation-list-margin: 0px;--navigation-list-border: none;--navigation-list-radius: 0px;--navigation-list-shadow: none;--navigation-list-spacing: 8px;--navigation-list-padding: 0px}.navigation-list{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--navigation-list-spacing);border:var(--navigation-list-border);border-radius:var(--navigation-list-radius);box-shadow:var(--navigation-list-shadow);background:var(--navigation-list-tone);height:var(--navigation-list-height);margin:var(--navigation-list-margin);padding:var(--navigation-list-padding)}.navigation-list.navigation-list--is-selectable .navigation-list-item{cursor:pointer;user-select:none}}@layer component.variant{.navigation-list--default{--surface: normal}.navigation-list--default>.navigation-list-item{--navigation-list-item-tone: var(--tone-surface);--navigation-list-item-border: var(--border-surface);--navigation-list-item-shadow: var(--shadow-surface)}.navigation-list--default.navigation-list--below{--surface: below}.navigation-list--default.navigation-list--below>.navigation-list-item{--navigation-list-item-tone: var(--tone-surface-below);--navigation-list-item-border: var(--border-surface-below);--navigation-list-item-shadow: var(--shadow-surface-below)}.navigation-list--default.navigation-list--above{--surface: above}.navigation-list--default.navigation-list--above>.navigation-list-item{--navigation-list-item-tone: var(--tone-surface-above);--navigation-list-item-border: var(--border-surface-above);--navigation-list-item-shadow: var(--shadow-surface-above)}}@layer component.variant{.navigation-list--tray{--navigation-list-tone: var(--tone-surface-below);--navigation-list-border: var(--border-surface-below);--navigation-list-radius: var(--radius-md);--navigation-list-shadow: var(--shadow-surface-below);--navigation-list-padding: 8px;--navigation-list-spacing: 8px}.navigation-list--tray .navigation-list-item{--navigation-list-item-border: none;--navigation-list-item-radius: var(--radius-sm)}}@layer component.variant{.navigation-list--plain{--navigation-list-spacing: 0px}.navigation-list--plain .navigation-list-item,.navigation-list--plain .navigation-list-item-placeholder{--navigation-list-item-tone: transparent;--navigation-list-item-border: none;--navigation-list-item-radius: none;border-top:var(--border-md)}.navigation-list--plain .navigation-list-item:last-child,.navigation-list--plain .navigation-list-item-placeholder:last-child{border-bottom:var(--border-md)}}@layer component.variant{.navigation-list--inset{--navigation-list-spacing: 0px}.navigation-list--inset .navigation-list-item,.navigation-list--inset .navigation-list-item-placeholder{--navigation-list-item-tone: transparent;--navigation-list-item-border: none;--navigation-list-item-radius: none;border-top:var(--border-md)}.navigation-list--inset .navigation-list-item:last-child,.navigation-list--inset .navigation-list-item-placeholder:last-child{border-bottom:var(--border-md)}.navigation-list--inset .navigation-list-item:before{content:"";display:block;position:absolute;top:4px;left:0px;right:0px;bottom:4px;border-radius:var(--radius-sm);transition-property:color,visibility,opacity;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-duration:350ms;opacity:0;visibility:hidden;background:var(--tone-highlight)}.navigation-list--inset .navigation-list-item.navigation-list-item--is-selectable{cursor:pointer;user-select:none}.navigation-list--inset .navigation-list-item.navigation-list-item--is-selectable:hover{background:rgba(0,0,0,0)}.navigation-list--inset .navigation-list-item.navigation-list-item--is-selectable:hover:before{opacity:1;visibility:visible}.navigation-list--inset .navigation-list-item-placeholder:before{display:none}}@layer component.variant{.navigation-list--basic{--navigation-list-spacing: 0px}.navigation-list--basic .navigation-list-item,.navigation-list--basic .navigation-list-item-placeholder{--navigation-list-item-tone: transparent;--navigation-list-item-border: none;--navigation-list-item-radius: none;--navigation-list-item-padding: 16px 0px}.navigation-list--basic .navigation-list-item:before{content:"";display:block;position:absolute;top:0px;left:-8px;right:-8px;bottom:0px;border-radius:var(--radius-sm);transition-property:color,visibility,opacity;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-duration:350ms;opacity:0;visibility:hidden;background:var(--tone-highlight)}.navigation-list--basic .navigation-list-item.navigation-list-item--is-selectable{cursor:pointer;user-select:none}.navigation-list--basic .navigation-list-item.navigation-list-item--is-selectable:hover{background:rgba(0,0,0,0)}.navigation-list--basic .navigation-list-item.navigation-list-item--is-selectable:hover:before{opacity:1;visibility:visible}.navigation-list--basic .navigation-list-item-placeholder:before{display:none}}@layer component.variant{.navigation-list--grouped{--navigation-list-spacing: 0px}.navigation-list--grouped .navigation-list-item:not(:first-child),.navigation-list--grouped .navigation-list-item-placeholder:not(:first-child){border-top-left-radius:0px;border-top-right-radius:0px}.navigation-list--grouped .navigation-list-item:not(:last-child),.navigation-list--grouped .navigation-list-item-placeholder:not(:last-child){border-bottom:none;border-bottom-left-radius:0px;border-bottom-right-radius:0px}.navigation-list--grouped{--surface: normal}.navigation-list--grouped .navigation-list-item{--navigation-list-item-tone: var(--tone-surface);--navigation-list-item-border: var(--border-surface)}.navigation-list--grouped .navigation-list-item:last-child{--navigation-list-item-shadow: var(--shadow-surface)}.navigation-list--grouped.navigation-list--below{--surface: below}.navigation-list--grouped.navigation-list--below .navigation-list-item{--navigation-list-item-tone: var(--tone-surface-below);--navigation-list-item-border: var(--border-surface-below)}.navigation-list--grouped.navigation-list--below .navigation-list-item:last-child{--navigation-list-item-shadow: var(--shadow-surface-below)}.navigation-list--grouped.navigation-list--below .navigation-list-item:not(:last-child){margin-bottom:1px}.navigation-list--grouped.navigation-list--above{--surface: above}.navigation-list--grouped.navigation-list--above .navigation-list-item{--navigation-list-item-tone: var(--tone-surface-above);--navigation-list-item-border: var(--border-surface-above)}.navigation-list--grouped.navigation-list--above .navigation-list-item:last-child{--navigation-list-item-shadow: var(--shadow-surface-above)}}
@layer component.base{.navigation-list-item{--navigation-list-item-tone: var(--tone-surface);--navigation-list-item-height: auto;--navigation-list-item-margin: 0px;--navigation-list-item-border: var(--border-md);--navigation-list-item-radius: var(--radius-md);--navigation-list-item-shadow: none;--navigation-list-item-spacing: 12px;--navigation-list-item-padding: 16px;--navigation-list-item-arrow-size: var(--size-icon-xs);--navigation-list-item-arrow-tone: var(--tone-picto)}.navigation-list-item{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--navigation-list-item-spacing);border:var(--navigation-list-item-border);border-radius:var(--navigation-list-item-radius);box-shadow:var(--navigation-list-item-shadow);transition-property:background-position,background-color,background-size;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);background:var(--navigation-list-item-tone);height:var(--navigation-list-item-height);margin:var(--navigation-list-item-margin);padding:var(--navigation-list-item-padding)}.navigation-list-item.navigation-list-item--is-detailable{cursor:pointer;user-select:none}.navigation-list-item.navigation-list-item--is-selectable{cursor:pointer;user-select:none}.navigation-list-item.navigation-list-item--is-selectable:hover{background:var(--tone-highlight)}.navigation-list-item-head{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--navigation-list-item-spacing)}.navigation-list-item-body{position:relative;display:flex;flex:none;flex-direction:column;align-items:flex-end;justify-content:center}.navigation-list-item-foot{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:flex-end;justify-content:center}.navigation-list-item-content{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:12px}.navigation-list-item-arrow{--picto-size: var(--navigation-list-item-arrow-size);--picto-tone: var(--navigation-list-item-arrow-tone)}}
.theme-switcher{position:relative}.theme-switcher-button-group{--button-group-radius: var(--radius-sm);--button-group-padding: 0px;--button-group-spacing: 0px;overflow:hidden}.theme-switcher-button-group .theme-switcher-button{--button-radius: 0px;--button-border: 0px;--button-picto-size: 14px;--button-selected-tone: var(--tone-primary);--button-selected-picto-tone: var(--tone-primary-on)}

.user-profile-popover{--popover-spacing: 0px;--popover-padding: 0px;--popover-width: 320px;--popover-offset-y: 8px;--popover-offset-x: 0px;max-width:100%}.user-profile-popover-close{z-index:5;position:absolute;top:16px;right:16px}.user-profile-popover-head{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:16px}.user-profile-popover-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.user-profile-popover-foot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:12px}.user-profile-popover-user{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.user-profile-popover-user-name{--font-weight: var(--font-weight-500);font-weight:var(--font-weight);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans);--label-size: var(--size-text-lg);--label-tone: var(--tone-label)}.user-profile-popover-user-info{--font-weight: var(--font-weight-400);font-weight:var(--font-weight);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans);--label-size: var(--size-text-sm);--label-tone: var(--tone-infos)}.user-profile-popover-theme-menu{--navigation-list-item-padding: 12px 16px}
.user-profile-menu-button{cursor:pointer;user-select:none}.user-profile-menu-button-avatar{--user-avatar-size: 32px}
@layer component.base{.menu-bar-drawer{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;transition-property:transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);background:var(--menu-bar-drawer-tone);transform:translateY(100%)}.menu-bar-drawer.menu-bar-drawer--is-visible{transform:none}.menu-bar-drawer-head{position:relative;display:flex;flex:none;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:12px;padding:var(--menu-bar-drawer-padding)}.menu-bar-drawer-brand{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;min-width:0}.menu-bar-drawer-brand .organization-switcher{padding:0;width:100%}.menu-bar-drawer-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;padding:var(--menu-bar-drawer-padding)}.menu-bar-drawer-body .menu-bar-group-body{gap:var(--menu-bar-drawer-spacing)}.menu-bar-drawer-foot{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:var(--menu-bar-drawer-padding)}.menu-bar-drawer-logo{display:flex;flex:none;flex-direction:row;align-items:center;justify-content:center;height:32px;width:32px}.menu-bar-drawer-logo-icon{flex:none;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;height:24px}}
@layer component.base{.menu-bar-compact-menu{position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-around;gap:var(--menu-bar-content-spacing)}}
@layer component.base{.menu-bar{--menu-bar-tone: var(--tone-container);--menu-bar-size: 240px;--menu-bar-content-padding: 8px 16px;--menu-bar-content-spacing: 16px;--menu-bar-condensed-tone: var(--tone-container);--menu-bar-condensed-size: 64px;--menu-bar-compact-size: 64px;--menu-bar-drawer-tone: var(--tone-container-above);--menu-bar-drawer-padding: 16px;--menu-bar-drawer-spacing: 12px}.menu-bar{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;border-right:1px solid var(--tone-border-md);transition-property:color,width;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);background:var(--menu-bar-tone);width:var(--menu-bar-size)}.menu-bar.menu-bar--is-condensed{--menu-bar-size: var(--menu-bar-condensed-size);--menu-bar-tone: var(--menu-bar-condensed-tone)}@media(max-width: 1279.98px){.menu-bar{display:flex;flex-direction:row;align-items:center;justify-content:center;border:none;border-top:1px solid var(--tone-border-md);height:var(--menu-bar-compact-size);width:auto}.menu-bar.menu-bar--is-condensed{--menu-bar-size: var(--menu-bar-compact-size);--menu-bar-tone: var(--menu-bar-compact-tone)}}.menu-bar-head{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%}@media(max-width: 1279.98px){.menu-bar-head{display:none}}.menu-bar-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:var(--menu-bar-content-padding);overflow:hidden}.menu-bar-foot{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:var(--menu-bar-condensed-size);width:var(--menu-bar-condensed-size);height:auto;min-height:var(--menu-bar-condensed-size);padding:8px}@media(max-width: 1279.98px){.menu-bar-foot{display:none}}.menu-bar-logo{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:center;justify-content:center;transition-property:color,padding;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);height:var(--menu-bar-condensed-size)}.menu-bar-logo-frame{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;height:48px;width:48px}.menu-bar-logo-small{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden}.menu-bar-logo-small svg{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);height:24px;transform:translateX(-100%)}.menu-bar--is-condensed .menu-bar-logo-small{opacity:1;visibility:visible}.menu-bar--is-condensed .menu-bar-logo-small svg{transform:none}.menu-bar-logo-large{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:1;visibility:visible;padding:0px;padding-left:8px;padding-right:8px}.menu-bar-logo-large svg{height:20px}.menu-bar--is-condensed .menu-bar-logo-large{opacity:0;visibility:hidden}.menu-bar-resize-bar{position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition-property:visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);background:var(--tone-primary);cursor:ew-resize;opacity:0;padding:0px;padding-top:var(--menu-bar-condensed-size);width:3px}@media(max-width: 1279.98px){.menu-bar-resize-bar{display:none}}.menu-bar-resize-bar:hover{opacity:1}.menu-bar-resize-bar:before{content:"";display:block;position:absolute;top:0px;left:-6px;right:-6px;bottom:0px}.menu-bar-resize-bar-picto{height:24px;width:24px;border-radius:24px;background:var(--tone-primary);margin:0px;margin-top:-12px;font-size:10px;--fa-primary-color:var(--tone-primary-on);--fa-secondary-color:var(--tone-primary-on);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-primary-on)}}
@layer component.base{.section{--section-tone: transparent;--section-border: none;--section-height: auto;--section-margin: 0px;--section-radius: 0px;--section-spacing: 24px;--section-padding: 0px;--section-heading-spacing: 12px;--section-heading-padding: 0px;--section-heading-leading: 4px;--section-heading-title-size: var(--size-title-md);--section-heading-title-tone: var(--tone-title);--section-heading-infos-size: var(--size-title-sm);--section-heading-infos-tone: var(--tone-infos);--section-heading-picto-size: var(--size-icon-sm);--section-heading-picto-tone: var(--tone-primary);--section-heading-picto-fill: var(--tone-primary-container);--section-heading-picto-area: 36px;--section-content-tone: transparent;--section-content-border: none;--section-content-radius: 0px;--section-content-shadow: none;--section-content-height: auto;--section-content-margin: 0px;--section-content-spacing: 24px;--section-content-padding: 0px;--section-actions-border: none;--section-actions-radius: 0px;--section-actions-height: auto;--section-actions-margin: 0px;--section-actions-spacing: 8px;--section-actions-padding: 0px}.section{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--section-spacing);border:var(--section-border);border-radius:var(--section-radius);background:var(--section-tone);height:var(--section-height);margin:var(--section-margin);padding:var(--section-padding)}.section-head{position:relative;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.section-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.section-content{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--section-content-spacing);border:var(--section-content-border);border-radius:var(--section-content-radius);box-shadow:var(--section-content-shadow);background:var(--section-content-tone);height:var(--section-content-height);margin:var(--section-content-margin);padding:var(--section-content-padding)}.section-actions{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--section-actions-spacing);border:var(--section-actions-border);border-radius:var(--section-actions-radius);height:var(--section-actions-height);margin:var(--section-actions-margin);padding:var(--section-actions-padding)}.section-heading{--heading-spacing: var(--section-heading-spacing);--heading-padding: var(--section-heading-padding);--heading-leading: var(--section-heading-leading);--heading-title-size: var(--section-heading-title-size);--heading-title-tone: var(--section-heading-title-tone);--heading-infos-size: var(--section-heading-infos-size);--heading-infos-tone: var(--section-heading-infos-tone);--heading-picto-size: var(--section-heading-picto-size);--heading-picto-tone: var(--section-heading-picto-tone);--heading-picto-fill: var(--section-heading-picto-fill);--heading-picto-area: var(--section-heading-picto-area);--heading-title-font-family: var(--font-family-sans);--heading-title-font-weight: var(--font-weight-500)}.section--sm{--section-heading-leading: 2px;--section-heading-title-size: var(--size-title-sm);--section-heading-infos-size: var(--size-title-xs)}.section--lg{--section-heading-leading: 8px;--section-heading-title-size: var(--size-title-lg);--section-heading-infos-size: var(--size-title-sm)}}@layer component.style{.section--outlined{--section-padding: 16px;--section-spacing: 16px;border-radius:var(--radius-md);border:1px solid var(--tone-border-md)}}@layer component.style{.section--bordered{--section-padding: 0px;--section-spacing: 0px;--section-content-padding: 16px;border-radius:var(--radius-md);border:1px solid var(--tone-border-md)}.section--bordered .section-head{border-bottom:1px solid var(--tone-border-md);padding:var(--section-content-padding)}}@layer component.style{.section--tray{--section-content-tone: var(--tone-surface-below);--section-content-border: var(--border-surface-below);--section-content-radius: var(--radius-md);--section-content-shadow: var(--shadow-surface-below);--section-content-padding: 16px;--section-content-spacing: 16px}.section--tray .section-content .surface{--surface-border: none}.section--tray .section-content .list-item{--list-item-border: none}}@layer component.style{.section--warning{--section-padding: 0px;--section-spacing: 0px;--section-heading-title-tone: var(--tone-warning);--section-heading-infos-tone: var(--tone-warning);--section-content-padding: 16px;border-radius:var(--radius-md);border:1px solid var(--tone-warning)}.section--warning .section-head{border-bottom:1px solid var(--tone-warning);padding:var(--section-content-padding)}}
@layer component.base{.section-group{--section-group-tone: none;--section-group-height: auto;--section-group-margin: 0px;--section-group-border: none;--section-group-radius: none;--section-group-shadow: none;--section-group-spacing: var(--layout-spacing);--section-group-padding: 0px}.section-group{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--section-group-spacing);border:var(--section-group-border);border-radius:var(--section-group-radius);box-shadow:var(--section-group-shadow);background:var(--section-group-tone);height:var(--section-group-height);margin:var(--section-group-margin);padding:var(--section-group-padding)}}@layer component.variant{.section-group--split{gap:0px}.section-group--split>.section{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:24px 48px}.section-group--split>.section>.section-head{display:contents}.section-group--split>.section>.section-head>.section-heading{align-self:start;grid-column:1;grid-row:1}.section-group--split>.section>.section-head>.section-actions{flex-direction:row;align-items:center;justify-content:flex-end;grid-column:2;grid-row:1}.section-group--split>.section>.section-body{grid-column:2}.section-group--split>.section:has(>.section-head>.section-actions)>.section-head>.section-heading{grid-row:1/span 2}.section-group--split>.section:not(:first-child){padding-top:var(--section-group-spacing)}.section-group--split>.section:not(:last-child){padding-bottom:var(--section-group-spacing)}.section-group--split>.section:not(:last-child){border-bottom:var(--border-md)}}
.home-widget{min-width:0;max-width:100%}.home-widget-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 0}.home-widget-loading-picto{font-size:20px;color:var(--tone-primary);animation:home-widget-spin 1s linear infinite}.home-widget-loading-label{color:var(--tone-infos);font-size:13px}.home-widget-summary{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px}.home-widget-list{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px}.home-widget-item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;min-width:0;padding:12px;border:1px solid var(--tone-neutral);border-radius:8px;background:var(--tone-surface)}.home-widget-item-head{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;min-width:0}.home-widget-item-head>div{min-width:0;flex:1 1 auto}.home-widget-item-title{font-size:14px;font-weight:600;color:var(--tone-title);overflow-wrap:break-word}.home-widget-item-meta{font-size:12px;color:var(--tone-infos);overflow-wrap:break-word}.home-widget-item-actions{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:8px}.home-widget-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;background:var(--tone-primary-container);color:var(--tone-primary)}.home-widget-badge--warning{background:var(--tone-warning-container, #fff3cd);color:var(--tone-warning-container-on, #664d03)}.home-widget-badge--success{background:var(--tone-success-container, #d1e7dd);color:var(--tone-success-container-on, #0f5132)}.home-widget-alert{padding:10px 12px;border-radius:8px;background:var(--tone-warning-container, #fff3cd);color:var(--tone-warning-container-on, #664d03);font-size:13px;overflow-wrap:break-word}@keyframes home-widget-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

@layer component.base{.since{--since-size: var(--size-text-sm);--since-tone: var(--tone-since)}.since{position:relative;color:var(--since-tone);font-size:var(--since-size);white-space:nowrap;font-family:var(--font-family-sans)}}
@layer component.base{.stat-placeholder{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--stat-spacing)}.stat-placeholder-head{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.stat-placeholder-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.stat-placeholder-foot{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.stat-placeholder-title{width:50%}.stat-placeholder-value{width:33%;font-size:36px}}
@layer component.base{.surface{--surface: normal;--surface-tone: var(--tone-surface);--surface-border: var(--border-surface);--surface-radius: 0px;--surface-shadow: var(--shadow-surface);--surface-height: auto;--surface-margin: 0px;--surface-spacing: 0px;--surface-padding: 0px}.surface{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:var(--surface-border);border-radius:var(--surface-radius);box-shadow:var(--surface-shadow);background:var(--surface-tone);height:var(--surface-height);margin:var(--surface-margin);padding:var(--surface-padding)}}@layer component.style{.surface--below{--surface: below;--surface-tone: var(--tone-surface-below);--surface-border: var(--border-surface-below);--surface-shadow: var(--shadow-surface-below)}}@layer component.style{.surface--above{--surface: above;--surface-tone: var(--tone-surface-above);--surface-border: var(--border-surface-above);--surface-shadow: var(--shadow-surface-above)}}@layer component.style{.surface--muted{--surface: muted;--surface-tone: var(--tone-surface-muted);--surface-border: var(--border-surface-muted);--surface-shadow: var(--shadow-surface-muted)}}
@layer component.base{.stat{--stat-radius: var(--radius-md);--stat-padding: 24px;--stat-spacing: 8px;--stat-title-size: var(--size-title-md);--stat-value-size: 36px}.stat{gap:var(--stat-spacing)}.stat-head{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.stat-body{position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start}.stat-value{--label-weight: var(--font-weight-500);--label-tone: var(--tone-title);--label-size: var(--stat-value-size)}.stat-title{--label-weight: var(--font-weight-500);--label-tone: var(--tone-title);--label-size: var(--stat-title-size)}.stat-infos{--label-tone: var(--tone-infos);--label-size: var(--size-title-xs)}.stat--sm{--stat-padding: 16px;--stat-spacing: 4px;--stat-title-size: var(--size-title-sm);--stat-value-size: 24px}.stat-picto .fa-heart{color:var(--tone-red)}.stat-picto .fa-download{color:var(--tone-blue)}}@layer component.style{.stat{--surface-radius: var(--stat-radius);--surface-padding: var(--stat-padding)}}
@layer component.base{.stat-group{--stat-group-tone: none;--stat-group-height: auto;--stat-group-margin: 0px;--stat-group-border: none;--stat-group-radius: none;--stat-group-shadow: none;--stat-group-spacing: 24px;--stat-group-padding: 0px}.stat-group{position:relative;display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;gap:var(--stat-group-spacing);border:var(--stat-group-border);border-radius:var(--stat-group-radius);box-shadow:var(--stat-group-shadow);background:var(--stat-group-tone);height:var(--stat-group-height);margin:var(--stat-group-margin);padding:var(--stat-group-padding)}.stat-group .stat{flex:1 1 0;align-self:stretch}}@layer component.variant{.stat-group--joined{--stat-group-tone: var(--tone-surface);--stat-group-border: var(--border-md);--stat-group-radius: var(--radius-md);--stat-group-spacing: 0px}.stat-group--joined .stat{--surface-tone: transparent;--surface-border: none;--surface-shadow: none;--stat-radius: 0px}.stat-group--joined .stat:not(:last-child){border-right:var(--border-md)}}@layer component.variant{.stat-group--tray{--stat-group-tone: var(--tone-surface-below);--stat-group-border: var(--border-surface-below);--stat-group-radius: var(--radius-md);--stat-group-shadow: var(--shadow-surface-below);--stat-group-padding: 8px;--stat-group-spacing: 8px}.stat-group--tray .stat{--surface-border: none}}@layer component.variant{.stat-group--fit{--stat-group-item-width: 240px}.stat-group--fit .stat{flex:0 1 var(--stat-group-item-width);min-width:0;max-width:100%;min-height:0;max-height:100%;min-width:0}}

.home-invoices-widget-list-item .list-item-content{flex-direction:row;align-items:center;justify-content:flex-start;gap:24px}.home-invoices-widget-list-item-body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;min-width:0;flex:1 1 0}.home-invoices-widget-list-item-summary{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:16px;min-width:0}.home-invoices-widget-list-item-heading{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;min-width:0}.home-invoices-widget-list-item-amount{display:flex;flex:none;white-space:nowrap}.home-invoices-widget-list-item-badge{color:var(--tone-primary);--font-weight: var(--font-weight-600);font-weight:var(--font-weight);font-size:11px;font-family:var(--font-family-sans);border-radius:100vw;align-self:start;background:var(--tone-primary-container);display:inline-flex;align-items:center;padding:4px 8px}.home-invoices-widget-list-item-progress{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.home-invoices-widget-list-item-progress-track{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;border-radius:100vw;background:var(--tone-primary-container);height:6px;overflow:hidden}.home-invoices-widget-list-item-progress-fill{border-radius:100vw;background:var(--tone-primary);height:100%}.home-invoices-widget-list-item-foot{display:flex;flex:none;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px}
@layer component.container.variant{.screen-content{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--screen-content-spacing);height:var(--screen-content-height);margin:var(--screen-content-margin);padding:var(--screen-content-padding)}.screen-header--is-large~.screen-content{min-height:100vh}.screen-content{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:1}@starting-style{.screen-content{opacity:0}}}
@layer component.container.variant{.screen-footer{z-index:115;backdrop-filter:blur(16px) saturate(75%);display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--screen-footer-spacing);border-top:1px solid var(--tone-border-md);background:rgb(from var(--screen-tone) r g b/85%);height:var(--screen-footer-height);margin:var(--screen-footer-margin);padding:var(--screen-footer-padding)}.screen-footer{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:1}@starting-style{.screen-footer{opacity:0}}}
@layer component.container.base{.screen-heading{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;height:var(--screen-heading-height);margin:var(--screen-heading-margin);padding:var(--screen-heading-padding)}.screen-heading-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:center;gap:4px}.screen-heading-foot{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center}.screen-heading-heading{--heading-title-size: var(--screen-heading-title-size);--heading-title-tone: var(--screen-heading-title-tone);--heading-infos-size: var(--screen-heading-infos-size);--heading-infos-tone: var(--screen-heading-infos-tone);--heading-title-font-family: var(--font-family-sans);--heading-title-font-weight: var(--font-weight-500);max-width:50%}@media(max-width: 1919.98px){.screen-heading-heading{max-width:480px}}.screen-heading-heading .heading-body{gap:4px}.screen-heading-heading .heading-head{margin-left:-44px}.screen-heading-actions{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--screen-heading-actions-spacing);border:var(--screen-heading-actions-border);border-radius:var(--screen-heading-actions-radius);height:var(--screen-heading-actions-height);margin:var(--screen-heading-actions-margin);padding:var(--screen-heading-actions-padding)}.screen-heading-path{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.screen-heading-path-node{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px}.screen-heading-path-node:last-child .screen-heading-path-node-picto{display:none}.screen-heading-path-node-label{--label-size: var(--screen-heading-back-label-size);--label-tone: var(--screen-heading-back-label-tone)}.screen-heading-path-node-picto{--picto-size: 10px;--picto-tone: var(--tone-primary) }.screen-heading-back{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px}.screen-heading-back-picto{--picto-size: var(--size-icon-xs);--picto-tone: var(--tone-primary)}.screen-heading-back-label{--font-weight: var(--font-weight-600);font-weight:var(--font-weight);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans);--label-size: var(--screen-heading-back-label-size);--label-tone: var(--screen-heading-back-label-tone)}.screen-heading{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:1}@starting-style{.screen-heading{opacity:0}}@media(max-width: 1279.98px){.screen-heading-foot{display:none}}}
@layer component.control.variant{.screen-navigation-bar .navigation-bar-head,.screen-navigation-bar .navigation-bar-body,.screen-navigation-bar .navigation-bar-foot{transition-property:color,visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.screen-navigation-bar .navigation-bar-head{margin-left:-48px}@media(max-width: 1279.98px){.screen-navigation-bar .navigation-bar-head{margin-left:0px}}.screen-navigation-bar .navigation-bar-heading .heading-title,.screen-navigation-bar .navigation-bar-heading .heading-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-header--is-large .screen-navigation-bar .navigation-bar-heading .heading-infos{display:none}.screen-header--is-large .screen-navigation-bar .navigation-bar-head,.screen-header--is-large .screen-navigation-bar .navigation-bar-body,.screen-header--is-large .screen-navigation-bar .navigation-bar-foot{opacity:0;visibility:hidden;transform:translateY(16px)}.screen-header--is-fixed .screen-navigation-bar .navigation-bar-head,.screen-header--is-fixed .screen-navigation-bar .navigation-bar-body,.screen-header--is-fixed .screen-navigation-bar .navigation-bar-foot{opacity:1;visibility:visible;transform:translateY(0px)}@media(max-width: 1279.98px){.screen-navigation-bar .navigation-bar-head{margin-left:0px}.screen-navigation-bar .navigation-bar-foot{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%}}}
@layer component.container.variant{.screen-header{z-index:115;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--screen-header-spacing);background:rgb(from var(--screen-tone) r g b/85%);height:var(--screen-header-height);margin:var(--screen-header-margin);padding:var(--screen-header-padding);border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0,0,0,0)}.screen-header:not(.screen-header--is-large){border-bottom-color:var(--tone-border-md)}.screen-header.screen-header--is-bordered,.screen-header.screen-header--is-overlaid{backdrop-filter:blur(16px) saturate(75%);border-bottom-color:var(--tone-border-md)}.screen-header-head{position:absolute;top:0;left:0;bottom:0}.screen-header-foot{position:absolute;top:0;right:0;bottom:0}.screen-header-actions{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--screen-header-actions-spacing);border:var(--screen-header-actions-border);border-radius:var(--screen-header-actions-radius);height:var(--screen-header-actions-height);margin:var(--screen-header-actions-margin);padding:var(--screen-header-actions-padding)}.screen-header-body{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:1}@starting-style{.screen-header-body{opacity:0}}}
@layer component.container.variant{.screen-pager{z-index:100;position:sticky;left:0;right:0;bottom:0;backdrop-filter:blur(16px) saturate(75%);gap:var(--screen-footer-spacing);border-top:1px solid var(--tone-border-md);background:rgb(from var(--screen-tone) r g b/85%);height:var(--screen-footer-height);margin:var(--screen-footer-margin);padding:var(--screen-footer-padding)}}
@layer component.container.variant{}
@layer component.control.variant{.tab-bar-button{--button-tone: transparent;--button-border: none;--button-height: var(--tab-bar-height);--button-label-size: var(--size-text-sm);--button-label-tone: var(--tone-inert);--button-picto-size: var(--size-icon-md);--button-picto-tone: var(--tone-infos);--button-padding: 0px;--button-spacing: 0px;--button-hovering-tone: transparent;--button-hovering-label-tone: var(--tone-label);--button-hovering-picto-tone: var(--tone-label);--button-font-family: var(--font-family-sans);--button-font-weight: var(--font-weight-600);position:relative}.tab-bar-button .button-picto{height:36px;width:36px;border-radius:36px;margin:0px}.tab-bar-button .button-label{text-align:center}.tab-bar-button:before{content:"";display:block;position:absolute;left:-1px;right:-1px;bottom:0px;transition-property:transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);height:2px;background:var(--tone-primary);transform:scaleY(0)}.tab-bar-button.button--is-selected:before{transform:none}.tab-bar-button.button--is-selected .button-label{--label-tone: var(--tone-primary)}.tab-bar-button.button--is-selected .button-picto{--picto-tone: var(--tone-primary)}}
@layer component.base{.tab-bar{--tab-bar-tone: transparent;--tab-bar-height: 36px;--tab-bar-margin: 0px;--tab-bar-border: var(--border-md);--tab-bar-radius: 0px;--tab-bar-padding: 0px;--tab-bar-spacing: 16px}.tab-bar{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;gap:var(--tab-bar-spacing);border-radius:var(--tab-bar-radius);background:var(--tab-bar-tone);border-bottom:var(--tab-bar-border);height:var(--tab-bar-height);margin:var(--tab-bar-margin);padding:var(--tab-bar-padding)}.tab-bar--start{flex-direction:row;align-items:center;justify-content:flex-start}.tab-bar--center{flex-direction:row;align-items:center;justify-content:center}.tab-bar--end{flex-direction:row;align-items:center;justify-content:flex-end}}
@layer component.container.control.variant{.screen-tabs{--tab-bar-height: var(--screen-tabs-height);--tab-bar-margin: var(--screen-tabs-margin);--tab-bar-spacing: var(--screen-tabs-spacing);--tab-bar-padding: var(--screen-tabs-padding)}.screen-tabs{z-index:110;position:sticky;top:0;left:0;right:0;backdrop-filter:blur(16px) saturate(75%);display:flex;flex:none;flex-direction:row;align-items:center;justify-content:flex-start;border-bottom:1px solid var(--tone-border-md);background:rgb(from var(--screen-tone) r g b/85%);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.screen-header~.screen-tabs{top:var(--screen-header-height)}.screen-heading+.screen-tabs{--screen-tabs-margin: 36px 0px 0px 0px}.screen-tabs .tab-bar-button{--button-spacing: 6px;--button-label-size: var(--size-text-sm);--button-picto-size: var(--size-icon-md)}.screen-tabs .tab-bar-button .button-body{display:flex;flex-direction:row;align-items:center;justify-content:center}.screen-tabs .tab-bar-button .button-picto{width:auto}@media(max-width: 1279.98px){.screen-heading+.screen-tabs{--screen-tabs-margin: 16px 0px 0px 0px}}}
@layer component.container.base{.screen{--screen-gutter: calc(240px + 120 * ((100vw - 1921px) / 639))}@media(max-width: 2239.98px){.screen{--screen-gutter: calc(64px + 176 * ((100vw - 961px) / 959))}}.screen{--screen-tone: var(--tone-container);--screen-header-height: 64px;--screen-header-margin: 0px;--screen-header-padding: 16px var(--screen-gutter);--screen-header-spacing: 12px;--screen-header-actions-border: none;--screen-header-actions-radius: 0px;--screen-header-actions-height: auto;--screen-header-actions-margin: 0px;--screen-header-actions-spacing: 8px;--screen-header-actions-padding: 0px;--screen-footer-height: 64px;--screen-footer-margin: 0px;--screen-footer-padding: 16px var(--screen-gutter);--screen-footer-spacing: 12px;--screen-heading-height: auto;--screen-heading-margin: 0px 0px 0px 0px;--screen-heading-spacing: 12px;--screen-heading-padding: 0px var(--screen-gutter);--screen-heading-leading: 0px;--screen-heading-title-size: var(--size-title-xl);--screen-heading-title-tone: var(--tone-title);--screen-heading-infos-size: var(--size-title-md);--screen-heading-infos-tone: var(--tone-infos);--screen-heading-actions-border: none;--screen-heading-actions-radius: 0px;--screen-heading-actions-height: auto;--screen-heading-actions-margin: 0px;--screen-heading-actions-spacing: 8px;--screen-heading-actions-padding: 0px;--screen-heading-back-label-size: var(--size-text-sm);--screen-heading-back-label-tone: var(--tone-primary);--screen-content-height: auto;--screen-content-margin: 0px;--screen-content-padding: 64px var(--screen-gutter);--screen-content-spacing: 48px;--screen-tabs-height: 48px;--screen-tabs-margin: 0px;--screen-tabs-spacing: 24px;--screen-tabs-padding: 0px var(--screen-gutter)}@media(max-width: 1279.98px){.screen{--screen-gutter: 16px;--screen-content-padding: 16px var(--screen-gutter);--screen-content-spacing: 24px}}.screen{--layout-padding: var(--screen-content-padding);--layout-spacing: var(--screen-content-spacing)}.screen{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;background:var(--screen-tone);container-type:scroll-state;container-name:screen}}@layer component.container.style{.screen--below{--screen-tone: var(--tone-container-below)}}@layer component.container.style{.screen--above{--screen-tone: var(--tone-container-above)}}
.home-screen-content{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:20px;padding:8px 0 24px;min-width:0}.home-screen-widgets{--section-group-spacing: 48px;width:100%;min-width:0}
.demo-alert .section-content{border-radius:var(--radius-md);border:1px solid var(--tone-border-md);display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px}.demo-alert-head{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-right:1px solid var(--tone-border-md);padding:16px}.demo-alert-body{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}
.demo-backdrop h4{background:none !important;padding:0px !important}.demo-backdrop-grid{border-radius:var(--radius-md);border:1px solid var(--tone-border-md);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:24px;padding:24px}.demo-backdrop-grid.demo-backdrop-grid--container-above{--container: above;background:var(--tone-container-above)}.demo-backdrop-grid.demo-backdrop-grid--container-below{--container: below;background:var(--tone-container-below)}.demo-backdrop-grid.demo-backdrop-grid--surface-above{--surface: above;background:var(--tone-surface-above)}.demo-backdrop-grid.demo-backdrop-grid--surface-below{--surface: below;background:var(--tone-surface-below)}.demo-backdrop-grid-items{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}.demo-backdrop-grid-items.demo-backdrop-grid-items--tabbed-panel{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;width:240px}.demo-backdrop-grid-items.demo-backdrop-grid-items--navigation-bar{flex-direction:column;align-items:stretch;justify-content:flex-start}
.demo-badge-grid{display:grid;grid-template-columns:max-content max-content max-content max-content max-content max-content max-content;gap:16px;justify-content:start;align-items:center}.demo-badge-grid .demo-badge-grid-items{display:contents}.demo-badge-list-item{border:1px solid var(--tone-border-md);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.demo-badge-list-item-head{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;border-bottom:1px solid var(--tone-border-md);padding:16px}.demo-badge-list-item-body{display:flex;flex:1 0 auto;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:16px}.demo-badge-list-item-label{color:var(--tone-label);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-text-md);font-family:var(--font-family-sans)}.demo-badge-list-item-infos{color:var(--tone-infos);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-text-xs);font-style:italic;font-family:var(--font-family-sans)}
.demo-button-grid-items{display:grid;grid-template-columns:auto auto auto auto auto;gap:24px;justify-items:start}.demo-button-grid{display:grid;grid-template-columns:max-content max-content max-content max-content max-content;gap:16px;justify-content:start;align-items:center}.demo-button-grid .demo-button-grid-items{display:contents}.demo-button-grid-title{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;grid-column-start:1;grid-column-end:-1}.demo-button-helpers .section-content{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}
@layer component.base{.card{--card-height: auto;--card-margin: 0px;--card-radius: var(--radius-md);--card-spacing: 12px;--card-padding: 16px;--card-heading-spacing: 12px;--card-heading-leading: 0px;--card-heading-title-size: var(--size-title-sm);--card-heading-title-tone: var(--tone-title);--card-heading-infos-size: var(--size-title-xs);--card-heading-infos-tone: var(--tone-infos);--card-content-height: auto;--card-content-margin: 0px;--card-content-spacing: 16px;--card-content-padding: 0px;--card-actions-border: none;--card-actions-radius: 0px;--card-actions-height: auto;--card-actions-margin: 0px;--card-actions-spacing: 8px;--card-actions-padding: 0px}.card{gap:var(--card-spacing)}.card-head{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.card-body{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start}.card-content{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--card-content-spacing);height:var(--card-content-height);margin:var(--card-content-margin);padding:var(--card-content-padding)}.card-heading{--heading-leading: var(--card-heading-leading);--heading-title-size: var(--card-heading-title-size);--heading-title-tone: var(--card-heading-title-tone);--heading-infos-size: var(--card-heading-infos-size);--heading-infos-tone: var(--card-heading-infos-tone)}.card-actions{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--card-actions-spacing);border:var(--card-actions-border);border-radius:var(--card-actions-radius);background:var(--surface-tone);height:var(--card-actions-height);margin:var(--card-actions-margin);padding:var(--card-actions-padding)}}@layer component.style{.card{--surface-radius: var(--card-radius);--surface-height: var(--card-height);--surface-margin: var(--card-margin);--surface-padding: var(--card-padding)}}
@layer component.base{.card-group{--card-group-tone: none;--card-group-height: auto;--card-group-margin: 0px;--card-group-border: none;--card-group-radius: none;--card-group-shadow: none;--card-group-spacing: 24px;--card-group-padding: 0px;--card-group-auto-ratio: 12}.card-group{position:relative;display:grid;gap:var(--card-group-spacing);border:var(--card-group-border);border-radius:var(--card-group-radius);box-shadow:var(--card-group-shadow);background:var(--card-group-tone);height:var(--card-group-height);margin:var(--card-group-margin);padding:var(--card-group-padding);grid-template-columns:repeat(12, minmax(0, 1fr))}.card-group .card--auto{grid-column:span var(--card-group-auto-ratio)}.card-group .card.card--1{grid-column:span 1}.card-group .card.card--2{grid-column:span 2}.card-group .card.card--3{grid-column:span 3}.card-group .card.card--4{grid-column:span 4}.card-group .card.card--5{grid-column:span 5}.card-group .card.card--6{grid-column:span 6}.card-group .card.card--7{grid-column:span 7}.card-group .card.card--8{grid-column:span 8}.card-group .card.card--9{grid-column:span 9}.card-group .card.card--10{grid-column:span 10}.card-group .card.card--11{grid-column:span 11}.card-group .card.card--12{grid-column:span 12}.card-group:not(:has(>.card:not(.card--auto))){grid-auto-flow:column;grid-auto-columns:minmax(0, 1fr);grid-template-columns:none}.card-group:not(:has(>.card:not(.card--auto))) .card--auto{grid-column:auto}}@layer component.variant{.card-group--tray{--card-group-tone: var(--tone-surface-below);--card-group-border: var(--border-surface-below);--card-group-radius: var(--radius-md);--card-group-shadow: var(--shadow-surface-below);--card-group-padding: 8px;--card-group-spacing: 8px}.card-group--tray .card{--surface-border: none}}

.color-picker-alpha-slider{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:16px}.color-picker-alpha-slider-track{position:relative;border-radius:4px;height:16px;overflow:hidden}.color-picker-alpha-slider-track canvas{display:block;height:100%;width:100%}.color-picker-alpha-slider-track{background-image:linear-gradient(45deg, white 25%, rgba(255, 255, 255, 0) 25%),linear-gradient(-45deg, white 25%, rgba(255, 255, 255, 0) 25%),linear-gradient(45deg, rgba(255, 255, 255, 0) 75%, white 75%),linear-gradient(-45deg, rgba(255, 255, 255, 0) 75%, white 75%);background-size:16px 16px;background-position:0px 0px,0px 8px,8px -8px,-8px 0px}.color-picker-alpha-slider-thumb{position:absolute;top:50%;left:var(--value);display:flex;flex-direction:column;align-items:center;justify-content:center;height:24px;width:24px;background:url("/assets/images/picker/color/thumb.svg") no-repeat center center;background-size:contain;margin:0px;margin-top:-12px;margin-left:-12px}.color-picker-alpha-slider-thumb:after{content:"";display:block;height:6px;width:6px;border-radius:6px;background:#fff}.color-picker-alpha-slider-value{z-index:5;position:absolute;bottom:calc(100% + 6px);display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition-property:visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;background:var(--tone-black);padding:6px;padding-left:8px;padding-right:8px}.color-picker-alpha-slider--is-dragging .color-picker-alpha-slider-value{opacity:1;visibility:visible}.color-picker-alpha-slider-value-label{white-space:nowrap;font-family:var(--font-family-sans);--label-size: var(--size-text-xs);--label-tone: var(--tone-white)}
.color-picker-color-slider{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:16px}.color-picker-color-slider-track{position:relative;border-radius:4px;height:16px;overflow:hidden}.color-picker-color-slider-track canvas{display:block;height:100%;width:100%}.color-picker-color-slider-thumb{position:absolute;top:50%;left:var(--value);display:flex;flex-direction:column;align-items:center;justify-content:center;height:24px;width:24px;background:url("/assets/images/picker/color/thumb.svg") no-repeat center center;background-size:contain;margin:0px;margin-top:-12px;margin-left:-12px}.color-picker-color-slider-thumb:after{content:"";display:block;height:12px;width:12px;border-radius:12px;background:var(--color-picker-color)}
.color-picker-shade-slider{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:hidden}.color-picker-shade-slider-board{position:relative;aspect-ratio:1.5/1;border:none;border-radius:4px;overflow:hidden;cursor:url("/assets/images/picker/color/cursor.svg") 12 12,auto}.color-picker-shade-slider-board canvas{height:100%;width:100%}.color-picker-shade-slider-thumb{position:absolute;top:var(--thumb-y);left:var(--thumb-x);display:flex;flex-direction:column;align-items:center;justify-content:center;height:24px;width:24px;background:url("/assets/images/picker/color/thumb.svg") no-repeat center center;background-size:contain;margin:0px;margin-top:-12px;margin-left:-12px;pointer-events:none}.color-picker-shade-slider-thumb:after{content:"";display:block;height:12px;width:12px;border-radius:12px;background:var(--color-picker-color)}
.color-picker-swatch{position:relative;border:var(--border-md);border-radius:var(--radius-sm);height:40px;overflow:hidden;background-color:var(--input-tone);background-image:linear-gradient(45deg, white 25%, rgba(255, 255, 255, 0) 25%),linear-gradient(-45deg, white 25%, rgba(255, 255, 255, 0) 25%),linear-gradient(45deg, rgba(255, 255, 255, 0) 75%, white 75%),linear-gradient(-45deg, rgba(255, 255, 255, 0) 75%, white 75%);background-clip:padding-box;background-size:10px 10px;background-position:0px 0px,0px 5px,5px -5px,-5px 0px}.color-picker-swatch-color{position:absolute;top:0;left:0;right:0;bottom:0}
.color-picker{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px}.color-picker-head,.color-picker-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px}.color-picker-foot{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px}
.demo-color-picker .section-content{border-radius:var(--radius-md);border:1px solid var(--tone-border-md);display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0px}.demo-color-picker-cell{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:16px}.demo-color-picker-cell:first-child{border-right:1px solid var(--tone-border-md)}
@layer component.container.base{.confirm{--confirm-width: 480px;--confirm-content-spacing: 24px;--confirm-content-padding: 8px 48px 24px 48px;--confirm-message-size: var(--size-text-md);--confirm-message-tone: var(--tone-label)}.confirm{--modal-content-spacing: var(--confirm-content-spacing);--modal-content-padding: var(--confirm-content-padding);width:var(--confirm-width)}.confirm-message{--font-weight: var(--font-weight-400);font-weight:var(--font-weight);text-wrap:pretty;text-align:center;font-family:var(--font-family-sans);--label-size: var(--confirm-message-size);--label-tone: var(--confirm-message-tone)}}
.demo-confirm .section-content{border-radius:var(--radius-md);border:1px solid var(--tone-border-md);display:grid;grid-template-columns:repeat(2, minmax(0, 1fr))}.demo-confirm-head{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-right:1px solid var(--tone-border-md);padding:16px}.demo-confirm-body{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}
.demo-drawer .section-content{border-radius:var(--radius-md);border:1px solid var(--tone-border-md);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0px}.demo-drawer-body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-bottom:1px solid var(--tone-border-md);padding:16px}.demo-drawer-foot{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:16px}
@layer component.control.style{.radio-tile-list .radio-group-body,.radio-tile-list .radio-group--col .radio-group-body,.radio-tile-list .radio-group--row .radio-group-body{display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));align-items:stretch;gap:12px;width:100%}.radio-tile{position:relative;cursor:pointer;user-select:none;border:1px solid var(--tone-border-md);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;background:var(--input-tone);height:100%;min-height:88px;padding:16px}.radio-tile .radio-input{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%}.radio-tile .radio-input .input-field{align-items:flex-start}.radio-tile .radio-input-body{display:none}.radio-tile .radio-input-label{white-space:normal}.radio-tile .radio-input-head{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;min-width:0}.radio-tile .radio-input-infos{white-space:normal}.radio-tile.radio-tile--is-selected{background:rgb(from var(--tone-primary) r g b/12%)}.radio-tile.radio-tile--is-disabled{opacity:.55;pointer-events:none}.radio-tile-badge{color:var(--tone-primary);--font-weight: var(--font-weight-700);font-weight:var(--font-weight);font-size:var(--size-text-sm);font-family:var(--font-family-sans);pointer-events:none;text-align:right;white-space:nowrap}.radio-tile-list-empty{color:var(--tone-infos);font-size:var(--size-text-sm);font-family:var(--font-family-sans);grid-column:1/-1;padding:8px 0}}
@layer component.control.style{.check-tick-field.check-input--is-selected .check-input-indicator{background:rgba(0,0,0,0);margin:0}.check-tick-field.check-input--is-selected .check-input-indicator:nth-child(2){width:6px;height:11px;top:4px;left:8px;border:solid var(--tone-primary-on);border-width:0 2px 2px 0;border-radius:0;transform:rotate(45deg);transform-origin:center}.check-tick-field.check-input--is-selected .check-input-indicator:nth-child(3){opacity:0;transform:none}.check-tick-field.check-input--is-selected.check-input--has-picto .check-input-indicator:nth-child(2){width:10px;height:18px;top:7px;left:13px;border-width:0 3px 3px 0}}




@layer component.base{.grid{--grid-tone: transparent;--grid-height: auto;--grid-margin: 0px;--grid-border: none;--grid-radius: 0px;--grid-shadow: none;--grid-spacing: 16px;--grid-padding: 0px;--grid-header-tone: transparent;--grid-header-height: auto;--grid-header-margin: 0px;--grid-header-border: none;--grid-header-radius: 0px;--grid-header-padding: 0px;--grid-header-spacing: 12px;--grid-header-sticky-offset: 0px;--grid-footer-tone: transparent;--grid-footer-height: auto;--grid-footer-margin: 0px;--grid-footer-border: none;--grid-footer-radius: 0px;--grid-footer-padding: 0px;--grid-footer-spacing: 12px;--grid-footer-sticky-offset: 0px;--grid-content-height: auto;--grid-content-margin: 0px;--grid-content-spacing: 8px;--grid-content-padding: 0px}.grid{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--grid-spacing);border:var(--grid-border);border-radius:var(--grid-radius);box-shadow:var(--grid-shadow);background:var(--grid-tone);height:var(--grid-height);margin:var(--grid-margin);padding:var(--grid-padding)}.grid-collection{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--grid-spacing)}.grid-collection.collection--present{opacity:0}.grid-collection.collection--present.collection--present-active{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:1}.grid-collection.collection--dismiss{opacity:1}.grid-collection.collection--dismiss.collection--dismiss-active{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0}.grid-header,.grid-footer{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;container-type:scroll-state}.grid-header{z-index:5;position:sticky;top:var(--grid-header-sticky-offset);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:var(--grid-header-border);border-radius:var(--grid-header-radius);background:var(--grid-header-tone);height:var(--grid-header-height);margin:var(--grid-header-margin);padding:var(--grid-header-padding)}@container scroll-state(stuck: top){}.grid-header-content{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--grid-header-spacing)}.grid-footer{z-index:5;position:sticky;bottom:var(--grid-footer-sticky-offset);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:var(--grid-footer-border);border-radius:var(--grid-footer-radius);background:var(--grid-footer-tone);height:var(--grid-footer-height);margin:var(--grid-footer-margin);padding:var(--grid-footer-padding)}@container scroll-state(stuck: bottom){}.grid-footer-content{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--grid-footer-spacing)}.grid-header:has(.grid-header-content:empty),.grid-footer:has(.grid-footer-content:empty){display:none}.grid-content{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:var(--grid-content-spacing);align-content:start;height:var(--grid-content-height);margin:var(--grid-content-margin);padding:var(--grid-content-padding)}.grid-content .message{grid-column-start:1;grid-column-end:-1}}@layer component.variant{.grid--default{--surface: normal}.grid--default .grid-item{--grid-item-tone: var(--tone-surface);--grid-item-border: var(--border-surface);--grid-item-shadow: var(--shadow-surface)}.grid--default.grid--below{--surface: below}.grid--default.grid--below .grid-item{--grid-item-tone: var(--tone-surface-below);--grid-item-border: var(--border-surface-below);--grid-item-shadow: var(--shadow-surface-below)}.grid--default.grid--above{--surface: above}.grid--default.grid--above .grid-item{--grid-item-tone: var(--tone-surface-above);--grid-item-border: var(--border-surface-above);--grid-item-shadow: var(--shadow-surface-above)}}@layer component.variant{.grid--tray{--grid-tone: var(--tone-surface-below);--grid-border: var(--border-surface-below);--grid-radius: var(--radius-md);--grid-shadow: var(--shadow-surface-below);--grid-padding: 8px;--grid-content-spacing: 8px}.grid--tray .grid-item{--grid-item-border: none}}
@layer component.base{.grid-item{--grid-item-tone: var(--tone-surface);--grid-item-height: auto;--grid-item-margin: 0px;--grid-item-border: var(--border-md);--grid-item-radius: var(--radius-md);--grid-item-shadow: none;--grid-item-spacing: 12px;--grid-item-padding: 16px;--grid-item-hovering-tone: var(--tone-highlight);--grid-item-selected-tone: var(--tone-emphasize)}.grid-item{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--grid-item-spacing);border:var(--grid-item-border);border-radius:var(--grid-item-radius);box-shadow:var(--grid-item-shadow);transition-property:background-position,background-color,background-size;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);background:var(--grid-item-tone);height:var(--grid-item-height);margin:var(--grid-item-margin);padding:var(--grid-item-padding)}.grid-item.grid-item--is-detailable{cursor:pointer;user-select:none}.grid-item.grid-item--is-adjustable{cursor:pointer;user-select:none}.grid-item.grid-item--is-selectable{cursor:pointer;user-select:none}.grid-item.grid-item--is-selectable:not(.grid-item--is-outlined):hover{background:var(--grid-item-hovering-tone)}.grid-item.grid-item--is-selected:not(.grid-item--is-outlined){background:var(--grid-item-selected-tone)}.grid-item.grid-item--is-selected:not(.grid-item--is-outlined):hover{background:oklch(from var(--grid-item-selected-tone) calc(l + var(--tone-mode) * 0.15) c h)}.grid-item.grid-item--is-dragging{z-index:5}.grid-item.grid-item--is-dragging:before{opacity:0;visibility:hidden}.grid-item-content{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--grid-item-spacing)}}
@layer component.base{.grid-item-placeholder{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--grid-item-spacing);border:var(--grid-item-border);border-radius:var(--grid-item-radius);height:var(--grid-item-height);margin:var(--grid-item-margin);padding:var(--grid-item-padding)}.grid-item-placeholder-head{position:relative;display:flex;flex:none;flex-direction:column;align-items:flex-start;justify-content:center;aspect-ratio:16/9}.grid-item-placeholder-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:center}.grid-item-placeholder-image{border-radius:var(--radius-sm);height:100%;width:100%}}

.demo-heading-list{position:relative;display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));gap:24px}.demo-heading-list-item{border:1px solid var(--tone-border-md);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.demo-heading-list-item-head{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;border-bottom:1px solid var(--tone-border-md);padding:16px}.demo-heading-list-item-body{display:flex;flex:1 0 auto;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:16px}.demo-heading-list-item-label{color:var(--tone-label);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-text-md);font-family:var(--font-family-sans)}.demo-heading-list-item-infos{color:var(--tone-infos);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-text-xs);font-style:italic;font-family:var(--font-family-sans)}
.demo-list .section .section-content{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px}
.demo-message-list{position:relative;display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));gap:24px}.demo-message-list-item{border:1px solid var(--tone-border-md);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.demo-message-list-item-head{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;border-bottom:1px solid var(--tone-border-md);padding:16px}.demo-message-list-item-body{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:16px}.demo-message-list-item-label{color:var(--tone-label);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-text-md);font-family:var(--font-family-sans)}.demo-message-list-item-infos{color:var(--tone-infos);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-text-xs);font-style:italic;font-family:var(--font-family-sans)}
.demo-modal .section-content{border-radius:var(--radius-md);border:1px solid var(--tone-border-md);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0px}.demo-modal-body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-bottom:1px solid var(--tone-border-md);padding:16px}.demo-modal-foot{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:16px}


.demo-pager-list{position:relative;display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));gap:24px}.demo-pager-list-item{border:1px solid var(--tone-border-md);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.demo-pager-list-item-head{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;border-bottom:1px solid var(--tone-border-md);padding:16px}.demo-pager-list-item-body{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:16px}.demo-pager-list-item-label{color:var(--tone-label);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-text-md);font-family:var(--font-family-sans)}.demo-pager-list-item-infos{color:var(--tone-infos);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-text-xs);font-style:italic;font-family:var(--font-family-sans)}
.demo-palette-list .section-content{display:grid;grid-template-columns:repeat(8, minmax(0, 1fr));gap:24px}.demo-palette-item{border-radius:var(--radius-md);border:1px solid var(--tone-border-md);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:hidden}.demo-palette-item-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-bottom:1px solid var(--tone-border-md);padding:16px}.demo-palette-item-body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:120px;max-height:200px;padding:16px}.demo-palette-list-item-label{color:var(--tone-label);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-text-md);font-family:var(--font-family-sans)}.demo-palette-list-item-infos{color:var(--tone-infos);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-text-sm);font-family:var(--font-family-sans)}.demo-palette-list-item-color{aspect-ratio:1/1;padding:12px}.demo-palette-list-item-color-title{font-size:var(--size-text-md)}.demo-palette-list-item-color-infos{font-size:var(--size-text-sm)}.demo-palette-list-item-color-tone{height:12px;width:12px;border-radius:12px}.demo-palette-sample{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:16px;overflow:hidden}.demo-palette-sample-group{border-radius:var(--radius-md);border:1px solid var(--tone-border-md);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px}.demo-palette-sample-group .heading:not(:first-child){margin-top:24px}.demo-palette-sample-group.tone-container{background:var(--tone-container)}.demo-palette-sample-group-head{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-bottom:1px solid var(--tone-border-md);padding:16px}.demo-palette-sample-group-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:16px}.demo-palette-sample-tone{border-radius:var(--radius-md);padding:12px}.demo-palette-sample-tone.tone-surface-below-all{background:var(--tone-surface-below)}.demo-palette-sample-tone.tone-surface-below{background:var(--tone-surface-below)}.demo-palette-sample-tone.tone-surface{background:var(--tone-surface)}.demo-palette-sample-tone.tone-surface-above{background:var(--tone-surface-above)}.demo-palette-sample-tone.tone-surface-above-all{background:var(--tone-surface-above)}.demo-palette-sample-tone.tone-neutral{background:var(--tone-neutral)}.demo-palette-sample-tone.border-sm{border:var(--border-md)}.demo-palette-sample-tone.border-md{border:var(--border-md)}.demo-palette-sample-tone.border-lg{border:var(--border-lg)}
@layer component.container.child{.panel-content{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--panel-content-spacing);height:var(--panel-content-height);margin:var(--panel-content-margin);padding:var(--panel-content-padding)}.panel-heading+.panel-content{padding-top:0px}.panel-header--is-large~.panel-content{min-height:100%}}
@layer component.container.child{.panel-footer{display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--panel-footer-spacing);background:rgb(from var(--panel-tone) r g b/85%);min-height:var(--panel-footer-height);margin:var(--panel-footer-margin);padding:var(--panel-footer-padding);border-top-width:1px;border-top-style:solid;border-top-color:rgba(0,0,0,0)}.panel-footer.panel-footer--is-bordered,.panel-footer.panel-footer--is-overlaid{border-top-color:var(--tone-border-md)}.panel-footer.panel-footer--is-blurried.panel-footer--is-overlaid{backdrop-filter:blur(16px) saturate(75%)}}
@layer component.container.base{.panel-stack{--panel-stack-tone: var(--tone-container)}.panel-stack{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--panel-stack-tone);overflow-x:hidden;overflow-y:hidden}.panel-stack .panel{position:absolute;top:0;left:0;right:0;bottom:0}.panel-window{position:absolute;top:0;left:0;right:0;bottom:0}.panel-window.dispose{display:none}.panel-window.panel--present{pointer-events:none}.panel-window.panel--present.enter{opacity:0;transform:translateX(48px)}.panel-window.panel--present.enter.enter-active{transition-property:visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:1;transform:none}.panel-window.panel--present.leave{opacity:1;transform:none}.panel-window.panel--present.leave.leave-active{transition-property:visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;transform:translateX(-48px)}.panel-window.panel--present{pointer-events:none}.panel-window.panel--dismiss{pointer-events:none}.panel-window.panel--dismiss.enter{opacity:0;transform:translate(-48px)}.panel-window.panel--dismiss.enter.enter-active{transition-property:visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:1;transform:none}.panel-window.panel--dismiss.leave{opacity:1;transform:none}.panel-window.panel--dismiss.leave.leave-active{transition-property:visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;transform:translateX(48px)}.panel-window.panel--dismiss{pointer-events:none}}
@layer component.container.child{.panel-heading{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;height:var(--panel-heading-height);margin:var(--panel-heading-margin)}.panel-heading-heading{--heading-spacing: var(--panel-heading-spacing);--heading-leading: var(--panel-heading-leading);--heading-title-size: var(--panel-heading-title-size);--heading-title-tone: var(--panel-heading-title-tone);--heading-infos-size: var(--panel-heading-infos-size);--heading-infos-tone: var(--panel-heading-infos-tone);--heading-title-font-family: var(--font-family-sans);--heading-title-font-weight: var(--font-weight-600)}.panel-heading-heading .heading-title,.panel-heading-heading .heading-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@layer component.control.variant{.panel-navigation-bar{--navigation-bar-height: 32px}.panel-navigation-bar .navigation-bar-head,.panel-navigation-bar .navigation-bar-body,.panel-navigation-bar .navigation-bar-foot{transition-property:color,visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.panel-navigation-bar .navigation-bar-heading .heading-title,.panel-navigation-bar .navigation-bar-heading .heading-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-header--is-large .panel-navigation-bar .navigation-bar-heading .heading-infos{display:none}.panel-header--is-large .panel-navigation-bar .navigation-bar-body{opacity:0;visibility:hidden;transform:translateY(16px)}.panel-header--is-fixed .panel-navigation-bar .navigation-bar-body{opacity:1;visibility:visible;transform:translateY(0px)}.panel:has(.panel-heading-back) .panel-header--is-large .panel-navigation-bar .navigation-bar-head{opacity:0;visibility:hidden;transform:translateY(16px)}.panel:has(.panel-heading-back) .panel-header--is-fixed .panel-navigation-bar .navigation-bar-head{opacity:1;visibility:visible;transform:translateY(0px)}}
@layer component.container.child{.panel-header{display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--panel-header-spacing);background:rgb(from var(--panel-tone) r g b/85%);height:var(--panel-header-height);margin:var(--panel-header-margin);padding:var(--panel-header-padding);border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0,0,0,0)}.panel-header.panel-header--is-bordered,.panel-header.panel-header--is-overlaid{border-bottom-color:var(--tone-border-md)}.panel-header.panel-header--is-blurried.panel-header--is-overlaid{backdrop-filter:blur(16px) saturate(75%)}}
@layer component.container.base{.panel{--panel-tone: var(--tone-container);--panel-header-height: 64px;--panel-header-margin: 0px;--panel-header-padding: 16px;--panel-header-spacing: 12px;--panel-footer-height: 64px;--panel-footer-margin: 0px;--panel-footer-padding: 16px;--panel-footer-spacing: 12px;--panel-heading-spacing: 12px;--panel-heading-leading: 2px;--panel-heading-title-size: var(--size-title-lg);--panel-heading-title-tone: var(--tone-title);--panel-heading-infos-size: var(--size-title-sm);--panel-heading-infos-tone: var(--tone-infos);--panel-heading-height: auto;--panel-heading-margin: var(--panel-content-padding-t) var(--panel-content-padding-r) var(--panel-content-spacing) var(--panel-content-padding-l);--panel-content-height: auto;--panel-content-margin: 0px;--panel-content-padding-t: 0px;--panel-content-padding-l: 16px;--panel-content-padding-r: 16px;--panel-content-padding-b: 0px;--panel-content-padding-t-header-is-bordered: 16px;--panel-content-padding-b-footer-is-bordered: 16px;--panel-content-spacing: 24px;--panel-content-padding: var(--panel-content-padding-t) var(--panel-content-padding-r) var(--panel-content-padding-b) var(--panel-content-padding-l);--layout-padding: var(--panel-content-padding);--layout-spacing: var(--panel-content-spacing)}.panel{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;background:var(--panel-tone);max-width:100%;max-height:100%;scrollbar-width:thin}.panel:not(.container--is-scrollable){overflow:hidden}.panel:not(:has(.panel-header)){--panel-content-padding-t: var(--panel-content-padding-t-header-is-bordered)}.panel:not(:has(.panel-footer)){--panel-content-padding-b: var(--panel-content-padding-b-footer-is-bordered)}.panel:has(.panel-header.panel-header--is-bordered){--panel-content-padding-t: var(--panel-content-padding-t-header-is-bordered)}.panel:has(.panel-footer.panel-footer--is-bordered){--panel-content-padding-b: var(--panel-content-padding-b-footer-is-bordered)}}@layer component.container.style{.panel--below{--panel-tone: var(--tone-container-below)}}@layer component.container.style{.panel--above{--panel-tone: var(--tone-container-above)}}
.demo-panel .section-content{border-radius:var(--radius-md);border:1px solid var(--tone-border-md);display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0px;height:640px;overflow:hidden}.demo-panel-panel{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.demo-panel-panel:not(:last-child){border-right:1px solid var(--tone-border-md)}.demo-panel-panel-body{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;border-bottom:1px solid var(--tone-border-md);padding:16px}.demo-panel-panel-foot{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:16px}
@layer component.control.variant{.tabbed-panel-button{--button-tone: transparent;--button-border: none;--button-radius: 0px;--button-height: 40px;--button-font-family: var(--font-family-sans);--button-font-weight: var(--font-weight-500);--button-label-size: var(--size-text-sm);--button-label-tone: var(--tone-infos);--button-picto-size: var(--size-icon-md);--button-picto-tone: var(--tone-picto);--button-hovering-tone: var(--tone-highlight);--button-padding: 8px 16px;--button-spacing: 4px;--button-hovering-tone: var(--tone-highlight);--button-hovering-label-tone: var(--tone-label);--button-hovering-picto-tone: var(--tone-picto);display:flex;flex-direction:row;align-items:center;justify-content:space-between}.tabbed-panel-button .button-picto{height:32px;width:32px;border-radius:32px;margin:0px}.tabbed-panel-button.button--has-picto.button--has-label .button-picto{margin:0px}.tabbed-panel-button.button--has-badge.button--has-label .button-badge{margin:0px}}
.tabbed-panel{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:flex-start;justify-content:flex-start}.tabbed-panel-sidebar,.tabbed-panel-content{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-self:stretch}.tabbed-panel-sidebar{--container: below;position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;border-right:1px solid var(--tone-border-md);background:var(--tone-container-below);overflow-x:hidden;overflow-y:auto;width:240px}.tabbed-panel-sidebar-head{z-index:100;position:sticky;top:0;left:0;right:0;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center;height:64px;padding:16px}.tabbed-panel-sidebar-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.tabbed-panel-content{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:flex-start}.tabbed-panel-content .panel{--panel-content-padding-t: 16px;--panel-content-padding-l: 32px;--panel-content-padding-r: 32px;--panel-content-padding-t-header-is-bordered: 32px;--panel-content-padding-b-footer-is-bordered: 32px}
.demo-tabbed-panel .section-content{border-radius:var(--radius-md);border:1px solid var(--tone-border-md);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:640px;overflow:hidden}
.demo-picto-list .section-content{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}
.demo-popover .section-content{border-radius:var(--radius-md);border:1px solid var(--tone-border-md);display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0px}.demo-popover-head{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-right:1px solid var(--tone-border-md);padding:16px}.demo-popover-body{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.demo-popover-anchor{border-radius:var(--radius-md);border:1px solid var(--tone-border-md);padding:12px}

.demo-spinner-list .section-content{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}
.demo-switch-grid{display:grid;grid-template-columns:max-content max-content max-content max-content;gap:16px;justify-content:start;align-items:center}.demo-switch-grid .demo-switch-grid-items{display:contents}.demo-switch-grid-title{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;grid-column-start:1;grid-column-end:-1}

@layer component.control.base{.title-bar{--title-bar-tone: transparent;--title-bar-height: auto;--title-bar-margin: 0px;--title-bar-border: none;--title-bar-radius: 0px;--title-bar-spacing: 12px;--title-bar-padding: 0px;--title-bar-heading-spacing: 12px;--title-bar-heading-leading: 0px;--title-bar-heading-title-size: var(--size-title-md);--title-bar-heading-title-tone: var(--tone-title);--title-bar-heading-infos-size: var(--size-title-xs);--title-bar-heading-infos-tone: var(--tone-infos);--title-bar-actions-border: none;--title-bar-actions-radius: 0px;--title-bar-actions-height: auto;--title-bar-actions-margin: 0px;--title-bar-actions-spacing: 8px;--title-bar-actions-padding: 0px}.title-bar{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--title-bar-spacing);border:var(--title-bar-border);border-radius:var(--title-bar-radius);background:var(--title-bar-tone);height:var(--title-bar-height);margin:var(--title-bar-margin);padding:var(--title-bar-padding)}.title-bar-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--title-bar-spacing)}.title-bar-foot{position:relative;display:flex;flex:none;flex-direction:column;align-items:flex-end;justify-content:center}.title-bar:not(.title-bar--has-heading) .title-bar-foot{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:center}.title-bar-heading{--heading-leading: var(--title-bar-heading-leading);--heading-title-size: var(--title-bar-heading-title-size);--heading-title-tone: var(--title-bar-heading-title-tone);--heading-infos-size: var(--title-bar-heading-infos-size);--heading-infos-tone: var(--title-bar-heading-infos-tone);--heading-title-font-family: var(--font-family-sans);--heading-title-font-weight: var(--font-weight-500);flex:0 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%}.title-bar-actions{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--title-bar-actions-spacing);border:var(--title-bar-actions-border);border-radius:var(--title-bar-actions-radius);height:var(--title-bar-actions-height);margin:var(--title-bar-actions-margin);padding:var(--title-bar-actions-padding)}}@layer component.control.style{.title-bar-body .title-bar--start{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start}}@layer component.control.style{.title-bar--center{display:grid;grid-template-columns:minmax(max-content, 1fr) minmax(0, max-content) minmax(max-content, 1fr)}.title-bar--center .title-bar-body{grid-column:2;min-width:0}.title-bar--center .title-bar-foot{grid-column:3}.title-bar-body .title-bar--center{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:center}.title-bar--center .title-bar-heading .heading-title,.title-bar--center .title-bar-heading .heading-infos{text-align:center}}@layer component.control.style{.title-bar-body .title-bar--end{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-end}}

@layer component.container.variant{.table-detail{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.table-detail-picto{font-size:14px;--fa-primary-color:var(--tone-picto);--fa-secondary-color:var(--tone-picto);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-picto)}.table-cell--table-detail-column{width:24px}.table-cell--table-detail-column .table-cell-content{display:flex;flex:none;flex-direction:row;align-items:center;justify-content:flex-end;padding-left:0px;padding-right:8px;width:auto}}
@layer component.container.base{.table-cell{--table-cell-width: auto}.table-cell{position:relative;border-top:1px solid var(--tone-border-md);border-bottom:1px solid var(--tone-border-md);display:table-cell;width:var(--table-cell-width)}.table--has-action .table-cell{cursor:pointer;user-select:none}.table-cell-content{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;height:100%;padding:var(--table-content-padding);padding-left:calc(var(--table-content-padding)/2);padding-right:calc(var(--table-content-padding)/2);width:100%}.table-cell:first-child .table-cell-content{padding-left:calc(var(--table-content-padding)/2)}.table-cell:last-child .table-cell-content{padding-right:calc(var(--table-content-padding)/2)}.table-head .table-cell-content{z-index:10;padding-top:var(--table-header-padding);padding-bottom:var(--table-header-padding)}.table-foot .table-cell-content{z-index:10;padding-top:var(--table-footer-padding);padding-bottom:var(--table-footer-padding)}.table--is-selectable .table-cell-content:before{content:"";display:block;position:absolute;top:4px;left:0px;right:0px;bottom:4px;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;background:var(--tone-highlight);display:block;pointer-events:none}.table-cell:first-child .table-cell-content:before{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.table-cell:last-child .table-cell-content:before{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.table-body .table-row:hover .table-cell-content:before{opacity:1;visibility:visible}@media(max-width: 1279.98px){.table-cell{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:none;width:auto}.table-cell-content{padding:0px}.table-cell:first-child .table-cell-content,.table-cell:last-child .table-cell-content{padding:0px}}}
@layer component.container.base{.table-row{display:table-row}.table-head .table-row{background:var(--table-header-tone)}.table-foot .table-row{background:var(--table-footer-tone)}.table--is-empty .table-row{background:rgba(0,0,0,0)}.table--is-selectable .table-row{cursor:pointer;user-select:none}@media(max-width: 1279.98px){.table-row{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--table-mobile-row-spacing);border:var(--table-mobile-row-border);border-radius:var(--table-mobile-row-radius);background:var(--table-mobile-row-tone);padding:var(--table-mobile-row-padding)}}}
.table-body .placeholder-group:nth-child(1) .table-cell{border-top-color:var(--tone-border-md);border-bottom-color:var(--tone-border-md);opacity:.875}.table-body .placeholder-group:nth-child(2) .table-cell{border-top-color:var(--tone-border-md);border-bottom-color:var(--tone-border-md);opacity:.75}.table-body .placeholder-group:nth-child(3) .table-cell{border-top-color:var(--tone-border-md);border-bottom-color:var(--tone-border-md);opacity:.625}.table-body .placeholder-group:nth-child(4) .table-cell{border-top-color:var(--tone-border-md);border-bottom-color:var(--tone-border-md);opacity:.5}.table-body .placeholder-group:nth-child(5) .table-cell{border-top-color:var(--tone-border-md);border-bottom-color:var(--tone-border-md);opacity:.375}.table-body .placeholder-group:nth-child(6) .table-cell{border-top-color:var(--tone-border-md);border-bottom-color:var(--tone-border-md);opacity:.25}.table-body .placeholder-group:nth-child(7) .table-cell{border-top-color:var(--tone-border-md);border-bottom-color:var(--tone-border-md);opacity:.125}.table-body .placeholder-group:nth-child(8) .table-cell{border-top-color:var(--tone-border-md);border-bottom-color:var(--tone-border-md);opacity:0}@media(max-width: 1279.98px){.table-body{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--table-mobile-spacing)}.table-body .table-empty-row{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;grid-column-start:1;grid-column-end:-1}.table-body .table-empty-row .message{border:1px solid var(--tone-border-md);border-radius:var(--radius-md)}}@media(max-width: 959.98px){.table-body{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));gap:var(--table-mobile-spacing)}}
@layer component.container.base{.table-footer{cursor:pointer;user-select:none;position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start}.table-footer-title{--font-weight: var(--font-weight-600);font-weight:var(--font-weight);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans);--label-size: var(--table-footer-font-size);--label-tone: var(--table-footer-font-tone);line-height:1;text-align:left}.table-footer-arrow{font-size:12px;margin:0px;margin-left:8px}}
@media(max-width: 1279.98px){.table-foot{display:none}}
@layer component.container.base{.table-header{cursor:pointer;user-select:none;position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start}.table-header-title{--font-weight: var(--font-weight-600);font-weight:var(--font-weight);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans);--label-size: var(--table-header-font-size);--label-tone: var(--table-header-font-tone);line-height:1;text-align:left}.table-header-arrow{--picto-size: 10px;--picto-tone: var(--tone-infos);margin:0px;margin-left:4px;opacity:.5}}

@media(max-width: 1279.98px){.table-head{display:none}}
@layer component.container.base{.table-image-placeholder{height:var(--table-image-size);width:var(--table-image-size);border-radius:var(--table-image-size)}}
@layer component.container.variant{.table-value-placeholder{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:center;width:100%}.table-value-placeholder .title-placeholder{width:75%}.table-value-placeholder .infos-placeholder{width:50%}}
@layer component.container.base{.table{--table-layout: auto;--table-header-tone: transparent;--table-header-font-size: var(--size-text-xs);--table-header-font-tone: var(--tone-infos);--table-header-padding: 12px;--table-footer-tone: transparent;--table-footer-font-size: var(--size-text-xs);--table-footer-font-tone: var(--tone-infos);--table-footer-padding: 12px;--table-heading-tone: rgb(from var(--tone-container) r g b / 85%);--table-heading-height: auto;--table-heading-margin: 0px;--table-heading-border: none;--table-heading-radius: 0px;--table-heading-padding: 16px 0px;--table-heading-spacing: 12px;--table-heading-sticky-offset: 0px;--table-footing-tone: rgb(from var(--tone-container) r g b / 85%);--table-footing-height: auto;--table-footing-margin: 0px;--table-footing-border: none;--table-footing-radius: 0px;--table-footing-padding: 16px 0px;--table-footing-spacing: 12px;--table-footing-sticky-offset: 0px;--table-content-padding: 12px;--table-image-size: 36px;--table-image-fill: var(--tone-primary-container);--table-image-picto-size: var(--size-icon-md);--table-image-picto-tone: var(--tone-primary);--table-image-picto-fill: var(--tone-primary-container);--table-title-size: var(--size-title-sm);--table-title-tone: var(--tone-title);--table-value-size: var(--size-title-sm);--table-value-tone: var(--tone-title);--table-label-size: var(--size-title-xs);--table-label-tone: var(--tone-infos);--table-mobile-spacing: 16px;--table-mobile-row-tone: var(--tone-surface);--table-mobile-row-border: var(--border-md);--table-mobile-row-radius: var(--radius-md);--table-mobile-row-padding: 16px;--table-mobile-row-spacing: 12px}.table{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.table .message{--message-padding: 60px}.table:not(.table--has-header) .message{border-top:1px solid var(--tone-border-md)}.table:not(.table--has-footer) .message{border-bottom:1px solid var(--tone-border-md)}.table:not(.table--has-header):not(.table--has-footer){--message-border: var(--border-md);--message-radius: var(--radius-md)}.table-content{position:relative;border:none;border-collapse:collapse;height:1px;width:100%;table-layout:var(--table-layout)}.table--is-active .table-content{animation:table-pulse-animation 1.5s linear infinite}.table-heading,.table-footing{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px;container-type:scroll-state}.table-heading{z-index:5;position:sticky;top:var(--table-heading-sticky-offset)}@container scroll-state(stuck: top){.table-heading .table-heading-content{border-bottom-width:1px}}.table-footing{z-index:5;position:sticky;bottom:var(--table-footing-sticky-offset)}@container scroll-state(stuck: bottom){.table-footing .table-footing-content{border-top-width:1px}}.table-heading-content{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--table-heading-spacing);border:var(--table-heading-border);border-radius:var(--table-heading-radius);background:var(--table-heading-tone);height:var(--table-heading-height);margin:var(--table-heading-margin);padding:var(--table-heading-padding);border-bottom-width:0px;border-bottom-style:solid;border-bottom-color:var(--tone-border-md)}.table-footing-content{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--table-footing-spacing);border:var(--table-footing-border);border-radius:var(--table-footing-radius);background:var(--table-footing-tone);height:var(--table-footing-height);margin:var(--table-footing-margin);padding:var(--table-footing-padding);border-top-width:0px;border-top-style:solid;border-top-color:var(--tone-border-md)}.table-heading:has(.table-heading-content:empty),.table-footing:has(.table-footing-content:empty){display:none}.table-title{--font-weight: var(--font-weight-500);font-weight:var(--font-weight);white-space:nowrap;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans);--label-size: var(--table-title-size);--label-tone: var(--table-title-tone)}.table-label{--font-weight: var(--font-weight-400);font-weight:var(--font-weight);white-space:nowrap;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans);--label-size: var(--table-label-size);--label-tone: var(--table-label-tone)}@media(min-width: 960px){.table-label{display:none}}.table-value{--font-weight: var(--font-weight-400);font-weight:var(--font-weight);white-space:nowrap;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans);--label-size: var(--table-value-size);--label-tone: var(--table-value-tone)}@keyframes table-pulse-animation{50%{opacity:.5}}}@layer component.container.style{.table-head--list .table-cell{border-top:none;border-bottom:none}.table-body--list .table-cell{border-top:none;border-bottom:none;padding-top:4px;padding-bottom:4px}.table-body--list .table-cell:first-child .table-cell-content{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);border-left:1px solid var(--tone-border-md)}.table-body--list .table-cell:last-child .table-cell-content{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-right:1px solid var(--tone-border-md)}.table-body--list .table-cell-content{border-top:1px solid var(--tone-border-md);border-bottom:1px solid var(--tone-border-md);background:var(--tone-surface)}}
@layer component.container.base{.table-bar{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.table-bar-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:flex-start;justify-content:center}.table-bar-foot{position:relative;display:flex;flex:none;flex-direction:column;align-items:flex-end;justify-content:center}}
@layer component.container.variant{.table-image{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;height:var(--table-image-size);width:var(--table-image-size);border-radius:var(--table-image-size);background:var(--table-image-tone);overflow:hidden}.table-image.picto{font-size:var(--table-image-picto-size);--fa-primary-color:var(--table-image-picto-tone);--fa-secondary-color:var(--table-image-picto-tone);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--table-image-picto-tone);background-color:var(--table-image-picto-fill);height:var(--table-image-size);width:var(--table-image-size);border-radius:var(--table-image-size)}.table-image.photo{height:56px;width:56px;border-radius:56px}.table-image.photo,.table-image.photo:before{background:var(--tone-surface)}}
@layer component.container.variant{.table-segmented-bar{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}}
@layer component.container.variant{.table-segmented-bar-button{display:flex;flex:none;flex-direction:row;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-sm);background:rgba(0,0,0,0);padding-left:12px;padding-right:12px;height:40px;width:auto}.table-segmented-bar-button .button-badge{border-radius:24px;background:var(--color-gray-500);height:20px;padding-left:8px;padding-right:8px}.table-segmented-bar-button .button-badge .badge-value{color:var(--tone-title);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:10px;font-family:var(--font-family-sans)}.table-segmented-bar-button .button-label{color:var(--tone-label);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-text-xs);font-family:var(--font-family-sans);text-align:center;text-transform:none;white-space:nowrap}.table-segmented-bar-button:hover{background:var(--color-gray-300)}.table-segmented-bar-button:hover .button-label{color:var(--color-gray-800)}.table-segmented-bar-button.button--is-selected{background:var(--color-gray-400)}.table-segmented-bar-button.button--is-selected .button-badge{background:var(--color-gray-600)}.table-segmented-bar-button.button--is-selected .button-picto{--fa-primary-color:var(--color-gray-100);--fa-secondary-color:var(--color-gray-100);--fa-primary-opacity:1;--fa-secondary-opacity:.25;color:var(--color-gray-100)}.table-segmented-bar-button.button--is-selected .button-label{color:var(--color-gray-800)}.theme-dark .table-segmented-bar-button.button--is-selected .button-label{color:var(--color-gray-900)}@media(prefers-color-scheme: dark){.theme-auto .table-segmented-bar-button.button--is-selected .button-label{color:var(--color-gray-900)}}}

@layer component.container.variant{.table-title-placeholder{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:center;width:100%}.table-title-placeholder .title-placeholder{width:50%}.table-title-placeholder .infos-placeholder{width:25%}}
@layer component.container.base{.table-toggle{background:var(--tone-primary);height:36px;padding-left:12px;padding-right:12px}.table-toggle:hover{background:var(--color-primary-300)}.table-toggle:hover .button-label{color:var(--color-gray-100)}.table-toggle .button-label{color:var(--color-gray-100);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-text-sm);font-family:var(--font-family-sans)}.table-toggle-value{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-sm);height:36px}.table-toggle-value-label{--label-size: var(--size-text-sm);--label-tone: var(--tone-primary)}}

.demo-table .section .section-content{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px}.demo-sample-table .table-cell--image{width:1%}
.demo-typography-list .section-content{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr))}.demo-typography-item{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px}.demo-typography-item-head{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}

@layer component.control.variant{.segmented-bar-button{--button-tone: transparent;--button-border: var(--segmented-bar-border);--button-radius: var(--segmented-bar-radius);--button-height: var(--segmented-bar-height);--button-label-tone: var(--tone-inert);--button-picto-tone: var(--tone-infos);--button-hovering-tone: transparent;--button-hovering-label-tone: var(--tone-label);--button-hovering-picto-tone: var(--tone-picto);--button-selected-tone: transparent;--button-selected-label-tone: var(--segmented-bar-selected-item-label-tone);--button-selected-picto-tone: var(--segmented-bar-selected-item-picto-tone);flex:1 1 0}}
@layer component.base{.segmented-bar{--segmented-bar-tone: var(--tone-neutral);--segmented-bar-height: 36px;--segmented-bar-margin: 0px;--segmented-bar-border: none;--segmented-bar-radius: var(--segmented-bar-height);--segmented-bar-padding: 0px;--segmented-bar-spacing: 0px;--segmented-bar-selected-item-tone: var(--tone-neutral-container);--segmented-bar-selected-item-label-tone: var(--tone-label);--segmented-bar-selected-item-picto-tone: var(--tone-label);--segmented-bar-selected-item-inset: 3px}.segmented-bar{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--segmented-bar-spacing);border:var(--segmented-bar-border);border-radius:var(--segmented-bar-radius);background:var(--segmented-bar-tone);height:var(--segmented-bar-height);margin:var(--segmented-bar-margin);padding:var(--segmented-bar-padding)}.segmented-bar:before{content:"";display:block;position:absolute;top:calc(var(--segmented-bar-selected-item-t) + var(--segmented-bar-selected-item-inset));left:calc(var(--segmented-bar-selected-item-l) + var(--segmented-bar-selected-item-inset));box-shadow:var(--shadow-sm);border-radius:calc(var(--segmented-bar-radius) - var(--segmented-bar-selected-item-inset));transition-property:color,width,height,top,left,right,bottom;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);background:var(--segmented-bar-selected-item-tone);height:calc(var(--segmented-bar-selected-item-h) - var(--segmented-bar-selected-item-inset)*2);width:calc(var(--segmented-bar-selected-item-w) - var(--segmented-bar-selected-item-inset)*2)}.segmented-bar.segmented-bar--xs{--segmented-bar-height: 28px;--segmented-bar-selected-item-inset: 1px}.segmented-bar.segmented-bar--sm{--segmented-bar-height: 32px;--segmented-bar-selected-item-inset: 2px}.segmented-bar.segmented-bar--lg{--segmented-bar-height: 40px;--segmented-bar-selected-item-inset: 3px}.segmented-bar.segmented-bar--xl{--segmented-bar-height: 44px;--segmented-bar-selected-item-inset: 3px}}

.demo-screen h2{--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-text-md);font-family:var(--font-family-sans)}.demo-screen h3{--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-text-sm);font-family:var(--font-family-sans)}.demo-screen h4{color:var(--tone-text);--font-weight: var(--font-weight-600);font-weight:var(--font-weight);font-size:12px;text-transform:uppercase;font-family:var(--font-family-sans);border-radius:var(--radius-md);background:var(--tone-gray);padding:4px;padding-left:8px;padding-right:8px}.demo-screen-stack{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:16px}.demo-screen-group{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}.demo-screen-split{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px}.demo-screen-split-body{position:relative;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px}.demo-screen-split-body{position:relative;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px}.demo-screen-split-column{padding:16px}.demo-screen-split-column:nth-child(1){border-radius:var(--radius-md);border:1px solid var(--tone-border-md)}.demo-screen-split-column:nth-child(2){border-radius:var(--radius-md);background:var(--tone-surface)}.demo-font-size-xxs{font-size:var(--size-text-xs);font-family:var(--font-family-sans)}.demo-font-size-xs{font-size:var(--size-text-xs);font-family:var(--font-family-sans)}.demo-font-size-sm{font-size:var(--size-text-sm);font-family:var(--font-family-sans)}.demo-font-size-md{font-size:var(--size-text-md);font-family:var(--font-family-sans)}.demo-font-size-lg{font-size:var(--size-text-lg);font-family:var(--font-family-sans)}.demo-font-size-xl{font-size:var(--size-text-xl);font-family:var(--font-family-sans)}.demo-font-size-xxl{font-size:var(--size-text-sm);font-family:var(--font-family-sans)}.default-screen .font-size-12{font-size:12px}.default-screen .font-size-14{font-size:14px}.default-screen .font-size-16{font-size:16px}.default-screen .font-size-18{font-size:18px}.default-screen .font-size-22{font-size:22px}.default-screen .satoshi-regular{font-family:"Satoshi";font-weight:400}.default-screen .satoshi-medium{font-family:"Satoshi";font-weight:500}.default-screen .satoshi-bold{font-family:"Satoshi";font-weight:700}.default-screen .satoshi-black{font-family:"Satoshi";font-weight:900}.default-screen .row{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:24px}.default-screen .demo-swatch{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;height:160px;width:160px}.default-screen .demo-swatch-color{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;border-radius:var(--radius-sm);background:var(--fill);padding:16px}.default-screen .demo-swatch-color-title{color:var(--text-title);font-size:16px}.default-screen .demo-swatch-color-infos{color:var(--text-infos);font-size:14px}.demo-screen-modal-type-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:16px}
@layer component.base{.error{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex:1 0 auto;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(to bottom, rgb(from var(--tone-warning-container) r g b/50%), rgb(from var(--tone-warning-container) r g b/100%))}.error-label{color:var(--tone-warning);--font-weight: var(--font-weight-700);font-weight:var(--font-weight);font-size:var(--size-text-sm);font-family:var(--font-family-sans);position:absolute;right:0;bottom:0;line-height:.75;line-break:none;padding:36px}.error-message{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;max-width:640px}.error-message .button{margin-top:12px}.error-message-title{--font-weight: var(--font-weight-700);font-weight:var(--font-weight);font-family:var(--font-family-sans);--label-size: var(--size-text-xl);--label-tone: var(--tone-warning)}.error-message-infos{--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-family:var(--font-family-sans);--label-size: 48px;--label-tone: var(--tone-title)}}
.error-screen .screen-content{display:flex;flex:1 0 auto;flex-direction:column;align-items:center;justify-content:center}.error-screen-label{color:var(--color-warning-400);--font-weight: var(--font-weight-700);font-weight:var(--font-weight);font-size:24px;font-family:var(--font-family-sans);position:absolute;right:0;bottom:0;line-height:.75;line-break:none;padding:36px}.error-screen-message{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;max-width:640px}.error-screen-message .button{margin-top:12px}.error-screen-message-title{color:var(--color-warning-400);--font-weight: var(--font-weight-700);font-weight:var(--font-weight);font-size:var(--size-text-xl);font-family:var(--font-family-sans);line-height:1}.error-screen-message-infos{color:var(--color-gray-1000);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:48px;font-family:var(--font-family-sans);line-height:1.15}
@layer component.base{.form-card{position:relative;border-radius:var(--radius-lg);border:1px solid var(--tone-border-md);cursor:pointer;user-select:none;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:hidden;background:var(--tone-surface);transition:transform .2s ease,box-shadow .2s ease}.form-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.form-card:hover .form-card-image-inner{transform:scale(1.04)}.form-card.form-card--type-team .form-card-badge{background-color:var(--color-blue-100);color:var(--color-blue-600)}.form-card.form-card--type-single .form-card-badge{background-color:var(--color-green-100);color:var(--color-green-700)}.form-card.form-card--type-other .form-card-badge{background-color:var(--tone-surface-3);color:var(--tone-label)}.form-card-image{position:relative;width:100%;padding-top:50%;overflow:hidden;background-color:var(--tone-surface-2)}.form-card-image .form-card-image-inner{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .35s ease}.form-card-image .form-card-image-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:var(--tone-surface-3)}.form-card-image .form-card-image-placeholder .picto{font-size:36px;color:var(--tone-inactive);opacity:.3}.form-card-body{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:16px 18px 18px;gap:8px}.form-card-badge{border-radius:var(--radius-sm);align-self:flex-start;font-size:10px;font-weight:600;padding:3px 8px;letter-spacing:.4px;text-transform:uppercase}.form-card-name{font-size:var(--size-text-sm);font-weight:600;color:var(--tone-title);line-height:1.35;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.form-card-dates{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;margin-top:auto;padding-top:4px}.form-card-date{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;font-size:var(--size-text-xs);color:var(--tone-infos)}.form-card-date .picto{font-size:11px;opacity:.5}}
@layer component.base{.form-list-screen .form-list-grid{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:stretch;gap:24px}.form-list-screen .form-list-grid .form-card{align-self:stretch;width:calc(33.333% - 16px)}@media(max-width: 1024px){.form-list-screen .form-list-grid .form-card{width:calc(50% - 12px)}}@media(max-width: 640px){.form-list-screen .form-list-grid .form-card{width:100%}}.form-list-screen .form-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;gap:12px;color:var(--tone-infos);font-size:var(--size-text-sm);text-align:center}}
@layer component.base{.form-process-steps{position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;width:100%}.form-process-step{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.form-process-step-indicator{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:var(--size-text-xs);font-weight:700;transition:background-color .2s ease,color .2s ease,border-color .2s ease;border:2px solid var(--tone-border);background-color:rgba(0,0,0,0);color:var(--tone-picto)}.form-process-step--is-active .form-process-step-indicator{border-color:var(--tone-primary);background-color:var(--tone-primary);color:var(--tone-primary-on)}.form-process-step--is-done .form-process-step-indicator{border-color:var(--tone-primary);background-color:var(--tone-primary);color:var(--tone-primary-on)}.form-process-step-indicator .form-process-step-indicator-picto i:before{color:var(--tone-primary-on) !important}.form-process-step-label{font-size:var(--size-text-xs);font-weight:500;color:var(--tone-picto);text-align:center;transition:color .2s ease;white-space:nowrap}.form-process-step--is-active .form-process-step-label{color:var(--tone-primary);font-weight:600}.form-process-step--is-done .form-process-step-label{color:var(--tone-label)}.form-process-step-connector{flex:1;height:2px;margin-top:15px;align-self:flex-start;background-color:var(--tone-border);transition:background-color .2s ease}.form-process-step-connector--done{background-color:var(--tone-primary)}}
@layer component.base{.form-confirm-step{padding:24px}.form-confirm-step-infos{font-size:var(--size-text-sm);color:var(--tone-infos);line-height:1.5;margin-bottom:20px !important}.form-confirm-step-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:24px}}
@layer component.base{.form-fill-activities-step{padding:24px}.form-fill-activities-step.form-fill-activities-step--loading,.form-fill-activities-step.form-fill-activities-step--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;text-align:center}.form-fill-activities-step.form-fill-activities-step--loading .picto,.form-fill-activities-step.form-fill-activities-step--empty .picto{font-size:48px;opacity:.3}.form-fill-activities-step-content{margin-bottom:24px}.form-fill-activities-step-title{font-size:var(--size-text-md);font-weight:600;color:var(--tone-title);margin-bottom:12px}.form-fill-activities-step-empty-title{font-size:var(--size-text-md);font-weight:600;color:var(--tone-title)}.form-fill-activities-step-empty-infos{font-size:var(--size-text-sm);color:var(--tone-infos)}.form-fill-activities-summary{margin-top:24px;border-radius:var(--radius-md);border:1px solid var(--tone-border-md);overflow:hidden}.form-fill-activities-summary-title{font-size:var(--size-text-sm);font-weight:600;color:var(--tone-title);padding:12px 16px;background:var(--tone-surface-raised);border-bottom:1px solid var(--tone-border)}.form-fill-activities-summary-table{width:100%;border-collapse:collapse}.form-fill-activities-summary-table th,.form-fill-activities-summary-table td{padding:10px 16px;font-size:var(--size-text-sm);text-align:left}.form-fill-activities-summary-table th{color:var(--tone-infos);font-weight:500;border-bottom:1px solid var(--tone-border)}.form-fill-activities-summary-table td{color:var(--tone-title)}.form-fill-activities-summary-table tbody tr+tr td{border-top:1px solid var(--tone-border-subtle)}.form-fill-activities-summary-table .form-fill-activities-summary-col-amount,.form-fill-activities-summary-table td:last-child{text-align:right;white-space:nowrap}.form-fill-activities-summary-table tfoot td{border-top:1px solid var(--tone-border-subtle);background:var(--tone-surface-raised);color:var(--tone-infos)}.form-fill-activities-summary-table tfoot .form-fill-activities-summary-subtotal td{border-top:1px solid var(--tone-border)}.form-fill-activities-summary-table tfoot .form-fill-activities-summary-total td{font-weight:600;color:var(--tone-title);border-top:1px solid var(--tone-border)}.form-fill-activities-summary-table tfoot .form-fill-activities-summary-rebate td{color:var(--tone-success, var(--tone-title))}.form-fill-activities-promo{margin-top:16px}.form-fill-activities-promo .form-row{align-items:flex-end}.form-fill-activities-promo-applied{display:block;margin-top:8px;font-size:var(--size-text-sm);color:var(--tone-success, var(--tone-infos))}}
@layer component.base{.form-fill-coord-step{padding:24px}@media(max-width: 1279.98px){.form-fill-coord-step{padding:16px}}.form-fill-coord-step.form-fill-coord-step--loading{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:48px 24px}.form-fill-coord-step.form-fill-coord-step--loading .picto{font-size:24px;opacity:.3}.form-fill-coord-step-selection{margin-bottom:24px}.form-fill-coord-step-selection-label{font-size:var(--size-text-sm);font-weight:600;color:var(--tone-title);margin-bottom:24px}.form-fill-coord-step-options{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px}.form-fill-coord-step-option{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border-radius:var(--radius-md);border:1px solid var(--tone-border-md);cursor:pointer;user-select:none;gap:12px;padding:12px 16px;background:var(--tone-surface);transition:border-color .15s ease,background-color .15s ease}.form-fill-coord-step-option:hover{border-color:var(--tone-primary)}.form-fill-coord-step-option.form-fill-coord-step-option--selected{border-color:var(--tone-primary);background:var(--tone-primary-surface)}.form-fill-coord-step-option-radio{display:flex;flex-direction:row;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border-radius:50%;border:2px solid var(--tone-border);transition:border-color .15s ease}.form-fill-coord-step-option--selected .form-fill-coord-step-option-radio{border-color:var(--tone-primary)}.form-fill-coord-step-option-radio-inner{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,0);transition:background-color .15s ease}.form-fill-coord-step-option--selected .form-fill-coord-step-option-radio-inner{background:var(--tone-primary)}.form-fill-coord-step-option-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}.form-fill-coord-step-option-name{font-size:var(--size-text-sm);font-weight:600;color:var(--tone-title)}.form-fill-coord-step-option-desc{font-size:var(--size-text-xs);color:var(--tone-infos)}.form-fill-coord-step-form{border:1px solid var(--tone-border-md);border-radius:var(--radius-md);padding:20px;background:var(--tone-surface-2)}}
@layer component.base{.form-fill-fields-step{padding:24px;width:50%}@media(max-width: 1279.98px){.form-fill-fields-step{width:100%;padding:16px}}}
@layer component.base{.form-fill-inscr-step{padding:24px}.form-fill-inscr-step.form-fill-inscr-step--loading{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:48px 24px}.form-fill-inscr-step.form-fill-inscr-step--loading .picto{font-size:24px;opacity:.3}.form-fill-inscr-step.form-fill-inscr-step--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:12px;text-align:center}.form-fill-inscr-step.form-fill-inscr-step--empty .picto{font-size:32px;opacity:.3}.form-fill-inscr-step-empty-label{font-size:var(--size-text-sm);color:var(--tone-infos);max-width:360px;line-height:1.5}.form-fill-inscr-step-selection{margin-bottom:24px}.form-fill-inscr-step-selection-label{font-size:var(--size-text-sm);font-weight:600;color:var(--tone-title);margin-bottom:24px}.form-fill-inscr-step-options{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px}.form-fill-inscr-step-option{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border-radius:var(--radius-md);border:1px solid var(--tone-border-md);cursor:pointer;user-select:none;gap:12px;padding:12px 16px;background:var(--tone-surface);transition:border-color .15s ease,background-color .15s ease}.form-fill-inscr-step-option:hover{border-color:var(--tone-primary)}.form-fill-inscr-step-option.form-fill-inscr-step-option--selected{border-color:var(--tone-primary);background:var(--tone-primary-surface)}.form-fill-inscr-step-option-radio{display:flex;flex-direction:row;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border-radius:50%;border:2px solid var(--tone-border);transition:border-color .15s ease}.form-fill-inscr-step-option--selected .form-fill-inscr-step-option-radio{border-color:var(--tone-primary)}.form-fill-inscr-step-option-radio-inner{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,0);transition:background-color .15s ease}.form-fill-inscr-step-option--selected .form-fill-inscr-step-option-radio-inner{background:var(--tone-primary)}.form-fill-inscr-step-option-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}.form-fill-inscr-step-option-name{font-size:var(--size-text-sm);font-weight:600;color:var(--tone-title)}.form-fill-inscr-step-option-infos{font-size:var(--size-text-xs);color:var(--tone-infos)}}
@layer component.base{.form-fill-step{display:flex;flex-direction:row;align-items:flex-start;justify-content:stretch}.form-fill-step.form-fill-step--empty{flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;text-align:center}.form-fill-step.form-fill-step--empty .picto{font-size:48px;opacity:.3}.form-fill-step.form-fill-step--empty .form-fill-step-title{font-size:var(--size-text-md);font-weight:600;color:var(--tone-title)}.form-fill-step.form-fill-step--empty .form-fill-step-infos{font-size:var(--size-text-sm);color:var(--tone-infos)}.form-fill-sidebar{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:200px;min-width:200px;border-right:1px solid var(--tone-border);padding:8px 0}.form-fill-sidebar-item{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;cursor:pointer;user-select:none;gap:10px;padding:10px 16px;transition:background-color .15s ease}.form-fill-sidebar-item:hover{background-color:var(--tone-surface-2)}.form-fill-sidebar-item::before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background-color:rgba(0,0,0,0);border-radius:0 3px 3px 0;transition:background-color .15s ease}.form-fill-sidebar-item.form-fill-sidebar-item--active{background-color:var(--tone-primary-surface)}.form-fill-sidebar-item.form-fill-sidebar-item--active::before{background-color:var(--tone-primary)}.form-fill-sidebar-item.form-fill-sidebar-item--done .form-fill-sidebar-item-picto .picto{color:var(--tone-primary)}.form-fill-sidebar-item-picto{display:flex;flex-direction:row;align-items:center;justify-content:center;width:20px;min-width:20px}.form-fill-sidebar-item-picto .picto{font-size:13px;color:var(--tone-picto);transition:color .15s ease}.form-fill-sidebar-item--active .form-fill-sidebar-item-picto .picto{color:var(--tone-primary)}.form-fill-sidebar-item-label{font-size:var(--size-text-xs);font-weight:500;color:var(--tone-label);white-space:nowrap;transition:color .15s ease,font-weight .15s ease}.form-fill-sidebar-item--active .form-fill-sidebar-item-label{color:var(--tone-primary);font-weight:600}.form-fill-sidebar-item--done .form-fill-sidebar-item-label{color:var(--tone-label)}.form-fill-intro-step{padding:24px;font-size:var(--size-text-sm);color:var(--tone-label);line-height:1.6}.form-fill-intro-step p{margin:0 0 8px 0}.form-fill-intro-step p:last-child{margin-bottom:0}.form-fill-step-intro{padding:16px 24px;border-bottom:1px solid var(--tone-border);font-size:var(--size-text-sm);color:var(--tone-label);line-height:1.6}.form-fill-step-intro p{margin:0 0 8px 0}.form-fill-step-intro p:last-child{margin-bottom:0}.form-fill-step-main{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0}.form-fill-step-content{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:200px;overflow:visible}.form-fill-step-validation-error{padding:8px 24px;font-size:var(--size-text-sm);color:var(--tone-error, #d32f2f)}.form-fill-step-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--tone-border);gap:12px}@media(max-width: 1279.98px){.form-fill-step{flex-direction:column;align-items:stretch;justify-content:flex-start}.form-fill-sidebar{flex-direction:row;align-items:center;justify-content:flex-start;width:100%;min-width:0;border-right:none;border-bottom:1px solid var(--tone-border);padding:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.form-fill-sidebar::-webkit-scrollbar{display:none}.form-fill-sidebar-item{flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:10px 14px;white-space:nowrap;flex-shrink:0}.form-fill-sidebar-item::before{display:none}.form-fill-sidebar-item::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background-color:rgba(0,0,0,0);transition:background-color .15s ease}.form-fill-sidebar-item.form-fill-sidebar-item--active::after{background-color:var(--tone-primary)}.form-fill-sidebar-item:hover{background-color:rgba(0,0,0,0)}.form-fill-sidebar-item-picto{display:none}.form-fill-sidebar-item-label{font-size:12px}}}
@layer component.base{.form-login-step{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px 24px}.form-login-step .form-login-step-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;max-width:400px;text-align:center}.form-login-step .form-login-step-section .form-login-step-section-picto{margin-bottom:4px}.form-login-step .form-login-step-section .form-login-step-section-picto .picto{font-size:40px;opacity:.25}.form-login-step .form-login-step-section .form-login-step-section-title{font-size:var(--size-text-md);font-weight:600;color:var(--tone-title)}.form-login-step .form-login-step-section .form-login-step-section-infos{font-size:var(--size-text-sm);color:var(--tone-infos);margin-bottom:8px}.form-login-step .form-login-step-divider{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;max-width:400px;gap:12px;color:var(--tone-infos);font-size:var(--size-text-sm)}.form-login-step .form-login-step-divider::before,.form-login-step .form-login-step-divider::after{content:"";flex:1;height:1px;background-color:var(--tone-border)}}
@layer component.base{.form-success-step{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px;text-align:center}.form-success-step-picto{font-size:48px;color:var(--tone-success)}.form-success-step-title{font-size:var(--size-text-lg);font-weight:var(--text-weight-bold);color:var(--tone-title)}.form-success-step-infos{font-size:var(--size-text-sm);color:var(--tone-infos);line-height:1.5;max-width:480px}.form-success-step-confirmation{font-size:var(--size-text-sm);color:var(--tone-label)}.form-success-step-text{font-size:var(--size-text-sm);color:var(--tone-label);line-height:1.6;max-width:560px;text-align:left}.form-success-step-text p{margin:0 0 8px 0}.form-success-step-text p:last-child{margin-bottom:0}}
@layer component.base{.form-process-screen .form-stepper{display:flex;flex:1 0 auto}.form-process-screen .form-stepper-body{display:flex;flex:1 0 auto}}
.invoice-card{cursor:pointer;flex:0 0 280px;width:280px;transition:opacity .15s ease}.invoice-card .card{height:100%;transition:box-shadow .15s ease,border-color .15s ease}.invoice-card:hover .card{border-color:var(--tone-primary)}.invoice-card.invoice-card--selected .card{background-color:var(--tone-primary-container);border-color:var(--tone-primary);box-shadow:0 0 0 2px var(--tone-primary-container);color:var(--tone-primary-on)}.invoice-card-amounts{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px}.invoice-card-amounts .money{font-size:var(--size-text-xl);font-weight:var(--font-weight-700);color:var(--tone-title);margin:0}.invoice-card-note{font-size:var(--size-text-xs);color:var(--tone-infos);margin:0}.invoice-card-progress-bar{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-end}.invoice-card-progress-bar-body{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;margin-top:12px}.invoice-card-progress-picto{flex:0 0 auto;font-size:10px;color:var(--tone-infos);opacity:.6}.invoice-card-progress-picto.invoice-card-progress-picto--end{color:var(--tone-primary);opacity:1}.invoice-card-progress-track{flex:1 1 auto;height:6px;background:var(--tone-neutral);border-radius:3px;overflow:hidden}.invoice-card--selected .invoice-card-progress-track{background:var(--tone-primary-on)}.invoice-card-progress-fill{height:100%;background:var(--tone-primary);border-radius:3px;transition:width .3s ease}
.invoices-carousel{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;width:100%;min-width:0}.invoices-carousel-empty{width:100%}.invoices-carousel-track{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;-ms-overflow-style:none;gap:16px;margin-left:calc(var(--screen-gutter)*-1);margin-right:calc(var(--screen-gutter)*-1);min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding-left:var(--screen-gutter);padding-right:var(--screen-gutter);scrollbar-width:none;width:calc(100% + var(--screen-gutter)*2)}.invoices-carousel-track::-webkit-scrollbar{display:none}.invoices-carousel-filter-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border:var(--border-md);border-radius:var(--radius-md);background:var(--tone-neutral);color:var(--tone-title);font-size:13px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.invoices-carousel-filter-btn:hover{background:var(--tone-highlight)}.invoices-carousel-filter-btn.invoices-carousel-filter-btn--active{border-color:var(--tone-primary);color:var(--tone-primary)}.invoices-carousel-filter-btn .invoices-carousel-filter-btn-icon{font-size:14px}.invoices-carousel-filter-btn .invoices-carousel-filter-btn-count{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--tone-primary);color:var(--tone-primary-on);font-size:10px;font-weight:600}.invoices-carousel-filter-btn .invoices-carousel-filter-btn-clear{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:2px;border-radius:50%;font-size:10px;color:var(--tone-title);cursor:pointer;transition:background .15s ease}.invoices-carousel-filter-btn .invoices-carousel-filter-btn-clear:hover{background:var(--tone-highlight)}.invoices-carousel-filter-popover{--popover-padding: 12px 0px;--popover-spacing: 0px;min-width:160px}.invoices-carousel-filter-option{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;padding:8px 12px;cursor:pointer;font-size:13px;color:var(--tone-body);transition:background .1s ease}.invoices-carousel-filter-option:hover{background:var(--tone-highlight)}.invoices-carousel-filter-option.invoices-carousel-filter-option--active{color:var(--tone-primary)}.invoices-carousel-filter-option .invoices-carousel-filter-option-check{font-size:11px;width:14px;color:var(--tone-primary);flex-shrink:0}.invoices-carousel-controls{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}
.sportspay-checkout{width:100%;max-width:520px;margin-inline:auto;align-self:center;display:flex;flex-direction:column;gap:12px}.sportspay-checkout--loading,.sportspay-checkout--failed{align-items:center;padding:24px 0;text-align:center}.sportspay-checkout-message{font-size:14px;color:var(--text-secondary)}.sportspay-checkout-title{font-size:18px;font-weight:600;color:var(--text-primary)}.sportspay-checkout-error{font-size:14px;color:var(--text-danger, #c0392b)}.sportspay-checkout-fees{display:flex;flex-direction:column;gap:8px}.sportspay-checkout-fee{display:flex;justify-content:space-between;font-size:14px;color:var(--text-primary)}.sportspay-checkout-fee--total{font-weight:600;font-size:16px}.sportspay-checkout-frame{display:block;width:100%;min-height:320px;height:520px;border:none;box-sizing:border-box;overflow:hidden;background:#fff}.sportspay-checkout-caption{font-size:12px;color:var(--text-secondary);text-align:center}
.stripe-checkout{width:100%;max-width:520px;margin-inline:auto;align-self:center;display:flex;flex-direction:column;gap:12px}.stripe-checkout--loading,.stripe-checkout--failed{align-items:center;padding:24px 0;text-align:center}.stripe-checkout-message{font-size:var(--size-text-sm, 14px);color:var(--tone-infos, var(--text-secondary))}.stripe-checkout-title{font-size:var(--size-title-md, 18px);font-weight:var(--font-weight-600, 600);color:var(--tone-title, var(--text-primary))}.stripe-checkout-error{font-size:var(--size-text-sm, 14px);color:var(--tone-warning, var(--text-danger, #c0392b))}.stripe-checkout-fees{display:flex;flex-direction:column;gap:8px}.stripe-checkout-fee{display:flex;justify-content:space-between;font-size:var(--size-text-sm, 14px);color:var(--tone-title, var(--text-primary))}.stripe-checkout-fee--total{font-weight:var(--font-weight-600, 600);font-size:var(--size-text-md, 16px)}.stripe-checkout-element{min-height:480px;padding:8px 0 16px}.stripe-checkout-caption{font-size:var(--size-text-xs, 12px);color:var(--tone-infos, var(--text-secondary));text-align:center}
.netbanx-checkout{width:100%;max-width:520px;margin-inline:auto;align-self:center;display:flex;flex-direction:column;gap:12px}.netbanx-checkout--loading,.netbanx-checkout--failed{align-items:center;padding:24px 0;text-align:center}.netbanx-checkout-message{font-size:14px;color:var(--text-secondary)}.netbanx-checkout-title{font-size:18px;font-weight:600;color:var(--text-primary)}.netbanx-checkout-error{font-size:14px;color:var(--text-danger, #c0392b)}.netbanx-checkout-error-detail{max-width:440px;padding:10px 12px;border-radius:6px;background:hsla(0,0%,100%,.06);text-align:left;word-break:break-word}.netbanx-checkout-error-detail code{display:block;margin-top:4px;font-size:12px;line-height:1.4;color:var(--text-secondary);white-space:pre-wrap}.netbanx-checkout-error-detail-label{font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary)}.netbanx-checkout-frame{display:block;width:100%;min-height:420px;height:640px;border:none;box-sizing:border-box;overflow:hidden;background:#fff}.netbanx-checkout-caption{font-size:12px;color:var(--text-secondary);text-align:center}
@layer component.base{.invoice-do-payment-modal-intro{margin:0 0 16px;font-size:var(--size-text-sm);color:var(--tone-infos);line-height:1.4}.invoice-do-payment-modal-span{grid-column:1/-1}.invoice-do-payment-modal-new{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}@container (max-width: 959.98px){.invoice-do-payment-modal-new{grid-template-columns:1fr}}}@layer component.container.style{.modal-content.invoice-do-payment-modal-sportspay{align-items:center}}
.invoices-manage-screen-list-content{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:20px}@media(min-width: 960px){.invoices-manage-screen-list-content{gap:32px}}.invoices-billing{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:20px;min-width:0}@media(min-width: 960px){.invoices-billing{gap:28px}}.invoices-billing-head{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;width:100%;min-width:0}@media(min-width: 640px){.invoices-billing-head{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:16px}}@media(max-width: 959.98px){.invoices-billing-head .button-label{display:none}.invoices-billing-head .button{--button-width: var(--button-height);--button-padding: 0px}}.invoices-billing-identity{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0;flex:1 1 auto}.invoices-billing-title{color:var(--tone-title);--font-weight: var(--font-weight-600);font-weight:var(--font-weight);font-size:var(--size-title-xl);font-family:var(--font-family-sans);min-width:0;text-wrap:balance}.invoices-billing-meta{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px;min-width:0}.invoices-billing-meta-id,.invoices-billing-meta-date{font-size:12px;color:var(--tone-infos);line-height:1.2}.invoices-billing-actions{flex:none;align-self:flex-start}.invoices-billing-summary{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:14px;padding:16px;border:var(--border-md);border-radius:var(--radius-md);background:var(--tone-surface);min-width:0}@media(min-width: 640px){.invoices-billing-summary{padding:20px}}.invoices-billing-summary-hero{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;min-width:0}.invoices-billing-summary-kicker{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--tone-infos);margin:0}.invoices-billing-summary-amount.money{font-size:28px;font-weight:700;color:var(--tone-title);font-variant-numeric:tabular-nums;line-height:1.15}@media(min-width: 960px){.invoices-billing-summary-amount.money{font-size:32px}}.invoices-billing-summary--paid .invoices-billing-summary-amount.money{color:var(--tone-primary)}.invoices-billing-summary-metrics{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:16px}.invoices-billing-summary-metric{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px;min-width:0}.invoices-billing-summary-metric:last-child{align-items:flex-end;text-align:right}.invoices-billing-summary-metric-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--tone-infos);margin:0}.invoices-billing-summary-metric-value.money{font-size:15px;font-weight:600;color:var(--tone-title);font-variant-numeric:tabular-nums}.invoices-billing-progress-bar{height:8px;background:var(--tone-neutral);border-radius:var(--radius-sm);overflow:hidden}.invoices-billing-progress-fill{height:100%;background:var(--tone-primary);border-radius:var(--radius-sm);transition:width .4s ease}@media(prefers-reduced-motion: reduce){.invoices-billing-progress-fill{transition:none}}.invoices-billing-body{display:grid;grid-template-columns:1fr;gap:24px;align-items:start;min-width:0}@media(min-width: 960px){.invoices-billing-body{grid-template-columns:minmax(0, 3fr) minmax(0, 2fr);gap:32px}}.invoices-billing-detail,.invoices-billing-history,.invoices-billing-requests{min-width:0}@media(min-width: 960px){.invoices-billing-requests{grid-column:1/-1}}.invoices-billing-detail-body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.invoices-billing-detail-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:var(--border-md);min-width:0}.invoices-billing-detail-row:first-child{border-top:var(--border-md)}.invoices-billing-detail-row.invoices-billing-detail-row--subtotal,.invoices-billing-detail-row.invoices-billing-detail-row--taxes{color:var(--tone-infos);font-size:13px}.invoices-billing-detail-row.invoices-billing-detail-row--total{border-top:var(--border-md);border-bottom:none;padding-top:14px;margin-top:4px}.invoices-billing-detail-col{font-size:14px}.invoices-billing-detail-description{flex:1 1 auto;min-width:0;color:var(--tone-text);overflow-wrap:anywhere}.invoices-billing-detail-amount{flex:0 0 auto;font-variant-numeric:tabular-nums;text-align:right;color:var(--tone-title)}.invoices-billing-detail-amount.money{font-size:inherit;font-weight:inherit;color:inherit}.invoices-billing-detail-row--total .invoices-billing-detail-col{font-weight:700;font-size:15px}.invoices-billing-history-body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding-left:4px}.invoices-billing-history-entry{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:12px;position:relative;padding-bottom:18px}.invoices-billing-history-entry:last-child{padding-bottom:0}.invoices-billing-history-entry:not(:last-child) .invoices-billing-history-entry-dot::after{content:"";position:absolute;left:5px;top:12px;bottom:0;width:1px;background:var(--tone-border-md)}.invoices-billing-history-entry-dot{flex:0 0 auto;position:relative;width:12px;height:12px;border-radius:50%;margin-top:3px}.invoices-billing-history-entry--invoice .invoices-billing-history-entry-dot{background:var(--tone-red)}.invoices-billing-history-entry--payment .invoices-billing-history-entry-dot{background:var(--tone-green)}.invoices-billing-history-entry-content{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:3px;flex:1 1 auto;min-width:0}.invoices-billing-history-entry-head{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.invoices-billing-history-entry-label{font-size:14px;font-weight:600;color:var(--tone-title);flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.invoices-billing-history-entry-amount{display:flex;flex-direction:row;align-items:baseline;justify-content:flex-end;gap:2px;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;flex:0 0 auto}.invoices-billing-history-entry-amount .money{font-size:inherit;font-weight:inherit;color:inherit}.invoices-billing-history-entry-amount.invoices-billing-history-entry-amount--invoice{color:var(--tone-red)}.invoices-billing-history-entry-amount.invoices-billing-history-entry-amount--payment{color:var(--tone-green)}.invoices-billing-history-entry-sign{font-size:14px;font-weight:600}.invoices-billing-history-entry-date{font-size:12px;color:var(--tone-infos)}.invoices-billing-history-entry-details{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px;margin:4px 0 0}.invoices-billing-history-entry-detail{display:flex;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:8px;min-width:0;font-size:12px;line-height:1.35}.invoices-billing-history-entry-detail dt{flex:0 0 auto;color:var(--tone-infos);font-weight:600}.invoices-billing-history-entry-detail dt::after{content:" :"}.invoices-billing-history-entry-detail dd{flex:1 1 auto;min-width:0;margin:0;color:var(--tone-text);overflow-wrap:anywhere}.invoices-billing-history-entry-detail dd .money{display:inline;font-size:inherit;font-weight:500;color:inherit}.invoices-billing-history-entry-note{font-size:12px;color:var(--tone-infos);font-style:italic;overflow-wrap:anywhere}.invoices-billing-requests-body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px}.invoices-billing-request{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;padding:12px;border:var(--border-md);border-radius:var(--radius-sm);background:var(--tone-surface);min-width:0}@media(min-width: 480px){.invoices-billing-request{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}}.invoices-billing-request-main{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px;flex:1 1 auto;min-width:0}.invoices-billing-request-head{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;min-width:0}.invoices-billing-request-name{font-size:14px;font-weight:600;color:var(--tone-title);overflow-wrap:anywhere}.invoices-billing-request-email,.invoices-billing-request-phone{font-size:12px;color:var(--tone-infos);overflow-wrap:anywhere}.invoices-billing-request-amount{flex:0 0 auto;font-variant-numeric:tabular-nums}.invoices-billing-request-amount.money{font-size:16px;font-weight:700;color:var(--tone-title)}.invoices-billing-request-actions{flex:none;align-self:flex-start}@media(min-width: 480px){.invoices-billing-request-actions{align-self:center}}

@layer component.base{.action-bar{--action-bar-tone: transparent;--action-bar-height: auto;--action-bar-margin: 0px;--action-bar-border: none;--action-bar-radius: 0px;--action-bar-spacing: 12px;--action-bar-padding: 0px}.action-bar{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border:var(--action-bar-border);border-radius:var(--action-bar-radius);background:var(--action-bar-tone);height:var(--action-bar-height);margin:var(--action-bar-margin);padding:var(--action-bar-padding)}.action-bar-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:flex-start;justify-content:center}.action-bar-foot{position:relative;display:flex;flex:none;flex-direction:column;align-items:flex-end;justify-content:center}.action-bar-search-input{min-width:0px;max-width:100%;width:320px}@media(max-width: 1279.98px){.action-bar{flex-wrap:wrap;gap:var(--action-bar-spacing)}.action-bar-body{flex:1 1 100%;min-width:0;width:100%;max-width:100%}.action-bar-search-input{width:100%}.action-bar-foot{flex:1 1 100%;width:100%;align-items:stretch}.action-bar-foot .button-group{flex-wrap:wrap;justify-content:flex-end;width:100%}}}
@layer component.base{.meta{--meta-tone: transparent;--meta-height: auto;--meta-margin: 0px;--meta-border: none;--meta-radius: 0px;--meta-spacing: 6px;--meta-leading: 0px;--meta-padding: 0px;--meta-picto-size: 11px;--meta-picto-tone: var(--tone-picto);--meta-picto-fill: transparent;--meta-picto-area: auto;--meta-label-size: var(--size-text-xs);--meta-label-tone: var(--tone-infos);--meta-value-size: var(--size-text-xs);--meta-value-tone: var(--tone-infos)}.meta{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--meta-spacing);border:var(--meta-border);border-radius:var(--meta-radius);background:var(--meta-tone);height:var(--meta-height);margin:var(--meta-margin);padding:var(--meta-padding)}.meta-picto{font-size:var(--meta-picto-size);--fa-primary-color:var(--meta-picto-tone);--fa-secondary-color:var(--meta-picto-tone);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--meta-picto-tone);background-color:var(--meta-picto-fill);height:var(--meta-picto-area);width:var(--meta-picto-area);border-radius:var(--meta-picto-area)}.meta-label{--font-weight: var(--font-weight-400);font-weight:var(--font-weight);white-space:nowrap;font-family:var(--font-family-sans);--label-size: var(--meta-label-size);--label-tone: var(--meta-label-tone)}.meta-value{--font-weight: var(--font-weight-400);font-weight:var(--font-weight);white-space:nowrap;font-family:var(--font-family-sans);--label-size: var(--meta-value-size);--label-tone: var(--meta-value-tone)}}
@layer component.base{.metas{--metas-tone: transparent;--metas-height: auto;--metas-margin: 0px;--metas-border: none;--metas-radius: 0px;--metas-spacing: 2px 8px;--metas-leading: 0px;--metas-padding: 0px}.metas{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--metas-spacing);border:var(--metas-border);border-radius:var(--metas-radius);background:var(--metas-tone);height:var(--metas-height);margin:var(--metas-margin);padding:var(--metas-padding)}}
.membership-photo-modal-notice{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;padding:16px;border-radius:var(--radius-md);background:var(--tone-warning-subtle, var(--tone-neutral))}.membership-photo-modal-notice .membership-photo-modal-notice-reason,.membership-photo-modal-notice .membership-photo-modal-notice-admin{color:var(--tone-text);font-family:var(--font-family-sans)}.membership-photo-modal-notice .membership-photo-modal-notice-admin{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px}.membership-photo-modal-notice .membership-photo-modal-notice-warning{color:var(--tone-title);--font-weight: var(--font-weight-600);font-weight:var(--font-weight);font-family:var(--font-family-sans)}.membership-photo-modal-notice .membership-photo-modal-notice-label{color:var(--tone-text);font-family:var(--font-family-sans)}.membership-photo-modal-notice .membership-photo-modal-notice-list{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;margin-bottom:0px;padding-left:4px}.membership-photo-modal-notice .membership-photo-modal-notice-list li{color:var(--tone-text);font-family:var(--font-family-sans);list-style:none}.membership-photo-modal-notice .membership-photo-modal-notice-list li::before{content:"— "}
.membership-revision-intro{color:var(--tone-text);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--size-text-sm);font-family:var(--font-family-sans);margin:0}.membership-revision-choice{--form-group-spacing: 12px}.membership-revision-choice-current .meta-value{color:var(--tone-title);--font-weight: var(--font-weight-600);font-weight:var(--font-weight);font-family:var(--font-family-sans);margin-left:auto}
.membership-pricing-table{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;padding:12px;border-radius:var(--radius-md);background:var(--tone-neutral)}.membership-pricing-table-line{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:8px}.membership-pricing-table-label{color:var(--tone-label);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-family:var(--font-family-sans);font-size:13px;flex:1}.membership-pricing-table-amount{color:var(--tone-title);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-family:var(--font-family-sans);font-size:13px}.membership-pricing-table-separator{height:1px;background:var(--tone-border);margin:4px 0}.membership-pricing-table-total .membership-pricing-table-label,.membership-pricing-table-total .membership-pricing-table-amount{color:var(--tone-title);--font-weight: var(--font-weight-700);font-weight:var(--font-weight);font-family:var(--font-family-sans);font-size:14px}.membership-upgrade-modal-current{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;border:var(--input-border);border-radius:var(--input-radius);height:48px;padding:0px 12px;background:var(--input-tone)}.membership-upgrade-modal-current-label{color:var(--tone-infos);font-size:12px;font-family:var(--font-family-sans);line-height:1}.membership-upgrade-modal-current-value{color:var(--tone-text);font-size:var(--size-text-sm);font-family:var(--font-family-sans)}.membership-create-terms.check-input--has-label-href .check-input-label a{font-weight:700;text-decoration:underline;text-underline-offset:.12em}.membership-create-junior-note{color:var(--tone-text);font-family:var(--font-family-sans);margin-bottom:12px}
.membership-pricing-table{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;padding:12px;border-radius:var(--radius-md);background:var(--tone-neutral)}.membership-pricing-table-line{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:8px}.membership-pricing-table-label{color:var(--tone-label);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-family:var(--font-family-sans);font-size:13px;flex:1}.membership-pricing-table-amount{color:var(--tone-title);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-family:var(--font-family-sans);font-size:13px}.membership-pricing-table-separator{height:1px;background:var(--tone-border);margin:4px 0}.membership-pricing-table-total .membership-pricing-table-label,.membership-pricing-table-total .membership-pricing-table-amount{color:var(--tone-title);--font-weight: var(--font-weight-700);font-weight:var(--font-weight);font-family:var(--font-family-sans);font-size:14px}.membership-renewal-modal-current{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;padding:12px;border-radius:var(--radius-md);background:var(--tone-neutral)}.membership-renewal-modal-current .meta-value{color:var(--tone-title);--font-weight: var(--font-weight-600);font-weight:var(--font-weight);font-family:var(--font-family-sans);margin-left:auto}.membership-create-terms.check-input--has-label-href .check-input-label a{font-weight:700;text-decoration:underline;text-underline-offset:.12em}.membership-create-junior-note{color:var(--tone-text);font-family:var(--font-family-sans);margin-bottom:12px}
.membership-edit-identity-note{color:var(--tone-text);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--size-text-sm);font-family:var(--font-family-sans);margin:0 0 4px}
.membership-photo{--membership-photo-size: 36px;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:center;height:var(--membership-photo-size);width:var(--membership-photo-size);border-radius:100vw;background:var(--tone-neutral);overflow:hidden}.membership-photo-image{height:100%;width:100%}.membership-photo-initials{color:var(--tone-infos);--font-weight: var(--font-weight-700);font-weight:var(--font-weight);font-size:var(--size-text-xs);font-family:var(--font-family-sans)}
.membership-grid-item{--grid-item-spacing: 24px}.membership-grid-item.membership-grid-item--deactivated{opacity:.5;pointer-events:none}.membership-grid-item-head{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}.membership-grid-item-heading{--heading-picto-area: 36px;--heading-title-tone: var(--tone-title);display:flex;flex:1 1 0;min-width:0;max-width:100%;min-height:0;max-height:100%;min-width:0}.membership-grid-item-body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px}.membership-grid-item-classes{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0px}.membership-grid-item-classes>.meta{padding:8px 0px}.membership-grid-item-classes>.meta:first-child{padding-top:0px}.membership-grid-item-classes>.meta:last-child{padding-bottom:0px}.membership-grid-item-classes>.meta+.meta{border-top:var(--border-md)}.membership-grid-item-classes .meta-value{color:var(--tone-label);--font-weight: var(--font-weight-600);font-weight:var(--font-weight);font-family:var(--font-family-sans);margin-left:auto}.membership-grid-item-notes{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px}.membership-grid-item-note{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.membership-grid-item-note .meta{min-width:0;flex:1}.membership-grid-item-note .meta-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.membership-grid-item-note--error .meta{--meta-picto-tone: var(--tone-red);--meta-value-tone: var(--tone-red)}.membership-grid-item-note--warning .meta{--meta-picto-tone: var(--tone-orange);--meta-value-tone: var(--tone-orange)}.membership-grid-item-note--info .meta{--meta-picto-tone: var(--tone-primary);--meta-value-tone: var(--tone-primary)}.membership-grid-item-note-action{flex-shrink:0;--button-width: var(--button-height)}.membership-grid-item-foot{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:auto}.membership-grid-item-expiration{min-width:0}.membership-grid-item-expiration--red{--meta-picto-tone: var(--tone-red);--meta-value-tone: var(--tone-red)}.membership-grid-item-expiration--orange{--meta-picto-tone: var(--tone-orange);--meta-value-tone: var(--tone-orange)}.membership-grid-item-expiration--green{--meta-picto-tone: var(--tone-green);--meta-value-tone: var(--tone-green)}.membership-grid-item-options{flex-shrink:0}
.membership-grid-item-placeholder{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.membership-grid-item-placeholder-head{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}.membership-grid-item-placeholder-photo{flex:none;height:36px;width:36px;border-radius:100vw}.membership-grid-item-placeholder-info{display:flex;flex:1 1 0;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;min-width:0}.membership-grid-item-placeholder-body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.membership-grid-item-placeholder-foot{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:auto}
.membership-grid{--grid-content-spacing: 24px}.membership-grid .grid-content{grid-template-columns:repeat(4, minmax(0, 1fr))}@media(max-width: 1599.98px){.membership-grid .grid-content{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(max-width: 1279.98px){.membership-grid .grid-content{grid-template-columns:repeat(1, minmax(0, 1fr))}}
.membership-create-modal-notice{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;padding:12px;margin-bottom:16px;border-radius:var(--radius-md);background:var(--tone-warning-subtle, var(--tone-neutral))}.membership-create-modal-notice p{color:var(--tone-text);font-family:var(--font-family-sans)}.membership-pricing-table{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;padding:16px;border-radius:var(--radius-md);background:var(--tone-neutral)}.membership-pricing-table-line{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:8px}.membership-pricing-table-label{color:var(--tone-label);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-family:var(--font-family-sans);font-size:13px;flex:1}.membership-pricing-table-amount{color:var(--tone-title);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-family:var(--font-family-sans);font-size:13px}.membership-pricing-table-separator{height:1px;background:var(--tone-border);margin:4px 0}.membership-pricing-table-total .membership-pricing-table-label,.membership-pricing-table-total .membership-pricing-table-amount{color:var(--tone-title);--font-weight: var(--font-weight-700);font-weight:var(--font-weight);font-family:var(--font-family-sans);font-size:14px}.membership-create-duplicates{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;padding:12px;border-radius:var(--radius-md);background:var(--tone-warning-subtle, var(--tone-neutral))}.membership-create-duplicates-title{color:var(--tone-title);--font-weight: var(--font-weight-700);font-weight:var(--font-weight);font-family:var(--font-family-sans);font-size:14px;color:var(--tone-danger, #c02544)}.membership-create-duplicates-warning{color:var(--tone-text);font-family:var(--font-family-sans)}.membership-create-duplicates-list{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px}.membership-create-duplicate{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:12px;padding:10px;border-radius:var(--radius-md);background:var(--tone-surface, #fff)}.membership-create-duplicate-photo{flex-shrink:0;width:52px;height:52px;border-radius:50%;overflow:hidden;background:var(--tone-neutral)}.membership-create-duplicate-photo-img{width:100%;height:100%}.membership-create-duplicate-photo-placeholder{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%}.membership-create-duplicate-initials{color:var(--tone-infos);--font-weight: var(--font-weight-700);font-weight:var(--font-weight);font-size:var(--size-text-md);font-family:var(--font-family-sans)}.membership-create-duplicate-info{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;min-width:0}.membership-create-duplicate-name{color:var(--tone-title);--font-weight: var(--font-weight-600);font-weight:var(--font-weight);font-size:var(--size-text-sm);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans)}.membership-create-duplicate-email{color:var(--tone-label);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--size-text-xs);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans)}.membership-create-terms.check-input--has-label-href .check-input-label a{font-weight:700;text-decoration:underline;text-underline-offset:.12em}.membership-create-junior-note{color:var(--tone-text);font-family:var(--font-family-sans);margin-bottom:12px}
.messenger-message-list-item-link-preview{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:hidden;width:65%;min-width:280px;max-width:500px;padding:0px;text-decoration:none;color:inherit}.messenger-message-list-item-link-preview-media{position:relative;width:100%;overflow:hidden;aspect-ratio:1.91/1;background:var(--tone-surface-below)}.messenger-message-list-item-link-preview-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.messenger-message-list-item-link-preview-body{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;min-width:0px;padding:10px 12px 12px}.messenger-message-list-item-link-preview-title{--font-weight: var(--font-weight-600);font-weight:var(--font-weight);font-family:var(--font-family-sans);--label-size: var(--size-text-md);--label-tone: var(--tone-title);max-width:100%}.messenger-message-list-item-link-preview-description{--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-family:var(--font-family-sans);--label-size: var(--size-text-sm);--label-tone: var(--tone-infos);max-width:100%}.messenger-message-list-item-link-preview-site{--font-weight: var(--font-weight-400);font-weight:var(--font-weight);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans);--label-size: var(--size-text-xs);--label-tone: var(--tone-infos);max-width:100%;text-transform:uppercase}
.messenger-user-avatar{--messenger-user-avatar-height: auto;--messenger-user-avatar-margin: 0px;--messenger-user-avatar-border: var(--border-md);--messenger-user-avatar-radius: 2px}.messenger-user-avatar{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;border:var(--messenger-user-avatar-border);border-radius:var(--messenger-user-avatar-radius);aspect-ratio:1/1;background:var(--tone-neutral);container-type:size;container-name:root;height:var(--messenger-user-avatar-height);margin:var(--messenger-user-avatar-margin);overflow:hidden}.messenger-user-avatar.messenger-user-avatar--xxs{--messenger-user-avatar-height: 20px;--messenger-user-avatar-radius: 20px}.messenger-user-avatar.messenger-user-avatar--xs{--messenger-user-avatar-height: 28px;--messenger-user-avatar-radius: 28px}.messenger-user-avatar.messenger-user-avatar--sm{--messenger-user-avatar-height: 32px;--messenger-user-avatar-radius: 32px}.messenger-user-avatar.messenger-user-avatar--md{--messenger-user-avatar-height: 36px;--messenger-user-avatar-radius: 36px}.messenger-user-avatar.messenger-user-avatar--lg{--messenger-user-avatar-height: 40px;--messenger-user-avatar-radius: 40px}.messenger-user-avatar.messenger-user-avatar--xl{--messenger-user-avatar-height: 44px;--messenger-user-avatar-radius: 44px}.messenger-user-avatar-image{height:100%;width:100%;object-fit:cover;object-position:center center}.messenger-user-avatar-label{color:var(--tone-primary);--font-weight: var(--font-weight-700);font-weight:var(--font-weight);font-size:45cqw;font-family:var(--font-family-sans);text-transform:uppercase}
@layer component.base{.video{flex:none;border:none;border-radius:0px;display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;object-position:center;width:100%}}
.messenger-attachment-modal{--modal-tone: none;--modal-header-height: auto;--modal-header-padding: 0px;--modal-header-spacing: 0px;background:rgba(0,0,0,0)}.messenger-attachment-modal .modal-header,.messenger-attachment-modal .modal-footer{backdrop-filter:none;border:none}.messenger-attachment-modal .modal-header,.messenger-attachment-modal .modal-footer,.messenger-attachment-modal .modal-content{background:none}.messenger-attachment-modal-content{--modal-content-padding-t: 0px;--modal-content-padding-l: 0px;--modal-content-padding-r: 0px;--modal-content-padding-b: 0px;display:flex;flex:1 0 auto;flex-direction:column;align-items:center;justify-content:center}.messenger-attachment-modal-image,.messenger-attachment-modal-video{display:block;max-height:100%;max-width:100%;object-fit:contain}
.messenger-message-list-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;max-width:100%;padding:0px;padding-top:1px;padding-bottom:1px}.messenger-message-list-item.messenger-message-list-item--is-group-head{padding-top:12px}.messenger-message-list-item.messenger-message-list-item--is-group-tail{padding-bottom:12px}.messenger-message-list-item-content{position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:8px;width:100%}.messenger-message-list-item-content-head{position:relative;display:flex;flex:none;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:36px}.messenger-message-list-item--is-mine .messenger-message-list-item-content-head{display:none}.messenger-message-list-item-content-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px}.messenger-message-list-item--is-mine .messenger-message-list-item-content-body{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;order:1}.messenger-message-list-item-metas{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px}.messenger-message-list-item-user{--label-font-weight: var(--font-weight-500);--label-size: var(--size-text-md);--label-tone: var(--tone-title)}.messenger-message-list-item--is-mine .messenger-message-list-item-user{display:none}.messenger-message-list-item-date{--label-size: var(--size-text-xs);--label-tone: var(--tone-infos)}.messenger-message-list-item-cell{position:relative;background:var(--tone-surface-below);max-width:65%;padding:8px;padding-left:12px;padding-right:12px;border-top-left-radius:8px;border-top-right-radius:var(--radius-md);border-bottom-left-radius:8px;border-bottom-right-radius:var(--radius-md)}.messenger-message-list-item.messenger-message-list-item--is-group-head .messenger-message-list-item-cell{border-top-left-radius:var(--radius-md)}.messenger-message-list-item.messenger-message-list-item--is-group-tail .messenger-message-list-item-cell{border-bottom-left-radius:var(--radius-md)}.messenger-message-list-item.messenger-message-list-item--is-mine .messenger-message-list-item-cell{background:var(--tone-surface);border-top-left-radius:var(--radius-md);border-top-right-radius:8px;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:8px;box-shadow:var(--shadow-sm)}.messenger-message-list-item.messenger-message-list-item--is-group-head.messenger-message-list-item--is-mine .messenger-message-list-item-cell{border-top-right-radius:var(--radius-md)}.messenger-message-list-item.messenger-message-list-item--is-group-tail.messenger-message-list-item--is-mine .messenger-message-list-item-cell{border-bottom-right-radius:var(--radius-md)}.messenger-message-list-item-text{--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--size-text-md);font-family:var(--font-family-sans)}.messenger-message-list-item-text p{margin:0px}.messenger-message-list-item-text p+p{margin-top:8px}.messenger-message-list-item-text ul,.messenger-message-list-item-text ol{margin:0px;padding-left:20px}.messenger-message-list-item-text b,.messenger-message-list-item-text strong{font-weight:600}.messenger-message-list-item-text a{color:var(--tone-primary);text-decoration:underline}.messenger-message-list-item-text a:hover{text-decoration:none}.messenger-message-list-item-like{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:12px;padding-bottom:12px}.messenger-message-list-item-like-picto{--picto-tone: var(--tone-primary);--picto-size: var(--size-icon-lg)}.messenger-message-list-item-file-list{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px}.messenger-message-list-item-file{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:72px;max-width:100%;overflow:hidden;padding:0px}.messenger-message-list-item-file-image,.messenger-message-list-item-file-video{display:block;max-height:160px;max-width:100%;object-fit:cover;object-position:center center}.messenger-message-list-item-file-audio::-webkit-media-controls-enclosure{background:rgba(0,0,0,0);border:none;border-radius:0px}.messenger-message-list-item-file-other{position:relative;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-width:200px;padding:10px 14px;text-decoration:none}.messenger-message-list-item-file-other-icon{--picto-size: var(--size-icon-lg);--picto-tone: var(--tone-infos);flex:none}.messenger-message-list-item-file-other-body{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0px}.messenger-message-list-item-file-other-name{--font-weight: var(--font-weight-500);font-weight:var(--font-weight);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans);--label-size: var(--size-text-sm);--label-tone: var(--tone-text);max-width:100%}.messenger-message-list-item-file-other-size{--font-weight: var(--font-weight-400);font-weight:var(--font-weight);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans);--label-size: var(--size-text-xs);--label-tone: var(--tone-infos);max-width:100%}
.messenger-message-list-placeholder{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;max-width:100%;padding:0px;padding-top:12px;padding-bottom:12px}.messenger-message-list-placeholder:nth-child(3n) .messenger-message-list-placeholder-content-head{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;order:2}.messenger-message-list-placeholder:nth-child(3n) .messenger-message-list-placeholder-content-body{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;order:1}.messenger-message-list-placeholder:nth-child(3n) .messenger-message-list-placeholder-user-avatar{display:none}.messenger-message-list-placeholder-content{position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:8px;min-width:280px;max-width:1280px;width:100%}.messenger-message-list-placeholder-content-head{position:relative;display:flex;flex:none;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:36px}.messenger-message-list-placeholder-content-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px}.messenger-message-list-placeholder-user-avatar{flex:none;height:36px;width:36px;border-radius:36px;animation:placeholder-animation 1.5s linear forwards infinite;background:linear-gradient(to right, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h), oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h) 25%, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.1) c h), oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h) 75%, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h));background-size:200% 100%}.messenger-message-list-placeholder-bubble{border-radius:18px;animation:placeholder-animation 1.5s linear forwards infinite;height:36px;width:45%}.messenger-message-list-placeholder-bubble:nth-child(2){width:25%}.messenger-message-list-placeholder-bubble{background:linear-gradient(to right, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h), oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h) 25%, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.1) c h), oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h) 75%, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h));background-size:200% 100%}.messenger-message-list-placeholder:nth-child(1) .messenger-message-list-placeholder-user-avatar,.messenger-message-list-placeholder:nth-child(1) .messenger-message-list-placeholder-bubble{animation-delay:100ms}.messenger-message-list-placeholder:nth-child(2) .messenger-message-list-placeholder-user-avatar,.messenger-message-list-placeholder:nth-child(2) .messenger-message-list-placeholder-bubble{animation-delay:200ms}.messenger-message-list-placeholder:nth-child(3) .messenger-message-list-placeholder-user-avatar,.messenger-message-list-placeholder:nth-child(3) .messenger-message-list-placeholder-bubble{animation-delay:300ms}.messenger-message-list-placeholder:nth-child(4) .messenger-message-list-placeholder-user-avatar,.messenger-message-list-placeholder:nth-child(4) .messenger-message-list-placeholder-bubble{animation-delay:400ms}.messenger-message-list-placeholder:nth-child(5) .messenger-message-list-placeholder-user-avatar,.messenger-message-list-placeholder:nth-child(5) .messenger-message-list-placeholder-bubble{animation-delay:500ms}.messenger-message-list-placeholder:nth-child(6) .messenger-message-list-placeholder-user-avatar,.messenger-message-list-placeholder:nth-child(6) .messenger-message-list-placeholder-bubble{animation-delay:600ms}.messenger-message-list-placeholder:nth-child(7) .messenger-message-list-placeholder-user-avatar,.messenger-message-list-placeholder:nth-child(7) .messenger-message-list-placeholder-bubble{animation-delay:700ms}.messenger-message-list-placeholder:nth-child(8) .messenger-message-list-placeholder-user-avatar,.messenger-message-list-placeholder:nth-child(8) .messenger-message-list-placeholder-bubble{animation-delay:800ms}.messenger-message-list-placeholder:nth-child(9) .messenger-message-list-placeholder-user-avatar,.messenger-message-list-placeholder:nth-child(9) .messenger-message-list-placeholder-bubble{animation-delay:900ms}.messenger-message-list-placeholder:nth-child(10) .messenger-message-list-placeholder-user-avatar,.messenger-message-list-placeholder:nth-child(10) .messenger-message-list-placeholder-bubble{animation-delay:1000ms}.messenger-message-list-placeholder:nth-child(11) .messenger-message-list-placeholder-user-avatar,.messenger-message-list-placeholder:nth-child(11) .messenger-message-list-placeholder-bubble{animation-delay:1100ms}.messenger-message-list-placeholder:nth-child(12) .messenger-message-list-placeholder-user-avatar,.messenger-message-list-placeholder:nth-child(12) .messenger-message-list-placeholder-bubble{animation-delay:1200ms}
@layer component.base{.virtual-list{--virtual-list-content-padding: 0px;--virtual-list-content-spacing: 0px}.virtual-list{position:relative;height:100%}.virtual-list.virtual-list--present{opacity:0}.virtual-list.virtual-list--present.virtual-list--present-active{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:1}.virtual-list.virtual-list--dismiss{opacity:1}.virtual-list.virtual-list--dismiss.virtual-list--dismiss-active{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0}.virtual-list-body{position:relative}.virtual-list-content{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--virtual-list-content-spacing);padding:var(--virtual-list-content-padding)}}
.messenger-message-list{--virtual-list-content-padding: 16px 16px 0px 16px;position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-end}
.messenger-channel{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start}.messenger-channel-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:flex-end}.messenger-channel-foot{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-end;border-top:1px solid var(--tone-border-md)}
.messenger-message-editor{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow-x:hidden;overflow-y:auto}.messenger-message-editor-body{color:var(--tone-text);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--size-text-md);font-family:var(--font-family-sans);outline:none;padding:8px 12px}.messenger-message-editor-body strong,.messenger-message-editor-body b{font-weight:600}.messenger-message-editor-body p{margin:0px}.messenger-message-editor-body p.is-editor-empty::before{color:var(--tone-infos);content:attr(data-placeholder);float:left;height:0px;pointer-events:none}
.messenger-message-input-emoji-button{--button-picto-size: var(--size-icon-lg);--button-width: 28px }.messenger-message-input-emoji-popover{--popover-width: 280px;--popover-min-height: 180px;--popover-max-height: 220px;--popover-padding: 0px}.messenger-message-input-emoji-popover-grid{display:grid;grid-template-columns:repeat(8, minmax(0, 1fr));gap:4px;overflow-x:hidden;overflow-y:auto;padding:8px}.messenger-message-input-emoji-popover-item{cursor:pointer;user-select:none}.messenger-message-input-emoji-popover-item:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;background:var(--tone-highlight);border:none;border-radius:inherit}.messenger-message-input-emoji-popover-item:hover:before{opacity:1;visibility:visible}.messenger-message-input-emoji-popover-item{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);font-size:var(--size-text-lg);height:36px;width:36px}
.messenger-message-input-file-list-item{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;aspect-ratio:3/2}.messenger-message-input-file-list-item-body{height:100%;width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:var(--border-md);background:var(--tone-surface-above);overflow:hidden}.messenger-message-input-file-list-item-image,.messenger-message-input-file-list-item-video{height:100%;width:100%;object-fit:cover;object-position:center center}.messenger-message-input-file-list-item-play-button{z-index:5;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.messenger-message-input-file-list-item-icon{--picto-size: var(--size-icon-lg);--picto-tone: var(--tone-infos);margin-bottom:4px}.messenger-message-input-file-list-item-name,.messenger-message-input-file-list-item-size{min-width:10px;max-width:100%;text-align:center}.messenger-message-input-file-list-item-name{--label-font-family: var(--font-family-sans);--label-font-weight: var(--font-weight-500);--label-size: 12px;--label-tone: var(--tone-label);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messenger-message-input-file-list-item-size{--label-font-family: var(--font-family-sans);--label-font-weight: var(--font-weight-400);--label-size: 10px;--label-tone: var(--tone-infos);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messenger-message-input-file-list-item-remove-button{--button-height: 24px;z-index:5;position:absolute;top:-6px;right:-6px;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden}.messenger-message-input-file-list-item:hover .messenger-message-input-file-list-item-remove-button{opacity:1;visibility:visible}
.messenger-message-input-file-list{position:relative;display:grid;flex:none;grid-template-columns:repeat(8, minmax(0, 1fr));gap:8px;padding-left:12px;padding-right:12px;padding-bottom:8px}
.messenger-message-input-files-button{--button-picto-size: var(--size-icon-lg);--button-width: 28px }.messenger-message-input-files-button-input{display:none}
.messenger-message-input-toolbar{position:relative;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:flex-start}.messenger-message-input-toolbar-button-group{gap:2px}.messenger-message-input-toolbar-button{--button-radius: 8px;--button-picto-size: var(--size-icon-xs);--button-selected-tone: var(--tone-highlight);flex:none;height:28px;width:28px}
.messenger-message-input{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%}.messenger-message-input-field{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:var(--border-md);border-radius:var(--radius-sm);background:var(--input-tone)}.messenger-message-input-field-head{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center;padding:8px;padding-bottom:0px}.messenger-message-input-field-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:hidden}.messenger-message-input-field-foot{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:8px;padding-top:0px}.messenger-message-input-field-send-button{flex:none;height:28px;width:28px;--button-radius: 8px}.messenger-message-input-field-like-button{flex:none;height:28px;width:28px;--button-radius: 8px}.messenger-message-input-insert-button-group{gap:2px}
.messenger-team-avatar{--messenger-team-avatar-height: auto;--messenger-team-avatar-margin: 0px;--messenger-team-avatar-border: var(--border-md);--messenger-team-avatar-radius: 2px}.messenger-team-avatar{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;border:var(--messenger-team-avatar-border);border-radius:var(--messenger-team-avatar-radius);aspect-ratio:1/1;background:var(--tone-neutral);container-type:size;container-name:root;height:var(--messenger-team-avatar-height);margin:var(--messenger-team-avatar-margin);overflow:hidden}.messenger-team-avatar.messenger-team-avatar--xxs{--messenger-team-avatar-height: 24px;--messenger-team-avatar-radius: 24px}.messenger-team-avatar.messenger-team-avatar--xs{--messenger-team-avatar-height: 28px;--messenger-team-avatar-radius: 28px}.messenger-team-avatar.messenger-team-avatar--sm{--messenger-team-avatar-height: 32px;--messenger-team-avatar-radius: 32px}.messenger-team-avatar.messenger-team-avatar--md{--messenger-team-avatar-height: 36px;--messenger-team-avatar-radius: 36px}.messenger-team-avatar.messenger-team-avatar--lg{--messenger-team-avatar-height: 40px;--messenger-team-avatar-radius: 40px}.messenger-team-avatar.messenger-team-avatar--xl{--messenger-team-avatar-height: 44px;--messenger-team-avatar-radius: 44px}.messenger-team-avatar.messenger-team-avatar--xxl{--messenger-team-avatar-height: 48px;--messenger-team-avatar-radius: 48px}.messenger-team-avatar-image{height:100%;width:100%;object-fit:cover;object-position:center center}.messenger-team-avatar-label{color:var(--tone-primary);--font-weight: var(--font-weight-700);font-weight:var(--font-weight);font-size:45cqw;font-family:var(--font-family-sans);text-transform:uppercase}
.messenger-channel-panel{--panel-tone: var(--tone-surface-below);--panel-content-padding: 0px;--panel-content-spacing: 0px;--panel-footer-padding: 0px 16px 16px 16px;--panel-footer-spacing: 0px;--panel-footer-height: auto}.messenger-channel-panel .panel-footer{display:flex;flex-direction:column;align-items:center;justify-content:center}.messenger-channel-panel .messenger-message-input-field{box-shadow:var(--shadow-md);background:var(--tone-surface)}.messenger-channel-panel-room-header,.messenger-channel-panel-team-header{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}
.messenger-recipient-input{--dropdown-input-tone: transparent;--dropdown-input-border: none;--dropdown-input-radius: 0px;--dropdown-input-value-list-item-radius: var(--radius-sm);--dropdown-input-value-list-item-min-width: 0px;--dropdown-input-value-list-item-max-width: none}.messenger-recipient-input .input-field-label{--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-family:var(--font-family-sans)}@media(max-width: 1279.98px){.messenger-recipient-input .input-field-label{display:none}}.messenger-recipient-input>.input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}@media(max-width: 1279.98px){.messenger-recipient-input{width:360px;padding:0px}.messenger-recipient-input .dropdown-input-head{display:none}}@media(max-width: 959.98px){.messenger-recipient-input{width:320px}}@media(max-width: 639.98px){.messenger-recipient-input{width:260px}}
.messenger-compose-panel{--panel-content-padding: 0px;--panel-content-spacing: 0px;--panel-footer-padding: 0px 16px 16px 16px;--panel-footer-spacing: 0px;--panel-footer-height: auto}.messenger-compose-panel .panel-footer{display:flex;flex-direction:column;align-items:center;justify-content:center}
.messenger-user-avatar-group{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.messenger-user-avatar-group-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.messenger-user-avatar-group-entry:not(:first-child){margin-left:-12px}.messenger-user-avatar-group-entry .messenger-user-avatar{--messenger-user-avatar-border: 1px solid var(--tone-container)}
.messenger-widget{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-top:1px solid var(--tone-border-md)}.messenger-widget-head{cursor:pointer;user-select:none;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:16px}.messenger-widget-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;padding:16px;padding-top:0px}.messenger-team-channel-list-item-toggler{transition-property:color,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.messenger-widget--is-expanded .messenger-team-channel-list-item-toggler{transform:rotate(180deg)}
.messenger-channel-file-list-item{--list-item-tone: transparent;--list-item-border: none;--list-item-radius: 0px;--list-item-padding: 0px;--list-item-spacing: 12px;--list-item-hovered-tone: transparent}.messenger-channel-file-list-item:before{content:"";display:block;position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:var(--radius-md);transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;background:var(--tone-highlight)}.messenger-channel-file-list-item:hover:before{opacity:1;visibility:visible}.messenger-channel-file-list-item-image,.messenger-channel-file-list-item-video{height:32px;width:32px;border-radius:32px;object-fit:cover;object-position:center center}.messenger-channel-file-list-item-file{position:relative;display:flex;flex:1 0 auto;flex-direction:row;align-items:center;justify-content:center;height:32px;width:32px;border-radius:32px;border:var(--border-md);background:var(--tone-surface)}.messenger-channel-file-list-item-file-picto{--picto-size: var(--size-icon-sm);--picto-tone: var(--tone-infos)}.messenger-channel-file-list-item-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:center;gap:2px;min-width:0px}.messenger-channel-file-list-item-label{--label-size: var(--size-text-sm);--label-tone: var(--tone-title);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messenger-channel-file-list-item-infos{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px}.messenger-channel-file-list-item-size,.messenger-channel-file-list-item-date{--label-size: 12px;--label-tone: var(--tone-infos);--since-size: 12px;--since-tone: var(--tone-infos)}.messenger-channel-file-list-item-dash{--picto-size: var(--size-text-xs);--picto-tone: var(--tone-infos)}
.messenger-channel-file-list{--list-spacing: 16px}.messenger-channel-file-list .list-item-placeholder{--list-item-tone: transparent;--list-item-border: none;--list-item-radius: 0px;--list-item-padding: 0px}.messenger-channel-file-list .list-item-placeholder-image{height:32px;width:32px}

.messenger-channel-user-list-item{--list-item-tone: transparent;--list-item-border: none;--list-item-radius: 0px;--list-item-padding: 0px;--list-item-spacing: 8px}.messenger-channel-user-list-item-head{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start}.messenger-channel-user-list-item-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0px}.messenger-channel-user-list-item-label{--label-size: var(--size-text-sm);--label-tone: var(--tone-title);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messenger-channel-user-list-item-infos{--label-size: var(--size-text-xs);--label-tone: var(--tone-infos);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.messenger-channel-user-list{--list-spacing: 16px}.messenger-channel-user-list .list-item-placeholder{--list-item-tone: transparent;--list-item-border: none;--list-item-radius: 0px;--list-item-padding: 0px}.messenger-channel-user-list .list-item-placeholder-image{height:32px;width:32px}
.messenger-channel-users-widget{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}
.team-attendance-editor-error-list{position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:12px;border-bottom:1px solid var(--tone-border-md);background:rgb(from var(--tone-warning) r g b/5%);padding:16px}.team-attendance-editor-error-list-head{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:28px}.team-attendance-editor-error-list-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:center;min-height:28px}.team-attendance-editor-error-list-picto{--picto-tone: var(--tone-warning-on);height:28px;width:28px;border-radius:28px;background:var(--tone-warning)}.team-attendance-editor-error-list-label{white-space:pre-wrap}
.player-avatar{--player-avatar-height: 36px;--player-avatar-border: var(--border-md)}.player-avatar{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:var(--player-avatar-height);width:var(--player-avatar-height);container-type:size;container-name:root}.player-avatar-body{height:100%;width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:var(--player-avatar-border);border-radius:var(--player-avatar-height);background:var(--tone-neutral);overflow:hidden}.player-avatar-image{height:var(--player-avatar-height);width:var(--player-avatar-height)}.player-avatar-name{color:var(--tone-primary);--font-weight: var(--font-weight-600);font-weight:var(--font-weight);font-size:35cqw;font-family:var(--font-family-sans)}.player-avatar-number{color:var(--tone-primary-on);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:10px;font-family:var(--font-family-sans);position:absolute;right:-2%;bottom:-2%;box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;justify-content:center;height:18px;width:18px;border-radius:18px;background:var(--tone-primary);line-height:1;margin:0px;margin-right:-4px;margin-bottom:-4px;text-align:center;text-transform:uppercase}.player-avatar--sm{height:40px;width:40px}.player-avatar--sm .player-avatar-image{height:40px;width:40px;border-radius:40px}.player-avatar--lg{height:64px;width:64px}.player-avatar--lg .player-avatar-image{height:64px;width:64px;border-radius:64px}


.team-attendance-player-update-modal{--modal-content-spacing: 32px;--modal-content-padding: 32px 16px 16px 16px}.team-attendance-player-update-modal-summary{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.team-attendance-player-update-modal-summary .player-avatar{--player-avatar-height: 60px}.team-attendance-player-update-modal-summary-title{color:var(--tone-title);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-title-md);font-family:var(--font-family-sans)}
.team-attendance-editor-player-list-item{cursor:grab;user-select:none;position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:var(--border-md);border-radius:var(--radius-md);background:var(--tone-surface);overflow:hidden;padding:16px;padding-bottom:12px}.team-attendance-editor-player-list-item .player-avatar{--player-avatar-height: 36px}.team-attendance-editor-player-list-item.team-attendance-editor-player-list-item--is-suspended:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg, rgb(from var(--tone-surface) r g b/75%) 0px, rgb(from var(--tone-surface) r g b/75%) 12px, rgb(from var(--tone-warning) r g b/5%) 12px, rgb(from var(--tone-warning) r g b/5%) 24px)}.team-attendance-editor-player-list-item-head{position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;padding:0px;padding-bottom:12px}.team-attendance-editor-player-list-item-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;border:none;border-top:var(--border-md);padding:0px;padding-top:12px;padding-bottom:12px}.team-attendance-editor-player-list-item-foot{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.team-attendance-editor-player-list-item-regular{flex:1 1 180px;min-width:160px;max-width:260px}.team-attendance-editor-player-list-item-regular .select-input{--select-input-margin: 0px}.team-attendance-editor-player-list-item-status{border:1px solid var(--tone-border-md);border-radius:var(--radius-md);gap:0px;overflow:hidden}.team-attendance-editor-player-list-item-status .button{--button-tone: transparent;--button-border: none;--button-radius: 0px;--button-hovered-tone: var(--tone-highlight);--button-height: 28px;flex:none}.team-attendance-editor-player-list-item-status-unknown-button{border-left:1px solid var(--tone-border-md);border-right:1px solid var(--tone-border-md)}.team-attendance-editor-player-list-item-status-present-button{--button-picto-tone: var(--tone-green)}.team-attendance-editor-player-list-item-status-absent-button{--button-picto-tone: var(--tone-red)}.team-attendance-editor-player-list-item-update-button{--button-height: 24px;--button-border: none;opacity:0}@media(max-width: 1599.98px){.team-attendance-editor-player-list-item-update-button{opacity:1}}.team-attendance-editor-player-list-item:hover .team-attendance-editor-player-list-item-update-button{opacity:1}.team-attendance-editor-player-list-item-title{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.team-attendance-editor-player-list-item-title-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px}.team-attendance-editor-player-list-item-title-label{color:var(--tone-title);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-title-sm);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans)}.team-attendance-editor-player-list-item-title-metas .meta{--meta-label-size: 11px;--meta-picto-size: 10px;--meta-picto-tone: var(--tone-picto)}.team-attendance-editor-player-list-item-title-metas .meta.meta--green{--meta-picto-area: auto;--meta-picto-size: 10px;--meta-picto-tone: rgb(from var(--tone-green) r g b / 100%);--meta-picto-fill: rgb(from var(--tone-green) r g b / 0%)}.team-attendance-editor-player-list-item-title-metas .meta.meta--federation-membership-valid{--meta-picto-area: 14px;--meta-picto-size: 8px;--meta-picto-tone: rgb(from var(--tone-white) r g b / 100%);--meta-picto-fill: rgb(from var(--tone-red) r g b / 100%)}.team-attendance-editor-player-list-item-title-metas .meta.meta--federation-membership-error{--meta-picto-area: 14px;--meta-picto-size: 8px;--meta-picto-tone: rgb(from var(--tone-white) r g b / 100%);--meta-picto-fill: rgb(from var(--tone-black) r g b / 100%)}.team-attendance-editor-player-list-item-title-metas .meta.meta--federation-membership-not-member{--meta-picto-area: 14px;--meta-picto-size: 8px;--meta-picto-tone: rgb(from var(--tone-white) r g b / 100%);--meta-picto-fill: rgb(from var(--tone-gray) r g b / 100%)}.team-attendance-editor-player-list-item-infos{--metas-spacing: 4px 12px}.team-attendance-editor-player-list-item-status-metas{--metas-spacing: 4px 12px}.team-attendance-editor-player-list-item-status-metas .meta{--meta-tone: var(--tone-container);--meta-border: var(--border-md);--meta-radius: var(--radius-sm);--meta-padding: 4px 8px;--meta-picto-size: 11px;--meta-label-size: 13px;--meta-value-size: 13px}
.team-attendance-editor-player-list{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}@media(max-width: 1599.98px){.team-attendance-editor-player-list{overflow-x:visible;overflow-y:visible}}.team-attendance-editor-player-list-head{z-index:5;position:sticky;top:0px;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding:16px}@media(max-width: 1599.98px){.team-attendance-editor-player-list-head{backdrop-filter:blur(16px) saturate(75%);background:rgb(from var(--tone-container) r g b/85%);top:64px}}.team-attendance-editor-player-list-head:before{content:"";display:block;backdrop-filter:blur(16px) saturate(75%);position:absolute;top:0px;left:0px;right:0px;bottom:0px;background:rgb(from var(--tone-container) r g b/85%);mask-image:linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0))}@media(max-width: 1599.98px){.team-attendance-editor-player-list-head:before{display:none}}.team-attendance-editor-player-list-body{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;padding:16px;padding-top:0px}@media(max-width: 1599.98px){.team-attendance-editor-player-list-body{display:grid;flex:none;grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(max-width: 1279.98px){.team-attendance-editor-player-list-body{display:grid;flex:none;grid-template-columns:repeat(1, minmax(0, 1fr))}}.team-attendance-editor-player-list-heading{--heading-title-size: var(--size-title-md);--heading-title-tone: var(--tone-title)}.team-attendance-editor-player-list-badge{--badge-label-tone: var(--tone-white)}.team-attendance-editor-player-list--unknown .team-attendance-editor-player-list-badge{--badge-tone: var(--tone-gray)}.team-attendance-editor-player-list--present .team-attendance-editor-player-list-badge{--badge-tone: var(--tone-green)}.team-attendance-editor-player-list--absent .team-attendance-editor-player-list-badge{--badge-tone: var(--tone-red)}.team-attendance-editor-player-list--substitute .team-attendance-editor-player-list-badge{--badge-tone: var(--tone-blue)}.team-attendance-editor-player-list-empty-message{flex:1 0 auto}@media(max-width: 1599.98px){.team-attendance-editor-player-list-empty-message{grid-column-start:1;grid-column-end:-1;padding-top:0px;padding-left:0px;padding-right:0px}}
.team-attendance-editor-tool-bar{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:16px}@media(max-width: 1279.98px){.team-attendance-editor-tool-bar{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}}.team-attendance-editor-tool-bar-head{position:relative;display:flex;flex:1 1 0;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}@media(max-width: 1279.98px){.team-attendance-editor-tool-bar-head{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}}.team-attendance-editor-tool-bar-foot{position:relative;display:flex;flex:1 1 0;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px}@media(max-width: 1279.98px){.team-attendance-editor-tool-bar-foot{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}}.team-attendance-editor-tool-bar-position{border-radius:var(--radius-md);border:1px solid var(--tone-border-md);position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;background:var(--tone-surface-below)}@media(max-width: 1279.98px){.team-attendance-editor-tool-bar-position{display:flex;flex:1 1 0;flex-direction:row;align-items:center;justify-content:center}}.team-attendance-editor-tool-bar-position-label{--label-size: var(--size-text-xs);--label-tone: var(--tone-label);padding:4px;padding-left:12px;white-space:nowrap}.team-attendance-editor-tool-bar-position-count{--label-size: var(--size-text-xs);--label-tone: var(--tone-label);padding:4px;padding-right:12px;white-space:nowrap}
.team-attendance-editor-modal{--modal-content-padding: 0px;--modal-content-spacing: 0px}.team-attendance-editor-modal-head{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;border-bottom:1px solid var(--tone-border-md)}.team-attendance-editor-modal-body{position:relative;display:grid;flex:1 0 auto;grid-template-columns:repeat(4, minmax(0, 1fr))}@media(max-width: 1919.98px){.team-attendance-editor-modal-body{display:grid;flex:none;grid-template-columns:repeat(1, minmax(0, 1fr))}}.team-attendance-editor-modal-group{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start}.team-attendance-editor-modal-group .team-attendance-editor-player-list{position:absolute;top:0;left:0;right:0;bottom:0}@media(max-width: 1919.98px){.team-attendance-editor-modal-group .team-attendance-editor-player-list{position:relative;top:auto;left:auto;right:auto;bottom:auto}}.team-attendance-editor-modal-group:not(:last-child){border-right:1px solid var(--tone-border-md)}@media(max-width: 1919.98px){.team-attendance-editor-modal-group:not(:last-child){border:none;border-bottom:1px solid var(--tone-border-md)}}
.messenger-team-attendance-card{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;border:var(--border-md);border-radius:var(--radius-sm);background:var(--tone-surface);border-top:none;border-top-left-radius:0px;border-top-right-radius:0px;padding:12px}.messenger-team-attendance-card-body{position:relative;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:8px}.messenger-team-attendance-card-foot{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.messenger-team-attendance-card-title{--label-font-weight: var(--font-weight-500);--label-size: var(--size-text-sm);--label-tone: var(--tone-title);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messenger-team-attendance-card-stat{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-direction:column;align-items:center;justify-content:center}.messenger-team-attendance-card-stat-value{--label-tone: var(--tone-title);--label-size: var(--size-text-lg)}.messenger-team-attendance-card-stat-label{--label-tone: var(--tone-infos);--label-size: var(--size-text-xs)}.messenger-team-attendance-card-stat-picto{--picto-size: var(--size-icon-xs)}.messenger-team-attendance-card-stat--unknown .messenger-team-attendance-card-stat-picto{--picto-tone: var(--tone-picto)}.messenger-team-attendance-card-stat--present .messenger-team-attendance-card-stat-picto{--picto-tone: var(--tone-green)}.messenger-team-attendance-card-stat--absent .messenger-team-attendance-card-stat-picto{--picto-tone: var(--tone-red)}
.messenger-team-game-card{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-radius:var(--radius-sm);border:var(--border-md);background:var(--tone-surface);border-bottom-left-radius:0px;border-bottom-right-radius:0px;overflow:hidden}.messenger-team-game-card-head{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:4px;background:var(--tone-primary);padding:12px;padding-top:8px;padding-bottom:8px}.messenger-team-game-card-body{position:relative;display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 50px) minmax(0, 1fr);column-gap:4px;row-gap:12px;align-items:center;padding-top:24px;padding-bottom:24px}.messenger-team-game-card-foot{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:12px;padding-top:0px}.messenger-team-game-card-date{--label-font-weight: var(--font-weight-500);--label-size: var(--size-text-sm);--label-tone: var(--tone-primary-on);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messenger-team-game-card-logo-cell,.messenger-team-game-card-abbr-cell,.messenger-team-game-card-time-cell,.messenger-team-game-card-site-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.messenger-team-game-card-site-cell{display:flex;flex-direction:row;align-items:center;justify-content:center}.messenger-team-game-card-time-value{--label-size: var(--size-text-xl);--label-tone: var(--tone-title);font-weight:var(--font-weight-600);line-height:1;text-align:center;text-transform:uppercase;white-space:nowrap}.messenger-team-game-card-time-infos{--label-size: var(--size-text-xs);--label-tone: var(--tone-infos);font-weight:var(--font-weight-400);line-height:1;text-align:center;text-transform:uppercase}.messenger-team-game-card-site-icon{--picto-size: var(--size-icon-xs);--picto-tone: var(--tone-infos);white-space:nowrap}.messenger-team-game-card-site-name{--label-size: var(--size-text-xs);--label-tone: var(--tone-infos);white-space:nowrap}.messenger-team-game-card-abbr{--label-size: var(--size-text-xs);--label-tone: var(--tone-infos);text-align:center;text-transform:uppercase}.messenger-team-game-card-attendance-button{border:1px solid var(--tone-border-md);border-radius:var(--radius-md);gap:0px;overflow:hidden}.messenger-team-game-card-attendance-button .button{--button-tone: transparent;--button-border: none;--button-radius: 0px;--button-hovered-tone: var(--tone-highlight);--button-height: 32px;--button-padding: 0px 8px;--button-badge-tone: var(--tone-surface-above);--button-badge-label-tone: var(--tone-label);--button-badge-picto-tone: var(--tone-label);flex:1 1 0;min-width:0;max-width:100%;min-height:0;max-height:100%}.messenger-team-game-card-attendance-button-unknown{border-left:1px solid var(--tone-border-md);border-right:1px solid var(--tone-border-md)}.messenger-team-game-card-attendance-button-unknown.button{flex:0 1 72px;min-width:0;max-width:100%;min-height:0;max-height:100%}.messenger-team-game-card-attendance-button-unknown{--button-picto-tone: var(--tone-picto);--button-hovered-tone: rgb(from var(--tone-neutral) r g b / 15%);--button-hovered-label-tone: var(--tone-label);--button-hovered-picto-tone: var(--tone-picto);--button-selected-tone: rgb(from var(--tone-neutral) r g b / 15%);--button-selected-label-tone: var(--tone-label);--button-selected-picto-tone: var(--tone-picto)}.messenger-team-game-card-attendance-button-present{--button-picto-tone: var(--tone-green);--button-hovered-tone: rgb(from var(--tone-green) r g b / 15%);--button-hovered-label-tone: var(--tone-label);--button-hovered-picto-tone: var(--tone-green);--button-selected-tone: rgb(from var(--tone-green) r g b / 15%);--button-selected-label-tone: var(--tone-label);--button-selected-picto-tone: var(--tone-green)}.messenger-team-game-card-attendance-button-absent{--button-picto-tone: var(--tone-red);--button-hovered-tone: rgb(from var(--tone-red) r g b / 15%);--button-hovered-label-tone: var(--tone-label);--button-hovered-picto-tone: var(--tone-green);--button-selected-tone: rgb(from var(--tone-green) r g b / 15%);--button-selected-label-tone: var(--tone-label);--button-selected-picto-tone: var(--tone-green)}.messenger-team-game-card-attendance-stats{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.messenger-team-game-card-attendance-stats .label{flex:1 1 0;min-width:0;max-width:100%;min-height:0;max-height:100%;text-align:center}.messenger-team-game-card-attendance-stats--unknown.label{flex:0 1 72px;min-width:0;max-width:100%;min-height:0;max-height:100%}
.messenger-team-next-game-widget .messenger-widget-body{gap:0px}
.messenger-team-previous-games-widget .messenger-widget-body{gap:8px}.messenger-team-previous-games-widget-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px}.messenger-team-previous-games-widget-foot{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px}.messenger-team-previous-games-widget-badge{--font-weight: var(--font-weight-700);font-weight:var(--font-weight);font-size:12px;font-family:var(--font-family-sans);position:relative;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:center;height:28px;width:28px;border-radius:28px;color:#fff;line-height:1;text-transform:uppercase}.messenger-team-previous-games-widget-badge.messenger-team-previous-games-widget-badge--w{background:var(--color-green-500)}.messenger-team-previous-games-widget-badge.messenger-team-previous-games-widget-badge--l{background:var(--color-red-500)}.messenger-team-previous-games-widget-badge.messenger-team-previous-games-widget-badge--t{background:var(--tone-neutral)}.messenger-team-previous-games-widget-infos{color:var(--tone-infos);--font-weight: var(--font-weight-600);font-weight:var(--font-weight);font-size:var(--size-text-sm);font-family:var(--font-family-sans)}
.messenger-team-upcoming-game-list-item{--list-item-tone: transparent;--list-item-border: none;--list-item-radius: 0px;--list-item-padding: 0px --list-item-spacing: 8px}.messenger-team-upcoming-game-list-item-date{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;border-radius:8px;border:var(--border-md);overflow:hidden;width:48px}.messenger-team-upcoming-game-list-item-date-m{--label-font-weight: var(--font-weight-700);--label-size: 11px;--label-tone: var(--tone-primary-on);background:var(--tone-primary);line-height:1;padding:4px;text-align:center;text-transform:uppercase}.messenger-team-upcoming-game-list-item-date-d{--label-font-weight: var(--font-weight-700);--label-size: 22px;--label-tone: var(--tone-title);background:var(--tone-surface);line-height:1;padding:4px;padding-top:6px;padding-bottom:6px;text-align:center;text-transform:uppercase}.messenger-team-upcoming-game-list-item-label{--label-size: var(--size-text-sm);--label-tone: var(--tone-label);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messenger-team-upcoming-game-list-item-infos{--label-size: 12px;--label-tone: var(--tone-infos);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.messenger-team-upcoming-game-list .list-item-placeholder{--list-item-tone: transparent;--list-item-border: none;--list-item-radius: 0px;--list-item-padding: 12px 0px}
.messenger-team-upcoming-games-widget{position:relative}
.messenger-channel-add-user-modal{position:relative}
.messenger-channel-update-form{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}
.messenger-channel-update-modal{position:relative}
.messenger-context-panel{--panel-content-padding: 0px;--panel-content-spacing: 0px;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.messenger-context-panel-content{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:12px}.messenger-context-panel-room-channel-header{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;padding-top:32px;padding-bottom:32px}.messenger-context-panel-room-channel-header .heading{--heading-title-size: var(--size-title-sm);--heading-infos-size: var(--size-title-xs);text-align:center}.messenger-context-panel-team-channel-header{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:0px;padding-top:32px;padding-bottom:32px}.messenger-context-panel-team-channel-header .heading{--heading-title-size: var(--size-title-md);--heading-infos-size: var(--size-title-xs);text-align:center}
.messenger-channel-group{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px}.messenger-channel-group-head{cursor:pointer;user-select:none;position:relative;display:grid;grid-template-columns:minmax(0, 8px) minmax(0, 1fr) auto;gap:8px}.messenger-channel-group-head:before{content:"";display:block;position:absolute;top:-6px;left:-12px;right:-12px;bottom:-6px;border-radius:var(--radius-sm);transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.messenger-channel-group-head:hover:before{opacity:1;visibility:visible;background:var(--tone-highlight)}.messenger-channel-group-title{--label-font-family: var(--font-family-sans);--label-font-weight: var(--font-weight-500);--label-size: var(--size-text-sm);--label-tone: var(--tone-title)}.messenger-channel-group-arrow{--picto-size: 11px;--picto-tone: var(--tone-infos)}.messenger-channel-group-badge{--badge-height: 20px;--badge-radius: 20px;--badge-padding: 0px 4px;--badge-spacing: 0px;--badge-label-size: 11px;min-width:24px;max-width:48px}.list-item--is-selected .messenger-channel-group-badge{--badge-tone: var(--tone-primary-on);--badge-label-tone: var(--tone-primary);--badge-picto-tone: var(--tone-primary)}
.messenger-room-channel-list-item{--list-item-tone: transparent;--list-item-border: none;--list-item-radius: 0px;--list-item-padding: 6px 0px 6px 8px;--list-item-spacing: 8px;--list-item-hovered-tone: none;--list-item-selected-tone: none;--list-item-disabled-tone: none}.messenger-room-channel-list-item:before{content:"";display:block;position:absolute;top:0px;left:0px;right:-12px;bottom:0px;border-radius:var(--radius-sm);transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden}.messenger-room-channel-list-item:hover:before{opacity:1;visibility:visible;background:var(--tone-highlight)}.messenger-room-channel-list-item.list-item--is-selected:before{opacity:1;visibility:visible;background:var(--tone-primary)}.messenger-room-channel-list-item-head{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center}.messenger-room-channel-list-item-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:flex-start}.messenger-room-channel-list-item-foot{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center}.messenger-room-channel-list-item-title{--label-size: var(--size-text-sm);--label-tone: var(--tone-title);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans)}.list-item--is-selected .messenger-room-channel-list-item-title{--label-tone: var(--tone-primary-on)}.messenger-room-channel-list-item-infos{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px}.messenger-room-channel-list-item-infos-last-message-text{--label-size: 12px;--label-tone: var(--tone-infos);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item--is-selected .messenger-room-channel-list-item-infos-last-message-text{--label-tone: var(--tone-primary-on)}.messenger-room-channel-list-item-infos-last-message-date{--since-size: 12px;--since-tone: var(--tone-infos)}.list-item--is-selected .messenger-room-channel-list-item-infos-last-message-date{--since-tone: var(--tone-primary-on)}.messenger-room-channel-list-item-infos-last-message-dash{--picto-size: var(--size-text-xs);--picto-tone: var(--tone-infos)}.list-item--is-selected .messenger-room-channel-list-item-infos-last-message-dash{--picto-tone: var(--tone-primary-on)}.messenger-room-channel-list-item-unread-badge{--badge-height: 20px;--badge-radius: 20px;--badge-padding: 0px 4px;--badge-spacing: 0px;--badge-label-size: 11px;min-width:24px;max-width:48px}.list-item--is-selected .messenger-room-channel-list-item-unread-badge{--badge-tone: var(--tone-primary-on);--badge-label-tone: var(--tone-primary);--badge-picto-tone: var(--tone-primary)}
.messenger-room-channel-list{--list-content-spacing: 2px}.messenger-room-channel-list .list-item-placeholder{border:none;background:none;padding:0px;padding-top:6px;padding-left:8px;padding-bottom:6px}.messenger-room-channel-list .list-item-placeholder-image{height:32px;width:32px}
.messenger-team-channel-list-item{--list-item-tone: transparent;--list-item-border: none;--list-item-radius: 0px;--list-item-padding: 0px;--list-item-spacing: 0px;--list-item-hovered-tone: none;--list-item-selected-tone: none;--list-item-disabled-tone: none}.messenger-team-channel-list-item>.list-item-content{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.messenger-team-channel-list-item.list-item--is-selected:before{opacity:1;visibility:visible}.messenger-team-channel-list-item.list-item--is-selected .messenger-team-avatar{background:var(--tone-neutral)}.messenger-team-channel-list-item.list-item--is-selected .messenger-team-avatar-label{color:var(--tone-primary)}.messenger-team-channel-list-item-team{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;padding:0px;padding-top:6px;padding-left:8px;padding-bottom:6px}.messenger-team-channel-list-item-team:before{content:"";display:block;position:absolute;top:0px;left:0px;right:-12px;bottom:0px;border-radius:var(--radius-sm);transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden}.messenger-team-channel-list-item-team:hover:before{opacity:1;visibility:visible;background:var(--tone-highlight)}.list-item--is-selected .messenger-team-channel-list-item-team:before{opacity:1;visibility:visible;background:var(--tone-primary)}.messenger-team-channel-list-item-team-head{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center}.messenger-team-channel-list-item-team-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:flex-start}.messenger-team-channel-list-item-team-foot{position:relative;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:center;gap:12px;height:36px}.messenger-team-channel-list-item-picto{--picto-size: 12px;--picto-tone: var(--tone-primary);--picto-fill: var(--tone-neutral);height:16px;width:16px;border-radius:16px}.list-item--is-selected .messenger-team-channel-list-item-picto{--picto-tone: var(--tone-primary-on);--picto-fill: var(--tone-primary)}.messenger-team-channel-list-item-title{--label-size: var(--size-text-sm);--label-tone: var(--tone-title);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans)}.list-item--is-selected .messenger-team-channel-list-item-title{--label-tone: var(--tone-primary-on)}.messenger-team-channel-list-item-infos{--label-size: 12px;--label-tone: var(--tone-infos);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item--is-selected .messenger-team-channel-list-item-infos{--label-tone: var(--tone-primary-on)}.list-item--is-selected .messenger-team-channel-list-item-expand-button{--button-label-tone: var(--tone-primary-on);--button-picto-tone: var(--tone-primary-on)}.messenger-team-channel-list-item-unread-badge{--badge-height: 20px;--badge-radius: 20px;--badge-padding: 0px 4px;--badge-spacing: 0px;--badge-label-size: 11px;min-width:24px;max-width:48px}.list-item--is-selected .messenger-team-channel-list-item-unread-badge{--badge-tone: var(--tone-primary-on);--badge-label-tone: var(--tone-primary);--badge-picto-tone: var(--tone-primary)}.messenger-team-channel-list-item-user-list{--list-margin: 2px 0px 0px 0px;--list-content-spacing: 2px}.messenger-team-channel-list-item-user-list:before{content:"";display:block;position:absolute;top:-10px;left:23px;bottom:10px;background:var(--tone-neutral);width:2px}.messenger-team-channel-list-item-user-list-item{--list-item-tone: transparent;--list-item-padding: 2px 0px 2px 48px;--list-item-spacing: 8px;--list-item-border: none;--list-item-radius: 0px;--list-item-hovered-tone: none;--list-item-selected-tone: none;--list-item-disabled-tone: none}.messenger-team-channel-list-item-user-list-item:before{content:"";display:block;position:absolute;top:50%;left:24px;background:var(--tone-neutral);height:2px;margin:0px;margin-top:-1px;width:16px}.messenger-team-channel-list-item-user-list-item-name{--label-size: var(--size-text-xs);--label-tone: var(--tone-label);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messenger-team-channel-list-item-user-list-item-add-button{--button-height: 20px;--button-picto-size: 11px;--button-label-size: 11px;opacity:0;visibility:hidden}.messenger-team-channel-list-item-user-list-item:hover .messenger-team-channel-list-item-user-list-item-add-button{opacity:1;visibility:visible}
.messenger-team-channel-list{--list-content-spacing: 2px}.messenger-team-channel-list .list-item-placeholder{border:none;background:none;padding:0px;padding-top:6px;padding-left:8px;padding-bottom:6px}.messenger-team-channel-list .list-item-placeholder-image{height:32px;width:32px}
.messenger-sidebar-panel{--panel-content-padding: 24px;--panel-content-spacing: 24px}.messenger-sidebar-panel .messenger-team-channel-list .message,.messenger-sidebar-panel .messenger-room-channel-list .message{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%}
@layer component.base{.resizable-panel{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-self:stretch}.resizable-panel-content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-self:stretch}}

.messenger{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.messenger-sidebar-resizable-panel{position:relative}.messenger-sidebar-resizable-panel-resizer{z-index:25;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--tone-border-md);width:1px}.messenger-sidebar-resizable-panel-resizer:before{content:"";display:block;position:absolute;top:0;left:-6px;right:-6px;bottom:0}.messenger-sidebar-resizable-panel-resizer .picto{box-shadow:var(--shadow-md);flex:none;height:36px;width:36px;border-radius:36px;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;background:var(--tone-surface)}.messenger-sidebar-resizable-panel-resizer:hover .picto{opacity:1;visibility:visible}

.settings-manage-screen-account-content{max-width:640px}.settings-manage-screen-account-content-actions{margin-top:24px;justify-content:flex-end}.settings-manage-screen-account-content-chat{margin-top:32px}
.settings-manage-screen-stripe-content{max-width:640px;display:flex;flex-direction:column;gap:16px;padding:8px 0 24px}.settings-manage-screen-stripe-content-state{margin:0;font-size:14px;line-height:1.45;color:var(--text-primary, inherit)}.settings-manage-screen-stripe-content-note{margin:0;font-size:14px;line-height:1.45;color:var(--text-secondary, inherit)}.settings-manage-screen-stripe-content-error{margin:0;font-size:14px;color:var(--text-danger, #c0392b)}.settings-manage-screen-stripe-content-actions{display:flex;flex-wrap:wrap;gap:12px}

.site-screen iframe{position:absolute;top:0;left:0;height:100%;width:100%;border:none}
.surface-booking-cart-view{display:flex;flex-direction:column;gap:16px}.surface-booking-cart-view-summary{margin:0;font-size:13px;color:var(--tone-infos)}.surface-booking-cart-view-groups{display:flex;flex-direction:column;gap:12px}.surface-booking-cart-view-total{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:10px;background:var(--tone-surface-above)}.surface-booking-cart-view-total-label{font-size:13px;font-weight:600;color:var(--tone-infos)}.surface-booking-cart-view-total-amount{font-size:16px;font-weight:700;color:var(--tone-title)}.surface-booking-cart-view-actions{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:var(--border-md)}.surface-booking-cart-group{border:var(--border-md);border-radius:10px;overflow:hidden;background:var(--tone-surface)}.surface-booking-cart-group-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--tone-surface-above)}.surface-booking-cart-group-picto{font-size:12px;color:var(--tone-picto)}.surface-booking-cart-group-name{font-size:13px;font-weight:600;color:var(--tone-title)}.surface-booking-cart-group-items{display:flex;flex-direction:column}.surface-booking-cart-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-top:var(--border-md)}.surface-booking-cart-row:first-child{border-top:none}.surface-booking-cart-row-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.surface-booking-cart-row-date{font-size:13px;font-weight:500;color:var(--tone-title);text-transform:capitalize}.surface-booking-cart-row-time{font-size:14px;font-weight:700;color:var(--tone-title);letter-spacing:.01em}.surface-booking-cart-row-duration{font-size:12px;color:var(--tone-infos)}.surface-booking-cart-row-price{font-size:14px;font-weight:600;color:var(--tone-title);white-space:nowrap}.surface-booking-cart-row-remove{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:none;background:var(--tone-surface-above);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--tone-picto);font-size:11px;transition:background .12s ease,color .12s ease}.surface-booking-cart-row-remove:hover{background:var(--tone-warning-container);color:var(--tone-warning)}
.surface-booking-confirm-view{display:flex;flex-direction:column;gap:20px}.surface-booking-confirm-view-section{--section-content-spacing: 16px}.surface-booking-confirm-view-error{margin:0;padding:10px 14px;border-radius:8px;background:var(--tone-warning-container);color:var(--tone-warning-container-on);font-size:13px}.surface-booking-confirm-view-actions{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:var(--border-md)}.surface-booking-confirm-view-summary{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:10px;background:var(--tone-surface-above)}.surface-booking-confirm-view-summary-label{font-size:13px;color:var(--tone-infos)}.surface-booking-confirm-view-summary-count{font-size:13px;font-weight:600;color:var(--tone-title)}
.surface-booking-calendar-view{display:flex;flex-direction:column;gap:8px;min-width:0}.surface-booking-calendar-view-days{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}.surface-booking-calendar-view-day{flex-shrink:0;display:flex;flex-direction:column;gap:1px;padding:6px 10px;background:var(--tone-surface);border:var(--border-md);border-radius:8px;cursor:pointer;text-align:left;text-transform:capitalize;transition:background .12s ease}.surface-booking-calendar-view-day:hover{background:var(--tone-highlight)}.surface-booking-calendar-view-day--selected{background:var(--tone-primary-container);border-color:var(--tone-primary-container);color:var(--tone-primary-container-on)}.surface-booking-calendar-view-day-label{font-size:12px;font-weight:600;white-space:nowrap}.surface-booking-calendar-view-day-count{font-size:10px;opacity:.7;white-space:nowrap}.surface-booking-calendar-view-scroll{overflow-x:auto;scrollbar-width:thin;border:var(--border-md);border-radius:10px;background:var(--tone-surface)}.surface-booking-calendar-view-grid{display:grid;min-width:min-content}.surface-booking-calendar-view-corner{position:sticky;left:0;z-index:2;background:var(--tone-surface)}.surface-booking-calendar-view-surface{padding:10px 8px;border-left:var(--border-md);font-size:12px;font-weight:600;color:var(--tone-title);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.surface-booking-calendar-view-hour{position:sticky;left:0;z-index:1;display:flex;align-items:flex-start;justify-content:flex-end;padding:8px 6px 8px 0;border-top:var(--border-md);background:var(--tone-surface);font-size:11px;color:var(--tone-infos)}.surface-booking-calendar-view-cell{display:flex;flex-direction:column;gap:4px;padding:6px 5px;border-top:var(--border-md);border-left:var(--border-md)}.surface-booking-calendar-view-chip{display:flex;flex-direction:column;align-items:center;gap:1px;width:100%;padding:5px 4px;background:var(--tone-surface-above);border:var(--border-md);border-radius:6px;cursor:pointer;transition:background .12s ease}.surface-booking-calendar-view-chip:hover{background:var(--tone-highlight)}.surface-booking-calendar-view-chip--in-cart{background:var(--tone-primary-container);border-color:var(--tone-primary-container);color:var(--tone-primary-container-on)}.surface-booking-calendar-view-chip-time{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:600;white-space:nowrap}.surface-booking-calendar-view-chip-check{font-size:9px}.surface-booking-calendar-view-chip-price{font-size:10px;opacity:.75}
.surface-booking-slot-card{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;color:var(--tone-title)}.surface-booking-slot-card:before{content:"";display:block;position:absolute;top:4px;left:0px;right:0px;bottom:4px;border-radius:var(--radius-sm);transition-property:visibility,opacity;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-duration:350ms;opacity:0;visibility:hidden;background:var(--tone-primary-container)}.surface-booking-slot-card>*{position:relative}.surface-booking-slot-card--in-cart{color:var(--tone-primary-container-on)}.surface-booking-slot-card--in-cart:before{opacity:1;visibility:visible}.surface-booking-slot-card-heading{flex:1;min-width:0}.surface-booking-slot-card-price{margin-left:auto;font-size:14px;font-weight:600;color:inherit}
.surface-booking-results-view{display:flex;flex-direction:column;gap:8px}.surface-booking-results-view-back{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.surface-booking-results-accordion{border:var(--border-md);border-radius:10px;overflow:hidden;background:var(--tone-surface)}.surface-booking-results-accordion--open .surface-booking-results-accordion-chevron{transform:rotate(180deg)}.surface-booking-results-accordion-header{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;background:none;border:none;cursor:pointer;text-align:left;transition:background .12s ease}.surface-booking-results-accordion-header:hover{background:var(--tone-highlight)}.surface-booking-results-accordion-picto{flex-shrink:0;font-size:13px;color:var(--tone-picto)}.surface-booking-results-accordion-title{flex:1;font-size:14px;font-weight:600;color:var(--tone-title)}.surface-booking-results-accordion-count{font-size:12px;color:var(--tone-infos);white-space:nowrap}.surface-booking-results-accordion-cart-count{color:var(--tone-primary);font-weight:600}.surface-booking-results-accordion-chevron{flex-shrink:0;font-size:12px;color:var(--tone-picto);transition:transform .2s ease}.surface-booking-results-accordion-body{display:flex;flex-direction:column;gap:0px;padding:10px 12px 12px;border-top:var(--border-md)}.surface-booking-results-accordion-body>.surface-booking-slot-card+.surface-booking-slot-card{border-top:var(--border-md)}
.surface-booking-steps-bar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border:var(--border-md);border-radius:var(--radius-md);gap:16px;padding:16px}.surface-booking-steps-bar-steps{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex:1;min-width:0}.surface-booking-steps-bar-step{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;flex-shrink:0}.surface-booking-steps-bar-connector{flex:1;min-width:12px;height:1px;background:var(--tone-border-md);margin:0 6px}.surface-booking-steps-bar-connector--active{background:var(--tone-primary)}.surface-booking-steps-bar-step-node{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:2px solid var(--tone-border-md);background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;cursor:default;padding:0;transition:background .15s ease,border-color .15s ease}.surface-booking-steps-bar-step--done .surface-booking-steps-bar-step-node{background:var(--tone-primary);border-color:var(--tone-primary);cursor:pointer}.surface-booking-steps-bar-step--active .surface-booking-steps-bar-step-node{border-color:var(--tone-primary);background:var(--tone-primary)}.surface-booking-steps-bar-step-number{font-size:11px;font-weight:700;color:var(--tone-infos);line-height:1}.surface-booking-steps-bar-step--active .surface-booking-steps-bar-step-number{color:var(--tone-primary-on)}.surface-booking-steps-bar-step-picto{font-size:11px;color:var(--tone-primary-on)}.surface-booking-steps-bar-step-picto .fa-duotone{--fa-primary-color:var(--tone-primary-on);--fa-secondary-color:var(--tone-primary-on);--fa-primary-opacity:1;--fa-secondary-opacity:.25;color:var(--tone-primary-on)}.surface-booking-steps-bar-step-label{font-size:12px;font-weight:500;color:var(--tone-infos);white-space:nowrap}.surface-booking-steps-bar-step--done .surface-booking-steps-bar-step-label{color:var(--tone-primary)}.surface-booking-steps-bar-step--active .surface-booking-steps-bar-step-label{color:var(--tone-title);font-weight:600}
.surface-booking-reservation-card{border:var(--border-md);border-radius:10px;overflow:hidden;background:var(--tone-surface)}.surface-booking-reservation-card-header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--tone-surface-above)}.surface-booking-reservation-card-header-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.surface-booking-reservation-card-date{font-size:13px;font-weight:600;color:var(--tone-title);text-transform:capitalize}.surface-booking-reservation-card-count{font-size:12px;color:var(--tone-infos)}.surface-booking-reservation-card-status{flex-shrink:0;padding:3px 8px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.02em}.surface-booking-reservation-card-status--confirmed{background:var(--tone-success-container);color:var(--tone-success-container-on)}.surface-booking-reservation-card-status--pending{background:var(--tone-caution-container);color:var(--tone-caution-container-on)}.surface-booking-reservation-card-status--cancelled{background:var(--tone-neutral);color:var(--tone-infos)}.surface-booking-reservation-card-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.surface-booking-reservation-card-note{padding:10px 14px;font-size:13px;color:var(--tone-infos);border-bottom:var(--border-md);font-style:italic}.surface-booking-reservation-card-slots{display:flex;flex-direction:column}.surface-booking-reservation-card-slot{display:flex;align-items:center;gap:12px;padding:10px 14px;border-top:var(--border-md)}.surface-booking-reservation-card-slot:first-child{border-top:none}.surface-booking-reservation-card-slot-picto{font-size:12px;color:var(--tone-picto);flex-shrink:0}.surface-booking-reservation-card-slot-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.surface-booking-reservation-card-slot-surface{font-size:12px;font-weight:600;color:var(--tone-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.surface-booking-reservation-card-slot-date{font-size:12px;color:var(--tone-infos);text-transform:capitalize}.surface-booking-reservation-card-slot-time{font-size:13px;font-weight:700;color:var(--tone-title);white-space:nowrap}.surface-booking-reservation-card-slot-price{font-size:13px;font-weight:600;color:var(--tone-title);white-space:nowrap;flex-shrink:0}
.surface-booking-manage-screen-list-content-list{display:flex;flex-direction:column;gap:12px}
.team-dropdown-input{--dropdown-input-tone: transparent;--dropdown-input-border: none;--dropdown-input-radius: 0px;border-radius:var(--radius-sm);border:var(--border-md);background:var(--input-tone);padding:0px;padding-left:16px}.team-dropdown-input .input-field-label{--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-family:var(--font-family-sans)}@media(max-width: 1279.98px){.team-dropdown-input .input-field-label{display:none}}.team-dropdown-input>.input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}@media(max-width: 1279.98px){.team-dropdown-input{width:100%;max-width:100%;min-width:0;padding:0px}.team-dropdown-input .dropdown-input-head{display:none}}
.team-availability-list{border:1px solid var(--tone-border-md);border-radius:var(--radius-md);position:relative;display:grid;grid-template-columns:auto minmax(0, 1fr);padding:24px}.team-availability-list-group{position:relative;display:grid;grid-template-columns:subgrid;grid-column-start:1;grid-column-end:-1;gap:16px;min-height:36px;padding-top:16px;padding-bottom:16px}@media(max-width: 1279.98px){.team-availability-list-group{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}}.team-availability-list-group:first-child{padding-top:0px}.team-availability-list-group:last-child{padding-bottom:0px}.team-availability-list-group:not(:last-child){border-bottom:1px solid var(--tone-border-md)}.team-availability-list-group-head{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;margin-top:2px;margin-bottom:2px;width:200px}.team-availability-list-group-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.team-availability-list-hour-range{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}.team-availability-list-switch{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}.team-availability-list-switch-label{--font-weight: var(--font-weight-600);font-weight:var(--font-weight);font-family:var(--font-family-sans)}.team-availability-list-hour-list{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px}.team-availability-list-hour-list-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px}.team-availability-list-hour-list-item{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}.team-availability-list-hour-list-item-body{position:relative;display:flex;flex:1 0 auto;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.team-availability-list-hour-list-item-body .select-input{flex:1 1 0}.team-availability-list-hour-list-item-all-day-button{--button-selected-tone: var(--tone-primary);--button-selected-label-tone: var(--tone-primary-on);--button-selected-picto-tone: var(--tone-primary-on)}.team-availability-list-unavailable{color:var(--tone-infos);font-size:var(--size-text-sm);font-family:var(--font-family-sans);position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--tone-surface-below);height:36px;background:repeating-linear-gradient(45deg, rgb(from var(--tone-surface-below) r g b/75%) 0px, rgb(from var(--tone-surface-below) r g b/75%) 12px, rgb(from var(--tone-surface-below) r g b/25%) 12px, rgb(from var(--tone-surface-below) r g b/25%) 24px)}
.team-restriction-list-item{--list-item-padding: 16px 0px}.team-restriction-list-item:first-child{border-top:none}.team-restriction-list-item:last-child{border-bottom:none}.team-restriction-list-item .date-input{flex:1 0 auto}@media(max-width: 1279.98px){.team-restriction-list-item .list-item-content{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}}.team-restriction-list-item-head{position:relative;display:flex;flex:1 0 auto;flex-direction:row;align-items:center;justify-content:flex-start}.team-restriction-list-item-body{position:relative;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}.team-restriction-list-item-all-day-button{--button-selected-tone: var(--tone-primary);--button-selected-label-tone: var(--tone-primary-on);--button-selected-picto-tone: var(--tone-primary-on)}
.team-restriction-list{--list-border: var(--border-md);--list-radius: var(--radius-md);--list-padding: 12px 24px}.team-restriction-list .list-item-placeholder{--list-item-padding: 16px 0px}.team-restriction-list .list-item-placeholder:first-child{border-top:none}.team-restriction-list .list-item-placeholder:last-child{border-bottom:none}.team-restriction-list-create-item{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:16px 0px 16px 0px}
.team-manage-screen-availabilities-content .section.section--aside{display:grid;grid-template-columns:clamp(320px,40%,560px) minmax(0, 1fr)}@media(max-width: 1919.98px){.team-manage-screen-availabilities-content .section.section--aside{grid-template-columns:repeat(1, minmax(0, 1fr))}}.team-manage-screen-availabilities-content .section.section--aside .section-head{position:relative;display:flex;flex:none;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:16px;min-width:320px;max-width:560px}.team-manage-screen-availabilities-content .section.section--aside .section-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}
.team-logo{border:1px solid var(--tone-border-md);position:relative;flex:none;height:48px;width:48px;border-radius:100vw;background:var(--tone-neutral);container-type:size;container-name:root}.team-logo-image{height:100%;width:100%;object-fit:cover;object-position:center center}.team-logo-title{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.team-logo-title .initials{color:var(--tone-primary);font-size:40cqw;font-weight:var(--font-weight-700);text-shadow:0px 0px 1px rgba(0,0,0,.25)}
.team-team-update-modal{--modal-content-padding: 32px 64px 32px 64px;--modal-content-spacing: 32px}.team-team-update-modal .color-input{overflow:visible}.team-team-update-modal .modal-content{overflow:visible}
.team-manage-screen-details-content .card{--card-tone: transparent;--card-border: var(--border-md);--card-padding: 24px;--card-spacing: 24px}.team-manage-screen-details-content-head{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:32px}.team-manage-screen-details-content-head .team-logo{height:88px;width:88px}.team-manage-screen-details-content-edit{flex:none;margin-left:auto}.team-manage-screen-details-content-heading{flex:1 0 auto;min-width:0;--heading-title-size: var(--size-title-lg);--heading-infos-size: var(--size-title-md)}.team-manage-screen-details-content-colors-cards{display:grid;grid-template-columns:minmax(0, 40%) minmax(0, 60%)}@media(max-width: 1599.98px){.team-manage-screen-details-content-colors-cards{grid-template-columns:repeat(1, minmax(0, 1fr))}}.team-manage-screen-details-content-colors-card .card-content{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr))}@media(max-width: 1279.98px){.team-manage-screen-details-content-colors-card .card-content{grid-template-columns:repeat(1, minmax(0, 1fr))}}.team-manage-screen-details-content-manager-card .card-content{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr))}@media(max-width: 1279.98px){.team-manage-screen-details-content-manager-card .card-content{grid-template-columns:repeat(1, minmax(0, 1fr))}}.team-manage-screen-details-content-data{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px}.team-manage-screen-details-content-data-value{--label-tone: var(--tone-title);--label-size: var(--size-text-md)}.team-manage-screen-details-content-data--color-1 .team-manage-screen-details-content-data-value,.team-manage-screen-details-content-data--color-2 .team-manage-screen-details-content-data-value{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px}.team-manage-screen-details-content-data--color-1 .team-manage-screen-details-content-data-value:before,.team-manage-screen-details-content-data--color-2 .team-manage-screen-details-content-data-value:before{content:"";display:block;height:12px;width:12px;border-radius:12px;flex:none;background:var(--team-color);box-shadow:0 0 0 1px rgb(from var(--tone-title) r g b/40%),inset 0 0 0 1px rgb(from var(--tone-white) r g b/45%)}.team-manage-screen-details-content-data-label{--label-tone: var(--tone-infos);--label-size: var(--size-text-xs)}
.team-game-table{--table-header-sticky-offset: calc(var(--screen-header-height) + var(--screen-tabs-height))}.team-game-table .table-cell--actions{--table-cell-width: 1%}.team-game-table .table-head .table-cell{z-index:5;position:sticky;top:var(--table-header-sticky-offset);background:var(--tone-container)}.team-game-table-opponent{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}.team-game-table-opponent-logo{height:36px;width:36px}.team-game-table-opponent-title{color:var(--tone-title);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-title-sm);white-space:nowrap;font-family:var(--font-family-sans)}.team-game-table-opponent-infos{color:var(--tone-infos);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--size-title-xs);white-space:nowrap;font-family:var(--font-family-sans)}@media(min-width: 960px){.team-game-table-opponent-infos{display:none}}.team-game-table-score{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.team-game-table-score-picto,.team-game-table-score-label{display:flex;flex-direction:column;align-items:center;justify-content:center;height:20px;width:20px;border-radius:20px}.team-game-table-score--tie .team-game-table-score-picto,.team-game-table-score--tie .team-game-table-score-label{background:var(--tone-yellow)}.team-game-table-score--win .team-game-table-score-picto,.team-game-table-score--win .team-game-table-score-label{background:var(--tone-green)}.team-game-table-score--loss .team-game-table-score-picto,.team-game-table-score--loss .team-game-table-score-label{background:var(--tone-red)}.team-game-table-score-label{color:var(--tone-white);--font-weight: var(--font-weight-800);font-weight:var(--font-weight);font-size:13px;font-family:var(--font-family-sans)}.team-game-table-score-picto{font-size:16px;--fa-primary-color:var(--tone-white);--fa-secondary-color:var(--tone-white);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-white)}.team-game-table-score-value{--font-weight: var(--font-weight-600);font-weight:var(--font-weight);font-size:16px;font-family:var(--font-family-sans)}.team-game-table-score-unavailable{--label-tone: var(--tone-infos)}

.team-player-list-item-head{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start}.team-player-list-item-body{position:relative;display:grid;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);gap:16px}.team-player-list-item-player-name{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;min-width:0}@media(max-width: 1279.98px){.team-player-list-item.list-item{flex-wrap:wrap}}.team-player-list-item-player-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.team-player-list-item-title{color:var(--tone-label);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-text-md);font-family:var(--font-family-sans)}.team-player-list-item-infos{color:var(--tone-infos);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--size-text-sm);font-family:var(--font-family-sans)}.team-player-list-item-player-info{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.team-player-list-item-player-class{border-radius:var(--radius-md);border:1px solid var(--tone-border-md);position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;padding:4px;padding-left:12px;padding-right:12px}.team-player-list-item-player-class-picto{font-size:var(--size-icon-xs);--fa-primary-color:var(--tone-picto);--fa-secondary-color:var(--tone-picto);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-picto)}.team-player-list-item-player-class-value{color:var(--tone-infos);font-size:var(--size-text-xs);white-space:nowrap;font-family:var(--font-family-sans)}


.team-player-create-panel{--panel-content-padding: 32px 64px 32px 64px;--panel-content-spacing: 32px}.team-player-create-panel .panel-content{flex-direction:column;align-items:stretch;justify-content:center}@media(max-width: 1279.98px){.team-player-create-panel{--panel-content-padding: 16px;--panel-content-spacing: 16px}}
.team-player-profile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.team-player-profile-body{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.team-player-profile-title{color:var(--tone-title);--font-weight: var(--font-weight-500);font-weight:var(--font-weight);font-size:var(--size-title-lg);font-family:var(--font-family-sans);text-align:center}

.team-player-import-panel{--panel-content-padding: 32px 64px 32px 64px;--panel-content-spacing: 32px}@media(max-width: 1279.98px){.team-player-import-panel{--panel-content-padding: 16px;--panel-content-spacing: 16px}}.team-player-import-panel-form{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:32px}.team-player-import-panel-form-content{padding:0px;padding-left:48px;padding-right:48px;width:100%}@media(max-width: 1279.98px){.team-player-import-panel-form-content{padding-left:0;padding-right:0}}
.team-player-list-panel{--panel-content-padding: 0px}.team-player-list-panel-search-input{width:100%;min-width:0;max-width:100%}@media(max-width: 1279.98px){.team-player-list-panel .panel-footer{min-width:0}.team-player-list-panel .panel-footer .pagination{min-width:0;max-width:100%}}
.team-player-add-button{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0}.team-player-add-button-popover{--popover-height: 480px;--popover-width: 640px;--popover-max-width: min(640px, calc(100vw - 16px));--popover-max-height: min(480px, calc(100dvh - 24px));--popover-padding: 0px;--popover-spacing: 0px;--input-tone: var(--tone-neutral-highlight)}.team-player-add-button-popover.popover .popover-content{min-width:0;width:100%;max-width:100%}.team-player-add-button-popover .panel-stack{border-radius:var(--radius-sm)}.team-player-add-button-popover .panel{--panel-tone: var(--tone-container-above)}.team-player-add-button-popover .team-player-list .list-item:first-child{border-top:none}@media(max-width: 1279.98px){.team-player-add-button-popover{--popover-width: 100%;--popover-height: 100%;--popover-max-width: 100%;--popover-max-height: 100%;--popover-offset-y: 0px;--popover-offset-x: 0px}.team-player-add-button-popover.popover{inset:8px 8px 80px 8px !important;width:auto !important;height:auto !important;max-width:none;max-height:none}.team-player-add-button-popover .popover-pointer{display:none}.team-player-add-button-popover.popover .popover-content{height:100%;max-height:100%}}
.screen-content:has(.team-player-table),.section:has(.team-player-table),.section:has(.team-player-table) .section-body,.section:has(.team-player-table) .section-content{min-width:0;max-width:100%}.team-player-table{--table-layout: auto;--table-header-sticky-offset: calc(var(--screen-header-height) + var(--screen-tabs-height));min-width:0;max-width:100%}.team-player-table .table-head .table-cell{z-index:5;position:sticky;top:var(--table-header-sticky-offset);background:var(--tone-container)}.team-player-table .table-cell--image{--table-cell-width: 56px}.team-player-table .table-cell--playerClass,.team-player-table .table-cell--goalerClass{--table-cell-width: 120px}.team-player-table .table-cell--status{--table-cell-width: 160px}.team-player-table .table-cell--actions{--table-cell-width: 200px}


.team-player-update-modal{--modal-content-padding: 32px 64px 32px 64px;--modal-content-spacing: 32px}
.team-manage-screen-players-content-messages{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px}

.transaction-trade-board{display:grid;width:100%;grid-template-columns:minmax(0, 1fr);gap:var(--screen-tabs-spacing)}@media(min-width: 960px){.transaction-trade-board{grid-template-columns:repeat(2, minmax(0, 1fr))}}.transaction-trade-board>.section{min-width:0;max-width:100%;overflow:hidden}.transaction-trade-assets{display:flex;flex-direction:column;min-width:0}.transaction-trade-asset{display:grid;grid-template-columns:minmax(0, 1.15fr) minmax(0, 1fr) auto;gap:var(--section-spacing);align-items:center;min-width:0;padding-block:var(--section-actions-spacing)}.transaction-trade-asset+.transaction-trade-asset{border-top:var(--border-md)}.transaction-trade-asset-main,.transaction-trade-asset-destination,.transaction-trade-asset-toward{min-width:0}.transaction-trade-asset-destination{width:100%;max-width:100%;overflow:hidden}.transaction-trade-asset-destination .select-input-body,.transaction-trade-asset-destination .select-input-body select{width:100%;min-width:0;max-width:100%}.transaction-trade-asset-toward{color:var(--tone-text);font-size:var(--size-text-sm)}.transaction-trade-asset-kind,.transaction-trade-asset-private{display:block;color:var(--tone-infos);font-size:var(--size-title-xs)}.transaction-trade-actions.button-group{position:relative;z-index:1;flex-wrap:wrap}
.video-player-modal{--video-player-modal-margin: 32px;aspect-ratio:16/9;background:#000;overflow:hidden;padding:0px;width:min(1280px,100vw - var(--video-player-modal-margin)*2,(100vh - var(--video-player-modal-margin)*2)*16/9)}@media(max-width: 959.98px){.video-player-modal{--video-player-modal-margin: 0px}}.video-player-modal .video-player-modal-frame{border:none;display:block;width:100%;height:100%}
.video-grid-item{--grid-item-padding: 0px;--grid-item-spacing: 0px}.video-grid-item .grid-item-content{display:grid;grid-template-columns:minmax(0, 240px) minmax(0, 1fr)}.video-grid-item{overflow:hidden}.video-grid-item .video-grid-item-head{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;aspect-ratio:16/9;background:var(--tone-surface-below);overflow:hidden;width:240px}.video-grid-item .video-grid-item-body{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;padding:16px}.video-grid-item .video-grid-item-summary{position:relative;display:flex;flex:1 0 auto;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:12px}.video-grid-item .video-grid-item-image{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;object-fit:cover;object-position:center center}.video-grid-item .video-grid-item-play{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition-property:visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);background:rgba(0,0,0,.15);opacity:0}.video-grid-item .video-grid-item-play-picto{--picto-tone: var(--tone-white);--picto-size: 32px}.video-grid-item:hover .video-grid-item-play{opacity:1}.video-grid-item .video-grid-item-type{position:absolute;top:12px;left:12px}.video-grid-item .video-grid-item-period{color:var(--tone-white);--font-weight: var(--font-weight-600);font-weight:var(--font-weight);font-size:var(--size-text-xs);font-family:var(--font-family-sans);position:absolute;right:12px;bottom:12px;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--tone-black);padding:4px 8px}.video-grid-item .video-grid-item-heading{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%}.video-grid-item .video-grid-item-heading .heading-title,.video-grid-item .video-grid-item-heading .heading-infos{max-width:480px}.video-grid-item .video-grid-item-score{color:var(--tone-label);--font-weight: var(--font-weight-600);font-weight:var(--font-weight);font-size:var(--size-text-xs);font-family:var(--font-family-sans);display:flex;flex:none;flex-direction:row;align-items:center;justify-content:flex-start;border:var(--border-md);border-radius:var(--radius-md);overflow:hidden}.video-grid-item .video-grid-item-score-team{padding:4px;padding-left:8px;padding-right:8px}.video-grid-item .video-grid-item-score-team.video-grid-item-score-team--highlight{background:var(--tone-primary-container)}.video-grid-item .video-grid-item-score-value{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;border-left:var(--border-md);border-right:var(--border-md);font-variant-numeric:tabular-nums;padding:4px;padding-left:8px;padding-right:8px}.video-grid-item .video-grid-item-match{color:var(--tone-infos);--font-weight: var(--font-weight-400);font-weight:var(--font-weight);font-size:var(--size-text-xs);font-family:var(--font-family-sans);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.video-grid-item .video-grid-item-match-title{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-grid-item .video-grid-item-match-infos{flex:none}.video-grid-item .video-grid-item-like{--button-label-font-weight: var(--font-weight-500);font-variant-numeric:tabular-nums}
.video-grid .grid-content{grid-template-columns:repeat(1, minmax(0, 1fr))}.video-grid .video-grid-date{color:var(--tone-title);--font-weight: var(--font-weight-600);font-weight:var(--font-weight);font-size:var(--size-text-sm);font-family:var(--font-family-sans);grid-column-start:1;grid-column-end:-1}.video-grid .video-grid-date:not(:first-child){margin-top:8px}



.main-layout{position:relative;display:grid;grid-template-columns:auto minmax(0, 1fr)}@media(max-width: 1279.98px){.main-layout{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}}.main-layout-head{z-index:500;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center}@media(max-width: 1279.98px){.main-layout-head{order:1}}.main-layout-body{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start}@media(max-width: 1279.98px){.main-layout-body{order:0}}



.payment-screen{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:32px 16px;background:var(--background-primary)}.payment-screen--loading,.payment-screen--error,.payment-screen--success{justify-content:center}.payment-screen-message{font-size:16px;color:var(--text-secondary);text-align:center}.payment-screen-summary{width:100%;max-width:520px;background:var(--background-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:24px;margin-bottom:24px}.payment-screen-summary-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.payment-screen-summary-desc{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.payment-screen-summary-lines{display:flex;flex-direction:column;gap:8px}.payment-screen-summary-line{display:flex;justify-content:space-between;font-size:14px;color:var(--text-primary)}.payment-screen-summary-line--total{font-weight:600;font-size:16px}.payment-screen-summary-separator{height:1px;background:var(--border-primary);margin:4px 0}.payment-screen-iframe-wrapper{width:100%;max-width:520px}.payment-screen-iframe{display:block;width:100%;height:550px;border:2px solid var(--border-primary);border-radius:8px;box-sizing:border-box}.payment-screen-actions{width:100%;max-width:520px;display:flex;flex-direction:column;align-items:stretch;gap:12px}.payment-screen-error{font-size:14px;color:var(--text-danger, #c0392b);text-align:center}
.attendance-answer-screen{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:32px 16px;background:var(--background-primary)}.attendance-answer-screen--loading,.attendance-answer-screen--error{justify-content:center}.attendance-answer-card{width:100%;max-width:560px;background:var(--background-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:24px}.attendance-answer-header{display:flex;justify-content:flex-end;margin-bottom:16px}.attendance-answer-lang{display:flex;gap:12px;font-size:14px}.attendance-answer-lang a{color:var(--text-secondary);text-decoration:none}.attendance-answer-lang a.is-active{color:var(--text-primary);font-weight:600}.attendance-answer-title{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.attendance-answer-message{font-size:16px;color:var(--text-secondary);line-height:1.5;margin:0 0 16px}.attendance-answer-message--error{color:var(--text-danger, #cc0000)}.attendance-answer-details{display:flex;flex-direction:column;gap:8px;margin:0 0 20px;font-size:14px;color:var(--text-primary)}.attendance-answer-details dt{font-weight:600}.attendance-answer-details dd{margin:0 0 4px;color:var(--text-secondary)}.attendance-answer-form{display:flex;flex-direction:column;gap:16px}.attendance-answer-field{display:flex;flex-direction:column;gap:6px}.attendance-answer-field label{font-size:14px;font-weight:600;color:var(--text-primary)}.attendance-answer-field select,.attendance-answer-field textarea{width:100%;border:1px solid var(--border-primary);border-radius:6px;background:var(--background-primary);color:var(--text-primary);font-size:14px;padding:10px 12px}.attendance-answer-field textarea{min-height:90px;resize:vertical}.attendance-answer-actions{display:flex;justify-content:flex-end}.attendance-answer-email{font-weight:600;color:var(--text-primary);margin:0 0 16px}.attendance-answer-footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-primary);font-size:13px;color:var(--text-secondary)}.attendance-answer-footer a{color:var(--text-primary)}
.public-page{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:32px 16px;background:var(--background-primary)}.public-page--loading,.public-page--error{justify-content:center}.public-page-card{width:100%;max-width:640px;background:var(--background-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:24px}.public-page-header{display:flex;justify-content:flex-end;margin-bottom:16px}.public-page-lang{display:flex;gap:12px;font-size:14px}.public-page-lang a{color:var(--text-secondary);text-decoration:none}.public-page-lang a.is-active{color:var(--text-primary);font-weight:600}.public-page-title{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.public-page-message{font-size:16px;color:var(--text-secondary);line-height:1.5;margin:0 0 16px;white-space:pre-line}.public-page-message--error{color:var(--text-danger, #cc0000)}.public-page-details{display:flex;flex-direction:column;gap:8px;margin:0 0 20px;font-size:14px;color:var(--text-primary)}.public-page-details dt{font-weight:600}.public-page-details dd{margin:0 0 4px;color:var(--text-secondary)}.public-page-form{display:flex;flex-direction:column;gap:16px}.public-page-field{display:flex;flex-direction:column;gap:6px}.public-page-field label{font-size:14px;font-weight:600;color:var(--text-primary)}.public-page-field input,.public-page-field select,.public-page-field textarea{width:100%;border:1px solid var(--border-primary);border-radius:6px;background:var(--background-primary);color:var(--text-primary);font-size:14px;padding:10px 12px}.public-page-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--text-primary)}.public-page-actions{display:flex;justify-content:flex-end;gap:12px}.public-page-footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-primary);font-size:13px;color:var(--text-secondary)}.public-page-footer a{color:var(--text-primary)}.public-page-canvas{width:100%;height:160px;border:1px solid var(--border-primary);border-radius:6px;background:#fff;touch-action:none}
.root-layout{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden}.loaded .root-layout{opacity:1;visibility:visible}