@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;@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer theme{:root{--color-white: #FFF;--color-black: #000;--color-red-100: #FFF;--color-red-200: #FFF0EF;--color-red-300: #FFD3D2;--color-red-400: #FF9EA0;--color-red-500: #FF455A;--color-red-600: #DF1C40;--color-red-700: #B30026;--color-red-800: #770013;--color-red-900: #370003;--color-blue-100: #FFF;--color-blue-200: #EDF7FF;--color-blue-300: #CADEFF;--color-blue-400: #90B3FF;--color-blue-500: #4972FF;--color-blue-600: #3659E4;--color-blue-700: #213AC4;--color-blue-800: #11059F;--color-blue-900: #06005B;--color-green-100: #FFF;--color-green-200: #DBFFE8;--color-green-300: #93FFBC;--color-green-400: #50F196;--color-green-500: #00CA72;--color-green-600: #00A954;--color-green-700: #007F3A;--color-green-800: #00501F;--color-green-900: #001F04;--color-yellow-100: #FFF;--color-yellow-200: #FFFAC5;--color-yellow-300: #FFEB91;--color-yellow-400: #FFD340;--color-yellow-500: #E6B600;--color-yellow-600: #C09300;--color-yellow-700: #8F6B00;--color-yellow-800: #594000;--color-yellow-900: #211400;--color-orange-100: #FFF;--color-orange-200: #FFF5E2;--color-orange-300: #FFE0BE;--color-orange-400: #FFBC7B;--color-orange-500: #FB8C00;--color-orange-600: #D76C00;--color-orange-700: #A24E00;--color-orange-800: #682D00;--color-orange-900: #2B0B00;--color-purple-100: #FFF;--color-purple-200: #FFECFF;--color-purple-300: #FFC6F4;--color-purple-400: #FF7BE2;--color-purple-500: #D730B0;--color-purple-600: #BC0098;--color-purple-700: #950077;--color-purple-800: #64004F;--color-purple-900: #310025;--border-sm: 1px solid var(--tone-border);--border-md: 1px solid var(--tone-border);--border-lg: 2px solid var(--tone-border);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--shadow-sm: 0px 0px 4px rgba(0, 0, 0, 0.025);--shadow-md: 0px 0px 12px rgba(0, 0, 0, 0.050);--shadow-lg: 0px 0px 16px rgba(0, 0, 0, 0.125);--font-family-sans: "Rethink Sans", sans-serif;--font-family-mono: "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;--font-weight-300: 300;--font-weight-400: 450;--font-weight-500: 550;--font-weight-600: 600;--font-weight-700: 700;--font-weight-800: 800;--font-weight-900: 900;--icon-size-xs: 11px;--icon-size-sm: 14px;--icon-size-md: 16px;--icon-size-lg: 18px;--icon-size-xl: 20px;--text-size-xs: 13px;--text-size-sm: 14px;--text-size-md: 15px;--text-size-lg: 17px;--text-size-xl: 19px;--title-size-xs: 14px;--title-size-sm: 15px;--title-size-md: 17px;--title-size-lg: 22px;--title-size-xl: 32px}}@layer theme.style{@media(prefers-color-scheme: light){.theme-auto{--color-gray-100: #FFF;--color-gray-125: #FAFBFD;--color-gray-150: #F5F6F8;--color-gray-175: #F0F1F4;--color-gray-200: #EAEBEE;--color-gray-225: #E4E5E9;--color-gray-250: #DEE0E4;--color-gray-275: #D8DADE;--color-gray-300: #D1D3D8;--color-gray-325: #CBCDD3;--color-gray-350: #C5C7CD;--color-gray-375: #BEC1C7;--color-gray-400: #B7BAC1;--color-gray-425: #B1B4BB;--color-gray-450: #AAADB5;--color-gray-475: #A4A7AF;--color-gray-500: #9DA1A9;--color-gray-525: #969AA3;--color-gray-550: #90949D;--color-gray-575: #898D96;--color-gray-600: #828690;--color-gray-625: #7C808A;--color-gray-650: #757A84;--color-gray-675: #6E737E;--color-gray-700: #686D78;--color-gray-725: #616672;--color-gray-750: #5B606C;--color-gray-775: #545966;--color-gray-800: #4E5360;--color-gray-825: #474D5A;--color-gray-850: #414754;--color-gray-875: #3B404E;--color-gray-900: #353A48;--tone-mode: -1;--tone-white: var(--color-white);--tone-black: var(--color-black);--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-850);--tone-title: var(--color-gray-900);--tone-label: var(--color-gray-850);--tone-infos: var(--color-gray-600);--tone-picto: var(--color-gray-550);--tone-container-below: var(--color-gray-175);--tone-container: var(--color-gray-125);--tone-container-above: var(--color-gray-100);--tone-surface-below-all: var(--color-gray-175);--tone-surface-below: var(--color-gray-125);--tone-surface: var(--color-gray-100);--tone-surface-above: var(--color-gray-125);--tone-surface-above-all: var(--color-gray-175);--tone-neutral: var(--color-gray-250);--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-primary: rgb(from var(--color-blue-500) r g b / 100%);--tone-primary-on: rgb(from var(--color-blue-100) r g b / 100%);--tone-primary-on-variant: rgb(from var(--color-blue-100) r g b / 75%);--tone-primary-container: rgb(from var(--color-blue-400) r g b / 25%);--tone-primary-container-on: rgb(from var(--color-blue-800) r g b / 100%);--tone-primary-container-on-variant: rgb(from var(--color-blue-800) r g b / 50%);--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 / 25%);--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-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 / 25%);--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-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 / 25%);--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-floater: var(--color-gray-900);--tone-floater-on: var(--color-gray-100);--tone-floater-on-variant: var(--color-gray-100);--tone-border: rgb(from var(--color-gray-375) r g b / 50%);--tone-stroke: rgb(from var(--color-gray-375) r g b / 50%);--tone-input: var(--color-gray-100);--tone-input-variant: var(--color-gray-125);--tone-highlight: rgb(from var(--color-blue-500) r g b / 10%);--tone-backdrop: rgb(from var(--color-gray-900) r g b / 50%);--scrollbar-track-color: rgb(from var(--color-gray-150) r g b / 75%);--scrollbar-thumb-color: rgb(from var(--color-gray-700) r g b / 75%);--border-sm: 1px solid var(--tone-border);--border-md: 1px solid var(--tone-border);--border-lg: 2px solid var(--tone-border)}}.theme-light{--color-gray-100: #FFF;--color-gray-125: #FAFBFD;--color-gray-150: #F5F6F8;--color-gray-175: #F0F1F4;--color-gray-200: #EAEBEE;--color-gray-225: #E4E5E9;--color-gray-250: #DEE0E4;--color-gray-275: #D8DADE;--color-gray-300: #D1D3D8;--color-gray-325: #CBCDD3;--color-gray-350: #C5C7CD;--color-gray-375: #BEC1C7;--color-gray-400: #B7BAC1;--color-gray-425: #B1B4BB;--color-gray-450: #AAADB5;--color-gray-475: #A4A7AF;--color-gray-500: #9DA1A9;--color-gray-525: #969AA3;--color-gray-550: #90949D;--color-gray-575: #898D96;--color-gray-600: #828690;--color-gray-625: #7C808A;--color-gray-650: #757A84;--color-gray-675: #6E737E;--color-gray-700: #686D78;--color-gray-725: #616672;--color-gray-750: #5B606C;--color-gray-775: #545966;--color-gray-800: #4E5360;--color-gray-825: #474D5A;--color-gray-850: #414754;--color-gray-875: #3B404E;--color-gray-900: #353A48;--tone-mode: -1;--tone-white: var(--color-white);--tone-black: var(--color-black);--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-850);--tone-title: var(--color-gray-900);--tone-label: var(--color-gray-850);--tone-infos: var(--color-gray-600);--tone-picto: var(--color-gray-550);--tone-container-below: var(--color-gray-175);--tone-container: var(--color-gray-125);--tone-container-above: var(--color-gray-100);--tone-surface-below-all: var(--color-gray-175);--tone-surface-below: var(--color-gray-125);--tone-surface: var(--color-gray-100);--tone-surface-above: var(--color-gray-125);--tone-surface-above-all: var(--color-gray-175);--tone-neutral: var(--color-gray-250);--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-primary: rgb(from var(--color-blue-500) r g b / 100%);--tone-primary-on: rgb(from var(--color-blue-100) r g b / 100%);--tone-primary-on-variant: rgb(from var(--color-blue-100) r g b / 75%);--tone-primary-container: rgb(from var(--color-blue-400) r g b / 25%);--tone-primary-container-on: rgb(from var(--color-blue-800) r g b / 100%);--tone-primary-container-on-variant: rgb(from var(--color-blue-800) r g b / 50%);--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 / 25%);--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-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 / 25%);--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-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 / 25%);--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-floater: var(--color-gray-900);--tone-floater-on: var(--color-gray-100);--tone-floater-on-variant: var(--color-gray-100);--tone-border: rgb(from var(--color-gray-375) r g b / 50%);--tone-stroke: rgb(from var(--color-gray-375) r g b / 50%);--tone-input: var(--color-gray-100);--tone-input-variant: var(--color-gray-125);--tone-highlight: rgb(from var(--color-blue-500) r g b / 10%);--tone-backdrop: rgb(from var(--color-gray-900) r g b / 50%);--scrollbar-track-color: rgb(from var(--color-gray-150) r g b / 75%);--scrollbar-thumb-color: rgb(from var(--color-gray-700) r g b / 75%);--border-sm: 1px solid var(--tone-border);--border-md: 1px solid var(--tone-border);--border-lg: 2px solid var(--tone-border)}}@layer theme.style{@media(prefers-color-scheme: dark){.theme-auto{--color-gray-100: #161921;--color-gray-125: #1A1D24;--color-gray-150: #1E2129;--color-gray-175: #22252E;--color-gray-200: #272A33;--color-gray-225: #2C3039;--color-gray-250: #31353E;--color-gray-275: #373B44;--color-gray-300: #3D414B;--color-gray-325: #434751;--color-gray-350: #494D58;--color-gray-375: #4F545F;--color-gray-400: #565A66;--color-gray-425: #5C616D;--color-gray-450: #636875;--color-gray-475: #6A707D;--color-gray-500: #717784;--color-gray-525: #797E8C;--color-gray-550: #808694;--color-gray-575: #888E9D;--color-gray-600: #8F96A5;--color-gray-625: #979EAE;--color-gray-650: #9FA6B6;--color-gray-675: #A7AEBF;--color-gray-700: #B0B7C8;--color-gray-725: #B8C0D1;--color-gray-750: #C1C8DA;--color-gray-775: #C9D1E4;--color-gray-800: #D2DAED;--color-gray-825: #DBE3F7;--color-gray-850: #E4ECFF;--color-gray-875: #EDF6FF;--color-gray-900: #FFF;--tone-mode: +1;--tone-white: var(--color-white);--tone-black: var(--color-black);--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-850);--tone-title: var(--color-gray-900);--tone-label: var(--color-gray-850);--tone-infos: var(--color-gray-600);--tone-picto: var(--color-gray-550);--tone-container-below: var(--color-gray-125);--tone-container: var(--color-gray-150);--tone-container-above: var(--color-gray-200);--tone-surface-below-all: var(--color-gray-125);--tone-surface-below: var(--color-gray-150);--tone-surface: var(--color-gray-200);--tone-surface-above: var(--color-gray-250);--tone-surface-above-all: var(--color-gray-300);--tone-neutral: var(--color-gray-275);--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-primary: rgb(from var(--color-blue-500) r g b / 100%);--tone-primary-on: rgb(from var(--color-blue-100) r g b / 100%);--tone-primary-on-variant: rgb(from var(--color-blue-100) r g b / 75%);--tone-primary-container: rgb(from var(--color-blue-400) r g b / 15%);--tone-primary-container-on: rgb(from var(--color-blue-800) r g b / 100%);--tone-primary-container-on-variant: rgb(from var(--color-blue-800) r g b / 50%);--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-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-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-floater: var(--color-gray-900);--tone-floater-on: var(--color-gray-100);--tone-floater-on-variant: var(--color-gray-400);--tone-border: rgb(from var(--color-gray-350) r g b / 50%);--tone-stroke: rgb(from var(--color-gray-350) r g b / 50%);--tone-input: var(--color-gray-100);--tone-input-variant: var(--color-gray-125);--tone-highlight: rgb(from var(--color-gray-250) r g b / 50%);--tone-backdrop: rgb(from var(--color-gray-300) r g b / 75%);--scrollbar-track-color: rgb(from var(--color-gray-150) r g b / 75%);--scrollbar-thumb-color: rgb(from var(--color-gray-700) r g b / 75%);--border-sm: 1px solid var(--tone-border);--border-md: 1px solid var(--tone-border);--border-lg: 2px solid var(--tone-border)}}.theme-dark{--color-gray-100: #161921;--color-gray-125: #1A1D24;--color-gray-150: #1E2129;--color-gray-175: #22252E;--color-gray-200: #272A33;--color-gray-225: #2C3039;--color-gray-250: #31353E;--color-gray-275: #373B44;--color-gray-300: #3D414B;--color-gray-325: #434751;--color-gray-350: #494D58;--color-gray-375: #4F545F;--color-gray-400: #565A66;--color-gray-425: #5C616D;--color-gray-450: #636875;--color-gray-475: #6A707D;--color-gray-500: #717784;--color-gray-525: #797E8C;--color-gray-550: #808694;--color-gray-575: #888E9D;--color-gray-600: #8F96A5;--color-gray-625: #979EAE;--color-gray-650: #9FA6B6;--color-gray-675: #A7AEBF;--color-gray-700: #B0B7C8;--color-gray-725: #B8C0D1;--color-gray-750: #C1C8DA;--color-gray-775: #C9D1E4;--color-gray-800: #D2DAED;--color-gray-825: #DBE3F7;--color-gray-850: #E4ECFF;--color-gray-875: #EDF6FF;--color-gray-900: #FFF;--tone-mode: +1;--tone-white: var(--color-white);--tone-black: var(--color-black);--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-850);--tone-title: var(--color-gray-900);--tone-label: var(--color-gray-850);--tone-infos: var(--color-gray-600);--tone-picto: var(--color-gray-550);--tone-container-below: var(--color-gray-125);--tone-container: var(--color-gray-150);--tone-container-above: var(--color-gray-200);--tone-surface-below-all: var(--color-gray-125);--tone-surface-below: var(--color-gray-150);--tone-surface: var(--color-gray-200);--tone-surface-above: var(--color-gray-250);--tone-surface-above-all: var(--color-gray-300);--tone-neutral: var(--color-gray-275);--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-primary: rgb(from var(--color-blue-500) r g b / 100%);--tone-primary-on: rgb(from var(--color-blue-100) r g b / 100%);--tone-primary-on-variant: rgb(from var(--color-blue-100) r g b / 75%);--tone-primary-container: rgb(from var(--color-blue-400) r g b / 15%);--tone-primary-container-on: rgb(from var(--color-blue-800) r g b / 100%);--tone-primary-container-on-variant: rgb(from var(--color-blue-800) r g b / 50%);--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-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-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-floater: var(--color-gray-900);--tone-floater-on: var(--color-gray-100);--tone-floater-on-variant: var(--color-gray-400);--tone-border: rgb(from var(--color-gray-350) r g b / 50%);--tone-stroke: rgb(from var(--color-gray-350) r g b / 50%);--tone-input: var(--color-gray-100);--tone-input-variant: var(--color-gray-125);--tone-highlight: rgb(from var(--color-gray-250) r g b / 50%);--tone-backdrop: rgb(from var(--color-gray-300) r g b / 75%);--scrollbar-track-color: rgb(from var(--color-gray-150) r g b / 75%);--scrollbar-thumb-color: rgb(from var(--color-gray-700) r g b / 75%);--border-sm: 1px solid var(--tone-border);--border-md: 1px solid var(--tone-border);--border-lg: 2px solid var(--tone-border)}}::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)}}*:focus{outline:none}*,*:after,*:before{box-sizing:border-box}html{scroll-behavior:smooth}@layer reset{*{transition-property:background-color,border-color,color;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}*:before{transition-property:background-color,border-color,color;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}*:after{transition-property:background-color,border-color,color;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}}@layer reset{*{scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}}@layer reset{body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;color:var(--tone-text);font-weight:var(--font-weight-400);font-size:var(--text-size-md);font-family:var(--font-family-sans);position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:var(--tone-container);font-feature-settings:"dlig" on,"ss07" on,"calt" off;font-variation-settings:normal;line-height:1.35;margin:0px;min-height:100%;min-width:100%;overflow-x:hidden;overflow-y:hidden;padding:0px}body.no-scroll{overflow:hidden}body.dragging{user-select:none}}@layer reset{img,svg,video{display:block}strong{font-weight:700}button{border:none;border-radius:0px;margin:0px;padding:0px}}@layer reset{input,button,select,textarea{color:inherit;font-size:var(--text-size-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}}@font-face{font-family:saans;src:url(/assets/fonts/saans/saans.woff2) format("woff2");ascent-override:100%;font-display:swap;font-weight:100 900}em{font-style:italic}p{margin:0px}a{color:var(--tone-primary);text-decoration:none}a:hover{color:oklch(from var(--tone-primary) calc(l + var(--tone-mode) * 0.1) calc(c * 0.9) h)}strong.primary{color:var(--color-primary-400)}strong.warning{color:var(--color-warning-400)}strong.success{color:var(--color-green-400)}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}h1,h2,h3,h4,h5{font-family:var(--font-family-sans)}.wysiwyg{color:var(--color-text);font-size:var(--text-size-md);font-family:var(--font-family-sans);line-height:1.65}.wysiwyg pre{margin:0px}.wysiwyg code{font-weight:var(--font-weight-400);font-size:var(--text-size-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);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-stroke);border-bottom:1px solid var(--tone-stroke)}.wysiwyg table th{font-weight:var(--font-weight-500);font-size:var(--text-size-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(--text-size-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)}@keyframes pulse{50%{opacity:.5}}@keyframes placeholder-animation{0%{background-position:100% 0%}100%{background-position:-100% 0%}}#app{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.main-loader{transition-property:background-color,border-color,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(128px + 128 * ((100vw - 1921px) / 639))}@media(max-width: 1920px){.screen{--screen-gutter: calc(24px + 104 * ((100vw - 481px) / 1439))}}}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.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}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control{.editable-label{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:8px;column-gap:8px;overflow:visible}.editable-label.editable-label--is-ellipsized{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editable-label input{background:rgba(0,0,0,0);border:none;border-radius:0px;color:inherit;font-family:inherit;font-weight:inherit;font-size:inherit;margin:0px;padding:0px}.editable-label-value{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}.editable-label-button{opacity:0;visibility:hidden;background:rgba(0,0,0,0);border:none;border-radius:0px;height:auto;margin:0px;padding:0px;padding-left:2px;padding-right:2px;width:auto}.editable-label-button .button-picto{font-size:12px;margin:0px}.editable-label-button .button-label{margin:0px}.editable-label:hover .editable-label-button{opacity:1;visibility:visible}.editable-label--is-editing .editable-label-button{display:none}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.picto{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;transition-property:background-color,border-color,color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);user-select:none;font-size:var(--icon-size-md);--fa-primary-color:var(--tone-picto);--fa-secondary-color:var(--tone-picto);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-picto)}.picto .fa{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center}.picto .fa:after,.picto .fa:before{transition-property:background-color,border-color,color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);line-height:1}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.badge{--badge-tone: transparent;--badge-height: auto;--badge-margin: 0px;--badge-radius: 0px;--badge-spacing: 4px;--badge-padding: 0px calc(var(--badge-height) * 0.35);--badge-label-size: var(--text-size-sm);--badge-label-tone: var(--tone-label);--badge-picto-size: var(--icon-size-sm);--badge-picto-tone: var(--tone-picto)}.badge{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;row-gap:var(--badge-spacing);column-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)}.badge-label{color:var(--badge-label-tone);font-weight:var(--font-weight-600);font-size:var(--badge-label-size);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans)}.badge-picto{font-size:var(--badge-picto-size);--fa-primary-color:var(--badge-picto-tone);--fa-secondary-color:var(--badge-picto-tone);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--badge-picto-tone)}.badge-picto{margin-left:calc(var(--badge-height)*-0.15)}.badge--sm{--badge-height: 24px;--badge-radius: 24px;--badge-label-size: var(--text-size-xs);--badge-picto-size: var(--icon-size-xs)}.badge--md{--badge-height: 28px;--badge-radius: 28px;--badge-label-size: var(--text-size-sm);--badge-picto-size: var(--icon-size-sm)}.badge--lg{--badge-height: 32px;--badge-radius: 32px;--badge-label-size: var(--text-size-md);--badge-picto-size: var(--icon-size-md)}}@layer component.style{.badge.badge--normal{--badge-tone: var(--tone-neutral);--badge-label-tone: var(--tone-label);--badge-picto-tone: var(--tone-picto)}}@layer component.style{.badge.badge--red{--badge-tone: var(--tone-red);--badge-label-tone: var(--tone-white);--badge-picto-tone: var(--tone-white)}}@layer component.style{.badge.badge--green{--badge-tone: var(--tone-green);--badge-label-tone: var(--tone-white);--badge-picto-tone: var(--tone-white)}}@layer component.style{.badge.badge--blue{--badge-tone: var(--tone-blue);--badge-label-tone: var(--tone-white);--badge-picto-tone: var(--tone-white)}}@layer component.style{.badge.badge--orange{--badge-tone: var(--tone-orange);--badge-label-tone: var(--tone-white);--badge-picto-tone: var(--tone-white)}}@layer component.style{.badge.badge--yellow{--badge-tone: var(--tone-yellow);--badge-label-tone: var(--tone-white);--badge-picto-tone: var(--tone-white)}}@layer component.style{.badge.badge--purple{--badge-tone: var(--tone-purple);--badge-label-tone: var(--tone-white);--badge-picto-tone: var(--tone-white)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.button-group{--button-group-border: none;--button-broup-radius: 0px;--button-group-height: auto;--button-group-margin: 0px;--button-group-spacing: 8px;--button-group-padding: 0px}.button-group{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:var(--button-group-spacing);column-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}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.container{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:var(--tone-container)}.container.container--is-scrollable{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow-x:hidden;overflow-y:auto}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.content{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.variant{.form-content{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:24px;column-gap:24px;transition-property:background-color,border-color,color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.form--is-processing .form-content{opacity:.5}}


@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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;row-gap:var(--form-spacing);column-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)}}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.form-col{position:relative;position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:16px;column-gap:16px}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.form-row{position:relative;position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;row-gap:16px;column-gap:16px}.form-row .form-field.form-field--1{flex:none;width:calc(8.3333333333% - 16px/12*11)}.form-row .form-field.form-field--2{flex:none;width:calc(16.6666666667% - 16px/6*5)}.form-row .form-field.form-field--3{flex:none;width:calc(25% - 16px/4*3)}.form-row .form-field.form-field--4{flex:none;width:calc(33.3333333333% - 16px/3*2)}.form-row .form-field.form-field--5{flex:none;width:calc(41.6666666667% - 16px/2*1)}.form-row .form-field.form-field--6{flex:none;width:calc(50% - 16px/2*1)}.form-row .form-field.form-field--7{flex:none;width:calc(58.3333333333% - 16px/1*0)}.form-row .form-field.form-field--8{flex:none;width:calc(66.6666666667% - 16px/1*0)}.form-row .form-field.form-field--9{flex:none;width:calc(75% - 16px/1*0)}.form-row .form-field.form-field--10{flex:none;width:calc(83.3333333333% - 16px/1*0)}.form-row .form-field.form-field--11{flex:none;width:calc(91.6666666667% - 16px/1*0)}.form-row .form-field.form-field--12{flex:none;width:calc(100% - 16px/1*0)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.form-list{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.form-list .form-field{padding:0px;padding-top:12px;padding-bottom:12px}.form-list .form-field:first-child{padding-top:0px}.form-list .form-field:last-child{padding-bottom:0px}.form-list .form-field:not(:last-child){border-bottom:1px solid var(--tone-stroke)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.form-grid{position:relative;display:flex;display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));row-gap:12px;column-gap:12px}.form-grid.form-grid--1{grid-template-columns:repeat(1, minmax(0, 1fr))}.form-grid.form-grid--1 .form-field.form-field--1{grid-column:span 0.0833333333}.form-grid.form-grid--1 .form-field.form-field--2{grid-column:span 0.1666666667}.form-grid.form-grid--1 .form-field.form-field--3{grid-column:span 0.25}.form-grid.form-grid--1 .form-field.form-field--4{grid-column:span 0.3333333333}.form-grid.form-grid--1 .form-field.form-field--5{grid-column:span 0.4166666667}.form-grid.form-grid--1 .form-field.form-field--6{grid-column:span 0.5}.form-grid.form-grid--1 .form-field.form-field--7{grid-column:span 0.5833333333}.form-grid.form-grid--1 .form-field.form-field--8{grid-column:span 0.6666666667}.form-grid.form-grid--1 .form-field.form-field--9{grid-column:span 0.75}.form-grid.form-grid--1 .form-field.form-field--10{grid-column:span 0.8333333333}.form-grid.form-grid--1 .form-field.form-field--11{grid-column:span 0.9166666667}.form-grid.form-grid--1 .form-field.form-field--12{grid-column:span 1}.form-grid.form-grid--2{grid-template-columns:repeat(2, minmax(0, 1fr))}.form-grid.form-grid--2 .form-field.form-field--1{grid-column:span 0.1666666667}.form-grid.form-grid--2 .form-field.form-field--2{grid-column:span 0.3333333333}.form-grid.form-grid--2 .form-field.form-field--3{grid-column:span 0.5}.form-grid.form-grid--2 .form-field.form-field--4{grid-column:span 0.6666666667}.form-grid.form-grid--2 .form-field.form-field--5{grid-column:span 0.8333333333}.form-grid.form-grid--2 .form-field.form-field--6{grid-column:span 1}.form-grid.form-grid--2 .form-field.form-field--7{grid-column:span 1.1666666667}.form-grid.form-grid--2 .form-field.form-field--8{grid-column:span 1.3333333333}.form-grid.form-grid--2 .form-field.form-field--9{grid-column:span 1.5}.form-grid.form-grid--2 .form-field.form-field--10{grid-column:span 1.6666666667}.form-grid.form-grid--2 .form-field.form-field--11{grid-column:span 1.8333333333}.form-grid.form-grid--2 .form-field.form-field--12{grid-column:span 2}.form-grid.form-grid--3{grid-template-columns:repeat(3, minmax(0, 1fr))}.form-grid.form-grid--3 .form-field.form-field--1{grid-column:span 0.25}.form-grid.form-grid--3 .form-field.form-field--2{grid-column:span 0.5}.form-grid.form-grid--3 .form-field.form-field--3{grid-column:span 0.75}.form-grid.form-grid--3 .form-field.form-field--4{grid-column:span 1}.form-grid.form-grid--3 .form-field.form-field--5{grid-column:span 1.25}.form-grid.form-grid--3 .form-field.form-field--6{grid-column:span 1.5}.form-grid.form-grid--3 .form-field.form-field--7{grid-column:span 1.75}.form-grid.form-grid--3 .form-field.form-field--8{grid-column:span 2}.form-grid.form-grid--3 .form-field.form-field--9{grid-column:span 2.25}.form-grid.form-grid--3 .form-field.form-field--10{grid-column:span 2.5}.form-grid.form-grid--3 .form-field.form-field--11{grid-column:span 2.75}.form-grid.form-grid--3 .form-field.form-field--12{grid-column:span 3}.form-grid.form-grid--4{grid-template-columns:repeat(4, minmax(0, 1fr))}.form-grid.form-grid--4 .form-field.form-field--1{grid-column:span 0.3333333333}.form-grid.form-grid--4 .form-field.form-field--2{grid-column:span 0.6666666667}.form-grid.form-grid--4 .form-field.form-field--3{grid-column:span 1}.form-grid.form-grid--4 .form-field.form-field--4{grid-column:span 1.3333333333}.form-grid.form-grid--4 .form-field.form-field--5{grid-column:span 1.6666666667}.form-grid.form-grid--4 .form-field.form-field--6{grid-column:span 2}.form-grid.form-grid--4 .form-field.form-field--7{grid-column:span 2.3333333333}.form-grid.form-grid--4 .form-field.form-field--8{grid-column:span 2.6666666667}.form-grid.form-grid--4 .form-field.form-field--9{grid-column:span 3}.form-grid.form-grid--4 .form-field.form-field--10{grid-column:span 3.3333333333}.form-grid.form-grid--4 .form-field.form-field--11{grid-column:span 3.6666666667}.form-grid.form-grid--4 .form-field.form-field--12{grid-column:span 4}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.form-field{position:relative;display:flex;flex:1 1 0;flex-direction:column;align-items:stretch;justify-content:flex-start}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.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--is-active,.form-stepper-step.form-stepper-step--present,.form-stepper-step.form-stepper-step--dismiss{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-timing-function:cubic-bezier(0.23, 1, 0.32, 1);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-timing-function:cubic-bezier(0.23, 1, 0.32, 1);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}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.input-infos{color:var(--tone-infos);font-size:var(--text-size-xs);font-family:var(--font-family-sans);position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.input-label{color:var(--tone-label);font-weight:var(--font-weight-400);font-size:var(--text-size-sm);white-space:nowrap;font-family:var(--font-family-sans);position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.input-label.input-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-label.input-label--is-optional:after{color:var(--tone-infos);font-size:var(--text-size-xs);font-style:italic;font-family:var(--font-family-sans);content:"(Optional)";display:block;margin:0px;margin-left:4px}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.input-notes{color:var(--tone-infos);font-size:var(--text-size-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:4px}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.check-group{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:8px;column-gap:8px}.check-group-body{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:16px;column-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:flex-start;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%}}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.input-field{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:8px;column-gap:8px}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.input-field-error{color:var(--tone-warning);font-size:var(--text-size-xs);font-family:var(--font-family-sans);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;transition-property:background-color,border-color,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:background-color,border-color,color,height,padding;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);height:0px}.input-field-error--has-error .input-field-error-body{height:var(--input-field-error-h)}.input-field-error-message{padding:0px;padding-top:8px}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{@keyframes outline-rotate{to{--angle: 360deg}}.outline{--outline-inset: -6px;--outline-width: +3px;--outline-color: var(--tone-primary)}.outline{position:absolute;transition-property:background-color,border-color,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:5;position:absolute;top:12px;right:12px;font-size:var(--icon-size-xs);--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}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.check-input{--check-input-border: var(--border-md);--check-input-radius: 8px;--check-input-height: 24px}.check-input{cursor:pointer;user-select:none;position:relative}.check-input .input-field{display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;row-gap:8px;column-gap:8px}.check-input.check-input--has-picto .input-field{row-gap:12px;column-gap:12px}.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(--tone-input);background-clip:padding-box}.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{border-color:var(--tone-primary)}.check-input--is-selected .check-input-body{background-color:var(--tone-primary);border-color:var(--tone-border)}.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{font-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{--fa-primary-color:var(--tone-primary);--fa-secondary-color:var(--tone-primary);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-primary)}.check-input--has-picto.check-input--is-selected .check-input-picto{--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)}.check-input-indicator{position:absolute;top:50%;left:50%;transition-property:background-color,border-color,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(--tone-input);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:rotate(-45deg)}.check-input-indicator:nth-child(3){transform:none}.check-input--is-selected .check-input-indicator:nth-child(3){transform:rotate(45deg)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.check-list-input{position:relative}}


@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.input-picto{--input-picto-width: 44px;--input-picto-height: 100%;--input-picto-size: var(--icon-size-sm);--input-picto-tone: var(--tone-picto)}.input-picto{height:var(--input-picto-height);width:var(--input-picto-width);font-size:var(--input-picto-size);--fa-primary-color:var(--input-picto-tone);--fa-secondary-color:var(--input-picto-tone);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--input-picto-tone);pointer-events:none}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.color-input{--color-input-tone: var(--tone-input);--color-input-height: auto;--color-input-margin: 0px;--color-input-border: var(--border-md);--color-input-radius: var(--radius-sm);--color-input-padding: 0px;--color-input-spacing: 8px;--color-input-font-size: var(--text-size-sm);--color-input-font-tone: var(--tone-text)}.color-input{cursor:pointer;user-select:none;position:relative;transition-property:background-color,border-color,color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.color-input.color-input--is-disabled{opacity:.5}.color-input .input-field{row-gap:var(--color-input-spacing);column-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{border-color:var(--tone-primary)}.color-input--has-error .color-input-body{border-color:var(--tone-warning)}.color-input-body input{color:var(--color-input-font-tone);font-weight:var(--font-weight-400);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--has-error .color-input-body input{color:var(--tone-warning)}.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:1px solid var(--tone-stroke);border-radius:var(--radius-sm);height:24px;width:24px}.color-input-picker{position:absolute;top:calc(100% + 16px);z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;pointer-events:none;width:100%;filter:drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.15))}.color-input-picker .chrome-picker{pointer-events:auto}.color-input--sm{--color-input-height: 36px}.color-input--md{--color-input-height: 44px}.color-input--lg{--color-input-height: 56px}}@layer component.control.style{.form-grid .color-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:0px;column-gap:0px;border:1px solid var(--tone-stroke);border-radius:var(--radius-sm);background:var(--color-input-tone);padding:0px;padding-left:12px}.form-grid .color-input .input-field input{text-align:right}.form-grid .color-input .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-start;border:none;background:none}.form-grid .color-input .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;row-gap:16px;column-gap:16px}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.date-field-body .react-datepicker__day.react-datepicker__day--disabled{color:var(--tone-infos);pointer-events:none}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.date-input{--date-input-tone: var(--tone-input);--date-input-height: auto;--date-input-margin: 0px;--date-input-border: var(--border-md);--date-input-radius: var(--radius-sm);--date-input-padding: 0px 12px;--date-input-spacing: 8px;--date-input-font-size: var(--text-size-sm);--date-input-font-tone: var(--tone-text)}.date-input{cursor:pointer;user-select:none;position:relative;transition-property:background-color,border-color,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{row-gap:var(--date-input-spacing);column-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{border-color:var(--tone-primary)}.date-input--has-error .date-input-body{border-color:var(--tone-warning)}.date-input-body input{color:var(--date-input-font-tone);font-weight:var(--font-weight-400);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;height:100%;padding:0px;padding:var(--date-input-padding);width:100%}.date-input--has-error .date-input-body input{color:var(--tone-warning)}.date-input-body input::-webkit-input-placeholder{color:var(--tone-infos)}.date-input-body input::-moz-placeholder{color:var(--tone-infos)}.date-input-body input:-moz-placeholder{color:var(--tone-infos)}.date-input-body input:-ms-input-placeholder{color:var(--tone-infos)}.date-input-body .react-datepicker-popper{z-index:10000}.date-input-body .react-datepicker-wrapper{height:100%;width:100%}.date-input-body .react-datepicker__input-container{height:100%;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.date-input-body .react-datepicker__input-container input{order:1}.date-input-body .react-datepicker{color:var(--tone-surface-above-all);font-size:var(--text-size-sm);font-family:var(--font-family-sans);position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;row-gap:4px;column-gap:4px;margin:0px;margin-top:12px;user-select:none}.date-input-body .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);margin:0px;margin-left:calc(var(--date-input-height)/4)}.date-input-body .react-datepicker__close-icon:hover{background:oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h)}.date-input-body .react-datepicker__close-icon i{font-size:10px;--fa-primary-color:var(--tone-label);--fa-secondary-color:var(--tone-label);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-label)}.date-input-body .react-datepicker__sr-only{display:none}.date-input-body .react-datepicker__month-container{box-shadow:var(--shadow-md);border-radius:var(--radius-md);border:1px solid var(--tone-border);position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-self:stretch;background:var(--tone-container-above);width:240px}.date-input-body .react-datepicker__time-container{box-shadow:var(--shadow-md);border-radius:var(--radius-md);border:1px solid var(--tone-border);position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-self:stretch;background:var(--tone-container-above);width:120px}.date-input-body .react-datepicker__header{position:relative}.date-input-body .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}.date-input-body .react-datepicker__navigation span{display:none}.date-input-body .react-datepicker__navigation:hover:before{color:var(--tone-primary)}.date-input-body .react-datepicker__navigation--previous{position:absolute;top:0;left:0}.date-input-body .react-datepicker__navigation--previous:before{font:var(--fa-font-regular);font-size:14px;color:var(--tone-label);content:""}.date-input-body .react-datepicker__navigation--next{position:absolute;top:0;left:204px}.date-input-body .react-datepicker__navigation--next:before{font:var(--fa-font-regular);font-size:14px;color:var(--tone-label);content:""}.date-input-body .react-datepicker__current-month{color:var(--tone-title);font-weight:var(--font-weight-500);font-size:var(--text-size-sm);font-family:var(--font-family-sans);display:flex;flex-direction:row;align-items:center;justify-content:center;height:36px;margin:0px}.date-input-body .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}.date-input-body .react-datepicker__day-name{color:var(--tone-infos);font-weight:var(--font-weight-500);font-size:var(--text-size-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}.date-input-body .react-datepicker__day--today{background:var(--tone-primary-container)}.date-input-body .react-datepicker__month{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:12px;padding-top:0px}.date-input-body .react-datepicker__week{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start}.date-input-body .react-datepicker__day{color:var(--tone-label);font-size:var(--text-size-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}.date-input-body .react-datepicker__day:hover{color:var(--tone-primary-on);background:var(--tone-primary)}.date-input-body .react-datepicker__day--outside-month{color:var(--tone-infos)}.date-input-body .react-datepicker__day--selected{color:var(--tone-primary-on);background:var(--tone-primary)}.date-input-body .react-datepicker__header--time{color:var(--tone-title);font-weight:var(--font-weight-500);font-size:var(--text-size-sm);font-family:var(--font-family-sans);display:flex;flex-direction:row;align-items:center;justify-content:center;height:40px}.date-input-body .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}.date-input-body .react-datepicker__time-list::-webkit-scrollbar-track{background:rgba(var(--tone-title), 0);border:none}.date-input-body .react-datepicker__time-list::-webkit-scrollbar{background:rgba(var(--tone-title), 0);width:6px}.date-input-body .react-datepicker__time-list::-webkit-scrollbar-thumb{background:rgba(var(--tone-title), 0.65);border:none;border-radius:3px}.date-input-body .react-datepicker__time-list-item{color:var(--tone-label);font-size:var(--text-size-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}.date-input-body .react-datepicker__time-list-item:hover{background:var(--tone-neutral)}.date-input-body .react-datepicker__time-list-item--selected{color:var(--tone-primary-on);background:var(--tone-primary)}.date-input-body .react-datepicker__triangle{display:none}.date-input-body .react-datepicker__aria-live{display:none}.date-input-picto,.date-input-badge{pointer-events:none}.date-input--sm{--date-input-height: 36px}.date-input--md{--date-input-height: 44px}.date-input--lg{--date-input-height: 56px}}@layer component.control.style{.form-grid .date-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:0px;column-gap:0px;border:1px solid var(--tone-stroke);border-radius:var(--radius-sm);background:var(--date-input-tone);overflow:visible;padding:0px;padding-left:12px}.form-grid .date-input .date-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 .date-input .date-input-body input{text-align:right}.form-grid .date-input .date-input-prefix{margin:0px}.form-grid .date-input--has-picto .date-input-body input{padding-right:0px}}@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;row-gap:16px;column-gap:16px}}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.input-arrow{--input-arrow-width: 44px;--input-arrow-height: 100%;--input-arrow-size: var(--icon-size-sm);--input-arrow-tone: var(--tone-picto)}.input-arrow{height:var(--input-arrow-height);width:var(--input-arrow-width);font-size:var(--input-arrow-size);--fa-primary-color:var(--input-arrow-tone);--fa-secondary-color:var(--input-arrow-tone);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--input-arrow-tone);pointer-events:none}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.disclosure-input{--disclosure-input-tone: var(--tone-input);--disclosure-input-height: auto;--disclosure-input-margin: 0px;--disclosure-input-border: var(--border-md);--disclosure-input-radius: var(--radius-sm);--disclosure-input-padding: 0px 12px;--disclosure-input-spacing: 8px;--disclosure-input-font-size: var(--text-size-sm);--disclosure-input-font-tone: var(--tone-text)}.disclosure-input{position:relative;transition-property:background-color,border-color,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{row-gap:var(--disclosure-input-spacing);column-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);background:var(--disclosure-input-tone);height:var(--disclosure-input-height);margin:var(--disclosure-input-margin)}.disclosure-input:hover .disclosure-input-body{background:var(--tone-highlight)}.disclosure-input-body input{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;visibility:hidden;pointer-events:none}.disclosure-input--has-error .disclosure-input-body{border-color:var(--tone-warning)}.disclosure-input-value{color:var(--disclosure-input-font-tone);font-weight:var(--font-weight-400);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--has-error .disclosure-input-value{color:var(--tone-warning)}.disclosure-input-placeholder{color:var(--tone-infos);font-weight:var(--font-weight-400);font-size:var(--text-size-sm);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:background-color,border-color,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--has-error .disclosure-input-placeholder{color:var(--tone-warning)}.disclosure-input--sm{--disclosure-input-height: 36px}.disclosure-input--md{--disclosure-input-height: 44px}.disclosure-input--lg{--disclosure-input-height: 56px}}@layer component.control.style{.form-grid .disclosure-input{cursor:pointer;user-select:none}.form-grid .disclosure-input .input-field:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;transition-property:background-color,border-color,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}.form-grid .disclosure-input .input-field:hover:before{opacity:1;visibility:visible}.form-grid .disclosure-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:0px;column-gap:0px;border:1px solid var(--tone-stroke);border-radius:var(--radius-sm);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;row-gap:16px;column-gap:16px}}@layer component.control.variant{.repeater .disclosure-input-body{border:none;border-radius:0px}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.text-input{--text-input-tone: var(--tone-input);--text-input-align: left;--text-input-height: auto;--text-input-margin: 0px;--text-input-border: var(--border-md);--text-input-radius: var(--radius-sm);--text-input-padding: 0px 12px;--text-input-spacing: 8px;--text-input-font-size: var(--text-size-sm);--text-input-font-tone: var(--tone-text)}.text-input{position:relative;transition-property:background-color,border-color,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{row-gap:var(--text-input-spacing);column-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);background:var(--text-input-tone);height:var(--text-input-height);margin:var(--text-input-margin)}.text-input--has-focus .text-input-body{border-color:var(--tone-primary)}.text-input--has-error .text-input-body{border-color:var(--tone-warning)}.text-input-body input{color:var(--text-input-font-tone);font-weight:var(--font-weight-400);font-size:var(--text-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%;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--has-error .text-input-body input{color:var(--tone-warning)}.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{color:var(--tone-infos);font-size:var(--text-size-xs);font-family:var(--font-family-sans);display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:44px}.text-input--sm{--text-input-height: 36px}.text-input--md{--text-input-height: 44px}.text-input--lg{--text-input-height: 56px}}@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{.form-grid .text-input{--text-input-align: right}.form-grid .text-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:0px;column-gap:0px;border:1px solid var(--tone-stroke);border-radius:var(--radius-sm);background:var(--text-input-tone);padding:0px;padding-left:12px}.form-grid .text-input .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 .text-input-prefix{margin:0px}.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;row-gap:16px;column-gap:16px}}@layer component.control.variant{.repeater .text-input-body{border:none;border-radius:0px}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.base{.search-input{--search-input-tone: var(--tone-input);--search-input-align: left;--search-input-height: auto;--search-input-margin: 0px;--search-input-border: var(--border-md);--search-input-radius: var(--radius-sm);--search-input-padding: 0px 12px;--search-input-spacing: 8px;--search-input-font-size: var(--text-size-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--sm{--search-input-height: 36px;--search-input-radius: 36px}.search-input.text-input--sm .search-input-clear{--button-height: 34px}.search-input.text-input--md{--search-input-height: 44px;--search-input-radius: 44px}.search-input.text-input--md .search-input-clear{--button-height: 42px}.search-input.text-input--lg{--search-input-height: 56px;--search-input-radius: 56px}.search-input.text-input--lg .search-input-clear{--button-height: 54px}.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-hovered-tone: var(--tone-highlight)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.heading{--heading-height: auto;--heading-margin: 0px;--heading-spacing: 12px;--heading-padding: 0px;--heading-leading: 0px;--heading-picto-size: var(--icon-size-md);--heading-picto-tone: var(--tone-primary);--heading-picto-fill: var(--tone-primary-container);--heading-picto-area: 36px;--heading-title-size: var(--text-size-sm);--heading-title-tone: var(--tone-title);--heading-infos-size: var(--text-size-xs);--heading-infos-tone: var(--tone-infos)}.heading{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:var(--heading-spacing);column-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;row-gap:var(--heading-leading);column-gap:var(--heading-leading)}.heading-picto{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);height:var(--heading-picto-area);width:var(--heading-picto-area);border-radius:var(--heading-picto-area)}.heading-title{color:var(--heading-title-tone);font-weight:var(--font-weight-500);font-size:var(--heading-title-size);font-family:var(--font-family-sans)}.heading-infos{color:var(--heading-infos-tone);font-weight:var(--font-weight-400);font-size:var(--heading-infos-size);font-family:var(--font-family-sans)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.message{--message-tone: transparent;--message-height: auto;--message-margin: 0px;--message-border: none;--message-radius: 0px;--message-padding: 0px;--message-spacing: 16px;--message-heading-spacing: 12px;--message-heading-leading: 0px;--message-heading-picto-size: var(--icon-size-md);--message-heading-picto-tone: var(--tone-primary);--message-heading-picto-fill: var(--tone-primary-container);--message-heading-picto-area: 36px;--message-heading-title-size: var(--text-size-sm);--message-heading-title-tone: var(--tone-title);--message-heading-infos-size: var(--text-size-xs);--message-heading-infos-tone: var(--tone-infos)}.message{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;row-gap:var(--message-spacing);column-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);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(--title-size-sm);--message-heading-infos-size: var(--title-size-xs);--message-heading-picto-size: var(--icon-size-md);--message-heading-picto-area: 36px}.message--md{--message-padding: 40px;--message-heading-leading: 4px;--message-heading-title-size: var(--title-size-md);--message-heading-infos-size: var(--title-size-sm);--message-heading-picto-size: var(--icon-size-lg);--message-heading-picto-area: 40px}.message--lg{--message-padding: 48px;--message-heading-leading: 4px;--message-heading-title-size: var(--title-size-lg);--message-heading-infos-size: var(--title-size-sm);--message-heading-picto-size: var(--icon-size-xl);--message-heading-picto-area: 48px}}@layer component.control.style{.message--outlined{border-radius:var(--radius-md);border:1px solid var(--tone-border)}}@layer component.control.variant{.message--notification{--message-tone: var(--tone-surface);--message-border: var(--border-md);--message-radius: var(--radius-md);--message-heading-title-tone: var(--tone-title);--message-heading-infos-tone: var(--tone-label);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}.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(--text-size-sm);--message-heading-infos-size: var(--text-size-xs)}.message--notification.message--md{--message-padding: 16px;--message-spacing: 16px;--message-heading-leading: 0px;--message-heading-spacing: 16px;--message-heading-title-size: var(--text-size-md);--message-heading-infos-size: var(--text-size-sm)}.message--notification.message--lg{--message-padding: 24px;--message-spacing: 24px;--message-heading-leading: 2px;--message-heading-spacing: 24px;--message-heading-title-size: var(--text-size-xl);--message-heading-infos-size: var(--text-size-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)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.pagination{--tone-input: transparent;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;row-gap:12px;column-gap:12px}.pagination-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;height:36px}.pagination-prev{order:1}.pagination-next{order:3}.pagination-main{order:2}.pagination-pages .select-input{--select-input-tone: var(--tone-container);--select-input-height: 30px;border:1px solid var(--tone-border)}.pagination-pages .select-input .input-field{height:100%}.pagination-pages .select-input .select-input-body{border:none;border-radius:0px}.pagination-pages .select-input .select-input-body select{flex:none;padding:0px;padding-left:16px;padding-right:24px;text-align:center}.pagination-pages .select-input .select-input-picto{display:none}.pagination-pages .select-input .select-input-arrow{height:100%;margin:0px;margin-right:4px;width:auto}}@layer component.control.variant{.pagination-prev-button.button--round{--button-tone: var(--tone-container);--button-height: 32px;--button-radius: 0px;--button-border: none;--button-hovered-tone: var(--tone-highlight);--button-hovered-label-tone: var(--button-label-tone);--button-hovered-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);border-left:1px solid var(--tone-border);border-bottom:1px solid var(--tone-border)}.pagination-next-button.button--round{--button-tone: var(--tone-container);--button-height: 32px;--button-radius: 0px;--button-border: none;--button-hovered-tone: var(--tone-highlight);--button-hovered-label-tone: var(--button-label-tone);--button-hovered-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);border-right:1px solid var(--tone-border);border-bottom:1px solid var(--tone-border)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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(--text-size-xs);--pager-value-label-tone: var(--tone-label)}.pager{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;row-gap:var(--pager-spacing);column-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-size:var(--pager-value-label-size);font-family:var(--font-family-sans)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.popover{--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-width: 180px;--popover-min-width: 0px;--popover-max-width: none;--popover-pointer-stroke: var(--tone-stroke);--popover-offset-t: 12px;--popover-offset-l: 12px}.popover{box-shadow:var(--shadow-md);border-radius:var(--radius-md);border:none;transition-property:background-color,border-color,color,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);min-width:var(--popover-min-width);max-width:var(--popover-max-width);width:var(--popover-width);inset:auto;overflow:visible;padding:0px}.popover.popover--placement-top{top:calc(var(--popover-anchor-t) - var(--popover-offset-t) - var(--popover-measured-h))}.popover.popover--placement-left{left:calc(var(--popover-anchor-l) - var(--popover-offset-l) - var(--popover-measured-w))}.popover.popover--placement-right{left:calc(var(--popover-anchor-r) + var(--popover-offset-l))}.popover.popover--placement-bottom{top:calc(var(--popover-anchor-b) + var(--popover-offset-t))}.popover.popover--alignment-start.popover--placement-top,.popover.popover--alignment-start.popover--placement-bottom{left:calc(var(--popover-anchor-l))}.popover.popover--alignment-start.popover--placement-left,.popover.popover--alignment-start.popover--placement-right{top:calc(var(--popover-anchor-t))}.popover.popover--alignment-center.popover--placement-top,.popover.popover--alignment-center.popover--placement-bottom{left:calc(var(--popover-anchor-l) + var(--popover-anchor-w)/2 - var(--popover-measured-w)/2)}.popover.popover--alignment-center.popover--placement-left,.popover.popover--alignment-center.popover--placement-right{top:calc(var(--popover-anchor-t) + var(--popover-anchor-h)/2 - var(--popover-measured-h)/2)}.popover.popover--alignment-end.popover--placement-top,.popover.popover--alignment-end.popover--placement-bottom{left:calc(var(--popover-anchor-l) + var(--popover-anchor-w) - var(--popover-measured-w))}.popover.popover--alignment-end.popover--placement-left,.popover.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:calc(var(--popover-anchor-w)/2)}.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:calc(var(--popover-measured-w) - var(--popover-anchor-w)/2)}.popover.popover--placement-left.popover--alignment-start .popover-pointer,.popover.popover--placement-right.popover--alignment-start .popover-pointer{top:calc(var(--popover-anchor-h)/2)}.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:calc(var(--popover-measured-h) - var(--popover-anchor-h)/2)}.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;row-gap:var(--popover-spacing);column-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)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.dropdown-input{--dropdown-input-tone: var(--tone-input);--dropdown-input-height: auto;--dropdown-input-margin: 0px;--dropdown-input-border: var(--border-md);--dropdown-input-radius: var(--radius-sm);--dropdown-input-padding: 8px 0px 8px 12px;--dropdown-input-spacing: 8px;--dropdown-input-font-size: var(--text-size-xs);--dropdown-input-font-tone: var(--tone-text);--dropdown-input-list-item-tone: var(--tone-input-variant);--dropdown-input-list-item-image-size: 20px;--dropdown-input-list-item-picto-size: var(--icon-size-xs);--dropdown-input-list-item-picto-tone: var(--tone-primary);--dropdown-input-list-item-label-size: var(--text-size-xs);--dropdown-input-list-item-label-tone: var(--tone-label);--dropdown-input-list-item-padding: 8px 12px;--dropdown-input-list-item-spacing: 8px;--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-width: max(var(--dropdown-input-measured-w), 180px)}.dropdown-input{cursor:pointer;user-select:none;position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;transition-property:background-color,border-color,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{row-gap:var(--dropdown-input-spacing);column-gap:var(--dropdown-input-spacing)}.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{border-color:var(--tone-primary)}.dropdown-input--has-error .dropdown-input-body{border-color:var(--tone-warning)}.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:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;row-gap:8px;column-gap:8px;padding:var(--dropdown-input-padding)}.dropdown-input-placeholder{color:var(--dropdown-input-font-tone);font-weight:var(--font-weight-400);font-size:var(--dropdown-input-font-size);font-family:var(--font-family-sans)}.dropdown-input-arrow{position:relative}.dropdown-input--is-disabled .dropdown-input-arrow{opacity:0;visibility:hidden}.dropdown-input--sm{--dropdown-input-height: 36px;--dropdown-input-list-item-padding: 0px 8px;--dropdown-input-list-item-spacing: 4px;--dropdown-input-list-item-image-size: 12px;--dropdown-input-list-item-picto-size: 11px;--dropdown-input-list-item-label-size: 12px}.dropdown-input--md{--dropdown-input-height: 44px;--dropdown-input-list-item-padding: 0px 8px;--dropdown-input-list-item-spacing: 4px;--dropdown-input-list-item-image-size: 16px;--dropdown-input-list-item-picto-size: var(--icon-size-xs);--dropdown-input-list-item-label-size: var(--text-size-xs)}.dropdown-input--lg{--dropdown-input-height: 56px;--dropdown-input-list-item-padding: 0px 12px;--dropdown-input-list-item-spacing: 6px;--dropdown-input-list-item-image-size: 20px;--dropdown-input-list-item-picto-size: var(--icon-size-sm);--dropdown-input-list-item-label-size: var(--text-size-sm)}}@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;row-gap:4px;column-gap:4px}.dropdown-input-value-list-item{border:1px solid var(--tone-border);position:relative;display:grid;grid-template-columns:minmax(0, 1fr) auto;border-radius:8px;background:var(--dropdown-input-list-item-tone);height:calc(var(--dropdown-input-height) - 16px);max-width:192px;min-width:48px;overflow:hidden}.dropdown-input-value-list-item-head{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center}.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;row-gap:var(--dropdown-input-list-item-spacing);column-gap:var(--dropdown-input-list-item-spacing);padding:var(--dropdown-input-list-item-padding)}.dropdown-input-value-list-item-foot{position:relative;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:center}.dropdown-input-value-list-item-image{height:var(--dropdown-input-list-item-image-size);width:var(--dropdown-input-list-item-image-size);border-radius:var(--dropdown-input-list-item-image-size);object-fit:cover;object-position:center center}.dropdown-input-value-list-item-picto{font-size:var(--dropdown-input-list-item-picto-size);--fa-primary-color:var(--dropdown-input-list-item-picto-tone);--fa-secondary-color:var(--dropdown-input-list-item-picto-tone);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--dropdown-input-list-item-picto-tone)}.dropdown-input-value-list-item-label{color:var(--dropdown-input-list-item-label-tone);font-weight:var(--font-weight-400);font-size:var(--dropdown-input-list-item-label-size);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans)}.dropdown-input-value-list-item-remove{--button-tone: transparent;--button-height: calc(var(--dropdown-input-height) - 16px - 2px);--button-picto-size: 11px;border:none;border-left:1px solid var(--tone-stroke);border-radius:0px}.dropdown-input-value-list-item-remove: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;row-gap:8px;column-gap:8px}.dropdown-input-value-item-image{height:20px;width:20px;border-radius:20px;object-fit:cover;object-position:center center}.dropdown-input-value-item-picto{height:20px;width:20px;border-radius:20px;font-size:10px;--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-value-item-label{font-size:var(--text-size-sm);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans)}}@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-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-stroke)}.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-stroke);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;row-gap:8px;column-gap:8px;border-bottom:1px solid var(--tone-stroke);transition-property:background-color,border-color,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-foot{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(--icon-size-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(--text-size-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(--text-size-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.variant{.form-grid .dropdown-input{cursor:pointer;user-select:none}.form-grid .dropdown-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:0px;column-gap:0px;border:1px solid var(--tone-stroke);border-radius:var(--radius-sm);background:var(--dropdown-input-tone);padding:0px;padding-left:12px}.form-grid .dropdown-input .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 .dropdown-input-value{flex-direction:row;align-items:center;justify-content:flex-end}.form-grid .dropdown-input .dropdown-input-value-item{flex-direction:row;align-items:center;justify-content:flex-end}.form-grid .dropdown-input .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;row-gap:16px;column-gap:16px}}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.file-input{--file-input-tone: var(--tone-input);--file-input-align: left;--file-input-height: auto;--file-input-margin: 0px;--file-input-border: var(--border-md);--file-input-radius: var(--radius-sm);--file-input-padding: 0px 12px 0px 8px;--file-input-spacing: 8px;--file-input-font-size: var(--text-size-sm);--file-input-font-tone: var(--tone-text);--file-input-button-tone: var(--tone-primary);--file-input-button-height: auto;--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(--text-size-xs);--file-input-button-label-tone: var(--tone-primary-on)}.file-input{position:relative;transition-property:background-color,border-color,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{border-color:var(--tone-primary)}.file-input--has-error .file-input-body{border-color:var(--tone-warning)}.file-input-body input{color:var(--file-input-font-tone);font-weight:var(--font-weight-400);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--has-error .file-input-body input{color:var(--tone-warning)}.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:background-color,border-color,color,visibility,opacity,padding,height,width;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-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--md{--file-input-height: 44px;--file-input-button-height: 28px}.file-input--lg{--file-input-height: 56px;--file-input-button-height: 40px}}@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;row-gap:0px;column-gap:0px;border:1px solid var(--tone-stroke);border-radius:var(--radius-sm);background:var(--tone-input);padding:0px;padding-left:12px}.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}}


@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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%), var(--tone-warning-container))}.error-label{color:var(--tone-warning);font-weight:var(--font-weight-700);font-size:sl;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;row-gap:12px;column-gap:12px;max-width:640px}.error-message .button{margin-top:12px}.error-message-title{color:var(--tone-warning);font-weight:var(--font-weight-700);font-size:var(--text-size-xl);font-family:var(--font-family-sans)}.error-message-infos{color:var(--tone-title);font-weight:var(--font-weight-400);font-size:48px;font-family:var(--font-family-sans)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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:background-color,border-color,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{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:60px}.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}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.variant{.modal-content{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:var(--modal-content-spacing);column-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}}@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}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.child{.modal-footer{display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center;row-gap:var(--modal-header-spacing);column-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)}.modal-footer.modal-footer--is-blurried{backdrop-filter:blur(16px)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.child{.modal-heading{--heading-height: var(--modal-heading-height);--heading-margin: var(--modal-heading-margin);--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);margin-bottom:var(--modal-content-spacing)}.modal-heading .heading-title,.modal-heading .heading-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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(--title-size-md);--navigation-bar-heading-title-tone: var(--tone-title);--navigation-bar-heading-infos-size: var(--title-size-xs);--navigation-bar-heading-infos-tone: var(--tone-infos)}.navigation-bar{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:var(--navigation-bar-spacing);column-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;row-gap:var(--navigation-bar-spacing);column-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:center;row-gap:var(--navigation-bar-spacing);column-gap:var(--navigation-bar-spacing)}.navigation-bar--start .navigation-bar-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}.navigation-bar--center .navigation-bar-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}.navigation-bar--end .navigation-bar-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}.navigation-bar-foot{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;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{flex:0 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%}.navigation-bar-heading .heading-title{color:var(--navigation-bar-heading-title-tone);font-size:var(--navigation-bar-heading-title-size);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans)}.navigation-bar-heading .heading-infos{color:var(--navigation-bar-heading-infos-tone);font-size:var(--navigation-bar-heading-infos-size);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans)}.navigation-bar--center .navigation-bar-heading .heading-body{display:flex;flex-direction:column;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}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.variant{.modal-navigation-bar .navigation-bar-heading{transition-property:background-color,border-color,color,visibility,opacity,transform,translate,rotate,scale;transition-duration:700ms;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;font-family:var(--font-family-sans)}.modal-header--is-large .modal-navigation-bar .navigation-bar-heading .heading-infos{display:none}.modal-header--is-large .modal-navigation-bar .navigation-bar-heading{opacity:0;visibility:hidden;transform:translateY(15%)}.modal-header--is-fixed .modal-navigation-bar .navigation-bar-heading{opacity:1;visibility:visible;transform:translateY(0%)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.child{.modal-header{display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center;row-gap:var(--modal-header-spacing);column-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-stroke)}.modal-header.modal-header--is-blurried{backdrop-filter:blur(16px)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.base{.modal{--modal-tone: var(--tone-container);--modal-header-height: 68px;--modal-header-margin: 0px;--modal-header-padding: 16px;--modal-header-spacing: 12px;--modal-footer-height: 68px;--modal-footer-margin: 0px;--modal-footer-padding: 16px;--modal-footer-spacing: 12px;--modal-heading-height: auto;--modal-heading-margin: 0px;--modal-heading-spacing: 12px;--modal-heading-leading: 0px;--modal-heading-title-size: var(--title-size-lg);--modal-heading-title-tone: var(--tone-title);--modal-heading-infos-size: var(--title-size-md);--modal-heading-infos-tone: var(--tone-infos);--modal-heading-margin: var(--modal-content-padding-t) var(--modal-content-padding-r) var(--modal-content-padding-b) 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-padding: 0px;--modal-content-spacing: 16px;--modal-content-padding: var(--modal-content-padding-t) var(--modal-content-padding-r) var(--modal-content-padding-b) var(--modal-content-padding-l)}.modal{position:relative;box-shadow:var(--shadow-md);display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;border-radius:var(--radius-lg);max-width:100%;max-height:100%;overflow:hidden;scrollbar-width:thin}.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(.modal--has-header){--modal-content-padding-t: var(--modal-content-padding-t-header-is-bordered)}.modal:not(.modal--has-footer){--modal-content-padding-b: var(--modal-content-padding-b-footer-is-bordered)}.modal.modal--has-header:has(.modal-header.modal-header--is-bordered){--modal-content-padding-t: var(--modal-content-padding-t-header-is-bordered)}.modal.modal--has-footer:has(.modal-footer.modal-footer--is-bordered){--modal-content-padding-b: var(--modal-content-padding-b-footer-is-bordered)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.media-viewer{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition-property:background-color,border-color,color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);background:var(--tone-surface);overflow:hidden}.media-viewer.media-viewer--is-ready img,.media-viewer.media-viewer--is-ready audio,.media-viewer.media-viewer--is-ready video{opacity:1;visibility:visible}.media-viewer img,.media-viewer audio,.media-viewer video{transition-property:background-color,border-color,color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden}.media-viewer img.media-viewer-bloom{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;filter:saturate(50%) blur(24px);object-fit:cover;object-position:center center;opacity:.5;transform:scale(1.5)}.media-viewer img.media-viewer-image{position:relative;display:block;height:100%;max-height:100%;max-width:100%;overflow:hidden;object-fit:contain;object-position:center center;width:100%}.media-viewer video,.media-viewer audio{position:relative;display:block;height:100%;max-height:100%;max-width:100%;overflow:hidden;object-fit:cover;object-position:center center;width:100%}.media-viewer-player,.media-viewer-player-poster{height:100%;width:100%}.media-viewer-player-poster{padding:8px}.media-viewer-player-poster img{mix-blend-mode:overlay}.media-viewer-player-object{position:absolute;top:0;left:0;right:0;bottom:0}.media-viewer-player-object audio,.media-viewer-player-object video{position:absolute;top:0;left:0;visibility:hidden}.media-viewer-player--playing .media-viewer-player-object audio,.media-viewer-player--playing .media-viewer-player-object video{visibility:visible}.media-viewer-player--audio:after{content:"";display:block;position:absolute;top:0;left:0;bottom:0;transition-property:left,visibility,opacity;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;background:var(--tone-surface);display:block;left:var(--progress);width:1px}.media-viewer-player--audio.media-viewer-player--playing:after{opacity:.5;visibility:visible}.media-viewer-play{position:absolute;right:16px;bottom:16px;cursor:pointer;user-select:none;z-index:5;height:36px;width:36px;transition-property:background-color,border-color,color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.media-viewer-player--playing .media-viewer-play{opacity:0;visibility:hidden;transform:scale(0.75)}.media-viewer-play path,.media-viewer-play rect{fill:var(--tone-floater)}.media-viewer-play circle{fill:var(--tone-floater-on)}.media-viewer-stop{position:absolute;right:16px;bottom:16px;z-index:5;cursor:pointer;user-select:none;transition-property:background-color,border-color,color,visibility,opacity;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-duration:350ms;height:36px;width:36px;opacity:0;visibility:hidden;transform:translateY(150%)}.media-viewer-player--playing .media-viewer-stop{opacity:1;visibility:visible;transform:none}.media-viewer-stop path,.media-viewer-stop rect{fill:var(--tone-floater)}.media-viewer-stop circle{fill:var(--tone-floater-on)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.spinner{--spinner-size: 0px;--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--md{--spinner-size: 32px}.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)}}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.media-grid-item{position:absolute;top:0;left:0;cursor:pointer;user-select:none;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;border-radius:var(--radius-sm);background:var(--tone-surface-below)}.media-grid-item.media-grid-item--is-disabled .media-viewer{opacity:.25;visibility:visible}.media-grid-item.media-grid-item--is-uploading .media-viewer{opacity:.25;visibility:visible}.media-grid-item .media-viewer{position:absolute;top:0;left:0;right:0;bottom:0}.media-grid-item .spinner{position:absolute;top:50%;left:50%;margin:0px;margin-top:-24px;margin-left:-24px}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.media-grid{position:relative}.media-grid-body{position:relative}.media-grid-vars{position:absolute;top:0;left:0;margin-top:16px;margin-left:16px;margin-right:16px;margin-bottom:16px;visibility:hidden}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.media-library{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%}.media-library .media-grid{flex:1 0 auto;margin-top:-16px;margin-left:-16px;margin-right:-16px;margin-bottom:-16px}.media-library .message{flex:1 0 auto;margin-bottom:36px}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.base{.confirm{--confirm-width: 480px;--confirm-content-spacing: 24px;--confirm-content-padding: 8px 48px 24px 48px;--confirm-message-size: var(--text-size-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{color:var(--confirm-message-tone);font-weight:var(--font-weight-400);font-size:var(--confirm-message-size);text-wrap:pretty;text-align:center;font-family:var(--font-family-sans)}}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.media-update-button{position:relative}.media-update-button-value{position:absolute;opacity:0;visibility:hidden}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.file-mark{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;aspect-ratio:3/4;container-type:size;container-name:name;overflow:hidden;user-select:none;width:40px}.file-mark .fa-primary{fill:var(--fa-primary-color);opacity:var(--fa-primary-opacity)}.file-mark .fa-secondary{fill:var(--fa-secondary-color);opacity:var(--fa-secondary-opacity)}.file-mark-frame{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:flex-start;justify-content:flex-end;background:var(--fa-secondary-color);border-radius:10cqw;padding:0px;padding-left:12cqw;padding-bottom:12cqw;clip-path:polygon(0% 0%, calc(100% - 37.5cqw) 0%, 100% calc(0% + 37.5cqw), 100% 100%, 0% 100%)}.file-mark-frame:after{content:"";display:block;position:absolute;top:0;right:0;border:20cqw solid rgb(from var(--tone-white) r g b/50%);border-top-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0);border-radius:0px;border-top-right-radius:10cqw;border-bottom-left-radius:10cqw}.file-mark-frame svg{height:60cqw;width:60cqw}.file-mark--javascript{--fa-primary-color:#323330;--fa-secondary-color:#F0DB4F;--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:#323330}.file-mark--typescript{--fa-primary-color:#FFFFFF;--fa-secondary-color:#007ACC;--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:#FFFFFF}.file-mark--scss{--fa-primary-color:#FFFFFF;--fa-secondary-color:#CD6799;--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:#FFFFFF}.file-mark--css .file-mark-frame{background:#387dc1}.file-mark--html .file-mark-frame{background:#e1713d}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.file-name{position:relative;display:flex;flex-direction:row;align-items:baseline;justify-content:flex-start}.file-name-base{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name-extn:before{content:"."}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.file-size{position:relative}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.file-type{position:relative}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.media-file-infos-filename{color:var(--tone-title);font-weight:var(--font-weight-500);font-size:var(--text-size-lg);font-family:var(--font-family-sans)}.media-file-infos-mimetype,.media-file-infos-filesize{color:var(--tone-infos);font-size:var(--text-size-sm);font-family:var(--font-family-sans)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.media-link-infos{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:8px;column-gap:8px}.media-link-infos-head{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;row-gap:4px;column-gap:4px}.media-link-infos-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:12px;column-gap:12px;border-top:1px solid var(--tone-stroke);border-bottom:1px solid var(--tone-stroke);padding:0px;padding-top:12px;padding-bottom:12px}.media-link-infos-title{color:var(--tone-title);font-size:var(--text-size-md);font-family:var(--font-family-sans)}.media-link-infos-infos{color:var(--tone-infos);font-size:var(--text-size-sm);font-family:var(--font-family-sans)}.media-link-infos-link{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}.media-link-infos-copy{flex:none}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.media-meta-infos{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:8px;column-gap:8px}.media-meta-infos-head{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;row-gap:4px;column-gap:4px}.media-meta-infos-body{position:relative;border-top:1px solid var(--tone-stroke);border-bottom:1px solid var(--tone-stroke)}.media-meta-infos-title{color:var(--tone-title);font-size:var(--text-size-md);font-family:var(--font-family-sans)}.media-meta-infos-infos{color:var(--tone-label);font-size:var(--text-size-xs);font-family:var(--font-family-sans)}.media-meta-infos-item{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:0px;padding-top:12px;padding-bottom:12px}.media-meta-infos-item:not(:last-child){border-bottom:1px solid var(--tone-stroke)}.media-meta-infos-item-label{color:var(--tone-title);font-size:var(--text-size-xs);font-family:var(--font-family-sans);flex:1 0 auto}.media-meta-infos-item-value{color:var(--tone-title);font-size:var(--text-size-xs);font-family:var(--font-family-sans);flex:none}.media-meta-infos-item--palette .media-meta-infos-item-value{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;border:none;border-radius:4px;overflow:hidden}.media-meta-infos-swatch{height:24px;width:24px}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.media-infos{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}.media-infos-head{position:relative;flex:none}.media-infos-head .media-viewer{border-radius:0px}.media-infos-head .media-viewer img{width:100%}.media-infos-body{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:24px;column-gap:24px;padding:16px}.media-infos-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.media-infos-actions .button{flex:none}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.media-panel{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%}.media-panel-body{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.media-upload-button{position:relative}.media-upload-button-value{position:absolute;opacity:0;visibility:hidden}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.media-upload-drop{position:relative}.media-upload-drop-message{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;z-index:125;flex-direction:column;align-items:center;justify-content:center;transition-property:background-color,border-color,color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;background:rgb(from var(--tone-surface) r g b/90%)}.media-upload-drop-message .message{width:100%}.media-upload-drop--is-active .media-upload-drop-message{opacity:1;visibility:visible}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.present,.dismiss{pointer-events:none}.dispose{display:none}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.fade-transition--present{opacity:0}.fade-transition--present.fade-transition--present-active{transition-property:background-color,border-color,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:background-color,border-color,color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;transform:scale(0.95)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;border-radius:48px;height:48px;width:48px;background:rgb(from var(--tone-container) r g b/85%)}.waiter-spinner .spinner{flex:none;border-radius:36px;height:36px;width:36px}.waiter--present{opacity:0}.waiter--present.waiter--present-active{transition-property:background-color,border-color,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:background-color,border-color,color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.media-picker-modal{--modal-content-padding: 6px 16px 16px 16px;--modal-content-spacing: 0px;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start}.media-picker-modal-upload-drop{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;overflow-x:hidden;overflow-y:hidden}.media-picker-modal-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;height:100%;overflow-x:hidden;overflow-y:auto}.media-picker-modal-content .waiter{top:172px}.media-picker-modal-content .media-library{transition-property:background-color,border-color,color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden}.media-picker-modal--is-ready .media-picker-modal-content .media-library{opacity:1;visibility:visible}.media-picker-modal-sidebar{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;border-left:1px solid var(--tone-stroke);transition-property:background-color,border-color,color,width;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);background:var(--tone-surface);height:100%;overflow-x:hidden;overflow-y:auto;width:0px}.media-picker-modal--is-detailed .media-picker-modal-sidebar{width:480px}@media(max-width: 1600px){.media-picker-modal--is-detailed .media-picker-modal-sidebar{width:360px}}.media-picker-modal--is-detailed .media-picker-modal-sidebar:after{opacity:1;visibility:visible}.media-picker-modal-sidebar .media-panel{width:480px}@media(max-width: 1600px){.media-picker-modal-sidebar .media-panel{width:360px}}.media-picker-modal-sidebar .modal-footer{display:flex;flex:none;flex-direction:row;align-items:center;justify-content:stretch}.media-picker-modal-sidebar .modal-footer .button{width:100%}.media-picker-modal-pager{position:sticky;bottom:0px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.media-select{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.media-select .waiter{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--tone-neutral)}.media-select-body{border:1px solid var(--tone-stroke);border-radius:var(--radius-sm)}.media-select-body,.media-select-foot{position:relative}.media-select-body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:6px}.media-select-preview{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start}.media-select-content{backdrop-filter:blur(16px) saturate(200%);cursor:pointer;user-select:none}.media-select-content:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;transition-property:background-color,border-color,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}.media-select-content:hover:before{opacity:1;visibility:visible}.media-select-content{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:calc(var(--radius-sm) + -3px);transition-property:background-color,border-color,color;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);aspect-ratio:2/1;background:var(--tone-input)}.media-select-content .picto{font-size:var(--icon-size-lg);--fa-primary-color:var(--tone-white);--fa-secondary-color:var(--tone-white);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-white);background-color:var(--tone-primary);height:40px;width:40px;border-radius:40px}.media-select-remove-button{--button-tone: var(--tone-black);--button-label-tone: var(--tone-white);--button-picto-tone: var(--tone-white);position:absolute;top:16px;right:16px}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.media-input{position:relative;transition-property:background-color,border-color,color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.media-input.media-input--is-disabled{opacity:.5}.media-input .input-field .media-viewer{aspect-ratio:2/1}.media-input-field-input{position:absolute;left:0;right:0;bottom:0;opacity:0;visibility:hidden;pointer-events:none}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.radio-group{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:16px;column-gap:16px}.radio-group-body{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:20px;column-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{clip-path:inset(0 0 0 0 round var(--radius-md) var(--radius-md) var(--radius-md) var(--radius-md));border:1px solid var(--tone-border)}.radio-group--outlined .radio-group-body{row-gap:0px;column-gap:0px}.radio-group--outlined .radio-input{flex:1 1 0;padding:16px}.radio-group--outlined .radio-input .input-field{row-gap:16px;column-gap:16px}.radio-group--outlined .radio-input:not(:last-child){border-right:1px solid var(--tone-stroke)}.radio-group--outlined .radio-input.radio-input--is-selected{background:rgb(from var(--tone-primary) r g b/15%)}}@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%}}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.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;row-gap:8px;column-gap:8px}.radio-input.radio-input--has-picto .input-field{row-gap:12px;column-gap:12px}.radio-input-body{cursor:pointer;user-select:none;position:relative;flex:none;border:1px solid var(--tone-stroke);flex:none;border-radius:24px;height:24px;width:24px;background:var(--tone-input);background-clip:padding-box}.radio-input--has-picto .radio-input-body{flex:none;border-radius:40px;height:40px;width:40px}.radio-input--has-picto.radio-input--is-selected .radio-input-body{background:var(--tone-primary)}.radio-input--has-focus .radio-input-body{border-color:var(--tone-primary)}.radio-input--is-selected .radio-input-body{border-color:var(--tone-border)}.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{font-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{--fa-primary-color:var(--tone-primary);--fa-secondary-color:var(--tone-primary);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-primary)}.radio-input--has-picto.radio-input--is-selected .radio-input-picto{--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)}.radio-input-indicator{position:absolute;top:0;left:0;right:0;bottom:0;transition-property:background-color,border-color,color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;background:var(--tone-input);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}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.radio-list-input{position:relative}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.repeater{--repeater-tone: var(--tone-surface);--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:background-color,border-color,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{row-gap:var(--text-input-spacing);column-gap:var(--text-input-spacing)}.repeater-field{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:8px;column-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-stroke)}.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-stroke);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-label{color:var(--tone-label);font-size:var(--text-size-xs);font-family:var(--font-family-sans)}.repeater-row-body .form-grid{gap:0px !important}.repeater-row-body .form-field>*{--tone-border: transparent;--tone-stroke: transparent;--tone-input: transparent}.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-stroke);padding:8px}.repeater-row-index{color:var(--tone-label);font-size:var(--text-size-xs);font-family:var(--font-family-sans)}.repeater-row-remove-button{--button-height: 24px}.repeater-append{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:1px solid var(--tone-stroke);padding:12px}.repeater-empty-message{--message-padding: 24px;--message-title-size: var(--text-size-md);--message-title-tone: var(--tone-title);--message-infos-size: var(--text-size-xs);--message-infos-tone: var(--tone-infos)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.rich-editor-format-menu-group{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:4px;column-gap:4px;padding:4px}.rich-editor-format-menu-group:not(:last-child){border-right:1px solid var(--tone-stroke)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.rich-editor-format-menu-item{flex:none;height:32px;width:32px;background:rgba(0,0,0,0);padding:0px}.rich-editor-format-menu-item .button-picto{--fa-primary-color:var(--color-gray-100);--fa-secondary-color:var(--color-gray-100);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--color-gray-100)}.rich-editor-format-menu-item.button--is-selected{background:var(--color-gray-900)}.rich-editor-format-menu-item:hover{background:var(--color-gray-900)}.rich-editor-format-menu-item:hover .button-picto{--fa-primary-color:var(--color-gray-100);--fa-secondary-color:var(--color-gray-100);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--color-gray-100)}.rich-editor-format-menu-item.rich-editor-format-menu-item--h1{padding-left:12px;padding-right:12px;width:auto}.rich-editor-format-menu-item.rich-editor-format-menu-item--h1 .button-label{color:var(--color-gray-100);font-weight:var(--font-weight-700);font-size:var(--text-size-md);font-family:var(--font-family-sans)}.rich-editor-format-menu-item.rich-editor-format-menu-item--h2{padding-left:12px;padding-right:12px;width:auto}.rich-editor-format-menu-item.rich-editor-format-menu-item--h2 .button-label{color:var(--color-gray-100);font-weight:var(--font-weight-500);font-size:var(--text-size-sm);font-family:var(--font-family-sans)}.rich-editor-format-menu-item.rich-editor-format-menu-item--body{padding-left:12px;padding-right:12px;width:auto}.rich-editor-format-menu-item.rich-editor-format-menu-item--body .button-label{color:var(--color-gray-100);font-weight:var(--font-weight-500);font-size:var(--text-size-xs);font-family:var(--font-family-sans)}.rich-editor-format-menu-item.rich-editor-format-menu-item--remove{padding-left:16px;padding-right:16px;width:auto}.rich-editor-format-menu-item.rich-editor-format-menu-item--remove .button-label{color:var(--color-gray-100);font-weight:var(--font-weight-500);font-size:var(--text-size-sm);font-family:var(--font-family-sans)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.rich-editor-format-menu{z-index:800;backdrop-filter:blur(16px);box-shadow:var(--shadow-md);position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border-radius:var(--radius-sm);background:var(--color-gray-800);height:40px}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.rich-editor{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start}.rich-editor-head{z-index:15;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border-bottom:1px solid var(--tone-stroke);height:60px;padding:0px;padding-left:36px;padding-right:36px;background:var(--tone-surface)}.rich-editor-body{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:36px}.rich-editor-input{color:var(--tone-title);font-size:var(--text-size-lg);font-family:var(--font-family-sans);display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start}.rich-editor-input p.is-editor-empty:first-child::before{color:var(--tone-infos);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.rich-editor-input>div{flex:1 0 auto}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.rich-editor-input{position:relative;transition-property:background-color,border-color,color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.rich-editor-input.rich-editor-input--is-disabled{opacity:.5}.rich-editor-input-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:1px solid var(--tone-stroke);border-radius:var(--radius-sm);background:var(--tone-input);background-clip:padding-box}.rich-editor-input--has-focus .rich-editor-input-body{border-color:var(--tone-primary)}.rich-editor-input--has-error .rich-editor-input-body{border-color:var(--tone-warning)}.rich-editor-input-body .rich-editor{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;padding:16px}.rich-editor-input-body .rich-editor::-webkit-input-placeholder{color:rgb(from var(--tone-text) r g b/50%)}.rich-editor-input-body .rich-editor::-moz-placeholder{color:rgb(from var(--tone-text) r g b/50%)}.rich-editor-input-body .rich-editor:-moz-placeholder{color:rgb(from var(--tone-text) r g b/50%)}.rich-editor-input-body .rich-editor:-ms-input-placeholder{color:rgb(from var(--tone-text) r g b/50%)}.rich-editor-input-body .rich-editor .rich-editor-input{color:var(--tone-text);font-size:var(--text-size-md);font-family:var(--font-family-sans);min-height:120px}.rich-editor-input--has-error .rich-editor-input-body .rich-editor{color:var(--tone-warning)}.rich-editor-input-body .rich-editor .rich-editor-insert-menu{left:-24px}.rich-editor-input-unit{color:var(--color-gray-700);font-size:var(--text-size-xs);font-family:var(--font-family-sans);margin:0px;margin-right:16px}.rich-editor-input-prefix{margin:0px;margin-left:16px}.rich-editor-input-suffix{margin:0px;margin-right:16px}}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.select-input{--select-input-tone: var(--tone-input);--select-input-height: auto;--select-input-margin: 0px;--select-input-border: var(--border-md);--select-input-radius: var(--radius-sm);--select-input-padding: 0px 12px;--select-input-spacing: 8px;--select-input-font-size: var(--text-size-sm);--select-input-font-tone: var(--tone-text);cursor:pointer;user-select:none;position:relative;transition-property:background-color,border-color,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{row-gap:var(--select-input-spacing);column-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-error .select-input-body{border-color:var(--tone-warning)}.select-input--has-focus .select-input-body{border-color:var(--tone-primary)}.select-input-body select{color:var(--select-input-font-tone);font-weight:var(--font-weight-400);font-size:var(--select-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:var(--select-input-padding);height:100%;width:100%}.select-input--has-value .select-input-body select{color:var(--tone-text)}.text-input--has-error .select-input-body select{color:var(--tone-warning)}.select-input-arrow{position:absolute;top:0;right:0;bottom:0}.select-input-spinner{position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--select-input-height);width:var(--select-input-height)}.select-input--sm{--select-input-height: 36px;--select-input-padding: 0px 44px 0px 12px}.select-input--md{--select-input-height: 44px;--select-input-padding: 0px 44px 0px 12px}.select-input--lg{--select-input-height: 56px;--select-input-padding: 0px 44px 0px 12px}}@layer component.control.style{.form-grid .select-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:0px;column-gap:0px;border:1px solid var(--tone-stroke);border-radius:var(--radius-sm);background:var(--select-input-tone);padding:0px;padding-left:12px}.form-grid .select-input .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 .select-input-body select{text-align:right}.form-grid .select-input .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;row-gap:16px;column-gap:16px}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.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-radius:var(--radius-md);border:1px solid var(--tone-border);background:var(--tone-input)}.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;flex:none;border-radius:24px;height:24px;width: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;flex:none;border-radius:12px;height:12px;width: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:background-color,border-color,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)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.slider-input{position:relative;transition-property:background-color,border-color,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{border-color:var(--tone-primary)}.slider-input--has-error .slider-input-body{border-color:var(--tone-warning)}.slider-input-body .slider{flex:1 0 auto}.slider-input-unit{color:var(--tone-label);font-size:var(--text-size-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.variant{.form-grid .slider-input .slider-input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:16px;column-gap:16px;border:1px solid var(--tone-stroke);border-radius:var(--radius-sm);background:var(--tone-input);padding:0px;padding-left:12px;padding-right:12px}.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.variant{.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;row-gap:16px;column-gap:16px}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.switch{--switch-border: var(--border-md);--switch-radius: var(--radius-md);--switch-track-tone: var(--tone-primary-container);--switch-thumb-tone: var(--tone-primary-on);--switch-active-track-tone: var(--tone-primary);--switch-active-thumb-tone: var(--tone-input-variant)}.switch{cursor:pointer;user-select:none;position:relative;height:32px;width:60px}.switch-track{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--radius-md);border:1px solid var(--tone-border);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;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:32px;width:36px;transition-property:background-color,border-color,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%;border:1px solid var(--tone-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--switch-thumb-tone)}.switch--is-active .switch-thumb:after{background:var(--switch-active-thumb-tone)}.switch--is-active .switch-thumb{transform:translateX(24px)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.switch-input{position:relative}.switch-input .input-field{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:16px;column-gap:16px}.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;row-gap:2px;column-gap:2px}.switch-input-body{position:relative;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:flex-start}.switch-input-body .switch{margin-left:-5px}}@layer component.control.style{.form-grid .switch-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:0px;column-gap:0px;border:1px solid var(--tone-stroke);border-radius:var(--radius-sm);background:var(--tone-input);padding:12px;padding-top:8px;padding-bottom:8px}}@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;row-gap:16px;column-gap:16px}}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.text-area{--text-area-tone: var(--tone-input);--text-area-height: 120px;--text-area-margin: 0px;--text-area-border: var(--border-md);--text-area-radius: var(--radius-sm);--text-area-padding: 12px;--text-area-spacing: 8px;--text-area-font-size: var(--text-size-sm);--text-area-font-tone: var(--tone-text)}.text-area{position:relative;transition-property:background-color,border-color,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{row-gap:var(--text-area-spacing);column-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{border-color:var(--tone-primary)}.text-area--has-error .text-area-body{border-color:var(--tone-warning)}.text-area-body textarea{color:var(--text-area-font-tone);font-weight:var(--font-weight-400);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:40px;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.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 .input-field{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:0px;column-gap:0px;border:1px solid var(--tone-stroke);border-radius:var(--radius-sm);background:var(--text-area-tone);padding:16px}.form-grid .text-area .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 .text-area-body textarea{padding:0px}.form-grid .text-area .text-input-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;row-gap:16px;column-gap:16px}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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: auto;--swatch-input-color-border: 2px solid var(--tone-container);--swatch-input-color-radius: auto;--swatch-input-color-spacing: 12px;cursor:pointer;user-select:none;position:relative;transition-property:background-color,border-color,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{row-gap:var(--swatch-input-spacing);column-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);margin:0px;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{font-size:var(--icon-size-md);--fa-primary-color:var(--tone-surface);--fa-secondary-color:var(--tone-surface);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-surface)}.swatch-input--sm{--swatch-input-color-height: 32px;--swatch-input-color-radius: 32px}.swatch-input--md{--swatch-input-color-height: 36px;--swatch-input-color-radius: 36px}.swatch-input--lg{--swatch-input-color-height: 40px;--swatch-input-color-radius: 40px}}@layer component.control.style{.form-grid .swatch-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:0px;column-gap:0px;border:1px solid var(--tone-stroke);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;row-gap:16px;column-gap:16px}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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-align: center;--helper-width: auto}.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-width: var(--helper-width);pointer-events:none;text-align:var(--helper-align)}.helper-label{color:var(--tone-floater-on);font-weight:var(--font-weight-500);font-size:var(--text-size-xs);font-family:var(--font-family-sans)}.helper-infos{color:var(--tone-floater-on-variant);font-weight:var(--font-weight-400);font-size:var(--text-size-xs);font-family:var(--font-family-sans)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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;row-gap:16px;column-gap:16px}.version-input-infos{border-radius:var(--radius-sm);position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:12px;column-gap:12px;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{border-radius:var(--radius-md);position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:var(--tone-surface);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-stroke)}.version-number-input-field-foot{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;border-top:1px solid var(--tone-stroke)}.version-number-input-field-body{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.version-number-input-value{color:var(--tone-title);font-size:36px;font-family:var(--font-family-sans)}.version-number-input-label{color:var(--tone-infos);font-size:var(--text-size-xs);font-family:var(--font-family-sans)}.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{--fa-primary-color:var(--tone-primary);--fa-secondary-color:var(--tone-primary);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-primary);margin:0px}.version-number-input-button .button-label{display:none}.version-number-input-button.button--is-disabled .button-picto{--fa-primary-color:var(--tone-neutral-on);--fa-secondary-color:var(--tone-neutral-on);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color: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}}


















@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.language-select-option{color:var(--tone-label);font-size:var(--text-size-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(--tone-input)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.language-select{position:relative}.language-select-content{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border:1px solid var(--tone-stroke);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(--text-size-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);position:absolute;transition-property:background-color,border-color,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}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.translatable-form-textarea-language--inactive{display:none}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.translatable-text-input-language--inactive{display:none}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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:background-color,border-color,color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);background:var(--tone-below);animation:pulse 1.5s linear infinite}.photo.photo--is-ready:before{animation:none;visibility:hidden}.photo-image{position:relative;transition-property:background-color,border-color,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}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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-size:45cqw;font-family:var(--font-family-sans)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.button{--button-tone: transparent;--button-height: auto;--button-margin: 0px;--button-border: none;--button-radius: var(--radius-sm);--button-padding: 0px;--button-spacing: 0px;--button-label-size: var(--text-size-sm);--button-label-tone: var(--tone-label);--button-picto-size: var(--icon-size-sm);--button-picto-tone: oklch(from var(--tone-picto) calc(l - 0.10) c h);--button-badge-tone: transparent;--button-badge-label-size: 10px;--button-badge-label-tone: var(--tone-label);--button-badge-picto-size: var(--text-size-xs);--button-badge-picto-tone: var(--tone-picto);--button-hovered-tone: oklch(from var(--button-tone) calc(l + var(--tone-mode) * 0.05) c h);--button-hovered-label-tone: var(--button-label-tone);--button-hovered-picto-tone: var(--button-picto-tone);--button-selected-tone: var(--button-tone);--button-selected-label-tone: var(--tone-primary);--button-selected-picto-tone: var(--tone-primary);--button-disabled-tone: rgb(from var(--button-tone) r g b / 25%);--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%)}.button{cursor:pointer;user-select:none;position:relative;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:center;row-gap:var(--button-spacing);column-gap:var(--button-spacing);border:var(--button-border);border-radius:var(--button-radius);transition-property:background-color,border-color,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)}.button:not(.button--has-label){width:var(--button-height)}.button.button--is-selected{background:var(--button-selected-tone)}.button.button--is-selected .button-label{color:var(--button-selected-label-tone);font-family:var(--font-family-sans)}.button.button--is-selected .button-picto{--fa-primary-color:var(--button-selected-picto-tone);--fa-secondary-color:var(--button-selected-picto-tone);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--button-selected-picto-tone)}.button.button--is-disabled{background:var(--button-disabled-tone)}.button.button--is-disabled .button-label{color:var(--button-disabled-label-tone);font-family:var(--font-family-sans)}.button.button--is-disabled .button-picto{--fa-primary-color:var(--button-disabled-picto-tone);--fa-secondary-color:var(--button-disabled-picto-tone);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--button-disabled-picto-tone)}.button:not(.button--is-selected,.button--is-disabled):hover{background:var(--button-hovered-tone)}.button:not(.button--is-selected,.button--is-disabled):hover .button-label{color:var(--button-hovered-label-tone);font-family:var(--font-family-sans)}.button:not(.button--is-selected,.button--is-disabled):hover .button-picto{--fa-primary-color:var(--button-hovered-picto-tone);--fa-secondary-color:var(--button-hovered-picto-tone);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--button-hovered-picto-tone)}.button-body{position:relative;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:center;row-gap:var(--button-spacing);column-gap:var(--button-spacing)}.button-label{color:var(--button-label-tone);font-weight:var(--font-weight-600);font-size:var(--button-label-size);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans)}.button-picto{font-size:var(--button-picto-size);--fa-primary-color:var(--button-picto-tone);--fa-secondary-color:var(--button-picto-tone);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--button-picto-tone)}.button-badge{line-height:1;min-width:16px;max-width:32px}.button-badge.badge--normal{--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--has-picto.button--has-label .button-picto{margin-left:calc(var(--button-height)*-0.15)}.button--has-badge.button--has-label .button-badge{margin-right:calc(var(--button-height)*-0.15)}.button--sm{--button-height: 32px;--button-spacing: 6px;--button-padding: 8px 16px;--button-label-size: var(--text-size-xs);--button-picto-size: var(--icon-size-xs)}.button--md{--button-height: 36px;--button-spacing: 6px;--button-padding: 8px 18px;--button-label-size: var(--text-size-sm);--button-picto-size: var(--icon-size-sm)}.button--lg{--button-height: 40px;--button-spacing: 6px;--button-padding: 8px 20px;--button-label-size: var(--text-size-md);--button-picto-size: var(--icon-size-md)}}@layer component.control.style{.button--normal{--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)}}@layer component.control.style{.button--primary{--button-tone: var(--tone-primary);--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-highlighted-tone: oklch(from var(--button-tone) calc(l + var(--tone-mode) * 0.10) calc(c * 0.90) h);--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-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-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-hovered-tone: transparent;--button-disabled-tone: transparent;--button-selected-tone: transparent}.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--plain.button--primary:hover{--button-label-tone: highlight(--tone-primary);--button-picto-tone: highlight(--tone-primary);--button-badge-tone: highlight(--tone-primary);--button-badge-label-tone: highlight(--tone-primary-on);--button-badge-picto-tone: highlight(--tone-primary-on)}.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--plain.button--warning:hover{--button-label-tone: highlight(--tone-warning);--button-picto-tone: highlight(--tone-warning);--button-badge-tone: highlight(--tone-warning);--button-badge-label-tone: highlight(--tone-warning-on);--button-badge-picto-tone: highlight(--tone-warning-on)}}@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-picto{margin:0px}.button--round .button-badge{position:absolute;top:0px;right:0px;margin:0px;transform:translateX(35%) translateY(-35%)}}@layer component.control.variant{.button--outlined{--button-tone: var(--tone-container);--button-border: var(--border-md)}.button--outlined.button--normal{--button-tone: var(--tone-container);--button-hovered-tone: var(--tone-highlight)}.button--outlined.button--caution{--button-tone: var(--tone-container);--button-label-tone: var(--tone-caution);--button-picto-tone: var(--tone-caution);--button-hovered-tone: var(--tone-warning-container) }.button--outlined.button--warning{--button-tone: var(--tone-container);--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-hovered-tone: var(--tone-warning-container) }.button--outlined.button--primary{--button-tone: var(--tone-container);--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-hovered-tone: var(--tone-primary-container)}}@layer component.control.variant{.button--blurried{backdrop-filter:blur(16px)}.button--blurried.button--caution{--button-tone: rgba(from var(--tone-caution) r g b / 85%)}.button--blurried.button--warning{--button-tone: rgba(from var(--tone-warning) r g b / 85%)}.button--blurried.button--primary{--button-tone: rgba(from var(--tone-primary) r g b / 85%)}}@layer component.control.variant{.button--back,.button--next,.button--prev,.button--close{--button-radius: var(--button-height);--button-border: none;--button-padding: 0px;--button-spacing: 0px;--button-picto-tone: var(--tone-title);--button-label-tone: var(--tone-title);--button-hovered-label-tone: var(--tone-title);--button-hovered-picto-tone: var(--tone-title);height:var(--button-height);width:var(--button-height)}.button--back .button-label,.button--next .button-label,.button--prev .button-label,.button--close .button-label{display:none}.button--back .button-picto,.button--next .button-picto,.button--prev .button-picto,.button--close .button-picto{margin:0px}.button--back .button-badge,.button--next .button-badge,.button--prev .button-badge,.button--close .button-badge{position:absolute;top:0px;right:0px;margin:0px;transform:translateX(35%) translateY(-35%)}}@layer component.control.variant{.button--is-processing:after{content:"";display:block;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px);flex:none;border-radius:16px;height:16px;width: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)}}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.variant{.browse-button-input{position:absolute;opacity:0;visibility:hidden}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.variant{.dropdown-button-menu{--popover-spacing: 0px;min-width:160px}.dropdown-button-menu .popover-content{padding:0px}.dropdown-button-menu-item{cursor:pointer;user-select:none}.dropdown-button-menu-item:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;transition-property:background-color,border-color,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}.dropdown-button-menu-item:hover:before{opacity:1;visibility:visible}.dropdown-button-menu-item{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:12px;column-gap:12px;transition-property:background-color,border-color,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-stroke)}.dropdown-button-menu-item-label{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;color:var(--tone-label);font-size:var(--text-size-sm);font-family:var(--font-family-sans)}.dropdown-button-menu-item-picto{flex:none}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.base{.alert{--alert-tone: var(--tone-container-above);--alert-height: auto;--alert-margin: 0px;--alert-padding: 16px 40px 16px 16px;--alert-spacing: 16px;--alert-width: 480px;--alert-title-size: var(--title-size-sm);--alert-title-tone: var(--tone-label);--alert-infos-size: var(--title-size-xs);--alert-infos-tone: var(--tone-infos)}.alert{box-shadow:var(--shadow-md);backdrop-filter:blur(16px);border-radius:var(--radius-md);border:1px solid var(--tone-border);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;row-gap:var(--alert-spacing);column-gap:var(--alert-spacing);background:rgb(from var(--alert-tone) r g b/85%);height:var(--alert-height);margin:var(--alert-margin);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;row-gap:2px;column-gap:2px}.alert-title{color:var(--alert-title-tone);font-weight:var(--font-weight-500);font-size:var(--alert-title-size);font-family:var(--font-family-sans)}.alert-infos{color:var(--alert-infos-tone);font-weight:var(--font-weight-400);font-size:var(--alert-infos-size);font-family:var(--font-family-sans)}.alert-close{--button-tone: transparent;--button-height: 24px;--button-hovered-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)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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%)}}}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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:36px;right:36px;width:480px}.alert-window.alert--present{pointer-events:none}.alert-window.alert--present.enter{transform:translateX(calc(100% + 36px))}.alert-window.alert--present.enter.enter-active{transition-property:background-color,border-color,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{transform:none}.alert-window.alert--dismiss.leave.leave-active{transition-property:background-color,border-color,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% + 36px))}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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:background-color,border-color,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{position:fixed;top:0px;right:0px;bottom:0px;width:480px}.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%)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.child{.drawer-content{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:var(--drawer-content-spacing);column-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}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.child{.drawer-footer{display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center;row-gap:var(--drawer-footer-spacing);column-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-stroke)}.drawer-footer.drawer-footer--is-blurried{backdrop-filter:blur(16px)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.child{.drawer-heading{--heading-height: var(--drawer-heading-height);--heading-margin: var(--drawer-heading-margin);--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);margin-bottom:var(--drawer-content-spacing)}.drawer-heading .heading-title,.drawer-heading .heading-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.variant{.drawer-navigation-bar .navigation-bar-heading{transition-property:background-color,border-color,color,visibility,opacity,transform,translate,rotate,scale;transition-duration:700ms;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;font-family:var(--font-family-sans)}.drawer-header--is-large .drawer-navigation-bar .navigation-bar-heading .heading-infos{display:none}.drawer-header--is-large .drawer-navigation-bar .navigation-bar-heading{opacity:0;visibility:hidden;transform:translateY(16px)}.drawer-header--is-fixed .drawer-navigation-bar .navigation-bar-heading{opacity:1;visibility:visible;transform:translateY(0px)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.child{.drawer-header{display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center;row-gap:var(--drawer-header-spacing);column-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-stroke)}.drawer-header.drawer-header--is-blurried{backdrop-filter:blur(16px)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.base{.drawer{--drawer-tone: var(--tone-container);--drawer-header-height: 68px;--drawer-header-margin: 0px;--drawer-header-padding: 16px;--drawer-header-spacing: 12px;--drawer-footer-height: 68px;--drawer-footer-margin: 0px;--drawer-footer-padding: 16px;--drawer-footer-spacing: 12px;--drawer-heading-height: auto;--drawer-heading-margin: 0px;--drawer-heading-spacing: 12px;--drawer-heading-leading: 0px;--drawer-heading-title-size: var(--title-size-lg);--drawer-heading-title-tone: var(--tone-title);--drawer-heading-infos-size: var(--title-size-md);--drawer-heading-infos-tone: var(--tone-infos);--drawer-heading-margin: var(--drawer-content-padding-t) var(--drawer-content-padding-r) var(--drawer-content-padding-b) 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-padding: 0px;--drawer-content-spacing: 16px;--drawer-content-padding: var(--drawer-content-padding-t) var(--drawer-content-padding-r) var(--drawer-content-padding-b) var(--drawer-content-padding-l)}.drawer{position:relative;border-radius:var(--radius-md);border:1px solid var(--tone-border);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(.drawer--has-header){--drawer-content-padding-t: var(--drawer-content-padding-t-header-is-bordered)}.drawer:not(.drawer--has-footer){--drawer-content-padding-b: var(--drawer-content-padding-b-footer-is-bordered)}.drawer.drawer--has-header:has(.drawer-header.drawer-header--is-bordered){--drawer-content-padding-t: var(--drawer-content-padding-t-header-is-bordered)}.drawer.drawer--has-footer:has(.drawer-footer.drawer-footer--is-bordered){--drawer-content-padding-b: var(--drawer-content-padding-b-footer-is-bordered)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.layout{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start}}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.phone{position:relative;color:var(--tone-primary)}.phone:hover{color:oklch(from var(--tone-primary) calc(l + var(--tone-mode) * 0.05) calc(c + 0) h)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.email{color:var(--tone-primary);display:block}.email:hover{color:oklch(from var(--tone-primary) calc(l + var(--tone-mode) * 0.05) calc(c + 0) h);text-decoration:underline}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.variant{.menu-bar-button{--button-tone: transparent;--button-padding: 0px;--button-spacing: 0px;--button-picto-size: var(--icon-size-md);--button-picto-tone: var(--tone-picto);--button-label-size: var(--text-size-sm);--button-label-tone: var(--tone-infos);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border-radius:100vw;border:none;height:36px;width:208px;transition-property:background-color,border-color,color,width;transition-duration:700ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.menu-bar--is-condensed .menu-bar-button{height:36px;width:36px}.menu-bar-button .button-picto{height:36px;width:36px;border-radius:36px;margin:0px}.menu-bar-button .button-label{transition-property:background-color,border-color,color,visibility,opacity;transition-duration:700ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.menu-bar--is-condensed .menu-bar-button .button-label{opacity:0;visibility:hidden}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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;row-gap:8px;column-gap:8px;transition-property:background-color,border-color,color,visibility,opacity,row-gap,column-gap;transition-duration:700ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);height:36px}.menu-bar-group-head:after{content:"";display:block;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;height:1px;background:var(--tone-stroke)}.menu-bar--is-condensed .menu-bar-group-head{row-gap:0px;column-gap:0px}.menu-bar-group-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:4px;column-gap:4px}.menu-bar-group-label{color:rgb(from var(--tone-infos) r g b/75%);font-weight:var(--font-weight-600);font-size:10px;text-transform:uppercase;font-family:var(--font-family-sans);transition-property:background-color,border-color,color,visibility,opacity,max-width;transition-duration:700ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);max-width:100%;min-width:0px;overflow:hidden;white-space:nowrap}.menu-bar--is-condensed .menu-bar-group-label{max-width:0%}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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: 0px;--menu-bar-condensed-tone: var(--tone-container);--menu-bar-condensed-size: 68px}.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-stroke);transition-property:background-color,border-color,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)}.menu-bar-head{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;height:var(--menu-bar-condensed-size);width:var(--menu-bar-condensed-size)}.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;row-gap:var(--menu-bar-content-spacing);column-gap:var(--menu-bar-content-spacing);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;height:var(--menu-bar-condensed-size);width:var(--menu-bar-condensed-size)}.menu-bar-logo{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;height:var(--menu-bar-condensed-size);width:var(--menu-bar-condensed-size)}.menu-bar-logo-icon{flex:none;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;height:36px}.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}.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)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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{width:320px}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.variant{.screen-content{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:var(--screen-content-spacing);column-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}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.variant{.screen-footer{z-index:115;backdrop-filter:blur(16px);display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center;row-gap:var(--screen-footer-spacing);column-gap:var(--screen-footer-spacing);border-top:1px solid var(--tone-stroke);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)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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-spacing: 8px;--navigation-list-padding: 0px}.navigation-list{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:var(--navigation-list-spacing);column-gap:var(--navigation-list-spacing);border:var(--navigation-list-border);border-radius:var(--navigation-list-radius);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.style{.navigation-list--plain{--navigation-list-spacing: 0px}.navigation-list--plain .navigation-list-item{border-radius:0px;border:none;border-bottom:1px solid var(--tone-stroke)}.navigation-list--plain .navigation-list-item:first-child{border-top:1px solid var(--tone-stroke)}.panel .navigation-list--plain .navigation-list-item:first-child,.modal .navigation-list--plain .navigation-list-item:first-child,.drawer .navigation-list--plain .navigation-list-item:first-child{border-top:none}}@layer component.style{.navigation-list--grouped{--navigation-list-spacing: 0px;border-radius:var(--radius-md);border:1px solid var(--tone-border)}.navigation-list--grouped .navigation-list-item,.navigation-list--grouped .navigation-list-item-placeholder{border-radius:0px;border:none;border-bottom:1px solid var(--tone-stroke)}.navigation-list--grouped .navigation-list-item:first-child,.navigation-list--grouped .navigation-list-item-placeholder:first-child{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.navigation-list--grouped .navigation-list-item:last-child,.navigation-list--grouped .navigation-list-item-placeholder:last-child{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.navigation-list--grouped .navigation-list-item:last-child,.navigation-list--grouped .navigation-list-item-placeholder:last-child{border-style:none}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.navigation-list-item{--navigation-list-item-tone: transparent;--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-spacing: 12px;--navigation-list-item-padding: 16px;--navigation-list-item-arrow-size: var(--icon-size-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;row-gap:var(--navigation-list-item-spacing);column-gap:var(--navigation-list-item-spacing);border:var(--navigation-list-item-border);border-radius:var(--navigation-list-item-radius);background:var(--navigation-list-item-background);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:0 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:center;justify-content:center}.navigation-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: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-arrow{font-size:var(--navigation-list-item-arrow-size);--fa-primary-color:var(--navigation-list-item-arrow-tone);--fa-secondary-color:var(--navigation-list-item-arrow-tone);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--navigation-list-item-arrow-tone)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.theme-switcher{position:relative}.theme-switcher-radio-list-input{clip-path:inset(0 0 0 0 round var(--radius-sm) var(--radius-sm) var(--radius-sm) var(--radius-sm));background:var(--tone-neutral);height:32px}.theme-switcher-radio-list-input .radio-group .radio-group-body{row-gap:0px;column-gap:0px}.theme-switcher-radio-list-input .radio-input .radio-input-body{border-radius:0px;height:32px;width:32px}.theme-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:background-color,border-color,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}.theme-switcher-radio-list-input .radio-input .radio-input-body:hover:before{opacity:1;visibility:visible}.theme-switcher-radio-list-input .radio-input .radio-input-body{background:rgba(0,0,0,0);border:none}.theme-switcher-radio-list-input .radio-input .radio-input-body:after{display:none}.theme-switcher-radio-list-input .radio-input .radio-input-picto{font-size:14px}.theme-switcher-radio-list-input .radio-input.radio-input--is-selected .radio-input-body{background:var(--tone-primary)}.theme-switcher-radio-list-input .radio-input.radio-input--is-selected .radio-input-picto{--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)}.theme-switcher-radio-list-input .radio-input.radio-input--is-selected .radio-input-label{color:var(--tone-primary-on);font-family:var(--font-family-sans)}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.user-profile-menu{--popover-spacing: 0px;--popover-padding: 0px;--popover-width: 320px;--popover-offset-t: 8px;--popover-offset-l: 0px}.user-profile-menu-close{z-index:5;position:absolute;top:16px;right:16px}.user-profile-menu-head{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:12px;column-gap:12px;padding:16px;padding-top:24px;padding-bottom:24px}.user-profile-menu-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.user-profile-menu-foot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:12px}.user-profile-menu-user{text-align:center}.user-profile-menu-user-name{color:var(--tone-label);font-weight:var(--font-weight-500);font-size:var(--text-size-lg);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans)}.user-profile-menu-user-info{color:var(--tone-infos);font-weight:var(--font-weight-400);font-size:var(--text-size-sm);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans)}.user-profile-menu-navigation-list{--navigation-list-item-height: 56px;--navigation-list-item-padding: 12px 16px}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.user-profile-button-image{cursor:pointer;user-select:none}.user-profile-button-image-avatar{--user-avatar-size: 36px}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.user-bar{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.screen-user-bar{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;row-gap:16px;column-gap:16px;padding:16px;width:var(--screen-gutter)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.base{.screen-heading{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:16px;column-gap:16px;transition-property:background-color,border-color,color,visibility,opacity,transform,translate,rotate,scale;transition-duration:700ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);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;row-gap:4px;column-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(--title-size-xl);--heading-infos-size: var(--title-size-md);max-width:60%}.screen-heading-heading .heading-body{row-gap:4px;column-gap:4px}.screen-heading-heading .heading-head{margin-left:-48px}.screen-heading-back{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:4px;column-gap:4px}.screen-heading-back-picto{font-size:var(--icon-size-xs);--fa-primary-color:var(--tone-primary);--fa-secondary-color:var(--tone-primary);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-primary)}.screen-heading-back-label{color:var(--tone-primary);font-size:var(--text-size-sm);font-family:var(--font-family-sans)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.variant{.screen-navigation-bar{transition-property:background-color,border-color,color,visibility,opacity,transform,translate,rotate,scale;transition-duration:700ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.screen-navigation-bar .navigation-bar-head{margin-left:-48px}.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;font-family:var(--font-family-sans)}.screen-header--is-large .screen-navigation-bar .navigation-bar-heading .heading-infos{display:none}.screen-header--is-large .screen-navigation-bar{opacity:0;visibility:hidden;transform:translateY(16px)}.screen-header--is-fixed .screen-navigation-bar{opacity:1;visibility:visible;transform:translateY(0px)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.variant{.screen-header{z-index:115;backdrop-filter:blur(16px);display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center;row-gap:var(--screen-header-spacing);column-gap:var(--screen-header-spacing);border-bottom:1px solid var(--tone-stroke);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)}.screen-header-head{position:absolute;top:0;left:0;bottom:0}.screen-header-foot{position:absolute;top:0;right:0;bottom:0}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.variant{.screen-pager{z-index:100;position:sticky;left:0;right:0;bottom:0;backdrop-filter:blur(16px);row-gap:var(--screen-footer-spacing);column-gap:var(--screen-footer-spacing);border-top:1px solid var(--tone-stroke);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)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.variant{.tab-bar-button{--button-tone: transparent;--button-border: none;--button-height: auto;--button-label-size: var(--text-size-xs);--button-label-tone: var(--tone-infos);--button-picto-size: var(--icon-size-md);--button-picto-tone: var(--tone-picto);--button-padding: 0px;--button-spacing: 0px;position:relative}.tab-bar-button .button-body{display:flex;flex-direction:column;align-items:center;justify-content:center}.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.button--is-selected .button-label{color:var(--tone-primary);font-family:var(--font-family-sans)}.tab-bar-button.button--is-selected .button-picto{--fa-primary-color:var(--tone-primary);--fa-secondary-color:var(--tone-primary);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-primary)}.tab-bar-button:not(.button--is-selected,.button--is-disabled):hover{background:rgba(0,0,0,0)}.tab-bar-button:not(.button--is-selected,.button--is-disabled):hover .button-label{color:var(--tone-title);font-family:var(--font-family-sans)}.tab-bar-button:not(.button--is-selected,.button--is-disabled):hover .button-picto{--fa-primary-color:var(--tone-title);--fa-secondary-color:var(--tone-title);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-title)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.tab-bar{--tab-bar-tone: transparent;--tab-bar-height: 68px;--tab-bar-margin: 0px;--tab-bar-border: 0px;--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;row-gap:var(--tab-bar-spacing);column-gap:var(--tab-bar-spacing);border:var(--tab-bar-border);border-radius:var(--tab-bar-radius);background:var(--tab-bar-tone);height:var(--tab-bar-height);margin:var(--tab-bar-margin);padding:var(--tab-bar-padding)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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:var(--screen-header-height);display:flex;flex:none;flex-direction:row;align-items:center;justify-content:flex-start;border-bottom:1px solid var(--tone-stroke)}.screen-tabs:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(16px);transition-property:background-color,border-color,color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);background:rgb(from var(--screen-tone) r g b/85%)}.screen-heading+.screen-tabs{--screen-tabs-margin: 48px 0px 0px 0px}.screen-tabs .tab-bar-button{--button-spacing: 4px;--button-label-size: var(--text-size-sm);--button-picto-size: var(--icon-size-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}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.base{.screen{--screen-gutter: calc(240px + 120 * ((100vw - 1921px) / 639))}@media(max-width: 1920px){.screen{--screen-gutter: calc(60px + 180 * ((100vw - 481px) / 1439))}}.screen{--screen-tone: var(--tone-container);--screen-header-height: 68px;--screen-header-margin: 0px;--screen-header-padding: 16px var(--screen-gutter);--screen-header-spacing: 12px;--screen-footer-height: 68px;--screen-footer-margin: 0px;--screen-footer-padding: 16px var(--screen-gutter);--screen-footer-spacing: 12px;--screen-heading-height: auto;--screen-heading-margin: 64px 0px 0px 0px;--screen-heading-spacing: 12px;--screen-heading-padding: 0px var(--screen-gutter);--screen-heading-leading: 0px;--screen-heading-title-size: var(--title-size-lg);--screen-heading-title-tone: var(--tone-title);--screen-heading-infos-size: var(--title-size-md);--screen-heading-infos-tone: var(--tone-infos);--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)}.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;container-type:scroll-state;background:var(--screen-tone)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.grid{--grid-tone: transparent;--grid-height: auto;--grid-margin: 0px;--grid-border: none;--grid-radius: 0px;--grid-spacing: 0px;--grid-padding: 0px;--grid-header-tone: rgb(from var(--tone-container) r g b / 85%);--grid-header-height: auto;--grid-header-margin: 0px;--grid-header-border: none;--grid-header-radius: 0px;--grid-header-padding: 16px 0px;--grid-header-spacing: 12px;--grid-header-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;--grid-content-height: auto;--grid-content-margin: 0px;--grid-content-spacing: 12px;--grid-content-padding: 0px}.grid{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:var(--grid-spacing);column-gap:var(--grid-spacing);border:var(--grid-border);border-radius:var(--grid-radius);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;row-gap:var(--grid-content-spacing);column-gap:var(--grid-content-spacing)}.grid-collection.collection--present{opacity:0}.grid-collection.collection--present.collection--present-active{transition-property:background-color,border-color,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:background-color,border-color,color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0}.grid-content{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));row-gap:var(--grid-content-spacing);column-gap:var(--grid-content-spacing);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}.grid-header,.grid-footer{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:16px;column-gap:16px;container-type:scroll-state}.grid-header{z-index:5;position:sticky;top:var(--table-heading-sticky-offset)}@container scroll-state(stuck: top){.grid-header .grid-header-content{border-bottom-width:1px}}.grid-footer{z-index:5;position:sticky;bottom:var(--table-footing-sticky-offset)}@container scroll-state(stuck: bottom){.grid-footer .grid-footer-content{border-top-width:1px}}.grid-header-content{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:var(--table-heading-spacing);column-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)}.grid-footer-content{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:var(--table-footing-spacing);column-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)}.grid-header:has(.grid-header-content:empty),.grid-footer:has(.grid-footer-content:empty){display:none}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.grid-item{--grid-item-tone: var(--tone-container);--grid-item-height: auto;--grid-item-margin: 0px;--grid-item-border: var(--border-md);--grid-item-radius: var(--radius-md);--grid-item-spacing: 12px;--grid-item-padding: 16px}.grid-item{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:var(--grid-item-spacing);column-gap:var(--grid-item-spacing);border:var(--grid-item-border);border-radius:var(--grid-item-radius);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-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;row-gap:var(--grid-item-spacing);column-gap:var(--grid-item-spacing)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.title-placeholder{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-radius:var(--radius-md);animation:placeholder-animation 1.5s linear forwards infinite;line-height:1;background:linear-gradient(to right, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) calc(c + 0) h), oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) calc(c + 0) h) 25%, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.1) calc(c + 0) h), oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) calc(c + 0) h) 75%, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) calc(c + 0) 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}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.infos-placeholder{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:8px;column-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: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) calc(c + 0) h), oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) calc(c + 0) h) 25%, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.1) calc(c + 0) h), oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) calc(c + 0) h) 75%, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) calc(c + 0) 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}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.image-placeholder{position:relative;aspect-ratio:2/1;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) calc(c + 0) h), oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) calc(c + 0) h) 25%, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.1) calc(c + 0) h), oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) calc(c + 0) h) 75%, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) calc(c + 0) 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}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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:placeholder-animation 1.5s linear infinite;background:linear-gradient(to right, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) calc(c + 0) h), oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) calc(c + 0) h) 25%, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.1) calc(c + 0) h), oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) calc(c + 0) h) 75%, oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) calc(c + 0) h));background-size:200% 100%}.button-placeholder:before{content:"";display:block;content:" "}.button-placeholder--sm{height:32px}.button-placeholder--md{height:36px}.button-placeholder--lg{height:40px}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.grid-item-placeholder{border-radius:var(--radius-md);border:1px solid var(--tone-border);position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:var(--grid-item-spacing);column-gap:var(--grid-item-spacing);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%}}


@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.meta{--meta-tone: transparent;--meta-height: auto;--meta-margin: 0px;--meta-border: none;--meta-radius: 0px;--meta-spacing: 4px;--meta-leading: 0px;--meta-padding: 0px;--meta-picto-size: var(--icon-size-xs);--meta-picto-tone: var(--tone-picto);--meta-picto-fill: transparent;--meta-picto-area: auto;--meta-label-size: var(--text-size-xs);--meta-label-tone: var(--tone-infos);--meta-value-size: var(--text-size-xs);--meta-value-tone: var(--tone-infos)}.meta{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:var(--meta-spacing);column-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{color:var(--meta-label-tone);font-weight:var(--font-weight-400);font-size:var(--meta-label-size);white-space:nowrap;font-family:var(--font-family-sans)}.meta-value{color:var(--meta-value-tone);font-weight:var(--font-weight-400);font-size:var(--meta-value-size);white-space:nowrap;font-family:var(--font-family-sans)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.metas{--metas-tone: transparent;--metas-height: auto;--metas-margin: 0px;--metas-border: none;--metas-radius: 0px;--metas-spacing: 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;row-gap:var(--metas-spacing);column-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)}}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.backlog-pending-task-metas{--metas-spacing: 4px}.backlog-pending-task-metas .meta{--meta-tone: var(--tone-surface-above);--meta-border: var(--border-sm);--meta-radius: var(--radius-sm);--meta-padding: 4px 8px;--meta-spacing: 4px;--meta-picto-tone: var(--tone-picto);--meta-picto-size: 11px;--meta-label-tone: var(--tone-infos);--meta-label-size: 12px;--meta-value-tone: var(--tone-label);--meta-value-size: 12px}.backlog-pending-task-metas.backlog-pending-task-metas--surface-below .meta{--meta-tone: var(--tone-surface-below)}.backlog-pending-task-metas.backlog-pending-task-metas--surface .meta{--meta-tone: var(--tone-surface)}.backlog-pending-task-metas.backlog-pending-task-metas--surface-above .meta{--meta-tone: var(--tone-surface-above)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.backlog-pending-task-priority-meta.backlog-pending-task-priority-meta--medium{background:rgb(from var(--tone-yellow) r g b/15%)}.backlog-pending-task-priority-meta.backlog-pending-task-priority-meta--high{background:rgb(from var(--tone-red) r g b/15%)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.backlog-pending-task-item{background:var(--tone-surface)}.backlog-pending-task-item:hover{background:var(--tone-highlight)}.backlog-pending-task-item-head{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;row-gap:12px;column-gap:12px}.backlog-pending-task-item-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:4px;column-gap:4px}.backlog-pending-task-item-title{color:var(--tone-title);font-weight:var(--font-weight-600);font-size:var(--title-size-sm);font-family:var(--font-family-sans);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.backlog-pending-task-item-infos{color:var(--tone-infos);font-weight:var(--font-weight-400);font-size:var(--title-size-xs);font-family:var(--font-family-sans);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.backlog-pending-task-item-contact{position:relative;display:grid;grid-template-columns:auto minmax(0, 1fr);row-gap:8px;column-gap:8px;border-top:1px solid var(--tone-stroke);padding:0px;padding-top:12px}.backlog-pending-task-item-contact-head{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.backlog-pending-task-item-contact-body{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.backlog-pending-task-item-contact-name{color:var(--tone-title);font-weight:var(--font-weight-500);font-size:var(--text-size-md);font-family:var(--font-family-sans)}.backlog-pending-task-item-contact-email,.backlog-pending-task-item-contact-phone{font-size:var(--text-size-sm);font-family:var(--font-family-sans)}.backlog-pending-task-item-contact-picto{margin-top:.2em}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.backlog-pending-task-placeholder{border-radius:var(--radius-md);border:1px solid var(--tone-border);position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:12px;column-gap:12px;background:var(--tone-surface);padding:16px}






@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.backlog-assign-modal-heading{--heading-leading: 4px;--heading-title-size: var(--title-size-lg);--heading-title-tone: var(--tone-title);--heading-infos-size: var(--title-size-sm);--heading-infos-tone: var(--tone-infos)}.backlog-assign-modal-location{position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;row-gap:12px;column-gap:12px;border-top:1px solid var(--tone-stroke);padding:0px;padding-top:16px;padding-bottom:16px}.backlog-assign-modal-contact{position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;row-gap:12px;column-gap:12px;border-top:1px solid var(--tone-stroke);padding:0px;padding-top:16px;padding-bottom:16px}.backlog-assign-modal-contact-head{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.backlog-assign-modal-contact-body{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.backlog-assign-modal-contact-name{color:var(--tone-title);font-weight:var(--font-weight-500);font-size:var(--text-size-md);font-family:var(--font-family-sans)}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.dashboard-screen .dashboard-connect-banner+.screen-header{top:88px}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.base{.section{--section-tone: transparent;--section-border: none;--section-height: auto;--section-margin: 0px;--section-radius: 0px;--section-spacing: 16px;--section-padding: 0px;--section-heading-spacing: 12px;--section-heading-padding: 0px;--section-heading-leading: 0px;--section-heading-title-size: var(--title-size-md);--section-heading-title-tone: var(--tone-title);--section-heading-infos-size: var(--title-size-xs);--section-heading-infos-tone: var(--tone-infos);--section-heading-picto-size: var(--icon-size-md);--section-heading-picto-tone: var(--tone-primary);--section-heading-picto-fill: var(--tone-primary-container);--section-heading-picto-area: 36px;--section-content-height: auto;--section-content-margin: 0px;--section-content-spacing: 16px;--section-content-padding: 0px}.section{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:var(--section-spacing);column-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:flex-start;row-gap:16px;column-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;row-gap:var(--section-content-spacing);column-gap:var(--section-content-spacing);border:var(--section-content-border);border-radius:var(--section-content-radius);height:var(--section-content-height);margin:var(--section-content-margin);padding:var(--section-content-padding)}.section-actions{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-end}.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)}}@layer component.container.style{.section--outlined{--section-padding: 0px;--section-spacing: 0px;--section-content-padding: 16px;border-radius:var(--radius-md);border:1px solid var(--tone-border)}.section--outlined .section-head{border-bottom:1px solid var(--tone-stroke);padding:var(--section-content-padding)}}@layer component.container.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)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.demo-alert .section-content{border-radius:var(--radius-md);border:1px solid var(--tone-border);display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:16px;column-gap:16px}.demo-alert-head{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-right:1px solid var(--tone-stroke);padding:16px}.demo-alert-body{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.demo-badge-list{position:relative;display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));row-gap:24px;column-gap:24px}.demo-badge-list-item{border:1px solid var(--tone-border);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;row-gap:6px;column-gap:6px;border-bottom:1px solid var(--tone-stroke);padding:16px}.demo-badge-list-item-body{display:flex;flex:1 0 auto;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:12px;column-gap:12px;padding:16px}.demo-badge-list-item-label{color:var(--tone-label);font-weight:var(--font-weight-500);font-size:var(--text-size-md);font-family:var(--font-family-sans)}.demo-badge-list-item-infos{color:var(--tone-infos);font-weight:var(--font-weight-500);font-size:var(--text-size-xs);font-style:italic;font-family:var(--font-family-sans)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.demo-button-list{position:relative;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));row-gap:24px;column-gap:24px}.demo-button-list-item{border:1px solid var(--tone-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.demo-button-list-item-head{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:6px;column-gap:6px;border-bottom:1px solid var(--tone-stroke);padding:16px}.demo-button-list-item-body{display:flex;flex:1 0 auto;flex-direction:column;align-items:flex-start;justify-content:flex-start;row-gap:12px;column-gap:12px;padding:16px}.demo-button-list-item-group{display:flex;flex:1 0 auto;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:12px;column-gap:12px}.demo-button-list-item-label{color:var(--tone-label);font-weight:var(--font-weight-500);font-size:var(--text-size-md);font-family:var(--font-family-sans)}.demo-button-list-item-infos{color:var(--tone-infos);font-weight:var(--font-weight-400);font-size:var(--text-size-xs);font-style:italic;font-family:var(--font-family-sans)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.card{--card-height: auto;--card-margin: 0px;--card-spacing: 12px;--card-padding: 16px;--card-heading-spacing: 12px;--card-heading-leading: 0px;--card-heading-title-size: var(--text-size-sm);--card-heading-title-tone: var(--tone-title);--card-heading-infos-size: var(--text-size-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{border-radius:var(--radius-md);border:1px solid var(--tone-border);position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:var(--card-spacing);column-gap:var(--card-spacing);height:var(--card-height);margin:var(--card-margin);padding:var(--card-padding)}.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;row-gap:var(--card-content-spacing);column-gap:var(--card-content-spacing);height:var(--card-content-height);margin:var(--card-content-margin);padding:var(--card-content-padding)}.card-heading .heading-title{color:var(--card-heading-title-tone);font-size:var(--card-heading-title-size);font-family:var(--font-family-sans)}.card-heading .heading-infos{font-size:var(--card-heading-infos-size);--fa-primary-color:var(--card-heading-infos-tone);--fa-secondary-color:var(--card-heading-infos-tone);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--card-heading-infos-tone)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.cards{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:stretch;row-gap:24px;column-gap:24px}.cards .card{align-self:stretch}.cards .card.card--1{flex:none;width:calc(8.3333333333% - 24px/12*11)}.cards .card.card--2{flex:none;width:calc(16.6666666667% - 24px/6*5)}.cards .card.card--3{flex:none;width:calc(25% - 24px/4*3)}.cards .card.card--4{flex:none;width:calc(33.3333333333% - 24px/3*2)}.cards .card.card--5{flex:none;width:calc(41.6666666667% - 24px/2*1)}.cards .card.card--6{flex:none;width:calc(50% - 24px/2*1)}.cards .card.card--7{flex:none;width:calc(58.3333333333% - 24px/1*0)}.cards .card.card--8{flex:none;width:calc(66.6666666667% - 24px/1*0)}.cards .card.card--9{flex:none;width:calc(75% - 24px/1*0)}.cards .card.card--10{flex:none;width:calc(83.3333333333% - 24px/1*0)}.cards .card.card--11{flex:none;width:calc(91.6666666667% - 24px/1*0)}.cards .card.card--12{flex:none;width:calc(100% - 24px/1*0)}}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.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}.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{color:var(--tone-white);font-size:var(--text-size-xs);white-space:nowrap;font-family:var(--font-family-sans)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.accent-picker-image{position:relative;border-radius:var(--radius-sm);background:var(--tone-surface-below);overflow:hidden}.accent-picker-image .image{aspect-ratio:1/1;object-fit:cover;object-position:center center;width:100%}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.accent-picker-image-picker{position:relative}.accent-picker-image-picker-value{position:absolute;opacity:0;visibility:hidden}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.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{color:var(--foreground-color);font-weight:var(--font-weight-500);font-size:var(--text-size-sm);font-family:var(--font-family-sans)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.accent-picker-palette{position:relative;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:16px;column-gap:16px}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.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}.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{color:var(--tone-white);font-size:var(--text-size-xs);white-space:nowrap;font-family:var(--font-family-sans)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.accent-picker{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:16px;column-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:background-color,border-color,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{opacity:1;visibility:visible}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.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{color:var(--tone-white);font-size:var(--text-size-xs);white-space:nowrap;font-family:var(--font-family-sans)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.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)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.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)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.color-picker-swatch{position:relative;border:1px solid var(--tone-stroke);border-radius:var(--radius-sm);height:48px;overflow:hidden;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-swatch-color{position:absolute;top:0;left:0;right:0;bottom:0}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.color-picker{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:16px;column-gap:16px}.color-picker-head,.color-picker-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:12px;column-gap:12px}.color-picker-foot{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:12px;column-gap:12px}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.demo-color-picker .section-content{border-radius:var(--radius-md);border:1px solid var(--tone-border);display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:0px;column-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-stroke)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.demo-confirm .section-content{border-radius:var(--radius-md);border:1px solid var(--tone-border);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-stroke);padding:16px}.demo-confirm-body{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.demo-drawer .section-content{border-radius:var(--radius-md);border:1px solid var(--tone-border);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:0px;column-gap:0px}.demo-drawer-body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-bottom:1px solid var(--tone-stroke);padding:16px}.demo-drawer-foot{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:16px}




@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.demo-grid{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:24px;column-gap:24px}.demo-grid-item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:24px;column-gap:24px}.demo-grid-item-head{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:6px;column-gap:6px}.demo-grid-item-body{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));row-gap:16px;column-gap:16px}.demo-grid-item-label{color:var(--tone-label);font-weight:var(--font-weight-500);font-size:var(--text-size-md);font-family:var(--font-family-sans)}.demo-grid-item-infos{color:var(--tone-infos);font-weight:var(--font-weight-400);font-size:var(--text-size-xs);font-style:italic;font-family:var(--font-family-sans)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.demo-heading-list{position:relative;display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));row-gap:24px;column-gap:24px}.demo-heading-list-item{border:1px solid var(--tone-border);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;row-gap:6px;column-gap:6px;border-bottom:1px solid var(--tone-stroke);padding:16px}.demo-heading-list-item-body{display:flex;flex:1 0 auto;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:12px;column-gap:12px;padding:16px}.demo-heading-list-item-label{color:var(--tone-label);font-weight:var(--font-weight-500);font-size:var(--text-size-md);font-family:var(--font-family-sans)}.demo-heading-list-item-infos{color:var(--tone-infos);font-weight:var(--font-weight-500);font-size:var(--text-size-xs);font-style:italic;font-family:var(--font-family-sans)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.list-separator{background:var(--list-separator-tone);height:var(--list-separator-height);margin:var(--list-separator-margin)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.list{--list-tone: transparent;--list-height: auto;--list-margin: 0px;--list-border: none;--list-radius: 0px;--list-spacing: 0px;--list-padding: 0px;--list-content-height: auto;--list-content-margin: 0px;--list-content-spacing: 8px;--list-content-padding: 0px;--list-separator-tone: var(--tone-border);--list-separator-height: 1px;--list-separator-margin: 0px 16px 0px 16px}.list{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:var(--list-spacing);column-gap:var(--list-spacing);border:var(--list-border);border-radius:var(--list-radius);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}.list-collection.collection--present{opacity:0}.list-collection.collection--present.collection--present-active{transition-property:background-color,border-color,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:background-color,border-color,color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0}.list-content{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:var(--list-content-spacing);column-gap:var(--list-content-spacing);height:var(--list-content-height);margin:var(--list-content-margin);padding:var(--list-content-padding)}}@layer component.style{.list--plain{--list-content-spacing: 0px}.list--plain .list-item,.list--plain .list-item-placeholder{--list-item-border: none;--list-item-radius: none;border-bottom:1px solid var(--tone-stroke)}.list--plain .list-item:first-child,.list--plain .list-item-placeholder:first-child{border-top:1px solid var(--tone-stroke)}.panel .list--plain .list-item:first-child,.panel .list--plain .list-item-placeholder:first-child,.modal .list--plain .list-item:first-child,.modal .list--plain .list-item-placeholder:first-child,.drawer .list--plain .list-item:first-child,.drawer .list--plain .list-item-placeholder:first-child{border-top:none}}@layer component.style{.list--inset{--list-content-spacing: 0px}.list--inset .list-item,.list--inset .list-item-placeholder{--list-item-border: none;--list-item-radius: none}}@layer component.style{.list--grouped{--list-border: var(--border-md);--list-radius: var(--radius-md);--list-content-spacing: 0px}.list--grouped .list-item,.list--grouped .list-item-placeholder{--list-item-border: none;--list-item-radius: none;border-bottom:1px solid var(--tone-stroke)}.list--grouped .list-item:first-child,.list--grouped .list-item-placeholder:first-child{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.list--grouped .list-item:last-child,.list--grouped .list-item-placeholder:last-child{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.list--grouped .list-item:last-child,.list--grouped .list-item-placeholder:last-child{border-style:none}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.list-item{--list-item-tone: var(--tone-container);--list-item-height: auto;--list-item-margin: 0px;--list-item-border: var(--border-md);--list-item-radius: var(--radius-md);--list-item-spacing: 12px;--list-item-padding: 16px;--list-item-arrow-size: var(--icon-size-xs);--list-item-arrow-tone: var(--tone-picto)}.list-item{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:var(--list-item-spacing);column-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)}.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:hover{background:var(--tone-highlight)}.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;row-gap:var(--list-item-spacing);column-gap:var(--list-item-spacing)}.list-item-arrow{font-size:var(--list-item-arrow-size);--fa-primary-color:var(--list-item-arrow-tone);--fa-secondary-color:var(--list-item-arrow-tone);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--list-item-arrow-tone)}}@layer component.style{.list--inset .list-item:before{content:"";display:block;position:absolute;top:4px;left:4px;right:4px;bottom:4px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-radius:var(--radius-sm);transition-property:background-color,border-color,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}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.list-item-placeholder{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:var(--list-item-spacing);column-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}.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}.list-item-placeholder-image{flex:none;border-radius:36px;height:36px;width:36px}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.demo-list{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:24px;column-gap:24px}.demo-list-item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:24px;column-gap:24px}.demo-list-item-head{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:6px;column-gap:6px}.demo-list-item-body{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:16px;column-gap:16px}.demo-list-item-label{color:var(--tone-label);font-weight:var(--font-weight-500);font-size:var(--text-size-md);font-family:var(--font-family-sans)}.demo-list-item-infos{color:var(--tone-infos);font-weight:var(--font-weight-400);font-size:var(--text-size-xs);font-style:italic;font-family:var(--font-family-sans)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.demo-message-list{position:relative;display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));row-gap:24px;column-gap:24px}.demo-message-list-item{border:1px solid var(--tone-border);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;row-gap:6px;column-gap:6px;border-bottom:1px solid var(--tone-stroke);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-size:var(--text-size-md);font-family:var(--font-family-sans)}.demo-message-list-item-infos{color:var(--tone-infos);font-weight:var(--font-weight-500);font-size:var(--text-size-xs);font-style:italic;font-family:var(--font-family-sans)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.demo-modal .section-content{border-radius:var(--radius-md);border:1px solid var(--tone-border);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:0px;column-gap:0px}.demo-modal-body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-bottom:1px solid var(--tone-stroke);padding:16px}.demo-modal-foot{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:16px}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.demo-navigation-bar-list{position:relative;display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));row-gap:24px;column-gap:24px}.demo-navigation-bar-list-item{border:1px solid var(--tone-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.demo-navigation-bar-list-item-head{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:6px;column-gap:6px;border-bottom:1px solid var(--tone-stroke);padding:16px}.demo-navigation-bar-list-item-body{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:16px}.demo-navigation-bar-list-item-label{color:var(--tone-label);font-weight:var(--font-weight-500);font-size:var(--text-size-md);font-family:var(--font-family-sans)}.demo-navigation-bar-list-item-infos{color:var(--tone-infos);font-weight:var(--font-weight-500);font-size:var(--text-size-xs);font-style:italic;font-family:var(--font-family-sans)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.demo-navigation-list-list{position:relative;display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));row-gap:24px;column-gap:24px}.demo-navigation-list-list-item{border:1px solid var(--tone-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.demo-navigation-list-list-item-head{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:6px;column-gap:6px;border-bottom:1px solid var(--tone-stroke);padding:16px}.demo-navigation-list-list-item-body{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:16px}.demo-navigation-list-list-item-label{color:var(--tone-label);font-weight:var(--font-weight-500);font-size:var(--text-size-md);font-family:var(--font-family-sans)}.demo-navigation-list-list-item-infos{color:var(--tone-infos);font-weight:var(--font-weight-500);font-size:var(--text-size-xs);font-style:italic;font-family:var(--font-family-sans)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.demo-pager-list{position:relative;display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));row-gap:24px;column-gap:24px}.demo-pager-list-item{border:1px solid var(--tone-border);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;row-gap:6px;column-gap:6px;border-bottom:1px solid var(--tone-stroke);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-size:var(--text-size-md);font-family:var(--font-family-sans)}.demo-pager-list-item-infos{color:var(--tone-infos);font-weight:var(--font-weight-500);font-size:var(--text-size-xs);font-style:italic;font-family:var(--font-family-sans)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.demo-palette-list{display:grid;grid-template-columns:repeat(8, minmax(0, 1fr));row-gap:24px;column-gap:24px}.demo-palette-list-item{border-radius:var(--radius-md);border:1px solid var(--tone-border);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:hidden}.demo-palette-list-item-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-bottom:1px solid var(--tone-stroke);padding:16px}.demo-palette-list-item-body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.demo-palette-list-item-label{color:var(--tone-label);font-weight:var(--font-weight-500);font-size:var(--text-size-md);font-family:var(--font-family-sans)}.demo-palette-list-item-infos{color:var(--tone-infos);font-weight:var(--font-weight-500);font-size:var(--text-size-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(--text-size-md)}.demo-palette-list-item-color-infos{font-size:var(--text-size-sm)}.demo-palette-list-item-color-tone{flex:none;border-radius:12px;height:12px;width:12px}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.child{.panel-content{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:var(--panel-content-spacing);column-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}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.child{.panel-footer{display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center;row-gap:var(--panel-header-spacing);column-gap:var(--panel-header-spacing);background:rgb(from var(--panel-tone) r g b/85%);min-height:var(--panel-header-height);margin:var(--panel-header-margin);padding:var(--panel-header-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-stroke)}.panel-footer.panel-footer--is-blurried{backdrop-filter:blur(16px)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.base{.panel-stack{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--tone-container);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}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.child{.panel-heading{--heading-height: var(--panel-heading-height);--heading-margin: var(--panel-heading-margin);--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);margin-bottom:var(--panel-content-spacing)}.panel-heading .heading-title,.panel-heading .heading-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.variant{.panel-navigation-bar .navigation-bar-heading{transition-property:background-color,border-color,color,visibility,opacity,transform,translate,rotate,scale;transition-duration:700ms;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;font-family:var(--font-family-sans)}.panel-header--is-large .panel-navigation-bar .navigation-bar-heading .heading-infos{display:none}.panel-header--is-large .panel-navigation-bar .navigation-bar-heading{opacity:0;visibility:hidden;transform:translateY(16px)}.panel-header--is-fixed .panel-navigation-bar .navigation-bar-heading{opacity:1;visibility:visible;transform:translateY(0px)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.child{.panel-header{display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center;row-gap:var(--panel-header-spacing);column-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-stroke)}.panel-header.panel-header--is-blurried{backdrop-filter:blur(16px)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.base{.panel{--panel-tone: var(--tone-container);--panel-header-height: 68px;--panel-header-margin: 0px;--panel-header-padding: 16px;--panel-header-spacing: 12px;--panel-footer-height: 68px;--panel-footer-margin: 0px;--panel-footer-padding: 16px;--panel-footer-spacing: 12px;--panel-heading-height: auto;--panel-heading-margin: 0px;--panel-heading-spacing: 12px;--panel-heading-leading: 0px;--panel-heading-title-size: var(--title-size-lg);--panel-heading-title-tone: var(--tone-title);--panel-heading-infos-size: var(--title-size-md);--panel-heading-infos-tone: var(--tone-infos);--panel-heading-margin: var(--panel-content-padding-t) var(--panel-content-padding-r) var(--panel-content-padding-b) 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-padding: 0px;--panel-content-spacing: 16px;--panel-content-padding: var(--panel-content-padding-t) var(--panel-content-padding-r) var(--panel-content-padding-b) var(--panel-content-padding-l)}.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(.panel--has-header){--panel-content-padding-t: var(--panel-content-padding-t-header-is-bordered)}.panel:not(.panel--has-footer){--panel-content-padding-b: var(--panel-content-padding-b-footer-is-bordered)}.panel.panel--has-header:has(.panel-header.panel-header--is-bordered){--panel-content-padding-t: var(--panel-content-padding-t-header-is-bordered)}.panel.panel--has-footer:has(.panel-footer.panel-footer--is-bordered){--panel-content-padding-b: var(--panel-content-padding-b-footer-is-bordered)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.demo-panel .section-content{border-radius:var(--radius-md);border:1px solid var(--tone-border);display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:0px;column-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-stroke)}.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-stroke);padding:16px}.demo-panel-panel-foot{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:16px}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.demo-picto-list{border-radius:var(--radius-md);border:1px solid var(--tone-border);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:16px;column-gap:16px;padding:16px}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.demo-popover .section-content{border-radius:var(--radius-md);border:1px solid var(--tone-border);display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:0px;column-gap:0px}.demo-popover-head{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-right:1px solid var(--tone-stroke);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);padding:12px}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.demo-spinner-list{position:relative;display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));row-gap:24px;column-gap:24px}.demo-spinner-list-item{border:1px solid var(--tone-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.demo-spinner-list-item-head{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:6px;column-gap:6px;border-bottom:1px solid var(--tone-stroke);padding:16px}.demo-spinner-list-item-body{display:flex;flex:1 0 auto;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:12px;column-gap:12px;padding:16px}.demo-spinner-list-item-label{color:var(--tone-label);font-weight:var(--font-weight-500);font-size:var(--text-size-md);font-family:var(--font-family-sans)}.demo-spinner-list-item-infos{color:var(--tone-infos);font-weight:var(--font-weight-500);font-size:var(--text-size-xs);font-style:italic;font-family:var(--font-family-sans)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.demo-tab-bar-list{position:relative;display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));row-gap:24px;column-gap:24px}.demo-tab-bar-list-item{border:1px solid var(--tone-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.demo-tab-bar-list-item-head{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:6px;column-gap:6px;border-bottom:1px solid var(--tone-stroke);padding:16px}.demo-tab-bar-list-item-body{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:16px}.demo-tab-bar-list-item-label{color:var(--tone-label);font-weight:var(--font-weight-500);font-size:var(--text-size-md);font-family:var(--font-family-sans)}.demo-tab-bar-list-item-infos{color:var(--tone-infos);font-weight:var(--font-weight-500);font-size:var(--text-size-xs);font-style:italic;font-family:var(--font-family-sans)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.variant{.table-detail{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0px;padding-left:4px;padding-right:4px}.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)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.base{.table-cell{position:relative;border-top:1px solid var(--tone-stroke);border-bottom:1px solid var(--tone-stroke);display:table-cell}.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;row-gap:2px;column-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:8px;left:0px;right:0px;bottom:8px;transition-property:background-color,border-color,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}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.table--is-empty .table-body{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:center}.table-body .placeholder-group:nth-child(1) .table-cell{border-top-color:rgb(from var(--tone-border) r g b/87.5%);border-bottom-color:rgb(from var(--tone-border) r g b/87.5%);opacity:.875}.table-body .placeholder-group:nth-child(2) .table-cell{border-top-color:rgb(from var(--tone-border) r g b/75%);border-bottom-color:rgb(from var(--tone-border) r g b/75%);opacity:.75}.table-body .placeholder-group:nth-child(3) .table-cell{border-top-color:rgb(from var(--tone-border) r g b/62.5%);border-bottom-color:rgb(from var(--tone-border) r g b/62.5%);opacity:.625}.table-body .placeholder-group:nth-child(4) .table-cell{border-top-color:rgb(from var(--tone-border) r g b/50%);border-bottom-color:rgb(from var(--tone-border) r g b/50%);opacity:.5}.table-body .placeholder-group:nth-child(5) .table-cell{border-top-color:rgb(from var(--tone-border) r g b/37.5%);border-bottom-color:rgb(from var(--tone-border) r g b/37.5%);opacity:.375}.table-body .placeholder-group:nth-child(6) .table-cell{border-top-color:rgb(from var(--tone-border) r g b/25%);border-bottom-color:rgb(from var(--tone-border) r g b/25%);opacity:.25}.table-body .placeholder-group:nth-child(7) .table-cell{border-top-color:rgb(from var(--tone-border) r g b/12.5%);border-bottom-color:rgb(from var(--tone-border) r g b/12.5%);opacity:.125}.table-body .placeholder-group:nth-child(8) .table-cell{border-top-color:rgb(from var(--tone-border) r g b/0%);border-bottom-color:rgb(from var(--tone-border) r g b/0%);opacity:0}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.base{.table-footer{color:var(--tone-label);font-weight:var(--font-weight-500);font-size:var(--text-size-xs);font-family:var(--font-family-sans);cursor:pointer;user-select:none;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;line-height:1;letter-spacing:.05em;text-transform:uppercase;text-align:left;white-space:nowrap}.table-footer-sort{margin:0px;margin-left:4px}.table-footer-sort .picto{font-size:12px;--fa-primary-color:var(--tone-title);--fa-secondary-color:var(--tone-title);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-title)}.table-footer-sort .picto:before{line-height:1}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.base{.table--is-empty .table-foot{display:none}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.base{.table-header{color:var(--table-header-font-tone);font-weight:var(--font-weight-500);font-size:var(--table-header-font-size);font-family:var(--font-family-sans);cursor:pointer;user-select:none;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;line-height:1;letter-spacing:.05em;text-transform:uppercase;text-align:left;white-space:nowrap}.table-header-arrow{font-size:12px;margin:0px;margin-left:4px}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.base{.table--is-empty .table-head{display:none}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.base{.table{--table-header-tone: transparent;--table-header-font-size: var(--text-size-xs);--table-header-font-tone: var(--tone-infos);--table-header-padding: 16px;--table-footer-tone: transparent;--table-footer-font-size: var(--text-size-xs);--table-footer-font-tone: var(--tone-infos);--table-footer-padding: 16px;--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: 20px;--table-image-size: 40px;--table-image-fill: var(--tone-primary-container);--table-image-picto-size: var(--icon-size-md);--table-image-picto-tone: var(--tone-primary);--table-image-picto-fill: var(--tone-primary-container);--table-title-size: var(--text-size-md);--table-title-tone: var(--tone-title);--table-value-size: var(--text-size-md);--table-value-tone: var(--tone-title);--table-label-size: var(--text-size-sm);--table-label-tone: var(--tone-infos)}.table{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.table-content{position:relative;border:none;border-collapse:collapse;height:1px;width:100%}.table--is-active .table-content{animation:pulse 1.5s linear infinite}@keyframes table-loading{from{opacity:.25}to{opacity:1}}.table-heading,.table-footing{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:16px;column-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;row-gap:var(--table-heading-spacing);column-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)}.table-footing-content{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:var(--table-footing-spacing);column-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)}.table-heading:has(.table-heading-content:empty),.table-footing:has(.table-footing-content:empty){display:none}.table-title{color:var(--table-title-tone);font-weight:var(--font-weight-500);font-size:var(--table-title-size);white-space:nowrap;font-family:var(--font-family-sans)}.table-label{color:var(--table-label-tone);font-weight:var(--font-weight-400);font-size:var(--table-label-size);white-space:nowrap;font-family:var(--font-family-sans)}.table-value{color:var(--table-value-tone);font-weight:var(--font-weight-500);font-size:var(--table-value-size);white-space:nowrap;font-family:var(--font-family-sans)}.table-detail-column{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}}@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-stroke)}.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-stroke)}.table-body--list .table-cell-content{border-top:1px solid var(--tone-stroke);border-bottom:1px solid var(--tone-stroke);background:var(--tone-surface)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.base{.table-image-placeholder{height:var(--table-image-size);width:var(--table-image-size);border-radius:var(--table-image-size)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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%}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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{flex:none;border-radius:56px;height:56px;width:56px}.table-image.photo,.table-image.photo:before{background:var(--tone-surface)}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.variant{.table-segmented-bar{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:8px;column-gap:8px}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.container.variant{.table-segmented-bar-button{display:flex;flex:none;flex-direction:row;align-items:center;justify-content:center;row-gap:6px;column-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-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-size:var(--text-size-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)}}}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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%}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@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-size:var(--text-size-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{color:var(--tone-primary);font-size:var(--text-size-sm);font-family:var(--font-family-sans)}}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.demo-table{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:24px;column-gap:24px}.demo-table-item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:24px;column-gap:24px}.demo-table-item-head{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:6px;column-gap:6px}.demo-table-item-body{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:16px;column-gap:16px}.demo-table-item-label{color:var(--tone-label);font-weight:var(--font-weight-500);font-size:var(--text-size-md);font-family:var(--font-family-sans)}.demo-table-item-infos{color:var(--tone-infos);font-weight:var(--font-weight-400);font-size:var(--text-size-xs);font-style:italic;font-family:var(--font-family-sans)}.demo-sample-table .table-cell--image{width:1%}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.demo-typography-list{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:24px;column-gap:24px}.demo-typography-list-item{border:1px solid var(--tone-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.demo-typography-list-item-head{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:6px;column-gap:6px;border-bottom:1px solid var(--tone-stroke);padding:16px}.demo-typography-list-item-body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:16px}.demo-typography-list-item-label{color:var(--tone-label);font-weight:var(--font-weight-500);font-size:var(--text-size-md);font-family:var(--font-family-sans)}.demo-typography-list-item-infos{color:var(--tone-infos);font-weight:var(--font-weight-400);font-size:var(--text-size-xs);font-style:italic;font-family:var(--font-family-sans)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.variant{.segmented-bar-button{--button-tone: transparent;--button-border: none;--button-radius: 0px;--button-height: 100%;--button-selected-tone: var(--tone-primary);--button-selected-label-tone: var(--tone-primary-on);--button-selected-picto-tone: var(--tone-primary-on);flex:1 1 0}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.base{.segmented-bar{--segmented-bar-tone: var(--tone-neutral);--segmented-bar-height: 36px;--segmented-bar-margin: 0px;--segmented-bar-border: var(--border-md);--segmented-bar-radius: var(--radius-md);--segmented-bar-padding: 0px;--segmented-bar-spacing: 0px}.segmented-bar{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:var(--segmented-bar-spacing);column-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);overflow:hidden}.segmented-bar-separator{background:var(--tone-border);height:100%;width:1px}}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.demo-segmented-bar-list{position:relative;display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));row-gap:24px;column-gap:24px}.demo-segmented-bar-list-item{border:1px solid var(--tone-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.demo-segmented-bar-list-item-head{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:6px;column-gap:6px;border-bottom:1px solid var(--tone-stroke);padding:16px}.demo-segmented-bar-list-item-body{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:16px}.demo-segmented-bar-list-item-label{color:var(--tone-label);font-weight:var(--font-weight-500);font-size:var(--text-size-md);font-family:var(--font-family-sans)}.demo-segmented-bar-list-item-infos{color:var(--tone-infos);font-weight:var(--font-weight-500);font-size:var(--text-size-xs);font-style:italic;font-family:var(--font-family-sans)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.demo-screen-stack{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;row-gap:16px;column-gap:16px}.demo-screen-group{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:16px;column-gap:16px}.demo-screen-split{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:16px;column-gap:16px}.demo-screen-split-body{position:relative;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:16px;column-gap:16px}.demo-screen-split-body{position:relative;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:16px;column-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)}.demo-screen-split-column:nth-child(2){border-radius:var(--radius-md);background:var(--tone-surface)}.demo-font-size-xxs{font-size:var(--text-size-xs);font-family:var(--font-family-sans)}.demo-font-size-xs{font-size:var(--text-size-xs);font-family:var(--font-family-sans)}.demo-font-size-sm{font-size:var(--text-size-sm);font-family:var(--font-family-sans)}.demo-font-size-md{font-size:var(--text-size-md);font-family:var(--font-family-sans)}.demo-font-size-lg{font-size:var(--text-size-lg);font-family:var(--font-family-sans)}.demo-font-size-xl{font-size:var(--text-size-xl);font-family:var(--font-family-sans)}.demo-font-size-xxl{font-size:sl;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;row-gap:24px;column-gap:24px}.default-screen .demo-swatch{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:8px;column-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;row-gap:4px;column-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));row-gap:16px;column-gap:16px}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.error-screen .screen-content{display:flex;flex:1 0 auto;flex-direction:column;align-items:center;justify-content:center}.error-screen-message{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;row-gap:12px;column-gap:12px;max-width:640px}.error-screen-message .button{margin-top:12px}.error-screen-message-title{color:var(--tone-warning);font-weight:var(--font-weight-700);font-size:var(--text-size-xl);font-family:var(--font-family-sans)}.error-screen-message-infos{color:var(--tone-title);font-weight:var(--font-weight-500);font-size:sl;font-family:var(--font-family-sans)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.invite-batch-form .repeater .form-field:not(:last-child){border-right:1px solid var(--tone-stroke)}.invite-batch-form-import{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:48px;column-gap:48px}.invite-batch-form-import-head{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:36px;column-gap:36px}.invite-batch-form-import-body{position:relative;border:1px solid var(--tone-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:36px;column-gap:36px;padding:36px}.invite-batch-form-import-title{font-size:var(--text-size-lg);font-family:var(--font-family-sans)}.invite-batch-form-import-field{max-width:640px;min-width:320px;width:100%}.invite-batch-form-sample{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:12px;column-gap:12px;max-width:640px;min-width:320px;width:100%}.invite-batch-form-sample-title{font-size:var(--font-style-sm);font-family:var(--font-family-sans)}.invite-batch-form-sample-table{mask-image:linear-gradient(to bottom, black, rgba(0, 0, 0, 0))}.invite-batch-form-sample-table table{border:none;border-collapse:collapse;background:var(--color-gray-100);width:100%}.invite-batch-form-sample-table td{border:1px solid var(--tone-border);padding:8px}


@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.invite-table .table-cell:first-child,.invite-table .table-cell:last-child{width:1%}.invite-table .table-cell--actions{width:1%}




@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.project-collaborator-avatar-group{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:8px;column-gap:8px}.project-collaborator-avatar-group-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.project-collaborator-avatar-group-entry:not(:first-child){margin-left:-6px}.project-collaborator-avatar-group-entry .user-avatar{--user-avatar-height: 32px;--user-avatar-border: 2px solid var(--tone-container)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.project-status-input{--project-status-input-tone: var(--tone-input);--project-status-input-height: auto;--project-status-input-margin: 0px;--project-status-input-border: var(--border-md);--project-status-input-radius: var(--radius-sm);--project-status-input-padding: 8px 0px 8px 8px;--project-status-input-spacing: 8px;--project-status-input-font-size: var(--text-size-xs);--project-status-input-font-tone: var(--tone-label);--project-status-input-icon-size: var(--text-size-xs);--project-status-input-icon-tone: var(--tone-label);--project-status-input-select-tone: var(--tone-container-above);--project-status-input-select-height: auto;--project-status-input-select-padding: 0px;--project-status-input-select-spacing: 0px;--project-status-input-select-min-height: 0px;--project-status-input-select-max-height: 320px;--project-status-input-select-width: auto;--project-status-input-select-font-size: var(--text-size-xs);--project-status-input-select-icon-size: var(--text-size-xs)}.project-status-input{cursor:pointer;user-select:none;position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;transition-property:background-color,border-color,color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.project-status-input.project-status-input--is-disabled{opacity:.5}.project-status-input .input-field{row-gap:var(--project-status-input-spacing);column-gap:var(--project-status-input-spacing)}.project-status-input-body{position:relative;display:grid;grid-template-columns:auto minmax(0, 1fr) auto;row-gap:8px;column-gap:8px;border:var(--project-status-input-border);border-radius:var(--project-status-input-radius);background:rgb(from var(--project-status-input-background-color) r g b/15%);margin:var(--project-status-input-margin);min-height:var(--project-status-input-height);max-height:none;overflow:hidden;padding:var(--project-status-input-padding)}.project-status-input-body:before{content:"";display:block;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-self:center;flex:none;border-radius:16px;height:16px;width:16px;background:var(--project-status-input-background-color)}.project-status-input--has-focus .project-status-input-body{border-color:var(--tone-primary)}.project-status-input--has-error .project-status-input-body{border-color:var(--tone-warning)}.project-status-input-value{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;row-gap:8px;column-gap:8px}.project-status-input-placeholder{color:var(--project-status-input-font-tone);font-size:var(--project-status-input-font-size);font-family:var(--font-family-sans)}.project-status-input-value-title{color:var(--project-status-input-font-tone);font-size:var(--project-status-input-font-size);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans);max-width:160px}.project-status-input-value-picto{font-size:var(--project-status-input-icon-size);--fa-primary-color:var(--project-status-input-icon-tone);--fa-secondary-color:var(--project-status-input-icon-tone);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--project-status-input-icon-tone)}.project-status-input-arrow{position:relative;font-size:12px;--fa-primary-color:var(--project-status-input-font-tone);--fa-secondary-color:var(--project-status-input-font-tone);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--project-status-input-font-tone);width:var(--project-status-input-height)}.project-status-input--sm{--project-status-input-height: 32px;--project-status-input-list-item-padding: 0px 8px;--project-status-input-list-item-spacing: 4px;--project-status-input-list-item-image-size: 12px;--project-status-input-list-item-picto-size: 11px;--project-status-input-list-item-label-size: 12px}.project-status-input--md{--project-status-input-height: 36px;--project-status-input-list-item-padding: 0px 8px;--project-status-input-list-item-spacing: 4px;--project-status-input-list-item-image-size: 16px;--project-status-input-list-item-picto-size: var(--icon-size-xs);--project-status-input-list-item-label-size: var(--text-size-xs)}.project-status-input--lg{--project-status-input-height: 40px;--project-status-input-list-item-padding: 0px 12px;--project-status-input-list-item-spacing: 6px;--project-status-input-list-item-image-size: 20px;--project-status-input-list-item-picto-size: var(--icon-size-sm);--project-status-input-list-item-label-size: var(--text-size-sm)}}@layer component.container.variant{.project-status-input-select{--popover-tone: var(--project-status-input-select-tone);--popover-height: var(--project-status-input-select-height);--popover-padding: var(--project-status-input-select-padding);--popover-spacing: var(--project-status-input-select-spacing);--popover-min-height: var(--project-status-input-select-min-height);--popover-max-height: var(--project-status-input-select-max-height);--popover-width: var(--project-status-input-select-width);--popover-min-width: 160px}.project-status-input-select-option{cursor:pointer;user-select:none;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:8px;column-gap:8px;transition-property:background-color,border-color,color;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);background:rgb(from var(--project-status-input-select-option-background-color) r g b/15%);padding:8px;padding-left:12px;padding-right:12px}.project-status-input-select-option:not(:last-child){border-bottom:1px solid var(--tone-stroke)}.project-status-input-select-option:before{content:"";display:block;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;align-self:center;flex:none;border-radius:16px;height:16px;width:16px;background:var(--project-status-input-select-option-background-color)}.project-status-input-select-option:hover{background:rgb(from var(--project-status-input-select-option-background-color) r g b/25%)}.project-status-input-select-option-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;row-gap:8px;column-gap:8px}.project-status-input-select-option-check{font-size:var(--project-status-input-select-icon-size);--fa-primary-color:var(--tone-label);--fa-secondary-color:var(--tone-label);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-label)}.project-status-input-select-option-picto{font-size:var(--project-status-input-select-icon-size);--fa-primary-color:var(--tone-label);--fa-secondary-color:var(--tone-label);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-label)}.project-status-input-select-option-title{color:var(--tone-label);font-size:var(--project-status-input-select-font-size);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans);max-width:160px}}




@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.project-task-metas{--metas-spacing: 4px}.project-task-metas .meta{--meta-tone: var(--tone-surface-above);--meta-border: var(--border-sm);--meta-radius: var(--radius-sm);--meta-padding: 4px 8px;--meta-spacing: 4px;--meta-picto-tone: var(--tone-picto);--meta-picto-size: 10px;--meta-label-tone: var(--tone-infos);--meta-label-size: 11px;--meta-value-tone: var(--tone-label);--meta-value-size: 11px}.project-task-metas.project-task-metas--surface-below .meta{--meta-tone: var(--tone-surface-below)}.project-task-metas.project-task-metas--surface .meta{--meta-tone: var(--tone-surface)}.project-task-metas.project-task-metas--surface-above .meta{--meta-tone: var(--tone-surface-above)}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.project-task-priority-meta.project-task-priority-meta--medium{background:rgb(from var(--tone-yellow) r g b/15%)}.project-task-priority-meta.project-task-priority-meta--high{background:rgb(from var(--tone-red) r g b/15%)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.project-task-collaborator-avatar-group{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:8px;column-gap:8px}.project-task-collaborator-avatar-group-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.project-task-collaborator-avatar-group-entry:not(:first-child){margin-left:-6px}.project-task-collaborator-avatar-group-entry .user-avatar{--user-avatar-height: 28px;--user-avatar-border: 1px solid var(--tone-white)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.project-task-progress-bar{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:12px;column-gap:12px;height:8px}.project-task-progress-bar-value{position:relative;border-radius:var(--radius-md);border:1px solid var(--tone-border);background:var(--tone-surface-below);height:8px;overflow:hidden;width:200px}.project-task-progress-bar-value:after{content:"";display:block;position:absolute;top:0;left:0;bottom:0;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:var(--tone-green);width:var(--project-task-progress-bar-value)}.project-task-progress-bar:not(.project-task-progress-bar--has-value) .project-task-progress-bar-value{background:repeating-linear-gradient(45deg, var(--tone-neutral) 0px, var(--tone-neutral) 8px, var(--tone-surface) 8px, var(--tone-surface) 16px)}.project-task-progress-bar-label{color:var(--tone-infos);font-size:11px;font-family:var(--font-family-sans)}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@layer component.control.base{.project-task-status-input{--project-task-status-input-tone: var(--tone-input);--project-task-status-input-height: auto;--project-task-status-input-margin: 0px;--project-task-status-input-border: var(--border-md);--project-task-status-input-radius: var(--radius-sm);--project-task-status-input-padding: 8px 0px 8px 8px;--project-task-status-input-spacing: 8px;--project-task-status-input-font-size: var(--text-size-xs);--project-task-status-input-font-tone: var(--tone-label);--project-task-status-input-icon-size: var(--text-size-xs);--project-task-status-input-icon-tone: var(--tone-label);--project-task-status-input-select-tone: var(--tone-container-above);--project-task-status-input-select-height: auto;--project-task-status-input-select-padding: 0px;--project-task-status-input-select-spacing: 0px;--project-task-status-input-select-min-height: 0px;--project-task-status-input-select-max-height: 320px;--project-task-status-input-select-width: auto;--project-task-status-input-select-font-size: var(--text-size-xs);--project-task-status-input-select-icon-size: var(--text-size-xs)}.project-task-status-input{cursor:pointer;user-select:none;position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;transition-property:background-color,border-color,color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.project-task-status-input.project-task-status-input--is-disabled{opacity:.5}.project-task-status-input .input-field{row-gap:var(--project-task-status-input-spacing);column-gap:var(--project-task-status-input-spacing)}.project-task-status-input-body{position:relative;display:grid;grid-template-columns:auto minmax(0, 1fr) auto;row-gap:8px;column-gap:8px;border:var(--project-task-status-input-border);border-radius:var(--project-task-status-input-radius);background:rgb(from var(--project-task-status-input-background-color) r g b/15%);margin:var(--project-task-status-input-margin);min-height:var(--project-task-status-input-height);max-height:none;overflow:hidden;padding:var(--project-task-status-input-padding)}.project-task-status-input-body:before{content:"";display:block;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-self:center;flex:none;border-radius:16px;height:16px;width:16px;background:var(--project-task-status-input-background-color)}.project-task-status-input--has-focus .project-task-status-input-body{border-color:var(--tone-primary)}.project-task-status-input--has-error .project-task-status-input-body{border-color:var(--tone-warning)}.project-task-status-input-value{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;row-gap:8px;column-gap:8px}.project-task-status-input-placeholder{color:var(--project-task-status-input-font-tone);font-size:var(--project-task-status-input-font-size);font-family:var(--font-family-sans)}.project-task-status-input-value-title{color:var(--project-task-status-input-font-tone);font-size:var(--project-task-status-input-font-size);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans);max-width:160px}.project-task-status-input-value-picto{font-size:var(--project-task-status-input-icon-size);--fa-primary-color:var(--project-task-status-input-icon-tone);--fa-secondary-color:var(--project-task-status-input-icon-tone);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--project-task-status-input-icon-tone)}.project-task-status-input-arrow{position:relative;font-size:12px;--fa-primary-color:var(--project-task-status-input-font-tone);--fa-secondary-color:var(--project-task-status-input-font-tone);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--project-task-status-input-font-tone);width:var(--project-task-status-input-height)}.project-task-status-input--sm{--project-task-status-input-height: 32px;--project-task-status-input-list-item-padding: 0px 8px;--project-task-status-input-list-item-spacing: 4px;--project-task-status-input-list-item-image-size: 12px;--project-task-status-input-list-item-picto-size: 11px;--project-task-status-input-list-item-label-size: 12px}.project-task-status-input--md{--project-task-status-input-height: 36px;--project-task-status-input-list-item-padding: 0px 8px;--project-task-status-input-list-item-spacing: 4px;--project-task-status-input-list-item-image-size: 16px;--project-task-status-input-list-item-picto-size: var(--icon-size-xs);--project-task-status-input-list-item-label-size: var(--text-size-xs)}.project-task-status-input--lg{--project-task-status-input-height: 40px;--project-task-status-input-list-item-padding: 0px 12px;--project-task-status-input-list-item-spacing: 6px;--project-task-status-input-list-item-image-size: 20px;--project-task-status-input-list-item-picto-size: var(--icon-size-sm);--project-task-status-input-list-item-label-size: var(--text-size-sm)}}@layer component.container.variant{.project-task-status-input-select{--popover-tone: var(--project-task-status-input-select-tone);--popover-height: var(--project-task-status-input-select-height);--popover-padding: var(--project-task-status-input-select-padding);--popover-spacing: var(--project-task-status-input-select-spacing);--popover-min-height: var(--project-task-status-input-select-min-height);--popover-max-height: var(--project-task-status-input-select-max-height);--popover-width: var(--project-task-status-input-select-width);--popover-min-width: 160px}.project-task-status-input-select-option{cursor:pointer;user-select:none;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:8px;column-gap:8px;transition-property:background-color,border-color,color;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);background:rgb(from var(--project-task-status-input-select-option-background-color) r g b/15%);padding:8px;padding-left:12px;padding-right:12px}.project-task-status-input-select-option:not(:last-child){border-bottom:1px solid var(--tone-stroke)}.project-task-status-input-select-option:before{content:"";display:block;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;align-self:center;flex:none;border-radius:16px;height:16px;width:16px;background:var(--project-task-status-input-select-option-background-color)}.project-task-status-input-select-option:hover{background:rgb(from var(--project-task-status-input-select-option-background-color) r g b/25%)}.project-task-status-input-select-option-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;row-gap:8px;column-gap:8px}.project-task-status-input-select-option-check{font-size:var(--project-task-status-input-select-icon-size);--fa-primary-color:var(--tone-label);--fa-secondary-color:var(--tone-label);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-label)}.project-task-status-input-select-option-picto{font-size:var(--project-task-status-input-select-icon-size);--fa-primary-color:var(--tone-label);--fa-secondary-color:var(--tone-label);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-label)}.project-task-status-input-select-option-title{color:var(--tone-label);font-size:var(--project-task-status-input-select-font-size);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans);max-width:160px}}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.project-multiple-user-dropdown-field-user-avatar{--user-avatar-height: 28px}.dropdown-input-value .project-multiple-user-dropdown-field-user-avatar{--user-avatar-height: 22px}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.project-single-user-dropdown-field-user-avatar{--user-avatar-height: 28px}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.project-task-drawer-details-content .text-area{--text-area-font-size: var(--text-size-lg);--text-area-font-tone: var(--tone-label)}.project-task-drawer-details-content-head{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:16px;column-gap:16px}.project-task-drawer-details-content-form{--form-spacing: 0px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.project-task-drawer-details-content-form .section{--section-padding: 0px;--section-heading-spacing: 8px;--section-heading-padding: 8px 0px;--section-content-padding: 8px 0px;--section-heading-title-size: var(--title-size-xs);--section-heading-title-tone: var(--tone-label);--section-heading-picto-size: var(--icon-size-sm);--section-heading-picto-tone: var(--tone-picto);--section-heading-picto-fill: transparent;--section-heading-picto-area: auto;border-top:1px solid var(--tone-stroke);display:grid;grid-template-columns:minmax(0, 30%) minmax(0, 70%)}.project-task-drawer-details-content-form .section:last-child{border-bottom:1px solid var(--tone-stroke)}.project-task-drawer-details-content-form .section:hover .date-input-body{background:var(--tone-surface-below-all)}.project-task-drawer-details-content-form .section:hover .dropdown-input-body{background:var(--tone-surface-below-all)}.project-task-drawer-details-content-form .date-input{--date-input-tone: none;--date-input-border: none}.project-task-drawer-details-content-form .select-input{--select-input-tone: none;--select-input-border: none}.project-task-drawer-details-content-form .dropdown-input{--dropdown-input-tone: none;--dropdown-input-border: none;--dropdown-input-list-item-tone: var(--tone-surface)}.project-task-drawer-details-content-infos{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:4px;column-gap:4px}.project-task-drawer-details-content-infos-label{color:var(--tone-infos);font-size:var(--text-size-sm);font-family:var(--font-family-sans)}.project-task-drawer-details-content-infos-value{color:var(--tone-label);font-size:var(--text-size-lg);font-family:var(--font-family-sans)}.project-task-drawer-details-content-infos-edit-button{--button-tone: var(--tone-surface);position:absolute;top:0px;right:0px;box-shadow:var(--shadow-md);opacity:0}.project-task-drawer-details-content-head:hover .project-task-drawer-details-content-infos-edit-button{opacity:1}.project-task-drawer-details-content-contact{position:relative;display:grid;grid-template-columns:auto minmax(0, 1fr);row-gap:8px;column-gap:8px;border-top:1px solid var(--tone-stroke);padding:0px;padding-top:16px;padding-bottom:16px}.project-task-drawer-details-content-contact-head{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.project-task-drawer-details-content-contact-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.project-task-drawer-details-content-contact-name{color:var(--tone-title);font-weight:var(--font-weight-500);font-size:var(--text-size-md);font-family:var(--font-family-sans)}.project-task-drawer-details-content-contact-picto{margin-top:.2em}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.project-task-composer{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:8px;column-gap:8px;height:36px}.project-task-composer-head{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.project-task-composer-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;row-gap:8px;column-gap:8px}.project-task-composer-title-input{--text-input-tone: transparent;--text-input-border: none;--text-input-radius: 0px;--text-input-padding: 0px;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%}.project-task-composer-label{color:var(--tone-infos);font-size:var(--text-size-sm);font-family:var(--font-family-sans)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.project-task-list-item{--list-item-padding: 12px 16px;position:relative}.project-task-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;row-gap:8px;column-gap:8px}.project-task-list-item-foot{position:relative;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:flex-start}.project-task-list-item-heading{flex:0 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%}.project-task-list-item-heading .heading-title{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-weight-400)}.project-task-list-item-heading .heading-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-weight-400)}


@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.project-task-drawer-tasks-content{--drawer-content-padding: 0px;--drawer-content-spacing: 0px}.project-task-drawer-tasks-content-head{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-bottom:1px solid var(--tone-stroke);padding:16px}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.project-task-drawer-heading{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:8px;column-gap:8px;padding:16px}.project-task-drawer-heading .heading{--heading-title-size: var(--title-size-lg);--heading-title-tone: var(--tone-title)}.project-task-drawer-heading .text-area{--text-area-font-size: var(--title-size-lg);--text-area-font-tone: var(--tone-title)}.project-task-drawer-heading .text-area textarea{font-weight:var(--font-weight-500)}.project-task-drawer-heading-edit-button{--button-tone: var(--tone-surface);position:absolute;top:16px;right:16px;box-shadow:var(--shadow-md);opacity:0}.project-task-drawer-heading:hover .project-task-drawer-heading-edit-button{opacity:1}.project-task-drawer-content{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start}.project-task-drawer-content.project-task-drawer-content:not(.project-task-drawer-content--is-active){display:none}.project-task-drawer-tab-bar{--tab-bar-tone: var(--tone-container);--tab-bar-border: var(--border-md);--tab-bar-radius: 0px;--tab-bar-height: 48px;flex:none;border-left-width:0px;border-right-width:0px}.project-task-drawer-tab-bar .tab-bar-button{--button-badge-tone: var(--tone-neutral);--button-badge-label-tone: var(--tone-neutral-on);--button-badge-picto-tone: var(--tone-neutral-on)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.project-kanban-task{cursor:pointer;user-select:none;border-radius:var(--radius-md);border:1px solid var(--tone-border);position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:16px;column-gap:16px;transition-property:background-color,border-color,color,box-shadow,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);background:var(--tone-surface);padding:16px}.project-kanban-task:hover{background:var(--tone-highlight)}.project-kanban-task.project-kanban-task--is-overlay{box-shadow:var(--shadow-md);opacity:.95}.project-kanban-task.project-kanban-task--is-preview{opacity:.5}.project-kanban-task-head{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:4px;column-gap:4px}.project-kanban-task-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:12px;column-gap:12px}.project-kanban-task-foot{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;row-gap:16px;column-gap:16px}.project-kanban-task-title{color:var(--tone-title);font-weight:var(--font-weight-600);font-size:var(--title-size-sm);font-family:var(--font-family-sans);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.project-kanban-task-infos{color:var(--tone-infos);font-weight:var(--font-weight-400);font-size:var(--title-size-xs);font-family:var(--font-family-sans);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}


@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.project-kanban-task-group{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;align-self:stretch;row-gap:16px;column-gap:16px;width:280px}.project-kanban-task-group-head{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;row-gap:16px;column-gap:16px}.project-kanban-task-group-body{position:relative;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:8px;column-gap:8px}.project-kanban-task-group--is-empty .project-kanban-task-group-body{display:none}.project-kanban-task-group-foot{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;row-gap:16px;column-gap:16px}.project-kanban-task-group-heading{--heading-title-size: var(--title-size-sm);--heading-title-tone: var(--tone-title);--heading-picto-size: 11px;--heading-picto-area: 24px;--heading-picto-tone: var(--project-kanban-task-group-picto-foreground-color);--heading-picto-fill: var(--project-kanban-task-group-picto-background-color)}.project-kanban-task-group-actions{transition-property:background-color,border-color,color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden}.project-kanban-task-group:hover .project-kanban-task-group-actions{opacity:1;visibility:visible}.project-kanban-task-group-actions-button{--button-radius: 24px;--button-height: 24px;--button-padding: 0px}.project-kanban-task-group-empty-message{--message-padding: 32px 16px}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.project-task-board-kanban-view{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-left:calc(var(--screen-gutter)*-1);margin-right:calc(var(--screen-gutter)*-1);overflow-x:auto;overflow-y:hidden}.project-task-board-kanban-view-body{position:relative;display:flex;flex:none;flex-direction:row;align-items:flex-start;justify-content:flex-start;row-gap:36px;column-gap:36px;padding-left:var(--screen-gutter);padding-right:var(--screen-gutter)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.project-task-board{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start}


@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.project-task-board-tab-bar-button{cursor:pointer;user-select:none;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;row-gap:4px;column-gap:4px;border-radius:var(--radius-sm);transition-property:background-color,border-color,color,padding;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);height:36px;padding:0px}.project-task-board-tab-bar-button.project-task-board-tab-bar-button--is-selected .project-task-board-tab-bar-button-title{color:var(--tone-primary);font-family:var(--font-family-sans)}.project-task-board-tab-bar-button.project-task-board-tab-bar-button--is-selected .project-task-board-tab-bar-button-picto{--fa-primary-color:var(--tone-primary);--fa-secondary-color:var(--tone-primary);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-primary)}.project-task-board-tab-bar-button-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;row-gap:4px;column-gap:4px}.project-task-board-tab-bar-button-title{color:var(--tone-infos);font-weight:var(--font-weight-600);font-size:var(--text-size-md);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans);min-width:90px;max-width:240px}.project-task-board-tab-bar-button-picto{font-size:var(--icon-size-sm);--fa-primary-color:var(--tone-infos);--fa-secondary-color:var(--tone-infos);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-infos)}.project-task-board-tab-bar-button-action-button{--button-height: 24px;--button-tone: transparent}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.project-task-board-tab-bar{z-index:110;position:sticky;top:var(--screen-header-height);display:flex;flex:none;flex-direction:row;align-items:center;justify-content:flex-start;border-bottom:1px solid var(--tone-stroke);row-gap:16px;column-gap:16px;background:var(--tone-container);height:48px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.project-task-board-tab-bar-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:16px;column-gap:16px}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.project-editor-screen .project-task-board-tab-bar{margin:0px;margin-top:48px;padding-left:var(--screen-gutter);padding-right:var(--screen-gutter)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.project-metas{--metas-spacing: 4px}.project-metas .meta{--meta-tone: var(--tone-surface-above);--meta-border: var(--border-sm);--meta-radius: var(--radius-sm);--meta-padding: 4px 8px;--meta-spacing: 4px;--meta-picto-tone: var(--tone-picto);--meta-picto-size: 11px;--meta-label-tone: var(--tone-infos);--meta-label-size: 12px;--meta-value-tone: var(--tone-label);--meta-value-size: 12px}.project-metas.project-metas--surface-below .meta{--meta-tone: var(--tone-surface-below)}.project-metas.project-metas--surface .meta{--meta-tone: var(--tone-surface)}.project-metas.project-metas--surface-above .meta{--meta-tone: var(--tone-surface-above)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.project-span-meta.project-span-meta--is-ongoing{background:rgb(from var(--tone-green) r g b/15%)}.project-span-meta.project-span-meta--is-expired{background:rgb(from var(--tone-red) r g b/15%)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.project-progress-bar{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;row-gap:12px;column-gap:12px}.project-progress-bar-value{position:relative;border-radius:var(--radius-md);border:1px solid var(--tone-border);background:var(--tone-surface);height:8px;overflow:hidden;width:200px}.project-progress-bar-value:after{content:"";display:block;position:absolute;top:0;left:0;bottom:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:var(--tone-primary);width:var(--project-progress-bar-value)}.project-progress-bar:not(.project-progress-bar--has-tasks) .project-progress-bar-value{background:repeating-linear-gradient(45deg, var(--tone-neutral) 0px, var(--tone-neutral) 8px, var(--tone-surface) 8px, var(--tone-surface) 16px)}.project-progress-bar-label{color:var(--tone-infos);font-size:var(--text-size-xs);font-family:var(--font-family-sans)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.project-table .table-cell--badge{width:1%}.project-table .table-cell--table-detail-column{width:1%}.project-table-badge{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:36px;width:36px;border-radius:36px;background:var(--project-table-badge-background-color)}.project-table-badge-picto{font-size:var(--icon-size-sm);--fa-primary-color:var(--project-table-badge-foreground-color);--fa-secondary-color:var(--project-table-badge-foreground-color);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--project-table-badge-foreground-color)}


@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.user-table .table-cell:first-child,.user-table .table-cell:last-child{width:1%}



@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.main-layout{position:relative;display:grid;grid-template-columns:auto minmax(0, 1fr)}.main-layout-head{z-index:500;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start}.main-layout-body{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start}.main-layout-content{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:hidden;border-radius:inherit}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.recover-user-password-screen{position:relative}.recover-user-password-screen .screen-footer{backdrop-filter:none;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;background:rgba(0,0,0,0);height:auto;margin:0px;margin-top:36px;padding:0px}.recover-user-password-screen .screen-footer:after,.recover-user-password-screen .screen-footer:before{display:none}



@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.sign-in-user-screen{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.sign-in-user-screen .screen-footer{backdrop-filter:none;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:rgba(0,0,0,0);height:auto;margin:0px;margin-top:36px;padding:0px}.sign-in-user-screen .screen-footer:after,.sign-in-user-screen .screen-footer:before{display:none}.sign-in-user-screen-back{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.sign-in-user-screen-next{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}

@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.sign-up-user-screen{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:72px;padding-bottom:48px}.sign-up-user-screen .screen-footer{backdrop-filter:none;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;background:rgba(0,0,0,0);height:auto;margin:0px;margin-top:36px;padding:0px}.sign-up-user-screen .screen-footer:after,.sign-up-user-screen .screen-footer:before{display:none}.sign-up-user-screen-success{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:320px;max-width:720px}.sign-up-user-screen-back{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.sign-up-user-screen-next{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.verify-user-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:16px;column-gap:16px;padding:72px}.verify-user-screen-label{font-size:var(--text-size-md);font-family:var(--font-family-sans)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.public-layout{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:center;justify-content:center;background:var(--tone-container-below);overflow-x:hidden;overflow-y:auto;padding:36px}.public-layout-logo{position:fixed;top:36px;left:36px;width:56px}.theme-dark .public-layout-logo-text{fill:var(--tone-white)}@media(prefers-color-scheme: dark){.theme-auto .public-layout-logo-text{fill:var(--tone-white)}}.public-layout-content{border:1px solid var(--tone-border);border-radius:var(--radius-md);position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:var(--tone-surface);max-width:720px;overflow:hidden;width:100%}.public-layout-content .screen{background:rgba(0,0,0,0);padding:60px;padding-bottom:48px}.public-layout-content .screen .screen-content{padding:0px}.public-layout-content .section{row-gap:36px;column-gap:36px}.public-layout-content .section .section-heading .heading-title{font-size:var(--text-size-xxl)}.public-layout-content .section .section-heading .heading-infos{font-size:var(--text-size-sm)}.public-layout-content .form-col,.public-layout-content .form-row{row-gap:20px;column-gap:20px}.public-layout-content .text-input .text-input-body{background:rgb(from var(--tone-input) r g b/85%)}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.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:background-color,border-color,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}