@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:"";initial-value:0deg;inherits:false}@layer theme{:root{--color-white: #FFF;--color-black: #000;--color-red-100: #FFF;--color-red-200: #FFEDEB;--color-red-300: #FFC6C3;--color-red-400: #FF7A7B;--color-red-500: #D41935;--color-red-600: #BC0021;--color-red-700: #940015;--color-red-800: #670009;--color-red-900: #370001;--color-blue-100: #FFF;--color-blue-200: #E6F8FF;--color-blue-300: #B6DFFF;--color-blue-400: #5EB2FF;--color-blue-500: #0074D1;--color-blue-600: #005FBB;--color-blue-700: #00479D;--color-blue-800: #002D71;--color-blue-900: #001242;--color-green-100: #FFF;--color-green-200: #CCFFF2;--color-green-300: #81FBD7;--color-green-400: #58D5B2;--color-green-500: #00A181;--color-green-600: #008869;--color-green-700: #00684F;--color-green-800: #004431;--color-green-900: #001E13;--color-yellow-100: #FFF;--color-yellow-200: #FFF9BC;--color-yellow-300: #FFE873;--color-yellow-400: #F6CE45;--color-yellow-500: #D3AB00;--color-yellow-600: #B18A00;--color-yellow-700: #846600;--color-yellow-800: #533E00;--color-yellow-900: #201400;--color-orange-100: #FFF;--color-orange-200: #FFF1E1;--color-orange-300: #FFD4B2;--color-orange-400: #FF9D56;--color-orange-500: #D86900;--color-orange-600: #BC4F00;--color-orange-700: #913800;--color-orange-800: #612000;--color-orange-900: #2E0700;--color-purple-100: #FFF;--color-purple-200: #FFEAFF;--color-purple-300: #FBF;--color-purple-400: #F872EA;--color-purple-500: #B52FAA;--color-purple-600: #9E0E95;--color-purple-700: #82007A;--color-purple-800: #5A0054;--color-purple-900: #2F002C;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--font-family-sans: "saans", sans-serif;--font-family-mono: "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;--font-weight-300: 350;--font-weight-400: 450;--font-weight-500: 525;--font-weight-600: 600;--font-weight-700: 700;--font-weight-800: 800;--font-weight-900: 900;--icon-size-xs: 13px;--icon-size-sm: 14px;--icon-size-md: 15px;--icon-size-lg: 17px;--icon-size-xl: 19px;--text-size-xs: 13px;--text-size-sm: 14px;--text-size-md: 15px;--text-size-lg: 17px;--text-size-xl: 19px;--title-size-xs: 13px;--title-size-sm: 14px;--title-size-md: 17px;--title-size-lg: 19px;--title-size-xl: 28px}@media(max-width: 960px){:root{--title-size-xl: 24px}}:root{--line-height-sm: 1.20;--line-height-md: 1.35;--line-height-lg: 1.55}}@layer theme.style{@media(prefers-color-scheme: light){.theme-auto{--color-gray-100: #FFF;--color-gray-125: #F4F7FA;--color-gray-150: #ECEEF1;--color-gray-175: #E3E6E9;--color-gray-200: #DBDDE0;--color-gray-225: #D2D5D8;--color-gray-250: #CACCCF;--color-gray-275: #C2C4C7;--color-gray-300: #B9BCBF;--color-gray-325: #B1B4B7;--color-gray-350: #A9ACAF;--color-gray-375: #A1A4A6;--color-gray-400: #999C9F;--color-gray-425: #919497;--color-gray-450: #8A8C8F;--color-gray-475: #828487;--color-gray-500: #7A7D7F;--color-gray-525: #737578;--color-gray-550: #6B6E70;--color-gray-575: #646669;--color-gray-600: #5D5F62;--color-gray-625: #56585A;--color-gray-650: #4F5153;--color-gray-675: #484A4C;--color-gray-700: #414345;--color-gray-725: #3A3C3E;--color-gray-750: #333538;--color-gray-775: #2D2F31;--color-gray-800: #27292B;--color-gray-825: #202225;--color-gray-850: #1A1C1E;--color-gray-875: #151618;--color-gray-900: #0F1113;--tone-mode: -1;--tone-white: var(--color-white);--tone-black: var(--color-black);--tone-gray: var(--color-gray-200);--tone-red: var(--color-red-500);--tone-blue: var(--color-blue-500);--tone-green: var(--color-green-500);--tone-orange: var(--color-orange-500);--tone-yellow: var(--color-yellow-500);--tone-purple: var(--color-purple-500);--tone-text: var(--color-gray-675);--tone-title: var(--color-gray-800);--tone-label: var(--color-gray-675);--tone-infos: var(--color-gray-500);--tone-picto: var(--color-gray-550);--tone-container-below: var(--color-gray-150);--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-150);--tone-surface: var(--color-gray-100);--tone-surface-above: var(--color-gray-150);--tone-surface-above-all: var(--color-gray-175);--tone-neutral: var(--color-gray-200);--tone-neutral-on: var(--tone-label);--tone-neutral-on-variant: var(--tone-picto);--tone-neutral-container: var(--color-gray-100);--tone-neutral-container-on: var(--tone-label);--tone-neutral-container-on-variant: var(--tone-picto);--tone-primary: rgb(from var(--color-red-500) r g b / 100%);--tone-primary-on: rgb(from var(--color-red-100) r g b / 100%);--tone-primary-on-variant: rgb(from var(--color-red-100) r g b / 75%);--tone-primary-container: rgb(from var(--color-red-400) r g b / 25%);--tone-primary-container-on: rgb(from var(--color-red-700) r g b / 100%);--tone-primary-container-on-variant: rgb(from var(--color-red-700) r g b / 50%);--tone-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-sm: rgb(from var(--color-gray-200) r g b / 50%);--tone-border-md: rgb(from var(--color-gray-275) r g b / 50%);--tone-border-lg: rgb(from var(--color-gray-350) r g b / 50%);--tone-input: var(--color-gray-100);--tone-input-variant: var(--color-gray-150);--tone-highlight: rgb(from var(--color-gray-400) r g b / 15%);--tone-backdrop: rgb(from var(--color-gray-700) 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-sm);--border-md: 1px solid var(--tone-border-md);--border-lg: 1px solid var(--tone-border-lg);--shadow-sm: 0px 1px 2px rgba(0, 0, 0, 0.05);--shadow-md: 0px 0px 12px rgba(0, 0, 0, 0.025);--shadow-lg: 0px 0px 36px rgba(0, 0, 0, 0.025)}}.theme-light{--color-gray-100: #FFF;--color-gray-125: #F4F7FA;--color-gray-150: #ECEEF1;--color-gray-175: #E3E6E9;--color-gray-200: #DBDDE0;--color-gray-225: #D2D5D8;--color-gray-250: #CACCCF;--color-gray-275: #C2C4C7;--color-gray-300: #B9BCBF;--color-gray-325: #B1B4B7;--color-gray-350: #A9ACAF;--color-gray-375: #A1A4A6;--color-gray-400: #999C9F;--color-gray-425: #919497;--color-gray-450: #8A8C8F;--color-gray-475: #828487;--color-gray-500: #7A7D7F;--color-gray-525: #737578;--color-gray-550: #6B6E70;--color-gray-575: #646669;--color-gray-600: #5D5F62;--color-gray-625: #56585A;--color-gray-650: #4F5153;--color-gray-675: #484A4C;--color-gray-700: #414345;--color-gray-725: #3A3C3E;--color-gray-750: #333538;--color-gray-775: #2D2F31;--color-gray-800: #27292B;--color-gray-825: #202225;--color-gray-850: #1A1C1E;--color-gray-875: #151618;--color-gray-900: #0F1113;--tone-mode: -1;--tone-white: var(--color-white);--tone-black: var(--color-black);--tone-gray: var(--color-gray-200);--tone-red: var(--color-red-500);--tone-blue: var(--color-blue-500);--tone-green: var(--color-green-500);--tone-orange: var(--color-orange-500);--tone-yellow: var(--color-yellow-500);--tone-purple: var(--color-purple-500);--tone-text: var(--color-gray-675);--tone-title: var(--color-gray-800);--tone-label: var(--color-gray-675);--tone-infos: var(--color-gray-500);--tone-picto: var(--color-gray-550);--tone-container-below: var(--color-gray-150);--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-150);--tone-surface: var(--color-gray-100);--tone-surface-above: var(--color-gray-150);--tone-surface-above-all: var(--color-gray-175);--tone-neutral: var(--color-gray-200);--tone-neutral-on: var(--tone-label);--tone-neutral-on-variant: var(--tone-picto);--tone-neutral-container: var(--color-gray-100);--tone-neutral-container-on: var(--tone-label);--tone-neutral-container-on-variant: var(--tone-picto);--tone-primary: rgb(from var(--color-red-500) r g b / 100%);--tone-primary-on: rgb(from var(--color-red-100) r g b / 100%);--tone-primary-on-variant: rgb(from var(--color-red-100) r g b / 75%);--tone-primary-container: rgb(from var(--color-red-400) r g b / 25%);--tone-primary-container-on: rgb(from var(--color-red-700) r g b / 100%);--tone-primary-container-on-variant: rgb(from var(--color-red-700) r g b / 50%);--tone-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-sm: rgb(from var(--color-gray-200) r g b / 50%);--tone-border-md: rgb(from var(--color-gray-275) r g b / 50%);--tone-border-lg: rgb(from var(--color-gray-350) r g b / 50%);--tone-input: var(--color-gray-100);--tone-input-variant: var(--color-gray-150);--tone-highlight: rgb(from var(--color-gray-400) r g b / 15%);--tone-backdrop: rgb(from var(--color-gray-700) 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-sm);--border-md: 1px solid var(--tone-border-md);--border-lg: 1px solid var(--tone-border-lg);--shadow-sm: 0px 1px 2px rgba(0, 0, 0, 0.05);--shadow-md: 0px 0px 12px rgba(0, 0, 0, 0.025);--shadow-lg: 0px 0px 36px rgba(0, 0, 0, 0.025)}}@layer theme.style{@media(prefers-color-scheme: dark){.theme-auto{--color-gray-100: #0A0B0D;--color-gray-125: #0F1113;--color-gray-150: #151719;--color-gray-175: #1B1D1F;--color-gray-200: #212325;--color-gray-225: #282A2C;--color-gray-250: #2E3033;--color-gray-275: #353739;--color-gray-300: #3C3E40;--color-gray-325: #434547;--color-gray-350: #4A4C4F;--color-gray-375: #515356;--color-gray-400: #585B5D;--color-gray-425: #606265;--color-gray-450: #676A6C;--color-gray-475: #6F7174;--color-gray-500: #77797C;--color-gray-525: #7E8184;--color-gray-550: #86898C;--color-gray-575: #8E9194;--color-gray-600: #96999C;--color-gray-625: #9FA1A4;--color-gray-650: #A7A9AC;--color-gray-675: #AFB2B4;--color-gray-700: #B7BABD;--color-gray-725: #C0C2C5;--color-gray-750: #C8CBCE;--color-gray-775: #D1D3D6;--color-gray-800: #DADCDF;--color-gray-825: #E2E5E8;--color-gray-850: #EBEEF1;--color-gray-875: #F4F6FA;--color-gray-900: #FFF;--tone-mode: +1;--tone-white: var(--color-white);--tone-black: var(--color-black);--tone-gray: var(--color-gray-275);--tone-red: var(--color-red-500);--tone-blue: var(--color-blue-500);--tone-green: var(--color-green-500);--tone-orange: var(--color-orange-500);--tone-yellow: var(--color-yellow-500);--tone-purple: var(--color-purple-500);--tone-text: var(--color-gray-750);--tone-title: var(--color-gray-850);--tone-label: var(--color-gray-750);--tone-infos: var(--color-gray-600);--tone-picto: var(--color-gray-650);--tone-container-below: var(--color-gray-150);--tone-container: var(--color-gray-175);--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-225);--tone-surface-above: var(--color-gray-250);--tone-surface-above-all: var(--color-gray-275);--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-red-500) r g b / 100%);--tone-primary-on: rgb(from var(--color-red-100) r g b / 100%);--tone-primary-on-variant: rgb(from var(--color-red-100) r g b / 75%);--tone-primary-container: rgb(from var(--color-red-400) r g b / 15%);--tone-primary-container-on: rgb(from var(--color-red-300) r g b / 100%);--tone-primary-container-on-variant: rgb(from var(--color-red-300) r g b / 50%);--tone-success: rgb(from var(--color-green-500) r g b / 100%);--tone-success-on: rgb(from var(--color-green-100) r g b / 100%);--tone-success-on-variant: rgb(from var(--color-green-100) r g b / 75%);--tone-success-container: rgb(from var(--color-green-500) r g b / 15%);--tone-success-container-on: rgb(from var(--color-green-300) r g b / 100%);--tone-success-container-on-variant: rgb(from var(--color-green-300) r g b / 50%);--tone-warning: rgb(from var(--color-red-500) r g b / 100%);--tone-warning-on: rgb(from var(--color-red-100) r g b / 100%);--tone-warning-on-variant: rgb(from var(--color-red-100) r g b / 75%);--tone-warning-container: rgb(from var(--color-red-500) r g b / 15%);--tone-warning-container-on: rgb(from var(--color-red-300) r g b / 100%);--tone-warning-container-on-variant: rgb(from var(--color-red-300) r g b / 50%);--tone-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-800);--tone-floater-on: var(--color-gray-100);--tone-floater-on-variant: var(--color-gray-100);--tone-border-sm: rgb(from var(--color-gray-275) r g b / 50%);--tone-border-md: rgb(from var(--color-gray-325) r g b / 50%);--tone-border-lg: rgb(from var(--color-gray-375) r g b / 50%);--tone-input: var(--color-gray-225);--tone-input-variant: var(--color-gray-275);--tone-highlight: rgb(from var(--color-gray-400) r g b / 15%);--tone-backdrop: rgb(from var(--color-gray-100) 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-sm);--border-md: 1px solid var(--tone-border-md);--border-lg: 1px solid var(--tone-border-lg);--shadow-sm: 0px 1px 2px rgba(0, 0, 0, 0.050);--shadow-md: 0px 0px 12px rgba(0, 0, 0, 0.025);--shadow-lg: 0px 0px 36px rgba(0, 0, 0, 0.025)}}.theme-dark{--color-gray-100: #0A0B0D;--color-gray-125: #0F1113;--color-gray-150: #151719;--color-gray-175: #1B1D1F;--color-gray-200: #212325;--color-gray-225: #282A2C;--color-gray-250: #2E3033;--color-gray-275: #353739;--color-gray-300: #3C3E40;--color-gray-325: #434547;--color-gray-350: #4A4C4F;--color-gray-375: #515356;--color-gray-400: #585B5D;--color-gray-425: #606265;--color-gray-450: #676A6C;--color-gray-475: #6F7174;--color-gray-500: #77797C;--color-gray-525: #7E8184;--color-gray-550: #86898C;--color-gray-575: #8E9194;--color-gray-600: #96999C;--color-gray-625: #9FA1A4;--color-gray-650: #A7A9AC;--color-gray-675: #AFB2B4;--color-gray-700: #B7BABD;--color-gray-725: #C0C2C5;--color-gray-750: #C8CBCE;--color-gray-775: #D1D3D6;--color-gray-800: #DADCDF;--color-gray-825: #E2E5E8;--color-gray-850: #EBEEF1;--color-gray-875: #F4F6FA;--color-gray-900: #FFF;--tone-mode: +1;--tone-white: var(--color-white);--tone-black: var(--color-black);--tone-gray: var(--color-gray-275);--tone-red: var(--color-red-500);--tone-blue: var(--color-blue-500);--tone-green: var(--color-green-500);--tone-orange: var(--color-orange-500);--tone-yellow: var(--color-yellow-500);--tone-purple: var(--color-purple-500);--tone-text: var(--color-gray-750);--tone-title: var(--color-gray-850);--tone-label: var(--color-gray-750);--tone-infos: var(--color-gray-600);--tone-picto: var(--color-gray-650);--tone-container-below: var(--color-gray-150);--tone-container: var(--color-gray-175);--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-225);--tone-surface-above: var(--color-gray-250);--tone-surface-above-all: var(--color-gray-275);--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-red-500) r g b / 100%);--tone-primary-on: rgb(from var(--color-red-100) r g b / 100%);--tone-primary-on-variant: rgb(from var(--color-red-100) r g b / 75%);--tone-primary-container: rgb(from var(--color-red-400) r g b / 15%);--tone-primary-container-on: rgb(from var(--color-red-300) r g b / 100%);--tone-primary-container-on-variant: rgb(from var(--color-red-300) r g b / 50%);--tone-success: rgb(from var(--color-green-500) r g b / 100%);--tone-success-on: rgb(from var(--color-green-100) r g b / 100%);--tone-success-on-variant: rgb(from var(--color-green-100) r g b / 75%);--tone-success-container: rgb(from var(--color-green-500) r g b / 15%);--tone-success-container-on: rgb(from var(--color-green-300) r g b / 100%);--tone-success-container-on-variant: rgb(from var(--color-green-300) r g b / 50%);--tone-warning: rgb(from var(--color-red-500) r g b / 100%);--tone-warning-on: rgb(from var(--color-red-100) r g b / 100%);--tone-warning-on-variant: rgb(from var(--color-red-100) r g b / 75%);--tone-warning-container: rgb(from var(--color-red-500) r g b / 15%);--tone-warning-container-on: rgb(from var(--color-red-300) r g b / 100%);--tone-warning-container-on-variant: rgb(from var(--color-red-300) r g b / 50%);--tone-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-800);--tone-floater-on: var(--color-gray-100);--tone-floater-on-variant: var(--color-gray-100);--tone-border-sm: rgb(from var(--color-gray-275) r g b / 50%);--tone-border-md: rgb(from var(--color-gray-325) r g b / 50%);--tone-border-lg: rgb(from var(--color-gray-375) r g b / 50%);--tone-input: var(--color-gray-225);--tone-input-variant: var(--color-gray-275);--tone-highlight: rgb(from var(--color-gray-400) r g b / 15%);--tone-backdrop: rgb(from var(--color-gray-100) 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-sm);--border-md: 1px solid var(--tone-border-md);--border-lg: 1px solid var(--tone-border-lg);--shadow-sm: 0px 1px 2px rgba(0, 0, 0, 0.050);--shadow-md: 0px 0px 12px rgba(0, 0, 0, 0.025);--shadow-lg: 0px 0px 36px rgba(0, 0, 0, 0.025)}}::selection{background-color:var(--color-purple-200)}.theme-dark ::selection{background-color:var(--color-purple-700)}@media(prefers-color-scheme: dark){.theme-auto ::selection{background-color:var(--color-purple-700)}}*:focus{outline:none}*,*:after,*:before{box-sizing:border-box}html{scroll-behavior:smooth}@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-sm);font-family:var(--font-family-sans);letter-spacing:.015em;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:var(--line-height-md);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:500}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);letter-spacing:.015em;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");font-display:swap;font-weight:100 900;ascent-override:95.72%;descent-override:22.67%;line-gap-override:0%;size-adjust:99.25%}em{font-style:italic}p{margin:0px}a{color:var(--color-primary-400);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:"";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);letter-spacing:.015em;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-md);border-radius:var(--radius-md);max-width:100%}.wysiwyg table{border:none;border-collapse:collapse;width:100%}.wysiwyg table th,.wysiwyg table td{border-top:1px solid var(--tone-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);letter-spacing:.015em;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);letter-spacing:.015em;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:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transition-delay:700ms;background:var(--tone-container)}.loaded .main-loader{opacity:0;visibility:hidden}@layer overrides{.screen{--screen-gutter: calc(120px + 120 * ((100vw - 1921px) / 639))}@media(max-width: 1920px){.screen{--screen-gutter: calc(64px + 56 * ((100vw - 481px) / 1439))}}@media(max-width: 960px){.screen{--screen-gutter: 16px}}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.base{.label{--label-font-family: var(--font-family-sans);--label-font-weight: var(--font-weight-400);--label-size: var(--text-size-sm);--label-tone: var(--tone-label)}.label{position:relative}.label[data-lines="1"]{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.label[data-lines="2"]{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.label[data-lines="3"]{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.label[data-lines="4"]{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.label[data-lines="5"]{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.label[data-lines="6"]{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}.label{color:var(--label-tone);font-weight:var(--label-font-weight);font-size:var(--label-size)}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.control{.editable-label{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.editable-label.editable-label--is-ellipsized{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editable-label-input{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;min-height:1em}} @property --angle{syntax:"";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-min-width: 0px;--popover-max-width: none;--popover-width: 180px;--popover-pointer-stroke: var(--tone-border-md);--popover-offset-y: 12px;--popover-offset-x: 12px;--popover-pointer-inset: max(6px, var(--popover-radius))}.popover{box-shadow:var(--shadow-md);border-radius:var(--radius-md);border:none;transition-property: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);color:var(--tone-text);min-width:var(--popover-min-width);max-width:var(--popover-max-width);width:var(--popover-width);inset:auto;overflow:visible;padding:0px;top:0px;left:0px}.popover.popover--is-measured.popover--placement-top{top:calc(var(--popover-anchor-t) - var(--popover-offset-y) - var(--popover-measured-h))}.popover.popover--is-measured.popover--placement-left{left:calc(var(--popover-anchor-l) - var(--popover-offset-x) - var(--popover-measured-w))}.popover.popover--is-measured.popover--placement-right{left:calc(var(--popover-anchor-r) + var(--popover-offset-x))}.popover.popover--is-measured.popover--placement-bottom{top:calc(var(--popover-anchor-b) + var(--popover-offset-y))}.popover.popover--is-measured.popover--alignment-start.popover--placement-top,.popover.popover--is-measured.popover--alignment-start.popover--placement-bottom{left:calc(var(--popover-anchor-l))}.popover.popover--is-measured.popover--alignment-start.popover--placement-left,.popover.popover--is-measured.popover--alignment-start.popover--placement-right{top:calc(var(--popover-anchor-t))}.popover.popover--is-measured.popover--alignment-center.popover--placement-top,.popover.popover--is-measured.popover--alignment-center.popover--placement-bottom{left:calc(var(--popover-anchor-l) + var(--popover-anchor-w)/2 - var(--popover-measured-w)/2)}.popover.popover--is-measured.popover--alignment-center.popover--placement-left,.popover.popover--is-measured.popover--alignment-center.popover--placement-right{top:calc(var(--popover-anchor-t) + var(--popover-anchor-h)/2 - var(--popover-measured-h)/2)}.popover.popover--is-measured.popover--alignment-end.popover--placement-top,.popover.popover--is-measured.popover--alignment-end.popover--placement-bottom{left:calc(var(--popover-anchor-l) + var(--popover-anchor-w) - var(--popover-measured-w))}.popover.popover--is-measured.popover--alignment-end.popover--placement-left,.popover.popover--is-measured.popover--alignment-end.popover--placement-right{top:calc(var(--popover-anchor-t) + var(--popover-anchor-h) - var(--popover-measured-h))}.popover.popover--placement-top.popover--alignment-start .popover-pointer,.popover.popover--placement-bottom.popover--alignment-start .popover-pointer{left:clamp(var(--popover-pointer-inset),var(--popover-anchor-w)/2,var(--popover-measured-w) - var(--popover-pointer-inset))}.popover.popover--placement-top.popover--alignment-center .popover-pointer,.popover.popover--placement-bottom.popover--alignment-center .popover-pointer{left:calc(var(--popover-measured-w)/2)}.popover.popover--placement-top.popover--alignment-end .popover-pointer,.popover.popover--placement-bottom.popover--alignment-end .popover-pointer{left:clamp(var(--popover-pointer-inset),var(--popover-measured-w) - var(--popover-anchor-w)/2,var(--popover-measured-w) - var(--popover-pointer-inset))}.popover.popover--placement-left.popover--alignment-start .popover-pointer,.popover.popover--placement-right.popover--alignment-start .popover-pointer{top:clamp(var(--popover-pointer-inset),var(--popover-anchor-h)/2,var(--popover-measured-h) - var(--popover-pointer-inset))}.popover.popover--placement-left.popover--alignment-center .popover-pointer,.popover.popover--placement-right.popover--alignment-center .popover-pointer{top:calc(var(--popover-measured-h)/2)}.popover.popover--placement-left.popover--alignment-end .popover-pointer,.popover.popover--placement-right.popover--alignment-end .popover-pointer{top:clamp(var(--popover-pointer-inset),var(--popover-measured-h) - var(--popover-anchor-h)/2,var(--popover-measured-h) - var(--popover-pointer-inset))}.popover:popover-open{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;opacity:0}.popover:popover-open.popover--is-measured{opacity:1}@starting-style{.popover:popover-open{opacity:0}}.popover-pointer{z-index:5;position:absolute}.popover--placement-top .popover-pointer,.popover--placement-bottom .popover-pointer{height:6px;width:12px}.popover--placement-left .popover-pointer,.popover--placement-right .popover-pointer{height:12px;width:6px}.popover--placement-top .popover-pointer{bottom:1px;margin-left:-6px;margin-bottom:-6px}.popover--placement-left .popover-pointer{right:1px;margin-top:-6px;margin-right:-6px}.popover--placement-right .popover-pointer{left:1px;margin-top:-6px;margin-left:-6px}.popover--placement-bottom .popover-pointer{top:1px;margin-top:-6px;margin-left:-6px}.popover-pointer svg{height:100%;width:100%}.popover-pointer .popover-pointer-fill{fill:var(--popover-tone)}.popover-pointer .popover-pointer-line{stroke-linecap:round;stroke-width:1px;stroke:var(--popover-pointer-stroke)}.popover-pointer .popover-pointer-line:first-of-type{stroke:var(--popover-tone)}.popover-content{position:relative;box-shadow:var(--shadow-md);display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--popover-spacing);border:var(--popover-border);border-radius:var(--popover-radius);background:var(--popover-tone);height:var(--popover-height);margin:var(--popover-margin);min-height:var(--popover-min-height);max-height:var(--popover-max-height);overflow:hidden;padding:var(--popover-padding)}} @property --angle{syntax:"";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-min-width: 0px;--helper-max-width: none;--helper-width: auto;--helper-text-align: center;--helper-text-transform: none;--helper-label-size: var(--text-size-xs);--helper-label-tone: var(--tone-floater-on);--helper-infos-size: var(--text-size-xs);--helper-infos-tone: var(--tone-floater-on-variant)}.helper{--popover-tone: var(--helper-tone);--popover-border: var(--helper-border);--popover-radius: var(--helper-radius);--popover-padding: var(--helper-padding);--popover-spacing: var(--helper-spacing);--popover-pointer-stroke: var(--helper-tone);--popover-min-width: var(--helper-min-width);--popover-max-width: var(--helper-max-width);--popover-width: var(--helper-width);pointer-events:none;text-align:var(--helper-text-align);text-transform:var(--helper-text-transform)}.helper-label{--label-font-weight: var(--font-weight-500);--label-size: var(--helper-label-size);--label-tone: var(--helper-label-tone)}.helper-infos{--label-font-weight: var(--font-weight-400);--label-size: var(--helper-infos-size);--label-tone: var(--helper-infos-tone)}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.base{.picto{--picto-size: --icon-size-md;--picto-tone: --tone-picto;--picto-fill: transparent}.picto{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);user-select:none;font-size:var(--picto-size);--fa-primary-color:var(--picto-tone);--fa-secondary-color:var(--picto-tone);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--picto-tone);background-color:var(--picto-fill)}.picto .fa{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;--fa-width: auto}.picto .fa:after,.picto .fa:before{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);line-height:1}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.control.base{.badge{--badge-tone: var(--tone-gray);--badge-height: auto;--badge-margin: 0px;--badge-radius: 0px;--badge-spacing: 6px;--badge-padding: 0px calc(var(--badge-height) * 0.35);--badge-width: auto;--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;gap:var(--badge-spacing);border-radius:var(--badge-radius);background:var(--badge-tone);height:var(--badge-height);margin:var(--badge-margin);padding:var(--badge-padding);width:var(--badge-width)}.badge-label{font-weight:var(--font-weight-600);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans);letter-spacing:.015em;--label-size: var(--badge-label-size);--label-tone: var(--badge-label-tone)}.badge-picto{--picto-size: var(--badge-picto-size);--picto-tone: var(--badge-picto-tone)}.badge-helper{--helper-max-width: 220px}.badge--xs{--badge-height: 28px;--badge-radius: 28px;--badge-label-size: var(--text-size-xs);--badge-picto-size: var(--icon-size-xs)}.badge--sm{--badge-height: 32px;--badge-radius: 32px;--badge-label-size: var(--text-size-xs);--badge-picto-size: var(--icon-size-xs)}.badge--md{--badge-height: 36px;--badge-radius: 36px;--badge-label-size: var(--text-size-sm);--badge-picto-size: var(--icon-size-sm)}.badge--lg{--badge-height: 40px;--badge-radius: 40px;--badge-label-size: var(--text-size-md);--badge-picto-size: var(--icon-size-md)}.badge--xl{--badge-height: 44px;--badge-radius: 44px;--badge-label-size: var(--text-size-md);--badge-picto-size: var(--icon-size-md)}}@layer component.control.style{.badge.badge--primary{--badge-tone: var(--tone-primary);--badge-label-tone: var(--tone-primary-on);--badge-picto-tone: var(--tone-primary-on)}}@layer component.control.style{.badge.badge--warning{--badge-tone: var(--tone-warning);--badge-label-tone: var(--tone-warning-on);--badge-picto-tone: var(--tone-warning-on)}}@layer component.control.style{.badge.badge--red{--badge-tone: var(--tone-red);--badge-label-tone: var(--tone-white);--badge-picto-tone: var(--tone-white)}}@layer component.control.style{.badge.badge--green{--badge-tone: var(--tone-green);--badge-label-tone: var(--tone-white);--badge-picto-tone: var(--tone-white)}}@layer component.control.style{.badge.badge--blue{--badge-tone: var(--tone-blue);--badge-label-tone: var(--tone-white);--badge-picto-tone: var(--tone-white)}}@layer component.control.style{.badge.badge--orange{--badge-tone: var(--tone-orange);--badge-label-tone: var(--tone-white);--badge-picto-tone: var(--tone-white)}}@layer component.control.style{.badge.badge--yellow{--badge-tone: var(--tone-yellow);--badge-label-tone: var(--tone-white);--badge-picto-tone: var(--tone-white)}}@layer component.control.style{.badge.badge--purple{--badge-tone: var(--tone-purple);--badge-label-tone: var(--tone-white);--badge-picto-tone: var(--tone-white)}}@layer component.control.style{.badge.badge--mark{--badge-height: 20px;--badge-width: 20px;--badge-picto-size: 11px}} @property --angle{syntax:"";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: 32px;--form-padding: 0px}.form{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--form-spacing);border:var(--form-border);border-radius:var(--form-radius);background:var(--form-tone);height:var(--form-height);margin:var(--form-margin);padding:var(--form-padding)}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.base{.form-col{--form-col-tone: transparent;--form-col-height: auto;--form-col-margin: 0px;--form-col-border: none;--form-col-radius: 0px;--form-col-spacing: 16px;--form-col-padding: 0px}.form-col{position:relative;position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--form-col-spacing);border:var(--form-col-border);border-radius:var(--form-col-radius);background:var(--form-col-tone);height:var(--form-col-height);margin:var(--form-col-margin);padding:var(--form-col-padding)}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.base{.form-row{--form-row-tone: transparent;--form-row-height: auto;--form-row-margin: 0px;--form-row-border: none;--form-row-radius: 0px;--form-row-spacing: 16px;--form-row-padding: 0px}.form-row{position:relative;position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:var(--form-row-spacing);border:var(--form-row-border);border-radius:var(--form-row-radius);background:var(--form-row-tone);height:var(--form-row-height);margin:var(--form-row-margin);padding:var(--form-row-padding)}.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)}@media(max-width: 960px){.form-row{flex-wrap:wrap}.form-row .form-field,.form-row .form-field[class*=form-field--]{flex:1 1 100%;max-width:100%;min-width:0;width:100%}}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.base{.form-list{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;container-type:inline-size;container-name:size}.form-list-content{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.form-list-content .form-field{padding:0px;padding-top:12px;padding-bottom:12px}.form-list-content .form-field:first-child{padding-top:0px}.form-list-content .form-field:last-child{padding-bottom:0px}.form-list-content .form-field:not(:last-child){border-bottom:1px solid var(--tone-border-md)}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.base{.form-grid{--form-grid-tone: transparent;--form-grid-height: auto;--form-grid-margin: 0px;--form-grid-border: none;--form-grid-radius: 0px;--form-grid-spacing: 12px;--form-grid-padding: 0px}.form-grid{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:var(--form-grid-border);border-radius:var(--form-grid-radius);background:var(--form-grid-tone);container-type:inline-size;container-name:size;height:var(--form-grid-height);margin:var(--form-grid-margin);padding:var(--form-grid-padding)}.form-grid-content{position:relative;display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));gap:var(--form-grid-spacing)}.form-grid--1 .form-grid-content{grid-template-columns:repeat(1, minmax(0, 1fr))}.form-grid--1 .form-grid-content .form-field.form-field--1{grid-column:span 0.0833333333}.form-grid--1 .form-grid-content .form-field.form-field--2{grid-column:span 0.1666666667}.form-grid--1 .form-grid-content .form-field.form-field--3{grid-column:span 0.25}.form-grid--1 .form-grid-content .form-field.form-field--4{grid-column:span 0.3333333333}.form-grid--1 .form-grid-content .form-field.form-field--5{grid-column:span 0.4166666667}.form-grid--1 .form-grid-content .form-field.form-field--6{grid-column:span 0.5}.form-grid--1 .form-grid-content .form-field.form-field--7{grid-column:span 0.5833333333}.form-grid--1 .form-grid-content .form-field.form-field--8{grid-column:span 0.6666666667}.form-grid--1 .form-grid-content .form-field.form-field--9{grid-column:span 0.75}.form-grid--1 .form-grid-content .form-field.form-field--10{grid-column:span 0.8333333333}.form-grid--1 .form-grid-content .form-field.form-field--11{grid-column:span 0.9166666667}.form-grid--1 .form-grid-content .form-field.form-field--12{grid-column:span 1}.form-grid--2 .form-grid-content{grid-template-columns:repeat(2, minmax(0, 1fr))}.form-grid--2 .form-grid-content .form-field.form-field--1{grid-column:span 0.1666666667}.form-grid--2 .form-grid-content .form-field.form-field--2{grid-column:span 0.3333333333}.form-grid--2 .form-grid-content .form-field.form-field--3{grid-column:span 0.5}.form-grid--2 .form-grid-content .form-field.form-field--4{grid-column:span 0.6666666667}.form-grid--2 .form-grid-content .form-field.form-field--5{grid-column:span 0.8333333333}.form-grid--2 .form-grid-content .form-field.form-field--6{grid-column:span 1}.form-grid--2 .form-grid-content .form-field.form-field--7{grid-column:span 1.1666666667}.form-grid--2 .form-grid-content .form-field.form-field--8{grid-column:span 1.3333333333}.form-grid--2 .form-grid-content .form-field.form-field--9{grid-column:span 1.5}.form-grid--2 .form-grid-content .form-field.form-field--10{grid-column:span 1.6666666667}.form-grid--2 .form-grid-content .form-field.form-field--11{grid-column:span 1.8333333333}.form-grid--2 .form-grid-content .form-field.form-field--12{grid-column:span 2}.form-grid--3 .form-grid-content{grid-template-columns:repeat(3, minmax(0, 1fr))}.form-grid--3 .form-grid-content .form-field.form-field--1{grid-column:span 0.25}.form-grid--3 .form-grid-content .form-field.form-field--2{grid-column:span 0.5}.form-grid--3 .form-grid-content .form-field.form-field--3{grid-column:span 0.75}.form-grid--3 .form-grid-content .form-field.form-field--4{grid-column:span 1}.form-grid--3 .form-grid-content .form-field.form-field--5{grid-column:span 1.25}.form-grid--3 .form-grid-content .form-field.form-field--6{grid-column:span 1.5}.form-grid--3 .form-grid-content .form-field.form-field--7{grid-column:span 1.75}.form-grid--3 .form-grid-content .form-field.form-field--8{grid-column:span 2}.form-grid--3 .form-grid-content .form-field.form-field--9{grid-column:span 2.25}.form-grid--3 .form-grid-content .form-field.form-field--10{grid-column:span 2.5}.form-grid--3 .form-grid-content .form-field.form-field--11{grid-column:span 2.75}.form-grid--3 .form-grid-content .form-field.form-field--12{grid-column:span 3}.form-grid--4 .form-grid-content{grid-template-columns:repeat(4, minmax(0, 1fr))}.form-grid--4 .form-grid-content .form-field.form-field--1{grid-column:span 0.3333333333}.form-grid--4 .form-grid-content .form-field.form-field--2{grid-column:span 0.6666666667}.form-grid--4 .form-grid-content .form-field.form-field--3{grid-column:span 1}.form-grid--4 .form-grid-content .form-field.form-field--4{grid-column:span 1.3333333333}.form-grid--4 .form-grid-content .form-field.form-field--5{grid-column:span 1.6666666667}.form-grid--4 .form-grid-content .form-field.form-field--6{grid-column:span 2}.form-grid--4 .form-grid-content .form-field.form-field--7{grid-column:span 2.3333333333}.form-grid--4 .form-grid-content .form-field.form-field--8{grid-column:span 2.6666666667}.form-grid--4 .form-grid-content .form-field.form-field--9{grid-column:span 3}.form-grid--4 .form-grid-content .form-field.form-field--10{grid-column:span 3.3333333333}.form-grid--4 .form-grid-content .form-field.form-field--11{grid-column:span 3.6666666667}.form-grid--4 .form-grid-content .form-field.form-field--12{grid-column:span 4}@media(max-width: 960px){.form-grid[class*=form-grid--] .form-grid-content{grid-template-columns:repeat(1, minmax(0, 1fr))}.form-grid[class*=form-grid--] .form-grid-content>*,.form-grid[class*=form-grid--] .form-grid-content .form-field,.form-grid[class*=form-grid--] .form-grid-content .form-field[class*=form-field--]{grid-column:1/-1;max-width:100%;min-width:0;width:100%}}} @property --angle{syntax:"";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;min-width:0;max-width:100%}} @property --angle{syntax:"";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:"";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-duration:700ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.control.base{.input-field-infos{--input-field-infos-tone: var(--tone-infos);--input-field-infos-size: var(--text-size-xs)}.input-field-infos{color:var(--input-field-infos-tone);font-weight:var(--font-weight-400);font-size:var(--input-field-infos-size);white-space:nowrap;font-family:var(--font-family-sans);letter-spacing:.015em;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.control.base{.input-field-label{--input-field-label-tone: var(--tone-label);--input-field-label-size: var(--text-size-sm)}.input-field-label{color:var(--input-field-label-tone);font-weight:var(--font-weight-400);font-size:var(--input-field-label-size);white-space:nowrap;font-family:var(--font-family-sans);letter-spacing:.015em;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.input-field-label.input-field-label--is-required:after{color:var(--tone-primary);font-size:10px;font-family:var(--font-family-sans);letter-spacing:.015em;content:"⏺︎";display:block;margin:0px;margin-left:4px}.input-field-label.input-field-label--is-optional:after{color:var(--tone-infos);font-size:var(--text-size-xs);font-style:italic;font-family:var(--font-family-sans);letter-spacing:.015em;content:"(Optional)";display:block;margin:0px;margin-left:4px}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.control.base{.input-field-notes{color:var(--tone-infos);font-size:var(--text-size-xs);font-family:var(--font-family-sans);letter-spacing:.015em;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin:0px;margin-top:4px}} @property --angle{syntax:"";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;gap:8px}.check-group-body{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}.check-group--row .check-group-body{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.check-group--col .check-group-body{display:flex;flex-direction:column;align-items:stretch;justify-content:center}}@layer component.control.variant{.form-list .check-group{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.form-list .check-group-head{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%}} @property --angle{syntax:"";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;gap:8px}} @property --angle{syntax:"";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);letter-spacing:.015em;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;transition-property:color,height,padding;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);height:calc-size(auto,size);opacity:1;padding:0px;padding-top:6px;pointer-events:none}@starting-style{.input-field-error{opacity:0;padding:0px;padding-top:6px;height:0px}}} @property --angle{syntax:"";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:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;pointer-events:none;inset:var(--outline-inset)}.outline:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;border-style:solid;border-width:var(--outline-width);border-color:rgba(0,0,0,0);mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude}*:hover>.outline:not(.outline--is-selected,.outline--is-disabled){opacity:1;visibility:visible}*:hover>.outline:not(.outline--is-selected,.outline--is-disabled):before{background:conic-gradient(from var(--angle, 0deg), oklch(from var(--outline-color) calc(l + 0.3) c h), oklch(from var(--outline-color) calc(l + 0) c h), oklch(from var(--outline-color) calc(l + 0.3) c h), oklch(from var(--outline-color) calc(l + 0) c h), oklch(from var(--outline-color) calc(l + 0.3) c h), oklch(from var(--outline-color) calc(l + 0) c h), oklch(from var(--outline-color) calc(l + 0.3) c h)) border-box;animation:outline-rotate 3.5s linear infinite}.outline.outline--is-selected{opacity:1;visibility:visible}.outline.outline--is-selected:before{background:var(--outline-color)}.outline.outline--is-disabled{opacity:.5;visibility:visible}.outline.outline--is-disabled:before{background:var(--outline-color)}.outline-vars{opacity:0;visibility:hidden;position:absolute;border-width:3px}}.outline-check{z-index:1;position:absolute;top:12px;right:12px;font-size:10px;--fa-primary-color:var(--tone-primary-on);--fa-secondary-color:var(--tone-primary-on);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-primary-on);background-color:var(--tone-primary);height:20px;width:20px;border-radius:20px} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.control.base{.check-input{--check-input-tone: var(--tone-input);--check-input-border: var(--border-sm);--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;gap:8px}.check-input.check-input--has-picto .input-field{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(--check-input-tone)}.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-md)}.check-input-body input{cursor:pointer;user-select:none;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);display:block;height:100%;margin:0px;width:100%}.check-input-label{white-space:nowrap}.check-input-picto{--picto-size: 18px}.check-input--has-picto .check-input-picto{position:absolute;top:0;left:0;right:0;bottom:0}.check-input--is-selected .check-input-picto{--picto-tone: var(--tone-primary)}.check-input--has-picto.check-input--is-selected .check-input-picto{--picto-tone: var(--tone-primary-on)}.check-input-indicator{position:absolute;top:50%;left:50%;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);height:2px;width:12px;opacity:0;visibility:hidden;background:var(--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:"";initial-value:0deg;inherits:false}@layer component.control.base{.check-list-input{position:relative}} @property --angle{syntax:"";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;touch-action:none}.accent-picker-alpha-slider-track{position:relative;border:none;border-radius:4px;height:16px;overflow:hidden}.accent-picker-alpha-slider-track canvas{display:block;height:100%;width:100%}.accent-picker-alpha-slider-track{background-image:linear-gradient(45deg, white 25%, rgba(255, 255, 255, 0) 25%),linear-gradient(-45deg, white 25%, rgba(255, 255, 255, 0) 25%),linear-gradient(45deg, rgba(255, 255, 255, 0) 75%, white 75%),linear-gradient(-45deg, rgba(255, 255, 255, 0) 75%, white 75%);background-size:16px 16px;background-position:0px 0px,0px 8px,8px -8px,-8px 0px}.accent-picker-alpha-slider-thumb{z-index:5;position:absolute;top:50%;left:var(--value);display:flex;flex-direction:column;align-items:center;justify-content:center;height:24px;width:24px;background:url("/assets/images/picker/color/thumb.svg") no-repeat center center;background-size:contain;margin:0px;margin-top:-12px;margin-left:-12px}.accent-picker-alpha-slider-thumb:after{content:"";display:block;height:6px;width:6px;background:#fff;border:none;border-radius:6px}.accent-picker-alpha-slider-value{z-index:5;position:absolute;bottom:calc(100% + 6px);display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition-property:visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;background:var(--tone-black);padding:6px;padding-left:8px;padding-right:8px;white-space:nowrap}.accent-picker-alpha-slider--is-dragging .accent-picker-alpha-slider-value{opacity:1;visibility:visible}.accent-picker-alpha-slider-value-label{white-space:nowrap;font-family:var(--font-family-sans);letter-spacing:.015em;--label-size: var(--text-size-xs);--label-tone: var(--tone-white)} @property --angle{syntax:"";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:"";initial-value:0deg;inherits:false}.accent-picker-image{position:relative;border-radius:var(--radius-sm);background:var(--tone-surface-below);min-height:120px;overflow:hidden}.accent-picker-image .image{aspect-ratio:1/1;object-fit:cover;object-position:center center;width:100%} @property --angle{syntax:"";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:"";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{font-weight:var(--font-weight-500);font-family:var(--font-family-sans);letter-spacing:.015em;--label-size: var(--text-size-sm);--label-tone: var(--foreground-color)} @property --angle{syntax:"";initial-value:0deg;inherits:false}.accent-picker-palette{position:relative;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px} @property --angle{syntax:"";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;touch-action:none}.accent-picker-shade-slider-body:not(:last-child){margin-bottom:8px}.accent-picker-shade-slider-track{position:relative;border:none;border-radius:4px;height:16px;overflow:hidden}.accent-picker-shade-slider-track canvas{display:block;height:100%;width:100%}.accent-picker-shade-slider-thumb{z-index:5;position:absolute;top:50%;left:var(--value);display:flex;flex-direction:column;align-items:center;justify-content:center;height:24px;width:24px;background:url("/assets/images/picker/color/thumb.svg") no-repeat center center;background-size:contain;margin:0px;margin-top:-12px;margin-left:-12px}.accent-picker-shade-slider-thumb:after{content:"";display:block;height:6px;width:6px;background:#fff;border:none;border-radius:12px}.accent-picker-shade-slider-value{z-index:5;position:absolute;bottom:calc(100% + 6px);display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition-property:visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;background:var(--tone-black);padding:6px;padding-left:8px;padding-right:8px;white-space:nowrap}.accent-picker-shade-slider--is-dragging .accent-picker-shade-slider-value{opacity:1;visibility:visible}.accent-picker-shade-slider-value-label{white-space:nowrap;font-family:var(--font-family-sans);letter-spacing:.015em;--label-size: var(--text-size-xs);--label-tone: var(--tone-white)} @property --angle{syntax:"";initial-value:0deg;inherits:false}.accent-picker{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px}.accent-picker-head,.accent-picker-body{position:relative}.accent-picker-head .accent-picker-image-picker{position:absolute;right:16px;bottom:16px;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden}.accent-picker-head:hover .accent-picker-image-picker,.accent-picker-head.accent-picker-head--is-empty .accent-picker-image-picker{opacity:1;visibility:visible} @property --angle{syntax:"";initial-value:0deg;inherits:false}.form-color-picker{z-index:5;position:absolute;top:100%;left:50%;transform:translateX(-50%)} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.control.base{.input-field-picto{--input-field-picto-width: 36px;--input-field-picto-height: 100%;--input-field-picto-size: var(--icon-size-xs);--input-field-picto-tone: var(--tone-picto)}.input-field-picto{height:var(--input-field-picto-height);width:var(--input-field-picto-width);font-size:var(--input-field-picto-size);--fa-primary-color:var(--input-field-picto-tone);--fa-secondary-color:var(--input-field-picto-tone);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--input-field-picto-tone);pointer-events:none}} @property --angle{syntax:"";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-sm);--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-swatch-border: var(--border-sm);--color-input-swatch-radius: var(--radius-sm);--color-input-swatch-area: 24px;--color-input-picker-tone: var(--tone-container-above);--color-input-picker-padding: 12px;--color-input-picker-min-width: 280px;--color-input-picker-max-width: min(360px, calc(100vw - 24px));--color-input-picker-max-height: min(70vh, calc(100vh - 24px));--color-input-picker-width: min(360px, calc(100vw - 24px))}.color-input{cursor:pointer;user-select:none;position:relative;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);overflow:visible}.color-input.color-input--is-disabled{opacity:.5}.color-input .input-field{gap:var(--color-input-spacing)}.color-input-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border:var(--color-input-border);border-radius:var(--color-input-radius);background:var(--color-input-tone);height:var(--color-input-height);margin:var(--color-input-margin)}.color-input--has-focus .color-input-body{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);letter-spacing:.015em;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:var(--color-input-swatch-border);border-radius:var(--color-input-swatch-radius);height:var(--color-input-swatch-area);width:var(--color-input-swatch-area)}.color-input-picker{--popover-tone: var(--color-input-picker-tone);--popover-padding: var(--color-input-picker-padding);--popover-spacing: 0px;--popover-min-width: var(--color-input-picker-min-width);--popover-max-width: var(--color-input-picker-max-width);--popover-max-height: var(--color-input-picker-max-height);--popover-width: var(--color-input-picker-width)}.color-input-picker .popover-content{min-width:0;overflow:auto}.color-input-picker .accent-picker-image .image{aspect-ratio:16/9;max-height:96px}.color-input--xs{--color-input-height: 28px}.color-input--sm{--color-input-height: 32px}.color-input--md{--color-input-height: 36px}.color-input--lg{--color-input-height: 40px}.color-input--xl{--color-input-height: 44px}}@layer component.control.style{.form-grid .color-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0px;border:var(--color-input-border);border-radius:var(--color-input-radius);background:var(--color-input-tone);padding:0px;padding-left:12px}.form-grid .color-input.color-input--has-focus .input-field{border-color:var(--tone-primary)}.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}.form-grid.form-grid--labels-aside .color-input-body{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-end}.form-grid.form-grid--labels-aside .color-input-body input{field-sizing:content;width:auto}.form-grid.form-grid--labels-above{--color-input-swatch-area: 16px}.form-grid.form-grid--labels-above .color-input-head{position:absolute;left:12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;transition-property:color,background-position,background-color,background-size,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.form-grid.form-grid--labels-above .color-input.color-input--has-focus .color-input-head,.form-grid.form-grid--labels-above .color-input.color-input--has-value .color-input-head,.form-grid.form-grid--labels-above .color-input.color-input--has-placeholder .color-input-head{position:absolute;top:0px;left:4px;border-radius:var(--radius-sm);box-shadow:0px 0px 1px var(--tone-border-md);padding:2px;padding-left:8px;padding-right:8px;transform:translateY(-50%)}.form-grid.form-grid--labels-above .color-input.color-input--has-focus .color-input-head .input-field-label,.form-grid.form-grid--labels-above .color-input.color-input--has-value .color-input-head .input-field-label,.form-grid.form-grid--labels-above .color-input.color-input--has-placeholder .color-input-head .input-field-label{font-size:12px}.form-grid.form-grid--labels-above .color-input.color-input--has-focus .color-input-body input,.form-grid.form-grid--labels-above .color-input.color-input--has-value .color-input-body input,.form-grid.form-grid--labels-above .color-input.color-input--has-placeholder .color-input-body input{padding-top:6px;padding-left:0px}.form-grid.form-grid--labels-above .color-input.color-input--has-value .color-input-head,.form-grid.form-grid--labels-above .color-input.color-input--has-placeholder .color-input-head{background:var(--tone-surface-above-all)}.form-grid.form-grid--labels-above .color-input.color-input--has-focus .color-input-head{background:var(--tone-primary)}.form-grid.form-grid--labels-above .color-input.color-input--has-focus .color-input-head .input-field-label,.form-grid.form-grid--labels-above .color-input.color-input--has-focus .color-input-head .input-field-infos{color:var(--tone-primary-on)}.form-grid.form-grid--labels-above .color-input.color-input--has-focus .color-input-head .input-field-label.input-field-label--is-required:after{color:var(--tone-primary-on)}.form-grid.form-grid--labels-above .color-input-swatch{aspect-ratio:auto;padding:0px;padding-top:6px;padding-right:6px}.form-grid.form-grid--labels-above .color-input-swatch-color{height:16px;width:16px}}@layer component.control.style{.form-list .color-input .color-input-head,.form-list .color-input .color-input-body{flex:1 1 0}.form-list .color-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.control.base{.react-datepicker-wrapper{height:100%;width:100%}.react-datepicker__input-container{height:100%;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.react-datepicker__close-icon{cursor:pointer;user-select:none;position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;order:0;height:20px;width:20px;border-radius:20px;background:var(--tone-neutral)}.react-datepicker__close-icon:hover{background:oklch(from var(--tone-neutral) calc(l + var(--tone-mode) * 0.05) c h)}.react-datepicker__close-icon i{color:var(--tone-label);font-size:11px}.react-datepicker-popper{z-index:800}.react-datepicker{color:var(--tone-surface-above-all);font-size:var(--text-size-sm);font-family:var(--font-family-sans);letter-spacing:.015em;position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:4px;margin:0px;margin-top:12px;user-select:none}.react-datepicker__sr-only{display:none}.react-datepicker__month-container{box-shadow:var(--shadow-md);border-radius:var(--radius-md);border:1px solid var(--tone-border-md);position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-self:stretch;background:var(--tone-container-above);width:240px}.react-datepicker__time-container{box-shadow:var(--shadow-md);border-radius:var(--radius-md);border:1px solid var(--tone-border-md);position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-self:stretch;background:var(--tone-container-above);width:120px}.react-datepicker__day.react-datepicker__day--disabled{color:var(--tone-infos);pointer-events:none}.react-datepicker__header{position:relative}.react-datepicker__navigation{cursor:pointer;user-select:none;z-index:5;height:36px;width:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;overflow:hidden;padding:0px}.react-datepicker__navigation span{display:none}.react-datepicker__navigation:hover:before{color:var(--tone-primary)}.react-datepicker__navigation--previous{position:absolute;top:0;left:0}.react-datepicker__navigation--previous:before{font:var(--fa-font-regular);font-size:14px;color:var(--tone-label);content:""}.react-datepicker__navigation--next{position:absolute;top:0;left:204px}.react-datepicker__navigation--next:before{font:var(--fa-font-regular);font-size:14px;color:var(--tone-label);content:""}.react-datepicker__current-month{display:none}.react-datepicker__header__dropdown{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;height:36px;padding-left:36px;padding-right:36px}.react-datepicker__month-dropdown-container,.react-datepicker__year-dropdown-container{display:flex;flex:1 1 0;min-width:0;max-width:100%;min-height:0;max-height:100%;min-width:0}.react-datepicker__month-select,.react-datepicker__year-select{color:var(--tone-title);font-weight:var(--font-weight-500);font-size:var(--text-size-xs);font-family:var(--font-family-sans);letter-spacing:.015em;cursor:pointer;user-select:none;border-radius:var(--radius-sm);appearance:auto;background:var(--tone-input);border:1px solid var(--tone-border-md);color:var(--tone-title);height:24px;margin:0px;max-width:100%;padding:0px 4px;width:100%}.react-datepicker__month-select:focus,.react-datepicker__year-select:focus{border-color:var(--tone-primary);outline:none}.react-datepicker__day-names{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;padding:12px;padding-top:0px;padding-bottom:4px}.react-datepicker__day-name{color:var(--tone-infos);font-weight:var(--font-weight-500);font-size:var(--text-size-xs);font-family:var(--font-family-sans);letter-spacing:.015em;display:flex;flex:1 1 0;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:center;justify-content:center;margin:2px;text-align:center;text-transform:uppercase;white-space:nowrap;width:24px}.react-datepicker__day--today{background:var(--tone-primary-container)}.react-datepicker__month{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:12px;padding-top:0px}.react-datepicker__week{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start}.react-datepicker__day{color:var(--tone-label);font-size:var(--text-size-xs);font-family:var(--font-family-sans);letter-spacing:.015em;cursor:pointer;user-select:none;display:flex;flex:1 1 0;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-sm);height:24px;width:24px;margin:2px;line-height:1;text-align:center;text-transform:none;white-space:nowrap}.react-datepicker__day:hover{color:var(--tone-primary-on);background:var(--tone-primary)}.react-datepicker__day--outside-month{color:var(--tone-infos)}.react-datepicker__day--selected{color:var(--tone-primary-on);background:var(--tone-primary)}.react-datepicker__header--time{color:var(--tone-title);font-weight:var(--font-weight-500);font-size:var(--text-size-sm);font-family:var(--font-family-sans);letter-spacing:.015em;display:flex;flex-direction:row;align-items:center;justify-content:center;height:40px}.react-datepicker__time-list{position:absolute;top:40px;left:0;right:0;bottom:0;height:auto !important;margin:0px;overflow-x:hidden;overflow-y:scroll;padding:12px}.react-datepicker__time-list::-webkit-scrollbar-track{background:rgba(var(--tone-title), 0);border:none}.react-datepicker__time-list::-webkit-scrollbar{background:rgba(var(--tone-title), 0);width:6px}.react-datepicker__time-list::-webkit-scrollbar-thumb{background:rgba(var(--tone-title), 0.65);border:none;border-radius:3px}.react-datepicker__time-list-item{color:var(--tone-label);font-size:var(--text-size-xs);font-family:var(--font-family-sans);letter-spacing:.015em;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-sm);height:24px;margin:2px;padding-left:4px;padding-right:4px;text-align:center;white-space:nowrap}.react-datepicker__time-list-item:hover{background:var(--tone-neutral)}.react-datepicker__time-list-item--selected{color:var(--tone-primary-on);background:var(--tone-primary)}.react-datepicker__triangle{display:none}.react-datepicker__aria-live{display:none}} @property --angle{syntax:"";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-sm);--date-input-radius: var(--radius-sm);--date-input-padding: 0px 12px;--date-input-spacing: 6px;--date-input-font-size: var(--text-size-sm);--date-input-font-tone: var(--tone-text);--date-input-text-align: start;--date-input-text-transform: none}.date-input{cursor:pointer;user-select:none;position:relative;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.date-input.date-input--is-disabled{opacity:.5}.date-input .input-field{gap:var(--date-input-spacing)}.date-input-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border:var(--date-input-border);border-radius:var(--date-input-radius);background:var(--date-input-tone);height:var(--date-input-height);margin:var(--date-input-margin)}.date-input--has-focus .date-input-body{border-color:var(--tone-primary)}.date-input--has-error .date-input-body{border-color:var(--tone-warning)}.date-input-body .date-input-value{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);letter-spacing:.015em;appearance:none;background:rgba(0,0,0,0);border:none;border-radius:0px;display:block;padding:0px;padding:var(--date-input-padding);text-align:var(--date-input-text-align);text-transform:var(--date-input-text-transform);width:100%}.date-input--has-error .date-input-body .date-input-value{color:var(--tone-warning)}.date-input-body .date-input-value::-webkit-input-placeholder{color:var(--tone-infos)}.date-input-body .date-input-value::-moz-placeholder{color:var(--tone-infos)}.date-input-body .date-input-value:-moz-placeholder{color:var(--tone-infos)}.date-input-body .date-input-value:-ms-input-placeholder{color:var(--tone-infos)}.date-input-picto,.date-input-badge{pointer-events:none}.date-input--xs{--date-input-height: 28px}.date-input--sm{--date-input-height: 32px}.date-input--md{--date-input-height: 36px}.date-input--lg{--date-input-height: 40px}.date-input--xl{--date-input-height: 44px}}@layer component.control.style{.date-input--floating{--date-input-height: 48px}.date-input--floating .date-input-head{z-index:5;position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;transition-property:color,height;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);height:100%;padding:calc(var(--date-input-height)/5.25);padding-left:12px;padding-right:12px;pointer-events:none}.date-input--floating .date-input-head .input-field-label,.date-input--floating .date-input-head .input-field-infos{transition-property:color,font-size,visibility,opacity,padding,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);line-height:1}.date-input--floating .date-input-body .date-input-value{padding-top:calc(var(--date-input-height)/3.5)}.date-input--floating.date-input--has-value .input-field-label{--input-field-label-tone: var(--tone-infos)}.date-input--floating.date-input--has-focus .input-field-label{--input-field-label-tone: var(--tone-primary)}.date-input--floating.date-input--has-focus .date-input-head,.date-input--floating.date-input--has-value .date-input-head{height:calc-size(min-content,size)}.date-input--floating.date-input--has-focus .input-field-label,.date-input--floating.date-input--has-value .input-field-label{--input-field-label-size: 12px}.date-input--floating.date-input--has-focus .input-field-infos,.date-input--floating.date-input--has-value .input-field-infos{opacity:0;visibility:hidden}}@layer component.control.style{.form-grid .date-input:not(.date-input--floating) .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;border:var(--date-input-border);border-radius:var(--date-input-radius);background:var(--date-input-tone);overflow:visible;padding:0px;padding-left:12px}.form-grid .date-input:not(.date-input--floating) .date-input-head{flex:none}.form-grid .date-input:not(.date-input--floating) .date-input-body{display:flex;flex:1 0 auto;flex-direction:row;align-items:center;justify-content:flex-end;background:none;border:none}.form-grid .date-input:not(.date-input--floating) .date-input-prefix{margin:0px}.form-grid .date-input:not(.date-input--floating) .date-input--has-picto .date-input-body input{padding-right:0px}.form-grid .date-input:not(.date-input--floating) .date-input-value{text-align:right}.form-grid .date-input:not(.date-input--floating) .react-datepicker__input-container{gap:4px}}@layer component.control.style{.form-list .date-input .date-input-head,.form-list .date-input .date-input-body{flex:1 1 0}.form-list .date-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}.form-list .date-input .react-datepicker__input-container{gap:8px}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.control.base{.input-field-arrow{--input-field-arrow-width: 36px;--input-field-arrow-height: 100%;--input-field-arrow-size: var(--icon-size-xs);--input-field-arrow-tone: var(--tone-picto)}.input-field-arrow{height:var(--input-field-arrow-height);width:var(--input-field-arrow-width);font-size:var(--input-field-arrow-size);--fa-primary-color:var(--input-field-arrow-tone);--fa-secondary-color:var(--input-field-arrow-tone);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--input-field-arrow-tone);pointer-events:none}} @property --angle{syntax:"";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-sm);--disclosure-input-radius: var(--radius-sm);--disclosure-input-padding: 0px 12px;--disclosure-input-spacing: 6px;--disclosure-input-font-size: var(--text-size-sm);--disclosure-input-font-tone: var(--tone-text)}.disclosure-input{position:relative;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.disclosure-input.disclosure-input--is-disabled{opacity:.5}.disclosure-input .input-field{gap:var(--disclosure-input-spacing)}.disclosure-input-body{cursor:pointer;user-select:none;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border:var(--disclosure-input-border);border-radius:var(--disclosure-input-radius);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);letter-spacing:.015em;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(--disclosure-input-font-size);font-family:var(--font-family-sans);letter-spacing:.015em;position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:center;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);background:rgba(0,0,0,0);border:none;border-radius:0px;height:100%;margin:0px;padding:var(--disclosure-input-padding);width:100%}.disclosure-input--has-error .disclosure-input-placeholder{color:var(--tone-warning)}.disclosure-input--xs{--disclosure-input-height: 28px}.disclosure-input--sm{--disclosure-input-height: 32px}.disclosure-input--md{--disclosure-input-height: 36px}.disclosure-input--lg{--disclosure-input-height: 40px}.disclosure-input--xl{--disclosure-input-height: 44px}}@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: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;gap:0px;border:var(--disclosure-input-border);border-radius:var(--disclosure-input-radius);background:var(--disclosure-input-tone);padding:0px;padding-left:12px}.form-grid .disclosure-input .disclosure-input-body{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start;border:none;background:rgba(0,0,0,0)}.form-grid .disclosure-input .disclosure-input-body:before{display:none}.form-grid .disclosure-input .disclosure-input-value,.form-grid .disclosure-input .disclosure-input-placeholder{padding-right:0px;text-align:right}.form-grid .disclosure-input .disclosure-input-prefix{margin:0px}}@layer component.control.style{.form-list .disclosure-input .disclosure-input-body{min-width:30%;max-width:50%}.form-list .disclosure-input .disclosure-input-head,.form-list .disclosure-input .disclosure-input-body{flex:1 1 0}.form-list .disclosure-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}}@layer component.control.variant{.repeater .disclosure-input-body{border:none;border-radius:0px}} @property --angle{syntax:"";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-sm);--text-input-radius: var(--radius-sm);--text-input-padding: 0px 12px;--text-input-spacing: 6px;--text-input-width: auto;--text-input-font-size: var(--text-size-sm);--text-input-font-tone: var(--tone-text)}.text-input{position:relative;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.text-input.text-input--is-disabled{opacity:.5}.text-input .input-field{gap:var(--text-input-spacing)}.text-input-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border:var(--text-input-border);border-radius:var(--text-input-radius);background:var(--text-input-tone);height:var(--text-input-height);margin:var(--text-input-margin);width:var(--text-input-width)}.text-input--has-focus .text-input-body{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);letter-spacing:.015em}@media(max-width: 1280px){.text-input-body input{font-size:max(16px,var(--text-input-font-size))}}.text-input-body input{appearance:none;background:rgba(0,0,0,0);border:none;border-radius:0px;display:block;height:100%;margin:0px;text-align:var(--text-input-align);padding:var(--text-input-padding);width:100%}.text-input-body input[type=number]{-moz-appearance:textfield}.text-input--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{--label-size: var(--text-size-xs);--label-tone: var(--tone-infos);display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;height:100%;width:36px}.text-input--xs{--text-input-height: 28px}.text-input--sm{--text-input-height: 32px}.text-input--md{--text-input-height: 36px}.text-input--lg{--text-input-height: 40px}.text-input--xl{--text-input-height: 44px}}@layer component.control.style{.text-input--seamless .text-input-body{background:rgba(0,0,0,0);border:none;height:auto}.text-input--seamless input{padding-top:0px;padding-left:0px;padding-bottom:0px}.text-input--seamless.text-input--sm .text-input-body,.text-input--seamless.text-input--lg .text-input-body{height:auto}}@layer component.control.style{.text-input--floating{--text-input-height: 48px}.text-input--floating .text-input-head{z-index:5;position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;transition-property:color,height;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);height:100%;padding:calc(var(--text-input-height)/5.25);padding-left:12px;padding-right:12px;pointer-events:none}.text-input--floating .text-input-head .input-field-label,.text-input--floating .text-input-head .input-field-infos{transition-property:color,font-size,visibility,opacity,padding,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);line-height:1}.text-input--floating .text-input-body input{padding-top:calc(var(--text-input-height)/3.5)}.text-input--floating.text-input--has-value .input-field-label{--input-field-label-tone: var(--tone-infos)}.text-input--floating.text-input--has-focus .input-field-label{--input-field-label-tone: var(--tone-primary)}.text-input--floating.text-input--has-focus .text-input-head,.text-input--floating.text-input--has-value .text-input-head{height:calc-size(min-content,size)}.text-input--floating.text-input--has-focus .input-field-label,.text-input--floating.text-input--has-value .input-field-label{--input-field-label-size: 12px}.text-input--floating.text-input--has-focus .input-field-infos,.text-input--floating.text-input--has-value .input-field-infos{opacity:0;visibility:hidden}}@layer component.control.style{.form-grid .text-input:not(.text-input--floating){--text-input-align: right}.form-grid .text-input:not(.text-input--floating) .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0px;border:var(--text-input-border);border-radius:var(--text-input-radius);background:var(--text-input-tone);padding:0px;padding-left:12px}.form-grid .text-input:not(.text-input--floating).text-input--has-focus .input-field{border-color:var(--tone-primary)}.form-grid .text-input:not(.text-input--floating) .text-input-body{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start;border:none;background:none}.form-grid .text-input:not(.text-input--floating) .text-input-prefix{margin:0px}.form-grid .text-input--has-unit .text-input-body input,.form-grid .text-input--has-picto .text-input-body input{padding-right:0px}}@layer component.control.style{.form-list .text-input .text-input-head,.form-list .text-input .text-input-body{flex:1 1 0}.form-list .text-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}}@layer component.control.variant{.repeater .text-input-body{border:none;border-radius:0px}} @property --angle{syntax:"";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-sm);--search-input-radius: var(--radius-sm);--search-input-padding: 0px 12px;--search-input-spacing: 6px;--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--xs{--search-input-height: 28px;--search-input-radius: 28px}.search-input.text-input--sm{--search-input-height: 32px;--search-input-radius: 32px}.search-input.text-input--md{--search-input-height: 36px;--search-input-radius: 36px}.search-input.text-input--lg{--search-input-height: 40px;--search-input-radius: 40px}.search-input.text-input--xl{--search-input-height: 44px;--search-input-radius: 44px}.search-input-clear{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(var(--text-input-height) - 2px);aspect-ratio:1/1}.search-input-clear-button{--button-tone: transparent;--button-border: none;--button-height: 24px;--button-hovered-tone: var(--tone-highlight)}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.base{.heading{--heading-height: auto;--heading-margin: 0px;--heading-spacing: 12px;--heading-padding: 0px;--heading-leading: 1px;--heading-picto-size: var(--icon-size-sm);--heading-picto-tone: var(--tone-primary);--heading-picto-fill: var(--tone-primary-container);--heading-picto-area: 36px;--heading-title-font-family: var(--font-family-sans);--heading-title-font-weight: var(--font-weight-500);--heading-title-size: var(--title-size-sm);--heading-title-tone: var(--tone-title);--heading-infos-font-family: var(--font-family-sans);--heading-infos-font-weight: var(--font-weight-400);--heading-infos-size: var(--title-size-xs);--heading-infos-tone: var(--tone-infos)}.heading{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--heading-spacing);height:var(--heading-height);margin:var(--heading-margin);padding:var(--heading-padding)}.heading-head{position:relative;display:flex;flex:none;flex-direction:column;align-items:flex-start;justify-content:center}.heading-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--heading-leading)}.heading-picto{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{--label-font-family: var(--heading-title-font-family);--label-font-weight: var(--heading-title-font-weight);--label-size: var(--heading-title-size);--label-tone: var(--heading-title-tone)}.heading--max-title-lines-1 .heading-title{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.heading--max-title-lines-2 .heading-title{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.heading--max-title-lines-3 .heading-title{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.heading--max-title-lines-4 .heading-title{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.heading--max-title-lines-5 .heading-title{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.heading-infos{--label-font-family: var(--heading-infos-font-family);--label-font-weight: var(--heading-infos-font-weight);--label-size: var(--heading-infos-size);--label-tone: var(--heading-infos-tone)}.heading--max-infos-lines-1 .heading-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.heading--max-infos-lines-2 .heading-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.heading--max-infos-lines-3 .heading-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.heading--max-infos-lines-4 .heading-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.heading--max-infos-lines-5 .heading-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}} @property --angle{syntax:"";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;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: 0px;--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: 2px;--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{--message-border: var(--border-md);--message-radius: var(--radius-md)}}@layer component.control.variant{.message--notification{--message-tone: var(--tone-surface);--message-border: var(--border-md);--message-radius: var(--radius-md);--message-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:"";initial-value:0deg;inherits:false}@layer component.control.base{.pagination{--pagination-label-tone: var(--tone-label);--pagination-label-size: var(--text-size-sm)}.pagination{--tone-input: transparent;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}.pagination-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center}.pagination--has-count .pagination-body{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:center}.pagination-prev{order:1}.pagination-next{order:3}.pagination-main{order:2}.pagination--has-count .pagination-main{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%}.pagination-label{--label-size: var(--pagination-label-size);--label-tone: var(--pagination-label-tone)}.pagination-page-list{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;height:32px}.pagination-page-list-gap{color:var(--tone-label);font-weight:var(--font-weight-600);font-size:var(--text-size-xs);font-family:var(--font-family-sans);letter-spacing:.015em;display:flex;flex-direction:row;align-items:center;justify-content:center;min-width:32px}.pagination-page-select .select-input{--select-input-tone: var(--tone-container);--select-input-padding: 0px 16px;--select-input-height: calc(32px - 2px);--select-input-font-size: var(--text-size-xs);border:1px solid var(--tone-border-md)}.pagination-page-select .select-input .input-field{height:100%}.pagination-page-select .select-input .select-input-body{border:none;border-radius:0px}.pagination-page-select .select-input .select-input-body select{flex:none;text-align:center}.pagination-page-select .select-input .select-input-picto,.pagination-page-select .select-input .select-input-arrow{display:none}}@layer component.control.variant{.pagination-prev-button.button--round{--button-tone: var(--tone-container);--button-height: 32px;--button-radius: 0px;--button-border: none;--button-picto-size: var(--icon-size-xs);--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-md);border-left:1px solid var(--tone-border-md);border-bottom:1px solid var(--tone-border-md)}.pagination--has-count .pagination-prev-button.button--round{border:1px solid var(--tone-border-md);border-radius:var(--radius-md)}.pagination-next-button.button--round{--button-tone: var(--tone-container);--button-height: 32px;--button-radius: 0px;--button-border: none;--button-picto-size: var(--icon-size-xs);--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-md);border-right:1px solid var(--tone-border-md);border-bottom:1px solid var(--tone-border-md)}.pagination--has-count .pagination-next-button.button--round{border:1px solid var(--tone-border-md);border-radius:var(--radius-md)}.pagination-page-list-button.button--round{--button-tone: transparent;--button-label-tone: var(--tone-label);--button-hovered-tone: var(--tone-highlight);--button-hovered-label-tone: var(--button-label-tone);--button-selected-tone: var(--tone-highlight);--button-selected-label-tone: var(--tone-label)}} @property --angle{syntax:"";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;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);letter-spacing:.015em}} @property --angle{syntax:"";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-sm);--dropdown-input-radius: var(--radius-sm);--dropdown-input-spacing: 8px;--dropdown-input-font-size: var(--text-size-sm);--dropdown-input-font-tone: var(--tone-text);--dropdown-input-value-list-height: auto;--dropdown-input-value-list-margin: 0px;--dropdown-input-value-list-border: none;--dropdown-input-value-list-radius: 0px;--dropdown-input-value-list-padding: 4px;--dropdown-input-value-list-spacing: 6px;--dropdown-input-value-list-item-tone: var(--tone-input-variant);--dropdown-input-value-list-item-height: auto;--dropdown-input-value-list-item-margin: 0px;--dropdown-input-value-list-item-border: var(--border-sm);--dropdown-input-value-list-item-radius: var(--radius-sm);--dropdown-input-value-list-item-min-width: 0px;--dropdown-input-value-list-item-max-width: 128px;--dropdown-input-value-list-item-padding: 4px;--dropdown-input-value-list-item-spacing: 6px;--dropdown-input-value-list-item-label-size: 11px;--dropdown-input-value-list-item-label-tone: var(--tone-label);--dropdown-input-value-list-item-picto-size: 11px;--dropdown-input-value-list-item-picto-size: var(--icon-size-md);--dropdown-input-value-list-item-picto-tone: var(--tone-primary);--dropdown-input-value-list-item-picto-fill: var(--tone-primary-container);--dropdown-input-value-list-item-image-fill: var(--tone-primary-container);--dropdown-input-value-item-tone: transparent;--dropdown-input-value-item-padding: 4px;--dropdown-input-value-item-spacing: 6px;--dropdown-input-value-item-border: none;--dropdown-input-value-item-radius: 0px;--dropdown-input-value-item-picto-size: var(--icon-size-sm);--dropdown-input-value-item-picto-tone: var(--tone-primary);--dropdown-input-value-item-picto-fill: var(--tone-primary-container);--dropdown-input-value-item-image-fill: var(--tone-primary-container);--dropdown-input-value-item-label-size: var(--text-size-sm);--dropdown-input-value-item-label-tone: var(--tone-label);--dropdown-input-select-tone: var(--tone-container-above);--dropdown-input-select-height: auto;--dropdown-input-select-padding: 0px;--dropdown-input-select-spacing: 0px;--dropdown-input-select-min-height: 0px;--dropdown-input-select-max-height: 320px;--dropdown-input-select-min-width: 0px;--dropdown-input-select-max-width: 300px;--dropdown-input-select-width: auto;--dropdown-input-placeholder-height: auto;--dropdown-input-placeholder-margin: 0px;--dropdown-input-placeholder-border: none;--dropdown-input-placeholder-radius: 0px;--dropdown-input-placeholder-padding: 0px 0px 0px 12px;--dropdown-input-placeholder-font-size: var(--text-size-sm);--dropdown-input-placeholder-font-tone: var(--tone-infos)}.dropdown-input{cursor:pointer;user-select:none;position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.dropdown-input.dropdown-input--is-disabled{opacity:.5}.dropdown-input .input-field{gap:var(--dropdown-input-spacing)}.dropdown-input-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:column;align-items:stretch;justify-content:center}.dropdown-input-placeholder{color:var(--dropdown-input-placeholder-font-tone);font-weight:var(--font-weight-400);font-size:var(--dropdown-input-placeholder-font-size);font-family:var(--font-family-sans);letter-spacing:.015em;border:var(--dropdown-input-placeholder-border);border-radius:var(--dropdown-input-placeholder-radius);height:var(--dropdown-input-placeholder-height);margin:var(--dropdown-input-placeholder-margin);padding:var(--dropdown-input-placeholder-padding)}.dropdown-input--xs{--dropdown-input-height: 28px;--dropdown-input-value-list-padding: 2px;--dropdown-input-value-list-spacing: 2px;--dropdown-input-value-list-item-padding: 2px;--dropdown-input-value-list-item-picto-size: 11px;--dropdown-input-value-list-item-label-size: 11px;--dropdown-input-value-list-item-radius: calc( var(--dropdown-input-radius) - 2px /* Padding */ );--dropdown-input-value-list-item-height: calc( var(--dropdown-input-height) - calc(1px * 2) /* Borders */ - calc(2px * 2) /* Padding */ )}.dropdown-input--xs .dropdown-input-value-list-item:not(.dropdown-input-value-list-item--has-picto,.dropdown-input-value-list-item--has-image,.dropdown-input-value-list-item--has-item){--dropdown-input-value-list-item-padding: 4px 4px 4px 8px}.dropdown-input--xs{--dropdown-input-value-item-padding: 4px 6px;--dropdown-input-value-item-spacing: 6px;--dropdown-input-value-item-height: calc( var(--dropdown-input-height) - calc(1px * 2) /* Borders */ - calc(4px * 2) /* Padding */ )}.dropdown-input--xs .dropdown-input-value-item:not(.dropdown-input-value-item--has-picto,.dropdown-input-value-item--has-image,.dropdown-input-value-item--has-item){--dropdown-input-value-item-padding: 0px 0px 0px 12px}.dropdown-input--sm{--dropdown-input-height: 32px;--dropdown-input-value-list-padding: 2px;--dropdown-input-value-list-spacing: 6px;--dropdown-input-value-list-item-padding: 4px;--dropdown-input-value-list-item-picto-size: 11px;--dropdown-input-value-list-item-label-size: 11px;--dropdown-input-value-list-item-radius: calc( var(--dropdown-input-radius) - 4px /* Padding */ );--dropdown-input-value-list-item-height: calc( var(--dropdown-input-height) - calc(1px * 2) /* Borders */ - calc(2px * 2) /* Padding */ )}.dropdown-input--sm .dropdown-input-value-list-item:not(.dropdown-input-value-list-item--has-picto,.dropdown-input-value-list-item--has-image,.dropdown-input-value-list-item--has-item){--dropdown-input-value-list-item-padding: 4px 4px 4px 8px}.dropdown-input--sm{--dropdown-input-value-item-padding: 6px;--dropdown-input-value-item-spacing: 6px;--dropdown-input-value-item-height: calc( var(--dropdown-input-height) - calc(1px * 2) /* Borders */ - calc(6px * 2) /* Padding */ )}.dropdown-input--sm .dropdown-input-value-item:not(.dropdown-input-value-item--has-picto,.dropdown-input-value-item--has-image,.dropdown-input-value-item--has-item){--dropdown-input-value-item-padding: 0px 0px 0px 12px}.dropdown-input--md{--dropdown-input-height: 36px;--dropdown-input-value-list-padding: 4px;--dropdown-input-value-list-spacing: 6px;--dropdown-input-value-list-item-padding: 4px;--dropdown-input-value-list-item-picto-size: var(--icon-size-sm);--dropdown-input-value-list-item-label-size: var(--text-size-sm);--dropdown-input-value-list-item-radius: calc( var(--dropdown-input-radius) - 4px /* Padding */ );--dropdown-input-value-list-item-height: calc( var(--dropdown-input-height) - calc(1px * 2) /* Borders */ - calc(4px * 2) /* Padding */ )}.dropdown-input--md .dropdown-input-value-list-item:not(.dropdown-input-value-list-item--has-picto,.dropdown-input-value-list-item--has-image,.dropdown-input-value-list-item--has-item){--dropdown-input-value-list-item-padding: 4px 4px 4px 8px}.dropdown-input--md{--dropdown-input-value-item-padding: 8px;--dropdown-input-value-item-spacing: 8px;--dropdown-input-value-item-height: calc( var(--dropdown-input-height) - calc(1px * 2) /* Borders */ - calc(8px * 2) /* Padding */ )}.dropdown-input--md .dropdown-input-value-item:not(.dropdown-input-value-item--has-picto,.dropdown-input-value-item--has-image,.dropdown-input-value-item--has-item){--dropdown-input-value-item-padding: 0px 0px 0px 12px}.dropdown-input--lg{--dropdown-input-height: 40px;--dropdown-input-value-list-padding: 6px;--dropdown-input-value-list-spacing: 6px;--dropdown-input-value-list-item-padding: 6px;--dropdown-input-value-list-item-picto-size: var(--icon-size-sm);--dropdown-input-value-list-item-label-size: var(--text-size-sm);--dropdown-input-value-list-item-radius: calc( var(--dropdown-input-radius) - 6px /* Padding */ );--dropdown-input-value-list-item-height: calc( var(--dropdown-input-height) - calc(1px * 2) /* Borders */ - calc(6px * 2) /* Padding */ )}.dropdown-input--lg .dropdown-input-value-list-item:not(.dropdown-input-value-list-item--has-picto,.dropdown-input-value-list-item--has-image,.dropdown-input-value-list-item--has-item){--dropdown-input-value-list-item-padding: 4px 4px 4px 8px}.dropdown-input--lg{--dropdown-input-value-item-padding: 10px;--dropdown-input-value-item-spacing: 8px;--dropdown-input-value-item-height: calc( var(--dropdown-input-height) - calc(1px * 2) /* Borders */ - calc(10px * 2) /* Padding */ )}.dropdown-input--lg .dropdown-input-value-item:not(.dropdown-input-value-item--has-picto,.dropdown-input-value-item--has-image,.dropdown-input-value-item--has-item){--dropdown-input-value-item-padding: 0px 0px 0px 12px}.dropdown-input--xl{--dropdown-input-height: 44px;--dropdown-input-value-list-padding: 6px;--dropdown-input-value-list-spacing: 6px;--dropdown-input-value-list-item-padding: 8px;--dropdown-input-value-list-item-picto-size: var(--icon-size-sm);--dropdown-input-value-list-item-label-size: var(--text-size-sm);--dropdown-input-value-list-item-radius: calc( var(--dropdown-input-radius) - 6px /* Padding */ );--dropdown-input-value-list-item-height: calc( var(--dropdown-input-height) - calc(1px * 2) /* Borders */ - calc(6px * 2) /* Padding */ )}.dropdown-input--xl .dropdown-input-value-list-item:not(.dropdown-input-value-list-item--has-picto,.dropdown-input-value-list-item--has-image,.dropdown-input-value-list-item--has-item){--dropdown-input-value-list-item-padding: 4px 4px 4px 8px}.dropdown-input--xl{--dropdown-input-value-item-padding: 12px;--dropdown-input-value-item-spacing: 8px;--dropdown-input-value-item-height: calc( var(--dropdown-input-height) - calc(1px * 2) /* Borders */ - calc(12px * 2) /* Padding */ )}.dropdown-input--xl .dropdown-input-value-item:not(.dropdown-input-value-item--has-picto,.dropdown-input-value-item--has-image,.dropdown-input-value-item--has-item){--dropdown-input-value-item-padding: 0px 0px 0px 12px}}@layer component.control.variant{.dropdown-input-value-list{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--dropdown-input-value-list-spacing);border:var(--dropdown-input-value-list-border);border-radius:var(--dropdown-input-value-list-radius);height:var(--dropdown-input-value-list-height);margin:var(--dropdown-input-value-list-margin);padding:var(--dropdown-input-value-list-padding)}.dropdown-input-value-list-item{position:relative;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--dropdown-input-value-list-item-spacing);border:var(--dropdown-input-value-list-item-border);border-radius:var(--dropdown-input-value-list-item-radius);background:var(--dropdown-input-value-list-item-tone);height:var(--dropdown-input-value-list-item-height);margin:var(--dropdown-input-value-list-item-margin);min-width:var(--dropdown-input-value-list-item-min-width);max-width:var(--dropdown-input-value-list-item-max-width);padding:var(--dropdown-input-value-list-item-padding)}.dropdown-input-value-list-item-head,.dropdown-input-value-list-item-foot{position:relative;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:center;aspect-ratio:1/1;height:100%}.dropdown-input-value-list-item-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start}.dropdown-input-value-list-item-image{position:relative;flex:none;border-radius:100vw;aspect-ratio:1/1;height:100%;object-fit:cover;object-position:center center;width:auto}.dropdown-input-value-list-item-picto{position:relative;flex:none;border-radius:100vw;aspect-ratio:1/1;object-fit:cover;object-position:center center;width:auto;--picto-size: var(--dropdown-input-value-list-item-picto-size);--picto-tone: var(--dropdown-input-value-list-item-picto-tone)}.dropdown-input-value-list-item-label{font-weight:var(--font-weight-400);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans);letter-spacing:.015em;--label-size: var(--dropdown-input-value-list-item-label-size);--label-tone: var(--dropdown-input-value-list-item-label-tone)}.dropdown-input-value-list-item-remove-button{--button-tone: transparent;--button-height: 100%;--button-picto-size: 10px;--button-picto-tone: var(--tone-label);border-radius:rounde;aspect-ratio:1/1}.dropdown-input-value-list-item-remove-button:hover{background:var(--tone-highlight)}.dropdown-input-value-item{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--dropdown-input-value-item-spacing);border:var(--dropdown-input-value-item-border);border-radius:var(--dropdown-input-value-item-radius);background:var(--dropdown-input-value-item-tone);height:var(--dropdown-input-value-item-height);margin:var(--dropdown-input-value-item-margin);padding:var(--dropdown-input-value-item-padding)}.dropdown-input-value-item-head{position:relative;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:center;height:100%}.dropdown-input-value-item-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start}.dropdown-input-value-item-image{position:relative;flex:none;border-radius:100vw;aspect-ratio:1/1;height:100%;object-fit:cover;object-position:center center;width:auto}.dropdown-input-value-item-picto{position:relative;flex:none;border-radius:100vw;width:auto;--picto-size: var(--dropdown-input-value-item-picto-size);--picto-tone: var(--dropdown-input-value-item-picto-tone)}.dropdown-input-value-item-label{font-weight:var(--font-weight-400);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans);letter-spacing:.015em;--label-size: var(--dropdown-input-value-item-label-size);--label-tone: var(--dropdown-input-value-item-label-tone)}}@layer component.container.variant{.dropdown-input-select{--popover-tone: var(--dropdown-input-select-tone);--popover-height: var(--dropdown-input-select-height);--popover-padding: var(--dropdown-input-select-padding);--popover-spacing: var(--dropdown-input-select-spacing);--popover-min-height: var(--dropdown-input-select-min-height);--popover-max-height: var(--dropdown-input-select-max-height);--popover-min-width: var(--dropdown-input-select-min-width);--popover-max-width: var(--dropdown-input-select-max-width);--popover-width: var(--dropdown-input-select-width)}.dropdown-input-select-head{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;border-bottom:1px solid var(--tone-border-md)}.dropdown-input-select-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow-x:hidden;overflow-y:auto}.dropdown-input-select-foot{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;border-top:1px solid var(--tone-border-md);padding:8px;padding-left:12px;padding-right:12px}.dropdown-input-select-content{display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start}.dropdown-input-select-search{--search-input-tone: transparent;--search-input-border: none;--search-input-radius: 0px}.dropdown-input-select-option{cursor:pointer;user-select:none;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;border-bottom:1px solid var(--tone-border-md);transition-property:color;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);padding:12px}.dropdown-input-select-option:last-child{border-bottom-width:0px}.dropdown-input-select-option:hover{background:var(--tone-highlight)}.dropdown-input-select-option-head{flex:none}.dropdown-input-select-option-body{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%}.dropdown-input-select-option-image,.dropdown-input-select-option-picto{height:32px;width:32px;border-radius:32px}.dropdown-input-select-option-image{object-fit:cover;object-position:center}.dropdown-input-select-option-picto{font-size:var(--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);letter-spacing:.015em}.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);letter-spacing:.015em}.dropdown-input-select-pager{--pager-value-tone: transparent;--pager-value-padding: 0px}}@layer component.control.style{.dropdown-input--floating{--dropdown-input-height: 48px;--dropdown-input-value-list-padding: 4px;--dropdown-input-value-list-spacing: 4px;--dropdown-input-value-list-item-padding: 4px;--dropdown-input-value-list-item-picto-size: var(--icon-size-xs);--dropdown-input-value-list-item-label-size: var(--text-size-xs);--dropdown-input-value-item-spacing: 4px;--dropdown-input-value-list-item-radius: calc( var(--dropdown-input-radius) - 4px /* Padding */ );--dropdown-input-value-list-item-height: calc( 36px - calc(1px * 2) /* Borders */ - calc(4px * 2) /* Padding */ )}.dropdown-input--floating .dropdown-input-value-list-item:not(.dropdown-input-value-list-item--has-picto,.dropdown-input-value-list-item--has-image,.dropdown-input-value-list-item--has-item){--dropdown-input-value-list-item-padding: 4px 4px 4px 8px}.dropdown-input--floating .dropdown-input-head{z-index:5;position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;transition-property:color,height;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);height:100%;padding:calc(var(--dropdown-input-height)/5.25);padding-left:12px;padding-right:12px;pointer-events:none}.dropdown-input--floating .dropdown-input-head .input-field-label,.dropdown-input--floating .dropdown-input-head .input-field-infos{transition-property:color,font-size,visibility,opacity,padding,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);line-height:1}.dropdown-input--floating .dropdown-input-body .dropdown-input-value{padding-top:calc(var(--dropdown-input-height)/3.5)}.dropdown-input--floating.dropdown-input--is-multiple .dropdown-input-body .dropdown-input-value{padding-top:calc(var(--dropdown-input-height)/2.5)}.dropdown-input--floating.dropdown-input--has-value .input-field-label{--input-field-label-tone: var(--tone-infos)}.dropdown-input--floating.dropdown-input--has-focus .input-field-label{--input-field-label-tone: var(--tone-primary)}.dropdown-input--floating.dropdown-input--has-focus .dropdown-input-head,.dropdown-input--floating.dropdown-input--has-value .dropdown-input-head{height:calc-size(min-content,size)}.dropdown-input--floating.dropdown-input--has-focus .input-field-label,.dropdown-input--floating.dropdown-input--has-value .input-field-label{--input-field-label-size: 12px}.dropdown-input--floating.dropdown-input--has-focus .input-field-infos,.dropdown-input--floating.dropdown-input--has-value .input-field-infos{opacity:0;visibility:hidden}}@layer component.control.variant{.form-grid .dropdown-input:not(.dropdown-input--floating){cursor:pointer;user-select:none}.form-grid .dropdown-input:not(.dropdown-input--floating) .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0px;border:var(--dropdown-input-border);border-radius:var(--dropdown-input-radius);background:var(--dropdown-input-tone);padding:0px;padding-left:12px}.form-grid .dropdown-input:not(.dropdown-input--floating).dropdown-input--has-focus .input-field{border-color:var(--tone-primary)}.form-grid .dropdown-input:not(.dropdown-input--floating) .dropdown-input-body{display:grid;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;grid-template-columns:minmax(0, 1fr) auto;border:none;border-radius:0px;background:rgba(0,0,0,0);min-height:var(--dropdown-input-height);max-height:none;padding-left:12px}.form-grid .dropdown-input:not(.dropdown-input--floating) .dropdown-input-value{flex-direction:row;align-items:center;justify-content:flex-end}.form-grid .dropdown-input:not(.dropdown-input--floating) .dropdown-input-value-item{flex-direction:row;align-items:center;justify-content:flex-end}.form-grid .dropdown-input:not(.dropdown-input--floating) .dropdown-input-select-search .input-field{border:none;border-radius:0px;background:rgba(0,0,0,0);padding-left:0px;padding-right:0px}}@layer component.control.variant{.form-list .dropdown-input .dropdown-input-head,.form-list .dropdown-input .dropdown-input-body{flex:1 1 0}.form-list .dropdown-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}} @property --angle{syntax:"";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-sm);--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: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);letter-spacing:.015em;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:color,visibility,opacity,padding,width,height;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);background:var(--file-input-button-tone);height:var(--file-input-button-height);margin:var(--file-input-button-margin);padding:var(--file-input-button-padding);color:var(--file-input-button-label-tone);font-weight:var(--font-weight-500);font-size:var(--file-input-button-label-size);font-family:var(--font-family-sans);letter-spacing:.015em}.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;gap:0px;border:var(--border-sm);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:"";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:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;background:var(--tone-backdrop)}.modal-stack--is-active .modal-stack-cover{opacity:1;visibility:visible}.modal-stack-items{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;pointer-events:none}.modal-stack-items .modal{pointer-events:auto}.modal-window{z-index:600;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;padding:32px}.modal-window .modal{pointer-events:auto}.modal-window.dispose{display:none}.modal-window.modal--present{pointer-events:none}.modal-window.modal--present.enter{opacity:0;transform:translateX(48px)}.modal-window.modal--present.enter.enter-active{transition-property:visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:1;transform:none}.modal-window.modal--present.leave{opacity:1;transform:none}.modal-window.modal--present.leave.leave-active{transition-property:visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;transform:translateX(-48px)}.modal-window.modal--present{pointer-events:none}.modal-window.modal--dismiss{pointer-events:none}.modal-window.modal--dismiss.enter{opacity:0;transform:translate(-48px)}.modal-window.modal--dismiss.enter.enter-active{transition-property:visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:1;transform:none}.modal-window.modal--dismiss.leave{opacity:1;transform:none}.modal-window.modal--dismiss.leave.leave-active{transition-property:visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;transform:translateX(48px)}.modal-window.modal--dismiss{pointer-events:none}} @property --angle{syntax:"";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}.container{isolation:isolate}} @property --angle{syntax:"";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:"";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:"";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:"";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;gap:var(--modal-content-spacing);height:var(--modal-content-height);margin:var(--modal-content-margin);padding:var(--modal-content-padding)}.modal-heading+.modal-content{padding-top:0px}.model-header--is-large~.modal-content{min-height:100%}}@layer component.container.style{.modal--format-tiny{--modal-content-padding-t: 0px;--modal-content-padding-l: 16px;--modal-content-padding-r: 16px;--modal-content-padding-b: 0px;--modal-content-padding-t-header-is-bordered: 16px;--modal-content-padding-b-footer-is-bordered: 16px}}@layer component.container.style{.modal--format-small{--modal-content-padding-t: 16px;--modal-content-padding-l: 32px;--modal-content-padding-r: 32px;--modal-content-padding-b: 16px;--modal-content-padding-t-header-is-bordered: 32px;--modal-content-padding-b-footer-is-bordered: 32px}}@layer component.container.style{.modal--format-sheet{--modal-content-padding-t: 16px;--modal-content-padding-l: 32px;--modal-content-padding-r: 32px;--modal-content-padding-b: 16px;--modal-content-padding-t-header-is-bordered: 32px;--modal-content-padding-b-footer-is-bordered: 32px}}@layer component.container.style{.modal--format-large{--modal-content-padding-t: 16px;--modal-content-padding-l: 32px;--modal-content-padding-r: 32px;--modal-content-padding-b: 16px;--modal-content-padding-t-header-is-bordered: 32px;--modal-content-padding-b-footer-is-bordered: 32px}}@layer component.container.style{.modal--format-full{--modal-content-padding-t: 16px;--modal-content-padding-l: 32px;--modal-content-padding-r: 32px;--modal-content-padding-b: 16px;--modal-content-padding-t-header-is-bordered: 32px;--modal-content-padding-b-footer-is-bordered: 32px}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.container.child{.modal-footer{display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--modal-header-spacing);background:rgb(from var(--modal-tone) r g b/85%);min-height:var(--modal-header-height);margin:var(--modal-header-margin);padding:var(--modal-header-padding);border-top-width:1px;border-top-style:solid;border-top-color:rgba(0,0,0,0)}.modal-footer.modal-footer--is-bordered,.modal-footer.modal-footer--is-overlaid{border-top-color:var(--tone-border-md)}.modal-footer.modal-footer--is-blurried{backdrop-filter:blur(16px)}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.container.child{.modal-heading{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;height:var(--modal-heading-height);margin:var(--modal-heading-margin)}.modal-heading-heading{--heading-spacing: var(--modal-heading-spacing);--heading-leading: var(--modal-heading-leading);--heading-title-size: var(--modal-heading-title-size);--heading-title-tone: var(--modal-heading-title-tone);--heading-infos-size: var(--modal-heading-infos-size);--heading-infos-tone: var(--modal-heading-infos-tone)}.modal-heading-heading .heading-title,.modal-heading-heading .heading-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}} @property --angle{syntax:"";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-sm);--navigation-bar-heading-infos-tone: var(--tone-infos);--navigation-bar-actions-border: none;--navigation-bar-actions-radius: 0px;--navigation-bar-actions-height: auto;--navigation-bar-actions-margin: 0px;--navigation-bar-actions-spacing: 8px;--navigation-bar-actions-padding: 0px}.navigation-bar{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--navigation-bar-spacing);border:var(--navigation-bar-border);border-radius:var(--navigation-bar-radius);background:var(--navigation-bar-tone);height:var(--navigation-bar-height);margin:var(--navigation-bar-margin);padding:var(--navigation-bar-padding)}.navigation-bar-back{flex:none}.navigation-bar-head{position:relative;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--navigation-bar-spacing)}.navigation-bar-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--navigation-bar-spacing)}.navigation-bar-foot{position:relative;display:flex;flex:none;flex-direction:column;align-items:flex-end;justify-content:center}.navigation-bar:not(.navigation-bar--has-heading) .navigation-bar-foot{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:center}.navigation-bar-heading{flex:0 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;--heading-leading: var(--navigation-bar-heading-leading);--heading-title-size: var(--navigation-bar-heading-title-size);--heading-title-tone: var(--navigation-bar-heading-title-tone);--heading-infos-size: var(--navigation-bar-heading-infos-size);--heading-infos-tone: var(--navigation-bar-heading-infos-tone)}.navigation-bar-actions{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--navigation-bar-actions-spacing);border:var(--navigation-bar-actions-border);border-radius:var(--navigation-bar-actions-radius);height:var(--navigation-bar-actions-height);margin:var(--navigation-bar-actions-margin);padding:var(--navigation-bar-actions-padding)}}@layer component.control.style{.navigation-bar-body .navigation-bar--start{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start}}@layer component.control.style{.navigation-bar--center{display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr)}.navigation-bar--center .navigation-bar-head{grid-column:1}.navigation-bar--center .navigation-bar-body{grid-column:2}.navigation-bar--center .navigation-bar-foot{grid-column:3}.navigation-bar-body .navigation-bar--center{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:center}.navigation-bar--center .navigation-bar-heading .heading-title,.navigation-bar--center .navigation-bar-heading .heading-infos{text-align:center}}@layer component.control.style{.navigation-bar-body .navigation-bar--end{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-end}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.control.variant{.modal-navigation-bar{--navigation-bar-height: 32px}.modal-navigation-bar .navigation-bar-head,.modal-navigation-bar .navigation-bar-body,.modal-navigation-bar .navigation-bar-foot{transition-property:color,visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.modal-navigation-bar .navigation-bar-heading .heading-title,.modal-navigation-bar .navigation-bar-heading .heading-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-header--is-large .modal-navigation-bar .navigation-bar-heading .heading-infos{display:none}.modal-header--is-large .modal-navigation-bar .navigation-bar-body{opacity:0;visibility:hidden;transform:translateY(16px)}.modal-header--is-fixed .modal-navigation-bar .navigation-bar-body{opacity:1;visibility:visible;transform:translateY(0px)}.modal:has(.modal-heading-back) .modal-header--is-large .modal-navigation-bar .navigation-bar-head{opacity:0;visibility:hidden;transform:translateY(16px)}.modal:has(.modal-heading-back) .modal-header--is-fixed .modal-navigation-bar .navigation-bar-head{opacity:1;visibility:visible;transform:translateY(0px)}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.container.child{.modal-header{display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--modal-header-spacing);background:rgb(from var(--modal-tone) r g b/85%);height:var(--modal-header-height);margin:var(--modal-header-margin);padding:var(--modal-header-padding);border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0,0,0,0)}.modal-header.modal-header--is-bordered,.modal-header.modal-header--is-overlaid{border-bottom-color:var(--tone-border-md)}.modal-header.modal-header--is-blurried{backdrop-filter:blur(16px)}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.container.variant{.modal-sidebar{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--modal-sidebar-spacing);background:var(--modal-sidebar-tone);height:var(--modal-sidebar-height);margin:var(--modal-sidebar-margin);padding:var(--modal-sidebar-padding);border:none;border-left:var(--modal-sidebar-border);--border-sm: var(--border-md);--tone-input: var(--tone-input-variant)}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.container.base{.modal{--modal-tone: var(--tone-container);--modal-header-height: 64px;--modal-header-margin: 0px;--modal-header-padding: 16px;--modal-header-spacing: 12px;--modal-footer-height: 64px;--modal-footer-margin: 0px;--modal-footer-padding: 16px;--modal-footer-spacing: 12px;--modal-heading-spacing: 12px;--modal-heading-leading: 2px;--modal-heading-title-size: var(--title-size-lg);--modal-heading-title-tone: var(--tone-title);--modal-heading-infos-size: var(--title-size-sm);--modal-heading-infos-tone: var(--tone-infos);--modal-heading-height: auto;--modal-heading-margin: var(--modal-content-padding-t) var(--modal-content-padding-r) var(--modal-content-spacing) var(--modal-content-padding-l);--modal-content-height: auto;--modal-content-margin: 0px;--modal-content-padding-t: 0px;--modal-content-padding-l: 16px;--modal-content-padding-r: 16px;--modal-content-padding-b: 0px;--modal-content-padding-t-header-is-bordered: 16px;--modal-content-padding-b-footer-is-bordered: 16px;--modal-content-spacing: 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-sidebar-tone: var(--tone-container-above);--modal-sidebar-width: clamp(220px, 35%, 420px);--modal-sidebar-border: var(--border-md);--modal-sidebar-radius: 0px;--modal-sidebar-height: auto;--modal-sidebar-margin: 0px;--modal-sidebar-padding: 0px;--modal-sidebar-spacing: 16px}.modal{position:relative;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;max-width:100%;max-height:100%;scrollbar-width:thin}.modal:not(.container--is-scrollable){overflow:hidden}.modal:has(.modal-sidebar){display:grid;grid-template-columns:1fr var(--modal-sidebar-width)}.modal--format-tiny{height:560px;width:560px}.modal--format-tiny.modal--height-auto{height:auto}.modal--format-tiny.modal--height-fill{height:100%}.modal--format-small{height:720px;width:720px}.modal--format-small.modal--height-auto{height:auto}.modal--format-small.modal--height-fill{height:100%}.modal--format-sheet{height:960px;width:960px}.modal--format-sheet.modal--height-auto{height:auto}.modal--format-sheet.modal--height-fill{height:100%}.modal--format-large{height:1280px;width:1280px}.modal--format-large.modal--height-auto{height:auto}.modal--format-large.modal--height-fill{height:100%}.modal--format-full{height:100%;width:100%}.modal--format-full.modal--height-auto{height:auto}.modal--format-full.modal--height-fill{height:100%}}@layer component.container.variant{.modal:not(:has(.modal-header)){--modal-content-padding-t: var(--modal-content-padding-t-header-is-bordered)}.modal:not(:has(.modal-footer)){--modal-content-padding-b: var(--modal-content-padding-b-footer-is-bordered)}.modal:has(.modal-header.modal-header--is-bordered){--modal-content-padding-t: var(--modal-content-padding-t-header-is-bordered)}.modal:has(.modal-footer.modal-footer--is-bordered){--modal-content-padding-b: var(--modal-content-padding-b-footer-is-bordered)}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.base{.slider{--slider-track-tone: var(--tone-input);--slider-track-border: var(--border-sm);--slider-track-radius: var(--radius-lg)}.slider{cursor:pointer;user-select:none;position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;height:24px}.slider-track{position:absolute;top:0;left:0;right:0;bottom:0;border:var(--slider-track-border);border-radius:var(--slider-track-radius);background:var(--slider-track-tone)}.slider-track:after{content:"";display:block;border-radius:var(--radius-md);position:absolute;top:0px;left:0px;bottom:0px;background:var(--tone-primary);width:calc(var(--slider-thumb-x) + 11px)}.slider-thumb{position:absolute;top:var(--slider-thumb-y, 0px);left:var(--slider-thumb-x, 0px);box-shadow:var(--shadow-md);cursor:pointer;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;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: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);letter-spacing:.015em}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.control.base{.photo-crop-hint{color:var(--tone-infos);font-weight:var(--font-weight-400);font-size:var(--text-size-sm);font-family:var(--font-family-sans);letter-spacing:.015em;margin:0 0 12px;text-align:center}.photo-crop-viewport{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--tone-below);overflow:hidden;overscroll-behavior:none;touch-action:none;width:100%}.photo-crop-frame{position:relative;aspect-ratio:1/1;cursor:grab;flex:none;height:auto;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-touch-callout:none;width:min(100%,60vh,420px)}.photo-crop-modal--is-dragging .photo-crop-frame{cursor:grabbing}.photo-crop-stage{position:absolute;top:50%;left:50%;height:0px;width:0px}.photo-crop-image{position:relative;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);display:block;max-width:none;opacity:0;pointer-events:none;transform-origin:center center}.photo-crop-modal--is-ready .photo-crop-image{opacity:1}.photo-crop-mask{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.photo-crop-modal--shape-circle .photo-crop-mask{border:2px solid rgba(255,255,255,.45);border-radius:50%;box-shadow:0 0 0 9999px rgba(0,0,0,.55)}.photo-crop-modal--shape-square .photo-crop-mask{box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}.photo-crop-toolbar{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;gap:16px;padding-top:16px}.photo-crop-rotates{display:flex;flex-direction:row;align-items:center;justify-content:center}.photo-crop-sliders{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;gap:12px}.photo-crop-slider{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;gap:6px}.photo-crop-slider-label{color:var(--tone-label);font-weight:var(--font-weight-500);font-size:var(--text-size-xs);font-family:var(--font-family-sans);letter-spacing:.015em}}@layer component.control.style{.photo-crop-modal .modal-footer .button-group{width:100%}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.control.base{.photo-input{--photo-input-preview-size: 64px;--photo-input-preview-radius: var(--photo-input-preview-size);--photo-input-spacing: 12px;position:relative;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.photo-input.photo-input--is-disabled{opacity:.5}.photo-input.photo-input--shape-square{--photo-input-preview-radius: var(--radius-md)}.photo-input.photo-input--xs{--photo-input-preview-size: 48px}.photo-input.photo-input--sm{--photo-input-preview-size: 64px}.photo-input.photo-input--md{--photo-input-preview-size: 80px}.photo-input.photo-input--lg{--photo-input-preview-size: 96px}.photo-input.photo-input--xl{--photo-input-preview-size: 112px}.photo-input-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--photo-input-spacing)}.photo-input-preview{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;height:var(--photo-input-preview-size);width:var(--photo-input-preview-size);border-radius:var(--photo-input-preview-radius);cursor:pointer;user-select:none;align-self:center;appearance:none;aspect-ratio:1/1;background:var(--tone-input);border:var(--border-sm);flex:none;line-height:0;overflow:hidden;padding:0px}.photo-input--has-focus .photo-input-preview,.photo-input-preview:focus-visible{border-color:var(--tone-primary);outline:none}.photo-input--has-error .photo-input-preview{border-color:var(--tone-warning)}.photo-input--is-loading .photo-input-preview{cursor:wait}.photo-input-image{height:100%;width:100%;display:block;object-fit:cover;object-position:center}.photo-input-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;background:var(--tone-neutral)}.photo-input-placeholder-picto{--picto-size: calc(var(--photo-input-preview-size) / 2.75);--picto-tone: --tone-picto}.photo-input-actions{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;min-width:0px}.photo-input-actions .button-group{flex-wrap:wrap}.photo-input-picker,.photo-input-required{position:absolute;opacity:0;visibility:hidden;height:0px;pointer-events:none;width:0px}}@layer component.control.style{.form-list .photo-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}.form-list .photo-input .photo-input-head,.form-list .photo-input .photo-input-body{flex:1 1 0}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.container.base{.phone-input .text-input-prefix{display:flex;flex:none;flex-direction:row;align-items:center;justify-content:center;align-self:stretch;height:100%;margin:0px}.phone-input input{min-width:0}.phone-input.text-input--xs .phone-input-region-code{display:none}.phone-input-affix{display:flex;flex:none;flex-direction:row;align-items:center;justify-content:center;align-self:stretch;height:100%;padding-left:4px}.phone-input-region{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;align-self:stretch;border-right:var(--border-sm);height:100%;margin-right:8px;padding-right:4px}.phone-input-region-flag{font-size:16px;line-height:1}.phone-input-region-code{color:var(--text-input-font-tone);font-weight:var(--font-weight-600);font-size:var(--text-input-font-size);font-family:var(--font-family-sans);letter-spacing:.015em;letter-spacing:.02em;margin-left:6px}.phone-input-region-arrow{--input-field-arrow-width: 18px;--input-field-arrow-size: 10px}.phone-input-region-select{position:absolute;top:0;left:0;right:0;bottom:0;appearance:none;background:rgba(0,0,0,0);border:none;cursor:pointer;opacity:0;width:100%;height:100%}.phone-input.text-input--is-disabled .phone-input-region-select{cursor:default}.phone-input-calling-code{color:var(--text-input-font-tone);font-weight:var(--font-weight-500);font-size:var(--text-input-font-size);font-family:var(--font-family-sans);letter-spacing:.015em;color:var(--tone-infos);padding-right:4px;white-space:nowrap}}@layer component.control.style{.form-grid.form-grid--labels-above .phone-input .input-field{overflow:visible}.form-grid.form-grid--labels-above .phone-input .text-input-head{position:absolute;top:0px;left:4px;border-radius:var(--radius-sm);background:var(--tone-surface-above-all);box-shadow:0px 0px 1px var(--tone-border-md);padding:2px;padding-left:8px;padding-right:8px;pointer-events:none;transform:translateY(-50%);z-index:1}.form-grid.form-grid--labels-above .phone-input .text-input-head .input-field-label{font-size:12px}.form-grid.form-grid--labels-above .phone-input .text-input-body input{padding-top:6px;padding-left:0px}.form-grid.form-grid--labels-above .phone-input.text-input--has-focus .text-input-head{background:var(--tone-primary)}.form-grid.form-grid--labels-above .phone-input.text-input--has-focus .text-input-head .input-field-label,.form-grid.form-grid--labels-above .phone-input.text-input--has-focus .text-input-head .input-field-infos{color:var(--tone-primary-on)}.form-grid.form-grid--labels-above .phone-input.text-input--has-focus .text-input-head .input-field-label.input-field-label--is-required:after{color:var(--tone-primary-on)}} @property --angle{syntax:"";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:"";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-sm);--select-input-radius: var(--radius-sm);--select-input-padding: 0px 12px;--select-input-spacing: 6px;--select-input-font-size: var(--text-size-sm);--select-input-font-tone: var(--tone-text);--select-input-text-align: start;--select-input-text-transform: none;cursor:pointer;user-select:none;position:relative;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.select-input.select-input--is-disabled{opacity:.5}.select-input .input-field{gap:var(--select-input-spacing)}.select-input-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border:var(--select-input-border);border-radius:var(--select-input-radius);background:var(--select-input-tone);height:var(--select-input-height);margin:var(--select-input-margin)}.select-input--has-error .select-input-body{border-color:var(--tone-warning)}.select-input--has-focus .select-input-body{border-color:var(--tone-primary)}.select-input--is-disabled .select-input-body{cursor:default}.select-input-body{cursor:pointer}.select-input-control{position:absolute;height:0;opacity:0;overflow:hidden;padding:0;pointer-events:none;width:0}.select-input-value{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);letter-spacing:.015em;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;flex:1 1 auto;align-self:stretch;min-width:0;padding:var(--select-input-padding);text-align:var(--select-input-text-align);text-transform:var(--select-input-text-transform)}.select-input--has-error .select-input-value{color:var(--tone-warning)}.select-input-value-label{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-input-value-infos{color:var(--tone-infos);font-size:var(--select-input-font-size);font-family:var(--font-family-sans);letter-spacing:.015em;margin-left:auto}.select-input-placeholder{color:rgb(from var(--tone-text) r g b/50%)}.select-input-arrow{position:absolute;top:0;right:0;bottom:0;transition-property:default,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);pointer-events:none}.select-input--has-focus .select-input-arrow{transform:rotate(180deg)}.select-input-menu{position:fixed;border:1px solid var(--tone-border-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-radius:var(--radius-sm);background:var(--tone-container-below);inset:auto;margin:0;max-height:320px;overflow-x:hidden;overflow-y:auto;padding:6px}.select-input-option{cursor:pointer;user-select:none}.select-input-option:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;background:var(--tone-highlight);border:none;border-radius:inherit}.select-input-option:hover:before{opacity:1;visibility:visible}.select-input-option{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;border-radius:var(--radius-sm);appearance:none;background:rgba(0,0,0,0);border:none;color:inherit;padding:12px;text-align:left;width:100%}.select-input-option:hover,.select-input-option.select-input-option--is-selected{background:var(--tone-input)}.select-input-option-body{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;flex:1 1 auto;min-width:0}.select-input-option-label{color:var(--tone-label);font-size:var(--text-size-sm);font-family:var(--font-family-sans);letter-spacing:.015em;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-input-option-infos{color:var(--tone-infos);font-size:var(--text-size-sm);font-family:var(--font-family-sans);letter-spacing:.015em;margin-left:auto}.select-input-option-check{font-size:14px;--fa-primary-color:var(--tone-primary);--fa-secondary-color:var(--tone-primary);--fa-primary-opacity:1;--fa-secondary-opacity:.15;color:var(--tone-primary);flex:none}.select-input-spinner{position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(var(--select-input-height) - 2px);width:calc(var(--select-input-height) - 2px)}.select-input--xs{--select-input-height: 28px;--select-input-padding: 0px 36px 0px 12px}.select-input--sm{--select-input-height: 32px;--select-input-padding: 0px 36px 0px 12px}.select-input--md{--select-input-height: 36px;--select-input-padding: 0px 36px 0px 12px}.select-input--lg{--select-input-height: 40px;--select-input-padding: 0px 36px 0px 12px}.select-input--xl{--select-input-height: 44px;--select-input-padding: 0px 36px 0px 12px}}@layer component.control.style{.select-input--floating{--select-input-height: 48px}.select-input--floating .select-input-head{z-index:5;position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;transition-property:color,height;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);height:100%;padding:calc(var(--select-input-height)/5.25);padding-left:12px;padding-right:12px;pointer-events:none}.select-input--floating .select-input-head .input-field-label,.select-input--floating .select-input-head .input-field-infos{transition-property:color,font-size,visibility,opacity,padding,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);line-height:1}.select-input--floating .select-input-body .select-input-value{padding-top:calc(var(--select-input-height)/3.5)}.select-input--floating.select-input--has-value .input-field-label{--input-field-label-tone: var(--tone-infos)}.select-input--floating.select-input--has-focus .input-field-label{--input-field-label-tone: var(--tone-primary)}.select-input--floating.select-input--has-focus .select-input-head,.select-input--floating.select-input--has-value .select-input-head{height:calc-size(min-content,size)}.select-input--floating.select-input--has-focus .input-field-label,.select-input--floating.select-input--has-value .input-field-label{--input-field-label-size: 12px}.select-input--floating.select-input--has-focus .input-field-infos,.select-input--floating.select-input--has-value .input-field-infos{opacity:0;visibility:hidden}}@layer component.control.style{.form-grid .select-input:not(.select-input--floating) .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0px;border:var(--select-input-border);border-radius:var(--select-input-radius);background:var(--select-input-tone);padding:0px;padding-left:12px}.form-grid .select-input:not(.select-input--floating).select-input--has-focus .input-field{border-color:var(--tone-primary)}.form-grid .select-input:not(.select-input--floating) .select-input-body{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start;background:none;border:none}.form-grid .select-input:not(.select-input--floating) .select-input-body .select-input-value{justify-content:flex-end}.form-grid .select-input:not(.select-input--floating) .select-input-prefix{margin:0px}}@layer component.control.style{.form-list .select-input .select-input-head,.form-list .select-input .select-input-body{flex:1 1 0}.form-list .select-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.base{.address-input{position:relative;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px;grid-column:1/-1}.address-input-full{grid-column:1/-1}.form-grid-content>.form-field:has(.address-field),.form-grid-content>.form-field:has(.address-input),.form-grid-content>.address-field{grid-column:1/-1}@media(max-width: 960px){.address-input{grid-template-columns:repeat(1, minmax(0, 1fr))}}}.pac-container{z-index:1100;background-color:var(--tone-surface);border:var(--border-sm);border-radius:6px;box-shadow:var(--shadow-lg);color:var(--tone-text);font-family:inherit;margin-top:4px;padding:4px 0}.theme-dark .pac-container{background-color:var(--tone-surface);border-color:var(--tone-border-md);box-shadow:0 8px 24px rgba(0,0,0,.45);color:var(--tone-text)}@media(prefers-color-scheme: dark){.theme-auto .pac-container{background-color:var(--tone-surface);border-color:var(--tone-border-md);box-shadow:0 8px 24px rgba(0,0,0,.45);color:var(--tone-text)}}.pac-item{cursor:pointer;line-height:1.4;padding:8px 12px;border:none;border-top:1px solid var(--tone-border-sm);color:var(--tone-infos)}.theme-dark .pac-item{background-color:rgba(0,0,0,0);border-top-color:var(--tone-border-sm);color:var(--tone-infos)}@media(prefers-color-scheme: dark){.theme-auto .pac-item{background-color:rgba(0,0,0,0);border-top-color:var(--tone-border-sm);color:var(--tone-infos)}}.pac-item:hover,.pac-item.pac-item-selected{background-color:var(--tone-highlight)}.theme-dark .pac-item:hover,.theme-dark .pac-item.pac-item-selected{background-color:var(--tone-highlight)}@media(prefers-color-scheme: dark){.theme-auto .pac-item:hover,.theme-auto .pac-item.pac-item-selected{background-color:var(--tone-highlight)}}.pac-item-query{font-weight:600;color:var(--tone-title)}.theme-dark .pac-item-query{color:var(--tone-title)}@media(prefers-color-scheme: dark){.theme-auto .pac-item-query{color:var(--tone-title)}}.pac-matched{color:var(--tone-text)}.theme-dark .pac-matched{color:var(--tone-text)}@media(prefers-color-scheme: dark){.theme-auto .pac-matched{color:var(--tone-text)}}.theme-dark .pac-container.pac-logo:after{filter:grayscale(1) invert(1)}@media(prefers-color-scheme: dark){.theme-auto .pac-container.pac-logo:after{filter:grayscale(1) invert(1)}} @property --angle{syntax:"";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;gap:16px}.radio-group-body{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:20px}.radio-group--row .radio-group-body{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.radio-group--col .radio-group-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}}@layer component.control.style{.radio-group--outlined{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-md)}.radio-group--outlined .radio-group-body{gap:0px}.radio-group--outlined .radio-input{flex:1 1 0;padding:16px}.radio-group--outlined .radio-input .input-field{gap:16px}.radio-group--outlined .radio-input:not(:last-child){border-right:1px solid var(--tone-border-md)}.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:"";initial-value:0deg;inherits:false}@layer component.control.base{.radio-input{--radio-input-border: var(--border-sm);--radio-input-radius: 24px;--radio-input-height: 24px}.radio-input{cursor:pointer;user-select:none;position:relative}.radio-input .input-field{display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;gap:8px}.radio-input.radio-input--has-picto .input-field{gap:12px}.radio-input-body{cursor:pointer;user-select:none;position:relative;flex:none;border:var(--radio-input-border);border-radius:var(--radio-input-radius);height:var(--radio-input-height);width:var(--radio-input-height);background:var(--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-md)}.radio-input-body input{cursor:pointer;user-select:none;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);display:block;height:100%;margin:0px;width:100%}.radio-input-label{white-space:nowrap}.radio-input-picto{--picto-size: 16px}.radio-input--has-picto .radio-input-picto{position:absolute;top:0;left:0;right:0;bottom:0}.radio-input--is-selected .radio-input-picto{--picto-tone: var(--tone-primary)}.radio-input--has-picto.radio-input--is-selected .radio-input-picto{--picto-tone: var(--tone-primary-on)}.radio-input-indicator{position:absolute;top:0;left:0;right:0;bottom:0;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;background:var(--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:"";initial-value:0deg;inherits:false}@layer component.control.base{.radio-list-input{position:relative}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.control.base{.repeater{--repeater-tone: transparent;--repeater-height: auto;--repeater-margin: 0px;--repeater-border: var(--border-md);--repeater-radius: var(--radius-md);--text-input-padding: 0px;--text-input-spacing: 8px}.repeater{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.repeater.repeater--is-disabled{opacity:.5}.repeater .input-field{gap:var(--text-input-spacing)}.repeater-field{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px}.repeater-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:var(--repeater-border);border-radius:var(--repeater-radius);background:var(--repeater-tone);height:var(--repeater-height);margin:var(--repeater-margin);overflow:hidden}.repeater-rows{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.repeater-row{position:relative;display:grid;grid-template-columns:auto minmax(0, 1fr) auto;border-bottom:1px solid var(--tone-border-md)}.repeater-row:hover{background:var(--tone-highlight)}.repeater-row:last-child{border-width:0px}.repeater-row-head{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;border-right:1px solid var(--tone-border-md);width:36px}.repeater-row-body{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:center;align-self:stretch}.repeater-row-body .input-field-label{color:var(--tone-label);font-size:var(--text-size-xs);font-family:var(--font-family-sans);letter-spacing:.015em}.repeater-row-body .form-grid{gap:8px;padding:8px}.repeater-row-foot{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;border-left:1px solid var(--tone-border-md);padding:8px}.repeater-row-index{color:var(--tone-label);font-size:var(--text-size-xs);font-family:var(--font-family-sans);letter-spacing:.015em}.repeater-append{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:1px solid var(--tone-border-md);padding:12px}.repeater-empty-message{--message-padding: 24px;--message-title-size: var(--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:"";initial-value:0deg;inherits:false}@layer component.control.base{.slider-input{position:relative;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.slider-input.slider-input--is-disabled{opacity:.5}.slider-input-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.slider-input--has-focus .slider-input-body{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);letter-spacing:.015em;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;gap:16px;border:var(--border-sm);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;gap:16px}} @property --angle{syntax:"";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-white);--switch-active-track-tone: var(--tone-primary);--switch-active-thumb-tone: var(--tone-white)}.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-md);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: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-md);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:"";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;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;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;gap:0px;border:var(--border-sm);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;gap:16px}} @property --angle{syntax:"";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-sm);--text-area-radius: var(--radius-sm);--text-area-padding: 12px;--text-area-spacing: 6px;--text-area-font-size: var(--text-size-sm);--text-area-font-tone: var(--tone-text)}.text-area{position:relative;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.text-area.text-area--is-disabled{opacity:.5}.text-area .input-field{gap:var(--text-area-spacing)}.text-area-body{position:relative;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;border:var(--text-area-border);border-radius:var(--text-area-radius);background:var(--text-area-tone);height:var(--text-area-height);margin:var(--text-area-margin)}.text-area--has-focus .text-area-body{border-color:var(--tone-primary)}.text-area--has-error .text-area-body{border-color:var(--tone-warning)}.text-area--auto-resize .text-area-body{height:auto}.text-area-body textarea{color:var(--text-area-font-tone);font-weight:var(--font-weight-400);font-size:var(--text-area-font-size);font-family:var(--font-family-sans);letter-spacing:.015em;appearance:none;background:rgba(0,0,0,0);border:none;border-radius:0px;display:block;height:100%;min-height:20px;line-height:1.35;padding:var(--text-area-padding);resize:none;width:100%}.text-area-body textarea::-webkit-input-placeholder{color:var(--tone-infos)}.text-area-body textarea::-moz-placeholder{color:var(--tone-infos)}.text-area-body textarea:-moz-placeholder{color:var(--tone-infos)}.text-area-body textarea:-ms-input-placeholder{color:var(--tone-infos)}}@layer component.control.style{.text-area--floating .text-area-head{z-index:5;position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;transition-property:color,height;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);padding:12px;padding-left:12px;padding-right:12px;pointer-events:none}.text-area--floating .text-area-head .input-field-label,.text-area--floating .text-area-head .input-field-infos{transition-property:color,font-size,visibility,opacity,padding,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);line-height:1}.text-area--floating .text-area-body textarea{padding-top:24px}.text-area--floating.text-area--has-value .input-field-label{--input-field-label-tone: var(--tone-infos)}.text-area--floating.text-area--has-focus .input-field-label{--input-field-label-tone: var(--tone-primary)}.text-area--floating.text-area--has-focus .text-area-head,.text-area--floating.text-area--has-value .text-area-head{height:calc-size(min-content,size)}.text-area--floating.text-area--has-focus .input-field-label,.text-area--floating.text-area--has-value .input-field-label{--input-field-label-size: 12px}.text-area--floating.text-area--has-focus .input-field-infos,.text-area--floating.text-area--has-value .input-field-infos{opacity:0;visibility:hidden}}@layer component.control.size{.text-area--seamless{--text-area-tone: transparent;--text-area-border: none;--text-area-radius: 0px;--text-area-height: auto;--text-area-padding: 0px}}@layer component.control.style{.form-grid .text-area:not(.text-area--floating) .input-field{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0px;border:var(--text-area-border);border-radius:var(--text-area-radius);background:var(--text-area-tone);padding:12px}.form-grid .text-area:not(.text-area--floating).text-area--has-focus .input-field{border-color:var(--tone-primary)}.form-grid .text-area:not(.text-area--floating) .text-area-body{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start;border:none}.form-grid .text-area:not(.text-area--floating) .text-area-body textarea{padding:0px}.form-grid .text-area:not(.text-area--floating) .text-area-prefix{margin:0px}}@layer component.control.style{.form-list .text-area .text-area-head,.form-list .text-area .text-area-body{flex:1 1 0}.form-list .text-area .input-field{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:16px}} @property --angle{syntax:"";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:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.swatch-input.swatch-input--is-disabled{opacity:.5}.swatch-input .input-field{gap:var(--swatch-input-spacing)}.swatch-input-body{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border:var(--swatch-input-border);border-radius:var(--swatch-input-radius);background:var(--swatch-input-tone);height:var(--swatch-input-height);margin:var(--swatch-input-margin);padding:var(--swatch-input-padding)}.swatch-input-color{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:var(--swatch-input-color-border);height:var(--swatch-input-color-height);width:var(--swatch-input-color-height);border-radius:var(--swatch-input-color-radius);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{--picto-tone: var(--tone-surface);--picto-size: var(--icon-size-md)}.swatch-input--xs{--swatch-input-color-height: 28px;--swatch-input-color-radius: 28px}.swatch-input--sm{--swatch-input-color-height: 32px;--swatch-input-color-radius: 32px}.swatch-input--md{--swatch-input-color-height: 36px;--swatch-input-color-radius: 36px}.swatch-input--lg{--swatch-input-color-height: 40px;--swatch-input-color-radius: 40px}.swatch-input--xl{--swatch-input-color-height: 44px;--swatch-input-color-radius: 44px}}@layer component.control.style{.form-grid .swatch-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:0px;border:var(--border-sm);border-radius:var(--radius-sm);background:var(--swatch-input-tone);padding:0px;padding-left:12px}.form-grid .swatch-input .swatch-input-body{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start;background:none;border:none}.form-grid .swatch-input .swatch-input-body select{text-align:right}.form-grid .swatch-input .swatch-input-prefix{margin:0px}}@layer component.control.style{.form-list .swatch-input .swatch-input-head,.form-list .swatch-input .swatch-input-body{flex:1 1 0}.form-list .swatch-input .input-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}} @property --angle{syntax:"";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;gap:16px}.version-input-infos{border-radius:var(--radius-sm);position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;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{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:var(--border-sm);border-radius:var(--radius-sm);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-border-md)}.version-number-input-field-foot{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;border-top:1px solid var(--tone-border-md)}.version-number-input-field-body{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.version-number-input-value{--label-size: 36px;--label-tone: var(--tone-title)}.version-number-input-label{--label-size: var(--text-size-xs);--label-tone: var(--tone-infos)}.version-number-input-button{border:none;border-radius:0px;background:rgba(0,0,0,0);height:40px;width:100%}.version-number-input-button .button-picto{--picto-tone: var(--tone-primary);margin:0px}.version-number-input-button .button-label{display:none}.version-number-input-button.button--is-disabled .button-picto{--picto-tone: var(--tone-neutral-on)}.version-number-input-helper{margin:0px;margin-top:12px;max-width:240px}.version-number-input-helper .helper-label{white-space:normal}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.base{.address-field{grid-column:1/-1}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.control.base{.signature-input-head{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:6px}.signature-input-body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px}.signature-input-canvas{width:100%;height:160px;touch-action:none;cursor:crosshair;background:var(--tone-surface);border:var(--border-sm);border-radius:var(--radius-sm)}.signature-input-clear{align-self:flex-start}.signature-input--is-disabled .signature-input-canvas{cursor:default;opacity:.6}} @property --angle{syntax:"";initial-value:0deg;inherits:false}.language-select-option{color:var(--tone-label);font-size:var(--text-size-xs);font-family:var(--font-family-sans);letter-spacing:.015em;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:"";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:var(--border-sm);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);letter-spacing:.015em;white-space:nowrap}.language-select-value:not(:last-child){margin-right:8px}.language-select-options{z-index:500;border:1px solid var(--tone-border-md);position:absolute;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;background:var(--tone-surface);border-top:none;border-radius:4px;border-top-left-radius:0px;border-top-right-radius:0px;min-width:100%;overflow:hidden}.language-select:hover .language-select-options{opacity:1;visibility:visible} @property --angle{syntax:"";initial-value:0deg;inherits:false}.language-switcher{position:relative;flex:none;width:max-content}.language-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;overflow:hidden;width:72px}.language-switcher-radio-list-input .radio-group .radio-group-body{gap:0px}.language-switcher-radio-list-input .radio-input .radio-input-body{border-radius:0px;height:32px;width:36px}.language-switcher-radio-list-input .radio-input .radio-input-body:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;background:var(--tone-highlight);border:none;border-radius:inherit}.language-switcher-radio-list-input .radio-input .radio-input-body:hover:before{opacity:1;visibility:visible}.language-switcher-radio-list-input .radio-input .radio-input-body{background:rgba(0,0,0,0);border:none}.language-switcher-radio-list-input .radio-input .radio-input-body:after{display:none}.language-switcher-radio-list-input .radio-input .radio-input-picto{width:auto;height:auto}.language-switcher-radio-list-input .radio-input .radio-input-indicator{display:none}.language-switcher-radio-list-input .radio-input.radio-input--is-selected .radio-input-body{background:var(--tone-primary)}.language-switcher-radio-list-input .radio-input.radio-input--is-selected .language-switcher-code{color:var(--tone-primary-on);font-family:var(--font-family-sans);letter-spacing:.015em}.language-switcher-code{color:var(--tone-neutral-on);font-weight:var(--font-weight-600);font-size:var(--text-size-xs);font-family:var(--font-family-sans);letter-spacing:.015em}.language-switcher--compact .language-switcher-radio-list-input{height:auto;width:36px}.language-switcher--compact .language-switcher-radio-list-input .radio-group-body{flex-direction:column;align-items:stretch;justify-content:center}.language-switcher--compact .language-switcher-radio-list-input .radio-input .radio-input-body{height:32px;width:36px} @property --angle{syntax:"";initial-value:0deg;inherits:false}.translatable-form-textarea-language--inactive{display:none} @property --angle{syntax:"";initial-value:0deg;inherits:false}.translatable-text-input-language--inactive{display:none} @property --angle{syntax:"";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-shadow: none;--button-padding: 0px;--button-spacing: 0px;--button-width: auto;--button-label-font-family: var(--font-family-sans);--button-label-font-weight: var(--font-weight-600);--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 + var(--tone-mode) * 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;gap:var(--button-spacing);border:var(--button-border);border-radius:var(--button-radius);box-shadow:var(--button-shadow);transition-property: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);width:var(--button-width)}.button:not(.button--has-label){--button-width: var(--button-height)}.button.button--is-selected{background:var(--button-selected-tone)}.button.button--is-selected .button-label{--label-tone: var(--button-selected-label-tone)}.button.button--is-selected .button-picto{--picto-tone: var(--button-selected-picto-tone)}.button.button--is-disabled{background:var(--button-disabled-tone)}.button.button--is-disabled .button-label{--label-tone: var(--button-disabled-label-tone)}.button.button--is-disabled .button-picto{--picto-tone: var(--button-disabled-picto-tone)}.button:not(.button--is-selected,.button--is-disabled):hover{background:var(--button-hovered-tone)}.button:not(.button--is-selected,.button--is-disabled):hover .button-label{--label-tone: var(--button-hovered-label-tone)}.button:not(.button--is-selected,.button--is-disabled):hover .button-picto{--picto-tone: var(--button-hovered-picto-tone)}.button-body{position:relative;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:center;gap:var(--button-spacing)}.button-label{--label-font-family: var(--button-label-font-family);--label-font-weight: var(--button-label-font-weight);--label-size: var(--button-label-size);--label-tone: var(--button-label-tone);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button-picto{--picto-size: var(--button-picto-size);--picto-tone: var(--button-picto-tone)}.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--xs{--button-height: 28px;--button-spacing: 6px;--button-padding: 0px calc(var(--button-height) / 3.00);--button-label-size: var(--text-size-xs);--button-picto-size: var(--icon-size-xs)}.button--sm{--button-height: 32px;--button-spacing: 6px;--button-padding: 0px calc(var(--button-height) / 2.75);--button-label-size: var(--text-size-xs);--button-picto-size: var(--icon-size-xs)}.button--md{--button-height: 36px;--button-spacing: 6px;--button-padding: 0px calc(var(--button-height) / 2.5);--button-label-size: var(--text-size-sm);--button-picto-size: var(--icon-size-sm)}.button--lg{--button-height: 40px;--button-spacing: 6px;--button-padding: 0px calc(var(--button-height) / 2.25);--button-label-size: var(--text-size-md);--button-picto-size: var(--icon-size-md)}.button--xl{--button-height: 44px;--button-spacing: 6px;--button-padding: 0px calc(var(--button-height) / 2.00);--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: transparent;--button-border: var(--border-md);--button-disabled-tone: transparent;--button-disabled-label-tone: rgb(from var(--button-label-tone) r g b / 25%);--button-disabled-picto-tone: rgb(from var(--button-picto-tone) r g b / 25%)}.button--outlined.button--normal{--button-tone: transparent;--button-hovered-tone: var(--tone-highlight)}.button--outlined.button--caution{--button-label-tone: var(--tone-caution);--button-picto-tone: var(--tone-caution);--button-hovered-tone: var(--tone-warning-container) }.button--outlined.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-hovered-tone: var(--tone-warning-container) }.button--outlined.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-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--help,.button--check,.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--help .button-label,.button--check .button-label,.button--close .button-label{display:none}.button--back .button-picto,.button--next .button-picto,.button--prev .button-picto,.button--help .button-picto,.button--check .button-picto,.button--close .button-picto{margin:0px}.button--back .button-badge,.button--next .button-badge,.button--prev .button-badge,.button--help .button-badge,.button--check .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:"";initial-value:0deg;inherits:false}@layer component.base{.button-group{--button-group-border: none;--button-group-radius: 0px;--button-group-height: auto;--button-group-margin: 0px;--button-group-spacing: 8px;--button-group-padding: 0px}.button-group{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--button-group-spacing);border:var(--button-group-border);border-radius:var(--button-group-radius);height:var(--button-group-height);margin:var(--button-group-margin);padding:var(--button-group-padding)}.button-group .button{flex:none}}@layer component.control.style{.button-group--even .button{flex:1 1 0}}@layer component.control.style{.button-group--spaced{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:space-between}}@layer component.control.style{.button-group--centered{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:center}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.variant{.browse-button-input{position:absolute;opacity:0;visibility:hidden}} @property --angle{syntax:"";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: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;gap:12px;transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);padding:12px;padding-left:16px;padding-right:16px}.dropdown-button-menu-item:not(:last-child){border-bottom:1px solid var(--tone-border-md)}.dropdown-button-menu-item-label{--label-size: var(--text-size-sm);--label-tone: var(--tone-label);flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%}.dropdown-button-menu-item-picto{flex:none}} @property --angle{syntax:"";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 36px 16px 16px;--alert-spacing: 16px;--alert-min-width: 0px;--alert-max-width: 100%;--alert-width: 480px;--alert-title-size: var(--title-size-md);--alert-title-tone: var(--tone-title);--alert-infos-size: var(--title-size-sm);--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-md);display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--alert-spacing);background:rgb(from var(--alert-tone) r g b/85%);height:var(--alert-height);margin:var(--alert-margin);min-width:var(--alert-min-width);max-width:var(--alert-max-width);padding:var(--alert-padding);user-select:none;width:var(--alert-width);border-left-width:4px;border-left-color:var(--tone-primary);border-left-style:solid}.alert-head{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px}.alert-title{font-weight:var(--font-weight-500);font-family:var(--font-family-sans);letter-spacing:.015em;--label-size: var(--alert-title-size);--label-tone: var(--alert-title-tone)}.alert-infos{font-weight:var(--font-weight-400);font-family:var(--font-family-sans);letter-spacing:.015em;--label-size: var(--alert-infos-size);--label-tone: var(--alert-infos-tone)}.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:"";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:0;left:0;right:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;padding:32px;pointer-events:none}.alert-window .alert{pointer-events:auto}.alert-window.alert--present{pointer-events:none}.alert-window.alert--present.enter .alert{transform:translateX(calc(100% + 32px))}.alert-window.alert--present.enter.enter-active .alert{transition-property:color,visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:none}.alert-window.alert--dismiss{pointer-events:none}.alert-window.alert--dismiss.leave .alert{transform:none}.alert-window.alert--dismiss.leave.leave-active .alert{transition-property:color,visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translateX(calc(100% + 32px))}} @property --angle{syntax:"";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:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;visibility:hidden;background:var(--tone-backdrop)}.drawer-stack--is-active .drawer-stack-cover{opacity:1;visibility:visible}.drawer-stack-items{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:hidden;pointer-events:none}.drawer-stack-items .drawer{pointer-events:auto}.drawer-window{z-index:150;position:fixed;top:0px;right:0px;bottom:0px;min-width:0px;max-width:100%;width:480px}@media(max-width: 960px){.drawer-window{bottom:64px}}.drawer-window.dispose{display:block}.drawer-window>.drawer--depth-1{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-0px, 0) scale(1);transform-origin:right center}.drawer-window>.drawer--depth-2{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-16px, 0) scale(0.99);transform-origin:right center}.drawer-window>.drawer--depth-3{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-32px, 0) scale(0.98);transform-origin:right center}.drawer-window>.drawer--depth-4{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-48px, 0) scale(0.97);transform-origin:right center}.drawer-window>.drawer--depth-5{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-64px, 0) scale(0.96);transform-origin:right center}.drawer-window>.drawer--depth-6{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-80px, 0) scale(0.95);transform-origin:right center}.drawer-window>.drawer--depth-7{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-96px, 0) scale(0.94);transform-origin:right center}.drawer-window>.drawer--depth-8{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-112px, 0) scale(0.93);transform-origin:right center}.drawer-window>.drawer--depth-9{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-128px, 0) scale(0.92);transform-origin:right center}.drawer-window>.drawer--depth-10{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-144px, 0) scale(0.91);transform-origin:right center}.drawer-window>.drawer--depth-11{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-160px, 0) scale(0.9);transform-origin:right center}.drawer-window>.drawer--depth-12{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-176px, 0) scale(0.89);transform-origin:right center}.drawer-window>.drawer--depth-13{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-192px, 0) scale(0.88);transform-origin:right center}.drawer-window>.drawer--depth-14{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-208px, 0) scale(0.87);transform-origin:right center}.drawer-window>.drawer--depth-15{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-224px, 0) scale(0.86);transform-origin:right center}.drawer-window>.drawer--depth-16{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-240px, 0) scale(0.85);transform-origin:right center}.drawer-window>.drawer--depth-17{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-256px, 0) scale(0.84);transform-origin:right center}.drawer-window>.drawer--depth-18{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-272px, 0) scale(0.83);transform-origin:right center}.drawer-window>.drawer--depth-19{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-288px, 0) scale(0.82);transform-origin:right center}.drawer-window>.drawer--depth-20{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-304px, 0) scale(0.81);transform-origin:right center}.drawer-window>.drawer--depth-21{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-320px, 0) scale(0.8);transform-origin:right center}.drawer-window>.drawer--depth-22{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-336px, 0) scale(0.79);transform-origin:right center}.drawer-window>.drawer--depth-23{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-352px, 0) scale(0.78);transform-origin:right center}.drawer-window>.drawer--depth-24{transition-property:transform,translate,rotate,scale,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translate(-368px, 0) scale(0.77);transform-origin:right center}.drawer-window.dispose{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;pointer-events:none}.drawer-window.drawer--present{pointer-events:none}.drawer-window.drawer--present.enter{transform:translateX(100%)}.drawer-window.drawer--present.enter.enter-active{transition-property:visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:none}.drawer-window.drawer--dismiss{pointer-events:none}.drawer-window.drawer--dismiss.leave{transform:none}.drawer-window.drawer--dismiss.leave.leave-active{transition-property:visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);transform:translateX(100%)}} @property --angle{syntax:"";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;gap:var(--drawer-content-spacing);height:var(--drawer-content-height);margin:var(--drawer-content-margin);padding:var(--drawer-content-padding)}.drawer-heading+.drawer-content{padding-top:0px}.drawer-header--is-large~.drawer-content{min-height:100%}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.container.child{.drawer-footer{display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--drawer-footer-spacing);background:rgb(from var(--drawer-tone) r g b/85%);min-height:var(--drawer-footer-height);margin:var(--drawer-footer-margin);padding:var(--drawer-footer-padding);border-top-width:1px;border-top-style:solid;border-top-color:rgba(0,0,0,0)}.drawer-footer.drawer-footer--is-bordered,.drawer-footer.drawer-footer--is-overlaid{border-top-color:var(--tone-border-md)}.drawer-footer.drawer-footer--is-blurried{backdrop-filter:blur(16px)}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.container.child{.drawer-heading{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;height:var(--drawer-heading-height);margin:var(--drawer-heading-margin)}.drawer-heading-heading{--heading-spacing: var(--drawer-heading-spacing);--heading-leading: var(--drawer-heading-leading);--heading-title-size: var(--drawer-heading-title-size);--heading-title-tone: var(--drawer-heading-title-tone);--heading-infos-size: var(--drawer-heading-infos-size);--heading-infos-tone: var(--drawer-heading-infos-tone)}.drawer-heading-heading .heading-title,.drawer-heading-heading .heading-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.control.variant{.drawer-navigation-bar{--navigation-bar-height: 32px}.drawer-navigation-bar .navigation-bar-head,.drawer-navigation-bar .navigation-bar-body,.drawer-navigation-bar .navigation-bar-foot{transition-property:color,visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.drawer-navigation-bar .navigation-bar-heading .heading-title,.drawer-navigation-bar .navigation-bar-heading .heading-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-header--is-large .drawer-navigation-bar .navigation-bar-heading .heading-infos{display:none}.drawer-header--is-large .drawer-navigation-bar .navigation-bar-body{opacity:0;visibility:hidden;transform:translateY(16px)}.drawer-header--is-fixed .drawer-navigation-bar .navigation-bar-body{opacity:1;visibility:visible;transform:translateY(0px)}.drawer:has(.drawer-heading-back) .drawer-header--is-large .drawer-navigation-bar .navigation-bar-head{opacity:0;visibility:hidden;transform:translateY(16px)}.drawer:has(.drawer-heading-back) .drawer-header--is-fixed .drawer-navigation-bar .navigation-bar-head{opacity:1;visibility:visible;transform:translateY(0px)}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.container.child{.drawer-header{display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--drawer-header-spacing);background:rgb(from var(--drawer-tone) r g b/85%);height:var(--drawer-header-height);margin:var(--drawer-header-margin);padding:var(--drawer-header-padding);border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0,0,0,0)}.drawer-header.drawer-header--is-bordered,.drawer-header.drawer-header--is-overlaid{border-bottom-color:var(--tone-border-md)}.drawer-header.drawer-header--is-blurried{backdrop-filter:blur(16px)}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.container.base{.drawer{--drawer-tone: var(--tone-container);--drawer-header-height: 64px;--drawer-header-margin: 0px;--drawer-header-padding: 16px;--drawer-header-spacing: 12px;--drawer-footer-height: 64px;--drawer-footer-margin: 0px;--drawer-footer-padding: 16px;--drawer-footer-spacing: 12px;--drawer-heading-spacing: 12px;--drawer-heading-leading: 2px;--drawer-heading-title-size: var(--title-size-lg);--drawer-heading-title-tone: var(--tone-title);--drawer-heading-infos-size: var(--title-size-sm);--drawer-heading-infos-tone: var(--tone-infos);--drawer-heading-height: auto;--drawer-heading-margin: var(--drawer-content-padding-t) var(--drawer-content-padding-r) var(--drawer-content-spacing) var(--drawer-content-padding-l);--drawer-content-height: auto;--drawer-content-margin: 0px;--drawer-content-padding-t: 0px;--drawer-content-padding-l: 16px;--drawer-content-padding-r: 16px;--drawer-content-padding-b: 0px;--drawer-content-padding-t-header-is-bordered: 16px;--drawer-content-padding-b-footer-is-bordered: 16px;--drawer-content-spacing: 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-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:var(--drawer-tone);max-width:100%;max-height:100%;scrollbar-width:thin}.drawer:not(.container--is-scrollable){overflow:hidden}.drawer:not(:has(.drawer-header)){--drawer-content-padding-t: var(--drawer-content-padding-t-header-is-bordered)}.drawer:not(:has(.drawer-footer)){--drawer-content-padding-b: var(--drawer-content-padding-b-footer-is-bordered)}.drawer:has(.drawer-header.drawer-header--is-bordered){--drawer-content-padding-t: var(--drawer-content-padding-t-header-is-bordered)}.drawer:has(.drawer-footer.drawer-footer--is-bordered){--drawer-content-padding-b: var(--drawer-content-padding-b-footer-is-bordered)}} @property --angle{syntax:"";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:"";initial-value:0deg;inherits:false}.grid-layout{--grid-layout-cols: 4;--grid-layout-rows: none;--grid-layout-border: none;--grid-layout-radius: 0px;--grid-layout-height: auto;--grid-layout-margin: 0px;--grid-layout-spacing: 24px;--grid-layout-padding: 0px}.grid-layout{position:relative;gap:var(--grid-layout-spacing);border:var(--grid-layout-border);border-radius:var(--grid-layout-radius);height:var(--grid-layout-height);margin:var(--grid-layout-margin);display:grid;grid-template-columns:repeat(var(--grid-layout-cols), minmax(0, 1fr));grid-template-rows:repeat(var(--grid-layout-rows), minmax(0, 1fr))} @property --angle{syntax:"";initial-value:0deg;inherits:false}.theme-switcher{position:relative;flex:none;width:max-content}.theme-switcher-radio-list-input{--button-height: 32px;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:var(--button-height)}.theme-switcher-radio-list-input .radio-group .radio-group-body{gap:0px}.theme-switcher-radio-list-input .radio-input .radio-input-body{border-radius:0px;height:var(--button-height);width:var(--button-height)}.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: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:var(--icon-size-sm)}.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);letter-spacing:.015em} @property --angle{syntax:"";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: 2px;--section-heading-title-size: var(--title-size-md);--section-heading-title-tone: var(--tone-title);--section-heading-infos-size: var(--title-size-sm);--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-border: none;--section-content-radius: 0px;--section-content-height: auto;--section-content-margin: 0px;--section-content-spacing: 32px;--section-content-padding: 0px;--section-actions-border: none;--section-actions-radius: 0px;--section-actions-height: auto;--section-actions-margin: 0px;--section-actions-spacing: 8px;--section-actions-padding: 0px}.section{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--section-spacing);border:var(--section-border);border-radius:var(--section-radius);background:var(--section-tone);height:var(--section-height);margin:var(--section-margin);padding:var(--section-padding)}.section-head{position:relative;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.section-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.section-content{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--section-content-spacing);border:var(--section-content-border);border-radius:var(--section-content-radius);height:var(--section-content-height);margin:var(--section-content-margin);padding:var(--section-content-padding)}.section-actions{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--section-actions-spacing);border:var(--section-actions-border);border-radius:var(--section-actions-radius);height:var(--section-actions-height);margin:var(--section-actions-margin);padding:var(--section-actions-padding)}.section-heading{--heading-spacing: var(--section-heading-spacing);--heading-padding: var(--section-heading-padding);--heading-leading: var(--section-heading-leading);--heading-title-size: var(--section-heading-title-size);--heading-title-tone: var(--section-heading-title-tone);--heading-infos-size: var(--section-heading-infos-size);--heading-infos-tone: var(--section-heading-infos-tone);--heading-picto-size: var(--section-heading-picto-size);--heading-picto-tone: var(--section-heading-picto-tone);--heading-picto-fill: var(--section-heading-picto-fill);--heading-picto-area: var(--section-heading-picto-area)}.section--sm{--section-heading-title-size: var(--title-size-sm);--section-heading-infos-size: var(--title-size-xs)}}@layer component.container.style{.section--outlined{--section-padding: 16px;--section-spacing: 16px;border-radius:var(--radius-md);border:1px solid var(--tone-border-md)}}@layer component.container.style{.section--bordered{--section-padding: 0px;--section-spacing: 0px;--section-content-padding: 16px;border-radius:var(--radius-md);border:1px solid var(--tone-border-md)}.section--bordered .section-head{border-bottom:1px solid var(--tone-border-md);padding:var(--section-content-padding)}}@layer component.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:"";initial-value:0deg;inherits:false} @property --angle{syntax:"";initial-value:0deg;inherits:false}.user-account-phone-confirmation-form{width:100%}.user-account-phone-confirmation-form-head{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px}.user-account-phone-confirmation-form-picto{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-primary) r g b/14%);color:var(--tone-primary);flex:none}.user-account-phone-confirmation-form-picto .picto{font-size:20px;--fa-primary-color:var(--tone-primary);--fa-secondary-color:var(--tone-primary);--fa-primary-opacity:1;--fa-secondary-opacity:.25;color:var(--tone-primary)}.user-account-phone-confirmation-form-heading{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px}.user-account-phone-confirmation-form-heading h3,.user-account-phone-confirmation-form-heading p{margin:0}.user-account-phone-confirmation-form-heading h3{color:var(--tone-text);font-weight:var(--font-weight-500);font-size:var(--text-size-lg);font-family:var(--font-family-sans);letter-spacing:.015em}.user-account-phone-confirmation-form-heading p{color:var(--tone-infos);font-weight:var(--font-weight-400);font-size:var(--text-size-sm);font-family:var(--font-family-sans);letter-spacing:.015em;line-height:1.4}.user-account-phone-confirmation-form-destination{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;border:1px solid var(--tone-border-md);border-radius:var(--radius-sm);background:rgb(from var(--tone-input) r g b/70%);padding:12px 14px}.user-account-phone-confirmation-form-destination>.picto{font-size:16px;--fa-primary-color:var(--tone-primary);--fa-secondary-color:var(--tone-primary);--fa-primary-opacity:1;--fa-secondary-opacity:.25;color:var(--tone-primary);flex:none}.user-account-phone-confirmation-form-destination>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px}.user-account-phone-confirmation-form-destination span{color:var(--tone-infos);font-weight:var(--font-weight-400);font-size:var(--text-size-xs);font-family:var(--font-family-sans);letter-spacing:.015em}.user-account-phone-confirmation-form-destination strong{color:var(--tone-text);font-weight:var(--font-weight-500);font-size:var(--text-size-md);font-family:var(--font-family-sans);letter-spacing:.015em;letter-spacing:.02em}.user-account-phone-confirmation-form-code input{font-variant-numeric:tabular-nums;letter-spacing:.28em} @property --angle{syntax:"";initial-value:0deg;inherits:false}.user-account-profile-form .text-input-prefix{color:rgb(from var(--tone-text) r g b/50%);white-space:nowrap;padding:0px;padding-left:12px} @property --angle{syntax:"";initial-value:0deg;inherits:false}.user-account-settings-modal .modal-content{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:32px}.user-account-settings-modal .form,.user-account-settings-modal .form-col,.user-account-settings-modal .form-field,.user-account-settings-modal .section,.user-account-settings-modal .section-body,.user-account-settings-modal .section-content,.user-account-settings-modal .text-input{width:100%}.user-account-settings-modal-section{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px;width:100%}.user-account-settings-modal-section .button{width:100%}.user-account-settings-modal-phone-confirmed{margin:0;opacity:.8;font-size:14px;line-height:1.4}.user-account-settings-modal-phone-confirmation{border:1px solid var(--tone-border-md);border-radius:var(--radius-md);background:rgb(from var(--tone-input) r g b/35%);padding:20px}.user-account-settings-modal-phone-confirmation-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:14px}.user-account-settings-modal-phone-confirmation-resend{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;color:var(--tone-infos);font-weight:var(--font-weight-400);font-size:var(--text-size-sm);font-family:var(--font-family-sans);letter-spacing:.015em;min-height:24px}.user-account-settings-modal-phone-confirmation-resend .button{width:auto} @property --angle{syntax:"";initial-value:0deg;inherits:false}.user-phone-confirmation-banner{z-index:6;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;position:fixed;top:112px;left:50%;z-index:20;width:min(560px,100vw - 48px);max-width:560px;transform:translateX(-50%);padding:12px 16px;border-radius:12px;background:var(--tone-container-above);border:1px solid rgb(from var(--tone-primary) r g b/28%);box-shadow:inset 3px 0 0 0 var(--tone-primary)}.user-phone-confirmation-banner .button{flex:0 0 auto;align-self:center}.user-phone-confirmation-banner-message{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:12px;flex:1 1 auto;min-width:0}.user-phone-confirmation-banner-picto{display:flex;flex-direction:row;align-items:center;justify-content:center;flex:0 0 auto;width:28px;height:28px;border-radius:8px;font-size:13px;line-height:1;color:var(--tone-primary-on);background:var(--tone-primary-container)}.user-phone-confirmation-banner-text{color:var(--tone-infos);font-weight:var(--font-weight-400);font-size:var(--text-size-sm);font-family:var(--font-family-sans);letter-spacing:.015em;display:flex;align-items:center;margin:0;line-height:1.35} @property --angle{syntax:"";initial-value:0deg;inherits:false}.user-profile-popover{--popover-spacing: 0px;--popover-padding: 0px;--popover-width: 320px;--popover-offset-y: 8px;--popover-offset-x: 0px;max-width:100%}.user-profile-popover-head{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;padding-top:24px;padding-bottom:24px}.user-profile-popover-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.user-profile-popover-foot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:12px}.user-profile-popover-user{text-align:center;max-width:100%}.user-profile-popover-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);letter-spacing:.015em}.user-profile-popover-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);letter-spacing:.015em}.user-profile-popover-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--tone-border-md);min-height:56px;padding:12px 16px;width:100%;background:rgba(0,0,0,0);text-align:left}.user-profile-popover-row:first-child{border-top:1px solid var(--tone-border-md)}.user-profile-popover-row-label{color:var(--tone-label);font-weight:var(--font-weight-400);font-size:var(--text-size-md);font-family:var(--font-family-sans);letter-spacing:.015em}.user-profile-popover-settings{cursor:pointer;user-select:none;appearance:none;border-left:none;border-right:none;color:inherit;font:inherit;cursor:pointer} @property --angle{syntax:"";initial-value:0deg;inherits:false}.user-profile-menu-button{cursor:pointer;user-select:none;padding:0;border:none;background:rgba(0,0,0,0);cursor:pointer}.user-avatar{--user-avatar-size: 48px;position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;height:var(--user-avatar-size);width:var(--user-avatar-size);border-radius:var(--user-avatar-size);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))}.user-avatar-image{height:100%;width:100%;object-fit:cover;object-position:center center}.user-avatar-label{color:var(--tone-primary);font-weight:var(--font-weight-800);font-size:calc(var(--user-avatar-size)/2.5);font-family:var(--font-family-sans);letter-spacing:.015em}.user-profile-menu-button-avatar{--user-avatar-size: 32px} @property --angle{syntax:"";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;gap:var(--screen-content-spacing);height:var(--screen-content-height);margin:var(--screen-content-margin);padding:var(--screen-content-padding)}.screen-header--is-large~.screen-content{min-height:100vh}.screen-content{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:1}@starting-style{.screen-content{opacity:0}}} @property --angle{syntax:"";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;gap:var(--screen-footer-spacing);border-top:1px solid var(--tone-border-md);background:rgb(from var(--screen-tone) r g b/85%);height:var(--screen-footer-height);margin:var(--screen-footer-margin);padding:var(--screen-footer-padding)}.screen-footer{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:1}@starting-style{.screen-footer{opacity:0}}} @property --angle{syntax:"";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:"";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:"";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;gap:16px;height:var(--screen-heading-height);margin:var(--screen-heading-margin);padding:var(--screen-heading-padding)}.screen-heading-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:stretch;justify-content:center;gap:4px}.screen-heading-foot{position:relative;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center}.screen-heading-heading{--heading-title-size: var(--title-size-xl);--heading-infos-size: var(--title-size-md);max-width:50%}@media(max-width: 1600px){.screen-heading-heading{max-width:480px}}.screen-heading-heading .heading-body{gap:4px}.screen-heading-heading .heading-head{margin-left:-44px}.screen-heading-path{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.screen-heading-path-node{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px}.screen-heading-path-node:last-child .screen-heading-path-node-picto{display:none}.screen-heading-path-node-label{--label-size: var(--screen-heading-back-label-size);--label-tone: var(--screen-heading-back-label-tone)}.screen-heading-path-node-picto{--picto-size: 10px;--picto-tone: var(--tone-primary) }.screen-heading-back{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px}.screen-heading-back-picto{--picto-size: var(--icon-size-xs);--picto-tone: var(--tone-primary)}.screen-heading-back-label{font-weight:var(--font-weight-600);min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-sans);letter-spacing:.015em;--label-size: var(--screen-heading-back-label-size);--label-tone: var(--screen-heading-back-label-tone)}.screen-heading{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:1}@starting-style{.screen-heading{opacity:0}}@media(max-width: 960px){.screen-heading-foot{display:none}}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.control.variant{.screen-navigation-bar .navigation-bar-head,.screen-navigation-bar .navigation-bar-body,.screen-navigation-bar .navigation-bar-foot{transition-property:color,visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.screen-navigation-bar .navigation-bar-head{margin-left:-48px}@media(max-width: 960px){.screen-navigation-bar .navigation-bar-head{margin-left:0px}}.screen-navigation-bar .navigation-bar-heading .heading-title,.screen-navigation-bar .navigation-bar-heading .heading-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-header--is-large .screen-navigation-bar .navigation-bar-heading .heading-infos{display:none}.screen-header--is-large .screen-navigation-bar .navigation-bar-head,.screen-header--is-large .screen-navigation-bar .navigation-bar-body,.screen-header--is-large .screen-navigation-bar .navigation-bar-foot{opacity:0;visibility:hidden;transform:translateY(16px)}.screen-header--is-fixed .screen-navigation-bar .navigation-bar-head,.screen-header--is-fixed .screen-navigation-bar .navigation-bar-body,.screen-header--is-fixed .screen-navigation-bar .navigation-bar-foot{opacity:1;visibility:visible;transform:translateY(0px)}@media(max-width: 960px){.screen-navigation-bar .navigation-bar-head{margin-left:0px}.screen-navigation-bar .navigation-bar-foot{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%}.screen-header--is-large .screen-navigation-bar .navigation-bar-foot{opacity:1;visibility:visible;transform:translateY(0px)}}} @property --angle{syntax:"";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;gap:var(--screen-header-spacing);background:rgb(from var(--screen-tone) r g b/85%);height:var(--screen-header-height);margin:var(--screen-header-margin);padding:var(--screen-header-padding);border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0,0,0,0)}.screen-header:not(.screen-header--is-large){border-bottom-color:var(--tone-border-md)}.screen-header.screen-header--is-bordered,.screen-header.screen-header--is-overlaid{border-bottom-color:var(--tone-border-md)}.screen-header-head{position:absolute;top:0;left:0;bottom:0}.screen-header-foot{position:absolute;top:0;right:0;bottom:0}.screen-header-actions{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--screen-header-actions-spacing);border:var(--screen-header-actions-border);border-radius:var(--screen-header-actions-radius);height:var(--screen-header-actions-height);margin:var(--screen-header-actions-margin);padding:var(--screen-header-actions-padding)}.screen-header-body{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:1}@starting-style{.screen-header-body{opacity:0}}} @property --angle{syntax:"";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);gap:var(--screen-footer-spacing);border-top:1px solid var(--tone-border-md);background:rgb(from var(--screen-tone) r g b/85%);height:var(--screen-footer-height);margin:var(--screen-footer-margin);padding:var(--screen-footer-padding)}} @property --angle{syntax:"";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-sm);--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{--label-tone: var(--tone-primary)}.tab-bar-button.button--is-selected .button-picto{--picto-tone: 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{--label-tone: var(--tone-title)}.tab-bar-button:not(.button--is-selected,.button--is-disabled):hover .button-picto{--picto-tone: var(--tone-title)}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.base{.tab-bar{--tab-bar-tone: transparent;--tab-bar-height: 64px;--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;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:"";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:0;left:0;right:0}.screen-header~.screen-tabs{top:var(--screen-header-height)}.screen-tabs{backdrop-filter:blur(16px);display:flex;flex:none;flex-direction:row;align-items:center;justify-content:flex-start;border-bottom:1px solid var(--tone-border-md);background:rgb(from var(--screen-tone) r g b/85%);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.screen-heading+.screen-tabs{--screen-tabs-margin: 48px 0px 0px 0px}.screen-tabs .tab-bar-button{--button-spacing: 6px;--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}@media(max-width: 960px){.screen-heading+.screen-tabs{--screen-tabs-margin: 16px 0px 0px 0px}}} @property --angle{syntax:"";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(64px + 176 * ((100vw - 961px) / 959))}}.screen{--screen-tone: var(--tone-container);--screen-header-height: 64px;--screen-header-margin: 0px;--screen-header-padding: 16px var(--screen-gutter);--screen-header-spacing: 12px;--screen-header-actions-border: none;--screen-header-actions-radius: 0px;--screen-header-actions-height: auto;--screen-header-actions-margin: 0px;--screen-header-actions-spacing: 8px;--screen-header-actions-padding: 0px;--screen-footer-height: 64px;--screen-footer-margin: 0px;--screen-footer-padding: 16px var(--screen-gutter);--screen-footer-spacing: 12px;--screen-heading-height: auto;--screen-heading-margin: 16px 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-heading-back-label-size: var(--text-size-sm);--screen-heading-back-label-tone: var(--tone-primary);--screen-content-height: auto;--screen-content-margin: 0px;--screen-content-padding: 64px var(--screen-gutter);--screen-content-spacing: 48px;--screen-tabs-height: 48px;--screen-tabs-margin: 0px;--screen-tabs-spacing: 24px;--screen-tabs-padding: 0px var(--screen-gutter)}@media(max-width: 960px){.screen{--screen-gutter: 16px;--screen-content-padding: 16px var(--screen-gutter);--screen-content-spacing: 24px}}.screen{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;background:var(--screen-tone);container-type:scroll-state;container-name:screen}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.base{.present,.dismiss{pointer-events:none}.dispose{display:none}} @property --angle{syntax:"";initial-value:0deg;inherits:false}.fade-transition--present{opacity:0}.fade-transition--present.fade-transition--present-active{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:1}.fade-transition--dismiss{opacity:1}.fade-transition--dismiss.fade-transition--dismiss-active{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;transform:scale(0.95)} @property --angle{syntax:"";initial-value:0deg;inherits:false}.recover-user-password-form .section:last-child{gap:16px}.recover-user-password-form-sign-in{display:flex;flex-direction:row;align-items:center;justify-content:center} @property --angle{syntax:"";initial-value:0deg;inherits:false}.recover-user-password-phone-form .section:last-child{gap:16px}.recover-user-password-phone-form-back{display:flex;flex-direction:row;align-items:center;justify-content:center} @property --angle{syntax:"";initial-value:0deg;inherits:false}.recover-user-password-screen .screen-content{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:center;justify-content:center;padding:0px}.recover-user-password-screen .recover-user-password-form,.recover-user-password-screen .recover-user-password-phone-form{flex:none}.recover-user-password-screen-content{min-width:280px;max-width:100%;overflow:visible;width:560px}.recover-user-password-screen-success{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:24px} @property --angle{syntax:"";initial-value:0deg;inherits:false}.reset-user-password-form .section:last-child{gap:16px}.reset-user-password-form-sign-in{display:flex;flex-direction:row;align-items:center;justify-content:center} @property --angle{syntax:"";initial-value:0deg;inherits:false}.reset-user-password-screen .screen-content{display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:center;justify-content:center;padding:0px}.reset-user-password-screen .reset-user-password-form{flex:none}.reset-user-password-screen-content{min-width:280px;max-width:100%;overflow:visible;width:560px}.reset-user-password-screen-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px}.reset-user-password-screen-success,.reset-user-password-screen-invalid{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:24px} @property --angle{syntax:"";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;gap:var(--panel-content-spacing);height:var(--panel-content-height);margin:var(--panel-content-margin);padding:var(--panel-content-padding)}.panel-heading+.panel-content{padding-top:0px}.panel-header--is-large~.panel-content{min-height:100%}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.container.child{.panel-footer{display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--panel-footer-spacing);background:rgb(from var(--panel-tone) r g b/85%);min-height:var(--panel-footer-height);margin:var(--panel-footer-margin);padding:var(--panel-footer-padding);border-top-width:1px;border-top-style:solid;border-top-color:rgba(0,0,0,0)}.panel-footer.panel-footer--is-bordered,.panel-footer.panel-footer--is-overlaid{border-top-color:var(--tone-border-md)}.panel-footer.panel-footer--is-blurried{backdrop-filter:blur(16px)}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.container.base{.panel-stack{--panel-stack-tone: var(--tone-container)}.panel-stack{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--panel-stack-tone);overflow-x:hidden;overflow-y:hidden}.panel-stack .panel{position:absolute;top:0;left:0;right:0;bottom:0}.panel-window{position:absolute;top:0;left:0;right:0;bottom:0}.panel-window.dispose{display:none}.panel-window.panel--present{pointer-events:none}.panel-window.panel--present.enter{opacity:0;transform:translateX(48px)}.panel-window.panel--present.enter.enter-active{transition-property:visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:1;transform:none}.panel-window.panel--present.leave{opacity:1;transform:none}.panel-window.panel--present.leave.leave-active{transition-property:visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;transform:translateX(-48px)}.panel-window.panel--present{pointer-events:none}.panel-window.panel--dismiss{pointer-events:none}.panel-window.panel--dismiss.enter{opacity:0;transform:translate(-48px)}.panel-window.panel--dismiss.enter.enter-active{transition-property:visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:1;transform:none}.panel-window.panel--dismiss.leave{opacity:1;transform:none}.panel-window.panel--dismiss.leave.leave-active{transition-property:visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0;transform:translateX(48px)}.panel-window.panel--dismiss{pointer-events:none}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.container.child{.panel-heading{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;height:var(--panel-heading-height);margin:var(--panel-heading-margin)}.panel-heading-heading{--heading-spacing: var(--panel-heading-spacing);--heading-leading: var(--panel-heading-leading);--heading-title-size: var(--panel-heading-title-size);--heading-title-tone: var(--panel-heading-title-tone);--heading-infos-size: var(--panel-heading-infos-size);--heading-infos-tone: var(--panel-heading-infos-tone)}.panel-heading-heading .heading-title,.panel-heading-heading .heading-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.control.variant{.panel-navigation-bar{--navigation-bar-height: 32px}.panel-navigation-bar .navigation-bar-head,.panel-navigation-bar .navigation-bar-body,.panel-navigation-bar .navigation-bar-foot{transition-property:color,visibility,opacity,transform,translate,rotate,scale;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.panel-navigation-bar .navigation-bar-heading .heading-title,.panel-navigation-bar .navigation-bar-heading .heading-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-header--is-large .panel-navigation-bar .navigation-bar-heading .heading-infos{display:none}.panel-header--is-large .panel-navigation-bar .navigation-bar-body{opacity:0;visibility:hidden;transform:translateY(16px)}.panel-header--is-fixed .panel-navigation-bar .navigation-bar-body{opacity:1;visibility:visible;transform:translateY(0px)}.panel:has(.panel-heading-back) .panel-header--is-large .panel-navigation-bar .navigation-bar-head{opacity:0;visibility:hidden;transform:translateY(16px)}.panel:has(.panel-heading-back) .panel-header--is-fixed .panel-navigation-bar .navigation-bar-head{opacity:1;visibility:visible;transform:translateY(0px)}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.container.child{.panel-header{display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--panel-header-spacing);background:rgb(from var(--panel-tone) r g b/85%);height:var(--panel-header-height);margin:var(--panel-header-margin);padding:var(--panel-header-padding);border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0,0,0,0)}.panel-header.panel-header--is-bordered,.panel-header.panel-header--is-overlaid{border-bottom-color:var(--tone-border-md)}.panel-header.panel-header--is-blurried{backdrop-filter:blur(16px)}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.container.base{.panel{--panel-tone: var(--tone-container);--panel-header-height: 64px;--panel-header-margin: 0px;--panel-header-padding: 16px;--panel-header-spacing: 12px;--panel-footer-height: 64px;--panel-footer-margin: 0px;--panel-footer-padding: 16px;--panel-footer-spacing: 12px;--panel-heading-spacing: 12px;--panel-heading-leading: 2px;--panel-heading-title-size: var(--title-size-lg);--panel-heading-title-tone: var(--tone-title);--panel-heading-infos-size: var(--title-size-sm);--panel-heading-infos-tone: var(--tone-infos);--panel-heading-height: auto;--panel-heading-margin: var(--panel-content-padding-t) var(--panel-content-padding-r) var(--panel-content-spacing) var(--panel-content-padding-l);--panel-content-height: auto;--panel-content-margin: 0px;--panel-content-padding-t: 0px;--panel-content-padding-l: 16px;--panel-content-padding-r: 16px;--panel-content-padding-b: 0px;--panel-content-padding-t-header-is-bordered: 16px;--panel-content-padding-b-footer-is-bordered: 16px;--panel-content-spacing: 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(.container--is-scrollable){overflow:hidden}.panel:not(:has(.panel-header)){--panel-content-padding-t: var(--panel-content-padding-t-header-is-bordered)}.panel:not(:has(.panel-footer)){--panel-content-padding-b: var(--panel-content-padding-b-footer-is-bordered)}.panel:has(.panel-header.panel-header--is-bordered){--panel-content-padding-t: var(--panel-content-padding-t-header-is-bordered)}.panel:has(.panel-footer.panel-footer--is-bordered){--panel-content-padding-b: var(--panel-content-padding-b-footer-is-bordered)}} @property --angle{syntax:"";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:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:1}.waiter--dismiss{opacity:1}.waiter--dismiss.waiter--dismiss-active{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0}} @property --angle{syntax:"";initial-value:0deg;inherits:false}.sign-in-user-form-native-submit{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0} @property --angle{syntax:"";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);letter-spacing:.015em;position:absolute;right:0;bottom:0;line-height:.75;line-break:none;padding:36px}.error-message{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;max-width:640px}.error-message .button{margin-top:12px}.error-message-title{font-weight:var(--font-weight-700);font-family:var(--font-family-sans);letter-spacing:.015em;--label-size: var(--text-size-xl);--label-tone: var(--tone-warning)}.error-message-infos{font-weight:var(--font-weight-400);font-family:var(--font-family-sans);letter-spacing:.015em;--label-size: 48px;--label-tone: var(--tone-title)}} @property --angle{syntax:"";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:"";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-header-tone: transparent;--list-header-height: auto;--list-header-margin: 0px;--list-header-border: none;--list-header-radius: 0px;--list-header-padding: 0px;--list-header-spacing: 12px;--list-header-sticky-offset: 0px;--list-footer-tone: transparent;--list-footer-height: auto;--list-footer-margin: 0px;--list-footer-border: none;--list-footer-radius: 0px;--list-footer-padding: 0px;--list-footer-spacing: 12px;--list-footer-sticky-offset: 0px;--list-content-height: auto;--list-content-margin: 0px;--list-content-spacing: 8px;--list-content-padding: 0px;--list-separator-tone: var(--tone-border-md);--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;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;gap:var(--list-spacing)}.list-collection.collection--present{opacity:0}.list-collection.collection--present.collection--present-active{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:1}.list-collection.collection--dismiss{opacity:1}.list-collection.collection--dismiss.collection--dismiss-active{transition-property:color,visibility,opacity;transition-duration:350ms;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1);opacity:0}.list-header,.list-footer{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;container-type:scroll-state}.list-header{z-index:5;position:sticky;top:var(--list-header-sticky-offset);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:var(--list-header-border);border-radius:var(--list-header-radius);background:var(--list-header-tone);height:var(--list-header-height);margin:var(--list-header-margin);padding:var(--list-header-padding)}.list-header-content{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--list-header-spacing)}.list-footer{z-index:5;position:sticky;bottom:var(--list-footer-sticky-offset);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:var(--list-footer-border);border-radius:var(--list-footer-radius);background:var(--list-footer-tone);height:var(--list-footer-height);margin:var(--list-footer-margin);padding:var(--list-footer-padding)}.list-footer-content{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--list-footer-spacing);align-content:start}.list-header:has(.list-header-content:empty),.list-footer:has(.list-footer-content:empty){display:none}.list-content{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--list-content-spacing);height:var(--list-content-height);margin:var(--list-content-margin);padding:var(--list-content-padding)}}@layer component.style{.list--plain{--list-content-spacing: 0px}.list--plain .list-item,.list--plain .list-item-placeholder{--list-item-tone: transparent;--list-item-border: none;--list-item-radius: none;border-bottom:1px solid var(--tone-border-md)}.list--plain .list-item:first-child,.list--plain .list-item-placeholder:first-child{border-top:1px solid var(--tone-border-md)}.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-tone: transparent;--list-item-border: none;--list-item-radius: none}}@layer component.style{.list--grouped{--list-border: var(--border-sm);--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:var(--list-border)}.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}}@layer component.style{.list--outlined{--list-border: var(--border-md);--list-radius: var(--radius-md);--list-content-spacing: 0px}.list--outlined .list-item,.list--outlined .list-item-placeholder{--list-item-tone: transparent;--list-item-border: none;--list-item-radius: none;border-bottom:var(--list-border)}.list--outlined .list-item:first-child,.list--outlined .list-item-placeholder:first-child{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.list--outlined .list-item:last-child,.list--outlined .list-item-placeholder:last-child{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.list--outlined .list-item:last-child,.list--outlined .list-item-placeholder:last-child{border-style:none}} @property --angle{syntax:"";initial-value:0deg;inherits:false}@layer component.base{.list-item{--list-item-tone: var(--tone-surface);--list-item-height: auto;--list-item-margin: 0px;--list-item-border: var(--border-sm);--list-item-radius: var(--radius-md);--list-item-shadow: none;--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-hovered-tone: var(--tone-highlight);--list-item-selected-tone: var(--tone-highlight);--list-item-disabled-tone: none}.list-item{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--list-item-spacing);border:var(--list-item-border);border-radius:var(--list-item-radius);box-shadow:var(--list-item-shadow);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(--list-item-hovered-tone)}.list-item.list-item--is-selected{background:var(--list-item-selected-tone)}.list-item.list-item--is-disabled{background:var(--list-item-disabled-tone)}.list-item.list-item--is-dragging{z-index:5}.list-item.list-item--is-dragging:before{opacity:0;visibility:hidden}.list-item-content{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--list-item-spacing)}.list-item-arrow{--picto-size: var(--list-item-arrow-size);--picto-tone: var(--list-item-arrow-tone)}}@layer component.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: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:"";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:"";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;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:"";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:"";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:"";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;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:"";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: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: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:"";initial-value:0deg;inherits:false}@layer components.base{.title-bar{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}.title-bar-head{position:relative;display:flex;flex:none;flex-direction:column;align-items:flex-start;justify-content:center}.title-bar-body{position:relative;display:flex;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start}.title-bar-picto{border-radius:40px;height:40px;width:40px;font-size:16px;--fa-primary-color:var(--tone-primary);--fa-secondary-color:var(--tone-primary);--fa-primary-opacity:1;--fa-secondary-opacity:.25;color:var(--tone-primary);background-color:var(--tone-primary-container)}.title-bar-title{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;color:var(--tone-label);font-weight:var(--font-weight-500);font-size:var(--text-size-sm);font-family:var(--font-family-sans);letter-spacing:.015em}.title-bar-infos{flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%;color:var(--tone-infos);font-weight:var(--font-weight-400);font-size:var(--text-size-xs);font-family:var(--font-family-sans);letter-spacing:.015em}} @property --angle{syntax:"";initial-value:0deg;inherits:false}.user-membership-list-item .title-bar .title-bar-title,.user-membership-list-item .title-bar .title-bar-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-membership-list-item-image{flex:none;border-radius:40px;height:40px;width:40px;background:linear-gradient(to bottom right, var(--color-purple-500), var(--color-purple-600))} @property --angle{syntax:"";initial-value:0deg;inherits:false}.league-list-item .title-bar .title-bar-title,.league-list-item .title-bar .title-bar-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.league-list-item-image{flex:none;border-radius:40px;height:40px;width:40px;background:linear-gradient(to bottom right, var(--color-purple-500), var(--color-purple-600))}.league-list-item-badge{border-radius:var(--radius-md);position:relative;background:var(--tone-primary);padding:4px;padding-left:12px;padding-right:12px;color:var(--tone-primary-on);font-weight:var(--font-weight-500);font-size:var(--text-size-xs);font-family:var(--font-family-sans);letter-spacing:.015em} @property --angle{syntax:"";initial-value:0deg;inherits:false}.league-authenticate-form{--tone-input: var(--tone-input-variant);--tone-stroke: var(--tone-input-variant);--tone-border: var(--tone-input-variant)}.league-authenticate-form-native-submit{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0} @property --angle{syntax:"";initial-value:0deg;inherits:false}.league-authentication-modal .modal-content{padding-left:40px;padding-right:40px;padding-bottom:40px}.league-authentication-modal .modal-footer{display:flex;flex-direction:row;align-items:center;justify-content:stretch;gap:12px}.league-authentication-modal-form{border-radius:var(--radius-md);border:1px solid var(--tone-border-md);padding:40px;margin-top:24px}.league-authentication-modal-switch{color:var(--tone-infos);font-weight:var(--font-weight-400);font-size:var(--text-size-xs);font-family:var(--font-family-sans);letter-spacing:.015em;display:block;width:100%;margin-top:20px;padding:0;border:0;background:rgba(0,0,0,0);text-align:center;text-decoration:underline;cursor:pointer;color:var(--color-purple-400)}.league-authentication-modal-switch:hover{color:var(--color-purple-300)}.league-authentication-modal-choices{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;margin-top:24px}.league-authentication-modal-error{color:var(--color-red-400);font-weight:var(--font-weight-400);font-size:var(--text-size-xs);font-family:var(--font-family-sans);letter-spacing:.015em;text-align:center;margin-bottom:4px}.league-authentication-modal-summary{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:24px}.league-authentication-modal-summary-head{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px}.league-authentication-modal-summary-body{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px}.league-authentication-modal-summary-line{background:var(--tone-border);height:1px;width:36px}.league-authentication-modal-summary-title{color:var(--tone-title);font-weight:var(--font-weight-500);font-size:var(--text-size-lg);font-family:var(--font-family-sans);letter-spacing:.015em;text-align:center}.league-authentication-modal-summary-infos{color:var(--tone-infos);font-weight:var(--font-weight-400);font-size:var(--text-size-xs);font-family:var(--font-family-sans);letter-spacing:.015em;text-align:center}.league-authentication-modal-player-icon{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;border-radius:56px;height:56px;width:56px;background:linear-gradient(to bottom right, var(--color-purple-500), var(--color-purple-600))}.league-authentication-modal-player-icon-image{flex:none;border-radius:56px;height:56px;width:56px}.league-authentication-modal-player-icon-label{font-size:28px;font-weight:var(--font-weight-500);text-transform:uppercase}.league-authentication-modal-league-icon{flex:none;border-radius:56px;height:56px;width:56px;background:linear-gradient(to bottom right, var(--color-purple-500), var(--color-purple-600))} @property --angle{syntax:"";initial-value:0deg;inherits:false}.league-connection-modal{--modal-content-spacing: 0px}.league-connection-modal .message{flex:1 0 auto}.league-connection-modal-search{z-index:5;position:sticky;top:64px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-bottom:1px solid var(--tone-border-md);padding:16px}.league-connection-modal-list{display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start} @property --angle{syntax:"";initial-value:0deg;inherits:false}.sign-in-user-league-selection-panel-search{z-index:5;position:sticky;top:80px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:var(--tone-container);padding-top:4px;padding-bottom:16px} @property --angle{syntax:"";initial-value:0deg;inherits:false}.membership-list-item{border:1px solid var(--tone-border-md);background:rgba(0,0,0,0)}.membership-list-item .title-bar .title-bar-title,.membership-list-item .title-bar .title-bar-infos{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.membership-list-item-image{flex:none;border-radius:40px;height:40px;width:40px;background:linear-gradient(to bottom right, var(--color-purple-500), var(--color-purple-600))}.membership-list-item-status{position:relative;border-radius:var(--radius-md);padding:4px;padding-left:12px;padding-right:12px}.membership-list-item-status.membership-list-item-status--active{color:var(--tone-primary);font-weight:var(--font-weight-500);font-size:var(--text-size-xs);font-family:var(--font-family-sans);letter-spacing:.015em;border:1px solid var(--tone-border-md)}.membership-list-item-status.membership-list-item-status--inactive{color:var(--tone-primary-on);font-weight:var(--font-weight-500);font-size:var(--text-size-xs);font-family:var(--font-family-sans);letter-spacing:.015em;background:var(--tone-primary)} @property --angle{syntax:"";initial-value:0deg;inherits:false}.sign-up-user-league-connection-panel .panel-footer{gap:16px}.sign-up-user-screen .sign-up-user-league-connection-panel.panel .panel-content{padding-top:0px}.sign-in-user-league-selection-panel-message{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px}.sign-in-user-league-selection-panel-message-title{color:var(--tone-title);font-weight:var(--font-weight-500);font-size:var(--title-size-xl);font-family:var(--font-family-sans);letter-spacing:.015em}.sign-in-user-league-selection-panel-message-infos{color:var(--tone-infos);font-weight:var(--font-weight-400);font-size:var(--text-size-sm);font-family:var(--font-family-sans);letter-spacing:.015em} @property --angle{syntax:"";initial-value:0deg;inherits:false}.sign-in-user-email-confirmation-panel .panel-footer{gap:16px}.sign-in-user-email-confirmation-panel-hint{font-weight:var(--font-weight-400);font-size:var(--text-size-sm);font-family:var(--font-family-sans);letter-spacing:.015em;text-align:center;opacity:.7} @property --angle{syntax:"";initial-value:0deg;inherits:false}.sign-in-user-authentication-panel .panel-footer{gap:16px}.sign-in-user-authentication-panel-sign-up{display:flex;flex-direction:row;align-items:center;justify-content:center} @property --angle{syntax:"";initial-value:0deg;inherits:false}.sign-in-user-screen{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.sign-in-user-screen .panel-stack{position:relative;background:rgba(0,0,0,0);height:100%;min-width:280px;max-width:100%;overflow:visible;width:560px}.sign-in-user-screen .panel-window:not(.dispose){display:flex;flex-direction:column;align-items:stretch;justify-content:center}.sign-in-user-screen .panel{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:stretch;justify-content:flex-start;background:rgba(0,0,0,0);max-height:580px}.sign-in-user-screen .panel .panel-header .panel-header-navigation-bar .title-bar-title{font-size:var(--font-size-xl)}.sign-in-user-screen .panel .panel-header .panel-header-navigation-bar .title-bar-infos{font-size:var(--font-size-sm)}.sign-in-user-screen .panel .panel-content{display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;padding-top:24px;padding-bottom:24px}.sign-in-user-screen .panel .panel-content .form{flex:none} @property --angle{syntax:"";initial-value:0deg;inherits:false}.sign-up-user-form .text-input-prefix{color:rgb(from var(--tone-text) r g b/50%);padding:0px;padding-left:12px;white-space:nowrap} @property --angle{syntax:"";initial-value:0deg;inherits:false}.sign-up-user-registration-panel .panel-footer{gap:16px}.sign-up-user-registration-panel-sign-in{display:flex;flex-direction:row;align-items:center;justify-content:center} @property --angle{syntax:"";initial-value:0deg;inherits:false}.sign-up-user-screen{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.sign-up-user-screen .panel-stack{position:relative;background:rgba(0,0,0,0);height:100%;min-width:280px;max-width:100%;overflow:visible;width:560px}.sign-up-user-screen .panel-window:not(.dispose){display:flex;flex-direction:column;align-items:stretch;justify-content:center}.sign-up-user-screen .panel{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:stretch;justify-content:flex-start;background:rgba(0,0,0,0);max-height:720px}.sign-up-user-screen .panel .panel-header .panel-header-navigation-bar .title-bar-title{font-size:var(--font-size-xl)}.sign-up-user-screen .panel .panel-header .panel-header-navigation-bar .title-bar-infos{font-size:var(--font-size-sm)}.sign-up-user-screen .panel .panel-content{display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;padding-top:24px;padding-bottom:24px}.sign-up-user-screen .panel .panel-content .form{flex:none} @property --angle{syntax:"";initial-value:0deg;inherits:false}.verify-user-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:72px}.verify-user-screen-label{font-weight:var(--font-weight-400);font-size:var(--text-size-md);font-family:var(--font-family-sans);letter-spacing:.015em} .league-logo-crop-modal-stage{position:relative;width:100%;height:280px;overflow:hidden;background:#1a1a1a}.league-logo-crop-modal-zoom{display:flex;flex-direction:column;gap:8px;margin-top:16px}.league-logo-crop-modal-zoom span{font-size:13px;opacity:.8}.league-logo-crop-modal-zoom input[type=range]{width:100%} @property --angle{syntax:"";initial-value:0deg;inherits:false}.address-autocomplete-field{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.pac-container{z-index:1100;margin-top:8px;padding:4px 0;border:1px solid var(--tone-border);border-radius:12px;background-color:var(--tone-container-below);box-shadow:var(--shadow-lg);color:var(--tone-text);font-family:inherit}.pac-item{padding:10px 16px;border:0;border-top:1px solid var(--tone-border);color:var(--tone-infos);font-size:var(--font-size-xs);line-height:1.4;cursor:pointer}.pac-item:first-child{border-top:0}.pac-item:hover,.pac-item.pac-item-selected{background-color:var(--tone-highlight-primary)}.pac-item-query{color:var(--tone-title);font-size:var(--font-size-sm);font-weight:600}.pac-matched{color:var(--tone-text)}.theme-dark .pac-container.pac-logo::after{filter:grayscale(1) invert(1)} @property --angle{syntax:"";initial-value:0deg;inherits:false}.affiliation-selection-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;appearance:none;border:1px solid var(--tone-border);border-radius:var(--radius-lg);background:var(--tone-container);padding:32px 24px;cursor:pointer;transition:border-color 200ms,background 200ms,transform 200ms;min-height:180px}.affiliation-selection-card:hover{border-color:var(--tone-primary);background:var(--tone-container-above);transform:translateY(-2px)}.affiliation-selection-card:active{transform:translateY(0)}.affiliation-selection-card--is-selected{border-color:var(--tone-primary);background:var(--tone-container-above);box-shadow:inset 0 0 0 1px var(--tone-primary)}.affiliation-selection-card-picto{font-size:var(--font-size-xxl);color:var(--tone-primary)}.affiliation-selection-card-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.affiliation-selection-card-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-600);color:var(--tone-text)}.affiliation-selection-card-infos{font-size:var(--font-size-sm);color:rgb(from var(--tone-text) r g b/50%);line-height:1.4} @property --angle{syntax:"";initial-value:0deg;inherits:false}.affiliation-selection-grid{display:flex;flex-direction:row;align-items:center;justify-content:stretch;gap:16px}.affiliation-selection-grid>*{flex:1} @property --angle{syntax:"";initial-value:0deg;inherits:false} @property --angle{syntax:"";initial-value:0deg;inherits:false}.create-league-account-panel .panel-footer{gap:16px}.create-league-account-panel-switch{display:flex;flex-direction:row;align-items:center;justify-content:center} @property --angle{syntax:"";initial-value:0deg;inherits:false}.create-league-review-panel-summary{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:20px}.create-league-review-panel-summary .title-bar-title{font-size:var(--font-size-sm);color:rgb(from var(--tone-text) r g b/50%)}.create-league-review-panel-summary .title-bar-infos{font-size:var(--font-size-md);color:var(--tone-text)} @property --angle{syntax:"";initial-value:0deg;inherits:false}.create-league-affiliation-panel-form:not(:empty){margin-top:24px} @property --angle{syntax:"";initial-value:0deg;inherits:false}.create-league-language-panel .panel-footer{gap:16px}.create-league-language-panel .radio-group-body{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;width:100%}.create-league-language-panel .radio-input{border-radius:var(--radius-md);border:1px solid var(--tone-border-md);width:100%;padding:16px 20px}.create-league-language-panel .radio-input .input-field{align-items:center}.create-league-language-panel .radio-input .radio-input-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%}.create-league-language-panel .radio-input .radio-input-label{white-space:normal}.create-league-language-panel .radio-input:hover{border-color:var(--tone-primary)}.create-league-language-panel .radio-input.radio-input--is-selected{border-color:var(--tone-primary);background:rgb(from var(--tone-primary) r g b/12%)}.create-league-language-panel-skip{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:8px} @property --angle{syntax:"";initial-value:0deg;inherits:false} @property --angle{syntax:"";initial-value:0deg;inherits:false}.create-league-address-panel .radio-group-body{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;width:100%}.create-league-address-panel .radio-input{border-radius:var(--radius-md);border:1px solid var(--tone-border-md);width:100%;padding:16px 20px}.create-league-address-panel .radio-input .input-field{align-items:center}.create-league-address-panel .radio-input .radio-input-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%}.create-league-address-panel .radio-input .radio-input-label{white-space:normal}.create-league-address-panel .radio-input:hover{border-color:var(--tone-primary)}.create-league-address-panel .radio-input.radio-input--is-selected{border-color:var(--tone-primary);background:rgb(from var(--tone-primary) r g b/12%)} @property --angle{syntax:"";initial-value:0deg;inherits:false} @property --angle{syntax:"";initial-value:0deg;inherits:false}.create-league-branding-panel .radio-group-body{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;width:100%}.create-league-branding-panel .radio-input{border-radius:var(--radius-md);border:1px solid var(--tone-border-md);width:100%;padding:16px 20px}.create-league-branding-panel .radio-input .input-field{align-items:center}.create-league-branding-panel .radio-input .radio-input-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;flex:1 1 auto;min-width:0;max-width:100%;min-height:0;max-height:100%}.create-league-branding-panel .radio-input .radio-input-label{white-space:normal}.create-league-branding-panel .radio-input:hover{border-color:var(--tone-primary)}.create-league-branding-panel .radio-input.radio-input--is-selected{border-color:var(--tone-primary);background:rgb(from var(--tone-primary) r g b/12%)}.create-league-branding-panel-generic{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px}.create-league-branding-panel-generic-option{display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--tone-border-md);appearance:none;aspect-ratio:1/1;padding:16px;background:var(--tone-container);cursor:pointer;transition:border-color 200ms,background 200ms}.create-league-branding-panel-generic-option img{width:100%;height:100%;object-fit:contain}.create-league-branding-panel-generic-option:hover{border-color:var(--tone-primary)}.create-league-branding-panel-generic-option.create-league-branding-panel-generic-option--selected{border-color:var(--tone-primary);background:rgb(from var(--tone-primary) r g b/12%)} @property --angle{syntax:"";initial-value:0deg;inherits:false} @property --angle{syntax:"";initial-value:0deg;inherits:false}.create-league-showcase-animation{--showcase-bg: #121212;--showcase-window: #181818;--showcase-text: #F4F4F4;--showcase-text-soft: #D6D6D6;--showcase-text-muted: #A6A6A6;--showcase-accent: #D41935;--showcase-accent-text: #FF7A7B;--showcase-accent-soft: #FFC6C3;--showcase-accent-deep: #670009;--showcase-brand: #D41935;--showcase-brand-ink: #FFFFFF;--showcase-brand-alt: #FFFFFF;--showcase-brand-alt-ink: #141414;--showcase-selection: #FF7A7B;--showcase-live: #34D399;--showcase-live-text: #6EE7B7;--showcase-border-style: dashed;--showcase-line: rgba(255, 255, 255, 0.2);--showcase-divider: rgba(255, 255, 255, 0.16);--showcase-skeleton: rgba(255, 255, 255, 0.12);--showcase-ghost: rgba(255, 255, 255, 0.07);--showcase-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box;padding:48px;padding-top:var(--create-league-content-top, 48px);overflow:hidden;background-color:var(--showcase-bg);background-image:radial-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px);background-size:20px 20px;color:var(--showcase-text)}.create-league-showcase-animation *,.create-league-showcase-animation *::before,.create-league-showcase-animation *::after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){.create-league-showcase-animation *,.create-league-showcase-animation *::before,.create-league-showcase-animation *::after{transition:none !important;animation:none !important}}.create-league-showcase-animation--live{--showcase-border-style: solid;--showcase-line: rgba(255, 255, 255, 0.1);--showcase-divider: rgba(255, 255, 255, 0.08)}.create-league-showcase-stage{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:24px;width:100%;max-width:580px}.create-league-showcase-heading{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;font-family:var(--showcase-mono);font-size:11px;letter-spacing:.12em;color:var(--showcase-text-muted)}.create-league-showcase-heading .create-league-showcase-heading-dot{width:7px;height:7px;border-radius:50%;background:var(--showcase-accent-text);transition:background-color 600ms ease}.create-league-showcase-animation--live .create-league-showcase-heading .create-league-showcase-heading-dot{background:var(--showcase-live)}.create-league-showcase-window{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:1px var(--showcase-border-style) rgba(255,255,255,.22);border-radius:12px;background:var(--showcase-window);transition:border-color 900ms ease,box-shadow 900ms ease}.create-league-showcase-animation--live .create-league-showcase-window{border-color:rgba(255,122,123,.45);box-shadow:0 30px 80px rgba(212,25,53,.28)}.create-league-showcase-chrome{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;height:50px;padding:0 16px;border-bottom:1px var(--showcase-border-style) var(--showcase-divider)}.create-league-showcase-chrome .create-league-showcase-chrome-dots{display:flex;gap:6px}.create-league-showcase-chrome .create-league-showcase-chrome-dots span{width:9px;height:9px;border-radius:50%;border:1px solid rgba(255,255,255,.28)}.create-league-showcase-url{position:relative;flex:1 1 auto;min-width:0}.create-league-showcase-url .create-league-showcase-url-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:28px;padding:0 12px;border:1px var(--showcase-border-style) rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.04);font-family:var(--showcase-mono);font-size:11.5px;color:var(--showcase-text-muted);white-space:nowrap;overflow:hidden}.create-league-showcase-url .create-league-showcase-url-field .create-league-showcase-icon{flex:none;margin-right:8px;color:rgba(255,255,255,.35);transition:color 400ms ease}.create-league-showcase-url .create-league-showcase-url-field .create-league-showcase-slot{margin:0 2px;color:var(--showcase-text);font-weight:500}.create-league-showcase-url .create-league-showcase-url-field .create-league-showcase-slot-skeleton{height:7px}.create-league-showcase-url .create-league-showcase-url-field--filled .create-league-showcase-icon{color:var(--showcase-accent-text)}.create-league-showcase-url .create-league-showcase-selection{border-radius:18px}.create-league-showcase-status{position:relative;flex:none;width:92px;height:24px}.create-league-showcase-status .create-league-showcase-status-draft{display:flex;flex-direction:row;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.24);border-radius:12px;font-family:var(--showcase-mono);font-size:10px;letter-spacing:.08em;color:var(--showcase-text-muted)}.create-league-showcase-status .create-league-showcase-status-live{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;border-radius:12px;background:rgba(52,211,153,.12);font-size:11.5px;font-weight:600;color:var(--showcase-live-text)}.create-league-showcase-status .create-league-showcase-status-live-dot{width:6px;height:6px;border-radius:50%;background:var(--showcase-live)}.create-league-showcase-page{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px;padding:18px 20px 0}.create-league-showcase-header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;height:40px}.create-league-showcase-brand{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;flex:0 1 auto;min-width:0}.create-league-showcase-brand .create-league-showcase-brand-name{font-size:15px;font-weight:700;line-height:20px}.create-league-showcase-brand .create-league-showcase-slot-skeleton{height:9px}.create-league-showcase-logo{position:relative;flex:none;width:36px;height:36px}.create-league-showcase-logo .create-league-showcase-logo-placeholder{border:1px var(--showcase-border-style) rgba(255,255,255,.3);border-radius:8px;overflow:hidden}.create-league-showcase-logo.create-league-showcase-logo--image .create-league-showcase-logo-filled{background:rgba(0,0,0,0)}.create-league-showcase-logo .create-league-showcase-logo-filled{display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;background:var(--showcase-brand);color:var(--showcase-brand-ink);font-size:17px;transition:opacity 450ms cubic-bezier(0.2, 0.8, 0.2, 1),transform 450ms cubic-bezier(0.2, 0.8, 0.2, 1),background-color 300ms ease,color 300ms ease;font-weight:700}.create-league-showcase-logo .create-league-showcase-logo-filled img{width:100%;height:100%;object-fit:cover}.create-league-showcase-nav{position:relative;flex:0 1 290px;min-width:0;height:22px;margin-left:auto}.create-league-showcase-nav .create-league-showcase-nav-placeholder,.create-league-showcase-nav .create-league-showcase-nav-items{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;overflow:hidden}.create-league-showcase-nav .create-league-showcase-nav-placeholder{gap:14px}.create-league-showcase-nav .create-league-showcase-nav-placeholder span{flex:none;width:46px;height:7px;border-radius:4px;background:var(--showcase-skeleton)}.create-league-showcase-nav .create-league-showcase-nav-placeholder span:nth-child(2){width:52px}.create-league-showcase-nav .create-league-showcase-nav-placeholder span:nth-child(3){width:40px}.create-league-showcase-nav .create-league-showcase-nav-items{gap:16px;font-size:12.5px;font-weight:500;color:var(--showcase-text-soft)}.create-league-showcase-nav .create-league-showcase-nav-items span{flex:none;white-space:nowrap}.create-league-showcase-hero{position:relative;display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;gap:18px;height:214px;padding:22px;border:1px var(--showcase-border-style) var(--showcase-line);border-radius:10px;background-image:repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0, rgba(255, 255, 255, 0.03) 1px, transparent 1px, transparent 11px)}.create-league-showcase-animation--live .create-league-showcase-hero{background-image:none;background-color:rgba(255,255,255,.02)}.create-league-showcase-hero-content{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex:1 1 auto;min-width:0}.create-league-showcase-hero-content .create-league-showcase-hero-badge,.create-league-showcase-hero-content .create-league-showcase-hero-title,.create-league-showcase-hero-content .create-league-showcase-hero-subtitle{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;min-width:0}.create-league-showcase-hero-content .create-league-showcase-hero-badge{height:20px;font-size:10px}.create-league-showcase-hero-content .create-league-showcase-hero-badge .create-league-showcase-slot-skeleton{height:8px}.create-league-showcase-hero-content .create-league-showcase-hero-title{height:40px;margin-top:12px;font-size:30px;font-weight:700;letter-spacing:-0.01em;line-height:40px}.create-league-showcase-hero-content .create-league-showcase-hero-title .create-league-showcase-slot-skeleton{height:16px}.create-league-showcase-hero-content .create-league-showcase-hero-subtitle{height:18px;margin-top:8px;font-size:13px;line-height:18px;color:var(--showcase-text-muted)}.create-league-showcase-hero-content .create-league-showcase-hero-subtitle .create-league-showcase-slot-skeleton{height:8px}.create-league-showcase-hero-cta{display:flex;flex-direction:row;align-items:center;justify-content:center;width:150px;height:36px;margin-top:auto;border:1px dashed rgba(255,255,255,.3);border-radius:8px;transition:background-color 300ms ease,border-color 300ms ease}.create-league-showcase-hero-cta span{width:60px;height:7px;border-radius:4px;background:var(--showcase-skeleton);transition:background-color 300ms ease}.create-league-showcase-hero-cta.create-league-showcase-hero-cta--branded{border-color:rgba(0,0,0,0);background:var(--showcase-brand-alt)}.create-league-showcase-hero-cta.create-league-showcase-hero-cta--branded span{background:var(--showcase-brand-alt-ink);opacity:.75}.create-league-showcase-hero-media{position:relative;flex:none;width:150px}.create-league-showcase-hero-media .create-league-showcase-hero-placeholder{border:1px dashed rgba(255,255,255,.24);border-radius:8px;overflow:hidden}.create-league-showcase-hero-media .create-league-showcase-hero-placeholder span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:2px 6px;background:var(--showcase-window);font-family:var(--showcase-mono);font-size:10px;letter-spacing:.1em;color:var(--showcase-text-muted)}.create-league-showcase-hero-media .create-league-showcase-hero-image{display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:8px;background:var(--showcase-accent-deep);background:color-mix(in srgb, var(--showcase-brand) 40%, var(--showcase-window));color:var(--showcase-accent-soft)}.create-league-showcase-sections{position:relative;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px;min-height:150px}.create-league-showcase-section{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;min-width:0;padding:14px;border:1px var(--showcase-border-style) var(--showcase-line);border-radius:8px}.create-league-showcase-section .create-league-showcase-section-title{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:16px;font-size:12.5px;font-weight:700;line-height:16px}.create-league-showcase-section .create-league-showcase-section-title .create-league-showcase-slot-skeleton{height:8px}.create-league-showcase-section .create-league-showcase-section-line{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}.create-league-showcase-section .create-league-showcase-section-line i{flex:none;width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.create-league-showcase-section .create-league-showcase-section-line span{width:100%;height:6px;border-radius:3px;background:var(--showcase-ghost)}.create-league-showcase-section .create-league-showcase-section-line:nth-child(3) span{width:78%}.create-league-showcase-section .create-league-showcase-section-line:nth-child(4) span{width:56%}.create-league-showcase-footer{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;height:76px;margin-top:16px;padding:0 20px;border-top:1px var(--showcase-border-style) var(--showcase-divider)}.create-league-showcase-contact{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:28px;min-width:0}.create-league-showcase-contact .create-league-showcase-selection{inset:-8px}.create-league-showcase-contact-lines{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;min-width:0}.create-league-showcase-contact-lines .create-league-showcase-slot{height:16px;line-height:16px}.create-league-showcase-contact-lines .create-league-showcase-contact-name{font-size:12.5px;font-weight:600}.create-league-showcase-contact-lines .create-league-showcase-contact-email{font-size:12px;color:var(--showcase-text-muted)}.create-league-showcase-contact-lines .create-league-showcase-slot-skeleton{height:7px}.create-league-showcase-contact-place{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;min-width:0}.create-league-showcase-contact-city{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;height:16px;font-size:12px;color:var(--showcase-text-muted)}.create-league-showcase-contact-city .create-league-showcase-icon{flex:none}.create-league-showcase-contact-city .create-league-showcase-slot-skeleton{height:7px}.create-league-showcase-badges{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex:none;height:24px;margin-left:auto}.create-league-showcase-badges .create-league-showcase-badges-placeholder{width:110px;height:20px;border:1px dashed rgba(255,255,255,.24);border-radius:10px;transition:width 260ms cubic-bezier(0.2, 0.8, 0.2, 1),opacity 180ms ease}.create-league-showcase-badges .create-league-showcase-badges-placeholder--hidden{width:0;opacity:0}.create-league-showcase-badges .create-league-showcase-pill--plan{margin-left:8px}.create-league-showcase-badges .create-league-showcase-selection{inset:-7px}.create-league-showcase-pill{display:inline-block;padding:3px 8px;border:1px solid rgba(255,255,255,.2);border-radius:10px;font-family:var(--showcase-mono);font-size:10px;letter-spacing:.08em;color:var(--showcase-text-soft)}.create-league-showcase-pill.create-league-showcase-pill--accent{border-color:rgba(255,122,123,.5);color:var(--showcase-accent-soft)}.create-league-showcase-pill.create-league-showcase-pill--plan{padding:3px 9px;border-color:rgba(0,0,0,0);background:rgba(212,25,53,.25);font-family:inherit;font-size:11px;font-weight:600;letter-spacing:0;color:#d9ccff}.create-league-showcase-caption{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px}.create-league-showcase-caption .create-league-showcase-progress{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:6px}.create-league-showcase-caption .create-league-showcase-progress-segment{height:3px;border-radius:2px;background:rgba(255,255,255,.12);transition:background-color 400ms ease}.create-league-showcase-caption .create-league-showcase-progress-segment--done{background:var(--showcase-accent-text)}.create-league-showcase-caption .create-league-showcase-caption-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;animation:create-league-showcase-caption-in 400ms cubic-bezier(0.2, 0.8, 0.2, 1) both}.create-league-showcase-caption .create-league-showcase-caption-label{font-family:var(--showcase-mono);font-size:11px;letter-spacing:.1em;color:var(--showcase-accent-text)}.create-league-showcase-caption .create-league-showcase-caption-text{max-width:460px;font-size:15px;line-height:1.5;color:var(--showcase-text-soft)}@keyframes create-league-showcase-caption-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.create-league-showcase-slot{display:inline-flex;align-items:center;min-width:0;max-width:100%}.create-league-showcase-slot .create-league-showcase-slot-skeleton{flex:none;width:var(--showcase-skeleton-width, 6em);height:.6em;border-radius:1em;background:var(--showcase-skeleton);transition:width 260ms cubic-bezier(0.2, 0.8, 0.2, 1),opacity 180ms ease}.create-league-showcase-slot .create-league-showcase-slot-text{display:inline-grid;grid-template-columns:0fr;min-width:0;opacity:0;transition:grid-template-columns calc(var(--showcase-type-steps, 12)*45ms) steps(var(--showcase-type-steps, 12)),opacity 120ms linear}.create-league-showcase-slot .create-league-showcase-slot-text-inner{min-width:0;overflow:hidden;white-space:nowrap}.create-league-showcase-slot--filled .create-league-showcase-slot-skeleton{width:0;opacity:0}.create-league-showcase-slot--filled .create-league-showcase-slot-text{grid-template-columns:1fr;opacity:1;transition-delay:var(--showcase-type-delay, 0ms)}.create-league-showcase-layer{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity 450ms cubic-bezier(0.2, 0.8, 0.2, 1),transform 450ms cubic-bezier(0.2, 0.8, 0.2, 1)}.create-league-showcase-layer.create-league-showcase-layer--visible{opacity:1;transform:none;transition-delay:var(--showcase-layer-delay, 0ms)}.create-league-showcase-selection{position:absolute;inset:-6px;border:1.5px solid var(--showcase-selection);border-radius:6px;pointer-events:none;opacity:0;transform:scale(1.03);transition:opacity 300ms ease,transform 300ms cubic-bezier(0.2, 0.8, 0.2, 1)}.create-league-showcase-selection.create-league-showcase-selection--visible{opacity:1;transform:none;transition-delay:550ms}.create-league-showcase-selection .create-league-showcase-selection-handle{position:absolute;width:7px;height:7px;border:1.5px solid var(--showcase-selection);background:var(--showcase-bg)}.create-league-showcase-selection .create-league-showcase-selection-handle:nth-child(1){top:-4px;left:-4px}.create-league-showcase-selection .create-league-showcase-selection-handle:nth-child(2){top:-4px;right:-4px}.create-league-showcase-selection .create-league-showcase-selection-handle:nth-child(3){bottom:-4px;left:-4px}.create-league-showcase-selection .create-league-showcase-selection-handle:nth-child(4){bottom:-4px;right:-4px}.create-league-showcase-selection .create-league-showcase-selection-tag{position:absolute;top:-24px;left:-1.5px;padding:3px 7px;border-radius:4px;background:var(--showcase-accent);color:#fff;font-family:var(--showcase-mono);font-size:10px;letter-spacing:.04em;line-height:1.2;white-space:nowrap}.create-league-showcase-selection.create-league-showcase-selection--bottom .create-league-showcase-selection-tag,.create-league-showcase-selection.create-league-showcase-selection--bottom-end .create-league-showcase-selection-tag{top:auto;bottom:-25px}.create-league-showcase-selection.create-league-showcase-selection--top-end .create-league-showcase-selection-tag,.create-league-showcase-selection.create-league-showcase-selection--bottom-end .create-league-showcase-selection-tag{left:auto;right:-1.5px}.create-league-showcase-cross{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.create-league-showcase-cross line{stroke:rgba(255,255,255,.18);stroke-width:1}.create-league-showcase-icon{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.create-league-showcase-icon.create-league-showcase-icon--thin{stroke-width:1.5} @property --angle{syntax:"";initial-value:0deg;inherits:false}.create-league-showcase-video{position:absolute;top:0;left:0;right:0;bottom:0}.create-league-showcase-video .create-league-showcase-video-media{display:block;width:100%;height:100%;object-fit:cover} @property --angle{syntax:"";initial-value:0deg;inherits:false}.create-league-showcase{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden} @property --angle{syntax:"";initial-value:0deg;inherits:false}.create-league-screen{--create-league-logo-offset: 36px;--create-league-logo-size: 24px;--create-league-content-top: calc( var(--create-league-logo-offset) + var(--create-league-logo-size) + 24px );display:flex;flex-direction:row;align-items:stretch;justify-content:stretch}.create-league-screen .create-league-screen-form{position:relative;display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;padding:var(--create-league-content-top) var(--create-league-logo-offset) 0}.create-league-screen .create-league-screen-showcase{position:relative;display:flex;flex:1 1 0;min-width:0;overflow:hidden;background:var(--tone-container)}@media(max-width: 960px){.create-league-screen .create-league-screen-showcase{display:none}}.create-league-screen .panel-stack{position:relative;background:rgba(0,0,0,0);height:100%;min-width:280px;max-width:100%;overflow:visible;width:560px}.create-league-screen .panel-window:not(.dispose){display:flex;flex-direction:column;align-items:stretch;justify-content:center}.create-league-screen .panel{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:stretch;justify-content:flex-start;background:rgba(0,0,0,0)}.create-league-screen .panel .panel-header .panel-header-navigation-bar .title-bar-title{font-size:var(--font-size-xl)}.create-league-screen .panel .panel-header .panel-header-navigation-bar .title-bar-infos{font-size:var(--font-size-sm)}.create-league-screen .panel .panel-content{display:flex;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;padding-top:24px;padding-bottom:24px}.create-league-screen .panel .panel-content .form{flex:none} @property --angle{syntax:"";initial-value:0deg;inherits:false}.auth-layout{position:relative;display:flex;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:flex-start;background:var(--tone-container)}.auth-layout .panel{--panel-heading-title-size: var(--title-size-lg)}.auth-layout .panel-navigation-bar{--navigation-bar-heading-title-size: var(--title-size-lg);--navigation-bar-heading-infos-size: var(--title-size-sm)}.auth-layout .form-col{gap:20px}.auth-layout-logo{z-index:5;position:fixed;top:36px;left:36px;height:24px}.auth-layout-actions{z-index:5;position:fixed;top:36px;right:36px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:12px}.theme-dark .auth-layout-logo-text{fill:var(--tone-white)}@media(prefers-color-scheme: dark){.theme-auto .auth-layout-logo-text{fill:var(--tone-white)}}.auth-layout-content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.auth-layout-content .screen{background:rgba(0,0,0,0)}.auth-layout--phone-pending .auth-layout-content{padding-top:72px} @property --angle{syntax:"";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:default,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}