@charset "UTF-8";:root{--red-05: #8C0404;--red-04: #B11B1B;--red-03: #D43839;--red-02: #EE5E5E;--red-01: #FF8E8E;--orange-05: #A93B00;--orange-04: #D74C01;--orange-03: #FF6D1F;--orange-02: #FF894A;--orange-01: #FFA473;--yellow-05: #B48A01;--yellow-04: #EBB608;--yellow-03: #FFD037;--yellow-02: #FFD95B;--yellow-01: #FFE386;--green-05: #184400;--green-04: #256900;--green-03: #3E8914;--green-02: #56A92A;--green-01: #77C04F;--blue-05: #395B82;--blue-04: #5C7B9E;--blue-03: #89A2BE;--blue-02: #B9CADD;--blue-01: #E4EBF3;--purple-05: #70284E;--purple-04: #894468;--purple-03: #A36686;--purple-02: #C293AB;--purple-01: #DDC1D0;--pink-05: #A1243A;--pink-04: #C14359;--pink-03: #E36D82;--pink-02: #F399A9;--pink-01: #F9C4CD;--grey-10: #181818;--grey-09: #313131;--grey-08: #4A4A4A;--grey-07: #636363;--grey-06: #7B7B7B;--grey-05: #979797;--grey-04: #B3B3B3;--grey-03: #CFCFCF;--grey-02: #DDDDDD;--grey-01: #EAEAEA;--white-03: #F4F4F3;--white-02: #F9F9F7;--white-01: #FDFDFB;--space-01: 4px;--space-02: 8px;--space-03: 12px;--space-04: 16px;--space-05: 20px;--space-06: 24px;--space-07: 32px;--space-08: 40px;--space-09: 48px;--space-10: 64px;--font-size-01: 10px;--font-size-02: 12px;--font-size-03: 14px;--font-size-04: 16px;--font-size-05: 20px;--font-size-06: 24px;--font-size-07: 32px;--font-size-08: 40px;--border-radius-01: 3px;--border-radius-02: 5px;--border-radius-03: 10px;--border-radius-04: 20px;--border-radius-05: 999px;--border-weight-01: 1px;--border-weight-02: 2px;--border-weight-03: 3px;--border-weight-04: 4px;--font-primary: "Libre Franklin", serif;--font-weight-01: 300;--font-weight-02: 400;--font-weight-03: 500;--font-weight-04: 600;--font-weight-05: 700;--shadow-01: 0 1px 2px rgba(0, 0, 0, .1);--shadow-02: 0 4px 6px rgba(0, 0, 0, .1);--shadow-03: 0 10px 15px rgba(0, 0, 0, .1);--z-01: 1;--z-02: 10;--z-03: 100;--z-04: 1000;--z-05: 10000;--opacity-01: .1;--opacity-02: .25;--opacity-03: .5;--opacity-04: .75;--opacity-05: 1;--duration-01: .1s;--duration-02: .2s;--duration-03: .3s;--duration-04: .5s;--duration-05: .8s;--timing-01: ease-in;--timing-02: ease-out;--timing-03: ease-in-out;--timing-04: linear}:root{--color-primary: var(--yellow-03);--color-primary-light: var(--yellow-02);--color-primary-dark: var(--yellow-04);--color-secondary: var(--blue-03);--color-secondary-light: var(--blue-02);--color-secondary-dark: var(--blue-04);--color-success: var(--green-03);--color-success-light: var(--green-02);--color-success-dark: var(--green-04);--color-error: var(--red-03);--color-error-light: var(--red-02);--color-error-dark: var(--red-04);--color-warning: var(--orange-03);--color-warning-light: var(--orange-02);--color-warning-dark: var(--orange-04);--color-info: var(--blue-03);--color-info-light: var(--blue-02);--color-info-dark: var(--blue-04);--color-bg: var(--white-01);--color-bg-alt: var(--white-02);--color-bg-dark: var(--grey-03);--color-surface: var(--white-03);--color-border: var(--grey-03);--color-divider: var(--grey-03);--color-outline: var(--grey-04);--color-text: var(--grey-10);--color-text-secondary: var(--grey-08);--color-text-muted: var(--grey-06);--color-text-inverse: var(--white-01);--color-text-primary: var(--yellow-03);--color-hover: var(--grey-02);--color-active: var(--grey-03);--color-disabled: var(--grey-05);--color-overlay: rgba(0, 0, 0, var(--opacity-02));--color-accent: var(--purple-03);--color-highlight: var(--pink-03);--font-body: var(--font-primary);--font-heading: var(--font-primary);--font-caption: var(--font-primary);--font-weight-light: var(--font-weight-01);--font-weight-regular: var(--font-weight-02);--font-weight-medium: var(--font-weight-03);--font-weight-semibold: var(--font-weight-04);--font-weight-bold: var(--font-weight-05);--font-size-caption: var(--font-size-02);--font-size-nav: var(--font-size-03);--font-size-body: var(--font-size-04);--font-size-subtitle: var(--font-size-05);--font-size-heading: var(--font-size-06);--font-size-subhero: var(--font-size-07);--font-size-hero: var(--font-size-08);--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--space-xxs: var(--space-01);--space-xs: var(--space-02);--space-sm: var(--space-04);--space-md: var(--space-06);--space-lg: var(--space-08);--space-xl: var(--space-10);--radius-sm: var(--border-radius-01);--radius-md: var(--border-radius-02);--radius-lg: var(--border-radius-03);--radius-xl: var(--border-radius-04);--radius-full: var(--border-radius-05);--border-thin: var(--border-weight-01);--border-regular: var(--border-weight-02);--border-thick: var(--border-weight-03);--shadow-sm: var(--shadow-01);--shadow-md: var(--shadow-02);--shadow-lg: var(--shadow-03);--z-base: var(--z-01);--z-floating: var(--z-02);--z-fixed: var(--z-03);--z-modal: var(--z-04);--z-overlay: var(--z-05);--opacity-disabled: var(--opacity-03);--opacity-hover: var(--opacity-04);--opacity-solid: var(--opacity-05);--transition-fast: var(--duration-01) var(--timing-01);--transition-normal: var(--duration-02) var(--timing-03);--transition-slow: var(--duration-04) var(--timing-02);--easing-standard: var(--timing-03);--easing-in: var(--timing-01);--easing-out: var(--timing-02)}:root{--sign-padding-y: var(--space-01);--sign-padding-x: var(--space-10);--header-bg: var(--color-primary);--header-text: var(--color-text);--header-padding-y: var(--space-04);--header-padding-x: var(--space-02);--header-radius: var(--radius-md);--header-label-padding-bottom: var(--space-01);--header-font-family: var(--font-body);--header-font-size: var(--font-size-body);--header-font-weight: var(--font-weight-regular);--header-transition: var(--transition-normal);--input-bg: var(--color-bg);--input-text: var(--color-text);--input-placeholder: var(--color-text-muted);--input-border: var(--color-border);--input-bg-hover: var(--color-hover);--input-border-hover: var(--color-hover);--input-border-focus: var(--color-primary);--input-shadow-focus: var(--shadow-md);--input-bg-disabled: var(--color-disabled);--input-text-disabled: var(--color-text-muted);--input-border-error: var(--color-error);--input-text-error: var(--color-error);--input-height: 30px;--input-width: 100%;--input-min-width: 250px;--input-padding-y: var(--space-01);--input-padding-x: var(--space-02);--input-radius: var(--radius-md);--input-label-padding-bottom: var(--space-01);--input-font-family: var(--font-body);--input-font-size: var(--font-size-body);--input-font-weight: var(--font-weight-regular);--input-transition: var(--transition-normal);--popup-bg: var(--color-bg-dark);--popup-text: var(--color-text);--popup-border: var(--color-border);--popUp-height-min: 50%;--popUp-height-max: 80%;--popUp-width: 60%;--popUp-padding-y: var(--space-03);--popUp-padding-x: var(--space-05);--popUp-radius: var(--radius-md);--color-input-range-bg-curseur: var(--grey-03);--color-input-range-bg-barre-orange: var(--orange-02);--color-input-range-bg-curseur-orange: var(--orange-03);--color-input-range-bg-barre-yellow: var(--yellow-02);--color-input-range-bg-curseur-yellow: var(--yellow-03);--color-input-range-bg-barre-blue: var(--blue-02);--color-input-range-bg-curseur-blue: var(--blue-03);--color-input-range-bg-barre-purple: var(--purple-02);--color-input-range-bg-curseur-purple: var(--purple-03);--color-input-range-bg-barre-red: var(--red-02);--color-input-range-bg-curseur-red: var(--red-03);--color-input-range-bg-barre-green: var(--green-02);--color-input-range-bg-curseur-green: var(--green-03);--color-input-range-bg-barre-pink: var(--pink-02);--color-input-range-bg-curseur-pink: var(--pink-03);--color-input-range-bg-barre-grey: var(--grey-02);--color-input-range-bg-curseur-grey: var(--grey-04);--textarea-bg: var(--color-bg);--textarea-text: var(--color-text);--textarea-placeholder: var(--color-text-muted);--textarea-border: var(--color-border);--textarea-border-invisible: var(--grey-02);--textarea-weight-border-invisible: var(--border-weight-02);--textarea-border-invisible-hover: var(--grey-04);--textarea-weight-border-invisible-hover: var(--border-weight-03);--textarea-border-invisible-focus: var(--grey-01);--textarea-weight-border-invisible-focus: var(--border-weight-04);--textarea-bg-hover: var(--color-hover);--textarea-border-hover: var(--color-hover);--textarea-border-focus: var(--color-primary);--textarea-shadow-focus: var(--shadow-md);--textarea-bg-disabled: var(--color-disabled);--textarea-text-disabled: var(--color-text-muted);--textarea-border-error: var(--color-error);--textarea-text-error: var(--color-error);--textarea-height: 30px;--textarea-width: 100%;--textarea-min-width: 250px;--textarea-padding-y: var(--space-01);--textarea-padding-x: var(--space-02);--textarea-radius: var(--radius-md);--textarea-label-padding-bottom: var(--space-01);--textarea-font-family: var(--font-body);--textarea-font-size: var(--font-size-body);--textarea-font-weight: var(--font-weight-regular);--textarea-transition: var(--transition-normal);--color-textarea-border-level-0: var(--grey-02);--color-textarea-border-level-0-focus: var(--grey-04);--color-textarea-border-level-1: var(--pink-02);--color-textarea-border-level-1-focus: var(--pink-04);--color-textarea-border-level-2: var(--red-02);--color-textarea-border-level-2-focus: var(--red-04);--color-textarea-border-level-3: var(--purple-02);--color-textarea-border-level-3-focus: var(--purple-04);--color-textarea-border-level-4: var(--blue-02);--color-textarea-border-level-4-focus: var(--blue-04);--color-textarea-border-level-5: var(--green-02);--color-textarea-border-level-5-focus: var(--green-04);--color-textarea-border-level-6: var(--yellow-02);--color-textarea-border-level-6-focus: var(--yellow-04);--color-textarea-border-level-7: var(--orange-02);--color-textarea-border-level-7-focus: var(--orange-04);--color-textarea-border-level-8: var(--grey-06);--color-textarea-border-level-8-focus: var(--grey-08);--color-button-bg-orange: var(--orange-03);--color-button-bg-hover-orange: var(--orange-02);--color-button-text-orange: var(--color-text);--color-button-text-hover-orange: var(--color-text);--color-button-outine-focus-orange: var(--orange-03);--color-button-bg-yellow: var(--yellow-03);--color-button-bg-hover-yellow: var(--yellow-02);--color-button-text-yellow: var(--color-text);--color-button-text-hover-yellow: var(--color-text);--color-button-outine-focus-yellow: var(--yellow-03);--color-button-bg-blue: var(--blue-03);--color-button-bg-hover-blue: var(--blue-02);--color-button-text-blue: var(--color-text);--color-button-text-hover-blue: var(--color-text);--color-button-outine-focus-blue: var(--blue-03);--color-button-bg-purple: var(--purple-03);--color-button-bg-hover-purple: var(--purple-02);--color-button-text-purple: var(--color-text-inverse);--color-button-text-hover-purple: var(--color-text);--color-button-outine-focus-purple: var(--purple-03);--color-button-bg-red: var(--red-03);--color-button-bg-hover-red: var(--red-02);--color-button-text-red: var(--color-text-inverse);--color-button-text-hover-red: var(--color-text);--color-button-outine-focus-red: var(--red-03);--color-button-bg-green: var(--green-03);--color-button-bg-hover-green: var(--green-02);--color-button-text-green: var(--color-text-inverse);--color-button-text-hover-green: var(--color-text);--color-button-outine-focus-green: var(--green-03);--color-button-bg-pink: var(--pink-03);--color-button-bg-hover-pink: var(--pink-02);--color-button-text-pink: var(--color-text-inverse);--color-button-text-hover-pink: var(--color-text);--color-button-outine-focus-pink: var(--pink-03);--color-button-bg-black: var(--grey-10);--color-button-bg-hover-black: var(--grey-08);--color-button-text-black: var(--color-text-inverse);--color-button-text-hover-black: var(--color-text-inverse);--color-button-outine-focus-black: var(--grey-10);--color-button-bg-white: var(--white-01);--color-button-bg-hover-white: var(--white-03);--color-button-text-white: var(--color-text);--color-button-text-hover-white: var(--color-text);--color-button-outine-focus-white: var(--white-01);--color-button-bg-black-yellow: var(--grey-10);--color-button-bg-hover-black-yellow: var(--yellow-03);--color-button-text-black-yellow: var(--yellow-03);--color-button-text-hover-black-yellow: var(--color-text);--color-button-bg-focus-black-yellow: var(--grey-10);--color-button-bg-none: transparent;--color-button-bg-hover-none: transparent;--color-button-text-none: var(--color-text);--color-button-text-hover-none: var(--color-text);--color-button-bg-focus-none: transparent;--color-button-bg-disabled: var(--color-disabled);--color-button-text-disabled: var(--color-text-muted);--color-button-border: var(--color-primary);--color-button-outline-focus: var(--color-primary);--color-button-bg-ligne: transparent;--color-button-bg-ligne-hover: var(--color-primary-light);--color-button-text-ligne: var(--color-primary);--color-button-text-ligne-hover: var(--color-text-inverse);--color-button-border-ligne: var(--color-primary);--radius-button: var(--radius-md);--radius-button-none: 0;--shadow-button: var(--shadow-sm);--button-padding-y: var(--space-xxs);--button-padding-x: var(--space-sm);--button-font-family: var(--font-body);--button-font-size: var(--font-size-body);--button-font-weight: var(--font-weight-regular);--button-transition: var(--transition-normal);--book-color-text: var(--color-text );--book-color-text-hover: var(--color-text-inverse );--book-color-bg-hover: var(--grey-10 );--book-color-border: var(--grey-10);--book-padding-y: var(--space-02);--book-padding-x: var(--space-02);--book-gap-y: var(--space-02) --color-label-text-black: var(--color-text);--color-label-text-white: var(--color-text-inverse);--color-label-bg-orange: var(--orange-03);--color-label-text-orange: var(--color-text);--color-label-bg-yellow: var(--yellow-03);--color-label-text-yellow: var(--color-text);--color-label-bg-blue: var(--blue-03);--color-label-text-blue: var(--color-text);--color-label-bg-purple: var(--purple-03);--color-label-text-purple: var(--color-text-inverse);--color-label-bg-red: var(--red-03);--color-label-text-red: var(--color-text-inverse);--color-label-bg-green: var(--green-03);--color-label-text-green: var(--color-text-inverse);--color-label-bg-pink: var(--pink-03);--color-label-text-pink: var(--color-text-inverse);--color-label-bg-black: var(--grey-10);--color-label-text-black: var(--color-text-inverse);--label-padding-y: var(--space-01);--label-padding-x: var(--space-02);--color-checkbox-bg: var(--grey-04);--color-checkbox-text: var(--color-text);--color-checkbox-bg-hover-orange: var(--orange-03);--color-checkbox-text-hover-orange: var(--color-text);--color-checkbox-bg-hover-yellow: var(--yellow-03);--color-checkbox-text-hover-yellow: var(--color-text);--color-checkbox-bg-hover-blue: var(--blue-03);--color-checkbox-text-hover-blue: var(--color-text);--color-checkbox-bg-hover-purple: var(--purple-03);--color-checkbox-text-hover-purple: var(--color-text-inverse );--color-checkbox-bg-hover-red: var(--red-03);--color-checkbox-text-hover-red: var(--color-text-inverse);--color-checkbox-bg-hover-green: var(--green-03);--color-checkbox-text-hover-green: var(--color-text-inverse);--color-checkbox-bg-hover-pink: var(--pink-03);--color-checkbox-text-hover-pink: var(--color-text-inverse);--color-checkbox-bg-hover-black: var(--grey-10);--color-checkbox-text-hover-black: var(--color-text-inverse);--checkbox-nav-text: var(--font-size-nav);--checkbox-nav-bg: var(--white-03);--checkbox-nav-icon-bg: var(--purple-03)}.info{color:var(--color-text-secondary);font-size:var(--font-size-caption)}body{font-family:var(--font-body);color:var(--color-text);line-height:1.5;background-color:var(--color-bg)}h1,h2,h3,h4{color:var(--color-text);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xxs)}h1{font-size:var(--font-size-subhero)}h2{font-size:var(--font-size-heading)}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-light);text-decoration:underline}.redText{color:var(--color-error);text-decoration:underline;cursor:pointer}.redText:hover{color:var(--color-error-light)}.input-container{display:flex;flex-direction:column;width:100%;padding:var(--space-xxs) 0}.input-container .ref-icone{position:relative;display:flex;flex-direction:column;width:100%}.input-container .input-logo-container svg{height:20px;width:20px;fill:#979797}.input-container .icone-info svg{height:15px;width:15px;fill:#636363}.input-container input{width:var(--input-width);min-width:var(--input-min-width);height:calc(var(--input-height) + 2 * var(--input-padding-y));padding:var(--input-padding-y) var(--input-padding-x);border:1px solid var(--input-border);border-radius:var(--input-radius);color:var(--input-text);font-size:var(--input-font-size);font-family:var(--input-font-family);font-weight:var(--input-font-weight);transition:var(--input-transition)}.input-container input:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 2px #ffd75333}.input-container input::placeholder{color:var(--input-placeholder)}.input-container label{padding-bottom:var(--input-label-padding-bottom)}.input-container .input-logo-container{position:absolute;right:var(--input-padding-x);bottom:calc((var(--input-height) + 2 * var(--input-padding-y)) / 2 - 10px)}.input-container .information{display:flex;justify-content:flex-start;align-items:center;gap:3px;padding-top:2px}.input-container.input-error input{border:2px solid var(--input-border-error);color:var(--input-text-error)}.input-container.input-mini input{padding:2px var(--input-padding-x);height:24px;min-width:200px}.input-container.input-mini .input-logo-container{bottom:2px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.input-number-container{display:flex;flex-direction:column;width:100%;padding:var(--space-xxs) 0}.input-number-container .input-number-logo-container svg{height:20px;width:20px;fill:#979797}.input-number-container .icone-info svg{height:15px;width:15px;fill:#636363}.input-number-container .ref-icone{position:relative;display:flex;flex-direction:column;width:100%}.input-number-container input{width:var(--input-width);min-width:var(--input-min-width);height:calc(var(--input-height) + 2 * var(--input-padding-y));padding:var(--input-padding-y) var(--input-padding-x);border:1px solid var(--input-border);border-radius:var(--input-radius);color:var(--input-text);font-size:var(--input-font-size);font-family:var(--input-font-family);font-weight:var(--input-font-weight);transition:var(--input-transition)}.input-number-container input:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 2px #ffd75333}.input-number-container input::placeholder{color:var(--input-placeholder)}.input-number-container label{padding-bottom:var(--input-label-padding-bottom)}.input-number-container .input-number-logo-container{position:absolute;right:var(--input-padding-x);bottom:calc((var(--input-height) + 2 * var(--input-padding-y)) / 2 - 10px)}.input-number-container .information{display:flex;justify-content:flex-start;align-items:center;gap:3px;padding-top:2px}.input-number-container.input-number-error input{border:2px solid var(--input-border-error);color:var(--input-text-error)}.input-number-container.input-number-mini input{padding:2px var(--input-padding-x);height:24px;min-width:200px}.input-number-container.input-number-mini .input-number-logo-container{bottom:2px}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=date]{-moz-appearance:textfield}.input-date-container{display:flex;flex-direction:column;width:100%;padding:var(--space-xxs) 0}.input-date-container .input-date-logo-container svg{height:20px;width:20px;fill:#979797}.input-date-container .icone-info svg{height:15px;width:15px;fill:#636363}.input-date-container .ref-icone{position:relative;display:flex;flex-direction:column;width:100%}.input-date-container input{width:var(--input-width);min-width:var(--input-min-width);height:calc(var(--input-height) + 2 * var(--input-padding-y));padding:var(--input-padding-y) var(--input-padding-x);border:1px solid var(--input-border);border-radius:var(--input-radius);color:var(--input-text);font-size:var(--input-font-size);font-family:var(--input-font-family);font-weight:var(--input-font-weight);transition:var(--input-transition)}.input-date-container input:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 2px #ffd75333}.input-date-container input::placeholder{color:var(--input-placeholder)}.input-date-container label{padding-bottom:var(--input-label-padding-bottom)}.input-date-container .input-date-logo-container{position:absolute;right:var(--input-padding-x);bottom:calc((var(--input-height) + 2 * var(--input-padding-y)) / 2 - 10px)}.input-date-container .information{display:flex;justify-content:flex-start;align-items:center;gap:3px;padding-top:2px}.input-date-container.input-date-error input{border:2px solid var(--input-border-error);color:var(--input-text-error)}.input-date-container.input-date-mini input{padding:2px var(--input-padding-x);height:24px;min-width:200px}.input-date-container.input-date-mini .input-date-logo-container{bottom:2px}.input-range-container{display:flex;flex-direction:column;width:100%;padding:var(--space-xxs) 0}.input-range-container .ref-icone{position:relative;display:flex;flex-direction:column;width:100%}.input-range-container input{width:var(--input-width);min-width:var(--input-min-width);height:calc(var(--input-height) + 2 * var(--input-padding-y));padding:var(--input-padding-y) var(--input-padding-x);transition:var(--input-transition)}.input-range-container label{padding-bottom:var(--input-label-padding-bottom)}.input-range-container .information{display:flex;justify-content:flex-start;align-items:center;gap:3px;padding-top:2px}.input-range-container.input-range-mini input{padding:2px var(--input-padding-x);height:24px;min-width:200px}.input-range-container.input-range-mini .input-range-logo-container{bottom:2px}.orange::-moz-range-track{height:6px;background:var(--color-input-range-bg-barre-orange);border-radius:999px}.orange::-moz-range-thumb{height:20px;width:20px;background:var(--color-input-range-bg-curseur);border-radius:50%;border:3px solid white;box-shadow:0 0 6px #00000040;cursor:grab;transition:transform .15s ease,box-shadow .2s ease}.orange::-moz-range-thumb:hover{transform:scale(1.15);background:var(--color-input-range-bg-curseur-orange);box-shadow:0 0 10px rgba(var(--color-input-range-bg-curseur-orange),.6)}.orange::-moz-range-thumb:active{transform:scale(.95);cursor:grabbing;background:var(--color-input-range-bg-curseur-orange);box-shadow:0 0 12px rgba(var(--color-input-range-bg-curseur-orange),.8)}.yellow::-moz-range-track{height:6px;background:var(--color-input-range-bg-barre-yellow);border-radius:999px}.yellow::-moz-range-thumb{height:20px;width:20px;background:var(--color-input-range-bg-curseur);border-radius:50%;border:3px solid white;box-shadow:0 0 6px #00000040;cursor:grab;transition:transform .15s ease,box-shadow .2s ease}.yellow::-moz-range-thumb:hover{transform:scale(1.15);background:var(--color-input-range-bg-curseur-yellow);box-shadow:0 0 10px rgba(var(--color-input-range-bg-curseur-yellow),.6)}.yellow::-moz-range-thumb:active{transform:scale(.95);cursor:grabbing;background:var(--color-input-range-bg-curseur-yellow);box-shadow:0 0 12px rgba(var(--color-input-range-bg-curseur-yellow),.8)}.blue::-moz-range-track{height:6px;background:var(--color-input-range-bg-barre-blue);border-radius:999px}.blue::-moz-range-thumb{height:20px;width:20px;background:var(--color-input-range-bg-curseur);border-radius:50%;border:3px solid white;box-shadow:0 0 6px #00000040;cursor:grab;transition:transform .15s ease,box-shadow .2s ease}.blue::-moz-range-thumb:hover{transform:scale(1.15);background:var(--color-input-range-bg-curseur-blue);box-shadow:0 0 10px rgba(var(--color-input-range-bg-curseur-blue),.6)}.blue::-moz-range-thumb:active{transform:scale(.95);cursor:grabbing;background:var(--color-input-range-bg-curseur-blue);box-shadow:0 0 12px rgba(var(--color-input-range-bg-curseur-blue),.8)}.purple::-moz-range-track{height:6px;background:var(--color-input-range-bg-barre-purple);border-radius:999px}.purple::-moz-range-thumb{height:20px;width:20px;background:var(--color-input-range-bg-curseur);border-radius:50%;border:3px solid white;box-shadow:0 0 6px #00000040;cursor:grab;transition:transform .15s ease,box-shadow .2s ease}.purple::-moz-range-thumb:hover{transform:scale(1.15);background:var(--color-input-range-bg-curseur-purple);box-shadow:0 0 10px rgba(var(--color-input-range-bg-curseur-purple),.6)}.purple::-moz-range-thumb:active{transform:scale(.95);cursor:grabbing;background:var(--color-input-range-bg-curseur-purple);box-shadow:0 0 12px rgba(var(--color-input-range-bg-curseur-purple),.8)}.red::-moz-range-track{height:6px;background:var(--color-input-range-bg-barre-red);border-radius:999px}.red::-moz-range-thumb{height:20px;width:20px;background:var(--color-input-range-bg-curseur);border-radius:50%;border:3px solid white;box-shadow:0 0 6px #00000040;cursor:grab;transition:transform .15s ease,box-shadow .2s ease}.red::-moz-range-thumb:hover{transform:scale(1.15);background:var(--color-input-range-bg-curseur-red);box-shadow:0 0 10px rgba(var(--color-input-range-bg-curseur-red),.6)}.red::-moz-range-thumb:active{transform:scale(.95);cursor:grabbing;background:var(--color-input-range-bg-curseur-red);box-shadow:0 0 12px rgba(var(--color-input-range-bg-curseur-red),.8)}.green::-moz-range-track{height:6px;background:var(--color-input-range-bg-barre-green);border-radius:999px}.green::-moz-range-thumb{height:20px;width:20px;background:var(--color-input-range-bg-curseur);border-radius:50%;border:3px solid white;box-shadow:0 0 6px #00000040;cursor:grab;transition:transform .15s ease,box-shadow .2s ease}.green::-moz-range-thumb:hover{transform:scale(1.15);background:var(--color-input-range-bg-curseur-green);box-shadow:0 0 10px rgba(var(--color-input-range-bg-curseur-green),.6)}.green::-moz-range-thumb:active{transform:scale(.95);cursor:grabbing;background:var(--color-input-range-bg-curseur-green);box-shadow:0 0 12px rgba(var(--color-input-range-bg-curseur-green),.8)}.pink::-moz-range-track{height:6px;background:var(--color-input-range-bg-barre-pink);border-radius:999px}.pink::-moz-range-thumb{height:20px;width:20px;background:var(--color-input-range-bg-curseur);border-radius:50%;border:3px solid white;box-shadow:0 0 6px #00000040;cursor:grab;transition:transform .15s ease,box-shadow .2s ease}.pink::-moz-range-thumb:hover{transform:scale(1.15);background:var(--color-input-range-bg-curseur-pink);box-shadow:0 0 10px rgba(var(--color-input-range-bg-curseur-pink),.6)}.pink::-moz-range-thumb:active{transform:scale(.95);cursor:grabbing;background:var(--color-input-range-bg-curseur-pink);box-shadow:0 0 12px rgba(var(--color-input-range-bg-curseur-pink),.8)}.grey::-moz-range-track{height:6px;background:var(--color-input-range-bg-barre-grey);border-radius:999px}.grey::-moz-range-thumb{height:20px;width:20px;background:var(--color-input-range-bg-curseur);border-radius:50%;border:3px solid white;box-shadow:0 0 6px #00000040;cursor:grab;transition:transform .15s ease,box-shadow .2s ease}.grey::-moz-range-thumb:hover{transform:scale(1.15);background:var(--color-input-range-bg-curseur-grey);box-shadow:0 0 10px rgba(var(--color-input-range-bg-curseur-grey),.6)}.grey::-moz-range-thumb:active{transform:scale(.95);cursor:grabbing;background:var(--color-input-range-bg-curseur-grey);box-shadow:0 0 12px rgba(var(--color-input-range-bg-curseur-grey),.8)}.multiple-choice{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin:0 10px;padding-top:5px}.multiple-choice .checkbox{width:100%}.popUp-card{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.popUp-card .popUp-content{display:flex;flex-direction:column;width:var(--popUp-width);min-height:var(--popUp-height-min);max-height:var(--popUp-height-max);padding:var(--popUp-padding-y) var(--popUp-padding-x);border-radius:var(--popUp-radius);background-color:var(--popup-bg)}.popUp-card .popUp-content .title{margin-bottom:10px}.popUp-card .popUp-content .options{display:flex;margin-bottom:10px;width:100%}.popUp-card .popUp-content .options .options-reference,.popUp-card .popUp-content .options .options-create{width:50%}.popUp-card .popUp-content .options .options-reference{border-radius:5px 0 0 5px}.popUp-card .popUp-content .options .options-create{border-radius:0 5px 5px 0}.popUp-card .popUp-content .content{display:flex;flex-direction:column;height:fit-content;margin:10px 5px;gap:5px;overflow:scroll}.popUp-card .popUp-content .content .liste{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:fit-content;gap:5px}.popUp-card .popUp-content .content .liste .reference-checkbox{width:80%}.popUp-card .popUp-content .ligne{display:flex;gap:10px}.popUp-card .popUp-content .ligne.checkbox-cadre{display:flex;align-items:center;gap:4px;margin-top:5px}.popUp-card .popUp-content .ligne.checkbox-cadre p{font-family:var(--font-body);color:var(--color-text);line-height:1.5}.popUp-card .popUp-content .submit{display:flex;justify-content:end;margin-top:10px;gap:10px}.textarea-container{display:flex;flex-direction:column;width:100%;padding:var(--space-xxs) 0}.textarea-container .ref-icone{position:relative;display:flex;flex-direction:column;width:100%}.textarea-container .icone-info svg{height:15px;width:15px;fill:#636363}.textarea-container textarea{padding:var(--textarea-padding-y) var(--textarea-padding-x);height:100%;min-height:calc(120px + 2 * var(--textarea-padding-y));border:1px solid var(--textarea-border);border-radius:var(--textarea-radius);font-size:var(--textarea-font-size);font-family:var(--textarea-font-family);transition:var(--textarea-transition);overflow:hidden;resize:none}.textarea-container .section-content-component{min-height:100%}.textarea-container textarea:focus{outline:none;border-color:var(--textarea-border-focus);box-shadow:0 0 0 2px #ffd75333}.textarea-container label{padding-bottom:var(--textarea-label-padding-bottom)}.textarea-container .information{display:flex;justify-content:flex-start;align-items:center;gap:3px;padding-top:2px}.textarea-container.textarea-error textarea{border:2px solid var(--textarea-border-error);color:var(--textarea-text-error)}.textarea-container.textarea-invisible textarea{border:none;border-radius:0;background-color:var(--textarea-bg);padding-left:10px}.textarea-container.textarea-invisible textarea:focus{outline:none;box-shadow:none}.textarea-container.textarea-invisible:focus{border-left:var(--textarea-weight-border-invisible-focus) solid var(--textarea-border-invisible-focus)}.textarea-container.textarea-mini textarea{min-height:calc(80px + 2 * var(--space-xxs))}.sign{display:flex;flex-direction:column;padding:var(--sign-padding-y) var(--sign-padding-x)}.sign .inscription{display:flex;gap:3px;align-items:center;justify-content:center;padding:var(--space-md)}.sign .submit{display:flex;gap:10px;justify-content:end}.sign .ligne{display:flex;gap:10px}button{display:flex;justify-content:center;align-items:center;gap:var(--space-xxs);padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--radius-button);border:none;font-family:var(--button-font-family);font-size:var(--button-font-size);font-weight:var(--button-font-weight);cursor:pointer;transition:transform var(--button-transition),box-shadow var(--button-transition),background-color var(--button-transition);box-shadow:var(--shadow-button)}button:hover{transform:translateY(-1px)}button:active,button:focus{transform:translateY(0)}button:disabled{cursor:not-allowed;background-color:var(--color-button-bg-disabled);color:var(--color-button-text-disabled);box-shadow:none}button .button-icon-container svg{height:24px;width:24px}.button-ligne{width:100%;border-radius:var(--radius-button-none);background-color:var(--color-button-bg-ligne);color:var(--color-button-text-ligne);box-shadow:none}.button-ligne:hover{background-color:var(--color-button-bg-ligne-hover);color:var(--color-button-text-ligne-hover);transform:translateY(0)}button.button-none{transition:none;box-shadow:none}button.button-none:hover{text-decoration:underline}button.button-orange{color:var(--color-button-text-orange);background-color:var(--color-button-bg-orange)}button.button-orange svg{fill:var(--color-button-text-orange)}button.button-orange:hover{color:var(--color-button-text-hover-orange);background-color:var(--color-button-bg-hover-orange)}button.button-orange:hover svg{fill:var(--color-button-text-hover-orange)}button.button-orange:active,button.button-orange:focus{outline:2px solid var(--color-button-outline-focus-orange)}button.button-yellow{color:var(--color-button-text-yellow);background-color:var(--color-button-bg-yellow)}button.button-yellow svg{fill:var(--color-button-text-yellow)}button.button-yellow:hover{color:var(--color-button-text-hover-yellow);background-color:var(--color-button-bg-hover-yellow)}button.button-yellow:hover svg{fill:var(--color-button-text-hover-yellow)}button.button-yellow:active,button.button-yellow:focus{outline:2px solid var(--color-button-outline-focus-yellow)}button.button-blue{color:var(--color-button-text-blue);background-color:var(--color-button-bg-blue)}button.button-blue svg{fill:var(--color-button-text-blue)}button.button-blue:hover{color:var(--color-button-text-hover-blue);background-color:var(--color-button-bg-hover-blue)}button.button-blue:hover svg{fill:var(--color-button-text-hover-blue)}button.button-blue:active,button.button-blue:focus{outline:2px solid var(--color-button-outline-focus-blue)}button.button-purple{color:var(--color-button-text-purple);background-color:var(--color-button-bg-purple)}button.button-purple svg{fill:var(--color-button-text-purple)}button.button-purple:hover{color:var(--color-button-text-hover-purple);background-color:var(--color-button-bg-hover-purple)}button.button-purple:hover svg{fill:var(--color-button-text-hover-purple)}button.button-purple:active,button.button-purple:focus{outline:2px solid var(--color-button-outline-focus-purple)}button.button-black-yellow{color:var(--color-button-text-black-yellow);background-color:var(--color-button-bg-black-yellow)}button.button-black-yellow svg{fill:var(--color-button-text-black-yellow)}button.button-black-yellow:hover{color:var(--color-button-text-hover-black-yellow);background-color:var(--color-button-bg-hover-black-yellow)}button.button-black-yellow:hover svg{fill:var(--color-button-text-hover-black-yellow)}button.button-black-yellow:active,button.button-black-yellow:focus{outline:2px solid var(--color-button-outline-focus-black-yellow)}button.button-red{color:var(--color-button-text-red);background-color:var(--color-button-bg-red)}button.button-red svg{fill:var(--color-button-text-red)}button.button-red:hover{color:var(--color-button-text-hover-red);background-color:var(--color-button-bg-hover-red)}button.button-red:hover svg{fill:var(--color-button-text-hover-red)}button.button-red:active,button.button-red:focus{outline:2px solid var(--color-button-outline-focus-red)}button.button-green{color:var(--color-button-text-green);background-color:var(--color-button-bg-green)}button.button-green svg{fill:var(--color-button-text-green)}button.button-green:hover{color:var(--color-button-text-hover-green);background-color:var(--color-button-bg-hover-green)}button.button-green:hover svg{fill:var(--color-button-text-hover-green)}button.button-green:active,button.button-green:focus{outline:2px solid var(--color-button-outline-focus-green)}button.button-pink{color:var(--color-button-text-pink);background-color:var(--color-button-bg-pink)}button.button-pink svg{fill:var(--color-button-text-pink)}button.button-pink:hover{color:var(--color-button-text-hover-pink);background-color:var(--color-button-bg-hover-pink)}button.button-pink:hover svg{fill:var(--color-button-text-hover-pink)}button.button-pink:active,button.button-pink:focus{outline:2px solid var(--color-button-outline-focus-pink)}button.button-black{color:var(--color-button-text-black);background-color:var(--color-button-bg-black)}button.button-black svg{fill:var(--color-button-text-black)}button.button-black:hover{color:var(--color-button-text-hover-black);background-color:var(--color-button-bg-hover-black)}button.button-black:hover svg{fill:var(--color-button-text-hover-black)}button.button-black:active,button.button-black:focus{outline:2px solid var(--color-button-outline-focus-black)}button.button-white{color:var(--color-button-text-white);background-color:var(--color-button-bg-white)}button.button-white svg{fill:var(--color-button-text-white)}button.button-white:hover{color:var(--color-button-text-hover-white);background-color:var(--color-button-bg-hover-white)}button.button-white:hover svg{fill:var(--color-button-text-hover-white)}button.button-white:active,button.button-white:focus{outline:2px solid var(--color-button-outline-focus-white)}button.button-none{color:var(--color-button-text-none);background-color:var(--color-button-bg-none)}button.button-none svg{fill:var(--color-button-text-none)}button.button-none:hover{color:var(--color-button-text-hover-none);background-color:var(--color-button-bg-hover-none)}button.button-none:hover svg{fill:var(--color-button-text-hover-none)}button.button-none:active,button.button-none:focus{outline:2px solid var(--color-button-outline-focus-none)}.classe_container{height:fit-content;width:fit-content;display:flex;justify-content:center}header{display:flex;flex-direction:column;justify-content:space-between;position:fixed;top:0;left:0;width:20vw;height:100vh;background-color:var(--header-bg);color:var(--header-text);box-shadow:var(--shadow-sm)}header a.logo{display:flex;align-items:center;justify-content:center;gap:10px;font-size:var(--font-size-subtitle);font-weight:var(--font-weight-semibold);color:var(--header-text);padding:var(--header-padding-y) var(--header-padding-x)}header a.logo img{width:calc(var(--font-size-subtitle) + 10px)}.book,.buttonBook{padding:var(--book-padding-y) var(--book-padding-x);border-left:2px solid var(--book-color-border);border-radius:0 5px 5px 0;color:var(--book-color-text);text-decoration:none}.buttonBook{display:flex;flex-direction:column}.book:hover,.buttonBook:hover{background-color:var(--book-color-bg-hover);color:var(--book-color-text-hover);text-decoration:none;cursor:pointer}.book:hover .info,.buttonBook:hover .info{color:var(--white-03)}.book{display:grid;align-items:center;grid-template-columns:20% 50% 17% 10%;gap:1%}.book .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:var(--font-weight-bold);width:fit-content}.book .description{font-style:italic;overflow:hidden}.book .description p{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book .label{width:100%;display:flex;justify-content:center}.book .modificationDate{display:flex;justify-content:end;font-size:var(--font-size-caption)}.label{border-radius:var(--radius-md);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);width:fit-content;padding:var(--label-padding-y) var(--label-padding-x)}.label.label-red{color:var(--color-label-text-red);background-color:var(--color-label-bg-red)}.label.label-green{color:var(--color-label-text-green);background-color:var(--color-label-bg-green)}.label.label-pink{color:var(--color-label-text-pink);background-color:var(--color-label-bg-pink)}.label.label-black{color:var(--color-label-text-black);background-color:var(--color-label-bg-black)}.label.label-orange{color:var(--color-label-text-orange);background-color:var(--color-label-bg-orange)}.label.label-yellow{color:var(--color-label-text-yellow);background-color:var(--color-label-bg-yellow)}.label.label-blue{color:var(--color-label-text-blue);background-color:var(--color-label-bg-blue)}.label.label-violet{color:var(--color-label-text-violet);background-color:var(--color-label-bg-violet)}.checkbox{display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:var(--font-size-sm);font-weight:500;width:fit-content;padding:3px 10px;cursor:pointer;background-color:var(--color-checkbox-bg);color:var(--color-checkbox-text)}.checkbox svg{height:24px;width:24px}.navigation-checkbox{font-size:var(--checkbox-nav-text);width:100%;border-radius:0;background-color:var(--checkbox-nav-bg);height:100%}.checkbox.red svg{fill:var(--color-checkbox-text)}.checkbox.red:hover,.checkbox.red.check{cursor:pointer;color:var(--color-checkbox-text-hover-red);background-color:var(--color-checkbox-bg-hover-red)}.checkbox.red:hover svg,.checkbox.red.check svg{fill:var(--color-checkbox-text-hover-red)}.checkbox.green svg{fill:var(--color-checkbox-text)}.checkbox.green:hover,.checkbox.green.check{cursor:pointer;color:var(--color-checkbox-text-hover-green);background-color:var(--color-checkbox-bg-hover-green)}.checkbox.green:hover svg,.checkbox.green.check svg{fill:var(--color-checkbox-text-hover-green)}.checkbox.pink svg{fill:var(--color-checkbox-text)}.checkbox.pink:hover,.checkbox.pink.check{cursor:pointer;color:var(--color-checkbox-text-hover-pink);background-color:var(--color-checkbox-bg-hover-pink)}.checkbox.pink:hover svg,.checkbox.pink.check svg{fill:var(--color-checkbox-text-hover-pink)}.checkbox.black svg{fill:var(--color-checkbox-text)}.checkbox.black:hover,.checkbox.black.check{cursor:pointer;color:var(--color-checkbox-text-hover-black);background-color:var(--color-checkbox-bg-hover-black)}.checkbox.black:hover svg,.checkbox.black.check svg{fill:var(--color-checkbox-text-hover-black)}.checkbox.orange svg{fill:var(--color-checkbox-text)}.checkbox.orange:hover,.checkbox.orange.check{cursor:pointer;color:var(--color-checkbox-text-hover-orange);background-color:var(--color-checkbox-bg-hover-orange)}.checkbox.orange:hover svg,.checkbox.orange.check svg{fill:var(--color-checkbox-text-hover-orange)}.checkbox.yellow svg{fill:var(--color-checkbox-text)}.checkbox.yellow:hover,.checkbox.yellow.check{cursor:pointer;color:var(--color-checkbox-text-hover-yellow);background-color:var(--color-checkbox-bg-hover-yellow)}.checkbox.yellow:hover svg,.checkbox.yellow.check svg{fill:var(--color-checkbox-text-hover-yellow)}.checkbox.blue svg{fill:var(--color-checkbox-text)}.checkbox.blue:hover,.checkbox.blue.check{cursor:pointer;color:var(--color-checkbox-text-hover-blue);background-color:var(--color-checkbox-bg-hover-blue)}.checkbox.blue:hover svg,.checkbox.blue.check svg{fill:var(--color-checkbox-text-hover-blue)}.checkbox.purple svg{fill:var(--color-checkbox-text)}.checkbox.purple:hover,.checkbox.purple.check{cursor:pointer;color:var(--color-checkbox-text-hover-purple);background-color:var(--color-checkbox-bg-hover-purple)}.checkbox.purple:hover svg,.checkbox.purple.check svg{fill:var(--color-checkbox-text-hover-purple)}.comment-container{padding:5px;border-radius:5px;width:100%;display:flex;flex-direction:column;gap:4px}.comment-container .entete{display:flex;align-items:end}.comment-container .entete .icone-entete-comment-container{margin-bottom:3px}.comment-container .entete .icone-entete-comment{fill:var(--grey-05)}.comment-container .entete .login{color:var(--grey-06);cursor:pointer;height:fit-content}.comment-container .response{margin-left:10px}.comment-container .label-seeResponse{display:flex;font-size:var(--font-size-caption);align-items:center;cursor:pointer}.comment-container .label-seeResponse svg{width:20px;height:20px}.comment-container .label-seeResponse:hover{text-decoration:underline}.comment-container .content{display:flex;justify-content:start;margin:2px;padding:2px 5px;border-radius:5px;background-color:var(--white-03)}.comment-container .action{display:flex;justify-content:end}.comment-container .button-moins-comment{width:100%}.book-data{display:grid;grid-template-columns:24% 50% 24%;padding:var(--space-xs) 0;min-height:180px}.book-data .entities{display:grid;grid-template-columns:85% 11%;gap:4%;padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-sm);height:100%}.book-data .entities .options{display:flex;flex-direction:column;height:100%;width:100%;visibility:hidden}.book-data .entities:hover .options,.book-data .entities.check .options{visibility:visible}.book-data .entities .options .options-section-split,.book-data .entities .options .options-section-entities{display:flex;justify-content:center;align-items:center;padding:0 3px;width:100%;height:50%;background-color:var(--grey-02);border:2px solid var(--grey-02);cursor:pointer}.book-data .entities .options .options-section-entities{border-radius:5px 5px 0 0}.book-data .entities .options .options-section-split{border-top:none;border-radius:0 0 5px 5px}.book-data .entities .options .options-section-entities:hover,.book-data .entities .options .options-section-split:hover,.book-data .entities .options .options-section-entities.check,.book-data .entities .options .options-section-split.check{background-color:var(--purple-03);border-color:var(--purple-03)}.book-data .entities .datas{display:flex;flex-direction:column;gap:5px;width:100%;height:100%}.book-data .entities .datas .options-entities{display:flex;width:100%;height:fit-content}.book-data .entities .datas .options-entities .options-section-nv-character,.book-data .entities .datas .options-entities .options-section-nv-timeline,.book-data .entities .datas .options-entities .options-section-nv-location{display:flex;justify-content:center;align-items:center;padding:0 3px;width:33.3333333333%;height:100%;background-color:var(--grey-02);border:2px solid var(--grey-02);cursor:pointer}.book-data .entities .datas .options-entities .options-section-nv-character{border-radius:5px 0 0 5px}.book-data .entities .datas .options-entities .options-section-nv-timeline{border-radius:0 5px 5px 0}.book-data .entities .datas .options-entities .options-section-nv-location{border-radius:0}.book-data .entities .datas .options-entities .options-section-nv-character:hover,.book-data .entities .datas .options-entities .options-section-nv-location:hover,.book-data .entities .datas .options-entities .options-section-nv-timeline:hover,.book-data .entities .datas .options-entities .options-section-nv-character.check,.book-data .entities .datas .options-entities .options-section-nv-location.check,.book-data .entities .datas .options-entities .options-section-nv-timeline.check{background-color:var(--purple-03);border-color:var(--purple-03)}.book-data .entities .datas .scroll-container{display:flex;flex-direction:column;gap:5px;width:100%;overflow-y:scroll}.book-data .entities .datas .scroll-container .list-reference{display:flex;flex-direction:column;gap:2px;padding:0 1%}.book-data .entities .datas .scroll-container .list-reference .character,.book-data .entities .datas .scroll-container .list-reference .location,.book-data .entities .datas .scroll-container .list-reference .timeline{display:flex;align-items:center;justify-content:space-between;padding-left:16px;border-radius:5px;background-color:var(--grey-02);border:2px solid var(--grey-02)}.book-data .entities .datas .scroll-container .list-actions{display:flex;flex-direction:column;gap:2px;width:100%;padding:3px 1% 0;border-top:1px solid var(--grey-02)}.book-data .entities .datas .scroll-container .list-actions .button-add-entities,.book-data .entities .datas .scroll-container .list-actions .button-add-reference{display:flex;justify-content:start;width:100%}.book-data .entities .datas .split-container .submit{display:flex;justify-content:end;gap:2px}.book-data .section{min-height:180px;display:flex;gap:2px}.book-data .section .before,.book-data .section .after{height:100%;width:fit-content}.book-data .section .before .button,.book-data .section .before button,.book-data .section .after .button,.book-data .section .after button{height:100%;width:32px;visibility:hidden}.book-data .section .before:hover .button,.book-data .section .before:hover button,.book-data .section .after:hover .button,.book-data .section .after:hover button{visibility:visible}.book-data .section .textarea-container,.book-data .section .textarea-container .ref-icone{height:100%}.book-data .section .container-p{display:flex;padding:var(--space-xxs) 0;height:100%;width:100%}.book-data .section .container-p .section-content-component{width:100%;height:100%;line-height:normal;white-space:pre-wrap;overflow:auto;border-left:var(--textarea-weight-border-invisible) solid var(--textarea-border-invisible);background-color:var(--textarea-bg);padding:var(--textarea-padding-y) var(--textarea-padding-x);padding-left:10px}.book-data .comments{display:grid;grid-template-columns:11% 85%;gap:4%;padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-sm);height:100%}.book-data .comments .options{display:flex;visibility:hidden;flex-direction:column;height:100%;width:11%}.book-data .comments:hover .options,.book-data .comments.check .options{visibility:visible}.book-data .comments .options .options-section-comments{display:flex;justify-content:center;align-items:center;background-color:var(--grey-02);border:2px solid var(--grey-02);padding:0 3px;height:100%;cursor:pointer;border-radius:5px}.book-data .comments .options .options-section-comments:hover,.book-data .comments .options .options-section-comments.check{background-color:var(--purple-03);border-color:var(--purple-03)}.book-data .comments .list-comment{display:flex;flex-direction:column;gap:2px}.book-data .comments .nv-comment{padding:5px;border-radius:5px;width:100%;background-color:var(--purple-03)}.book-data .comments .nv-comment .textarea-container label{color:var(--white-01)}.book-data .comments .nv-comment .submit{display:flex;justify-content:end;width:100%;gap:5px}.book-data .comments .response-comment{display:flex;justify-content:start;padding:5px;border-radius:5px;background-color:var(--purple-03)}.book-data .comments .response-comment .nvComment{width:100%}.book-data .comments .response-comment .textarea-container label{color:var(--white-01)}.book-data .comments .response-comment .submit{display:flex;justify-content:end;width:100%;gap:5px}*{margin:0;padding:0;z-index:0;box-sizing:border-box}.popUp{opacity:.2;pointer-events:none;cursor:not-allowed}svg{width:24px;height:24px}.title.page{display:flex;flex-direction:column;padding:var(--space-sm);width:100%}.error{padding:var(--space-xs) var(--space-xl);color:var(--color-error)}.content.start{display:flex;flex-direction:column;width:100%}.content.start .search{width:100%}.content.middle{margin-left:20vw;display:flex;flex-direction:column;width:80vw}.content.middle .search{width:100%}.list-book{display:flex;flex-direction:column;gap:var(--space-xs);padding:0px var(--space-md)}.nv-book{display:flex;flex-direction:column;padding:var(--space-xs) var(--space-xl)}.nv-book .submit{display:flex;margin-top:var(--space-md);gap:10px;justify-content:end}.nav-book{z-index:var(--z-02);display:flex;position:relative;flex-direction:column;justify-content:end;border-bottom:1px solid var(--color-border);width:100vw}.nav-book .continu{display:flex;align-items:center;justify-content:space-between;position:sticky;width:100%;top:0;padding:2px 10px;background-color:var(--white-01)}.nav-book .continu .back{display:flex;gap:3px;align-items:center;width:fit-content;color:var(--color-text)}.nav-book .continu .gauche{display:flex;flex-direction:column;width:24%}.nav-book .continu .gauche .affichage{display:flex;justify-content:end;padding:2px 10px 4px;width:100%}.nav-book .continu .gauche .affichage .cadre{display:flex;justify-content:end;width:100%}.nav-book .continu .gauche .affichage .cadre .precedent{padding:5px;border-radius:5px 0 0 5px;background-color:var(--checkbox-nav-bg);width:33.3333333333%;display:flex;justify-content:center}.nav-book .continu .gauche .affichage .cadre .suivant{padding:5px;border-radius:0 5px 5px 0;background-color:var(--checkbox-nav-bg);width:33.3333333333%;display:flex;justify-content:center}.nav-book .continu .gauche .affichage .cadre .precedent:hover,.nav-book .continu .gauche .affichage .cadre .suivant:hover{background-color:var(--checkbox-nav-icon-bg);cursor:pointer}.nav-book .continu .gauche .affichage .cadre .affiche-comment{width:66.6666666667%}.nav-book .plus{display:flex;align-items:center;position:absolute;bottom:-20px;right:20px;padding:0 10px;border-radius:0 0 10px 10px;height:20px;background-color:var(--white-01);border:1px solid var(--grey-03)}.nav-book .plus:hover{background-color:var(--grey-03);cursor:pointer}.content.start.book-page .level0 .section textarea{border-left:var(--textarea-weight-border-invisible) solid var(--color-textarea-border-level-0)}.content.start.book-page .level0 .section textarea:focus{border-left:var(--textarea-weight-border-invisible-hover) solid var(--color-textarea-border-level-0-focus)}.content.start.book-page .level1 .section textarea{border-left:var(--textarea-weight-border-invisible) solid var(--color-textarea-border-level-1)}.content.start.book-page .level1 .section textarea:focus{border-left:var(--textarea-weight-border-invisible-hover) solid var(--color-textarea-border-level-1-focus)}.content.start.book-page .level2 .section textarea{border-left:var(--textarea-weight-border-invisible) solid var(--color-textarea-border-level-2)}.content.start.book-page .level2 .section textarea:focus{border-left:var(--textarea-weight-border-invisible-hover) solid var(--color-textarea-border-level-2-focus)}.content.start.book-page .level3 .section textarea{border-left:var(--textarea-weight-border-invisible) solid var(--color-textarea-border-level-3)}.content.start.book-page .level3 .section textarea:focus{border-left:var(--textarea-weight-border-invisible-hover) solid var(--color-textarea-border-level-3-focus)}.content.start.book-page .level4 .section textarea{border-left:var(--textarea-weight-border-invisible) solid var(--color-textarea-border-level-4)}.content.start.book-page .level4 .section textarea:focus{border-left:var(--textarea-weight-border-invisible-hover) solid var(--color-textarea-border-level-4-focus)}.content.start.book-page .level5 .section textarea{border-left:var(--textarea-weight-border-invisible) solid var(--color-textarea-border-level-5)}.content.start.book-page .level5 .section textarea:focus{border-left:var(--textarea-weight-border-invisible-hover) solid var(--color-textarea-border-level-5-focus)}.content.start.book-page .level6 .section textarea{border-left:var(--textarea-weight-border-invisible) solid var(--color-textarea-border-level-6)}.content.start.book-page .level6 .section textarea:focus{border-left:var(--textarea-weight-border-invisible-hover) solid var(--color-textarea-border-level-6-focus)}.content.start.book-page .level7 .section textarea{border-left:var(--textarea-weight-border-invisible) solid var(--color-textarea-border-level-7)}.content.start.book-page .level7 .section textarea:focus{border-left:var(--textarea-weight-border-invisible-hover) solid var(--color-textarea-border-level-7-focus)}.content.start.book-page .level8 .section textarea{border-left:var(--textarea-weight-border-invisible) solid var(--color-textarea-border-level-8)}.content.start.book-page .level8 .section textarea:focus{border-left:var(--textarea-weight-border-invisible-hover) solid var(--color-textarea-border-level-8-focus)}