@charset "UTF-8";html{color-scheme:light dark;--mat-sys-background: light-dark(#f9faf6, #111412);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f0f1ed, #2e312f);--mat-sys-inverse-primary: light-dark(#a0d2b3, #3a684f);--mat-sys-inverse-surface: light-dark(#2e312f, #e2e3df);--mat-sys-on-background: light-dark(#1a1c1a, #e2e3df);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #053823);--mat-sys-on-primary-container: light-dark(#214f38, #bceece);--mat-sys-on-primary-fixed: light-dark(#002112, #002112);--mat-sys-on-primary-fixed-variant: light-dark(#214f38, #214f38);--mat-sys-on-secondary: light-dark(#ffffff, #23342a);--mat-sys-on-secondary-container: light-dark(#394b40, #d3e8d8);--mat-sys-on-secondary-fixed: light-dark(#0e1f16, #0e1f16);--mat-sys-on-secondary-fixed-variant: light-dark(#394b40, #394b40);--mat-sys-on-surface: light-dark(#1a1c1a, #e2e3df);--mat-sys-on-surface-variant: light-dark(#414943, #dde5dd);--mat-sys-on-tertiary: light-dark(#ffffff, #1b3052);--mat-sys-on-tertiary-container: light-dark(#33476a, #d7e3ff);--mat-sys-on-tertiary-fixed: light-dark(#021b3c, #021b3c);--mat-sys-on-tertiary-fixed-variant: light-dark(#33476a, #33476a);--mat-sys-outline: light-dark(#717972, #8b938c);--mat-sys-outline-variant: light-dark(#c0c9c1, #414943);--mat-sys-primary: light-dark(#3a684f, #a0d2b3);--mat-sys-primary-container: light-dark(#bceece, #214f38);--mat-sys-primary-fixed: light-dark(#bceece, #bceece);--mat-sys-primary-fixed-dim: light-dark(#a0d2b3, #a0d2b3);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#506357, #b7cbbd);--mat-sys-secondary-container: light-dark(#d3e8d8, #394b40);--mat-sys-secondary-fixed: light-dark(#d3e8d8, #d3e8d8);--mat-sys-secondary-fixed-dim: light-dark(#b7cbbd, #b7cbbd);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f9faf6, #111412);--mat-sys-surface-bright: light-dark(#f9faf6, #373a37);--mat-sys-surface-container: light-dark(#edeeea, #1e201e);--mat-sys-surface-container-high: light-dark(#e7e9e5, #282b28);--mat-sys-surface-container-highest: light-dark(#e2e3df, #333533);--mat-sys-surface-container-low: light-dark(#f3f4f0, #1a1c1a);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0f0d);--mat-sys-surface-dim: light-dark(#d9dad7, #111412);--mat-sys-surface-tint: light-dark(#3a684f, #a0d2b3);--mat-sys-surface-variant: light-dark(#dde5dd, #414943);--mat-sys-tertiary: light-dark(#4b5f83, #b2c7f1);--mat-sys-tertiary-container: light-dark(#d7e3ff, #33476a);--mat-sys-tertiary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-tertiary-fixed-dim: light-dark(#b2c7f1, #b2c7f1);--mat-sys-neutral-variant20: #2b322d;--mat-sys-neutral10: #1a1c1a;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-body-large-font: Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-body-medium-font: Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-body-small-font: Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-display-large-font: Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-display-medium-font: Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-display-small-font: Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-headline-large-font: Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-headline-medium-font: Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-headline-small-font: Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 550 .875rem / 1.25rem Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-label-large-font: Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 550;--mat-sys-label-large-weight-prominent: 650;--mat-sys-label-medium: 550 .75rem / 1rem Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-label-medium-font: Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 550;--mat-sys-label-medium-weight-prominent: 650;--mat-sys-label-small: 550 .688rem / 1rem Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-label-small-font: Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 550;--mat-sys-title-large: 400 1.375rem / 1.75rem Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-title-large-font: Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 550 1rem / 1.5rem Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-title-medium-font: Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 550;--mat-sys-title-small: 550 .875rem / 1.25rem Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-title-small-font: Google Sans Flex, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 550;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--mat-sys-corner-extra-small: 8px;--mat-sys-corner-small: 12px;--mat-sys-corner-medium: 16px;--mat-sys-corner-large: 24px;--mat-sys-corner-extra-large: 32px;--mat-form-field-outlined-container-shape: 16px;--mat-dialog-container-shape: 32px;--mat-fab-container-shape: 20px;--mat-fab-extended-container-height: 64px;--mat-chip-container-shape-radius: 12px;--mat-chip-container-height: 40px;--mat-snack-bar-container-shape: 16px;--mat-button-toggle-shape: 999px;--mat-button-toggle-height: 40px}html[data-couleur=bleu]{--mat-sys-background: light-dark(#f8f9fe, #111417);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f0f0f5, #2e3134);--mat-sys-inverse-primary: light-dark(#96ccff, #226392);--mat-sys-inverse-surface: light-dark(#2e3134, #e1e2e7);--mat-sys-on-background: light-dark(#191c1f, #e1e2e7);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #003353);--mat-sys-on-primary-container: light-dark(#004a76, #cee5ff);--mat-sys-on-primary-fixed: light-dark(#001d32, #001d32);--mat-sys-on-primary-fixed-variant: light-dark(#004a76, #004a76);--mat-sys-on-secondary: light-dark(#ffffff, #1e3244);--mat-sys-on-secondary-container: light-dark(#35495c, #d0e5fd);--mat-sys-on-secondary-fixed: light-dark(#071d2e, #071d2e);--mat-sys-on-secondary-fixed-variant: light-dark(#35495c, #35495c);--mat-sys-on-surface: light-dark(#191c1f, #e1e2e7);--mat-sys-on-surface-variant: light-dark(#41474f, #dde3ec);--mat-sys-on-tertiary: light-dark(#ffffff, #481f56);--mat-sys-on-tertiary-container: light-dark(#60366e, #f9d7ff);--mat-sys-on-tertiary-fixed: light-dark(#300640, #300640);--mat-sys-on-tertiary-fixed-variant: light-dark(#60366e, #60366e);--mat-sys-outline: light-dark(#717880, #8b919a);--mat-sys-outline-variant: light-dark(#c1c7d0, #41474f);--mat-sys-primary: light-dark(#226392, #96ccff);--mat-sys-primary-container: light-dark(#cee5ff, #004a76);--mat-sys-primary-fixed: light-dark(#cee5ff, #cee5ff);--mat-sys-primary-fixed-dim: light-dark(#96ccff, #96ccff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#4c6074, #b4c9e0);--mat-sys-secondary-container: light-dark(#d0e5fd, #35495c);--mat-sys-secondary-fixed: light-dark(#d0e5fd, #d0e5fd);--mat-sys-secondary-fixed-dim: light-dark(#b4c9e0, #b4c9e0);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f8f9fe, #111417);--mat-sys-surface-bright: light-dark(#f8f9fe, #37393d);--mat-sys-surface-container: light-dark(#edeef2, #1d2023);--mat-sys-surface-container-high: light-dark(#e7e8ec, #282a2e);--mat-sys-surface-container-highest: light-dark(#e1e2e7, #323538);--mat-sys-surface-container-low: light-dark(#f2f3f8, #191c1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0e12);--mat-sys-surface-dim: light-dark(#d9dade, #111417);--mat-sys-surface-tint: light-dark(#226392, #96ccff);--mat-sys-surface-variant: light-dark(#dde3ec, #41474f);--mat-sys-tertiary: light-dark(#7a4d88, #e9b4f6);--mat-sys-tertiary-container: light-dark(#f9d7ff, #60366e);--mat-sys-tertiary-fixed: light-dark(#f9d7ff, #f9d7ff);--mat-sys-tertiary-fixed-dim: light-dark(#e9b4f6, #e9b4f6);--mat-sys-neutral-variant20: #2b3138;--mat-sys-neutral10: #191c1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html[data-couleur=violet]{--mat-sys-background: light-dark(#fdf7ff, #141318);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f4eff6, #312f35);--mat-sys-inverse-primary: light-dark(#cdbdff, #63529e);--mat-sys-inverse-surface: light-dark(#312f35, #e6e1e8);--mat-sys-on-background: light-dark(#1c1b20, #e6e1e8);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #34226c);--mat-sys-on-primary-container: light-dark(#4b3a84, #e7deff);--mat-sys-on-primary-fixed: light-dark(#1f0757, #1f0757);--mat-sys-on-primary-fixed-variant: light-dark(#4b3a84, #4b3a84);--mat-sys-on-secondary: light-dark(#ffffff, #332c49);--mat-sys-on-secondary-container: light-dark(#494261, #e7deff);--mat-sys-on-secondary-fixed: light-dark(#1d1733, #1d1733);--mat-sys-on-secondary-fixed-variant: light-dark(#494261, #494261);--mat-sys-on-surface: light-dark(#1c1b20, #e6e1e8);--mat-sys-on-surface-variant: light-dark(#484550, #e6e0ee);--mat-sys-on-tertiary: light-dark(#ffffff, #571643);--mat-sys-on-tertiary-container: light-dark(#722d5b, #ffd8eb);--mat-sys-on-tertiary-fixed: light-dark(#3b002c, #3b002c);--mat-sys-on-tertiary-fixed-variant: light-dark(#722d5b, #722d5b);--mat-sys-outline: light-dark(#797581, #938f9b);--mat-sys-outline-variant: light-dark(#cac4d2, #484550);--mat-sys-primary: light-dark(#63529e, #cdbdff);--mat-sys-primary-container: light-dark(#e7deff, #4b3a84);--mat-sys-primary-fixed: light-dark(#e7deff, #e7deff);--mat-sys-primary-fixed-dim: light-dark(#cdbdff, #cdbdff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#615a79, #cbc1e6);--mat-sys-secondary-container: light-dark(#e7deff, #494261);--mat-sys-secondary-fixed: light-dark(#e7deff, #e7deff);--mat-sys-secondary-fixed-dim: light-dark(#cbc1e6, #cbc1e6);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fdf7ff, #141318);--mat-sys-surface-bright: light-dark(#fdf7ff, #3a383e);--mat-sys-surface-container: light-dark(#f1ecf3, #201f24);--mat-sys-surface-container-high: light-dark(#ece6ee, #2b292e);--mat-sys-surface-container-highest: light-dark(#e6e1e8, #363439);--mat-sys-surface-container-low: light-dark(#f7f2f9, #1c1b20);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0f0d12);--mat-sys-surface-dim: light-dark(#ddd8df, #141318);--mat-sys-surface-tint: light-dark(#63529e, #cdbdff);--mat-sys-surface-variant: light-dark(#e6e0ee, #484550);--mat-sys-tertiary: light-dark(#8e4573, #ffaedc);--mat-sys-tertiary-container: light-dark(#ffd8eb, #722d5b);--mat-sys-tertiary-fixed: light-dark(#ffd8eb, #ffd8eb);--mat-sys-tertiary-fixed-dim: light-dark(#ffaedc, #ffaedc);--mat-sys-neutral-variant20: #322f39;--mat-sys-neutral10: #1c1b20;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html[data-couleur=terracotta]{--mat-sys-background: light-dark(#fff8f6, #1a120e);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#ffede7, #382e2a);--mat-sys-inverse-primary: light-dark(#ffb598, #984621);--mat-sys-inverse-surface: light-dark(#382e2a, #f0dfd9);--mat-sys-on-background: light-dark(#221a16, #f0dfd9);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #591d00);--mat-sys-on-primary-container: light-dark(#7a300b, #ffdbce);--mat-sys-on-primary-fixed: light-dark(#370e00, #370e00);--mat-sys-on-primary-fixed-variant: light-dark(#7a300b, #7a300b);--mat-sys-on-secondary: light-dark(#ffffff, #4b2718);--mat-sys-on-secondary-container: light-dark(#653d2c, #ffdbce);--mat-sys-on-secondary-fixed: light-dark(#311306, #311306);--mat-sys-on-secondary-fixed-variant: light-dark(#653d2c, #653d2c);--mat-sys-on-surface: light-dark(#221a16, #f0dfd9);--mat-sys-on-surface-variant: light-dark(#55433c, #f8ddd3);--mat-sys-on-tertiary: light-dark(#ffffff, #353100);--mat-sys-on-tertiary-container: light-dark(#4d4800, #efe678);--mat-sys-on-tertiary-fixed: light-dark(#1f1c00, #1f1c00);--mat-sys-on-tertiary-fixed-variant: light-dark(#4d4800, #4d4800);--mat-sys-outline: light-dark(#88726a, #a38c83);--mat-sys-outline-variant: light-dark(#dbc1b8, #55433c);--mat-sys-primary: light-dark(#984621, #ffb598);--mat-sys-primary-container: light-dark(#ffdbce, #7a300b);--mat-sys-primary-fixed: light-dark(#ffdbce, #ffdbce);--mat-sys-primary-fixed-dim: light-dark(#ffb598, #ffb598);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#805441, #f4b9a3);--mat-sys-secondary-container: light-dark(#ffdbce, #653d2c);--mat-sys-secondary-fixed: light-dark(#ffdbce, #ffdbce);--mat-sys-secondary-fixed-dim: light-dark(#f4b9a3, #f4b9a3);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff8f6, #1a120e);--mat-sys-surface-bright: light-dark(#fff8f6, #413733);--mat-sys-surface-container: light-dark(#fceae4, #271e1a);--mat-sys-surface-container-high: light-dark(#f6e5df, #322824);--mat-sys-surface-container-highest: light-dark(#f0dfd9, #3d332f);--mat-sys-surface-container-low: light-dark(#fff1ec, #221a16);--mat-sys-surface-container-lowest: light-dark(#ffffff, #140c09);--mat-sys-surface-dim: light-dark(#e8d6d1, #1a120e);--mat-sys-surface-tint: light-dark(#984621, #ffb598);--mat-sys-surface-variant: light-dark(#f8ddd3, #55433c);--mat-sys-tertiary: light-dark(#666000, #d2ca5f);--mat-sys-tertiary-container: light-dark(#efe678, #4d4800);--mat-sys-tertiary-fixed: light-dark(#efe678, #efe678);--mat-sys-tertiary-fixed-dim: light-dark(#d2ca5f, #d2ca5f);--mat-sys-neutral-variant20: #3d2d26;--mat-sys-neutral10: #221a16;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html[data-mode=clair]{color-scheme:light}html[data-mode=sombre]{color-scheme:dark}html[data-texte=grand]{font-size:112.5%}html[data-texte=tres-grand]{font-size:125%}html,body{height:100%}body{margin:0;background:var(--mat-sys-surface-container-low);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-large);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}a{color:var(--mat-sys-primary)}h1,h2,h3{font-family:Google Sans Flex,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.entete-page{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0 20px}.entete-page h1{flex:1 1 auto;margin:0;font:var(--mat-sys-headline-large);font-weight:600;letter-spacing:-.01em}.sous-titre-page{margin:-12px 0 20px;color:var(--mat-sys-on-surface-variant)}.carte-section{background:var(--mat-sys-surface-container-lowest);border-radius:var(--mat-sys-corner-extra-large);padding:20px 24px;margin-bottom:16px}.carte-section h2{margin:0 0 16px;font:var(--mat-sys-title-large);font-weight:600}@media(max-width:599px){.carte-section{padding:16px;border-radius:var(--mat-sys-corner-large)}}.grille-livres{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px 12px}@media(max-width:599px){.grille-livres{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px 8px}}.vide{text-align:center;padding:48px 16px;color:var(--mat-sys-on-surface-variant)}.vide mat-icon{font-size:56px;width:56px;height:56px;opacity:.7}.chargement{display:flex;justify-content:center;padding:48px}.pleine-largeur,.mat-mdc-form-field{width:100%}.texte-secondaire{color:var(--mat-sys-on-surface-variant)}.danger.mat-mdc-unelevated-button:not(:disabled){background:var(--mat-sys-error);color:var(--mat-sys-on-error)}@media(max-width:839px){.mat-mdc-snack-bar-container.notification{margin-bottom:calc(104px + env(safe-area-inset-bottom))}}.notification-erreur{--mat-snack-bar-container-color: var(--mat-sys-error-container);--mat-snack-bar-supporting-text-color: var(--mat-sys-on-error-container);--mat-snack-bar-button-color: var(--mat-sys-on-error-container)}.icone-pleine{font-variation-settings:"FILL" 1}.liste-actions{list-style:none;margin:0;padding:0;border-radius:var(--mat-sys-corner-extra-large);overflow:hidden;background:var(--mat-sys-surface-container-lowest)}.liste-actions li+li{border-top:1px solid var(--mat-sys-surface-container-high)}.liste-actions a,.liste-actions button{display:flex;align-items:center;gap:16px;width:100%;min-height:72px;padding:12px 20px;box-sizing:border-box;border:none;background:none;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer}.liste-actions a:hover,.liste-actions a:focus-visible,.liste-actions button:hover,.liste-actions button:focus-visible{background:var(--mat-sys-surface-container)}.liste-actions .pastille{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--mat-sys-secondary-container);color:var(--mat-sys-on-secondary-container);flex:none}.liste-actions .textes{flex:1;display:flex;flex-direction:column;min-width:0}.liste-actions .titre{font:var(--mat-sys-title-medium)}.liste-actions .detail{font:var(--mat-sys-body-medium);color:var(--mat-sys-on-surface-variant)}