/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/indigo-pink.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 0);background-color:var(--mat-ripple-color, rgba(0, 0, 0, 0.1))}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-drag-preview .mat-ripple-element,.cdk-drag-placeholder .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-app-background{background-color:var(--mat-app-background-color, var(--mat-app-background, transparent));color:var(--mat-app-text-color, var(--mat-app-on-background, inherit))}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:var(--mat-app-elevation-shadow-level-0, none)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:var(--mat-app-elevation-shadow-level-1, none)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:var(--mat-app-elevation-shadow-level-2, none)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:var(--mat-app-elevation-shadow-level-3, none)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:var(--mat-app-elevation-shadow-level-4, none)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:var(--mat-app-elevation-shadow-level-5, none)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:var(--mat-app-elevation-shadow-level-6, none)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:var(--mat-app-elevation-shadow-level-7, none)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:var(--mat-app-elevation-shadow-level-8, none)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:var(--mat-app-elevation-shadow-level-9, none)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:var(--mat-app-elevation-shadow-level-10, none)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:var(--mat-app-elevation-shadow-level-11, none)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:var(--mat-app-elevation-shadow-level-12, none)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:var(--mat-app-elevation-shadow-level-13, none)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:var(--mat-app-elevation-shadow-level-14, none)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:var(--mat-app-elevation-shadow-level-15, none)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:var(--mat-app-elevation-shadow-level-16, none)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:var(--mat-app-elevation-shadow-level-17, none)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:var(--mat-app-elevation-shadow-level-18, none)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:var(--mat-app-elevation-shadow-level-19, none)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:var(--mat-app-elevation-shadow-level-20, none)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:var(--mat-app-elevation-shadow-level-21, none)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:var(--mat-app-elevation-shadow-level-22, none)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:var(--mat-app-elevation-shadow-level-23, none)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:var(--mat-app-elevation-shadow-level-24, none)}.mat-theme-loaded-marker{display:none}html{--mat-ripple-color:rgba(0, 0, 0, 0.1)}html{--mat-option-selected-state-label-text-color:#3f51b5;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}.mat-accent{--mat-option-selected-state-label-text-color:#ff4081;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}.mat-warn{--mat-option-selected-state-label-text-color:#f44336;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}html{--mat-optgroup-label-text-color:rgba(0, 0, 0, 0.87)}.mat-primary{--mat-full-pseudo-checkbox-selected-icon-color:#3f51b5;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#3f51b5;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}html{--mat-full-pseudo-checkbox-selected-icon-color:#ff4081;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-accent{--mat-full-pseudo-checkbox-selected-icon-color:#ff4081;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-warn{--mat-full-pseudo-checkbox-selected-icon-color:#f44336;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#f44336;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}html{--mat-app-background-color:#fafafa;--mat-app-text-color:rgba(0, 0, 0, 0.87);--mat-app-elevation-shadow-level-0:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-1:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-3:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-6:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-8:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-12:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}html{--mat-option-label-text-font:Roboto, sans-serif;--mat-option-label-text-line-height:24px;--mat-option-label-text-size:16px;--mat-option-label-text-tracking:0.03125em;--mat-option-label-text-weight:400}html{--mat-optgroup-label-text-font:Roboto, sans-serif;--mat-optgroup-label-text-line-height:24px;--mat-optgroup-label-text-size:16px;--mat-optgroup-label-text-tracking:0.03125em;--mat-optgroup-label-text-weight:400}html{--mdc-elevated-card-container-shape:4px;--mdc-outlined-card-container-shape:4px;--mdc-outlined-card-outline-width:1px}html{--mdc-elevated-card-container-color:white;--mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-color:white;--mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-card-subtitle-text-color:rgba(0, 0, 0, 0.54)}html{--mat-card-title-text-font:Roboto, sans-serif;--mat-card-title-text-line-height:32px;--mat-card-title-text-size:20px;--mat-card-title-text-tracking:0.0125em;--mat-card-title-text-weight:500;--mat-card-subtitle-text-font:Roboto, sans-serif;--mat-card-subtitle-text-line-height:22px;--mat-card-subtitle-text-size:14px;--mat-card-subtitle-text-tracking:0.0071428571em;--mat-card-subtitle-text-weight:500}html{--mdc-linear-progress-active-indicator-height:4px;--mdc-linear-progress-track-height:4px;--mdc-linear-progress-track-shape:0}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color:#3f51b5;--mdc-linear-progress-track-color:rgba(63, 81, 181, 0.25)}.mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color:#ff4081;--mdc-linear-progress-track-color:rgba(255, 64, 129, 0.25)}.mat-mdc-progress-bar.mat-warn{--mdc-linear-progress-active-indicator-color:#f44336;--mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25)}html{--mdc-plain-tooltip-container-shape:4px;--mdc-plain-tooltip-supporting-text-line-height:16px}html{--mdc-plain-tooltip-container-color:#616161;--mdc-plain-tooltip-supporting-text-color:#fff}html{--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:12px;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.0333333333em}html{--mdc-filled-text-field-active-indicator-height:1px;--mdc-filled-text-field-focus-active-indicator-height:2px;--mdc-filled-text-field-container-shape:4px;--mdc-outlined-text-field-outline-width:1px;--mdc-outlined-text-field-focus-outline-width:2px;--mdc-outlined-text-field-container-shape:4px}html{--mdc-filled-text-field-caret-color:#3f51b5;--mdc-filled-text-field-focus-active-indicator-color:#3f51b5;--mdc-filled-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);--mdc-filled-text-field-container-color:whitesmoke;--mdc-filled-text-field-disabled-container-color:#fafafa;--mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-error-hover-label-text-color:#f44336;--mdc-filled-text-field-error-focus-label-text-color:#f44336;--mdc-filled-text-field-error-label-text-color:#f44336;--mdc-filled-text-field-error-caret-color:#f44336;--mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, 0.42);--mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, 0.06);--mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-error-active-indicator-color:#f44336;--mdc-filled-text-field-error-focus-active-indicator-color:#f44336;--mdc-filled-text-field-error-hover-active-indicator-color:#f44336;--mdc-outlined-text-field-caret-color:#3f51b5;--mdc-outlined-text-field-focus-outline-color:#3f51b5;--mdc-outlined-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);--mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-error-caret-color:#f44336;--mdc-outlined-text-field-error-focus-label-text-color:#f44336;--mdc-outlined-text-field-error-label-text-color:#f44336;--mdc-outlined-text-field-error-hover-label-text-color:#f44336;--mdc-outlined-text-field-outline-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, 0.06);--mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-error-focus-outline-color:#f44336;--mdc-outlined-text-field-error-hover-outline-color:#f44336;--mdc-outlined-text-field-error-outline-color:#f44336;--mat-form-field-focus-select-arrow-color:rgba(63, 81, 181, 0.87);--mat-form-field-disabled-input-text-placeholder-color:rgba(0, 0, 0, 0.38);--mat-form-field-state-layer-color:rgba(0, 0, 0, 0.87);--mat-form-field-error-text-color:#f44336;--mat-form-field-select-option-text-color:inherit;--mat-form-field-select-disabled-option-text-color:GrayText;--mat-form-field-leading-icon-color:unset;--mat-form-field-disabled-leading-icon-color:unset;--mat-form-field-trailing-icon-color:unset;--mat-form-field-disabled-trailing-icon-color:unset;--mat-form-field-error-focus-trailing-icon-color:unset;--mat-form-field-error-hover-trailing-icon-color:unset;--mat-form-field-error-trailing-icon-color:unset;--mat-form-field-enabled-select-arrow-color:rgba(0, 0, 0, 0.54);--mat-form-field-disabled-select-arrow-color:rgba(0, 0, 0, 0.38);--mat-form-field-hover-state-layer-opacity:0.04;--mat-form-field-focus-state-layer-opacity:0.08}.mat-mdc-form-field.mat-accent{--mdc-filled-text-field-caret-color:#ff4081;--mdc-filled-text-field-focus-active-indicator-color:#ff4081;--mdc-filled-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);--mdc-outlined-text-field-caret-color:#ff4081;--mdc-outlined-text-field-focus-outline-color:#ff4081;--mdc-outlined-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);--mat-form-field-focus-select-arrow-color:rgba(255, 64, 129, 0.87)}.mat-mdc-form-field.mat-warn{--mdc-filled-text-field-caret-color:#f44336;--mdc-filled-text-field-focus-active-indicator-color:#f44336;--mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);--mdc-outlined-text-field-caret-color:#f44336;--mdc-outlined-text-field-focus-outline-color:#f44336;--mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);--mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-form-field-container-height:56px;--mat-form-field-filled-label-display:block;--mat-form-field-container-vertical-padding:16px;--mat-form-field-filled-with-label-container-padding-top:24px;--mat-form-field-filled-with-label-container-padding-bottom:8px}html{--mdc-filled-text-field-label-text-font:Roboto, sans-serif;--mdc-filled-text-field-label-text-size:16px;--mdc-filled-text-field-label-text-tracking:0.03125em;--mdc-filled-text-field-label-text-weight:400;--mdc-outlined-text-field-label-text-font:Roboto, sans-serif;--mdc-outlined-text-field-label-text-size:16px;--mdc-outlined-text-field-label-text-tracking:0.03125em;--mdc-outlined-text-field-label-text-weight:400;--mat-form-field-container-text-font:Roboto, sans-serif;--mat-form-field-container-text-line-height:24px;--mat-form-field-container-text-size:16px;--mat-form-field-container-text-tracking:0.03125em;--mat-form-field-container-text-weight:400;--mat-form-field-outlined-label-text-populated-size:16px;--mat-form-field-subscript-text-font:Roboto, sans-serif;--mat-form-field-subscript-text-line-height:20px;--mat-form-field-subscript-text-size:12px;--mat-form-field-subscript-text-tracking:0.0333333333em;--mat-form-field-subscript-text-weight:400}html{--mat-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(63, 81, 181, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-accent{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(255, 64, 129, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-warn{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(244, 67, 54, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-select-arrow-transform:translateY(-8px)}html{--mat-select-trigger-text-font:Roboto, sans-serif;--mat-select-trigger-text-line-height:24px;--mat-select-trigger-text-size:16px;--mat-select-trigger-text-tracking:0.03125em;--mat-select-trigger-text-weight:400}html{--mat-autocomplete-container-shape:4px;--mat-autocomplete-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-autocomplete-background-color:white}html{--mdc-dialog-container-shape:4px;--mat-dialog-container-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mat-dialog-container-max-width:80vw;--mat-dialog-container-small-max-width:80vw;--mat-dialog-container-min-width:0;--mat-dialog-actions-alignment:start;--mat-dialog-actions-padding:8px;--mat-dialog-content-padding:20px 24px;--mat-dialog-with-actions-content-padding:20px 24px;--mat-dialog-headline-padding:0 24px 9px}html{--mdc-dialog-container-color:white;--mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);--mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6)}html{--mdc-dialog-subhead-font:Roboto, sans-serif;--mdc-dialog-subhead-line-height:32px;--mdc-dialog-subhead-size:20px;--mdc-dialog-subhead-weight:500;--mdc-dialog-subhead-tracking:0.0125em;--mdc-dialog-supporting-text-font:Roboto, sans-serif;--mdc-dialog-supporting-text-line-height:24px;--mdc-dialog-supporting-text-size:16px;--mdc-dialog-supporting-text-weight:400;--mdc-dialog-supporting-text-tracking:0.03125em}.mat-mdc-standard-chip{--mdc-chip-container-shape-radius:16px;--mdc-chip-with-avatar-avatar-shape-radius:14px;--mdc-chip-with-avatar-avatar-size:28px;--mdc-chip-with-icon-icon-size:18px;--mdc-chip-outline-width:0;--mdc-chip-outline-color:transparent;--mdc-chip-disabled-outline-color:transparent;--mdc-chip-focus-outline-color:transparent;--mdc-chip-hover-state-layer-opacity:0.04;--mdc-chip-with-avatar-disabled-avatar-opacity:1;--mdc-chip-flat-selected-outline-width:0;--mdc-chip-selected-hover-state-layer-opacity:0.04;--mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:1;--mdc-chip-with-icon-disabled-icon-opacity:1;--mat-chip-disabled-container-opacity:0.4;--mat-chip-trailing-action-opacity:0.54;--mat-chip-trailing-action-focus-opacity:1;--mat-chip-trailing-action-state-layer-color:transparent;--mat-chip-selected-trailing-action-state-layer-color:transparent;--mat-chip-trailing-action-hover-state-layer-opacity:0;--mat-chip-trailing-action-focus-state-layer-opacity:0}.mat-mdc-standard-chip{--mdc-chip-disabled-label-text-color:#212121;--mdc-chip-elevated-container-color:#e0e0e0;--mdc-chip-elevated-selected-container-color:#e0e0e0;--mdc-chip-elevated-disabled-container-color:#e0e0e0;--mdc-chip-flat-disabled-selected-container-color:#e0e0e0;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:#212121;--mdc-chip-selected-label-text-color:#212121;--mdc-chip-with-icon-icon-color:#212121;--mdc-chip-with-icon-disabled-icon-color:#212121;--mdc-chip-with-icon-selected-icon-color:#212121;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;--mdc-chip-with-trailing-icon-trailing-icon-color:#212121;--mat-chip-selected-disabled-trailing-icon-color:#212121;--mat-chip-selected-trailing-icon-color:#212121}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#3f51b5;--mdc-chip-elevated-selected-container-color:#3f51b5;--mdc-chip-elevated-disabled-container-color:#3f51b5;--mdc-chip-flat-disabled-selected-container-color:#3f51b5;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#ff4081;--mdc-chip-elevated-selected-container-color:#ff4081;--mdc-chip-elevated-disabled-container-color:#ff4081;--mdc-chip-flat-disabled-selected-container-color:#ff4081;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#f44336;--mdc-chip-elevated-selected-container-color:#f44336;--mdc-chip-elevated-disabled-container-color:#f44336;--mdc-chip-flat-disabled-selected-container-color:#f44336;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-chip.mat-mdc-standard-chip{--mdc-chip-container-height:32px}.mat-mdc-standard-chip{--mdc-chip-label-text-font:Roboto, sans-serif;--mdc-chip-label-text-line-height:20px;--mdc-chip-label-text-size:14px;--mdc-chip-label-text-tracking:0.0178571429em;--mdc-chip-label-text-weight:400}html{--mdc-switch-disabled-selected-icon-opacity:0.38;--mdc-switch-disabled-track-opacity:0.12;--mdc-switch-disabled-unselected-icon-opacity:0.38;--mdc-switch-handle-height:20px;--mdc-switch-handle-shape:10px;--mdc-switch-handle-width:20px;--mdc-switch-selected-icon-size:18px;--mdc-switch-track-height:14px;--mdc-switch-track-shape:7px;--mdc-switch-track-width:36px;--mdc-switch-unselected-icon-size:18px;--mdc-switch-selected-focus-state-layer-opacity:0.12;--mdc-switch-selected-hover-state-layer-opacity:0.04;--mdc-switch-selected-pressed-state-layer-opacity:0.1;--mdc-switch-unselected-focus-state-layer-opacity:0.12;--mdc-switch-unselected-hover-state-layer-opacity:0.04;--mdc-switch-unselected-pressed-state-layer-opacity:0.1}html .mat-mdc-slide-toggle{--mat-switch-disabled-selected-handle-opacity:0.38;--mat-switch-disabled-unselected-handle-opacity:0.38;--mat-switch-unselected-handle-size:20px;--mat-switch-selected-handle-size:20px;--mat-switch-pressed-handle-size:20px;--mat-switch-with-icon-handle-size:20px;--mat-switch-selected-handle-horizontal-margin:0;--mat-switch-selected-with-icon-handle-horizontal-margin:0;--mat-switch-selected-pressed-handle-horizontal-margin:0;--mat-switch-unselected-handle-horizontal-margin:0;--mat-switch-unselected-with-icon-handle-horizontal-margin:0;--mat-switch-unselected-pressed-handle-horizontal-margin:0;--mat-switch-visible-track-opacity:1;--mat-switch-hidden-track-opacity:1;--mat-switch-visible-track-transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);--mat-switch-hidden-track-transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);--mat-switch-track-outline-width:1px;--mat-switch-track-outline-color:transparent;--mat-switch-selected-track-outline-width:1px;--mat-switch-selected-track-outline-color:transparent;--mat-switch-disabled-unselected-track-outline-width:1px;--mat-switch-disabled-unselected-track-outline-color:transparent}html{--mdc-switch-selected-focus-state-layer-color:#3949ab;--mdc-switch-selected-handle-color:#3949ab;--mdc-switch-selected-hover-state-layer-color:#3949ab;--mdc-switch-selected-pressed-state-layer-color:#3949ab;--mdc-switch-selected-focus-handle-color:#1a237e;--mdc-switch-selected-hover-handle-color:#1a237e;--mdc-switch-selected-pressed-handle-color:#1a237e;--mdc-switch-selected-focus-track-color:#7986cb;--mdc-switch-selected-hover-track-color:#7986cb;--mdc-switch-selected-pressed-track-color:#7986cb;--mdc-switch-selected-track-color:#7986cb;--mdc-switch-disabled-selected-handle-color:#424242;--mdc-switch-disabled-selected-icon-color:#fff;--mdc-switch-disabled-selected-track-color:#424242;--mdc-switch-disabled-unselected-handle-color:#424242;--mdc-switch-disabled-unselected-icon-color:#fff;--mdc-switch-disabled-unselected-track-color:#424242;--mdc-switch-handle-surface-color:#fff;--mdc-switch-selected-icon-color:#fff;--mdc-switch-unselected-focus-handle-color:#212121;--mdc-switch-unselected-focus-state-layer-color:#424242;--mdc-switch-unselected-focus-track-color:#e0e0e0;--mdc-switch-unselected-handle-color:#616161;--mdc-switch-unselected-hover-handle-color:#212121;--mdc-switch-unselected-hover-state-layer-color:#424242;--mdc-switch-unselected-hover-track-color:#e0e0e0;--mdc-switch-unselected-icon-color:#fff;--mdc-switch-unselected-pressed-handle-color:#212121;--mdc-switch-unselected-pressed-state-layer-color:#424242;--mdc-switch-unselected-pressed-track-color:#e0e0e0;--mdc-switch-unselected-track-color:#e0e0e0;--mdc-switch-handle-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-switch-disabled-handle-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38)}html .mat-mdc-slide-toggle{--mat-switch-label-text-color:rgba(0, 0, 0, 0.87)}html .mat-mdc-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color:#d81b60;--mdc-switch-selected-handle-color:#d81b60;--mdc-switch-selected-hover-state-layer-color:#d81b60;--mdc-switch-selected-pressed-state-layer-color:#d81b60;--mdc-switch-selected-focus-handle-color:#880e4f;--mdc-switch-selected-hover-handle-color:#880e4f;--mdc-switch-selected-pressed-handle-color:#880e4f;--mdc-switch-selected-focus-track-color:#f06292;--mdc-switch-selected-hover-track-color:#f06292;--mdc-switch-selected-pressed-track-color:#f06292;--mdc-switch-selected-track-color:#f06292}html .mat-mdc-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color:#e53935;--mdc-switch-selected-handle-color:#e53935;--mdc-switch-selected-hover-state-layer-color:#e53935;--mdc-switch-selected-pressed-state-layer-color:#e53935;--mdc-switch-selected-focus-handle-color:#b71c1c;--mdc-switch-selected-hover-handle-color:#b71c1c;--mdc-switch-selected-pressed-handle-color:#b71c1c;--mdc-switch-selected-focus-track-color:#e57373;--mdc-switch-selected-hover-track-color:#e57373;--mdc-switch-selected-pressed-track-color:#e57373;--mdc-switch-selected-track-color:#e57373}html{--mdc-switch-state-layer-size:40px}html .mat-mdc-slide-toggle{--mat-switch-label-text-font:Roboto, sans-serif;--mat-switch-label-text-line-height:20px;--mat-switch-label-text-size:14px;--mat-switch-label-text-tracking:0.0178571429em;--mat-switch-label-text-weight:400}html{--mdc-radio-disabled-selected-icon-opacity:0.38;--mdc-radio-disabled-unselected-icon-opacity:0.38;--mdc-radio-state-layer-size:40px}.mat-mdc-radio-button.mat-primary{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#3f51b5;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-radio-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-radio-button.mat-accent{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#ff4081;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-radio-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-radio-button.mat-warn{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#f44336;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-radio-label-text-color:rgba(0, 0, 0, 0.87)}html{--mdc-radio-state-layer-size:40px;--mat-radio-touch-target-display:block}html{--mat-radio-label-text-font:Roboto, sans-serif;--mat-radio-label-text-line-height:20px;--mat-radio-label-text-size:14px;--mat-radio-label-text-tracking:0.0178571429em;--mat-radio-label-text-weight:400}html{--mdc-slider-active-track-height:6px;--mdc-slider-active-track-shape:9999px;--mdc-slider-handle-height:20px;--mdc-slider-handle-shape:50%;--mdc-slider-handle-width:20px;--mdc-slider-inactive-track-height:4px;--mdc-slider-inactive-track-shape:9999px;--mdc-slider-with-overlap-handle-outline-width:1px;--mdc-slider-with-tick-marks-active-container-opacity:0.6;--mdc-slider-with-tick-marks-container-shape:50%;--mdc-slider-with-tick-marks-container-size:2px;--mdc-slider-with-tick-marks-inactive-container-opacity:0.6;--mdc-slider-handle-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-slider-value-indicator-width:auto;--mat-slider-value-indicator-height:32px;--mat-slider-value-indicator-caret-display:block;--mat-slider-value-indicator-border-radius:4px;--mat-slider-value-indicator-padding:0 12px;--mat-slider-value-indicator-text-transform:none;--mat-slider-value-indicator-container-transform:translateX(-50%)}html{--mdc-slider-handle-color:#3f51b5;--mdc-slider-focus-handle-color:#3f51b5;--mdc-slider-hover-handle-color:#3f51b5;--mdc-slider-active-track-color:#3f51b5;--mdc-slider-inactive-track-color:#3f51b5;--mdc-slider-with-tick-marks-inactive-container-color:#3f51b5;--mdc-slider-with-tick-marks-active-container-color:white;--mdc-slider-disabled-active-track-color:#000;--mdc-slider-disabled-handle-color:#000;--mdc-slider-disabled-inactive-track-color:#000;--mdc-slider-label-container-color:#000;--mdc-slider-label-label-text-color:#fff;--mdc-slider-with-overlap-handle-outline-color:#fff;--mdc-slider-with-tick-marks-disabled-container-color:#000;--mat-slider-ripple-color:#3f51b5;--mat-slider-hover-state-layer-color:rgba(63, 81, 181, 0.05);--mat-slider-focus-state-layer-color:rgba(63, 81, 181, 0.2);--mat-slider-value-indicator-opacity:0.6}html .mat-accent{--mdc-slider-handle-color:#ff4081;--mdc-slider-focus-handle-color:#ff4081;--mdc-slider-hover-handle-color:#ff4081;--mdc-slider-active-track-color:#ff4081;--mdc-slider-inactive-track-color:#ff4081;--mdc-slider-with-tick-marks-inactive-container-color:#ff4081;--mdc-slider-with-tick-marks-active-container-color:white;--mat-slider-ripple-color:#ff4081;--mat-slider-hover-state-layer-color:rgba(255, 64, 129, 0.05);--mat-slider-focus-state-layer-color:rgba(255, 64, 129, 0.2)}html .mat-warn{--mdc-slider-handle-color:#f44336;--mdc-slider-focus-handle-color:#f44336;--mdc-slider-hover-handle-color:#f44336;--mdc-slider-active-track-color:#f44336;--mdc-slider-inactive-track-color:#f44336;--mdc-slider-with-tick-marks-inactive-container-color:#f44336;--mdc-slider-with-tick-marks-active-container-color:white;--mat-slider-ripple-color:#f44336;--mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);--mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2)}html{--mdc-slider-label-label-text-font:Roboto, sans-serif;--mdc-slider-label-label-text-size:14px;--mdc-slider-label-label-text-line-height:22px;--mdc-slider-label-label-text-tracking:0.0071428571em;--mdc-slider-label-label-text-weight:500}html{--mat-menu-container-shape:4px;--mat-menu-divider-bottom-spacing:0;--mat-menu-divider-top-spacing:0;--mat-menu-item-spacing:16px;--mat-menu-item-icon-size:24px;--mat-menu-item-leading-spacing:16px;--mat-menu-item-trailing-spacing:16px;--mat-menu-item-with-icon-leading-spacing:16px;--mat-menu-item-with-icon-trailing-spacing:16px;--mat-menu-base-elevation-level:8}html{--mat-menu-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-menu-item-icon-color:rgba(0, 0, 0, 0.87);--mat-menu-item-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-container-color:white;--mat-menu-divider-color:rgba(0, 0, 0, 0.12)}html{--mat-menu-item-label-text-font:Roboto, sans-serif;--mat-menu-item-label-text-size:16px;--mat-menu-item-label-text-tracking:0.03125em;--mat-menu-item-label-text-line-height:24px;--mat-menu-item-label-text-weight:400}html{--mdc-list-list-item-container-shape:0;--mdc-list-list-item-leading-avatar-shape:50%;--mdc-list-list-item-container-color:transparent;--mdc-list-list-item-selected-container-color:transparent;--mdc-list-list-item-leading-avatar-color:transparent;--mdc-list-list-item-leading-icon-size:24px;--mdc-list-list-item-leading-avatar-size:40px;--mdc-list-list-item-trailing-icon-size:24px;--mdc-list-list-item-disabled-state-layer-color:transparent;--mdc-list-list-item-disabled-state-layer-opacity:0;--mdc-list-list-item-disabled-label-text-opacity:0.38;--mdc-list-list-item-disabled-leading-icon-opacity:0.38;--mdc-list-list-item-disabled-trailing-icon-opacity:0.38;--mat-list-active-indicator-color:transparent;--mat-list-active-indicator-shape:4px}html{--mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);--mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-disabled-label-text-color:black;--mdc-list-list-item-disabled-leading-icon-color:black;--mdc-list-list-item-disabled-trailing-icon-color:black;--mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-state-layer-color:black;--mdc-list-list-item-hover-state-layer-opacity:0.04;--mdc-list-list-item-focus-state-layer-color:black;--mdc-list-list-item-focus-state-layer-opacity:0.12}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5}.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081}.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336}.mat-mdc-list-option{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#3f51b5;--mdc-checkbox-selected-hover-state-layer-color:#3f51b5;--mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-accent{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ff4081;--mdc-checkbox-selected-hover-state-layer-color:#ff4081;--mdc-checkbox-selected-pressed-state-layer-color:#ff4081;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start{color:#3f51b5}.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end{opacity:1}html{--mdc-list-list-item-one-line-container-height:48px;--mdc-list-list-item-two-line-container-height:64px;--mdc-list-list-item-three-line-container-height:88px;--mat-list-list-item-leading-icon-start-space:16px;--mat-list-list-item-leading-icon-end-space:32px}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-state-layer-size:40px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}html{--mdc-list-list-item-label-text-font:Roboto, sans-serif;--mdc-list-list-item-label-text-line-height:24px;--mdc-list-list-item-label-text-size:16px;--mdc-list-list-item-label-text-tracking:0.03125em;--mdc-list-list-item-label-text-weight:400;--mdc-list-list-item-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-supporting-text-line-height:20px;--mdc-list-list-item-supporting-text-size:14px;--mdc-list-list-item-supporting-text-tracking:0.0178571429em;--mdc-list-list-item-supporting-text-weight:400;--mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-trailing-supporting-text-line-height:20px;--mdc-list-list-item-trailing-supporting-text-size:12px;--mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;--mdc-list-list-item-trailing-supporting-text-weight:400}.mdc-list-group__subheader{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em}html{--mat-paginator-container-text-color:rgba(0, 0, 0, 0.87);--mat-paginator-container-background-color:white;--mat-paginator-enabled-icon-color:rgba(0, 0, 0, 0.54);--mat-paginator-disabled-icon-color:rgba(0, 0, 0, 0.12)}html{--mat-paginator-container-size:56px;--mat-paginator-form-field-container-height:40px;--mat-paginator-form-field-container-vertical-padding:8px;--mat-paginator-touch-target-display:block}html{--mat-paginator-container-text-font:Roboto, sans-serif;--mat-paginator-container-text-line-height:20px;--mat-paginator-container-text-size:12px;--mat-paginator-container-text-tracking:0.0333333333em;--mat-paginator-container-text-weight:400;--mat-paginator-select-trigger-text-size:12px}html{--mdc-secondary-navigation-tab-container-height:48px;--mdc-tab-indicator-active-indicator-height:2px;--mdc-tab-indicator-active-indicator-shape:0;--mat-tab-header-divider-color:transparent;--mat-tab-header-divider-height:0}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mdc-tab-indicator-active-indicator-color:#3f51b5;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#3f51b5;--mat-tab-header-active-ripple-color:#3f51b5;--mat-tab-header-inactive-ripple-color:#3f51b5;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#3f51b5;--mat-tab-header-active-hover-label-text-color:#3f51b5;--mat-tab-header-active-focus-indicator-color:#3f51b5;--mat-tab-header-active-hover-indicator-color:#3f51b5}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mdc-tab-indicator-active-indicator-color:#ff4081;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#ff4081;--mat-tab-header-active-ripple-color:#ff4081;--mat-tab-header-inactive-ripple-color:#ff4081;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#ff4081;--mat-tab-header-active-hover-label-text-color:#ff4081;--mat-tab-header-active-focus-indicator-color:#ff4081;--mat-tab-header-active-hover-indicator-color:#ff4081}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mdc-tab-indicator-active-indicator-color:#f44336;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#f44336;--mat-tab-header-active-ripple-color:#f44336;--mat-tab-header-inactive-ripple-color:#f44336;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#f44336;--mat-tab-header-active-hover-label-text-color:#f44336;--mat-tab-header-active-focus-indicator-color:#f44336;--mat-tab-header-active-hover-indicator-color:#f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-tab-header-with-background-background-color:#3f51b5;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-tab-header-with-background-background-color:#ff4081;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-tab-header-with-background-background-color:#f44336;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-header{--mdc-secondary-navigation-tab-container-height:48px}.mat-mdc-tab-header{--mat-tab-header-label-text-font:Roboto, sans-serif;--mat-tab-header-label-text-size:14px;--mat-tab-header-label-text-tracking:0.0892857143em;--mat-tab-header-label-text-line-height:36px;--mat-tab-header-label-text-weight:500}html{--mdc-checkbox-disabled-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-state-layer-opacity:0.16;--mdc-checkbox-selected-hover-state-layer-opacity:0.04;--mdc-checkbox-selected-pressed-state-layer-opacity:0.16;--mdc-checkbox-unselected-focus-state-layer-opacity:0.16;--mdc-checkbox-unselected-hover-state-layer-opacity:0.04;--mdc-checkbox-unselected-pressed-state-layer-opacity:0.16}html{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ff4081;--mdc-checkbox-selected-hover-state-layer-color:#ff4081;--mdc-checkbox-selected-pressed-state-layer-color:#ff4081;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black;--mat-checkbox-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-checkbox-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-checkbox.mat-primary{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#3f51b5;--mdc-checkbox-selected-hover-state-layer-color:#3f51b5;--mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-checkbox.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}html{--mdc-checkbox-state-layer-size:40px;--mat-checkbox-touch-target-display:block}html{--mat-checkbox-label-text-font:Roboto, sans-serif;--mat-checkbox-label-text-line-height:20px;--mat-checkbox-label-text-size:14px;--mat-checkbox-label-text-tracking:0.0178571429em;--mat-checkbox-label-text-weight:400}html{--mdc-text-button-container-shape:4px;--mdc-text-button-keep-touch-target:false;--mdc-filled-button-container-shape:4px;--mdc-filled-button-keep-touch-target:false;--mdc-protected-button-container-shape:4px;--mdc-protected-button-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-focus-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-hover-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-pressed-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-outlined-button-keep-touch-target:false;--mdc-outlined-button-outline-width:1px;--mdc-outlined-button-container-shape:4px;--mat-text-button-horizontal-padding:8px;--mat-text-button-with-icon-horizontal-padding:8px;--mat-text-button-icon-spacing:8px;--mat-text-button-icon-offset:0;--mat-filled-button-horizontal-padding:16px;--mat-filled-button-icon-spacing:8px;--mat-filled-button-icon-offset:-4px;--mat-protected-button-horizontal-padding:16px;--mat-protected-button-icon-spacing:8px;--mat-protected-button-icon-offset:-4px;--mat-outlined-button-horizontal-padding:15px;--mat-outlined-button-icon-spacing:8px;--mat-outlined-button-icon-offset:-4px}html{--mdc-text-button-label-text-color:black;--mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mat-text-button-state-layer-color:black;--mat-text-button-disabled-state-layer-color:black;--mat-text-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-text-button-hover-state-layer-opacity:0.04;--mat-text-button-focus-state-layer-opacity:0.12;--mat-text-button-pressed-state-layer-opacity:0.12;--mdc-filled-button-container-color:white;--mdc-filled-button-label-text-color:black;--mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mat-filled-button-state-layer-color:black;--mat-filled-button-disabled-state-layer-color:black;--mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-filled-button-hover-state-layer-opacity:0.04;--mat-filled-button-focus-state-layer-opacity:0.12;--mat-filled-button-pressed-state-layer-opacity:0.12;--mdc-protected-button-container-color:white;--mdc-protected-button-label-text-color:black;--mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mat-protected-button-state-layer-color:black;--mat-protected-button-disabled-state-layer-color:black;--mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-protected-button-hover-state-layer-opacity:0.04;--mat-protected-button-focus-state-layer-opacity:0.12;--mat-protected-button-pressed-state-layer-opacity:0.12;--mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-label-text-color:black;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:black;--mat-outlined-button-disabled-state-layer-color:black;--mat-outlined-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-outlined-button-hover-state-layer-opacity:0.04;--mat-outlined-button-focus-state-layer-opacity:0.12;--mat-outlined-button-pressed-state-layer-opacity:0.12}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color:#3f51b5;--mat-text-button-state-layer-color:#3f51b5;--mat-text-button-ripple-color:rgba(63, 81, 181, 0.1)}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color:#ff4081;--mat-text-button-state-layer-color:#ff4081;--mat-text-button-ripple-color:rgba(255, 64, 129, 0.1)}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color:#f44336;--mat-text-button-state-layer-color:#f44336;--mat-text-button-ripple-color:rgba(244, 67, 54, 0.1)}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color:#3f51b5;--mdc-filled-button-label-text-color:white;--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color:#ff4081;--mdc-filled-button-label-text-color:white;--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color:#f44336;--mdc-filled-button-label-text-color:white;--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color:#3f51b5;--mdc-protected-button-label-text-color:white;--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color:#ff4081;--mdc-protected-button-label-text-color:white;--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color:#f44336;--mdc-protected-button-label-text-color:white;--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color:#3f51b5;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#3f51b5;--mat-outlined-button-ripple-color:rgba(63, 81, 181, 0.1)}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color:#ff4081;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#ff4081;--mat-outlined-button-ripple-color:rgba(255, 64, 129, 0.1)}.mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color:#f44336;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#f44336;--mat-outlined-button-ripple-color:rgba(244, 67, 54, 0.1)}html{--mdc-text-button-container-height:36px;--mdc-filled-button-container-height:36px;--mdc-protected-button-container-height:36px;--mdc-outlined-button-container-height:36px;--mat-text-button-touch-target-display:block;--mat-filled-button-touch-target-display:block;--mat-protected-button-touch-target-display:block;--mat-outlined-button-touch-target-display:block}html{--mdc-text-button-label-text-font:Roboto, sans-serif;--mdc-text-button-label-text-size:14px;--mdc-text-button-label-text-tracking:0.0892857143em;--mdc-text-button-label-text-weight:500;--mdc-text-button-label-text-transform:none;--mdc-filled-button-label-text-font:Roboto, sans-serif;--mdc-filled-button-label-text-size:14px;--mdc-filled-button-label-text-tracking:0.0892857143em;--mdc-filled-button-label-text-weight:500;--mdc-filled-button-label-text-transform:none;--mdc-protected-button-label-text-font:Roboto, sans-serif;--mdc-protected-button-label-text-size:14px;--mdc-protected-button-label-text-tracking:0.0892857143em;--mdc-protected-button-label-text-weight:500;--mdc-protected-button-label-text-transform:none;--mdc-outlined-button-label-text-font:Roboto, sans-serif;--mdc-outlined-button-label-text-size:14px;--mdc-outlined-button-label-text-tracking:0.0892857143em;--mdc-outlined-button-label-text-weight:500;--mdc-outlined-button-label-text-transform:none}html{--mdc-icon-button-icon-size:24px}html{--mdc-icon-button-icon-color:inherit;--mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38);--mat-icon-button-state-layer-color:black;--mat-icon-button-disabled-state-layer-color:black;--mat-icon-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-icon-button-hover-state-layer-opacity:0.04;--mat-icon-button-focus-state-layer-opacity:0.12;--mat-icon-button-pressed-state-layer-opacity:0.12}html .mat-mdc-icon-button.mat-primary{--mdc-icon-button-icon-color:#3f51b5;--mat-icon-button-state-layer-color:#3f51b5;--mat-icon-button-ripple-color:rgba(63, 81, 181, 0.1)}html .mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color:#ff4081;--mat-icon-button-state-layer-color:#ff4081;--mat-icon-button-ripple-color:rgba(255, 64, 129, 0.1)}html .mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color:#f44336;--mat-icon-button-state-layer-color:#f44336;--mat-icon-button-ripple-color:rgba(244, 67, 54, 0.1)}html{--mat-icon-button-touch-target-display:block}.mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 48px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:12px}html{--mdc-fab-container-shape:50%;--mdc-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mdc-fab-small-container-shape:50%;--mdc-fab-small-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-fab-small-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-small-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-small-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mdc-extended-fab-container-height:48px;--mdc-extended-fab-container-shape:24px;--mdc-extended-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-extended-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-extended-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-extended-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}html{--mdc-fab-container-color:white;--mat-fab-foreground-color:black;--mat-fab-state-layer-color:black;--mat-fab-disabled-state-layer-color:black;--mat-fab-ripple-color:rgba(0, 0, 0, 0.1);--mat-fab-hover-state-layer-opacity:0.04;--mat-fab-focus-state-layer-opacity:0.12;--mat-fab-pressed-state-layer-opacity:0.12;--mat-fab-disabled-state-container-color:rgba(0, 0, 0, 0.12);--mat-fab-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);--mdc-fab-small-container-color:white;--mat-fab-small-foreground-color:black;--mat-fab-small-state-layer-color:black;--mat-fab-small-disabled-state-layer-color:black;--mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);--mat-fab-small-hover-state-layer-opacity:0.04;--mat-fab-small-focus-state-layer-opacity:0.12;--mat-fab-small-pressed-state-layer-opacity:0.12;--mat-fab-small-disabled-state-container-color:rgba(0, 0, 0, 0.12);--mat-fab-small-disabled-state-foreground-color:rgba(0, 0, 0, 0.38)}html .mat-mdc-fab.mat-primary{--mdc-fab-container-color:#3f51b5;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-fab.mat-accent{--mdc-fab-container-color:#ff4081;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-fab.mat-warn{--mdc-fab-container-color:#f44336;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-primary{--mdc-fab-small-container-color:#3f51b5;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-accent{--mdc-fab-small-container-color:#ff4081;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-warn{--mdc-fab-small-container-color:#f44336;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html{--mat-fab-touch-target-display:block;--mat-fab-small-touch-target-display:block}html{--mdc-extended-fab-label-text-font:Roboto, sans-serif;--mdc-extended-fab-label-text-size:14px;--mdc-extended-fab-label-text-tracking:0.0892857143em;--mdc-extended-fab-label-text-weight:500}html{--mdc-snackbar-container-shape:4px}html{--mdc-snackbar-container-color:#333333;--mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87);--mat-snack-bar-button-color:#ff4081}html{--mdc-snackbar-supporting-text-font:Roboto, sans-serif;--mdc-snackbar-supporting-text-line-height:20px;--mdc-snackbar-supporting-text-size:14px;--mdc-snackbar-supporting-text-weight:400}html{--mat-table-row-item-outline-width:1px}html{--mat-table-background-color:white;--mat-table-header-headline-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-outline-color:rgba(0, 0, 0, 0.12)}html{--mat-table-header-container-height:56px;--mat-table-footer-container-height:52px;--mat-table-row-item-container-height:52px}html{--mat-table-header-headline-font:Roboto, sans-serif;--mat-table-header-headline-line-height:22px;--mat-table-header-headline-size:14px;--mat-table-header-headline-weight:500;--mat-table-header-headline-tracking:0.0071428571em;--mat-table-row-item-label-text-font:Roboto, sans-serif;--mat-table-row-item-label-text-line-height:20px;--mat-table-row-item-label-text-size:14px;--mat-table-row-item-label-text-weight:400;--mat-table-row-item-label-text-tracking:0.0178571429em;--mat-table-footer-supporting-text-font:Roboto, sans-serif;--mat-table-footer-supporting-text-line-height:20px;--mat-table-footer-supporting-text-size:14px;--mat-table-footer-supporting-text-weight:400;--mat-table-footer-supporting-text-tracking:0.0178571429em}html{--mdc-circular-progress-active-indicator-width:4px;--mdc-circular-progress-size:48px}html{--mdc-circular-progress-active-indicator-color:#3f51b5}html .mat-accent{--mdc-circular-progress-active-indicator-color:#ff4081}html .mat-warn{--mdc-circular-progress-active-indicator-color:#f44336}html{--mat-badge-container-shape:50%;--mat-badge-container-size:unset;--mat-badge-small-size-container-size:unset;--mat-badge-large-size-container-size:unset;--mat-badge-legacy-container-size:22px;--mat-badge-legacy-small-size-container-size:16px;--mat-badge-legacy-large-size-container-size:28px;--mat-badge-container-offset:-11px 0;--mat-badge-small-size-container-offset:-8px 0;--mat-badge-large-size-container-offset:-14px 0;--mat-badge-container-overlap-offset:-11px;--mat-badge-small-size-container-overlap-offset:-8px;--mat-badge-large-size-container-overlap-offset:-14px;--mat-badge-container-padding:0;--mat-badge-small-size-container-padding:0;--mat-badge-large-size-container-padding:0}html{--mat-badge-background-color:#3f51b5;--mat-badge-text-color:white;--mat-badge-disabled-state-background-color:#b9b9b9;--mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38)}.mat-badge-accent{--mat-badge-background-color:#ff4081;--mat-badge-text-color:white}.mat-badge-warn{--mat-badge-background-color:#f44336;--mat-badge-text-color:white}html{--mat-badge-text-font:Roboto, sans-serif;--mat-badge-line-height:22px;--mat-badge-text-size:12px;--mat-badge-text-weight:600;--mat-badge-small-size-text-size:9px;--mat-badge-small-size-line-height:16px;--mat-badge-large-size-text-size:24px;--mat-badge-large-size-line-height:28px}html{--mat-bottom-sheet-container-shape:4px}html{--mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);--mat-bottom-sheet-container-background-color:white}html{--mat-bottom-sheet-container-text-font:Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height:20px;--mat-bottom-sheet-container-text-size:14px;--mat-bottom-sheet-container-text-tracking:0.0178571429em;--mat-bottom-sheet-container-text-weight:400}html{--mat-legacy-button-toggle-height:36px;--mat-legacy-button-toggle-shape:2px;--mat-legacy-button-toggle-focus-state-layer-opacity:1;--mat-standard-button-toggle-shape:4px;--mat-standard-button-toggle-hover-state-layer-opacity:0.04;--mat-standard-button-toggle-focus-state-layer-opacity:0.12}html{--mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);--mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);--mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);--mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;--mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;--mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-background-color:white;--mat-standard-button-toggle-state-layer-color:black;--mat-standard-button-toggle-selected-state-background-color:#e0e0e0;--mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-standard-button-toggle-disabled-state-background-color:white;--mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-divider-color:#e0e0e0}html{--mat-standard-button-toggle-height:48px}html{--mat-legacy-button-toggle-label-text-font:Roboto, sans-serif;--mat-legacy-button-toggle-label-text-line-height:24px;--mat-legacy-button-toggle-label-text-size:16px;--mat-legacy-button-toggle-label-text-tracking:0.03125em;--mat-legacy-button-toggle-label-text-weight:400;--mat-standard-button-toggle-label-text-font:Roboto, sans-serif;--mat-standard-button-toggle-label-text-line-height:24px;--mat-standard-button-toggle-label-text-size:16px;--mat-standard-button-toggle-label-text-tracking:0.03125em;--mat-standard-button-toggle-label-text-weight:400}html{--mat-datepicker-calendar-container-shape:4px;--mat-datepicker-calendar-container-touch-shape:4px;--mat-datepicker-calendar-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}html{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#3f51b5;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-toggle-active-state-icon-color:#3f51b5;--mat-datepicker-calendar-date-in-range-state-background-color:rgba(63, 81, 181, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;--mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-period-button-text-color:black;--mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);--mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-outline-color:transparent;--mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);--mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);--mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);--mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-container-background-color:white;--mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-datepicker-content.mat-accent{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#ff4081;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 64, 129, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 64, 129, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-content.mat-warn{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-toggle-active.mat-accent{--mat-datepicker-toggle-active-state-icon-color:#ff4081}.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-toggle-active-state-icon-color:#f44336}.mat-calendar-controls{--mat-icon-button-touch-target-display:none}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 40px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:8px}html{--mat-datepicker-calendar-text-font:Roboto, sans-serif;--mat-datepicker-calendar-text-size:13px;--mat-datepicker-calendar-body-label-text-size:14px;--mat-datepicker-calendar-body-label-text-weight:500;--mat-datepicker-calendar-period-button-text-size:14px;--mat-datepicker-calendar-period-button-text-weight:500;--mat-datepicker-calendar-header-text-size:11px;--mat-datepicker-calendar-header-text-weight:400}html{--mat-divider-width:1px}html{--mat-divider-color:rgba(0, 0, 0, 0.12)}html{--mat-expansion-container-shape:4px;--mat-expansion-legacy-header-indicator-display:inline-block;--mat-expansion-header-indicator-display:none}html{--mat-expansion-container-background-color:white;--mat-expansion-container-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12);--mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-expansion-header-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-header-description-color:rgba(0, 0, 0, 0.54);--mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54)}html{--mat-expansion-header-collapsed-state-height:48px;--mat-expansion-header-expanded-state-height:64px}html{--mat-expansion-header-text-font:Roboto, sans-serif;--mat-expansion-header-text-size:14px;--mat-expansion-header-text-weight:500;--mat-expansion-header-text-line-height:inherit;--mat-expansion-header-text-tracking:inherit;--mat-expansion-container-text-font:Roboto, sans-serif;--mat-expansion-container-text-line-height:20px;--mat-expansion-container-text-size:14px;--mat-expansion-container-text-tracking:0.0178571429em;--mat-expansion-container-text-weight:400}html{--mat-grid-list-tile-header-primary-text-size:14px;--mat-grid-list-tile-header-secondary-text-size:12px;--mat-grid-list-tile-footer-primary-text-size:14px;--mat-grid-list-tile-footer-secondary-text-size:12px}html{--mat-icon-color:inherit}.mat-icon.mat-primary{--mat-icon-color:#3f51b5}.mat-icon.mat-accent{--mat-icon-color:#ff4081}.mat-icon.mat-warn{--mat-icon-color:#f44336}html{--mat-sidenav-container-shape:0;--mat-sidenav-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);--mat-sidenav-container-width:auto}html{--mat-sidenav-container-divider-color:rgba(0, 0, 0, 0.12);--mat-sidenav-container-background-color:white;--mat-sidenav-container-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-content-background-color:#fafafa;--mat-sidenav-content-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-scrim-color:rgba(0, 0, 0, 0.6)}html{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#3f51b5;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#3f51b5;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#3f51b5;--mat-stepper-header-edit-state-icon-foreground-color:white;--mat-stepper-container-color:white;--mat-stepper-line-color:rgba(0, 0, 0, 0.12);--mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-error-state-label-text-color:#f44336;--mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-error-state-icon-foreground-color:#f44336;--mat-stepper-header-error-state-icon-background-color:transparent}html .mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#ff4081;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#ff4081;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#ff4081;--mat-stepper-header-edit-state-icon-foreground-color:white}html .mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#f44336;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#f44336;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#f44336;--mat-stepper-header-edit-state-icon-foreground-color:white}html{--mat-stepper-header-height:72px}html{--mat-stepper-container-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-size:14px;--mat-stepper-header-label-text-weight:400;--mat-stepper-header-error-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-weight:400}html{--mat-sort-arrow-color:#757575}html{--mat-toolbar-container-background-color:whitesmoke;--mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color:#3f51b5;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color:#ff4081;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color:#f44336;--mat-toolbar-container-text-color:white}html{--mat-toolbar-standard-height:64px;--mat-toolbar-mobile-height:56px}html{--mat-toolbar-title-text-font:Roboto, sans-serif;--mat-toolbar-title-text-line-height:32px;--mat-toolbar-title-text-size:20px;--mat-toolbar-title-text-tracking:0.0125em;--mat-toolbar-title-text-weight:500}html{--mat-tree-container-background-color:white;--mat-tree-node-text-color:rgba(0, 0, 0, 0.87)}html{--mat-tree-node-min-height:48px}html{--mat-tree-node-text-font:Roboto, sans-serif;--mat-tree-node-text-size:14px;--mat-tree-node-text-weight:400}.mat-h1,.mat-headline-5,.mat-typography .mat-h1,.mat-typography .mat-headline-5,.mat-typography h1{font:400 24px/32px Roboto, sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-headline-6,.mat-typography .mat-h2,.mat-typography .mat-headline-6,.mat-typography h2{font:500 20px/32px Roboto, sans-serif;letter-spacing:.0125em;margin:0 0 16px}.mat-h3,.mat-subtitle-1,.mat-typography .mat-h3,.mat-typography .mat-subtitle-1,.mat-typography h3{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em;margin:0 0 16px}.mat-h4,.mat-body-1,.mat-typography .mat-h4,.mat-typography .mat-body-1,.mat-typography h4{font:400 16px/24px Roboto, sans-serif;letter-spacing:.03125em;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px*.83)/20px Roboto, sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px*.67)/20px Roboto, sans-serif;margin:0 0 12px}.mat-body-strong,.mat-subtitle-2,.mat-typography .mat-body-strong,.mat-typography .mat-subtitle-2{font:500 14px/22px Roboto, sans-serif;letter-spacing:.0071428571em}.mat-body,.mat-body-2,.mat-typography .mat-body,.mat-typography .mat-body-2,.mat-typography{font:400 14px/20px Roboto, sans-serif;letter-spacing:.0178571429em}.mat-body p,.mat-body-2 p,.mat-typography .mat-body p,.mat-typography .mat-body-2 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption{font:400 12px/20px Roboto, sans-serif;letter-spacing:.0333333333em}.mat-headline-1,.mat-typography .mat-headline-1{font:300 96px/96px Roboto, sans-serif;letter-spacing:-0.015625em;margin:0 0 56px}.mat-headline-2,.mat-typography .mat-headline-2{font:300 60px/60px Roboto, sans-serif;letter-spacing:-.0083333333em;margin:0 0 64px}.mat-headline-3,.mat-typography .mat-headline-3{font:400 48px/50px Roboto, sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-headline-4,.mat-typography .mat-headline-4{font:400 34px/40px Roboto, sans-serif;letter-spacing:.0073529412em;margin:0 0 64px}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@alf/angular-design-system/assets/styles/styles.css?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Do not edit directly, this file was auto-generated.
 */
:root {
  --halo-size-icon-small: 12px;
  --halo-size-icon-medium: 16px;
  --halo-size-icon-large: 20px;
  --halo-size-icon-x-large: 24px;
  --halo-size-icon-2x-large: 32px;
  --halo-size-icon-3x-large: 40px;
  --halo-size-illustration-medium: 104px;
  --halo-size-illustration-large: 144px;
  --halo-size-illustration-x-large: 200px;
  --halo-size-illustration-2x-large: 240px;
  --halo-size-illustration-small: 72px;
  --halo-size-illustration-x-small: 48px;
  --halo-size-illustration-2x-small: 40px;
  --halo-size-illustration-3x-large: 320px;
  --halo-spacing-5x-small: 2px;
  --halo-spacing-none: 0px;
  --halo-spacing-4x-small: 4px;
  --halo-spacing-3x-small: 6px;
  --halo-spacing-2x-small: 8px;
  --halo-spacing-x-small: 10px;
  --halo-spacing-small: 12px;
  --halo-spacing-medium: 16px;
  --halo-spacing-large: 20px;
  --halo-spacing-x-large: 24px;
  --halo-spacing-2x-large: 32px;
  --halo-spacing-3x-large: 40px;
  --halo-spacing-4x-large: 48px;
  --halo-spacing-5x-large: 56px;
  --halo-spacing-6x-large: 64px;
  --halo-spacing-7x-large: 80px;
  --halo-spacing-8x-large: 120px;
  --halo-radius-none: 0px;
  --halo-radius-3x-small: 2px;
  --halo-radius-2x-small: 4px;
  --halo-radius-x-small: 6px;
  --halo-radius-small: 8px;
  --halo-radius-medium: 10px;
  --halo-radius-large: 12px;
  --halo-radius-x-large: 16px;
  --halo-radius-2x-large: 20px;
  --halo-radius-3x-large: 24px;
  --halo-radius-round: 9999px;
  --halo-radius-4x-large: 32px;
}

/**
 * Do not edit directly, this file was auto-generated.
 */
.lib-laposte {
  --halo-status-content-success: #007f00;
  --halo-status-background-success: #e2f6e2;
  --halo-status-content-warning: #c24100;
  --halo-status-background-warning: #ffeedd;
  --halo-status-content-error: #c61111;
  --halo-status-background-error: #ffedeb;
  --halo-status-content-information: #006bd4;
  --halo-status-background-information: #e5f2ff;
  --halo-status-content-all-accent: #ffffff;
  --halo-status-background-success-accent: #008800;
  --halo-status-background-warning-accent: #ce4600;
  --halo-status-background-error-accent: #e71616;
  --halo-status-background-information-accent: #0072e2;
  --halo-status-border-error: #c61111;
  --halo-status-border-success: #007f00;
  --halo-status-border-warning: #c24100;
  --halo-status-border-information: #006bd4;
  --halo-additional-content-color1: #007a7a;
  --halo-additional-content-color2: #7f3fff;
  --halo-additional-content-color3: #d01672;
  --halo-additional-content-color4: #a05d00;
  --halo-additional-background-color1: #daf7f5;
  --halo-additional-background-color2: #f4eeff;
  --halo-additional-background-color3: #ffecf5;
  --halo-additional-background-color4: #faf1d5;
  --halo-additional-content-all-accent: #ffffff;
  --halo-additional-background-color1-accent: #008282;
  --halo-additional-background-color2-accent: #874bff;
  --halo-additional-background-color3-accent: #de187a;
  --halo-additional-background-color4-accent: #aa6400;
  --halo-additional-border-color1: #007a7a;
  --halo-additional-border-color2: #7f3fff;
  --halo-additional-border-color3: #d01672;
  --halo-additional-border-color4: #a05d00;
  --halo-neutral-content-strong: #353535;
  --halo-neutral-content-medium: #636363;
  --halo-neutral-border-strong: #c6c6c6;
  --halo-neutral-border-medium: #e2e2e2;
  --halo-neutral-background-strong: #ffffff;
  --halo-neutral-background-medium: #f6f6f6;
  --halo-neutral-background-soft: #f1f1f1;
  --halo-neutral-content-accent: #ffffff;
  --halo-neutral-background-accent: #636363;
  --halo-brand-content: #003da5;
  --halo-brand-decoration: #ffcb05;
  --halo-brand-background: #fcf0ca;
  --halo-brand-background-accent: #ffcb05;
  --halo-brand-content-accent: #353535;
  --halo-global-content-link: #0058e1;
  --halo-global-border-focus: #0058e1;
  --halo-global-all-disabled-strong: #919191;
  --halo-global-all-disabled-soft: #e2e2e2;
  --halo-global-overlay-medium: rgba(24, 24, 24, 0.32);
  --halo-action-primary-content-default: #353535;
  --halo-action-primary-content-interacting: #353535;
  --halo-action-primary-border-default: rgba(145, 145, 145, 0);
  --halo-action-primary-border-interacting: rgba(145, 145, 145, 0);
  --halo-action-primary-background-default: #ffcb05;
  --halo-action-primary-background-interacting: #f9e28c;
  --halo-action-secondary-content-default: #353535;
  --halo-action-secondary-content-interacting: #353535;
  --halo-action-secondary-border-default: #ffcb05;
  --halo-action-secondary-border-interacting: #f9e28c;
  --halo-action-secondary-background-default: #ffffff;
  --halo-action-secondary-background-interacting: #fcf0ca;
  --halo-action-tertiary-content-default: #353535;
  --halo-action-tertiary-content-interacting: #353535;
  --halo-action-tertiary-border-default: rgba(145, 145, 145, 0);
  --halo-action-tertiary-border-interacting: rgba(145, 145, 145, 0);
  --halo-action-tertiary-background-default: rgba(145, 145, 145, 0);
  --halo-action-tertiary-background-interacting: #fcf0ca;
  --halo-selection-primary-content-default: #003da5;
  --halo-selection-primary-content-interacting: #0058e1;
  --halo-selection-primary-border-default: #003da5;
  --halo-selection-primary-border-interacting: #0058e1;
  --halo-selection-primary-background-default: #eef0ff;
  --halo-selection-primary-background-interacting: #dce1ff;
  --halo-selection-primary-content-selected: #ffffff;
  --halo-selection-primary-border-selected: #003da5;
  --halo-selection-primary-background-selected: #003da5;
  --halo-selection-secondary-content-default: #353535;
  --halo-selection-secondary-content-interacting: #353535;
  --halo-selection-secondary-content-selected: #003da5;
  --halo-selection-secondary-border-default: rgba(145, 145, 145, 0);
  --halo-selection-secondary-border-interacting: rgba(145, 145, 145, 0);
  --halo-selection-secondary-border-selected: rgba(145, 145, 145, 0);
  --halo-selection-secondary-background-default: rgba(145, 145, 145, 0);
  --halo-selection-secondary-background-interacting: #f1f1f1;
  --halo-selection-secondary-background-selected: #eef0ff;
  --halo-edition-content-default: #353535;
  --halo-edition-content-interacting: #0058e1;
  --halo-edition-border-default: #c6c6c6;
  --halo-edition-border-interacting: #0058e1;
  --halo-edition-background-default: #ffffff;
  --halo-edition-background-interacting: #ffffff;
}

/**
 * Do not edit directly, this file was auto-generated.
 */
.lib-transverse {
  --halo-status-content-success: #007f00;
  --halo-status-background-success: #e2f6e2;
  --halo-status-content-warning: #c24100;
  --halo-status-background-warning: #ffeedd;
  --halo-status-content-error: #c61111;
  --halo-status-background-error: #ffedeb;
  --halo-status-content-information: #006bd4;
  --halo-status-background-information: #e5f2ff;
  --halo-status-content-all-accent: #ffffff;
  --halo-status-background-success-accent: #008800;
  --halo-status-background-warning-accent: #ce4600;
  --halo-status-background-error-accent: #e71616;
  --halo-status-background-information-accent: #0072e2;
  --halo-status-border-error: #c61111;
  --halo-status-border-success: #007f00;
  --halo-status-border-warning: #c24100;
  --halo-status-border-information: #006bd4;
  --halo-additional-content-color1: #007a7a;
  --halo-additional-content-color2: #7f3fff;
  --halo-additional-content-color3: #d01672;
  --halo-additional-content-color4: #a05d00;
  --halo-additional-background-color1: #daf7f5;
  --halo-additional-background-color2: #f4eeff;
  --halo-additional-background-color3: #ffecf5;
  --halo-additional-background-color4: #faf1d5;
  --halo-additional-content-all-accent: #ffffff;
  --halo-additional-background-color1-accent: #008282;
  --halo-additional-background-color2-accent: #874bff;
  --halo-additional-background-color3-accent: #de187a;
  --halo-additional-background-color4-accent: #aa6400;
  --halo-additional-border-color1: #007a7a;
  --halo-additional-border-color2: #7f3fff;
  --halo-additional-border-color3: #d01672;
  --halo-additional-border-color4: #a05d00;
  --halo-neutral-content-strong: #353535;
  --halo-neutral-content-medium: #636363;
  --halo-neutral-border-strong: #c6c6c6;
  --halo-neutral-border-medium: #e2e2e2;
  --halo-neutral-background-strong: #ffffff;
  --halo-neutral-background-medium: #f6f6f6;
  --halo-neutral-background-soft: #f1f1f1;
  --halo-neutral-content-accent: #ffffff;
  --halo-neutral-background-accent: #636363;
  --halo-brand-content: #003da5;
  --halo-brand-decoration: #003da5;
  --halo-brand-background: #eef0ff;
  --halo-brand-background-accent: #003da5;
  --halo-brand-content-accent: #ffffff;
  --halo-global-content-link: #0058e1;
  --halo-global-border-focus: #0058e1;
  --halo-global-all-disabled-strong: #919191;
  --halo-global-all-disabled-soft: #e2e2e2;
  --halo-global-overlay-medium: rgba(24, 24, 24, 0.32);
  --halo-action-primary-content-default: #ffffff;
  --halo-action-primary-content-interacting: #ffffff;
  --halo-action-primary-border-default: rgba(145, 145, 145, 0);
  --halo-action-primary-border-interacting: rgba(145, 145, 145, 0);
  --halo-action-primary-background-default: #003da5;
  --halo-action-primary-background-interacting: #0058e1;
  --halo-action-secondary-content-default: #003da5;
  --halo-action-secondary-content-interacting: #0058e1;
  --halo-action-secondary-border-default: #003da5;
  --halo-action-secondary-border-interacting: #0058e1;
  --halo-action-secondary-background-default: #ffffff;
  --halo-action-secondary-background-interacting: #eef0ff;
  --halo-action-tertiary-content-default: #003da5;
  --halo-action-tertiary-content-interacting: #0058e1;
  --halo-action-tertiary-border-default: rgba(145, 145, 145, 0);
  --halo-action-tertiary-border-interacting: rgba(145, 145, 145, 0);
  --halo-action-tertiary-background-default: rgba(145, 145, 145, 0);
  --halo-action-tertiary-background-interacting: #eef0ff;
  --halo-selection-primary-content-default: #003da5;
  --halo-selection-primary-content-interacting: #0058e1;
  --halo-selection-primary-border-default: #003da5;
  --halo-selection-primary-border-interacting: #0058e1;
  --halo-selection-primary-background-default: #eef0ff;
  --halo-selection-primary-background-interacting: #dce1ff;
  --halo-selection-primary-content-selected: #ffffff;
  --halo-selection-primary-border-selected: #003da5;
  --halo-selection-primary-background-selected: #003da5;
  --halo-selection-secondary-content-default: #353535;
  --halo-selection-secondary-content-interacting: #353535;
  --halo-selection-secondary-content-selected: #003da5;
  --halo-selection-secondary-border-default: rgba(145, 145, 145, 0);
  --halo-selection-secondary-border-interacting: rgba(145, 145, 145, 0);
  --halo-selection-secondary-border-selected: rgba(145, 145, 145, 0);
  --halo-selection-secondary-background-default: rgba(145, 145, 145, 0);
  --halo-selection-secondary-background-interacting: #f1f1f1;
  --halo-selection-secondary-background-selected: #eef0ff;
  --halo-edition-content-default: #353535;
  --halo-edition-content-interacting: #0058e1;
  --halo-edition-border-default: #c6c6c6;
  --halo-edition-border-interacting: #0058e1;
  --halo-edition-background-default: #ffffff;
  --halo-edition-background-interacting: #ffffff;
}

/**
 * Do not edit directly, this file was auto-generated.
 */
.lib-lbp {
  --halo-status-content-success: #007f00;
  --halo-status-background-success: #e2f6e2;
  --halo-status-content-warning: #c24100;
  --halo-status-background-warning: #ffeedd;
  --halo-status-content-error: #c61111;
  --halo-status-background-error: #ffedeb;
  --halo-status-content-information: #006bd4;
  --halo-status-background-information: #e5f2ff;
  --halo-status-content-all-accent: #ffffff;
  --halo-status-background-success-accent: #008800;
  --halo-status-background-warning-accent: #ce4600;
  --halo-status-background-error-accent: #e71616;
  --halo-status-background-information-accent: #0072e2;
  --halo-status-border-error: #c61111;
  --halo-status-border-success: #007f00;
  --halo-status-border-warning: #c24100;
  --halo-status-border-information: #006bd4;
  --halo-additional-content-color1: #007a7a;
  --halo-additional-content-color2: #7f3fff;
  --halo-additional-content-color3: #d01672;
  --halo-additional-content-color4: #a05d00;
  --halo-additional-background-color1: #daf7f5;
  --halo-additional-background-color2: #f4eeff;
  --halo-additional-background-color3: #ffecf5;
  --halo-additional-background-color4: #faf1d5;
  --halo-additional-content-all-accent: #ffffff;
  --halo-additional-background-color1-accent: #008282;
  --halo-additional-background-color2-accent: #874bff;
  --halo-additional-background-color3-accent: #de187a;
  --halo-additional-background-color4-accent: #aa6400;
  --halo-additional-border-color1: #007a7a;
  --halo-additional-border-color2: #7f3fff;
  --halo-additional-border-color3: #d01672;
  --halo-additional-border-color4: #a05d00;
  --halo-neutral-content-strong: #353535;
  --halo-neutral-content-medium: #636363;
  --halo-neutral-border-strong: #c6c6c6;
  --halo-neutral-border-medium: #e2e2e2;
  --halo-neutral-background-strong: #ffffff;
  --halo-neutral-background-medium: #f6f6f6;
  --halo-neutral-background-soft: #f1f1f1;
  --halo-neutral-content-accent: #ffffff;
  --halo-neutral-background-accent: #636363;
  --halo-brand-content: #005dd2;
  --halo-brand-decoration: #136cdb;
  --halo-brand-background: #e7f2ff;
  --halo-brand-background-accent: #136cdb;
  --halo-brand-content-accent: #ffffff;
  --halo-global-content-link: #0058e1;
  --halo-global-border-focus: #0058e1;
  --halo-global-all-disabled-strong: #919191;
  --halo-global-all-disabled-soft: #e2e2e2;
  --halo-global-overlay-medium: rgba(24, 24, 24, 0.32);
  --halo-action-primary-content-default: #ffffff;
  --halo-action-primary-content-interacting: #ffffff;
  --halo-action-primary-border-default: rgba(145, 145, 145, 0);
  --halo-action-primary-border-interacting: rgba(145, 145, 145, 0);
  --halo-action-primary-background-default: #136cdb;
  --halo-action-primary-background-interacting: #004ca8;
  --halo-action-secondary-content-default: #136cdb;
  --halo-action-secondary-content-interacting: #004ca8;
  --halo-action-secondary-border-default: #136cdb;
  --halo-action-secondary-border-interacting: #004ca8;
  --halo-action-secondary-background-default: #ffffff;
  --halo-action-secondary-background-interacting: #e7f2ff;
  --halo-action-tertiary-content-default: #136cdb;
  --halo-action-tertiary-content-interacting: #004ca8;
  --halo-action-tertiary-border-default: rgba(145, 145, 145, 0);
  --halo-action-tertiary-border-interacting: rgba(145, 145, 145, 0);
  --halo-action-tertiary-background-default: rgba(145, 145, 145, 0);
  --halo-action-tertiary-background-interacting: #e7f2ff;
  --halo-selection-primary-content-default: #003da5;
  --halo-selection-primary-content-interacting: #0058e1;
  --halo-selection-primary-border-default: #003da5;
  --halo-selection-primary-border-interacting: #0058e1;
  --halo-selection-primary-background-default: #eef0ff;
  --halo-selection-primary-background-interacting: #dce1ff;
  --halo-selection-primary-content-selected: #ffffff;
  --halo-selection-primary-border-selected: #003da5;
  --halo-selection-primary-background-selected: #003da5;
  --halo-selection-secondary-content-default: #353535;
  --halo-selection-secondary-content-interacting: #353535;
  --halo-selection-secondary-content-selected: #003da5;
  --halo-selection-secondary-border-default: rgba(145, 145, 145, 0);
  --halo-selection-secondary-border-interacting: rgba(145, 145, 145, 0);
  --halo-selection-secondary-border-selected: rgba(145, 145, 145, 0);
  --halo-selection-secondary-background-default: rgba(145, 145, 145, 0);
  --halo-selection-secondary-background-interacting: #f1f1f1;
  --halo-selection-secondary-background-selected: #eef0ff;
  --halo-edition-content-default: #353535;
  --halo-edition-content-interacting: #0058e1;
  --halo-edition-border-default: #c6c6c6;
  --halo-edition-border-interacting: #0058e1;
  --halo-edition-background-default: #ffffff;
  --halo-edition-background-interacting: #ffffff;
}

/**
 * Do not edit directly, this file was auto-generated.
 */
.lib-pro {
  --halo-status-content-success: #007f00;
  --halo-status-background-success: #e2f6e2;
  --halo-status-content-warning: #c24100;
  --halo-status-background-warning: #ffeedd;
  --halo-status-content-error: #c61111;
  --halo-status-background-error: #ffedeb;
  --halo-status-content-information: #006bd4;
  --halo-status-background-information: #e5f2ff;
  --halo-status-content-all-accent: #ffffff;
  --halo-status-background-success-accent: #008800;
  --halo-status-background-warning-accent: #ce4600;
  --halo-status-background-error-accent: #e71616;
  --halo-status-background-information-accent: #0072e2;
  --halo-status-border-error: #c61111;
  --halo-status-border-success: #007f00;
  --halo-status-border-warning: #c24100;
  --halo-status-border-information: #006bd4;
  --halo-additional-content-color1: #007a7a;
  --halo-additional-content-color2: #7f3fff;
  --halo-additional-content-color3: #d01672;
  --halo-additional-content-color4: #a05d00;
  --halo-additional-background-color1: #daf7f5;
  --halo-additional-background-color2: #f4eeff;
  --halo-additional-background-color3: #ffecf5;
  --halo-additional-background-color4: #faf1d5;
  --halo-additional-content-all-accent: #ffffff;
  --halo-additional-background-color1-accent: #008282;
  --halo-additional-background-color2-accent: #874bff;
  --halo-additional-background-color3-accent: #de187a;
  --halo-additional-background-color4-accent: #aa6400;
  --halo-additional-border-color1: #007a7a;
  --halo-additional-border-color2: #7f3fff;
  --halo-additional-border-color3: #d01672;
  --halo-additional-border-color4: #a05d00;
  --halo-neutral-content-strong: #353535;
  --halo-neutral-content-medium: #636363;
  --halo-neutral-border-strong: #c6c6c6;
  --halo-neutral-border-medium: #e2e2e2;
  --halo-neutral-background-strong: #ffffff;
  --halo-neutral-background-medium: #f6f6f6;
  --halo-neutral-background-soft: #f1f1f1;
  --halo-neutral-content-accent: #ffffff;
  --halo-neutral-background-accent: #636363;
  --halo-brand-content: #a71680;
  --halo-brand-decoration: #a71680;
  --halo-brand-background: #fcedf7;
  --halo-brand-background-accent: #a71680;
  --halo-brand-content-accent: #ffffff;
  --halo-global-content-link: #0058e1;
  --halo-global-border-focus: #0058e1;
  --halo-global-all-disabled-strong: #919191;
  --halo-global-all-disabled-soft: #e2e2e2;
  --halo-global-overlay-medium: rgba(24, 24, 24, 0.32);
  --halo-action-primary-content-default: #ffffff;
  --halo-action-primary-content-interacting: #ffffff;
  --halo-action-primary-border-default: rgba(145, 145, 145, 0);
  --halo-action-primary-border-interacting: rgba(145, 145, 145, 0);
  --halo-action-primary-background-default: #a71680;
  --halo-action-primary-background-interacting: #c32599;
  --halo-action-secondary-content-default: #a71680;
  --halo-action-secondary-content-interacting: #c32599;
  --halo-action-secondary-border-default: #a71680;
  --halo-action-secondary-border-interacting: #c32599;
  --halo-action-secondary-background-default: #ffffff;
  --halo-action-secondary-background-interacting: #fcedf7;
  --halo-action-tertiary-content-default: #a71680;
  --halo-action-tertiary-content-interacting: #c32599;
  --halo-action-tertiary-border-default: rgba(145, 145, 145, 0);
  --halo-action-tertiary-border-interacting: rgba(145, 145, 145, 0);
  --halo-action-tertiary-background-default: rgba(145, 145, 145, 0);
  --halo-action-tertiary-background-interacting: #fcedf7;
  --halo-selection-primary-content-default: #003da5;
  --halo-selection-primary-content-interacting: #0058e1;
  --halo-selection-primary-border-default: #003da5;
  --halo-selection-primary-border-interacting: #0058e1;
  --halo-selection-primary-background-default: #eef0ff;
  --halo-selection-primary-background-interacting: #dce1ff;
  --halo-selection-primary-content-selected: #ffffff;
  --halo-selection-primary-border-selected: #003da5;
  --halo-selection-primary-background-selected: #003da5;
  --halo-selection-secondary-content-default: #353535;
  --halo-selection-secondary-content-interacting: #353535;
  --halo-selection-secondary-content-selected: #003da5;
  --halo-selection-secondary-border-default: rgba(145, 145, 145, 0);
  --halo-selection-secondary-border-interacting: rgba(145, 145, 145, 0);
  --halo-selection-secondary-border-selected: rgba(145, 145, 145, 0);
  --halo-selection-secondary-background-default: rgba(145, 145, 145, 0);
  --halo-selection-secondary-background-interacting: #f1f1f1;
  --halo-selection-secondary-background-selected: #eef0ff;
  --halo-edition-content-default: #353535;
  --halo-edition-content-interacting: #0058e1;
  --halo-edition-border-default: #c6c6c6;
  --halo-edition-border-interacting: #0058e1;
  --halo-edition-background-default: #ffffff;
  --halo-edition-background-interacting: #ffffff;
}

/*
Enregistrement des fonts

Le chargement des fonts est très sensible.

Si l'application est déployée sur on context-path = '', pas de sujet.
Le problème apparaît lorsqu'il y a un context-path (i.e. navigation).
L'élement base href du HTML n'est pris en compte que si la valeur src de @font-face
est relatif. 

Si src de @font-face est relatif, alors il faut savoir que les différents pré-processeurs SCSS
(angular, storybook) se comportent différemment:
- pour le pré-processeur angular (1), si le scss est chargé par le angular.json
  le chargement se fait relatif au .scss qui déclare le @font-face.
  sans prendre en considération la mixin (si le @font-face est déclaré dans une mixin, c'est le  
  fichier scss utilisant la mixin qui est pris comme base).
- pour le pré-processeur storybook, le chargement se fait relatif au .scss qui déclare le @font-face.
  Et si c'est un mixin, alors c'est relatif par rapport au mixin !!!
- pour le pré-processeur angular (2), si le scss est chargé par un fichier scss lui-même référencé dans le angular.json. 
  c'est le scss référencé dans le json qui est utilisé comme base... wtf...

Si src de @font-face est absolu, alors c'est absolu par rapport au hostname de l'url (le context-root
ne sera pas pris en compte). Il s'agira si on s'oriente vers cette solutiokn de trouver un moyen
d'injecter la valeur du context-path dans le src.

=> pour l'instant, nous avons choisi 'src de @font-face est relatif'
*/
@font-face {
  font-family: "MaterialIcons";
  font-style: normal;
  font-weight: 400;
  src: url('MaterialIcons-Regular.86426dd82f7311f9.woff') format("woff");
}
@font-face {
  font-family: "Roboto";
  font-weight: 300;
  src: url('roboto-v30-latin-300.2ba2700a2ea0257e.eot?') format("eot"), url('roboto-v30-latin-300.a4eae32d320f45e6.woff2') format("woff2"), url('roboto-v30-latin-300.006981bf6ff6087f.woff') format("woff"), url('roboto-v30-latin-300.03afbc71328ddce3.ttf') format("truetype"), url('roboto-v30-latin-300.e38791bcb2ed8832.svg#Roboto') format("svg");
}
@font-face {
  font-family: "Roboto";
  font-weight: 400;
  src: url('roboto-v30-latin-regular.fd3d43dca6073794.eot?') format("eot"), url('roboto-v30-latin-regular.f2894edcf7d09d36.woff2') format("woff2"), url('roboto-v30-latin-regular.224e95b0e84110d8.woff') format("woff"), url('roboto-v30-latin-regular.51a8bbaf2137213a.ttf') format("truetype"), url('roboto-v30-latin-regular.e6bed6ae46b33512.svg#Roboto') format("svg");
}
@font-face {
  font-family: "Roboto";
  font-weight: 500;
  src: url('roboto-v30-latin-500.32312afdb9e73da9.eot?') format("eot"), url('roboto-v30-latin-500.3170fd9aa9258fe0.woff2') format("woff2"), url('roboto-v30-latin-500.e5748c3b7acf0d45.woff') format("woff"), url('roboto-v30-latin-500.c909971931da0639.ttf') format("truetype"), url('roboto-v30-latin-500.9eddb24c23437697.svg#Roboto') format("svg");
}
@font-face {
  font-family: "Roboto";
  font-weight: 700;
  src: url('roboto-v30-latin-700.12d2e2ac57bbcb78.eot?') format("eot"), url('roboto-v30-latin-700.71b2beb82c4d1389.woff2') format("woff2"), url('roboto-v30-latin-700.bd41d1cdc29811cf.woff') format("woff"), url('roboto-v30-latin-700.e03f485d862b5e53.ttf') format("truetype"), url('roboto-v30-latin-700.6379e2ee4ed6e3c9.svg#Roboto') format("svg");
}
@font-face {
  font-family: "Roboto";
  font-weight: 900;
  src: url('roboto-v30-latin-900.862e36045139ddce.eot?') format("eot"), url('roboto-v30-latin-900.2f95c19ebf5cbe2e.woff2') format("woff2"), url('roboto-v30-latin-900.1ee240152fd103c0.woff') format("woff"), url('roboto-v30-latin-900.a1c7034e0877f90c.ttf') format("truetype"), url('roboto-v30-latin-900.44571c1477a0ec61.svg#Roboto') format("svg");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 500;
  src: url('montserrat-v24-latin-500.1fb72b6a70a6ae10.eot?') format("eot"), url('montserrat-v24-latin-500.66d8215b8cd5d0ca.woff2') format("woff2"), url('montserrat-v24-latin-500.e3df0a39ec789db2.woff') format("woff"), url('montserrat-v24-latin-500.ca040dd269dbf0b3.ttf') format("truetype"), url('montserrat-v24-latin-500.8ba625bba176f285.svg#Montserrat') format("svg");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 600;
  src: url('montserrat-v24-latin-600.0da572593ea82df3.eot?') format("eot"), url('montserrat-v24-latin-600.de6e17b3933e1e2e.woff2') format("woff2"), url('montserrat-v24-latin-600.19fa3450ea487252.woff') format("woff"), url('montserrat-v24-latin-600.532568e513a0ff91.ttf') format("truetype"), url('montserrat-v24-latin-600.e31a6a84a00a9112.svg#Montserrat') format("svg");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 700;
  src: url('montserrat-v24-latin-700.96c1634bcaf5e116.eot?') format("eot"), url('montserrat-v24-latin-700.9b1cc0533b7b59cf.woff2') format("woff2"), url('montserrat-v24-latin-700.afa1999a2ac7239c.woff') format("woff"), url('montserrat-v24-latin-700.3dde69ace2af14b1.ttf') format("truetype"), url('montserrat-v24-latin-700.38b4317fcfc15e38.svg#Montserrat') format("svg");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 800;
  src: url('montserrat-v24-latin-800.d38da457ce9670ad.eot?') format("eot"), url('montserrat-v24-latin-800.836d5d7fa87fe00f.woff2') format("woff2"), url('montserrat-v24-latin-800.7680876a434c6522.woff') format("woff"), url('montserrat-v24-latin-800.76ff954e55ddbb43.ttf') format("truetype"), url('montserrat-v24-latin-800.8f577d4b6e27349d.svg#Montserrat') format("svg");
}
@font-face {
  font-family: "Montserrat";
  font-weight: 900;
  src: url('montserrat-v24-latin-900.3657165d6ec6f107.eot?') format("eot"), url('montserrat-v24-latin-900.86f6da0032a13700.woff2') format("woff2"), url('montserrat-v24-latin-900.8b9f9f658d36337e.woff') format("woff"), url('montserrat-v24-latin-900.059856dec8658f3f.ttf') format("truetype"), url('montserrat-v24-latin-900.8b9ab2605108eac4.svg#Montserrat') format("svg");
}
@font-face {
  font-family: "laposte";
  src: url('laposte.ecb0601fd4cfb9c4.eot?') format("eot"), url('laposte.e12d8f17105d778e.woff2') format("woff2"), url('laposte.33da68d81e59bdc7.woff') format("woff"), url('laposte.43f39000721719a2.ttf') format("truetype"), url('laposte.865289beb19c7a35.svg#laposte') format("svg");
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/******************************************************************************************/
/* _a11y.scss */
/* Permet de regrouper les classes css lié à l'accessibilité*/
/******************************************************************************************/
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/**
 * Do not edit directly, this file was auto-generated.
 */
/**
 * @param font-type can be body-sm, title-sm, etc...
 */
.material-icons {
  font-family: "MaterialIcons", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

[class^=lp-],
[class*=" lp-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: laposte, sans-serif !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 2.4rem;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mat-s2 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 24px;
}

.mat-s3 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 22px;
}

.mat-s4 {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 22px;
}

.mat-s4m {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 22px;
}

.mat-s5 {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 18px;
}

.mat-s6 {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 18px;
}

.mat-b1 {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 24px;
}

.mat-b2 {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 22px;
}

.mat-b3 {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 18px;
}

@media only screen and (min-width: 904px) {
  .lib-theme h1,
  .lib-theme .title-xl {
    font-size: 2.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme h1,
  .lib-theme .title-xl {
    font-size: 2.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme h2,
  .lib-theme .title-lg {
    font-size: 2.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme h2,
  .lib-theme .title-lg {
    font-size: 2.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .title-md {
    font-size: 2rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .title-md {
    font-size: 1.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .title-sm {
    font-size: 1.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .title-sm {
    font-size: 1.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .subtitle-lg {
    font-size: 1.8rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .subtitle-lg {
    font-size: 1.8rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .subtitle-md {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .subtitle-md {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .subtitle-sm {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .subtitle-sm {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .body-lg {
    font-size: 1.8rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .body-lg {
    font-size: 1.8rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .body-md {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .body-md {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .body-sm {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .body-sm {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .body-xs {
    font-size: 1.2rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .body-xs {
    font-size: 1.2rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .link-md {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .link-md {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .link-sm {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .link-sm {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .other-md {
    font-size: 1.6rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 150%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .other-md {
    font-size: 1.6rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 150%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .other-sm {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .other-sm {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}

@keyframes spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes fadein-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.lib-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  --mdc-circular-progress-active-indicator-color: var(--halo-global-content-link);
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}
.lib-spinner .mat-mdc-progress-spinner {
  border-radius: 50%;
  box-shadow: 0 0 0 6px var(--halo-global-all-disabled-soft) inset;
}
.lib-spinner .spinner-value {
  position: absolute;
  text-align: center;
  color: var(--halo-neutral-content-strong);
}

.focusable {
  position: relative;
}
.focusable:focus-visible, .focusable:focus-within {
  text-decoration: none;
  outline-offset: 2px;
  outline: 2px solid var(--halo-edition-border-interacting);
  border-color: var(--halo-edition-border-interacting);
}

.lib-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  padding: 0;
  border-radius: 8px;
}
.lib-button {
  position: relative;
}
.lib-button:focus-visible, .lib-button:focus-within {
  text-decoration: none;
  outline-offset: 2px;
  outline: 2px solid var(--halo-edition-border-interacting);
  border-color: var(--halo-edition-border-interacting);
}
.lib-button.lib-variant-filled:not([disabled]):not([class*=lib-status-]) {
  color: var(--halo-action-primary-content-default);
  background-color: var(--halo-action-primary-background-default);
  border-color: var(--halo-action-primary-border-default);
}
.lib-button.lib-variant-filled:not([disabled]):not([class*=lib-status-]):hover {
  color: var(--halo-action-primary-content-interacting);
  background-color: var(--halo-action-primary-background-interacting);
  border-color: var(--halo-action-primary-border-interacting);
}
.lib-button.lib-variant-filled[disabled] {
  color: var(--halo-global-all-disabled-strong);
  background-color: var(--halo-global-all-disabled-soft);
}
.lib-button.lib-variant-filled.lib-status-danger {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-error-accent);
  border-color: var(--halo-action-primary-border-default);
}
.lib-button.lib-variant-filled.lib-status-danger:hover {
  color: var(--halo-status-content-all-accent);
  background-color: color-mix(in sRGB, rgb(24, 24, 24) 32%, var(--halo-status-background-error-accent));
}
.lib-button.lib-variant-filled.lib-status-danger.lib-color-light {
  color: var(--halo-status-content-error);
  background-color: var(--halo-status-background-error);
}
.lib-button.lib-variant-outlined:not([disabled]):not([class*=lib-status-]) {
  color: var(--halo-action-secondary-content-default);
  background-color: var(--halo-action-secondary-background-default);
  border-color: var(--halo-action-secondary-border-default);
}
.lib-button.lib-variant-outlined:not([disabled]):not([class*=lib-status-]):hover {
  color: var(--halo-action-secondary-content-interacting);
  background-color: var(--halo-action-secondary-background-interacting);
  border-color: var(--halo-action-secondary-border-interacting);
}
.lib-button.lib-variant-outlined[disabled] {
  color: var(--halo-global-all-disabled-strong);
  background-color: transparent;
  border-color: var(--halo-global-all-disabled-strong);
}
.lib-button.lib-variant-outlined.lib-status-danger {
  color: var(--halo-status-content-error);
  background-color: var(--halo-action-secondary-background-default);
  border-color: var(--halo-status-border-error);
}
.lib-button.lib-variant-outlined.lib-status-danger:hover {
  color: var(--halo-status-content-error);
  background-color: var(--halo-status-background-error);
  border-color: var(--halo-status-border-error);
}
.lib-button.lib-variant-ghost:not([disabled]):not([class*=lib-status-]) {
  color: var(--halo-action-tertiary-content-default);
  background-color: var(--halo-action-tertiary-background-default);
  border-color: var(--halo-action-tertiary-border-default);
}
.lib-button.lib-variant-ghost:not([disabled]):not([class*=lib-status-]):hover {
  color: var(--halo-action-tertiary-content-interacting);
  background-color: var(--halo-action-tertiary-background-interacting);
  border-color: var(--halo-action-tertiary-border-default);
}
.lib-button.lib-variant-ghost[disabled] {
  color: var(--halo-global-all-disabled-strong);
  background-color: transparent;
  border-color: transparent;
}
.lib-button.lib-variant-ghost.lib-status-danger {
  color: var(--halo-status-content-error);
  background-color: var(--halo-action-tertiary-background-default);
  border-color: var(--halo-action-tertiary-border-default);
}
.lib-button.lib-variant-ghost.lib-status-danger:hover {
  color: var(--halo-status-content-error);
  background-color: var(--halo-status-background-error);
  border-color: var(--halo-action-tertiary-border-interacting);
}
.lib-button.lib-variant-text:not([disabled]):not([class*=lib-status-]) {
  color: var(--halo-global-content-link);
  background-color: var(--halo-action-tertiary-background-default);
  border-color: var(--halo-action-tertiary-border-default);
}
.lib-button.lib-variant-text:not([disabled]):not([class*=lib-status-]):hover {
  color: var(--halo-action-tertiary-content-interacting);
  background-color: var(--halo-neutral-background-soft);
  border-color: var(--halo-action-tertiary-border-default);
}
.lib-button.lib-variant-text[disabled] {
  color: var(--halo-global-all-disabled-strong);
  background-color: transparent;
  border-color: transparent;
}
.lib-button.lib-variant-text.lib-status-danger {
  color: var(--halo-status-content-error);
  background-color: var(--halo-action-tertiary-background-default);
  border-color: var(--halo-action-tertiary-border-default);
}
.lib-button.lib-variant-text.lib-status-danger:hover {
  color: var(--halo-status-content-error);
  background-color: var(--halo-status-background-error);
  border-color: var(--halo-action-tertiary-border-interacting);
}
.lib-button.lib-icon-only.lib-variant-ghost:not([disabled]):not([class*=lib-status-]) {
  color: var(--halo-neutral-content-strong);
  background-color: transparent;
  border-color: transparent;
}
.lib-button.lib-icon-only.lib-variant-ghost:not([disabled]):not([class*=lib-status-]):hover {
  color: var(--halo-neutral-content-strong);
  background-color: var(--halo-neutral-background-soft);
  border-color: var(--halo-action-tertiary-border-interacting);
}
.lib-button.lib-icon-only .button-label {
  display: none;
}
.lib-button:not([disabled]) {
  cursor: pointer;
}
.lib-button.lib-icon-before .lib-button-wrapper .lib-icon {
  margin-right: 8px;
}
.lib-button.lib-icon-after .lib-button-wrapper {
  flex-direction: row-reverse;
}
.lib-button.lib-icon-after .lib-icon {
  margin-left: 8px;
}
@media only screen and (min-width: 904px) {
  .lib-button:not(.lib-icon-only).lib-size-xs {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-button:not(.lib-icon-only).lib-size-xs {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
.lib-button:not(.lib-icon-only).lib-size-xs .lib-button-wrapper {
  padding: 6px 16px;
}
@media only screen and (min-width: 904px) {
  .lib-button:not(.lib-icon-only).lib-size-sm {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-button:not(.lib-icon-only).lib-size-sm {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
.lib-button:not(.lib-icon-only).lib-size-sm .lib-button-wrapper {
  padding: 7px 31px;
}
@media only screen and (min-width: 904px) {
  .lib-button:not(.lib-icon-only).lib-size-md {
    font-size: 1.6rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 150%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-button:not(.lib-icon-only).lib-size-md {
    font-size: 1.6rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 150%;
  }
}
.lib-button:not(.lib-icon-only).lib-size-md .lib-button-wrapper {
  padding: 11px 31px;
}
@media only screen and (min-width: 904px) {
  .lib-button:not(.lib-icon-only).lib-variant-text.lib-size-xs {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-button:not(.lib-icon-only).lib-variant-text.lib-size-xs {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.lib-button:not(.lib-icon-only).lib-variant-text.lib-size-xs .lib-button-wrapper {
  padding: 6px 16px;
}
@media only screen and (min-width: 904px) {
  .lib-button:not(.lib-icon-only).lib-variant-text.lib-size-sm {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-button:not(.lib-icon-only).lib-variant-text.lib-size-sm {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.lib-button:not(.lib-icon-only).lib-variant-text.lib-size-sm .lib-button-wrapper {
  padding: 10px 16px;
}
@media only screen and (min-width: 904px) {
  .lib-button:not(.lib-icon-only).lib-variant-text.lib-size-md {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-button:not(.lib-icon-only).lib-variant-text.lib-size-md {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.lib-button:not(.lib-icon-only).lib-variant-text.lib-size-md .lib-button-wrapper {
  padding: 12.5px 16px;
}
.lib-button .lib-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lib-button .lib-button-wrapper .lib-icon {
  display: flex;
}
@media only screen and (min-width: 904px) {
  .lib-button.lib-shape-square.lib-size-xs {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-button.lib-shape-square.lib-size-xs {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
.lib-button.lib-shape-square.lib-size-xs .lib-button-wrapper {
  padding: 7px 7px;
}
@media only screen and (min-width: 904px) {
  .lib-button.lib-shape-square.lib-size-sm {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-button.lib-shape-square.lib-size-sm {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
.lib-button.lib-shape-square.lib-size-sm .lib-button-wrapper {
  padding: 7px 7px;
}
@media only screen and (min-width: 904px) {
  .lib-button.lib-shape-square.lib-size-md {
    font-size: 1.6rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 150%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-button.lib-shape-square.lib-size-md {
    font-size: 1.6rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 150%;
  }
}
.lib-button.lib-shape-square.lib-size-md .lib-button-wrapper {
  padding: 11px 11px;
}
.lib-button.lib-shape-round {
  border-radius: 50%;
}
@media only screen and (min-width: 904px) {
  .lib-button.lib-shape-round.lib-size-xs {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-button.lib-shape-round.lib-size-xs {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
.lib-button.lib-shape-round.lib-size-xs .lib-button-wrapper {
  padding: 7px 7px;
}
@media only screen and (min-width: 904px) {
  .lib-button.lib-shape-round.lib-size-sm {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-button.lib-shape-round.lib-size-sm {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
.lib-button.lib-shape-round.lib-size-sm .lib-button-wrapper {
  padding: 7px 7px;
}
@media only screen and (min-width: 904px) {
  .lib-button.lib-shape-round.lib-size-md {
    font-size: 1.6rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 150%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-button.lib-shape-round.lib-size-md {
    font-size: 1.6rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 150%;
  }
}
.lib-button.lib-shape-round.lib-size-md .lib-button-wrapper {
  padding: 11px 11px;
}
.lib-button[class*=lib-shape-] .button-label {
  min-height: 2.4rem;
  min-width: 2.4rem;
}
.lib-button.with-dropdown-icon .lib-button-wrapper:after {
  content: "\e931";
  font-family: laposte, sans-serif;
  border: 0;
  transform: none;
  font-size: 2.4rem;
  padding-left: 0.8rem;
  font-weight: normal;
  margin-right: -1.2rem;
}

@media only screen and (min-width: 904px) {
  .mat-mdc-dialog-title {
    font-size: 2.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .mat-mdc-dialog-title {
    font-size: 2.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}

@media only screen and (min-width: 904px) {
  .mat-mdc-dialog-content {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .mat-mdc-dialog-content {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}

.lib-dialog-panel {
  width: 50%;
  max-height: calc(100% - 12.8rem);
  min-width: 20rem;
  max-width: 60rem;
  margin: auto;
  --mdc-dialog-container-color: var(--halo-neutral-background-strong);
  --mdc-dialog-container-shape: 0.8rem;
  --mat-dialog-container-elevation-shadow: none;
  --mat-dialog-container-max-width: $dialog-large-max-width;
  --mat-dialog-container-small-max-width: $dialog-small-width;
  --mdc-dialog-subhead-color: var(--halo-neutral-content-strong);
  --mdc-dialog-subhead-font: Montserrat, sans-serif;
  --mdc-dialog-subhead-line-height: 3rem;
  --mdc-dialog-subhead-size: 2.4rem;
  --mdc-dialog-subhead-weight: 700;
  --mdc-dialog-subhead-tracking: 0;
  --mdc-dialog-supporting-text-color: var(--halo-neutral-content-strong);
  --mdc-dialog-supporting-text-font: Roboto, sans-serif;
  --mdc-dialog-supporting-text-size: 1.6rem;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-line-height: 2.4rem;
  --mdc-dialog-supporting-text-tracking: 0;
  --mat-dialog-actions-alignment: flex-end;
  --mat-dialog-actions-padding: 0;
  --mat-dialog-content-padding: 0;
  --mat-dialog-with-actions-content-padding: 0;
  --mat-dialog-headline-padding: 0;
  /* Pour centrer la modale */
}
@media only screen and (max-width: 904px) {
  .lib-dialog-panel {
    max-width: none;
    min-width: none;
    max-height: calc(100% - 6.4rem);
    margin: auto;
    /* Pour centrer la modale */
  }
}
.lib-dialog-panel .mat-mdc-dialog-surface {
  position: relative;
  background: var(--halo-neutral-background-strong);
  color: var(--halo-neutral-content-strong);
  padding: 3.2rem;
  border-radius: 0.8rem;
}
@media only screen and (max-width: 599px) {
  .lib-dialog-panel .mat-mdc-dialog-surface {
    padding: 2.4rem;
  }
}
.lib-dialog-panel [mat-dialog-close] {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
}
.lib-dialog-panel .lib-dialog-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3.2rem;
}
.lib-dialog-panel .lib-dialog-container .dialog-title {
  margin: 0;
  color: var(--halo-brand-content);
}
@media only screen and (min-width: 904px) {
  .lib-dialog-panel .lib-dialog-container .dialog-title {
    font-size: 2rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-dialog-panel .lib-dialog-container .dialog-title {
    font-size: 1.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
.lib-dialog-panel .lib-dialog-container .dialog-title.title-action {
  color: var(--halo-brand-content);
}
.lib-dialog-panel .lib-dialog-container .dialog-title.title-status-danger {
  color: var(--halo-status-content-error);
}
.lib-dialog-panel .lib-dialog-container .dialog-title.title-status-warning {
  color: var(--halo-status-content-warning);
}
.lib-dialog-panel .lib-dialog-container .dialog-title.title-status-info {
  color: var(--halo-status-content-information);
}
.lib-dialog-panel .lib-dialog-container .dialog-title.text-center {
  text-align: center;
}
@media only screen and (min-width: 904px) {
  .lib-dialog-panel .lib-dialog-container .mat-mdc-dialog-container {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-dialog-panel .lib-dialog-container .mat-mdc-dialog-container {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-dialog-panel .lib-dialog-container .lib-dialog-text-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
}
.lib-dialog-panel .lib-dialog-container .lib-dialog-only-text-content {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  gap: 1.6rem;
  align-self: flex-start;
  margin-right: 4.2rem;
}
.lib-dialog-panel .lib-dialog-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.2rem;
  align-self: stretch;
  padding: 0;
  margin: 0;
  flex-wrap: unset;
}
.lib-dialog-panel .lib-dialog-actions button {
  width: 100%;
  max-width: 50%;
  margin-left: 0;
}
@media only screen and (max-width: 599px) {
  .lib-dialog-panel .lib-dialog-actions button {
    max-width: unset;
  }
}
@media only screen and (max-width: 599px) {
  .lib-dialog-panel .lib-dialog-actions {
    display: flex;
    align-items: flex-start;
    flex-direction: column-reverse;
    gap: 1.6rem;
  }
}

.lib-icon {
  display: inline-flex;
}
.lib-icon.lib-icon-full {
  width: 100%;
  height: 100%;
}
.lib-icon > .lib-icon-width-auto .mat-icon {
  width: auto;
}
.lib-icon .mat-icon.lib-variant-ghost:not([disabled]):not([class*=lib-status-]) {
  color: var(--halo-action-tertiary-content-default);
  background-color: var(--halo-action-tertiary-background-default);
  border-color: var(--halo-action-tertiary-border-default);
}
.lib-icon .mat-icon.lib-variant-ghost[disabled] {
  color: var(--halo-global-all-disabled-strong);
  background-color: transparent;
  border-color: transparent;
}
.lib-icon .icon.lib-size-sm {
  font-size: 12px;
  width: 12px;
  height: 12px;
}
.lib-icon .icon.lib-size-md {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.lib-icon .icon.lib-size-lg {
  font-size: 20px;
  width: 20px;
  height: 20px;
}
.lib-icon .icon.lib-size-xl {
  font-size: 24px;
  width: 24px;
  height: 24px;
}
.lib-icon .icon.lib-size-2xl {
  font-size: 32px;
  width: 32px;
  height: 32px;
}
.lib-icon .icon.lib-size-3xl {
  font-size: 40px;
  width: 40px;
  height: 40px;
}
.lib-icon .icon.lib-size-legacy-2xs {
  font-size: 1.2rem;
  width: 1.2rem;
  height: 1.2rem;
}
.lib-icon .icon.lib-size-legacy-xs {
  font-size: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
}
.lib-icon .icon.lib-size-legacy-sm {
  font-size: 2rem;
  width: 2rem;
  height: 2rem;
}
.lib-icon .icon.lib-size-legacy-md {
  font-size: 2.4rem;
  width: 2.4rem;
  height: 2.4rem;
}
.lib-icon .icon.lib-size-legacy-lg {
  font-size: 2.8rem;
  width: 2.8rem;
  height: 2.8rem;
}
.lib-icon .icon.lib-size-legacy-xl {
  font-size: 3.2rem;
  width: 3.2rem;
  height: 3.2rem;
}
.lib-icon .icon.lib-size-legacy-2xl {
  font-size: 4rem;
  width: 4rem;
  height: 4rem;
}
.lib-icon .icon.lib-size-auto {
  font-size: inherit;
  width: auto;
  height: auto;
}
.lib-icon .icon.lib-size-full {
  font-size: inherit;
  width: 100%;
  height: 100%;
}
.lib-icon .svg.lib-size-2xs {
  font-size: 40px;
  width: 40px;
  height: 40px;
}
.lib-icon .svg.lib-size-xs {
  font-size: 48px;
  width: 48px;
  height: 48px;
}
.lib-icon .svg.lib-size-sm {
  font-size: 72px;
  width: 72px;
  height: 72px;
}
.lib-icon .svg.lib-size-md {
  font-size: 104px;
  width: 104px;
  height: 104px;
}
.lib-icon .svg.lib-size-lg {
  font-size: 144px;
  width: 144px;
  height: 144px;
}
.lib-icon .svg.lib-size-xl {
  font-size: 200px;
  width: 200px;
  height: 200px;
}
.lib-icon .svg.lib-size-2xl {
  font-size: 240px;
  width: 240px;
  height: 240px;
}
.lib-icon .svg.lib-size-3xl {
  font-size: 320px;
  width: 320px;
  height: 320px;
}
.lib-icon .svg.lib-size-legacy-2xs {
  font-size: 4rem;
  width: 4rem;
  height: 4rem;
}
.lib-icon .svg.lib-size-legacy-xs {
  font-size: 4rem;
  width: 4rem;
  height: 4rem;
}
.lib-icon .svg.lib-size-legacy-sm {
  font-size: 5rem;
  width: 5rem;
  height: 5rem;
}
.lib-icon .svg.lib-size-legacy-md {
  font-size: 8rem;
  width: 8rem;
  height: 8rem;
}
.lib-icon .svg.lib-size-legacy-lg {
  font-size: 12rem;
  width: 12rem;
  height: 12rem;
}
.lib-icon .svg.lib-size-legacy-xl {
  font-size: 18rem;
  width: 18rem;
  height: 18rem;
}
.lib-icon .svg.lib-size-legacy-2xl {
  font-size: 24rem;
  width: 24rem;
  height: 24rem;
}
.lib-icon .svg.lib-size-legacy-3xl {
  font-size: 32rem;
  width: 32rem;
  height: 32rem;
}
.lib-icon .svg.lib-size-auto {
  font-size: inherit;
  width: auto;
  height: auto;
}
.lib-icon .svg.lib-size-full {
  font-size: inherit;
  width: 100%;
  height: 100%;
}

.lp-home:before {
  content: "\e970";
}

.lp-settings:before {
  content: "\e9b9";
}

.lp-essential3:before {
  content: "\e9b9";
}

.lp-lock:before {
  content: "\e97e";
}

.lp-essential2:before {
  content: "\e97e";
}

.lp-unlock:before {
  content: "\e9d0";
}

.lp-essential4:before {
  content: "\e9d0";
}

.lp-notification:before {
  content: "\e99b";
}

.lp-home-alt:before {
  content: "\e971";
}

.lp-trash:before {
  content: "\e9cb";
}

.lp-trash-alt:before {
  content: "\e9cc";
}

.lp-shield:before {
  content: "\e9bc";
}

.lp-shield-on:before {
  content: "\e900";
}

.lp-shield-off:before {
  content: "\e9bd";
}

.lp-search:before {
  content: "\e9b6";
}

.lp-zoom-in:before {
  content: "\e9e2";
}

.lp-zoom-out:before {
  content: "\e9e3";
}

.lp-eye-off:before {
  content: "\e95d";
}

.lp-eye-on:before {
  content: "\e95e";
}

.lp-essential:before {
  content: "\e95e";
}

.lp-check:before {
  content: "\e92d";
}

.lp-information:before {
  content: "\e974";
}

.lp-alert:before {
  content: "\e903";
}

.lp-plus:before {
  content: "\e9a9";
}

.lp-minus:before {
  content: "\e992";
}

.lp-close:before {
  content: "\e941";
}

.lp-box:before {
  content: "\e923";
}

.lp-package:before {
  content: "\e99c";
}

.lp-map-pin:before {
  content: "\e981";
}

.lp-map-pin-plus:before {
  content: "\e9ed";
}

.lp-globe:before {
  content: "\e96b";
}

.lp-map:before {
  content: "\e980";
}

.lp-compass:before {
  content: "\e94d";
}

.lp-fingerprint:before {
  content: "\e966";
}

.lp-face-id:before {
  content: "\e95f";
}

.lp-location:before {
  content: "\e97d";
}

.lp-check-circle:before {
  content: "\e92f";
}

.lp-information-circle:before {
  content: "\e975";
}

.lp-alert-circle:before {
  content: "\e904";
}

.lp-close-circle:before {
  content: "\e942";
}

.lp-plus-square:before {
  content: "\e9ab";
}

.lp-minus-square:before {
  content: "\e994";
}

.lp-printer:before {
  content: "\e9ad";
}

.lp-inbox:before {
  content: "\e973";
}

.lp-check-circle-filling:before {
  content: "\e930";
}

.lp-information-circle-filling:before {
  content: "\e976";
}

.lp-alert-circle-filling:before {
  content: "\e92e";
}

.lp-close-circle-filling:before {
  content: "\e9ee";
}

.lp-essential6:before {
  content: "\e9ee";
}

.lp-plus-circle:before {
  content: "\e9aa";
}

.lp-minus-circle:before {
  content: "\e993";
}

.lp-help-circle:before {
  content: "\e96f";
}

.lp-filter:before {
  content: "\e965";
}

.lp-essential1:before {
  content: "\e965";
}

.lp-envelope:before {
  content: "\e959";
}

.lp-at-sign:before {
  content: "\e916";
}

.lp-envelope-open:before {
  content: "\e95a";
}

.lp-envelope-send:before {
  content: "\e95b";
}

.lp-message-circle:before {
  content: "\e987";
}

.lp-message-square-typing:before {
  content: "\e98c";
}

.lp-message-square-text:before {
  content: "\e98a";
}

.lp-message-square-text-alt:before {
  content: "\e98b";
}

.lp-message-circle-typing-alt:before {
  content: "\e989";
}

.lp-message-circle-two:before {
  content: "\e988";
}

.lp-letter-online:before {
  content: "\e9ef";
}

.lp-arrow-up-left:before {
  content: "\e914";
}

.lp-arrows6:before {
  content: "\e914";
}

.lp-arrow-up-right:before {
  content: "\e915";
}

.lp-arrows7:before {
  content: "\e915";
}

.lp-arrow-down-left:before {
  content: "\e90b";
}

.lp-arrows1:before {
  content: "\e90b";
}

.lp-arrow-down-right:before {
  content: "\e90c";
}

.lp-arrows2:before {
  content: "\e90c";
}

.lp-arrow-left-circle:before {
  content: "\e90e";
}

.lp-arrow-up-circle:before {
  content: "\e913";
}

.lp-arrow-right-circle:before {
  content: "\e911";
}

.lp-arrow-down-circle:before {
  content: "\e90a";
}

.lp-arrow-left:before {
  content: "\e90d";
}

.lp-arrows3:before {
  content: "\e90d";
}

.lp-arrow-up:before {
  content: "\e912";
}

.lp-arrows5:before {
  content: "\e912";
}

.lp-arrow-right:before {
  content: "\e910";
}

.lp-arrows4:before {
  content: "\e910";
}

.lp-arrow-down:before {
  content: "\e909";
}

.lp-arrows:before {
  content: "\e909";
}

.lp-clockwise:before {
  content: "\e940";
}

.lp-anti-clockwise:before {
  content: "\e906";
}

.lp-refresh-alt:before {
  content: "\e9b2";
}

.lp-refresh:before {
  content: "\e9b1";
}

.lp-chevron-small-left:before {
  content: "\e937";
}

.lp-chevron-small-up:before {
  content: "\e939";
}

.lp-chevron-small-right:before {
  content: "\e938";
}

.lp-chevron-small-down:before {
  content: "\e936";
}

.lp-maximize-arrow:before {
  content: "\e983";
}

.lp-minimize-arrow:before {
  content: "\e990";
}

.lp-maximize-arrow-alt:before {
  content: "\e984";
}

.lp-minimize-arrow-alt:before {
  content: "\e991";
}

.lp-chevron-left:before {
  content: "\e932";
}

.lp-chevron-up:before {
  content: "\e93c";
}

.lp-arrows10:before {
  content: "\e93c";
}

.lp-chevron-right:before {
  content: "\e933";
}

.lp-arrows9:before {
  content: "\e933";
}

.lp-chevron-down:before {
  content: "\e931";
}

.lp-arrows8:before {
  content: "\e931";
}

.lp-upload:before {
  content: "\e9d1";
}

.lp-logout:before {
  content: "\e9e5";
}

.lp-download:before {
  content: "\e952";
}

.lp-external-link:before {
  content: "\e95c";
}

.lp-chevrons-left:before {
  content: "\e935";
}

.lp-chevrons-up:before {
  content: "\e93b";
}

.lp-chevrons-right:before {
  content: "\e93a";
}

.lp-chevrons-down:before {
  content: "\e934";
}

.lp-arrow-depot:before {
  content: "\e908";
}

.lp-arrow-retrait:before {
  content: "\e90f";
}

.lp-sort:before {
  content: "\e905";
}

.lp-loop:before {
  content: "\e97f";
}

.lp-trend-up:before {
  content: "\ea0a";
}

.lp-trend-down:before {
  content: "\ea0b";
}

.lp-arrow-down-right-alt:before {
  content: "\ea11";
}

.lp-menu-hamburger:before {
  content: "\e985";
}

.lp-menu-veggieburger:before {
  content: "\e986";
}

.lp-more-horizontal:before {
  content: "\e997";
}

.lp-more-vertical:before {
  content: "\e998";
}

.lp-drag-horizontal:before {
  content: "\e953";
}

.lp-drag-vertical:before {
  content: "\e954";
}

.lp-adjust-vertical:before {
  content: "\e901";
}

.lp-cat-menu1:before {
  content: "\e901";
}

.lp-adjust-horizontal:before {
  content: "\e902";
}

.lp-cat-menu:before {
  content: "\e902";
}

.lp-features:before {
  content: "\e960";
}

.lp-filter-burger:before {
  content: "\e9f5";
}

.lp-phone:before {
  content: "\e99f";
}

.lp-phone-call:before {
  content: "\e9a0";
}

.lp-phone-forwarded:before {
  content: "\e9a1";
}

.lp-phone-incoming:before {
  content: "\e9a2";
}

.lp-phone-missed:before {
  content: "\e9a3";
}

.lp-phone-off:before {
  content: "\e9a4";
}

.lp-phone-outgoing:before {
  content: "\e9a5";
}

.lp-calendar:before {
  content: "\e927";
}

.lp-calendar-alt:before {
  content: "\e928";
}

.lp-calendar-euro:before {
  content: "\e907";
}

.lp-clock-filled-false:before {
  content: "\e917";
}

.lp-clock-filled-true:before {
  content: "\e918";
}

.lp-stopwatch:before {
  content: "\e9c3";
}

.lp-alarm:before {
  content: "\e919";
}

.lp-history:before {
  content: "\e91a";
}

.lp-user-check:before {
  content: "\e9d3";
}

.lp-user-plus:before {
  content: "\e9d6";
}

.lp-user-minus:before {
  content: "\e9d5";
}

.lp-user-x:before {
  content: "\e9d9";
}

.lp-user:before {
  content: "\e9d2";
}

.lp-users:before {
  content: "\e9d7";
}

.lp-user-circle:before {
  content: "\e9d4";
}

.lp-user-search:before {
  content: "\e9d8";
}

.lp-user-customer:before {
  content: "\e9e8";
}

.lp-user-seller:before {
  content: "\e9e7";
}

.lp-user-clock:before {
  content: "\e9f6";
}

.lp-mic:before {
  content: "\e98d";
}

.lp-mic-off:before {
  content: "\e98e";
}

.lp-wifi:before {
  content: "\e9e0";
}

.lp-wifi-off:before {
  content: "\e9e1";
}

.lp-mobile:before {
  content: "\e995";
}

.lp-tablet:before {
  content: "\e9c6";
}

.lp-screen:before {
  content: "\e9b5";
}

.lp-laptop:before {
  content: "\e978";
}

.lp-volume-1:before {
  content: "\e9dc";
}

.lp-volume-2:before {
  content: "\e9dd";
}

.lp-volume:before {
  content: "\e9db";
}

.lp-volume-x:before {
  content: "\e9de";
}

.lp-cloud:before {
  content: "\e944";
}

.lp-cloud-off:before {
  content: "\e948";
}

.lp-cloud-download:before {
  content: "\e945";
}

.lp-cloud-upload:before {
  content: "\e94b";
}

.lp-server:before {
  content: "\e9b8";
}

.lp-camera:before {
  content: "\e929";
}

.lp-sidebar:before {
  content: "\e9be";
}

.lp-code:before {
  content: "\e9e6";
}

.lp-bluetooth:before {
  content: "\e920";
}

.lp-power:before {
  content: "\e9ac";
}

.lp-loader:before {
  content: "\e97c";
}

.lp-music:before {
  content: "\e99a";
}

.lp-radio:before {
  content: "\e9af";
}

.lp-headset:before {
  content: "\e96c";
}

.lp-battery:before {
  content: "\e91e";
}

.lp-battery-charging:before {
  content: "\e91f";
}

.lp-airplay:before {
  content: "\e9f7";
}

.lp-keyboard:before {
  content: "\e91b";
}

.lp-scan-douchette:before {
  content: "\e91c";
}

.lp-transfert:before {
  content: "\e91d";
}

.lp-schema:before {
  content: "\ea0c";
}

.lp-edit:before {
  content: "\e956";
}

.lp-tool:before {
  content: "\e9ca";
}

.lp-scissors:before {
  content: "\e9b4";
}

.lp-picture:before {
  content: "\e9a6";
}

.lp-save:before {
  content: "\e9b3";
}

.lp-send:before {
  content: "\e9b7";
}

.lp-paperclip:before {
  content: "\e99d";
}

.lp-bond:before {
  content: "\e921";
}

.lp-minimize:before {
  content: "\e98f";
}

.lp-maximize:before {
  content: "\e982";
}

.lp-copy:before {
  content: "\e94e";
}

.lp-share:before {
  content: "\e9ba";
}

.lp-share-alt:before {
  content: "\e9bb";
}

.lp-pencil-alt:before {
  content: "\e922";
}

.lp-list:before {
  content: "\e97b";
}

.lp-move:before {
  content: "\e999";
}

.lp-archive:before {
  content: "\e924";
}

.lp-pen:before {
  content: "\e9f0";
}

.lp-area:before {
  content: "\e9f1";
}

.lp-eraser:before {
  content: "\e9f8";
}

.lp-link:before {
  content: "\e97a";
}

.lp-file:before {
  content: "\e961";
}

.lp-file-plus:before {
  content: "\e963";
}

.lp-file-minus:before {
  content: "\e962";
}

.lp-file-text:before {
  content: "\e964";
}

.lp-folder:before {
  content: "\e967";
}

.lp-folder-plus:before {
  content: "\e969";
}

.lp-folder-minus:before {
  content: "\e968";
}

.lp-clipboard:before {
  content: "\e93d";
}

.lp-clipboard-tick:before {
  content: "\e93e";
}

.lp-file-check:before {
  content: "\e9ec";
}

.lp-divers2:before {
  content: "\e9ec";
}

.lp-file-xls:before {
  content: "\ea0e";
}

.lp-file-csv:before {
  content: "\ea0f";
}

.lp-file-pdf:before {
  content: "\ea10";
}

.lp-file-ppt:before {
  content: "\ea12";
}

.lp-file-doc:before {
  content: "\ea13";
}

.lp-cart:before {
  content: "\e92a";
}

.lp-folder-open:before {
  content: "\ea14";
}

.lp-cart-plus:before {
  content: "\e92c";
}

.lp-cart-minus:before {
  content: "\e92b";
}

.lp-bag:before {
  content: "\e925";
}

.lp-bag-plus:before {
  content: "\e926";
}

.lp-bag-minus:before {
  content: "\e93f";
}

.lp-credit-card:before {
  content: "\e94f";
}

.lp-credit-card-alt:before {
  content: "\e950";
}

.lp-basket:before {
  content: "\e943";
}

.lp-basket-plus:before {
  content: "\e946";
}

.lp-basket-minus:before {
  content: "\e947";
}

.lp-percent:before {
  content: "\e99e";
}

.lp-discount:before {
  content: "\e951";
}

.lp-tag:before {
  content: "\e9c7";
}

.lp-gift:before {
  content: "\e96a";
}

.lp-receipt:before {
  content: "\e9b0";
}

.lp-qr-code:before {
  content: "\e9ae";
}

.lp-barcode:before {
  content: "\e949";
}

.lp-euro:before {
  content: "\e9f9";
}

.lp-kilo-gram:before {
  content: "\e9fa";
}

.lp-gram:before {
  content: "\e9fb";
}

.lp-heart:before {
  content: "\e96d";
}

.lp-star:before {
  content: "\e9c0";
}

.lp-thumbs-up:before {
  content: "\e9c9";
}

.lp-thumbs-down:before {
  content: "\e9c8";
}

.lp-heart-filled:before {
  content: "\e96e";
}

.lp-star-filled:before {
  content: "\e9c1";
}

.lp-cloud-rain:before {
  content: "\e94a";
}

.lp-cloud-drizzle:before {
  content: "\e94c";
}

.lp-cloud-lightning:before {
  content: "\e955";
}

.lp-cloud-snow:before {
  content: "\e957";
}

.lp-sun:before {
  content: "\e9c4";
}

.lp-sunset:before {
  content: "\e9c5";
}

.lp-moon:before {
  content: "\e996";
}

.lp-stars:before {
  content: "\e9c2";
}

.lp-coffee:before {
  content: "\e958";
}

.lp-key:before {
  content: "\e977";
}

.lp-wand:before {
  content: "\e9df";
}

.lp-hourglass:before {
  content: "\e972";
}

.lp-plant:before {
  content: "\e9a8";
}

.lp-virus:before {
  content: "\e9da";
}

.lp-book:before {
  content: "\e979";
}

.lp-bookmark-filled:before {
  content: "\e9f2";
}

.lp-pie-chart:before {
  content: "\e9a7";
}

.lp-droplet:before {
  content: "\e9bf";
}

.lp-bulb-on:before {
  content: "\e9cd";
}

.lp-bulb-off:before {
  content: "\e9ce";
}

.lp-trophy:before {
  content: "\e9cf";
}

.lp-life-buoy:before {
  content: "\e9e4";
}

.lp-book-open:before {
  content: "\e9e9";
}

.lp-bookmark:before {
  content: "\e9f3";
}

.lp-education:before {
  content: "\e9ea";
}

.lp-truck:before {
  content: "\e9eb";
}

.lp-stamp:before {
  content: "\e9f4";
}

.lp-umbrella:before {
  content: "\e9fc";
}

.lp-building:before {
  content: "\e9fd";
}

.lp-divers:before {
  content: "\e9fd";
}

.lp-briefcase:before {
  content: "\e9fe";
}

.lp-donut-chart:before {
  content: "\e9ff";
}

.lp-shop:before {
  content: "\ea00";
}

.lp-divers1:before {
  content: "\ea00";
}

.lp-pin:before {
  content: "\ea01";
}

.lp-thumbtack:before {
  content: "\ea02";
}

.lp-bug-report:before {
  content: "\ea03";
}

.lp-forbidden-sign:before {
  content: "\ea04";
}

.lp-torch-on:before {
  content: "\ea05";
}

.lp-torch-off:before {
  content: "\ea06";
}

.lp-reward:before {
  content: "\ea07";
}

.lp-bar-chart:before {
  content: "\ea09";
}

.lp-bar-chart-search:before {
  content: "\ea0d";
}

.lp-building-alt:before {
  content: "\ea15";
}

.lp-logo-lin:before {
  content: "\ea08";
}

.progression-bar {
  width: 100%;
  height: 0.6rem;
  background: var(--halo-global-all-disabled-soft);
  overflow: hidden;
  border-radius: 0.6rem;
}
.progression-bar .progression {
  min-width: 0.6rem;
  width: 0px;
  height: 100%;
  border-radius: 0.6rem;
  background-color: var(--halo-global-content-link);
  transition: width 1s ease-in-out;
}
.progression-bar .progression.indeterminate {
  width: 100%;
  animation: indeterminateProgressionAnimation 1.5s infinite linear;
  transform-origin: 0% 50%;
}

@keyframes indeterminateProgressionAnimation {
  0% {
    transform: translateX(0) scaleX(0);
  }
  30% {
    transform: translateX(0) scaleX(0.3);
  }
  100% {
    transform: translateX(100%) scaleX(0.4);
  }
}
.lib-menu-panel {
  --mat-menu-item-label-text-color: var(--halo-selection-secondary-content-default);
  --mat-menu-item-icon-color: var(--halo-selection-secondary-content-default) !important;
  --mat-menu-item-icon-size: 2.4rem;
  --mat-menu-item-spacing: 1.6rem;
  --mat-menu-item-leading-spacing: 1.6rem;
  --mat-menu-item-trailing-spacing: 1.6rem;
  --mat-menu-item-with-icon-leading-spacing: 1.6rem;
  --mat-menu-item-with-icon-trailing-spacing: 1.6rem;
  --mat-menu-base-elevation-level: 2;
}
.lib-menu-panel.mat-mdc-menu-panel {
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}
.lib-menu-panel .mat-mdc-menu-content:not(:empty) {
  padding: 0;
}
.lib-menu-panel .lib-menu-item {
  flex: 1;
  display: flex;
  align-items: center;
  color: var(--halo-selection-secondary-content-default);
}
@media only screen and (min-width: 904px) {
  .lib-menu-panel .lib-menu-item {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-menu-panel .lib-menu-item {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-menu-panel .lib-menu-item-category,
.lib-menu-panel .mat-mdc-menu-item,
.lib-menu-panel .mat-mdc-menu-item:not([disabled]).mat-mdc-menu-item-highlighted {
  color: var(--halo-selection-secondary-content-default);
  min-width: 20rem;
  min-height: 4.8rem;
  height: initial;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid var(--halo-neutral-border-medium);
  background-color: var(--halo-neutral-background-strong);
}
.lib-menu-panel .lib-menu-item-category:last-child,
.lib-menu-panel .mat-mdc-menu-item:last-child,
.lib-menu-panel .mat-mdc-menu-item:not([disabled]).mat-mdc-menu-item-highlighted:last-child {
  border-bottom: none;
}
.lib-menu-panel .mat-mdc-menu-item:not([disabled]):hover, .lib-menu-panel .mat-mdc-menu-item:not([disabled]):active, .lib-menu-panel .mat-mdc-menu-item:not([disabled]):focus {
  background-color: var(--halo-selection-secondary-background-interacting);
}
.lib-menu-panel .mat-mdc-menu-item .lib-icon .mat-icon {
  color: inherit !important;
}
.lib-menu-panel .mat-mdc-menu-item .menu-item-text-content {
  flex: 1;
  white-space: normal;
  /* Pour limiter les lignes à 2 */
  max-height: 4.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.lib-menu-panel .mat-mdc-menu-item[disabled] {
  pointer-events: none;
  cursor: auto;
  color: var(--halo-global-all-disabled-strong);
}
.lib-menu-panel .mat-mdc-menu-item[disabled] .lib-menu-item,
.lib-menu-panel .mat-mdc-menu-item[disabled] .menu-item-text-content {
  color: var(--halo-global-all-disabled-strong);
}
.lib-menu-panel .mat-mdc-menu-item .menu-item-badge {
  flex: 0 !important;
  justify-content: flex-end;
}
.lib-menu-panel .mat-mdc-menu-itema {
  color: var(--halo-selection-secondary-content-default);
  text-decoration: none;
}
.lib-menu-panel .mat-mdc-menu-itema:hover, .lib-menu-panel .mat-mdc-menu-itema:active {
  color: var(--halo-selection-secondary-content-default);
}
.lib-menu-panel .lib-menu-item-category {
  display: flex;
  align-items: center;
  padding: 0.8rem 1.6rem;
  border-bottom: 1px solid var(--halo-neutral-border-medium);
  background-color: var(--halo-neutral-background-strong);
}
.lib-menu-panel .lib-menu-item-category .mat-icon {
  color: inherit !important;
}
.lib-menu-panel .menu-template-start {
  border-bottom: 1px solid var(--halo-neutral-border-medium);
}

/** pour le composant list-menu*/
.lib-list-menu {
  --mat-menu-item-label-text-color: var(--halo-selection-secondary-content-default);
  --mat-menu-item-icon-color: var(--halo-selection-secondary-content-default) !important;
  --mat-menu-item-icon-size: 2.4rem;
  --mat-menu-item-spacing: 1.6rem;
  --mat-menu-item-leading-spacing: 1.6rem;
  --mat-menu-item-trailing-spacing: 1.6rem;
  --mat-menu-item-with-icon-leading-spacing: 1.6rem;
  --mat-menu-item-with-icon-trailing-spacing: 1.6rem;
  display: block;
  overflow: hidden;
  background-color: var(--halo-neutral-background-strong);
}
.lib-list-menu .lib-menu-item {
  flex: 1;
  display: flex;
  align-items: center;
  color: var(--halo-selection-secondary-content-default);
}
@media only screen and (min-width: 904px) {
  .lib-list-menu .lib-menu-item {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-list-menu .lib-menu-item {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-list-menu .lib-menu-item-category,
.lib-list-menu .mat-mdc-menu-item,
.lib-list-menu .mat-mdc-menu-item:not([disabled]).mat-mdc-menu-item-highlighted {
  color: var(--halo-selection-secondary-content-default);
  min-width: 20rem;
  min-height: 4.8rem;
  height: initial;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid var(--halo-neutral-border-medium);
  background-color: var(--halo-neutral-background-strong);
}
.lib-list-menu .lib-menu-item-category:last-child,
.lib-list-menu .mat-mdc-menu-item:last-child,
.lib-list-menu .mat-mdc-menu-item:not([disabled]).mat-mdc-menu-item-highlighted:last-child {
  border-bottom: none;
}
.lib-list-menu .mat-mdc-menu-item:not([disabled]):hover, .lib-list-menu .mat-mdc-menu-item:not([disabled]):active, .lib-list-menu .mat-mdc-menu-item:not([disabled]):focus {
  background-color: var(--halo-selection-secondary-background-interacting);
}
.lib-list-menu .mat-mdc-menu-item .lib-icon .mat-icon {
  color: inherit !important;
}
.lib-list-menu .mat-mdc-menu-item .menu-item-text-content {
  flex: 1;
  white-space: normal;
  /* Pour limiter les lignes à 2 */
  max-height: 4.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.lib-list-menu .mat-mdc-menu-item[disabled] {
  pointer-events: none;
  cursor: auto;
  color: var(--halo-global-all-disabled-strong);
}
.lib-list-menu .mat-mdc-menu-item[disabled] .lib-menu-item,
.lib-list-menu .mat-mdc-menu-item[disabled] .menu-item-text-content {
  color: var(--halo-global-all-disabled-strong);
}
.lib-list-menu .mat-mdc-menu-item .menu-item-badge {
  flex: 0 !important;
  justify-content: flex-end;
}
.lib-list-menu .mat-mdc-menu-itema {
  color: var(--halo-selection-secondary-content-default);
  text-decoration: none;
}
.lib-list-menu .mat-mdc-menu-itema:hover, .lib-list-menu .mat-mdc-menu-itema:active {
  color: var(--halo-selection-secondary-content-default);
}
.lib-list-menu .menu-line:not(:last-child) {
  border-bottom: 1px solid var(--halo-neutral-border-medium);
}
.lib-list-menu .menu-line .lib-menu-item-category {
  border-bottom: none;
}
.lib-list-menu .mat-mdc-menu-item,
.lib-list-menu .lib-menu-item-category {
  min-width: auto;
  padding: 4px;
  padding-left: calc(1.6rem - 4px);
  padding-right: calc(1.6rem - 4px);
  margin: 4px;
}
.lib-list-menu .mat-mdc-menu-item {
  /** pour supprimer le min-width lié à l'overlay */
  min-width: auto;
  border: none;
  width: 100%;
  text-align: left;
}
.lib-list-menu .mat-mdc-menu-item:hover {
  cursor: pointer;
}
.lib-list-menu .mat-mdc-menu-item .lib-icon {
  margin-right: 1.6rem;
}
.lib-list-menu .lib-menu-item-category {
  font-weight: bold;
}
.lib-list-menu ul {
  list-style-type: none;
  /* Supprime les puces */
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.nav-bar-header > * {
  display: flex;
  align-items: center;
}

.lib-nav-bar {
  padding-right: 0;
  background-color: var(--halo-neutral-background-strong);
  color: var(--halo-neutral-content-strong);
  border-top-width: 6px;
  border-top-style: solid;
  border-top-color: var(--halo-brand-decoration);
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
  /* DESKTOP */
  height: 64px;
  /* MOBILE */
  /* HORIZONTAL */
  /* Variant .lib-nav-bar VERTICAL */
}
@media only screen and (max-width: 904px) {
  .lib-nav-bar {
    height: 56px;
  }
}
@media only screen and (min-width: 904px) {
  .lib-nav-bar .app-name {
    font-size: 1.6rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 150%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-nav-bar .app-name {
    font-size: 1.6rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 150%;
  }
}
.lib-nav-bar .nav-bar-container {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.lib-nav-bar .nav-bar-content {
  padding: 0 1.6rem;
  position: relative;
  align-self: stretch;
  align-items: center;
  display: inline-flex;
}
.lib-nav-bar .nav-bar-content:empty {
  display: none;
}
.lib-nav-bar .nav-bar-content .content-logo {
  display: flex;
  align-items: center;
  position: relative;
}
.lib-nav-bar .nav-bar-content .content-logo:not(:empty) {
  margin-right: 0.8rem;
  padding-right: 0.8rem;
}
.lib-nav-bar .nav-bar-content .content-logo::after {
  content: "";
  display: inline-flex;
  background-color: var(--halo-neutral-border-strong);
  width: 1px;
  height: 3.2rem;
  position: absolute;
  right: 0;
}
.lib-nav-bar .nav-bar-content .content-logo:empty::after {
  content: none;
}
.lib-nav-bar .nav-bar-content.content-portal {
  background-color: var(--halo-action-primary-background-default);
  color: var(--halo-action-primary-content-default);
  padding: 0 1.6rem;
}
.lib-nav-bar .nav-bar-content.content-portal:hover {
  background-color: var(-action-primary-background-interacting);
}
.lib-nav-bar .nav-bar-content.content-portal a,
.lib-nav-bar .nav-bar-content.content-portal .lib-icon .mat-icon {
  color: var(--halo-action-primary-content-default) !important;
}
.lib-nav-bar .nav-bar-content .button-portal {
  display: inline-flex;
  font-weight: 800;
  align-items: center;
  height: calc(100% - 16px);
  color: var(--halo-action-primary-content-default);
  text-decoration: none;
  padding: 0.8rem;
  outline-color: inherit;
}
.lib-nav-bar .nav-bar-content .button-portal .lib-icon {
  margin-right: 0.8rem;
}
@media only screen and (max-width: 904px) {
  .lib-nav-bar .nav-bar-content .button-portal span {
    display: none;
  }
}
.lib-nav-bar .nav-bar-content.content-account {
  padding: 0;
}
.lib-nav-bar .lib-spacer {
  flex: 1 1 auto;
  background-color: var(--halo-neutral-border-strong);
}
.lib-nav-bar.horizontal.has-portal .nav-bar-container {
  padding-right: 0;
}
.lib-nav-bar.horizontal.lib-nav-bar-menu-opened .nav-bar-content {
  padding: 1.6rem;
}
.lib-nav-bar.horizontal .lib-app-name-logo-container {
  width: 144px;
  height: 48px;
}
.lib-nav-bar.horizontal .lib-app-name .lib-divider {
  height: 3.2rem;
  background-color: var(--halo-neutral-border-strong);
}
.lib-nav-bar.horizontal .nav-bar-content {
  padding: 0 1.6rem;
}
.lib-nav-bar.horizontal .nav-bar-content.content-navigation, .lib-nav-bar.horizontal .nav-bar-content.content-notifications {
  position: relative;
}
.lib-nav-bar.horizontal .nav-bar-content.content-navigation::after, .lib-nav-bar.horizontal .nav-bar-content.content-notifications::after {
  content: "";
  display: inline-flex;
  background-color: var(--halo-neutral-border-strong);
  width: 1px;
  height: 3.2rem;
  position: absolute;
  right: 0;
}
.lib-nav-bar.horizontal .nav-bar-content.content-navigation:empty::after, .lib-nav-bar.horizontal .nav-bar-content.content-notifications:empty::after {
  content: none;
}
@media only screen and (max-width: 904px) {
  .lib-nav-bar.horizontal.lib-nav-bar-menu-closed .nav-bar-content {
    padding: 0 0.8rem;
  }
  .lib-nav-bar.horizontal .lib-app-name .lib-app-name-logo-container {
    display: none;
  }
  .lib-nav-bar.horizontal .lib-app-name .lib-divider {
    display: none;
  }
}
.lib-nav-bar.vertical {
  /* TABLET ET DESKTOP */
  /* suppression de l'ombre en mode vertical et desktop */
}
.lib-nav-bar.vertical .content-navigation {
  padding: 0;
}
.lib-nav-bar.vertical .nav-bar-header {
  padding: 1.6rem;
  justify-content: space-between;
}
.lib-nav-bar.vertical .lib-app-name-logo-container {
  width: 52px;
  height: 52px;
}
.lib-nav-bar.vertical .lib-app-name .lib-divider {
  height: 4rem;
}
.lib-nav-bar.vertical.lib-nav-bar-menu-opened .nav-bar-content {
  padding: 1.6rem;
}
@media only screen and (min-width: 904px) {
  .lib-nav-bar.vertical {
    height: 100%;
  }
  .lib-nav-bar.vertical .nav-bar-container {
    flex-direction: column;
    align-items: flex-start;
  }
  .lib-nav-bar.vertical .content-notifications {
    order: 1;
    flex-direction: column;
    align-items: flex-start;
  }
  .lib-nav-bar.vertical .content-navigation {
    order: 3;
    display: block;
    flex: 1;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden auto;
  }
  .lib-nav-bar.vertical .content-account {
    order: 4;
  }
  .lib-nav-bar.vertical .content-account .lib-user-name {
    flex: 1;
  }
  .lib-nav-bar.vertical .content-account .lib-user-name .lib-button {
    padding: 1.6rem;
  }
  .lib-nav-bar.vertical .lib-spacer {
    order: 2;
    flex: initial;
    height: 1px;
    width: 100%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-nav-bar.vertical .nav-bar-header {
    padding: 0;
  }
  .lib-nav-bar.vertical .nav-bar-container {
    padding: 1.6rem 1.6rem 1.6rem 0.5rem;
  }
  .lib-nav-bar.vertical .side > .nav-bar-container {
    padding: 0;
  }
  .lib-nav-bar.vertical .lib-app-name-logo-container {
    width: 44px;
    height: 44px;
  }
  .lib-nav-bar.vertical .lib-app-name .lib-app-name-logo-container {
    display: none;
  }
  .lib-nav-bar.vertical .lib-app-name .lib-divider {
    display: none;
  }
}
@media only screen and (min-width: 904px) {
  .lib-nav-bar.vertical {
    box-shadow: none;
  }
}
.lib-nav-bar.vertical .content-account {
  border-top: 1px solid var(--halo-neutral-border-medium);
}
.lib-nav-bar .content-notifications > *:not(:first-child) {
  margin-left: 1rem;
}
.lib-nav-bar.side {
  display: none;
  background-color: var(--halo-neutral-background-strong);
}
.lib-nav-bar.side .nav-bar-header {
  color: var(--halo-brand-content-accent);
  background-color: var(--halo-brand-background-accent);
  border-bottom: 0;
  justify-content: space-between;
  height: 5.6rem;
}
.lib-nav-bar.side .nav-bar-header .app-name {
  flex: 1;
  color: var(--halo-brand-content-accent);
}
.lib-nav-bar.side .nav-bar-header .lib-button {
  color: var(--halo-brand-content-accent);
}
.lib-nav-bar.side .nav-bar-header .content-logo {
  display: none;
}
.lib-nav-bar.side .nav-bar-header .content-logo :after {
  display: none;
}
.lib-nav-bar.side.is-opened {
  display: block;
  width: 30rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1001;
  height: 100%;
}
.lib-nav-bar.side.is-opened .nav-bar-container {
  flex-direction: column;
  align-items: flex-start;
}
.lib-nav-bar.side.is-opened .content-notifications {
  order: 1;
  flex-direction: column;
  align-items: flex-start;
}
.lib-nav-bar.side.is-opened .content-navigation {
  order: 3;
  display: block;
  flex: 1;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: hidden auto;
}
.lib-nav-bar.side.is-opened .content-account {
  order: 4;
}
.lib-nav-bar.side.is-opened .content-account .lib-user-name {
  flex: 1;
}
.lib-nav-bar.side.is-opened .content-account .lib-user-name .lib-button {
  padding: 1.6rem;
}
.lib-nav-bar.side.is-opened .lib-spacer {
  order: 2;
  flex: initial;
  height: 1px;
  width: 100%;
}

.nav-bar-backdrop {
  position: absolute;
  z-index: 1000;
}

.lib-nav-bar.side.is-opened .content-account,
.lib-nav-bar.vertical .content-account {
  border-top: 1px solid var(--halo-neutral-border-medium);
}
.lib-nav-bar.side.is-opened .lib-spacer,
.lib-nav-bar.vertical .lib-spacer {
  background-color: var(--halo-neutral-border-medium);
}

.lib-navigation-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.lib-navigation ul {
  list-style-type: none;
  display: flex;
  margin: 0;
  padding: 0;
}
.lib-navigation li.current a {
  font-weight: 700;
  background-color: var(--halo-selection-secondary-background-selected);
  color: var(--halo-selection-secondary-content-selected);
}
.lib-navigation a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8rem 1.6rem;
  border-radius: 0.8rem;
  color: var(--halo-selection-secondary-content-default);
  background-color: var(selection-secondary-background-default);
  text-decoration: none;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lib-navigation a {
  position: relative;
}
.lib-navigation a:focus-visible, .lib-navigation a:focus-within {
  text-decoration: none;
  outline-offset: 2px;
  outline: 2px solid var(--halo-edition-border-interacting);
  border-color: var(--halo-edition-border-interacting);
}
@media only screen and (min-width: 904px) {
  .lib-navigation a {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-navigation a {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-navigation a:focus, .lib-navigation a:hover {
  background-color: var(--halo-selection-secondary-background-interacting);
  color: var(--halo-selection-secondary-content-interacting);
}
.lib-navigation a .lib-icon {
  color: inherit;
  margin-right: 1rem;
}
.lib-navigation a .nav-label {
  flex: 1;
}
.lib-navigation a > .lib-badge-container {
  flex: initial !important;
}
.lib-navigation.horizontal ul {
  flex-direction: row;
}
.lib-navigation.horizontal ul a {
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 904px) {
  .lib-navigation.horizontal ul {
    flex-direction: column;
  }
}
.lib-navigation.vertical ul {
  padding: 0.8rem 0;
  flex-direction: column;
}
.lib-navigation.vertical ul a {
  padding: 2rem 1.6rem;
  margin: 0.4rem 0.8rem;
  white-space: normal;
  text-wrap: wrap;
}

.lib-nav {
  position: relative;
  height: 100%;
}
.lib-nav.submenu-isopened:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.lib-nav .lib-menu-wrapper {
  background-color: var(--halo-neutral-background-strong);
  margin: 0;
  padding: 16px;
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
}
@media only screen and (max-width: 904px) {
  .lib-nav .lib-menu-wrapper {
    background-color: var(--halo-neutral-background-strong);
  }
}
.lib-nav .lib-nav-primary {
  height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.lib-nav .lib-nav-secondary .nav-list-description {
  display: none;
}
@media only screen and (max-width: 904px) {
  .lib-nav .lib-nav-secondary .mat-mdc-list-item {
    margin-bottom: 1px;
  }
  .lib-nav .lib-nav-secondary .mat-mdc-button-base {
    display: none;
  }
}
@media only screen and (min-width: 904px) {
  .lib-nav .lib-nav-secondary {
    opacity: 0;
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 100%;
    background-color: var(--halo-neutral-background-strong);
    transition: width 300ms;
    padding-top: 4rem;
    overflow: auto;
    width: 0;
    border-left: 1px solid var(--halo-neutral-border-medium);
    border-right: 1px solid var(--halo-neutral-border-medium);
  }
  .lib-nav .lib-nav-secondary.opened {
    width: var(--halo-neutral-background-strong);
    opacity: 1;
  }
  .lib-nav .lib-nav-secondary .nav-container {
    padding: 0.5rem 0 1rem;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
  .lib-nav .lib-nav-secondary .submenu-close {
    position: absolute;
    top: 0;
    right: 0;
  }
}

.lib-notification {
  --mdc-snackbar-container-shape: 0.8rem;
  --mdc-snackbar-container-color: white;
  --mdc-snackbar-supporting-text-color: var(--halo-neutral-content-strong);
  --mat-snack-bar-button-color: var(--halo-neutral-content-strong);
  max-width: 60rem;
  min-width: 25rem;
}
.lib-notification .mat-mdc-snackbar-surface {
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}
.lib-notification.lib-notification-information {
  --mdc-snackbar-container-color: var(--halo-status-background-information);
  background-color: var(--halo-status-background-information);
  color: var(--halo-neutral-content-strong);
}
.lib-notification.lib-notification-information .toast-icon {
  color: var(--halo-status-content-information);
}
.lib-notification.lib-notification-success {
  --mdc-snackbar-container-color: var(--halo-status-background-success);
  background-color: var(--halo-status-background-success);
  color: var(--halo-neutral-content-strong);
}
.lib-notification.lib-notification-success .toast-icon {
  color: var(--halo-status-content-success);
}
.lib-notification.lib-notification-error {
  --mdc-snackbar-container-color: var(--halo-status-background-error);
  background-color: var(--halo-status-background-error);
  color: var(--halo-neutral-content-strong);
}
.lib-notification.lib-notification-error .toast-icon {
  color: var(--halo-status-content-error);
}
.lib-notification.lib-notification-warning {
  --mdc-snackbar-container-color: var(--halo-status-background-warning);
  background-color: var(--halo-status-background-warning);
  color: var(--halo-neutral-content-strong);
}
.lib-notification.lib-notification-warning .toast-icon {
  color: var(--halo-status-content-warning);
}

.lib-notification-toast .toast-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.lib-notification-toast .toast-container .toast-icon {
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 1.2rem;
}
.lib-notification-toast .toast-container .toast-icon .mat-icon {
  font-size: 3.2rem;
  height: 3.2rem;
  width: 3.2rem;
}
.lib-notification-toast .toast-container .toast-message {
  flex: 1;
  /** max line to display = 2 ; else troncate the text */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (min-width: 904px) {
  .lib-notification-toast .toast-container .toast-message {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-notification-toast .toast-container .toast-message {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-notification-toast .toast-container .toast-message.ellipsed::after {
  content: "..."; /* Ajoute les ellipses pour les cas sans overflow */
}
.lib-notification-toast .toast-container .toast-actions {
  margin-left: 1.2rem;
}
.lib-notification-toast .toast-container .toast-action {
  flex-grow: 0;
  border: none;
}
@media (max-width: 599px) {
  .lib-notification-toast .toast-container .toast-icon .mat-icon {
    font-size: 2.4rem;
    height: 2.4rem;
    width: 2.4rem;
  }
}
@media only screen and (max-width: 599px) and (min-width: 904px) {
  .lib-notification-toast .toast-container .toast-message {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 599px) and (max-width: 904px) {
  .lib-notification-toast .toast-container .toast-message {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}

.lib-numeros-speciaux {
  margin: 1rem;
}
.lib-numeros-speciaux a {
  text-decoration: none;
}
.lib-numeros-speciaux a {
  position: relative;
}
.lib-numeros-speciaux a:focus-visible, .lib-numeros-speciaux a:focus-within {
  text-decoration: none;
  outline-offset: 2px;
  outline: 2px solid var(--halo-edition-border-interacting);
  border-color: var(--halo-edition-border-interacting);
}
.lib-numeros-speciaux a:hover .telephone-field {
  text-decoration: underline;
  text-decoration-thickness: 2px;
}
.lib-numeros-speciaux .svgContent {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  border-radius: 10rem;
  margin-left: -1px;
  margin-top: -2px;
  margin-bottom: -2px;
  min-width: 4.8rem;
  padding: 0.8rem;
}
.lib-numeros-speciaux .iconAndText {
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-width: 3px;
  border-style: solid;
}
.lib-numeros-speciaux .label {
  white-space: nowrap;
  -webkit-user-select: none;
          user-select: none;
}
.lib-numeros-speciaux .telephone-field {
  flex: 1;
  margin-left: 1.2rem;
  margin-right: 1.6rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 904px) {
  .lib-numeros-speciaux .telephone-field {
    font-size: 1.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-numeros-speciaux .telephone-field {
    font-size: 1.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
.lib-numeros-speciaux .text-field {
  margin-top: 0.8rem;
  text-align: center;
  -webkit-user-select: none;
          user-select: none;
}
.lib-numeros-speciaux .numero-container {
  display: inline-block;
}
.lib-numeros-speciaux .numero-container.vert .telephone-field,
.lib-numeros-speciaux .numero-container.vert .text-field {
  color: var(--halo-additional-content-color1);
}
.lib-numeros-speciaux .numero-container.vert .iconAndText {
  border-color: var(--halo-additional-content-color1);
}
.lib-numeros-speciaux .numero-container.vert .svgContent {
  background-color: var(--halo-additional-background-color1-accent);
  color: var(--halo-additional-content-all-accent);
}
.lib-numeros-speciaux .numero-container.cristal .telephone-field,
.lib-numeros-speciaux .numero-container.cristal .text-field {
  color: var(--halo-neutral-content-medium);
}
.lib-numeros-speciaux .numero-container.cristal .iconAndText {
  border-color: var(--halo-neutral-content-medium);
}
.lib-numeros-speciaux .numero-container.cristal .svgContent {
  background-color: var(--halo-neutral-background-accent);
  color: var(--halo-additional-content-all-accent);
}
.lib-numeros-speciaux .numero-container.indigo .telephone-field,
.lib-numeros-speciaux .numero-container.indigo .text-field {
  color: var(--halo-additional-content-color3);
}
.lib-numeros-speciaux .numero-container.indigo .iconAndText {
  border-color: var(--halo-additional-content-color3);
}
.lib-numeros-speciaux .numero-container.indigo .svgContent {
  background-color: var(--halo-additional-background-color3-accent);
  color: var(--halo-additional-content-all-accent);
}

.mat-mdc-chip {
  position: relative;
}
.mat-mdc-chip:focus-visible, .mat-mdc-chip:focus-within {
  text-decoration: none;
  outline-offset: 2px;
  outline: 2px solid var(--halo-edition-border-interacting);
  border-color: var(--halo-edition-border-interacting);
}

.lib-chips {
  --mdc-chip-outline-color: var(--halo-selection-primary-border-default);
  --mdc-chip-focus-outline-color: var(--halo-selection-primary-border-default);
  --mdc-chip-elevated-container-color: var(--halo-selection-primary-background-default);
  --mdc-chip-elevated-selected-container-color: var(--halo-selection-primary-background-selected);
  --mdc-chip-container-shape-radius: 8px;
  --mdc-chip-outline-width: 1px;
  --mdc-chip-label-text-color: var(--halo-selection-primary-content-default);
  --mdc-chip-flat-selected-outline-width: 1px;
  --mdc-chip-selected-label-text-color: var(--halo-selection-primary-content-selected);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--halo-selection-primary-content-default);
  --mdc-chip-elevated-disabled-container-color: var(--halo-global-all-disabled-soft);
  --mdc-chip-disabled-label-text-color: var(--halo-global-all-disabled-strong);
  --mdc-chip-disabled-outline-color: var(--halo-global-all-disabled-strong);
}
.lib-chips .mat-mdc-chip {
  min-height: 40px;
}
.lib-chips .mat-mdc-chip .mdc-evolution-chip__icon--trailing {
  font-size: 24px;
  height: 24px;
  width: 24px;
}
.lib-chips .mat-mdc-chip:not(.mat-mdc-chip-selected):not(.mdc-evolution-chip--disabled):hover {
  --mdc-chip-label-text-color: var(--halo-selection-primary-content-interacting);
  --mdc-chip-elevated-container-color: var(--halo-selection-primary-background-interacting);
  --mdc-chip-outline-color: var(--halo-selection-primary-border-interacting);
}
.lib-chips .mat-mdc-chip.mdc-evolution-chip--selected {
  --mdc-chip-outline-color: var(--halo-selection-primary-border-selected);
}

.lib-breadcrumb .breadcrumb {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 904px) {
  .lib-breadcrumb .breadcrumb {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-breadcrumb .breadcrumb {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-breadcrumb .breadcrumb ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
.lib-breadcrumb .breadcrumb ul li {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-right: 0.8rem;
}
.lib-breadcrumb .breadcrumb ul li:not(:first-child):before {
  content: "";
  background-color: var(--halo-neutral-content-strong);
  transform: rotate(-60deg);
  width: 12px;
  height: 1px;
  display: block;
}
@media only screen and (min-width: 904px) {
  .lib-breadcrumb .breadcrumb ul li.active {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-breadcrumb .breadcrumb ul li.active {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.lib-breadcrumb .breadcrumb ul li a {
  text-decoration: underline;
  color: inherit;
}
.lib-breadcrumb .breadcrumb ul li a:hover {
  text-decoration: underline;
  color: var(--halo-global-content-link);
}
@media only screen and (max-width: 599px) {
  .lib-breadcrumb {
    display: none;
  }
}

.lib-switch-toggle {
  --mdc-switch-handle-surface-color: transparent;
  --mat-switch-track-outline-color: var(--halo-selection-secondary-content-default);
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.08;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.12;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.08;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.12;
  --mdc-switch-selected-handle-color: var(--halo-selection-primary-content-selected);
  --mdc-switch-selected-track-color: var(--halo-selection-primary-background-selected);
  --mdc-switch-selected-focus-handle-color: var(--halo-selection-primary-content-selected);
  --mdc-switch-selected-focus-state-layer-color: var(--halo-selection-primary-background-selected);
  --mdc-switch-selected-focus-track-color: var(--halo-selection-primary-background-selected);
  --mdc-switch-selected-hover-handle-color: var(--halo-selection-primary-content-selected);
  --mdc-switch-selected-hover-state-layer-color: var(--halo-selection-primary-background-selected);
  --mdc-switch-selected-hover-track-color: var(--halo-selection-primary-background-selected);
  --mdc-switch-selected-pressed-handle-color: var(--halo-selection-primary-content-selected);
  --mdc-switch-selected-pressed-state-layer-color: var(--halo-selection-primary-background-selected);
  --mdc-switch-selected-pressed-track-color: var(--halo-selection-primary-background-selected);
  --mdc-switch-selected-icon-color: var(--halo-selection-primary-background-selected);
  --mat-switch-selected-track-outline-color: var(--halo-selection-primary-background-selected);
  --mdc-switch-disabled-selected-handle-color: var(--halo-global-all-disabled-strong);
  --mdc-switch-disabled-selected-icon-color: var(--halo-global-all-disabled-strong);
  --mdc-switch-disabled-selected-track-color: var(--halo-global-all-disabled-soft);
  --mdc-switch-disabled-unselected-handle-color: var(--halo-global-all-disabled-strong);
  --mdc-switch-disabled-unselected-icon-color: var(--halo-global-all-disabled-strong);
  --mdc-switch-disabled-unselected-track-color: var(--halo-global-all-disabled-soft);
  --mat-switch-disabled-unselected-track-outline-color: var(--halo-global-all-disabled-strong);
  --mat-switch-disabled-unselected-track-outline-width: 2px;
  --mdc-switch-disabled-label-text-color: var(--halo-global-all-disabled-strong);
  --mdc-switch-unselected-handle-color: var(--halo-selection-secondary-content-default);
  --mdc-switch-unselected-icon-color: var(--halo-selection-secondary-background-interacting);
  --mdc-switch-unselected-track-color: var(--halo-neutral-background-strong);
  --mdc-switch-unselected-hover-handle-color: var(--halo-selection-secondary-content-default);
  --mdc-switch-unselected-hover-state-layer-color: var(--halo-neutral-background-strong);
  --mdc-switch-unselected-hover-track-color: var(--halo-neutral-background-strong);
  --mdc-switch-unselected-focus-handle-color: var(--halo-selection-secondary-content-default);
  --mdc-switch-unselected-focus-state-layer-color: var(--halo-neutral-background-strong);
  --mdc-switch-unselected-focus-track-color: var(--halo-neutral-background-strong);
  --mdc-switch-unselected-pressed-handle-color: var(--halo-selection-secondary-content-default);
  --mdc-switch-unselected-pressed-state-layer-color: var(--halo-neutral-background-strong);
  --mdc-switch-unselected-pressed-track-color: var(--halo-neutral-background-strong);
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.5;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-shape: 9999px;
  --mdc-switch-selected-icon-size: 16px;
  --mdc-switch-track-height: 24px;
  --mdc-switch-track-shape: 9999px;
  --mdc-switch-track-width: 48px;
  --mdc-switch-unselected-icon-size: 16px;
  --mdc-switch-state-layer-size: 40px;
  --mat-switch-label-text-color: $text-color;
  --mat-switch-label-text-font: Roboto, sans-serif;
  --mat-switch-label-text-line-height: 1.25rem;
  --mat-switch-label-text-size: 1.6rem;
  --mat-switch-label-text-tracking: 0.016rem;
  --mat-switch-label-text-weight: 400;
  --mat-switch-disabled-selected-handle-opacity: 1;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 16px;
  --mat-switch-selected-handle-size: 16px;
  --mat-switch-pressed-handle-size: 16px;
  --mat-switch-with-icon-handle-size: 16px;
  --mat-switch-selected-handle-horizontal-margin: 0 24px;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0 28px;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0 28px;
  --mat-switch-selected-track-outline-width: 2px;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0 4px;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0 4px;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 0;
  --mat-switch-visible-track-transition: opacity 75ms;
  --mat-switch-hidden-track-transition: opacity 75ms;
  --mat-switch-track-outline-width: 2px;
}
.lib-switch-toggle .mdc-form-field:not(.mdc-form-field--align-end) > label {
  margin-left: 1.6rem;
}
.lib-switch-toggle .mdc-form-field.mdc-form-field--align-end > label {
  margin-right: 1.6rem;
}
@media only screen and (min-width: 904px) {
  .lib-switch-toggle .mdc-label {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-switch-toggle .mdc-label {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-switch-toggle .mdc-switch__icon--off {
  transform: scale(1.1);
}
.lib-switch-toggle .mdc-switch__icon--off > path {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #3c3c3c;
  d: path("M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM8.46967 8.46967C8.76256 8.17678 9.23744 8.17678 9.53033 8.46967L12 10.9393L14.4697 8.46967C14.7626 8.17678 15.2374 8.17678 15.5303 8.46967C15.8232 8.76256 15.8232 9.23744 15.5303 9.53033L13.0607 12L15.5303 14.4697C15.8232 14.7626 15.8232 15.2374 15.5303 15.5303C15.2374 15.8232 14.7626 15.8232 14.4697 15.5303L12 13.0607L9.53033 15.5303C9.23744 15.8232 8.76256 15.8232 8.46967 15.5303C8.17678 15.2374 8.17678 14.7626 8.46967 14.4697L10.9393 12L8.46967 9.53033C8.17678 9.23744 8.17678 8.76256 8.46967 8.46967Z");
}
.lib-switch-toggle .mdc-switch--unselected:enabled .mdc-switch__handle::after {
  display: none;
}

.backdrop-layer,
.lib-backdrop {
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: var(--halo-global-overlay-medium);
  animation: fadein-animation 300ms ease-in;
}
.backdrop-layer.clickable,
.lib-backdrop.clickable {
  cursor: pointer;
}

.lib-overlay-backdrop {
  background: var(--halo-global-overlay-medium);
  transition: opacity linear 300ms;
}

.lib-with-backdrop::before {
  /* Nécessaire pour créer un pseudo-élément */
  content: "";
  /* Masqué par défaut */
  opacity: 0;
  /* Position fixe pour couvrir tout l'écran */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* Couleur de fond semi-transparente */
  background-color: var(--halo-global-overlay-medium);
  /* Transition pour l'animation */
  transition: opacity linear 300ms;
  z-index: 999;
}

.lib-overlay-panel {
  display: flex;
  flex-direction: column;
  max-width: 50%;
  max-height: 100%;
}
@media only screen and (max-width: 599px) {
  .lib-overlay-panel {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    align-self: flex-end;
    padding-top: 4rem;
  }
}

.lib-overlay {
  position: relative;
}
.lib-overlay .lib-overlay-container {
  display: block;
  position: relative;
  background: var(--halo-neutral-background-strong);
  border-radius: 0.8rem;
  width: 100%;
  padding: 3.2rem;
}
@media only screen and (max-width: 599px) {
  .lib-overlay .lib-overlay-container {
    padding: 1.6rem 2.4rem 2.4rem 2.4rem;
    border-radius: 3.2rem 3.2rem 0 0;
  }
}
.lib-overlay .overlay-content {
  position: relative;
}
.lib-overlay .overlay-content .text-only {
  margin-top: 3.2rem;
}
@media only screen and (min-width: 904px) {
  .lib-overlay .overlay-content .text-only {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-overlay .overlay-content .text-only {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-overlay .overlay-button-close {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
}
@media only screen and (max-width: 599px) {
  .lib-overlay .lib-overlay-container:before {
    display: block;
    content: "";
    margin: auto;
    margin-bottom: 1.6rem;
    height: 4px;
    width: 8.8rem;
    border-radius: 10rem;
    background-color: var(--halo-neutral-border-strong);
  }
}

.lib-side-column {
  height: fit-content;
  min-height: 100%;
  width: 100%;
  padding: 1.6rem;
  display: flex;
  flex-direction: column;
  background-color: var(--halo-neutral-background-strong);
  color: var(--halo-neutral-content-strong);
}
.lib-side-column .header {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--halo-neutral-background-strong);
  padding: 1.6rem 0;
}
.lib-side-column .header .header-titles {
  flex: 1;
}
.lib-side-column .header .header-title,
.lib-side-column .header .header-subtitle {
  text-align: center;
  margin: 0;
}
.lib-side-column .header.empty-header {
  padding: 0;
}
.lib-side-column .header-icon {
  display: flex;
  justify-content: center;
}
.lib-side-column .content {
  flex-grow: 1;
  padding: 0 0 0 0;
}
.lib-side-column .footer-actions {
  padding: 1.6rem 0 0 0;
  background-color: var(--halo-neutral-background-strong);
}
.lib-side-column .sticky-top {
  position: sticky;
  top: 0;
}
.lib-side-column .sticky-bottom {
  position: sticky;
  bottom: -1px;
  padding-bottom: 0.8rem;
}

.lib-side-column-container {
  display: flex;
  position: relative;
  flex-direction: row;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.lib-side-column-container .container-content {
  flex: 1;
}
.lib-side-column-container .container-sided-col {
  transition: all ease-in-out 400ms;
  width: 28.8rem;
  flex-shrink: 0;
}
.lib-side-column-container .container-sided-col .close-btn {
  display: none;
}
@media only screen and (min-width: 904px) {
  .lib-side-column-container.collapsed .container-sided-col {
    width: 0;
    overflow: hidden;
  }
  .lib-side-column-container.expanded .container-sided-col {
    transform: translateX(0);
  }
  .lib-side-column-container.expanded .container-sided-col .close-btn {
    display: none;
  }
}
@media only screen and (max-width: 904px) {
  .lib-side-column-container {
    /* side column as bottom sheet*/
  }
  .lib-side-column-container.expanded .container-content::before {
    /* Nécessaire pour créer un pseudo-élément */
    content: "";
    /* Masqué par défaut */
    opacity: 0;
    /* Position fixe pour couvrir tout l'écran */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Couleur de fond semi-transparente */
    background-color: var(--halo-global-overlay-medium);
    /* Transition pour l'animation */
    transition: opacity linear 300ms;
    z-index: 999;
  }
  .lib-side-column-container.expanded .container-content::before {
    opacity: 1;
  }
  .lib-side-column-container.collapsed .container-sided-col {
    height: 0;
    overflow: hidden;
  }
  .lib-side-column-container .container-sided-col {
    height: calc(100% - 4rem);
    width: 100%;
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
    overflow: auto;
    border-radius: 3.2rem 3.2rem 0 0;
    background-color: var(--halo-neutral-background-strong);
    transform: translateY(0);
  }
  .lib-side-column-container .container-sided-col .header-icon {
    display: none;
  }
  .lib-side-column-container .container-sided-col .lib-side-column {
    padding-top: 0rem;
  }
  .lib-side-column-container .container-sided-col .lib-side-column .content {
    align-self: center;
  }
  .lib-side-column-container .container-sided-col .header {
    padding-top: 3.2rem;
    padding-bottom: 1.6rem;
  }
  .lib-side-column-container .container-sided-col .header.empty-header {
    padding-top: 3.2rem;
  }
  .lib-side-column-container .container-sided-col .header .header-title {
    text-align: left;
  }
}
@media only screen and (max-width: 904px) and (min-width: 904px) {
  .lib-side-column-container .container-sided-col .header .header-title {
    font-size: 2rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) and (max-width: 904px) {
  .lib-side-column-container .container-sided-col .header .header-title {
    font-size: 1.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-side-column-container .container-sided-col .header .header-subtitle {
    text-align: left;
  }
  .lib-side-column-container .container-sided-col .header .close-btn {
    display: block;
    margin-left: auto;
  }
  .lib-side-column-container .container-sided-col .header::before {
    content: "";
    position: absolute;
    top: 1.6rem;
    left: 50%;
    transform: translate(-50%, -50%);
    /* bottom-sheet-bar */
    width: 25%;
    max-width: 8.8rem;
    height: 0.4rem;
    border-radius: 10rem;
    background-color: var(--halo-neutral-border-medium);
    z-index: 1;
  }
}

/* Component tokens */
.lib-sidepanel-overlay {
  height: 100%;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
@media only screen and (max-width: 599px) {
  .lib-sidepanel-overlay {
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 40px);
    width: 100%;
    align-self: flex-end;
    justify-content: flex-end;
  }
}

.lib-sidepanel-container {
  display: flex;
  flex-direction: column;
  width: 0;
  height: 100%;
  padding-top: 2.2rem;
  padding-left: 0;
  padding-bottom: 3.2rem;
  padding-right: 0;
  background-color: var(--halo-neutral-background-strong);
}
.lib-sidepanel-container.panel-size-xl {
  max-width: 100%;
  width: 33vw;
  min-width: 60rem;
}
.lib-sidepanel-container.panel-size-l {
  max-width: 100%;
  width: 25vw;
  min-width: 48rem;
}
.lib-sidepanel-container .panel-header {
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin: 0 0;
  padding-left: 3.2rem;
  padding-right: 3.2rem;
  min-height: 4.8rem;
  justify-content: flex-end;
}
.lib-sidepanel-container .panel-header .sidepanel-title {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 3rem;
  flex-grow: 1;
}
.lib-sidepanel-container .panel-header .close-btn {
  flex-shrink: 0;
  margin-right: 0.5rem;
  margin-left: auto;
}
.lib-sidepanel-container .panel-content {
  flex-grow: 1;
  padding-top: 3.2rem;
  position: relative;
  overflow-y: auto;
  padding-right: 3.2rem;
  padding-left: 3.2rem;
  padding-bottom: 0;
}
.lib-sidepanel-container .swipe-header {
  display: none;
}
@media only screen and (max-width: 599px) {
  .lib-sidepanel-container {
    padding-top: 0;
    padding-left: 1.6rem;
    padding-right: 0;
    padding-bottom: 1.6rem;
    border-radius: 3.2rem 3.2rem 0 0;
  }
  .lib-sidepanel-container.panel-size-xl, .lib-sidepanel-container.panel-size-l {
    width: 100%;
    max-width: 100%;
    min-width: auto;
  }
  .lib-sidepanel-container .swipe-header {
    display: flex;
    justify-content: center;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }
  .lib-sidepanel-container .swipe-bar {
    display: block;
    justify-self: center;
    content: "";
    height: 4px;
    width: 25%;
    max-width: 8.8rem;
    border-radius: 10rem;
    background-color: var(--halo-neutral-border-strong);
  }
  .lib-sidepanel-container .panel-header {
    padding-top: 0;
    padding-right: calc(1.6rem - 10px);
    padding-left: 1.6rem;
  }
  .lib-sidepanel-container .panel-content {
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    padding-bottom: 0;
  }
}
.lib-sidepanel-container .sidepanel-title {
  color: var(--halo-brand-content);
}

/**Mixin principale de stylisation du stepper tunnel */
.lib-stepper {
  display: block;
  padding: 3.2rem 0 4.8rem 0;
  width: 100%;
}
@media only screen and (max-width: 599px) {
  .lib-stepper {
    padding: 0;
    padding-top: 1.6rem;
  }
}
@media only screen and (min-width: 599px) {
  .lib-stepper .stepper-outer-container {
    display: grid;
    grid-template-columns: 1fr 10fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0;
    grid-row-gap: 0;
    padding-top: 3.2rem;
  }
}
.lib-stepper .stepper-container {
  padding-top: 3.2rem;
}
.lib-stepper .stepper-content {
  grid-area: 1/2/2/3;
  outline: none;
}
.lib-stepper .stepper-content .step-container {
  display: block;
  outline: none;
}
@media only screen and (max-width: 599px) {
  .lib-stepper .stepper-content {
    max-width: 100%;
    padding: 1.6rem 1.6rem 1.6rem 1.6rem;
  }
}
.lib-stepper .step-container.bg-with-card {
  display: block;
  background: var(--halo-neutral-background-strong);
  border-radius: 8px;
  padding: 4rem;
}
@media only screen and (max-width: 599px) {
  .lib-stepper .step-container.bg-with-card.bg-with-card {
    padding: 1.6rem;
  }
}
.lib-stepper .lib-stepper-actions {
  margin-top: 1.6rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 1.6rem;
  flex-wrap: wrap;
}
.lib-stepper .lib-stepper-actions button:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 599px) {
  .lib-stepper .lib-stepper-actions {
    flex-direction: column;
    padding: 0;
  }
  .lib-stepper .lib-stepper-actions > button {
    width: 100%;
  }
}

.lib-stepper-header {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
.lib-stepper-header .steps-title {
  text-align: center;
  margin: 0;
  line-height: 22.5px;
  margin-bottom: 2.4rem;
}
@media only screen and (max-width: 599px) {
  .lib-stepper-header .steps-title {
    margin-bottom: 1.6rem;
  }
}
.lib-stepper-header .header-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.lib-stepper-header .header-row .action-col-retour,
.lib-stepper-header .header-row .action-col-abandonner {
  flex: 1 1 0;
}
.lib-stepper-header .header-row .action-col-abandonner {
  display: flex;
  justify-content: flex-end;
}
.lib-stepper-header .header-row .stepper-nav {
  padding-top: 0.8rem;
  flex-grow: 1;
}
.lib-stepper-header .header-row.overflowed {
  margin-top: 0;
}
.lib-stepper-header .steps {
  display: flex;
  list-style-type: none;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  counter-reset: step;
}
.lib-stepper-header .steps li::before {
  content: counter(step) " "/"";
  counter-increment: step;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  height: 3.2rem;
  width: 3.2rem;
  color: var(--halo-neutral-content-medium);
  border: 1px solid var(--halo-neutral-border-strong);
  /* Assure que le texte est centré verticalement */
  line-height: 3.2rem !important;
  background: var(--halo-neutral-background-strong);
}
@media only screen and (min-width: 904px) {
  .lib-stepper-header .steps li::before {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-stepper-header .steps li::before {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-stepper-header .steps li.active::before,
.lib-stepper-header .steps li.valide::before {
  background-color: var(--halo-action-primary-background-default);
  color: var(--halo-action-primary-content-default);
  border: 1px solid var(--halo-action-primary-background-default);
  /* retarder le changement de couleur de fond de 1 seconde */
  transition: background-color, color, border-color;
  transition-delay: 300ms;
}
.lib-stepper-header .steps .step {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  text-align: center;
  outline: none;
}
.lib-stepper-header .steps .step .step-label {
  color: var(--halo-neutral-content-medium);
  text-align: center;
  margin-top: 0.4rem;
  padding: 0.8rem 0.4rem;
}
@media only screen and (min-width: 904px) {
  .lib-stepper-header .steps .step .step-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-stepper-header .steps .step .step-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-stepper-header .steps .step.active .step-label {
  color: var(--halo-neutral-content-strong);
}
@media only screen and (min-width: 904px) {
  .lib-stepper-header .steps .step.active .step-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-stepper-header .steps .step.active .step-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.lib-stepper-header .steps .step.valide .step-label {
  cursor: pointer;
  color: var(--halo-neutral-content-medium);
}
.lib-stepper-header .steps .step.valide .step-label:hover {
  text-decoration: underline;
}
.lib-stepper-header .steps .step:focus-visible .step-label {
  color: var(--halo-neutral-content-medium);
  text-decoration: underline;
  outline: var(--halo-global-border-focus) 0.2rem solid;
  border-radius: 0.4rem;
}
.lib-stepper-header .steps .step {
  position: relative;
}
.lib-stepper-header .steps .step:not(:last-child)::after {
  content: "";
  height: 0.2rem;
  background-color: var(--halo-neutral-border-strong);
  border-radius: 0.2rem;
  order: -1;
  position: absolute;
  top: 1.5rem;
  left: calc(50% + 1.6rem + 0.8rem);
  width: calc(100% - 3.2rem - 1.6rem);
  z-index: auto;
}
@keyframes filling {
  0% {
    background-position: right center;
  }
  100% {
    background-position: left center;
  }
}
.lib-stepper-header .steps .step:not(:last-child):after {
  background: linear-gradient(to right, var(--halo-action-primary-background-default) 50%, var(--halo-neutral-border-strong) 50%);
  background-size: 201% 100%;
  background-position: right center;
}
.lib-stepper-header .steps .step:not(:last-child).valide:after {
  background-position: left center;
  /* animation de remplissage complet */
  animation: filling 300ms ease-out forwards;
}
.lib-stepper-header .stepper-progress-bar {
  display: block;
  width: 100%;
}
.lib-stepper-header .stepshidden {
  height: 1px;
  overflow: hidden;
}

.stepper-nav-mobile {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.stepper-nav-mobile .action-col {
  flex: 1 1 0;
  padding: 0 4px;
}
.stepper-nav-mobile .action-col .lib-button {
  height: 4rem;
}
.stepper-nav-mobile .action-col-abandonner {
  display: flex;
  justify-content: flex-end;
}
.stepper-nav-mobile .stepper-nav-infos {
  text-align: center;
  display: flex;
  gap: 0.4rem;
  flex-direction: column;
}
.stepper-nav-mobile .mobile-current-step {
  color: var(--halo-neutral-content-medium);
}
.stepper-nav-mobile .mobile-step-label {
  color: var(--halo-neutral-content-strong);
  margin-top: 0.4rem;
}

.progression-bar {
  height: 4px;
  border-radius: 0;
  margin-top: 1.6rem;
}
.progression-bar .progression {
  border-radius: 0 8px 8px 0;
}

.lib-table-container {
  display: block;
  background-color: var(--halo-neutral-background-strong);
}
.lib-table-container.table-sticky-header {
  overflow: visible;
}
.lib-table-container.table-sticky-header mat-header-row,
.lib-table-container.table-sticky-header tr.mat-mdc-header-row {
  position: sticky;
  top: 0;
}
.lib-table-container .input-filter {
  width: 100%;
}
.lib-table-container .table-container-header {
  border-bottom: 1px solid var(--halo-neutral-border-medium);
  flex-shrink: 0;
}
.lib-table-container .table-container-header.lib-size-md, .lib-table-container .table-container-header.lib-size-sm {
  height: auto;
}

.lib-table-footer {
  display: flex;
  padding: 1.6rem 2.4rem;
  justify-content: space-between;
  background-color: inherit;
  border-top: 1px solid var(--halo-neutral-border-medium);
}
.lib-table-footer > *:not(:last-child) {
  margin-right: 1.6rem 2.4rem;
}
.lib-table-footer .lib-table-footer-actions {
  display: flex;
  flex: 1;
}
.lib-table-footer .lib-table-footer-actions > *:not(:last-child) {
  margin-right: 1.6rem 2.4rem;
}
.lib-table-footer .lib-paginator {
  flex: 2;
}
@media only screen and (max-width: 599px) {
  .lib-table-footer {
    flex-direction: column;
    padding: 0;
  }
  .lib-table-footer > *:not(:last-child) {
    margin-right: 0;
    margin-bottom: 1.6rem 2.4rem;
  }
  .lib-table-footer .lib-table-footer-actions {
    padding: 0.8rem 1.6rem;
  }
}

.lib-search-panel {
  display: flex;
  flex-direction: column;
  color: var(--halo-neutral-content-strong);
  background: transparent;
  padding: 2.4rem 0;
  border-radius: 0.8rem 0.8rem 0 0;
  gap: 2.4rem;
}
.lib-search-panel .search-panel-title {
  display: flex;
  flex-direction: row;
}
.lib-search-panel .search-panel-title > *:not(:last-child) {
  padding-right: 2.4rem;
}
.lib-search-panel .search-panel-content {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.6rem 2.4rem;
}
.lib-search-panel .search-panel-content .search-panel-filter-fields {
  display: flex;
  justify-content: flex-start;
  width: 32.8rem;
}
.lib-search-panel .search-panel-content .search-panel-filter-fields > *:not(:last-child) {
  margin-right: 2.4rem;
}
.lib-search-panel .search-panel-content .search-panel-actions {
  display: flex;
  gap: 1.6rem;
}
.lib-search-panel .search-panel-selected-filters .mat-mdc-chip-listbox-wrapper > .mat-mdc-chip {
  margin: 0;
}
.lib-search-panel .search-panel-selected-filters .mat-mdc-chip-listbox-wrapper > .mat-mdc-chip:not(:last-child) {
  margin-right: 1.6rem;
}
@media only screen and (max-width: 599px) {
  .lib-search-panel .search-panel-content {
    flex-direction: column;
    align-items: stretch;
    gap: 1.6rem;
  }
  .lib-search-panel .search-panel-content .search-panel-filter-fields {
    flex-direction: column;
    width: 100%;
  }
  .lib-search-panel .search-panel-content .search-panel-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 0.8rem;
  }
  .lib-search-panel .search-panel-content .search-panel-actions > *:not(:last-child) {
    margin: 0;
  }
  .lib-search-panel .search-panel-content .search-panel-actions .lib-button-filter {
    flex-grow: 1;
  }
  .lib-search-panel .search-panel-content .search-panel-actions .lib-button-filter button {
    width: 100%;
  }
}

.lib-table-header {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0.8rem 2.4rem;
  color: var(--halo-neutral-content-strong);
  background: var(--halo-neutral-background-strong);
  row-gap: 0.8rem;
  min-height: 6.4rem;
}
.lib-table-header .table-header-title {
  color: var(--halo-brand-content);
  padding: 0 2.4rem 0 0;
  flex-shrink: 0;
}
@media only screen and (min-width: 904px) {
  .lib-table-header .table-header-title {
    font-size: 2rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-table-header .table-header-title {
    font-size: 1.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
.lib-table-header.table-row-selected {
  background: var(--halo-selection-secondary-background-selected);
  color: var(--halo-selection-secondary-content-default);
}
.lib-table-header .table-header-title-items-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.lib-table-header .table-header-title-items-container .table-header-items {
  display: flex;
  flex-wrap: wrap;
}
.lib-table-header .table-header-title-items-container .table-header-items .table-header-item {
  border-left: 1px solid var(--halo-neutral-border-strong);
  padding: 0 2.4rem;
}
.lib-table-header .table-header-actions,
.lib-table-header .table-header-selection {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.8rem;
}
.lib-table-header .table-header-actions .table-selection-message,
.lib-table-header .table-header-selection .table-selection-message {
  margin-right: 1.6rem;
}
.lib-table-header.lib-size-md, .lib-table-header.lib-size-sm {
  flex-direction: column;
  height: auto;
}
.lib-table-header.lib-size-md .table-header-title-items-container, .lib-table-header.lib-size-sm .table-header-title-items-container {
  flex-direction: column;
  align-items: start;
  gap: 0.8rem;
}
.lib-table-header.lib-size-md .table-header-title-items-container > *, .lib-table-header.lib-size-sm .table-header-title-items-container > * {
  border: none;
}
.lib-table-header.lib-size-md .table-header-actions,
.lib-table-header.lib-size-md .table-header-selection, .lib-table-header.lib-size-sm .table-header-actions,
.lib-table-header.lib-size-sm .table-header-selection {
  justify-content: flex-end;
}
.lib-table-header.lib-size-md {
  padding: 1.6rem 2.4rem;
  gap: 2.4rem;
}
.lib-table-header.lib-size-md .table-header-title-items-container .table-header-items .table-header-item:first-child {
  padding-left: 0;
  border: none;
}
.lib-table-header.lib-size-sm {
  padding: 1.6rem 1.6rem;
  gap: 1.6rem;
}
.lib-table-header.lib-size-sm .table-header-title-items-container .table-header-items {
  gap: 0.8rem 1.6rem;
  flex-wrap: wrap;
}
.lib-table-header.lib-size-sm .table-header-title-items-container .table-header-items > .table-header-item {
  padding: 0;
  border: none;
}
.lib-table-header.lib-size-sm .table-header-actions,
.lib-table-header.lib-size-sm .table-header-selection {
  flex-wrap: wrap;
  row-gap: 0.8rem;
}

.lib-filter-panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.lib-filter-panel .filter-panel-content {
  display: flex;
  flex-direction: column;
}
.lib-filter-panel .filter-panel-content .input-filter {
  display: flex;
  flex-direction: column;
  padding-bottom: 1.6rem;
}
.lib-filter-panel .filter-panel-actions {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.lib-filter-panel .filter-panel-actions > * {
  margin: 0.8rem 0;
}

.lib-table-container .mat-mdc-table {
  --mat-table-background-color: var(--halo-neutral-background-strong);
  --mat-table-header-headline-color: var(--halo-selection-primary-content-default);
  --mat-table-row-item-label-text-color: var(--halo-neutral-content-strong);
  --mat-table-row-item-outline-color: var(--halo-neutral-border-medium);
  --mat-sort-arrow-color: var(--halo-selection-primary-content-default);
  --mat-table-row-item-outline-width: 1px;
  --mat-table-row-item-container-height: 5.6rem;
  width: 100%;
  padding: 0;
}
.lib-table-container .mat-mdc-table .mat-mdc-table-sticky {
  opacity: 1 !important;
  transform: none !important;
  background-color: var(--halo-neutral-background-strong);
}
.lib-table-container .mat-mdc-table .mat-sort-header {
  color: var(--halo-selection-primary-content-default);
}
.lib-table-container .mat-mdc-table .mat-sort-header .mat-sort-header-arrow {
  display: none;
}
.lib-table-container .mat-mdc-table .mat-sort-header .mat-sort-header-container::after {
  cursor: pointer;
  font-family: laposte, sans-serif;
  content: "\e905";
  color: var(--halo-selection-primary-content-default);
  margin-left: 4px;
}
.lib-table-container .mat-mdc-table .mat-sort-header[aria-sort=ascending] .mat-sort-header-container::after {
  font-family: laposte, sans-serif;
  content: "\e93c";
  color: var(--halo-selection-primary-content-default);
}
.lib-table-container .mat-mdc-table .mat-sort-header[aria-sort=descending] .mat-sort-header-container::after {
  font-family: laposte, sans-serif;
  content: "\e931";
  color: var(--halo-selection-primary-content-default);
}
.lib-table-container .mat-mdc-table .mat-sort-header[mat-sort-header].cdk-keyboard-focused .mat-sort-header-container, .lib-table-container .mat-mdc-table .mat-sort-header[mat-sort-header].cdk-program-focused .mat-sort-header-container {
  border: none;
}
.lib-table-container .mat-mdc-table .mat-sort-header[mat-sort-header].cdk-keyboard-focused .mat-sort-header-container, .lib-table-container .mat-mdc-table .mat-sort-header[mat-sort-header].cdk-program-focused .mat-sort-header-container {
  position: relative;
}
.lib-table-container .mat-mdc-table .mat-sort-header[mat-sort-header].cdk-keyboard-focused .mat-sort-header-container:focus-visible, .lib-table-container .mat-mdc-table .mat-sort-header[mat-sort-header].cdk-keyboard-focused .mat-sort-header-container:focus-within, .lib-table-container .mat-mdc-table .mat-sort-header[mat-sort-header].cdk-program-focused .mat-sort-header-container:focus-visible, .lib-table-container .mat-mdc-table .mat-sort-header[mat-sort-header].cdk-program-focused .mat-sort-header-container:focus-within {
  text-decoration: none;
  outline-offset: 2px;
  outline: 2px solid var(--halo-edition-border-interacting);
  border-color: var(--halo-edition-border-interacting);
}
.lib-table-container .mat-mdc-table .mat-sort-header .mat-sort-header-container {
  border-radius: 0.4rem;
  padding: 0.4rem 0.8rem;
}
.lib-table-container .mat-mdc-table .mat-sort-header .mat-sort-header-container .mat-sort-header-content {
  text-align: inherit;
}
.lib-table-container .mat-mdc-table .mat-mdc-row:hover {
  background-color: var(--halo-selection-secondary-background-interacting);
}
.lib-table-container .mat-mdc-table .selected-row,
.lib-table-container .mat-mdc-table .lib-selectable-row.selected-row {
  background-color: var(--halo-selection-secondary-background-selected);
  color: var(--halo-selection-secondary-content-selected);
}
.lib-table-container .mat-mdc-table.mat-table-clickable .mat-mdc-row:hover {
  cursor: pointer;
  background-color: var(--halo-selection-secondary-background-interacting);
}
.lib-table-container .mat-mdc-table.mat-table-clickable .row-is-clicked {
  cursor: pointer;
  background-color: var(--halo-selection-secondary-background-selected);
  color: var(--halo-selection-secondary-content-selected);
}
.lib-table-container .mat-mdc-table .mat-mdc-table thead,
.lib-table-container .mat-mdc-table .mat-mdc-table tbody,
.lib-table-container .mat-mdc-table .mat-mdc-table tfoot,
.lib-table-container .mat-mdc-table mat-header-row,
.lib-table-container .mat-mdc-table mat-row,
.lib-table-container .mat-mdc-table mat-footer-row,
.lib-table-container .mat-mdc-table tr.mat-mdc-row,
.lib-table-container .mat-mdc-table tr.mat-mdc-header-row,
.lib-table-container .mat-mdc-table tr.mat-mdc-footer-row,
.lib-table-container .mat-mdc-table [mat-header-row],
.lib-table-container .mat-mdc-table [mat-row],
.lib-table-container .mat-mdc-table [mat-footer-row],
.lib-table-container .mat-mdc-table .mat-mdc-table-sticky {
  background: inherit;
}
.lib-table-container .mat-mdc-table mat-row,
.lib-table-container .mat-mdc-table mat-header-row,
.lib-table-container .mat-mdc-table mat-footer-row,
.lib-table-container .mat-mdc-table tr.mat-mdc-row,
.lib-table-container .mat-mdc-table tr.mat-mdc-header-row,
.lib-table-container .mat-mdc-table tr.mat-mdc-footer-row {
  display: flex;
  min-width: 130px;
  background: var(--halo-neutral-background-strong);
  color: var(--halo-neutral-content-strong);
  height: auto;
}
.lib-table-container .mat-mdc-table mat-row p,
.lib-table-container .mat-mdc-table mat-header-row p,
.lib-table-container .mat-mdc-table mat-footer-row p,
.lib-table-container .mat-mdc-table tr.mat-mdc-row p,
.lib-table-container .mat-mdc-table tr.mat-mdc-header-row p,
.lib-table-container .mat-mdc-table tr.mat-mdc-footer-row p {
  margin-bottom: 0;
}
.lib-table-container .mat-mdc-table mat-row,
.lib-table-container .mat-mdc-table tr.mat-mdc-row {
  min-height: 5.6rem;
  padding: 0.4rem 2.4rem;
  border-bottom: 1px solid var(--halo-neutral-border-medium);
}
@media only screen and (min-width: 904px) {
  .lib-table-container .mat-mdc-table mat-row,
  .lib-table-container .mat-mdc-table tr.mat-mdc-row {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-table-container .mat-mdc-table mat-row,
  .lib-table-container .mat-mdc-table tr.mat-mdc-row {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-table-container .mat-mdc-table mat-row:last-child,
.lib-table-container .mat-mdc-table tr.mat-mdc-row:last-child {
  border-style: none;
}
.lib-table-container .mat-mdc-table mat-header-row,
.lib-table-container .mat-mdc-table tr.mat-mdc-header-row {
  min-height: 4.8rem;
  padding: 0.4rem 2.4rem;
  color: var(--halo-selection-secondary-content-selected);
  border-bottom: 1px solid var(--halo-neutral-border-medium);
}
@media only screen and (min-width: 904px) {
  .lib-table-container .mat-mdc-table mat-header-row,
  .lib-table-container .mat-mdc-table tr.mat-mdc-header-row {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-table-container .mat-mdc-table mat-header-row,
  .lib-table-container .mat-mdc-table tr.mat-mdc-header-row {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.lib-table-container .mat-mdc-table mat-footer-row,
.lib-table-container .mat-mdc-table tr.mat-mdc-footer-row {
  min-height: 4.8rem;
  padding: 0.4rem 2.4rem;
  color: var(--halo-neutral-content-strong);
}
@media only screen and (min-width: 904px) {
  .lib-table-container .mat-mdc-table mat-footer-row,
  .lib-table-container .mat-mdc-table tr.mat-mdc-footer-row {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-table-container .mat-mdc-table mat-footer-row,
  .lib-table-container .mat-mdc-table tr.mat-mdc-footer-row {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-table-container .mat-mdc-table mat-cell,
.lib-table-container .mat-mdc-table mat-header-cell,
.lib-table-container .mat-mdc-table mat-footer-cell,
.lib-table-container .mat-mdc-table td.mat-mdc-cell,
.lib-table-container .mat-mdc-table th.mat-mdc-header-cell,
.lib-table-container .mat-mdc-table td.mat-mdc-footer-cell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
  border-style: none;
  padding: 0 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lib-table-container .mat-mdc-table mat-cell.table--align-center,
.lib-table-container .mat-mdc-table mat-header-cell.table--align-center,
.lib-table-container .mat-mdc-table mat-footer-cell.table--align-center,
.lib-table-container .mat-mdc-table td.mat-mdc-cell.table--align-center,
.lib-table-container .mat-mdc-table th.mat-mdc-header-cell.table--align-center,
.lib-table-container .mat-mdc-table td.mat-mdc-footer-cell.table--align-center {
  justify-content: center;
}
.lib-table-container .mat-mdc-table mat-cell.table--align-right,
.lib-table-container .mat-mdc-table mat-header-cell.table--align-right,
.lib-table-container .mat-mdc-table mat-footer-cell.table--align-right,
.lib-table-container .mat-mdc-table td.mat-mdc-cell.table--align-right,
.lib-table-container .mat-mdc-table th.mat-mdc-header-cell.table--align-right,
.lib-table-container .mat-mdc-table td.mat-mdc-footer-cell.table--align-right {
  justify-content: right;
}
.lib-table-container .mat-mdc-table mat-cell.table--align-left,
.lib-table-container .mat-mdc-table mat-header-cell.table--align-left,
.lib-table-container .mat-mdc-table mat-footer-cell.table--align-left,
.lib-table-container .mat-mdc-table td.mat-mdc-cell.table--align-left,
.lib-table-container .mat-mdc-table th.mat-mdc-header-cell.table--align-left,
.lib-table-container .mat-mdc-table td.mat-mdc-footer-cell.table--align-left {
  justify-content: left;
}
.lib-table-container .mat-mdc-table mat-cell.mat-column-select,
.lib-table-container .mat-mdc-table mat-header-cell.mat-column-select,
.lib-table-container .mat-mdc-table mat-footer-cell.mat-column-select,
.lib-table-container .mat-mdc-table td.mat-mdc-cell.mat-column-select,
.lib-table-container .mat-mdc-table th.mat-mdc-header-cell.mat-column-select,
.lib-table-container .mat-mdc-table td.mat-mdc-footer-cell.mat-column-select {
  flex-grow: 0;
  overflow: visible;
  margin-right: 1.4rem;
}
.lib-table-container .mat-mdc-table mat-cell .mat-column-actions,
.lib-table-container .mat-mdc-table mat-header-cell .mat-column-actions,
.lib-table-container .mat-mdc-table mat-footer-cell .mat-column-actions,
.lib-table-container .mat-mdc-table td.mat-mdc-cell .mat-column-actions,
.lib-table-container .mat-mdc-table th.mat-mdc-header-cell .mat-column-actions,
.lib-table-container .mat-mdc-table td.mat-mdc-footer-cell .mat-column-actions {
  flex-grow: 0;
  overflow: visible;
  padding: 0;
  margin-left: 1.6rem;
}

.lib-expansion-table-panel {
  background-color: var(--halo-neutral-background-strong);
}
.lib-expansion-table-panel .lib-toggleable-panel .lib-toggleable-panel-content {
  padding: 0;
}
.lib-expansion-table-panel.lib-expansion-table-panel-row-selected .lib-toggleable-panel-header {
  background: var(--halo-selection-secondary-background-selected);
  color: var(--halo-selection-secondary-content-default);
}
.lib-expansion-table-panel.lib-expansion-table-panel-row-selected .lib-toggleable-panel-header .lib-table-header {
  background: var(--halo-selection-secondary-background-selected);
  color: var(--halo-selection-secondary-content-default);
}
.lib-expansion-table-panel .lib-table-header {
  width: 100%;
}
.lib-expansion-table-panel .lib-toggleable-panel .lib-toggleable-panel-header {
  padding: 0 !important;
  position: relative;
  border-bottom: 1px solid var(--halo-neutral-border-medium);
}
.lib-expansion-table-panel .lib-toggleable-panel .lib-toggleable-panel-header .lib-toggleable-panel-icons {
  position: relative;
  padding-top: 0;
  align-self: center;
  padding-right: 2.4rem;
}
@media only screen and (max-width: 904px) {
  .lib-expansion-table-panel .lib-toggleable-panel .lib-toggleable-panel-header .lib-toggleable-panel-icons {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 0.8rem;
    padding-right: 2.3rem;
  }
}
@media only screen and (max-width: 599px) {
  .lib-expansion-table-panel .lib-toggleable-panel .lib-toggleable-panel-header .lib-toggleable-panel-icons {
    padding-right: 1.5rem;
  }
}

.lib-button-filter {
  display: flex;
  align-items: center;
}
.lib-button-filter .filter-count-label {
  display: none;
}
@media only screen and (max-width: 599px) {
  .lib-button-filter .filter-count-label {
    display: initial;
  }
}

@media only screen and (max-width: 599px) {
  .lib-table-container.lib-table-responsive .cdk-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0.8rem;
    row-gap: 0rem;
    column-gap: 0rem;
    min-height: 44px;
  }
  .lib-table-container.lib-table-responsive .cdk-cell {
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    line-height: normal;
    margin-bottom: 0.8rem;
    margin-top: 0.8rem;
  }
  .lib-table-container.lib-table-responsive .cdk-cell[data-label]:before {
    content: attr(data-label);
    color: var(--halo-neutral-content-medium);
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 4px;
  }
  .lib-table-container.lib-table-responsive .cdk-cell.cdk-column-select {
    display: flex;
    flex-direction: column;
    align-self: center;
    justify-content: center;
    flex-basis: content;
    flex-grow: 0;
    padding: 0;
    padding-left: 0.8rem;
    order: -3;
    margin-bottom: 0;
    margin-right: 0;
  }
  .lib-table-container.lib-table-responsive .cdk-cell:not(.cdk-column-select):nth-child(1),
  .lib-table-container.lib-table-responsive .cdk-cell.cdk-column-select:nth-child(1) + .cdk-cell {
    font-weight: 600;
    align-self: center;
    justify-content: center;
    flex-basis: 55%;
    flex-grow: 1;
    padding: 0 0.8rem;
    margin-bottom: 0;
    min-height: 56px;
    order: -2;
  }
  .lib-table-container.lib-table-responsive .cdk-cell:not(.cdk-column-select):nth-child(1):before,
  .lib-table-container.lib-table-responsive .cdk-cell.cdk-column-select:nth-child(1) + .cdk-cell:before {
    content: "";
    display: none;
  }
  .lib-table-container.lib-table-responsive .cdk-cell.cdk-column-actions,
  .lib-table-container.lib-table-responsive .cdk-cell[data-actions] {
    order: -1;
    flex-basis: auto;
    flex-shrink: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 0;
  }
  .lib-table-container.lib-table-responsive .cdk-header-row {
    display: flex;
    padding: 0.8rem 1.6rem;
    height: 6rem;
    align-items: center;
  }
  .lib-table-container.lib-table-responsive .cdk-header-row .cdk-header-cell.cdk-column-select {
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    margin: 0;
  }
  .lib-table-container.lib-table-responsive .cdk-header-row .cdk-header-cell:not(.cdk-column-select) {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  .lib-table-container.lib-table-responsive .cdk-header-row .cdk-header-cell:not(.cdk-column-select):first-of-type,
  .lib-table-container.lib-table-responsive .cdk-header-row .cdk-header-cell.cdk-column-select:first-of-type + .cdk-header-cell {
    display: flex;
    flex-grow: 1;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    margin-left: 1rem;
    clip: auto;
    border: none;
    position: relative;
  }
  .lib-table-container.lib-table-responsive .cdk-header-row .cdk-header-cell:not(.cdk-column-select):first-of-type .mat-sort-header-container,
  .lib-table-container.lib-table-responsive .cdk-header-row .cdk-header-cell.cdk-column-select:first-of-type + .cdk-header-cell .mat-sort-header-container {
    flex: 1;
    display: flex;
  }
}
.lib-toggleable-panel {
  border: 1px solid var(--halo-neutral-background-strong);
  background: var(--halo-neutral-background-strong);
  border-radius: 0.8rem;
}
.lib-toggleable-panel .lib-toggleable-panel-header {
  display: flex;
  align-items: center;
  border: 0 none;
  padding: 0.8rem 2.4rem;
  background: transparent;
  color: var(--transverse-neutral-tones-black);
}
@media only screen and (min-width: 904px) {
  .lib-toggleable-panel .lib-toggleable-panel-header .lib-toggleable-panel-title {
    font-size: 1.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-toggleable-panel .lib-toggleable-panel-header .lib-toggleable-panel-title {
    font-size: 1.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
.lib-toggleable-panel.lib-toggleable-panel-toggleable .lib-toggleable-panel-header {
  padding: 0.8rem 2.4rem;
}
.lib-toggleable-panel.lib-toggleable-panel-toggleable.lib-toggleable-panel-expanded > .lib-toggleable-content:not(.ng-animating) {
  overflow: auto;
}
.lib-toggleable-panel.lib-toggleable-panel-toggleable .lib-toggleable-content {
  overflow: hidden;
}
.lib-toggleable-panel .lib-toggleable-panel-content {
  padding: 1.25rem;
  border: 0 none;
  background: transparent;
  color: var(--transverse-neutral-tones-black);
  border-top: 0 none;
}
.lib-toggleable-panel .lib-toggleable-panel-footer {
  padding: 0.75rem 1.25rem;
  border: 0 none;
  background: transparent;
  color: var(--transverse-neutral-tones-black);
  border-top: 0 none;
}
.lib-toggleable-panel .lib-toggleable-panel-icons-end {
  order: 2;
  margin-left: auto;
}
.lib-toggleable-panel .lib-toggleable-panel-icons-start {
  order: 0;
  margin-right: 0.5rem;
}
.lib-toggleable-panel .lib-toggleable-panel-icons-center {
  order: 2;
  width: 100%;
  text-align: center;
}

.lib-user-name {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lib-user-name .lib-button.username-action {
  color: var(--halo-selection-secondary-content-default);
  background: var(--halo-selection-secondary-background-default);
  justify-content: flex-start;
  width: 100%;
}
.lib-user-name .lib-button.username-action:hover:not([disabled]) {
  background: var(--halo-selection-secondary-background-interacting);
  color: var(--halo-selection-secondary-content-interacting);
}
.lib-user-name .lib-button.username-action:active, .lib-user-name .lib-button.username-action[aria-expanded=true] {
  background-color: var(--halo-selection-secondary-background-selected) !important;
  color: var(--halo-selection-secondary-content-selected) !important;
}
.lib-user-name .lib-button.username-action:active .user-label.user-name, .lib-user-name .lib-button.username-action[aria-expanded=true] .user-label.user-name {
  color: var(--halo-selection-secondary-content-selected);
  font-weight: inherit;
}
.lib-user-name .lib-button.username-action .lib-button-wrapper {
  padding: 0.4rem 1.6rem !important;
}
.lib-user-name .lib-button.username-action .lib-icon {
  color: var(--halo-additional-content-color1);
  background-color: var(--halo-additional-background-color1);
  border-radius: 50%;
  padding: 0.4rem;
}
.lib-user-name .lib-button.username-action .user-label {
  margin-left: 0.8rem;
}
.lib-user-name .lib-button.username-action:not(:active):not([aria-expanded=true]) .user-label.user-name {
  color: var(--halo-selection-secondary-content-default);
  font-weight: 400;
}
@media only screen and (min-width: 904px) {
  .lib-user-name .lib-button.username-action:not(:active):not([aria-expanded=true]) .user-label.user-name {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-user-name .lib-button.username-action:not(:active):not([aria-expanded=true]) .user-label.user-name {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-user-name .lib-button.username-action.withdropdown {
  color: var(--halo-selection-secondary-content-default) !important;
}
.lib-user-name .lib-button {
  border-radius: initial;
  margin: 0.4rem 0.8rem;
}
.lib-user-name .lib-button .lib-button-wrapper {
  padding: 2rem 1.6rem;
}
.lib-user-name .user-initial {
  border-radius: 50%;
  color: var(--halo-additional-content-color1);
  background-color: var(--halo-additional-background-color1);
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lib-user-name.user-with-menu-list {
  margin: 0rem;
}
.lib-user-name.user-with-menu-list .collapsible-menu {
  display: block;
  overflow: hidden;
  width: 100%;
}
.lib-user-name.user-with-menu-list .collapsible-menu .collapsible-header {
  width: 100%;
  display: flex;
  margin: 0;
  overflow: hidden;
  justify-content: flex-start;
}
.lib-user-name.user-with-menu-list .collapsible-menu .collapsible-header .lib-button {
  border-radius: 0;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 2rem 1.6rem;
}
.lib-user-name.user-with-menu-list .collapsible-menu .collapsible-header .lib-button .lib-button-wrapper {
  padding: 0;
}
.lib-user-name.user-with-menu-list .collapsible-menu .collapsible-header .lib-button .button-label {
  margin-left: 0.8rem;
}
.lib-user-name.user-with-menu-list .collapsible-menu .collapsible-header .lib-button:after {
  transition: transform 0.3s ease;
  /* Animation de la transformation */
  content: "\e931";
  font-family: laposte, sans-serif;
  font-size: 2.4rem;
  font-weight: normal;
  position: absolute;
  right: 2.4rem;
  border: 0;
}

.lib-user-menu-header-template {
  padding: 0.8rem 1.6rem;
  display: flex;
  flex-direction: row;
  text-overflow: ellipsis;
  align-items: center;
  justify-content: flex-start;
}
.lib-user-menu-header-template .user-initial {
  border-radius: 50%;
  color: var(--halo-additional-content-color1);
  background-color: var(--halo-additional-background-color1);
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 904px) {
  .lib-user-menu-header-template .user-initial {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-user-menu-header-template .user-initial {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.lib-user-menu-header-template .user-name {
  margin-left: 8px;
}
@media only screen and (min-width: 904px) {
  .lib-user-menu-header-template .user-name {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-user-menu-header-template .user-name {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}

.lib-accordion .mat-accordion .lib-expansion-panel .mat-expansion-panel {
  border-radius: 0;
}
.lib-accordion .mat-accordion .lib-expansion-panel .mat-expansion-panel.mat-expanded {
  border-radius: var(--mat-expansion-container-shape);
}
.lib-accordion .mat-accordion .lib-expansion-panel:last-of-type .mat-expansion-panel {
  border-bottom-right-radius: var(--mat-expansion-container-shape);
  border-bottom-left-radius: var(--mat-expansion-container-shape);
}
.lib-accordion .mat-accordion .lib-expansion-panel:first-of-type .mat-expansion-panel {
  border-top-right-radius: var(--mat-expansion-container-shape);
  border-top-left-radius: var(--mat-expansion-container-shape);
}

.lib-expansion-panel {
  --mat-expansion-container-background-color: var(--halo-neutral-background-strong);
  --mat-expansion-header-text-color: var(--halo-neutral-content-strong);
  --mat-expansion-header-description-color: var(--halo-neutral-content-strong);
  --mat-expansion-container-shape: 0.8rem;
}
.lib-expansion-panel .mat-expansion-panel.lib-expansion-panel-disabled {
  background: var(--halo-global-all-disabled-soft);
}
.lib-expansion-panel .mat-expansion-panel.lib-expansion-panel-disabled::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.3;
}
.lib-expansion-panel .mat-expansion-panel:hover:not(.lib-expansion-panel-disabled) {
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
  z-index: 10;
}
.lib-expansion-panel .mat-expansion-panel-header {
  min-height: 7.2rem;
  padding: 0 3.2rem;
}
.lib-expansion-panel .mat-expansion-panel-header.mat-expanded {
  border-bottom: 1px solid var(--halo-neutral-border-medium);
  border-radius: 0;
}
.lib-expansion-panel .mat-expansion-panel-header[aria-disabled=true] {
  cursor: auto;
}
.lib-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator {
  position: relative;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 2rem;
}
.lib-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator:after {
  content: "\e93c";
  font-family: laposte, sans-serif;
  border: 0;
  transform: none;
  font-size: 2.4rem;
  padding: 0;
  font-weight: normal;
}
.lib-expansion-panel .mat-expansion-panel-header.cdk-focused:focus-visible .mat-expansion-indicator:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  border: 1px dashed var(--halo-global-border-focus);
}
@media only screen and (max-width: 599px) {
  .lib-expansion-panel .mat-expansion-panel-header {
    padding: 0 1.6rem;
  }
}
.lib-expansion-panel .mat-expansion-panel-body {
  padding: 1.6rem 3.2rem;
}
@media only screen and (max-width: 599px) {
  .lib-expansion-panel .mat-expansion-panel-body {
    padding: 1.6rem;
  }
}

.lib-tooltip {
  display: block;
  border-radius: 0.8rem;
  margin: 5px;
  text-align: center;
}
.lib-tooltip.lib-tooltip-type-text {
  color: var(--halo-neutral-content-accent);
  background-color: var(--halo-neutral-background-accent);
  padding: 0.8rem 1.6rem;
}
@media only screen and (min-width: 904px) {
  .lib-tooltip.lib-tooltip-type-text {
    font-size: 1.2rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-tooltip.lib-tooltip-type-text {
    font-size: 1.2rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
.lib-tooltip.lib-tooltip-type-panel {
  color: var(--halo-neutral-content-strong);
  background-color: var(--halo-neutral-background-strong);
  padding: 1.6rem;
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}
@media only screen and (min-width: 904px) {
  .lib-tooltip.lib-tooltip-type-panel {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-tooltip.lib-tooltip-type-panel {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}

.banner-panel {
  min-height: 56px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.banner-panel.lib-variant-filled:not([disabled]):not([class*=lib-status-]) {
  color: var(--halo-action-primary-content-default);
  background-color: var(--halo-action-primary-background-default);
  border-color: var(--halo-action-primary-border-default);
}
.banner-panel.lib-variant-filled[disabled] {
  color: var(--halo-global-all-disabled-strong);
  background-color: var(--halo-global-all-disabled-soft);
}
.banner-panel.lib-variant-filled.lib-status-info {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-information-accent);
}
.banner-panel.lib-variant-filled.lib-status-info.lib-color-light {
  color: var(--halo-status-content-information);
  background-color: var(--halo-status-background-information);
}
.banner-panel.lib-variant-filled.lib-status-success {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-success-accent);
}
.banner-panel.lib-variant-filled.lib-status-success.lib-color-light {
  color: var(--halo-status-content-success);
  background-color: var(--halo-status-background-success);
}
.banner-panel.lib-variant-filled.lib-status-danger {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-error-accent);
  border-color: var(--halo-action-primary-border-default);
}
.banner-panel.lib-variant-filled.lib-status-danger.lib-color-light {
  color: var(--halo-status-content-error);
  background-color: var(--halo-status-background-error);
}
.banner-panel.lib-variant-filled.lib-status-warning {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-warning-accent);
}
.banner-panel.lib-variant-filled.lib-status-warning.lib-color-light {
  color: var(--halo-status-content-warning);
  background-color: var(--halo-status-background-warning);
}
@media only screen and (max-width: 599px) {
  .banner-panel {
    height: unset;
  }
}
.banner-panel .banner-container {
  display: flex;
  padding: 16px;
  align-items: center;
  gap: 16px;
  flex: 1 0 0;
  align-self: stretch;
}
@media only screen and (min-width: 904px) {
  .banner-panel .banner-container {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .banner-panel .banner-container {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 599px) {
  .banner-panel .banner-container {
    flex-direction: column;
    justify-content: flex-end;
    align-items: self-start;
    gap: unset;
    flex: unset;
    padding: 0;
  }
}
.banner-panel .banner-container .icon-text-container {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
}
@media only screen and (max-width: 599px) {
  .banner-panel .banner-container .icon-text-container {
    padding: 16px;
    align-self: stretch;
  }
}
.banner-panel .banner-container .icon-text-container .text {
  flex: 1 0 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.banner-panel .banner-container .button-container {
  display: flex;
  padding: 0 16px;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  cursor: pointer;
}
@media only screen and (max-width: 599px) {
  .banner-panel .banner-container .button-container {
    justify-content: flex-end;
    padding: 0 16px;
    align-self: stretch;
  }
}
.banner-panel .banner-container .button-container a {
  text-decoration: none;
}

a {
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  color: var(--halo-global-content-link);
}
a:hover {
  color: var(--halo-global-content-link);
}
a:active {
  color: var(--halo-global-content-link);
}
a.lib-link-xs {
  font-size: 1.4rem;
}
a > .mat-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
}
a .mat-icon ~ span {
  margin-left: 4px;
}
a span ~ .mat-icon {
  margin-left: 4px;
}

.lib-footer {
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  background-color: var(--halo-neutral-background-strong);
  padding: 1rem;
  border-top: 1px solid var(--halo-neutral-border-strong);
}
@media only screen and (min-width: 904px) {
  .lib-footer {
    font-size: 1.2rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-footer {
    font-size: 1.2rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-footer {
    padding: 1.7rem 1rem;
  }
}

.lib-tab-bar {
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: var(--halo-neutral-border-medium);
  --mdc-tab-indicator-active-indicator-color: var(--halo-brand-decoration);
  --mdc-tab-indicator-active-indicator-height: 3px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mat-tab-header-active-label-text-color: var(--halo-selection-secondary-content-selected);
  --mat-tab-header-active-ripple-color: var(--halo-selection-secondary-background-interacting);
  --mat-tab-header-active-hover-label-text-color: var(--halo-selection-secondary-content-interacting);
  --mat-tab-header-active-hover-indicator-color: var(--halo-brand-decoration);
  --mat-tab-header-active-focus-indicator-color: var(--halo-brand-decoration);
  --mat-tab-header-active-focus-label-text-color: var(--halo-selection-secondary-content-interacting);
  --mat-tab-header-inactive-ripple-color: var(--halo-selection-secondary-background-interacting);
  --mat-tab-header-inactive-focus-label-text-color: var(--halo-selection-secondary-content-interacting);
  --mat-tab-header-inactive-hover-label-text-color: var(--halo-selection-secondary-content-interacting);
  --mat-tab-header-inactive-label-text-color: var(--halo-selection-secondary-content-default);
  --mat-tab-header-divider-height: 1px;
}
.lib-tab-bar .mat-mdc-tab-label-container {
  border: none;
  padding: 4px;
}
.lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab {
  min-height: 48px;
  height: auto;
  border-bottom-style: solid;
  border-bottom-width: var(--mat-tab-header-divider-height, 1px);
  border-bottom-color: var(--mat-tab-header-divider-color, var(--mat-sys-surface-variant));
}
.lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab.mdc-tab--active:not(.cdk-keyboard-focused) {
  background-color: var(--halo-selection-secondary-background-selected);
}
.lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab.cdk-keyboard-focused {
  background-color: var(--halo-selection-secondary-background-interacting);
}
.lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab {
  position: relative;
}
.lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab:focus-visible, .lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab:focus-within {
  text-decoration: none;
  outline-offset: 2px;
  outline: 2px solid var(--halo-edition-border-interacting);
  border-color: var(--halo-edition-border-interacting);
}
.lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab:focus-visible, .lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab:focus-within {
  border-radius: 1px;
  z-index: 2;
}
.lib-tab-bar .mat-mdc-tab-group .lib-tab-icon {
  padding: 8px;
}
.lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab-header-pagination {
  border: 1px solid var(--halo-neutral-border-medium);
  background-color: #ffffff;
  border-radius: 8px;
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 50%;
  transform: translateY(-52%);
}
.lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab-header-pagination.mat-mdc-tab-header-pagination-before {
  left: 0;
}
.lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab-header-pagination.mat-mdc-tab-header-pagination-after {
  right: 0;
}
.lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab-header-pagination.mat-mdc-tab-header-pagination-disabled {
  display: none;
  cursor: default;
  pointer-events: none;
}
.lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab-header-pagination-chevron {
  border-width: 1px 1px 0 0;
}
.lib-tab-bar .mat-mdc-tab-list .mat-ripple {
  display: none;
}
.lib-tab-bar .mat-mdc-tab-list .mat-mdc-tab:hover .mdc-tab__ripple::before {
  opacity: 1;
}
.lib-tab-bar .mat-mdc-focus-indicator {
  position: relative;
}
@media only screen and (min-width: 904px) {
  .lib-tab-bar .mdc-tab__text-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-tab-bar .mdc-tab__text-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-tab-bar .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-tab-bar .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}

.lib-divider {
  display: flex;
  background-color: var(--halo-neutral-border-medium);
}
.lib-divider.lib-divider-darken {
  background-color: var(--halo-neutral-border-strong);
}
.lib-divider.lib-divider-dash {
  background-position: bottom;
  background-color: transparent;
}
.lib-divider.lib-divider-horizontal {
  height: 1px;
}
.lib-divider.lib-divider-horizontal.lib-divider-dash {
  background-image: linear-gradient(to right, var(--halo-neutral-border-medium) 50%, rgba(255, 255, 255, 0) 0%);
  background-size: 15px 1px;
  background-repeat: repeat-x;
}
.lib-divider.lib-divider-horizontal.lib-divider-dash.lib-divider-darken {
  background-image: linear-gradient(to right, var(--halo-neutral-border-strong) 50%, rgba(255, 255, 255, 0) 0%);
}
.lib-divider.lib-divider-vertical {
  width: 1px;
  height: auto;
}
.lib-divider.lib-divider-vertical.lib-divider-dash {
  background-image: linear-gradient(to top, var(--halo-neutral-border-medium) 50%, rgba(255, 255, 255, 0) 0%);
  background-size: 1px 15px;
  background-repeat: repeat-y;
}
.lib-divider.lib-divider-vertical.lib-divider-dash.lib-divider-darken {
  background-image: linear-gradient(to top, var(--halo-neutral-border-strong) 50%, rgba(255, 255, 255, 0) 0%);
}

.lib-textbox,
.lib-text-message {
  padding: 1.2rem;
  border-radius: 0.8rem;
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.lib-textbox.lib-variant-filled:not([disabled]):not([class*=lib-status-]),
.lib-text-message.lib-variant-filled:not([disabled]):not([class*=lib-status-]) {
  color: var(--halo-action-primary-content-default);
  background-color: var(--halo-action-primary-background-default);
  border-color: var(--halo-action-primary-border-default);
}
.lib-textbox.lib-variant-filled[disabled],
.lib-text-message.lib-variant-filled[disabled] {
  color: var(--halo-global-all-disabled-strong);
  background-color: var(--halo-global-all-disabled-soft);
}
.lib-textbox.lib-variant-filled.lib-status-info,
.lib-text-message.lib-variant-filled.lib-status-info {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-information-accent);
}
.lib-textbox.lib-variant-filled.lib-status-info.lib-color-light,
.lib-text-message.lib-variant-filled.lib-status-info.lib-color-light {
  color: var(--halo-status-content-information);
  background-color: var(--halo-status-background-information);
}
.lib-textbox.lib-variant-filled.lib-status-warning,
.lib-text-message.lib-variant-filled.lib-status-warning {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-warning-accent);
}
.lib-textbox.lib-variant-filled.lib-status-warning.lib-color-light,
.lib-text-message.lib-variant-filled.lib-status-warning.lib-color-light {
  color: var(--halo-status-content-warning);
  background-color: var(--halo-status-background-warning);
}
.lib-textbox.lib-variant-filled.lib-status-danger,
.lib-text-message.lib-variant-filled.lib-status-danger {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-error-accent);
  border-color: var(--halo-action-primary-border-default);
}
.lib-textbox.lib-variant-filled.lib-status-danger.lib-color-light,
.lib-text-message.lib-variant-filled.lib-status-danger.lib-color-light {
  color: var(--halo-status-content-error);
  background-color: var(--halo-status-background-error);
}
.lib-textbox.lib-variant-filled.lib-status-success,
.lib-text-message.lib-variant-filled.lib-status-success {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-success-accent);
}
.lib-textbox.lib-variant-filled.lib-status-success.lib-color-light,
.lib-text-message.lib-variant-filled.lib-status-success.lib-color-light {
  color: var(--halo-status-content-success);
  background-color: var(--halo-status-background-success);
}
.lib-textbox .message-icon,
.lib-text-message .message-icon {
  align-self: flex-start;
  margin-top: 0.2rem;
  margin-right: 0.8rem;
  flex-shrink: 0;
}
.lib-textbox .message-content,
.lib-text-message .message-content {
  display: block;
  flex-grow: 1;
}
.lib-textbox .content-title,
.lib-text-message .content-title {
  display: block;
  flex-grow: 1;
}
@media only screen and (min-width: 904px) {
  .lib-textbox .content-title,
  .lib-text-message .content-title {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-textbox .content-title,
  .lib-text-message .content-title {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-textbox .content-text,
.lib-text-message .content-text {
  display: block;
  flex-grow: 1;
  color: var(--halo-neutral-content-strong);
}
.lib-textbox .content-text.with-title,
.lib-text-message .content-text.with-title {
  margin-left: -2.4rem;
}
@media only screen and (min-width: 904px) {
  .lib-textbox .content-text,
  .lib-text-message .content-text {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-textbox .content-text,
  .lib-text-message .content-text {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-textbox .message-action,
.lib-text-message .message-action {
  flex-shrink: 0;
}

.lib-meter-bar {
  display: block;
  /* la barre vide*/
}
.lib-meter-bar .lib-meter-value-text {
  white-space: nowrap;
  min-width: 4.7rem;
}
@media only screen and (min-width: 904px) {
  .lib-meter-bar .lib-meter-value-text {
    font-size: 1.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-meter-bar .lib-meter-value-text {
    font-size: 1.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
.lib-meter-bar .lib-meters {
  background: var(--halo-neutral-background-strong);
  height: 0.6rem;
  border-radius: 0.6rem;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
  transition: width 0.3s ease-in-out;
  /* affichage de la value*/
}
.lib-meter-bar .lib-meters .lib-meter:first-child {
  border-top-left-radius: 0.6rem;
  border-bottom-left-radius: 0.6rem;
}
.lib-meter-bar .lib-meters .lib-meter:last-child {
  border-top-right-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
}
.lib-meter-bar .empty-value-message {
  width: 100%;
}
.lib-meter-bar .empty-value-placeholder {
  display: inline-flex;
}

.meter-orientation-horizontal {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
}
.meter-orientation-horizontal .lib-meter-label {
  width: 100%;
  color: var(--halo-neutral-content-medium);
  margin-bottom: 0.4rem;
}
@media only screen and (min-width: 904px) {
  .meter-orientation-horizontal .lib-meter-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .meter-orientation-horizontal .lib-meter-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.meter-orientation-horizontal .lib-meter-value-text {
  flex-shrink: 0;
  text-align: left;
}
.meter-orientation-horizontal .lib-meters {
  width: auto;
  flex-grow: 1;
  margin-left: 0.8rem;
}
.meter-orientation-horizontal .empty-value-placeholder {
  display: none;
}

.meter-orientation-vertical {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
}
.meter-orientation-vertical .lib-meter-label {
  width: auto;
  flex-grow: 1;
  color: var(--halo-neutral-content-strong);
}
@media only screen and (min-width: 904px) {
  .meter-orientation-vertical .lib-meter-label {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .meter-orientation-vertical .lib-meter-label {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.meter-orientation-vertical .lib-meter-value-text {
  text-align: right;
  flex-shrink: 0;
  flex-grow: 0;
}
.meter-orientation-vertical .lib-meters {
  margin-top: 0.4rem;
  width: 100%;
}

.lib-form-field .lib-label {
  color: var(--halo-edition-content-default);
}
@media only screen and (min-width: 904px) {
  .lib-form-field .lib-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-form-field .lib-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.lib-form-field .lib-label.input-disabled {
  color: var(--halo-global-all-disabled-strong);
}
.lib-form-field.cdk-focused .lib-label:not(.input-disabled) {
  color: var(--halo-edition-content-interacting);
}
@media only screen and (min-width: 904px) {
  .lib-form-field .lib-caption {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-form-field .lib-caption {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-form-field .lib-input-container {
  position: relative;
  display: flex;
  align-items: center;
}
.lib-form-field .lib-input-container .lib-input-icon-before {
  padding-left: 4.8rem;
}
.lib-form-field .lib-input-container .lib-input-icon-after {
  padding-right: 4.8rem;
}
.lib-form-field .lib-input {
  display: block;
  border: 1px solid var(--halo-edition-border-default);
  padding: 1.2rem 1.6rem;
  margin: 0.4rem 0;
  border-radius: 8px;
  width: 100%;
  color: var(--halo-neutral-content-strong);
  height: 4.8rem;
  border: 1px solid var(--halo-edition-border-default);
  border-radius: 8px;
}
.lib-form-field .lib-input[disabled] {
  border-color: transparent;
}
.lib-form-field .lib-input:not([disabled])[aria-invalid=true], .lib-form-field .lib-input:not([disabled]).input-error {
  border-color: var(--halo-status-border-error);
  border-width: 2px;
}
.lib-form-field .lib-input[disabled], .lib-form-field .lib-input.disabled {
  background-color: var(--halo-global-all-disabled-soft);
  color: var(--halo-global-all-disabled-strong);
}
.lib-form-field .lib-input {
  position: relative;
}
.lib-form-field .lib-input:focus-visible, .lib-form-field .lib-input:focus-within {
  text-decoration: none;
  outline-offset: 2px;
  outline: 2px solid var(--halo-edition-border-interacting);
  border-color: var(--halo-edition-border-interacting);
}
@media only screen and (min-width: 904px) {
  .lib-form-field .lib-input {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-form-field .lib-input {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-form-field .lib-input:not([disabled])[aria-invalid=true], .lib-form-field .lib-input:not([disabled]).input-error {
  color: var(--halo-status-content-error);
}
.lib-form-field .lib-input.lib-small {
  height: 4rem;
}
@media only screen and (min-width: 904px) {
  .lib-form-field .lib-input.lib-small {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-form-field .lib-input.lib-small {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-form-field .lib-input .lib-input-container {
  display: flex;
  flex-direction: column;
}
.lib-form-field .lib-input-error {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: left;
  color: var(--halo-status-content-error);
}
@media only screen and (min-width: 904px) {
  .lib-form-field .lib-input-error {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-form-field .lib-input-error {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-form-field .lib-input-error mat-icon {
  margin-right: 0.8rem;
  color: var(--halo-status-content-error);
}
.lib-form-field .lib-input-group {
  display: flex;
  gap: 8px;
}
.lib-form-field .lib-input-group.vertical {
  flex-direction: column;
}
.lib-form-field .lib-input-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
}
.lib-form-field .lib-input-icon[position=before] {
  left: 0;
}
.lib-form-field .lib-input-icon[position=after] {
  right: 0;
}
.lib-form-field .lib-input-icon .clickable {
  cursor: pointer;
  border-radius: 0.4rem;
}
.lib-form-field .lib-input-icon .overlay-before,
.lib-form-field .lib-input-icon .overlay-after {
  margin: 0;
  padding: 0.4rem;
  display: inline-flex;
}
.lib-form-field .lib-input-icon .overlay-before {
  margin-left: 1.2rem;
}
.lib-form-field .lib-input-icon .overlay-after {
  margin-right: 1.2rem;
}

.lib-segmented-button {
  --mat-standard-button-toggle-hover-state-layer-opacity: 1;
  --mat-standard-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-text-color: var(--halo-selection-primary-content-default);
  --mat-standard-button-toggle-state-layer-color: transparent;
  --mat-standard-button-toggle-selected-state-background-color: var(--halo-selection-primary-background-selected);
  --mat-standard-button-toggle-selected-state-text-color: var(--halo-selection-primary-content-selected);
  --mat-standard-button-toggle-disabled-selected-state-text-color: var(--halo-global-all-disabled-soft);
  --mat-standard-button-toggle-disabled-selected-state-background-color: var(--halo-global-all-disabled-strong);
  --mat-standard-button-toggle-divider-color: var(--halo-neutral-border-strong);
  --mat-standard-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height: inherit;
  --mat-standard-button-toggle-label-text-size: inherit;
  --mat-standard-button-toggle-label-text-tracking: 0.006rem;
  --mat-standard-button-toggle-label-text-weight: 400;
  --mat-standard-button-toggle-height: 40px;
  --mat-standard-button-toggle-shape: 8px;
  --mat-standard-button-toggle-background-color: var(--halo-selection-secondary-background-default);
  --mat-standard-button-toggle-disabled-state-background-color: var(--halo-selection-secondary-background-default);
  --mat-standard-button-toggle-disabled-state-text-color: var(--halo-global-all-disabled-strong);
}
.lib-segmented-button .lib-label {
  margin-right: 1rem;
}
.lib-segmented-button .lib-input-group[aria-invalid=true] {
  outline: 2px solid var(--halo-status-content-error);
  border-color: transparent;
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard {
  flex: 1;
  border-radius: 6px;
  border-color: transparent;
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard + .mat-button-toggle.mat-button-toggle-appearance-standard {
  border-color: transparent;
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:focus-visible, .lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:focus {
  outline: none;
  background-color: var(--halo-selection-primary-background-interacting);
  color: var(--halo-selection-primary-content-default);
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:focus-visible.mat-button-toggle-checked, .lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:focus.mat-button-toggle-checked {
  background-color: var(--halo-selection-primary-background-interacting);
  color: var(--halo-selection-primary-content-default);
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:focus-visible.mat-button-toggle-checked .mat-pseudo-checkbox, .lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:focus.mat-button-toggle-checked .mat-pseudo-checkbox {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--halo-selection-primary-content-default);
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:focus-visible.mat-button-toggle-checked .mat-button-toggle-label-content, .lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:focus.mat-button-toggle-checked .mat-button-toggle-label-content {
  color: var(--halo-selection-primary-content-default);
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:focus-visible::before, .lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:focus::before {
  content: "";
  border: 2px solid var(--halo-global-border-focus);
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -4px;
  position: absolute;
  border-radius: calc(6px + 2px);
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:hover {
  background-color: var(--halo-selection-primary-background-interacting);
  color: var(--halo-selection-primary-content-default);
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:hover.mat-button-toggle-checked {
  background-color: var(--halo-selection-primary-background-interacting);
  color: var(--halo-selection-primary-content-default);
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:hover.mat-button-toggle-checked .mat-pseudo-checkbox {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--halo-selection-primary-content-default);
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:hover.mat-button-toggle-checked .mat-button-toggle-label-content {
  color: var(--halo-selection-primary-content-default);
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard.mat-button-toggle-checked {
  font-weight: 500;
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-button-toggle-label-content {
  color: var(--halo-selection-primary-content-selected);
}
.lib-segmented-button .lib-input-group {
  padding: 4px;
}
.lib-segmented-button .buttonCheckWithoutIcon .mat-pseudo-checkbox {
  display: none;
}

.lib-input-password input::-ms-reveal {
  display: none;
}
.lib-input-password .input-wrapper {
  position: relative;
  display: inline-flex;
  width: 100%;
}

.lib-input-number .with-controls {
  position: relative;
}
.lib-input-number .with-controls .lib-input {
  padding-left: 3.2rem;
  padding-right: 3.2rem;
  text-align: center;
}
.lib-input-number .with-controls .button-inc,
.lib-input-number .with-controls .button-dec {
  position: absolute;
  z-index: 2;
  padding: 0.4rem 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 2.8rem;
  color: var(--halo-neutral-content-strong);
}
.lib-input-number .with-controls .button-inc.disabled,
.lib-input-number .with-controls .button-dec.disabled {
  pointer-events: none;
  cursor: auto;
  color: var(--halo-global-all-disabled-strong);
}
.lib-input-number .with-controls .button-dec {
  left: 0;
  padding-right: 1rem;
}
.lib-input-number .with-controls .button-inc {
  right: 0;
  padding-left: 1rem;
}
.lib-input-number input[type=number] {
  appearance: textfield;
}
.lib-input-number input[type=number]::-webkit-outer-spin-button, .lib-input-number input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.lib-input-text-area .lib-input {
  height: auto;
  max-width: 100%;
}
.lib-input-text-area .lib-count-character {
  letter-spacing: 0px;
  color: var(--halo-neutral-content-strong);
  float: right;
}
@media only screen and (min-width: 904px) {
  .lib-input-text-area .lib-count-character {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-input-text-area .lib-count-character {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}

.lib-timepicker .tp-input-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 3px;
}
.lib-timepicker .tp-input-container .lib-input {
  width: 65px;
  text-align: center;
}
.lib-timepicker .tp-input-container .tp-spacer {
  text-align: center;
  font-weight: 800;
  color: var(--halo-neutral-content-strong);
}
.lib-timepicker .tp-button-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  gap: 4px;
}
.lib-timepicker .tp-button-icon .button-inc,
.lib-timepicker .tp-button-icon .button-dec {
  background-color: white;
  font-weight: bold;
  color: var(--halo-neutral-content-strong);
  cursor: pointer;
  border-radius: 4px;
}
.lib-timepicker .tp-button-icon .button-inc.disabled,
.lib-timepicker .tp-button-icon .button-dec.disabled {
  pointer-events: none;
  color: var(--halo-global-all-disabled-strong);
}
.lib-timepicker .tp-button-icon .button-inc:focus:not(.disabled),
.lib-timepicker .tp-button-icon .button-dec:focus:not(.disabled) {
  outline: 2px solid var(--halo-edition-border-interacting);
  background-color: var(--halo-action-secondary-background-interacting);
}

.mat-calendar,
.lib-calendar,
.lib-datepicker {
  --mat-datepicker-calendar-date-selected-state-text-color: var(--halo-selection-primary-content-selected);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--halo-selection-primary-background-selected);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: var(--halo-global-all-disabled-soft);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--halo-selection-primary-border-selected);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--halo-selection-primary-background-interacting);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--halo-selection-primary-background-interacting);
  --mat-datepicker-toggle-active-state-icon-color: var(--halo-neutral-content-strong);
  --mat-datepicker-toggle-icon-color: var(--halo-neutral-content-strong);
  --mat-datepicker-calendar-navigation-button-icon-color: var(--halo-neutral-content-strong);
  --mat-datepicker-calendar-date-today-outline-color: var(--halo-selection-primary-border-selected);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: var(--halo-global-all-disabled-soft);
  --mat-datepicker-calendar-date-text-color: var(--halo-selection-primary-content-default);
  --mat-datepicker-calendar-date-disabled-state-text-color: var(--halo-global-all-disabled-strong);
  --mat-datepicker-calendar-container-background-color: var(--halo-neutral-background-strong);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 1.6rem;
  --mat-datepicker-calendar-body-label-text-size: 0;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 1.6rem;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 1.6rem;
  --mat-datepicker-calendar-header-text-weight: 500;
  --mat-datepicker-calendar-container-shape: 16px;
  --mat-datepicker-calendar-container-touch-shape: 28px;
  --mat-datepicker-calendar-header-divider-color: var(--halo-neutral-border-medium);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mdc-icon-button-disabled-icon-color: var(--halo-global-all-disabled-strong);
  --mdc-icon-button-state-layer-size: 4rem;
  --mdc-icon-button-icon-color: var(--halo-neutral-content-strong);
}
.mat-calendar .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-calendar .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.lib-calendar .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.lib-calendar .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.lib-datepicker .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.lib-datepicker .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  outline-offset: 1px;
  outline: 1px solid var(--halo-edition-border-interacting);
}

.lib-calendar.elevation {
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}

.mat-calendar,
.lib-calendar {
  display: block;
  max-width: 328px;
  min-width: 328px;
  border-radius: 0.8rem;
  background-color: var(--halo-neutral-background-strong);
}
.mat-calendar .mat-calendar-table-header-divider,
.lib-calendar .mat-calendar-table-header-divider {
  height: 1px;
}
.mat-calendar .mat-calendar-table-header-divider:after,
.lib-calendar .mat-calendar-table-header-divider:after {
  content: "";
  border-top: 1px solid var(--halo-neutral-border-medium);
  display: block;
}
.mat-calendar.disabled,
.lib-calendar.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.mat-calendar .cdk-visually-hidden,
.lib-calendar .cdk-visually-hidden {
  display: none;
}
.mat-calendar .mat-calendar-table,
.lib-calendar .mat-calendar-table {
  width: 100%;
}
.mat-calendar .mat-calendar-table .mat-calendar-table-header th,
.lib-calendar .mat-calendar-table .mat-calendar-table-header th {
  color: var(--halo-neutral-content-strong);
}
.mat-calendar .mat-calendar-table th:not(.mat-calendar-table-header-divider),
.lib-calendar .mat-calendar-table th:not(.mat-calendar-table-header-divider) {
  height: 4rem;
}
@media only screen and (min-width: 904px) {
  .mat-calendar .mat-calendar-table th:not(.mat-calendar-table-header-divider),
  .lib-calendar .mat-calendar-table th:not(.mat-calendar-table-header-divider) {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .mat-calendar .mat-calendar-table th:not(.mat-calendar-table-header-divider),
  .lib-calendar .mat-calendar-table th:not(.mat-calendar-table-header-divider) {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.mat-calendar .mat-calendar-table tr[aria-hidden=true],
.lib-calendar .mat-calendar-table tr[aria-hidden=true] {
  display: none;
}
.mat-calendar .mat-calendar-body-cell-content,
.lib-calendar .mat-calendar-body-cell-content {
  min-height: 4rem;
  min-width: 4rem;
  border-radius: 0.8rem;
}
.mat-calendar .mat-calendar-body-today,
.lib-calendar .mat-calendar-body-today {
  border-width: 0;
}
@media only screen and (min-width: 904px) {
  .mat-calendar .mat-calendar-body-today,
  .lib-calendar .mat-calendar-body-today {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .mat-calendar .mat-calendar-body-today,
  .lib-calendar .mat-calendar-body-today {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.mat-calendar .mat-calendar-body-today:not(.mat-calendar-body-selected),
.lib-calendar .mat-calendar-body-today:not(.mat-calendar-body-selected) {
  color: var(--halo-selection-primary-content-default);
  border-width: 0 0 1px 0;
  border-radius: 0.8rem 0.8rem 0 0;
}
.mat-calendar .mat-calendar-previous-button::after,
.mat-calendar .mat-calendar-next-button::after,
.lib-calendar .mat-calendar-previous-button::after,
.lib-calendar .mat-calendar-next-button::after {
  display: none;
}
.mat-calendar .mat-calendar-body-cell:focus .mat-focus-indicator::before,
.lib-calendar .mat-calendar-body-cell:focus .mat-focus-indicator::before {
  display: none;
}
.mat-calendar .calendar-content-header,
.lib-calendar .calendar-content-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.6rem 1.6rem 0;
}
.mat-calendar .calendar-content-header .calendar-standard-label,
.lib-calendar .calendar-content-header .calendar-standard-label {
  color: var(--halo-selection-primary-content-default);
  margin: 0;
}
@media only screen and (min-width: 904px) {
  .mat-calendar .calendar-content-header .calendar-standard-label,
  .lib-calendar .calendar-content-header .calendar-standard-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .mat-calendar .calendar-content-header .calendar-standard-label,
  .lib-calendar .calendar-content-header .calendar-standard-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.mat-calendar .calendar-content-header .calendar-standard-label:first-letter,
.lib-calendar .calendar-content-header .calendar-standard-label:first-letter {
  text-transform: uppercase;
}
.mat-calendar .calendar-content-header .calendar-header-standard,
.lib-calendar .calendar-content-header .calendar-header-standard {
  padding: 1.6rem 1.6rem 0;
}
.mat-calendar .calendar-content-header .content-select,
.lib-calendar .calendar-content-header .content-select {
  width: 70px;
  font-size: 1.6rem;
  font-weight: 700;
}
.mat-calendar .mat-calendar-content,
.lib-calendar .mat-calendar-content {
  padding: 0 1.6rem 1.6rem;
}

.lib-header-toolbar .lib-app-name-logo-container {
  width: 44px;
  height: 44px;
}
.lib-header-toolbar .lib-app-name .lib-divider {
  height: 3.2rem;
  background-color: var(--halo-neutral-border-strong);
}
@media only screen and (min-width: 904px) {
  .lib-header-toolbar .lib-app-name-logo-container {
    width: 144px;
    height: 48px;
  }
}

.lib-datepicker .lib-input-container {
  flex-direction: column;
  align-items: flex-start;
}
.lib-datepicker .mat-datepicker-toggle > .mat-mdc-icon-button {
  margin-right: 0.8rem;
}
.lib-datepicker .mat-datepicker-toggle > .mat-mdc-icon-button {
  position: relative;
}
.lib-datepicker .mat-datepicker-toggle > .mat-mdc-icon-button:focus-visible, .lib-datepicker .mat-datepicker-toggle > .mat-mdc-icon-button:focus-within {
  text-decoration: none;
  outline-offset: 2px;
  outline: 2px solid var(--halo-edition-border-interacting);
  border-color: var(--halo-edition-border-interacting);
}
.lib-datepicker .mat-datepicker-toggle > .mat-mdc-icon-button:focus-visible, .lib-datepicker .mat-datepicker-toggle > .mat-mdc-icon-button:focus-within {
  background-color: var(--halo-neutral-background-soft);
}
.lib-datepicker .mat-datepicker-toggle > .mat-mdc-icon-button .mat-mdc-button-touch-target {
  height: 4rem;
  width: 4rem;
}

.mat-datepicker-content {
  margin-top: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 12px 0px
    rgba(60, 60, 60, 0.2);
}

.lib-choice-button .checkboxs-placeholder {
  margin-bottom: 0.2rem;
}
.lib-choice-button .mat-mdc-radio-group,
.lib-choice-button .checkbox-list-content {
  display: flex;
  gap: 8px;
}
.lib-choice-button .vertical .checkbox-list-content {
  display: flex;
  flex-direction: column;
}
.lib-choice-button.ng-invalid .mat-mdc-radio-button:not(.mat-mdc-radio-checked):not(.mat-mdc-radio-disabled) .mdc-label,
.lib-choice-button.ng-invalid .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked):not(.mat-mdc-checkbox-disabled) .mdc-label {
  color: var(--halo-status-content-error);
  background-color: var(--halo-status-background-error);
}
.lib-choice-button.ng-invalid .choice-button-border .mat-mdc-radio-checked .mdc-label,
.lib-choice-button.ng-invalid .choice-button-border .mat-mdc-checkbox-checked .mdc-label {
  border-color: var(--halo-selection-primary-border-selected);
}
.lib-choice-button .choice-button-border .mat-mdc-radio-checked .mdc-label,
.lib-choice-button .choice-button-border .mat-mdc-checkbox-checked .mdc-label {
  border-color: var(--halo-selection-primary-border-selected);
}
.lib-choice-button .choice-button-border .mat-mdc-radio-disabled .mdc-label,
.lib-choice-button .choice-button-border .mat-mdc-checkbox-disabled .mdc-label {
  border-color: var(--halo-global-all-disabled-strong);
}
.lib-choice-button .choice-button-border .mat-mdc-radio-button:not(.mat-mdc-radio-checked):not(.mat-mdc-radio-disabled) .mdc-label,
.lib-choice-button .choice-button-border .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked):not(.mat-mdc-checkbox-disabled) .mdc-label {
  border-color: var(--halo-selection-primary-border-default);
}
.lib-choice-button .mdc-checkbox,
.lib-choice-button .mat-mdc-radio-button .mdc-radio {
  width: 0;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  /* width: 1px; */
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.lib-choice-button .cdk-keyboard-focused > label {
  position: relative;
}
.lib-choice-button .cdk-keyboard-focused > label:before {
  content: "";
  position: absolute;
  display: block;
  border-color: red;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-width: 2px;
  border-style: solid;
  pointer-events: none;
  border-radius: 10px;
  transition: border-color 0.2s ease;
}
.lib-choice-button .mat-mdc-checkbox .mdc-label,
.lib-choice-button .mat-mdc-radio-button .mdc-label {
  color: var(--halo-selection-primary-content-default);
  background-color: var(--halo-selection-primary-background-default);
  border: 1px solid transparent;
  padding: 7px 16px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 400;
}
.lib-choice-button .mat-mdc-radio-button:not(.mat-mdc-radio-checked):not(.mat-mdc-radio-disabled):hover .mdc-label,
.lib-choice-button .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked):not(.mat-mdc-checkbox-disabled):hover .mdc-label {
  color: var(--halo-selection-primary-content-interacting);
  background-color: var(--halo-selection-primary-background-interacting);
}
.lib-choice-button .mat-mdc-radio-button:not(.mat-mdc-radio-checked):not(.mat-mdc-radio-disabled):focus .mdc-label,
.lib-choice-button .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked):not(.mat-mdc-checkbox-disabled):focus .mdc-label {
  color: var(--halo-selection-primary-content-interacting);
  background-color: var(--halo-selection-primary-background-interacting);
  outline: 2px solid var(--halo-selection-primary-border-interacting);
  outline-offset: 2px;
}
.lib-choice-button .mat-mdc-checkbox-checked .mdc-label,
.lib-choice-button .mat-mdc-radio-checked .mdc-label {
  border-color: transparent;
  background-color: var(--halo-selection-primary-background-selected);
  color: var(--halo-selection-primary-content-selected);
}
.lib-choice-button .mat-mdc-radio-disabled .mdc-label,
.lib-choice-button .mat-mdc-checkbox-disabled .mdc-label {
  background-color: var(--halo-global-all-disabled-soft);
  border-color: transparent;
  color: var(--halo-global-all-disabled-strong);
}
.lib-choice-button .mat-mdc-radio-disabled.mat-mdc-radio-checked .mat-mdc-checkbox-layout,
.lib-choice-button .mat-mdc-radio-disabled.mat-mdc-radio-checked .mat-radio-label,
.lib-choice-button .mat-mdc-checkbox-disabled.mat-mdc-radio-checked .mat-mdc-checkbox-layout,
.lib-choice-button .mat-mdc-checkbox-disabled.mat-mdc-radio-checked .mat-radio-label {
  background-color: red;
  border-color: transparent;
}
.lib-choice-button .radio-group-vertical .mat-radio-label {
  justify-content: center;
}

.lib-badge-container {
  position: relative;
  /* BEFORE */
  /* AFTER */
}
.lib-badge-container.sub .lib-badge, .lib-badge-container.sup .lib-badge {
  position: absolute;
}
.lib-badge-container.sub .lib-badge-number, .lib-badge-container.sup .lib-badge-number {
  min-width: 16px;
  border-radius: 16px;
  width: 20px;
  height: 20px;
}
.lib-badge-container.sub .lib-badge-number.lib-badge-long, .lib-badge-container.sup .lib-badge-number.lib-badge-long {
  width: 30px;
  right: calc(30px / 2 * -1);
}
.lib-badge-container.sub .lib-badge-empty, .lib-badge-container.sup .lib-badge-empty {
  width: 8px;
  height: 8px;
}
.lib-badge-container.sub .lib-badge {
  bottom: -2px;
  top: auto;
}
.lib-badge-container.sup .lib-badge {
  top: 0;
}
.lib-badge-container.before.sub .lib-badge, .lib-badge-container.before.sup .lib-badge {
  left: calc(16px / 2 * -1);
}
.lib-badge-container.before:not(.sub):not(.sup) {
  flex-direction: row-reverse;
}
.lib-badge-container.after.sub .lib-badge:not(.lib-badge-long), .lib-badge-container.after.sup .lib-badge:not(.lib-badge-long) {
  right: calc(16px / 2 * -1);
}
.lib-badge-container:not(.sub):not(.sup) {
  display: flex;
  flex: 1;
  align-items: center;
}
.lib-badge-container:not(.sub):not(.sup) .lib-badge {
  position: inherit;
}
.lib-badge-container.space-between {
  justify-content: space-between;
}

.lib-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.lib-badge.lib-variant-filled:not([disabled]):not([class*=lib-status-]) {
  color: var(--halo-action-primary-content-default);
  background-color: var(--halo-action-primary-background-default);
  border-color: var(--halo-action-primary-border-default);
}
.lib-badge.lib-variant-filled[disabled] {
  color: var(--halo-global-all-disabled-strong);
  background-color: var(--halo-global-all-disabled-soft);
}
.lib-badge.lib-variant-filled.lib-status-info {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-information-accent);
}
.lib-badge.lib-variant-filled.lib-status-info.lib-color-light {
  color: var(--halo-status-content-information);
  background-color: var(--halo-status-background-information);
}
.lib-badge.lib-variant-filled.lib-status-success {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-success-accent);
}
.lib-badge.lib-variant-filled.lib-status-success.lib-color-light {
  color: var(--halo-status-content-success);
  background-color: var(--halo-status-background-success);
}
.lib-badge.lib-variant-filled.lib-status-danger {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-error-accent);
  border-color: var(--halo-action-primary-border-default);
}
.lib-badge.lib-variant-filled.lib-status-danger.lib-color-light {
  color: var(--halo-status-content-error);
  background-color: var(--halo-status-background-error);
}
.lib-badge.lib-variant-filled.lib-status-warning {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-warning-accent);
}
.lib-badge.lib-variant-filled.lib-status-warning.lib-color-light {
  color: var(--halo-status-content-warning);
  background-color: var(--halo-status-background-warning);
}
.lib-badge.lib-variant-filled.lib-status-disable {
  color: var(--halo-global-all-disabled-strong);
  background-color: var(--halo-global-all-disabled-soft);
}
.lib-badge.lib-badge-number {
  border-radius: 24px;
  min-width: 24px;
  height: 24px;
  width: auto;
  line-height: 1 !important;
}
@media only screen and (min-width: 904px) {
  .lib-badge.lib-badge-number {
    font-size: 1.2rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-badge.lib-badge-number {
    font-size: 1.2rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
.lib-badge.lib-badge-number.lib-badge-long {
  width: 30px;
}
.lib-badge.lib-badge-icon {
  width: 20px;
  height: 20px;
}
.lib-badge.lib-badge-icon .lib-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.lib-badge.lib-badge-empty {
  width: 8px;
  height: 8px;
  text-indent: -5000em;
}

.lib-checkbox .mat-mdc-checkbox,
.lib-checkbox-list .mat-mdc-checkbox,
.lib-select-list .mat-mdc-checkbox {
  --mat-checkbox-label-text-color: var(--halo-neutral-content-strong);
  --mat-checkbox-disabled-label-color: var(--halo-global-all-disabled-strong);
  --mat-checkbox-label-text-font: inherit;
  --mat-checkbox-label-text-line-height: inherit;
  --mat-checkbox-label-text-size: inherit;
  --mat-checkbox-label-text-tracking: inherit;
  --mat-checkbox-label-text-weight: 400;
  --mdc-checkbox-state-layer-size: 44px;
  --mat-checkbox-touch-target-display: block;
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-icon-color: var(--halo-selection-secondary-content-selected);
  --mdc-checkbox-unselected-icon-color: var(--halo-selection-secondary-content-default);
  --mdc-checkbox-selected-focus-state-layer-opacity: 1;
  --mdc-checkbox-selected-focus-state-layer-color: var(--halo-selection-secondary-background-interacting);
  --mdc-checkbox-selected-focus-icon-color: var(--halo-selection-secondary-content-selected);
  --mdc-checkbox-unselected-focus-state-layer-opacity: 1;
  --mdc-checkbox-unselected-focus-state-layer-color: var(--halo-selection-secondary-background-interacting);
  --mdc-checkbox-unselected-focus-icon-color: var(--halo-selection-secondary-content-default);
  --mdc-checkbox-selected-hover-state-layer-opacity: 1;
  --mdc-checkbox-selected-hover-state-layer-color: var(--halo-selection-secondary-background-interacting);
  --mdc-checkbox-selected-hover-icon-color: var(--halo-selection-secondary-content-selected);
  --mdc-checkbox-unselected-hover-state-layer-opacity: 1;
  --mdc-checkbox-unselected-hover-state-layer-color: var(--halo-selection-secondary-background-interacting);
  --mdc-checkbox-unselected-hover-icon-color: var(--halo-selection-secondary-content-default);
  --mdc-checkbox-selected-pressed-state-layer-opacity: 1;
  --mdc-checkbox-selected-pressed-state-layer-color: var(--halo-selection-secondary-background-interacting);
  --mdc-checkbox-selected-pressed-icon-color: var(--halo-selection-secondary-content-selected);
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 1;
  --mdc-checkbox-unselected-pressed-state-layer-color: var(--halo-selection-secondary-background-interacting);
  --mdc-checkbox-unselected-pressed-icon-color: var(--halo-selection-secondary-content-default);
  --mdc-checkbox-disabled-selected-checkmark-color: white;
  --mdc-checkbox-disabled-selected-icon-color: var(--halo-global-all-disabled-strong);
  --mdc-checkbox-disabled-unselected-icon-color: var(--halo-global-all-disabled-strong);
}
.lib-checkbox .mat-mdc-checkbox .mdc-checkbox__ripple,
.lib-checkbox-list .mat-mdc-checkbox .mdc-checkbox__ripple,
.lib-select-list .mat-mdc-checkbox .mdc-checkbox__ripple {
  border-radius: 8px;
}
.lib-checkbox .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled)[aria-invalid=true]:hover .mdc-checkbox__background, .lib-checkbox .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled)[aria-invalid=true] .mdc-checkbox__background,
.lib-checkbox-list .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled)[aria-invalid=true]:hover .mdc-checkbox__background,
.lib-checkbox-list .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled)[aria-invalid=true] .mdc-checkbox__background,
.lib-select-list .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled)[aria-invalid=true]:hover .mdc-checkbox__background,
.lib-select-list .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled)[aria-invalid=true] .mdc-checkbox__background {
  border-color: var(--halo-status-content-error);
}

.mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled):focus .mdc-checkbox__background, .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled):focus-visible .mdc-checkbox__background, .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled):focus-within .mdc-checkbox__background {
  outline: 2px solid var(--halo-global-border-focus);
  outline-offset: 2px;
}

.mat-mdc-radio-group .mdc-radio {
  --mat-radio-label-text-color: var(--halo-neutral-content-strong);
  --mat-radio-disabled-label-color: var(--halo-global-all-disabled-strong);
  --mat-radio-label-text-font: inherit;
  --mat-radio-label-text-line-height: inherit;
  --mat-radio-label-text-size: inherit;
  --mat-radio-label-text-tracking: inherit;
  --mat-radio-label-text-weight: 400;
  --mdc-radio-state-layer-size: 44px;
  --mat-radio-touch-target-display: block;
  --mdc-radio-selected-icon-color: var(--halo-selection-secondary-content-selected);
  --mdc-radio-unselected-icon-color: var(--halo-selection-secondary-content-default);
  --mdc-radio-selected-focus-state-layer-opacity: 1;
  --mdc-radio-selected-focus-icon-color: var(--halo-selection-secondary-content-selected);
  --mdc-radio-unselected-focus-state-layer-opacity: 1;
  --mdc-radio-unselected-focus-icon-color: var(--halo-selection-secondary-content-default);
  --mdc-radio-selected-hover-state-layer-opacity: 1;
  --mdc-radio-selected-hover-icon-color: var(--halo-selection-secondary-content-selected);
  --mdc-radio-unselected-hover-state-layer-opacity: 1
    --mdc-radio-unselected-hover-icon-color: var(--halo-selection-secondary-content-default);
  --mdc-radio-selected-pressed-state-layer-opacity: 1;
  --mdc-radio-selected-pressed-icon-color: var(--halo-selection-secondary-content-selected);
  --mdc-radio-unselected-pressed-state-layer-opacity: 1;
  --mdc-radio-unselected-pressed-icon-color: var(--halo-selection-secondary-content-default);
  --mdc-radio-disabled-selected-icon-opacity: 1;
  --mdc-radio-disabled-selected-icon-color: var(--halo-global-all-disabled-strong);
  --mdc-radio-disabled-unselected-icon-opacity: 1;
  --mdc-radio-disabled-unselected-icon-color: var(--halo-global-all-disabled-strong);
  --mat-radio-ripple-color: var(--halo-selection-secondary-background-interacting);
  --mat-radio-checked-ripple-color: var(--halo-selection-secondary-background-interacting);
  overflow: hidden;
}
.mat-mdc-radio-group .mdc-radio .mat-ripple-element + .mat-ripple-element {
  display: none;
}
.mat-mdc-radio-group .mdc-radio:hover .mdc-radio__native-control:not([disabled]):not(:focus) ~ .mdc-radio__background::before {
  opacity: 1 !important;
}
.mat-mdc-radio-group .mdc-radio:focus .mdc-radio__native-control:not([disabled]) ~ .mdc-radio__background {
  outline: 2px solid var(--halo-global-border-focus);
  outline-offset: 2px;
  border-radius: 44px;
}
.mat-mdc-radio-group[aria-invalid=true] .mat-mdc-radio-button:not(.mat-mdc-radio-disabled) .mdc-radio .mdc-radio__background .mdc-radio__outer-circle,
.mat-mdc-radio-group[aria-invalid=true] .mat-mdc-radio-button:not(.mat-mdc-radio-disabled) .mdc-radio:hover .mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--halo-status-content-error);
}

.lib-page-error .error-content-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin-top: 12rem;
  margin-bottom: 1.6rem;
}
@media only screen and (max-width: 904px) {
  .lib-page-error .error-content-page {
    margin-top: 6.4rem;
  }
}
.lib-page-error .error-content-page .content-container {
  max-width: 50rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.lib-page-error .error-content-page .content-container > * {
  margin-bottom: 1.6rem;
}
.lib-page-error .error-content-page p {
  text-align: center;
}
.lib-page-error .error-content-page .error-page-icon > .mat-icon {
  width: 32rem;
  height: 32rem;
}
@media only screen and (max-width: 904px) {
  .lib-page-error .error-content-page .error-page-icon > .mat-icon {
    width: 20rem;
    height: 20rem;
  }
}

.lib-paginator.mat-mdc-paginator {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 0.8rem;
}
@media only screen and (min-width: 904px) {
  .lib-paginator.mat-mdc-paginator {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-paginator.mat-mdc-paginator {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-paginator .lib-paginator-page-size {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
  gap: 0.8rem;
}
.lib-paginator .lib-paginator-page-size .mat-mdc-select {
  margin: 0;
  min-width: 10rem;
}
@media only screen and (min-width: 904px) {
  .lib-paginator .lib-paginator-page-size .mat-mdc-select-trigger {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-paginator .lib-paginator-page-size .mat-mdc-select-trigger {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-paginator .lib-paginator-page-range-label {
  display: none;
}
.lib-paginator .lib-paginator-range-actions {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap-reverse;
}
.lib-paginator .lib-paginator-range-actions > ul {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  gap: 0.8rem;
}
.lib-paginator .lib-paginator-range-actions > ul > li {
  list-style-type: none;
}
@media only screen and (min-width: 904px) {
  .lib-paginator .lib-paginator-range-actions > ul > li .lib-button {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-paginator .lib-paginator-range-actions > ul > li .lib-button {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-paginator .lib-paginator-range-actions > ul > li .lib-button:not([disabled]):not([class*=lib-status-]) {
  color: var(--halo-neutral-content-strong);
}
@media only screen and (min-width: 904px) {
  .lib-paginator .lib-paginator-range-actions > ul > li .lib-button.current {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-paginator .lib-paginator-range-actions > ul > li .lib-button.current {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.lib-paginator .lib-paginator-range-actions > ul > li .lib-button.current:not([disabled]):not([class*=lib-status-]) {
  color: var(--halo-selection-secondary-content-selected);
  background-color: var(--halo-selection-secondary-background-selected);
}
.lib-paginator .paginator-page-current {
  display: flex;
  align-items: center;
}
.lib-paginator .paginator-page-current > *:not(:last-child) {
  margin-right: 0.8rem;
}
@media only screen and (max-width: 599px) {
  .lib-paginator {
    flex-direction: column-reverse;
    text-align: center;
    gap: 0;
  }
  .lib-paginator .lib-paginator-range-actions {
    padding: 1.6rem;
  }
  .lib-paginator .lib-paginator-page-size {
    justify-content: center;
    padding: 1.6rem 0;
  }
  .lib-paginator .paginator-navigation.current,
  .lib-paginator .paginator-navigation.paginator-navigation-page {
    display: none;
  }
  .lib-paginator .lib-paginator-page-range-label {
    display: initial;
  }
}

.lib-theme {
  --mat-option-label-text-color: var(--halo-selection-secondary-content-default);
  --mat-select-enabled-trigger-text-color: var(--halo-selection-secondary-content-default);
  --mat-select-panel-background-color: var(--halo-neutral-background-strong);
  --mat-option-selected-state-label-text-color: var(--halo-selection-secondary-content-selected);
  --mat-option-selected-state-layer-color: var(--halo-selection-secondary-background-selected);
  --mat-full-pseudo-checkbox-selected-icon-color: var(--halo-selection-secondary-content-selected);
  --mat-full-pseudo-checkbox-selected-checkmark-color: #ffffff;
  --mat-option-hover-state-layer-color: var(--halo-selection-secondary-background-interacting);
  --mat-option-focus-state-layer-color: var(--halo-selection-secondary-background-interacting);
  --mdc-list-list-item-disabled-label-text-color: var(--halo-global-all-disabled-strong);
}
.lib-theme div.mdc-menu-surface {
  padding: 0;
}
@media only screen and (min-width: 904px) {
  .lib-theme div.mdc-menu-surface .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme div.mdc-menu-surface .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.lib-theme .cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel,
.lib-theme .cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel {
  border-radius: 0.8rem;
}
.lib-theme .mdc-menu-surface {
  border-radius: 0.8rem;
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}
.lib-theme .mdc-menu-surface .mat-mdc-option,
.lib-theme .mdc-menu-surface .select-all {
  background-color: var(--halo-selection-secondary-background-default);
  border-bottom: 1px solid var(--halo-neutral-border-strong);
}
.lib-theme .mdc-menu-surface .mat-mdc-option:hover,
.lib-theme .mdc-menu-surface .select-all:hover {
  color: var(--halo-selection-secondary-content-interacting);
}
.lib-theme .mdc-menu-surface .mat-mdc-option .mdc-list-item__primary-text,
.lib-theme .mdc-menu-surface .select-all .mdc-list-item__primary-text {
  display: flex;
  align-items: center;
}
.lib-theme .mdc-menu-surface .mat-mdc-option .sub-div-option,
.lib-theme .mdc-menu-surface .select-all .sub-div-option {
  display: grid;
}
@media only screen and (min-width: 904px) {
  .lib-theme .mdc-menu-surface .mat-mdc-option .sub-label-option,
  .lib-theme .mdc-menu-surface .select-all .sub-label-option {
    font-size: 1.2rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .mdc-menu-surface .mat-mdc-option .sub-label-option,
  .lib-theme .mdc-menu-surface .select-all .sub-label-option {
    font-size: 1.2rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
.lib-theme .mdc-menu-surface .select-all {
  min-height: 48px;
  padding: 0 1.6rem;
  display: flex;
  max-width: 100%;
  align-items: center;
}
.lib-theme .mdc-menu-surface .select-all.selected {
  color: var(--halo-selection-secondary-content-selected);
}
@media only screen and (min-width: 904px) {
  .lib-theme .mdc-menu-surface .select-all.selected {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .mdc-menu-surface .select-all.selected {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.lib-theme .mdc-menu-surface .select-all .mat-pseudo-checkbox {
  margin-right: 1.6rem;
}

.lib-theme .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 5rem;
}
.lib-theme .owl-theme .owl-dots .owl-dot span {
  margin: 0 0.2rem;
  width: 0.8rem;
  height: 0.8rem;
}
.lib-theme .owl-theme .owl-dots .owl-dot.active span {
  width: 1.6rem;
  background-color: var(--halo-brand-content);
}

.lib-onboarding-template .page {
  margin: 0 auto;
  padding: 8rem 1.6rem 3.2rem 1.6rem;
  display: block;
  max-width: 50%;
  overflow: auto;
}
@media only screen and (max-width: 904px) {
  .lib-onboarding-template {
    max-width: none;
    padding: 3.2rem 1.6rem 3.2rem 1.6rem;
  }
}
.lib-onboarding-template .header lib-header {
  background-color: transparent;
  border-color: transparent;
}
.lib-onboarding-template .header lib-header .content-logo .mat-icon {
  width: auto;
  height: auto;
}
@media only screen and (max-width: 904px) {
  .lib-onboarding-template .header lib-header .content-logo .mat-icon {
    width: auto;
    height: 5.2rem;
  }
}
.lib-onboarding-template .main {
  padding: 2.4rem 0 0 0;
}
.lib-onboarding-template .main .lib-icon > .mat-icon {
  width: 32rem;
  height: 32rem;
}
@media only screen and (max-width: 904px) {
  .lib-onboarding-template .main {
    padding: 1.6rem 0 0 0;
  }
  .lib-onboarding-template .main .lib-icon > .mat-icon {
    width: 20rem;
    height: 20rem;
  }
}
.lib-onboarding-template .main p {
  text-align: center;
}

.lib-theme {
  --mat-select-panel-background-color: var(--halo-neutral-background-strong);
}
.lib-theme .cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel {
  border-radius: 0.8rem;
}
.lib-theme .mat-mdc-select-panel {
  margin-top: 1.7rem;
  margin-left: -1.7rem;
}
.lib-theme .mat-mdc-select-panel.lib-mdc-select-small-panel {
  margin-top: 1.5rem;
  margin-left: -1.7rem;
}

.lib-select .mat-mdc-select,
.lib-input-phone .mat-mdc-select {
  background-color: var(--halo-edition-background-default);
}
.lib-select .mat-mdc-select[aria-expanded=true] .mat-mdc-select-arrow,
.lib-input-phone .mat-mdc-select[aria-expanded=true] .mat-mdc-select-arrow {
  transform: rotate(180deg);
}
.lib-select .mat-mdc-select .mat-mdc-select-arrow,
.lib-input-phone .mat-mdc-select .mat-mdc-select-arrow {
  border: 0;
  width: 2.4rem;
  height: 2.4rem;
}
.lib-select .mat-mdc-select .mat-mdc-select-arrow svg,
.lib-input-phone .mat-mdc-select .mat-mdc-select-arrow svg {
  display: none;
}
.lib-select .mat-mdc-select .mat-mdc-select-arrow::after,
.lib-input-phone .mat-mdc-select .mat-mdc-select-arrow::after {
  content: "\e931";
  font-size: 2.4rem;
  color: var(--halo-neutral-content-strong);
  font-family: "laposte", sans-serif;
  width: 2.4rem;
  height: 2.4rem;
}
.lib-select .mat-mdc-select .mat-mdc-select-trigger,
.lib-input-phone .mat-mdc-select .mat-mdc-select-trigger {
  display: flex;
  height: 100%;
}
.lib-select .mat-mdc-select.lib-small-select,
.lib-input-phone .mat-mdc-select.lib-small-select {
  height: 4rem;
  padding: 1rem 1.6rem;
}
@media only screen and (min-width: 904px) {
  .lib-select .mat-mdc-select.lib-small-select .mat-mdc-select-placeholder,
  .lib-select .mat-mdc-select.lib-small-select .mat-mdc-select-value-text,
  .lib-input-phone .mat-mdc-select.lib-small-select .mat-mdc-select-placeholder,
  .lib-input-phone .mat-mdc-select.lib-small-select .mat-mdc-select-value-text {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-select .mat-mdc-select.lib-small-select .mat-mdc-select-placeholder,
  .lib-select .mat-mdc-select.lib-small-select .mat-mdc-select-value-text,
  .lib-input-phone .mat-mdc-select.lib-small-select .mat-mdc-select-placeholder,
  .lib-input-phone .mat-mdc-select.lib-small-select .mat-mdc-select-value-text {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-select .disabled .mat-mdc-select,
.lib-input-phone .disabled .mat-mdc-select {
  background-color: var(--halo-global-all-disabled-soft);
}

.lib-theme {
  --mat-autocomplete-background-color: var(--halo-neutral-background-strong);
}
.lib-theme .cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel {
  border-radius: 0.8rem;
}
.lib-theme .mat-mdc-option.no-result-panel {
  pointer-events: none;
  height: 100%;
  padding: 10px;
}
.lib-theme .mat-mdc-option.no-result-panel .mdc-list-item__primary-text {
  display: block;
  flex-grow: 1;
}

.lib-theme .result-content-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  row-gap: 10px;
  position: relative;
}
.lib-theme .result-content-page p {
  text-align: center;
}
.lib-theme .result-content-page a {
  padding: 10px;
  pointer-events: all;
}

.lib-input-search {
  /* clears the ‘X’ from Chrome */
}
.lib-input-search .search-container {
  position: relative;
}
.lib-input-search .search-container .lib-input-icon-prefix {
  padding: 0rem 4.8rem;
}
.lib-input-search .search-container .lib-input-icon-prefix.small {
  padding-left: 4rem;
}
.lib-input-search input[type=search]::-webkit-search-decoration,
.lib-input-search input[type=search]::-webkit-search-cancel-button,
.lib-input-search input[type=search]::-webkit-search-results-button,
.lib-input-search input[type=search]::-webkit-search-results-decoration {
  display: none;
}

.lib-tag {
  display: inline-flex;
}
.lib-tag.lib-variant-filled:not([disabled]):not([class*=lib-status-]) {
  color: var(--halo-action-primary-content-default);
  background-color: var(--halo-action-primary-background-default);
  border-color: var(--halo-action-primary-border-default);
}
.lib-tag.lib-variant-filled[disabled] {
  color: var(--halo-global-all-disabled-strong);
  background-color: var(--halo-global-all-disabled-soft);
}
.lib-tag.lib-variant-filled.lib-status-success {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-success-accent);
}
.lib-tag.lib-variant-filled.lib-status-success.lib-color-light {
  color: var(--halo-status-content-success);
  background-color: var(--halo-status-background-success);
}
.lib-tag.lib-variant-filled.lib-status-info {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-information-accent);
}
.lib-tag.lib-variant-filled.lib-status-info.lib-color-light {
  color: var(--halo-status-content-information);
  background-color: var(--halo-status-background-information);
}
.lib-tag.lib-variant-filled.lib-status-warning {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-warning-accent);
}
.lib-tag.lib-variant-filled.lib-status-warning.lib-color-light {
  color: var(--halo-status-content-warning);
  background-color: var(--halo-status-background-warning);
}
.lib-tag.lib-variant-filled.lib-status-danger {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-error-accent);
  border-color: var(--halo-action-primary-border-default);
}
.lib-tag.lib-variant-filled.lib-status-danger.lib-color-light {
  color: var(--halo-status-content-error);
  background-color: var(--halo-status-background-error);
}
.lib-tag.lib-variant-filled.lib-status-neutral {
  color: var(--halo-neutral-content-accent);
  background-color: var(--halo-neutral-background-accent);
}
.lib-tag.lib-variant-filled.lib-status-neutral.lib-color-light {
  color: var(--halo-neutral-content-medium);
  background-color: var(--halo-neutral-background-soft);
}
.lib-tag .lib-icon {
  margin-right: 0.5rem;
}
.lib-tag.lib-icon-after .tag {
  flex-direction: row-reverse;
}
.lib-tag.lib-icon-after .lib-icon {
  margin-right: 0;
  margin-left: 0.5rem;
}
.lib-tag.lib-size-sm {
  border-radius: 1.6rem;
  padding: 4px 8px;
}
.lib-tag.lib-size-sm .mat-icon {
  height: 16px;
  width: 16px;
  font-size: 16px;
}
.lib-tag.lib-size-md {
  border-radius: 2.4rem;
  padding: 6px 16px;
  min-height: 32px;
}
.lib-tag.lib-size-lg {
  border-radius: 2.4rem;
  padding: 8px 16px;
}
.lib-tag.lib-size-lg .mat-icon {
  height: 24px;
  width: 24px;
  font-size: 24px;
}
.lib-tag .tag {
  display: flex;
  align-items: center;
  justify-content: center;
}

.lib-input-file .lib-upload-box .box {
  border-radius: 0.8rem;
  padding: 4.8rem;
  border: 1px dashed var(--halo-global-all-disabled-strong);
  background-color: transparent;
  min-height: 18.3rem;
  margin: 0.4rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
.lib-input-file .lib-upload-box .box:focus:not(.dropping), .lib-input-file .lib-upload-box .box:hover:not(.dropping) {
  background-color: var(--halo-selection-primary-background-interacting);
  border-color: var(--halo-selection-primary-border-interacting);
}
.lib-input-file .lib-upload-box .box:focus:not(.dropping) .box-content, .lib-input-file .lib-upload-box .box:hover:not(.dropping) .box-content {
  color: var(--halo-selection-primary-content-interacting);
}
.lib-input-file .lib-upload-box .box .box-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  width: 100%;
  height: 100%;
  color: var(--halo-neutral-content-strong);
}
.lib-input-file .lib-upload-box .box .dropping-box,
.lib-input-file .lib-upload-box .box .dropping-box-error,
.lib-input-file .lib-upload-box .box .dropping-disabled {
  display: none;
}
.lib-input-file .lib-upload-box .box * {
  pointer-events: none;
}
.lib-input-file .lib-upload-box .box.disabled {
  background-color: var(--halo-global-all-disabled-soft);
  cursor: default;
}
.lib-input-file .lib-upload-box .box.disabled:hover {
  background-color: var(--halo-global-all-disabled-soft);
}
.lib-input-file .lib-upload-box .box.disabled .dropping-disabled {
  display: flex;
  color: var(--halo-neutral-content-strong);
}
.lib-input-file .lib-upload-box .box.disabled .dropping-box,
.lib-input-file .lib-upload-box .box.disabled .default {
  display: none;
}
.lib-input-file .lib-upload-box .box.disabled .lib-icon-color-disable {
  color: var(--halo-neutral-content-strong);
}
.lib-input-file.ng-invalid.ng-touched .lib-upload-box .box {
  background-color: transparent;
  border-color: var(--halo-status-border-error);
}
.lib-input-file.ng-invalid.ng-touched .lib-upload-box .box .box-content {
  color: var(--halo-neutral-content-strong);
}
.lib-input-file.ng-invalid.ng-touched .lib-upload-box .box.dropping, .lib-input-file.ng-invalid.ng-touched .lib-upload-box .box:focus, .lib-input-file.ng-invalid.ng-touched .lib-upload-box .box:hover {
  background-color: var(--halo-status-background-error);
  border-color: var(--halo-status-border-error);
  transition: background-color ease-in-out 400ms;
}
.lib-input-file.ng-invalid.ng-touched .lib-upload-box .box.dropping .box-content, .lib-input-file.ng-invalid.ng-touched .lib-upload-box .box:focus .box-content, .lib-input-file.ng-invalid.ng-touched .lib-upload-box .box:hover .box-content {
  color: var(--halo-status-content-error);
}
.lib-input-file.ng-invalid.ng-touched .lib-upload-box .box.dropping .default,
.lib-input-file.ng-invalid.ng-touched .lib-upload-box .box.dropping .dropping-box {
  display: none;
}
.lib-input-file.ng-invalid.ng-touched .lib-upload-box .box.dropping .dropping-box-error {
  display: flex;
}
.lib-input-file .lib-upload-files-queue {
  margin-top: 1.6rem;
  display: block;
}
.lib-input-file .lib-upload-files-queue .file-list {
  margin-top: 8px;
  overflow: hidden;
}
.lib-input-file .lib-upload-files-queue .file-item {
  line-height: 2.4rem;
  width: 100%;
  padding: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 11px;
  background: var(--halo-neutral-background-strong);
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--halo-global-all-disabled-strong);
  margin-bottom: 4px;
}
.lib-input-file .lib-upload-files-queue .file-item .file-label {
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}
.lib-input-file .lib-upload-files-queue .file-item .action {
  justify-self: flex-end;
}
.lib-input-file .lib-upload-files-queue .file-item.error {
  background: var(--halo-neutral-background-strong);
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--halo-status-border-error);
}
.lib-input-file .lib-upload-files-queue .file-item.disabled {
  background-color: var(--halo-global-all-disabled-soft);
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--halo-global-all-disabled-strong);
}

.lib-input-phone .lib-input {
  display: flex;
  gap: 1rem;
  padding: 1rem 1.6rem;
  background-color: var(--halo-edition-background-interacting);
}
.lib-input-phone .lib-input.lib-small {
  padding: 0.6rem 1.6rem;
}
.lib-input-phone input[disabled] {
  background-color: inherit;
}
.lib-input-phone .lib-country {
  width: 11.4rem;
  flex-shrink: 0;
  border: 0;
  height: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.lib-input-phone .lib-country.disabled {
  pointer-events: none;
}
.lib-input-phone .lib-country .selected-option-pays-display {
  display: flex;
  justify-content: space-around;
  text-align: right;
  align-items: center;
}
.lib-input-phone .lib-country .selected-option-pays-display .flag-country {
  width: 30px;
  height: 30px;
}
.lib-input-phone .lib-country .selected-option-pays-display .flag-country .lib-icon {
  align-items: center;
}
.lib-input-phone .lib-phone {
  display: block;
  flex-grow: 1;
  border: 0;
  height: 100%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  outline: none;
}
@media only screen and (min-width: 904px) {
  .lib-input-phone .lib-phone {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-input-phone .lib-phone {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-input-phone .lib-phone:not([disabled])[aria-invalid=true], .lib-input-phone .lib-phone:not([disabled]).input-error {
  color: var(--halo-status-content-error);
}
.lib-input-phone .divider {
  height: 2.8rem;
  border-right: 1px solid #d2d2d1;
}

/**
 * Carte non interactive
 */
/**
 * Mixin abstrait pour les cards interactives (clickable ou selectables)
 */
/**
 * Mixin pour les cards cliquables (boutons)
 */
/**
 * Mixin pour les cards selectionnables (checkbox, radio-button)
 */
/**
 * Carte sélectionnable
 */
.lib-card-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.lib-card-list .mat-mdc-checkbox {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  background-color: var(--halo-neutral-background-strong);
  border-radius: 0.8rem;
  overflow: hidden;
  white-space: normal;
  padding: 2.4rem;
}
@media only screen and (min-width: 904px) {
  .lib-card-list .mat-mdc-checkbox {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-card-list .mat-mdc-checkbox {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-card-list .mat-mdc-checkbox.elevated-card {
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}
.lib-card-list .mat-mdc-checkbox.border {
  border: 1px solid var(--halo-neutral-border-strong);
}
.lib-card-list .mat-mdc-checkbox.disabled, .lib-card-list .mat-mdc-checkbox[disabled] {
  opacity: 0.6;
  pointer-events: none;
}
.lib-card-list .mat-mdc-checkbox:focus-visible, .lib-card-list .mat-mdc-checkbox.cdk-keyboard-focused {
  outline-color: var(--halo-global-border-focus);
  outline-offset: 0.2rem;
  outline-style: solid;
  outline-width: 0.2rem;
}
.lib-card-list .mat-mdc-checkbox:hover:not(.mat-mdc-checkbox-disabled) {
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}
.lib-card-list .mat-mdc-checkbox:hover:not(.mat-mdc-checkbox-disabled) .mat-ripple {
  display: none;
}
.lib-card-list .mat-mdc-checkbox.mat-mdc-checkbox-checked {
  background-color: var(--halo-selection-secondary-background-selected);
}
.lib-card-list .mat-mdc-checkbox {
  position: relative;
}
.lib-card-list .mat-mdc-checkbox:focus-visible, .lib-card-list .mat-mdc-checkbox:focus-within {
  text-decoration: none;
  outline-offset: 2px;
  outline: 2px solid var(--halo-edition-border-interacting);
  border-color: var(--halo-edition-border-interacting);
}
.lib-card-list .mat-mdc-checkbox.lib-card-box .mat-mdc-checkbox-layout {
  position: relative;
}
.lib-card-list .mat-mdc-checkbox.lib-card-box .mat-mdc-checkbox-layout .mdc-checkbox {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
.lib-card-list .mat-mdc-checkbox.cdk-keyboard-focused .mdc-checkbox:not(.mat-mdc-checkbox-disabled) {
  outline: none;
}
.lib-card-list .mat-mdc-checkbox .mat-mdc-checkbox-layout {
  gap: 1.6rem;
  align-items: center;
  white-space: inherit;
}
.lib-card-list .mat-mdc-checkbox .mat-mdc-checkbox-layout .mdc-checkbox {
  margin: 10px;
}
.lib-card-list .mat-mdc-radio-group {
  display: flex;
  padding-left: 0;
}
.lib-card-list .mat-mdc-radio-button {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  background-color: var(--halo-neutral-background-strong);
  border-radius: 0.8rem;
  overflow: hidden;
  white-space: normal;
  padding: 2.4rem;
}
@media only screen and (min-width: 904px) {
  .lib-card-list .mat-mdc-radio-button {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-card-list .mat-mdc-radio-button {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-card-list .mat-mdc-radio-button.elevated-card {
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}
.lib-card-list .mat-mdc-radio-button.border {
  border: 1px solid var(--halo-neutral-border-strong);
}
.lib-card-list .mat-mdc-radio-button.disabled, .lib-card-list .mat-mdc-radio-button[disabled] {
  opacity: 0.6;
  pointer-events: none;
}
.lib-card-list .mat-mdc-radio-button:focus-visible, .lib-card-list .mat-mdc-radio-button.cdk-keyboard-focused {
  outline-color: var(--halo-global-border-focus);
  outline-offset: 0.2rem;
  outline-style: solid;
  outline-width: 0.2rem;
}
.lib-card-list .mat-mdc-radio-button:hover:not(.mat-mdc-radio-disabled) {
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}
.lib-card-list .mat-mdc-radio-button:hover:not(.mat-mdc-radio-disabled) .mat-ripple {
  display: none;
}
.lib-card-list .mat-mdc-radio-button.mat-mdc-radio-checked {
  background-color: var(--halo-selection-secondary-background-selected);
}
.lib-card-list .mat-mdc-radio-button {
  position: relative;
}
.lib-card-list .mat-mdc-radio-button:focus-visible, .lib-card-list .mat-mdc-radio-button:focus-within {
  text-decoration: none;
  outline-offset: 2px;
  outline: 2px solid var(--halo-edition-border-interacting);
  border-color: var(--halo-edition-border-interacting);
}
.lib-card-list .mat-mdc-radio-button.lib-card-box .mat-radio-label {
  position: relative;
}
.lib-card-list .mat-mdc-radio-button.lib-card-box .mat-radio-label .mdc-radio {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
.lib-card-list .mat-mdc-radio-button.cdk-keyboard-focused .mdc-radio__outer-circle:not(.mat-mdc-radio-disabled) {
  outline: none;
}
@media only screen and (min-width: 904px) {
  .lib-card-list .mat-mdc-radio-button.mat-primary.mat-mdc-radio-checked .mdc-label {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-card-list .mat-mdc-radio-button.mat-primary.mat-mdc-radio-checked .mdc-label {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-card-list .mat-mdc-radio-button .mat-radio-label {
  white-space: inherit;
}

.lib-select-list .lib-card-list .mat-mdc-checkbox {
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0;
  --mdc-checkbox-unselected-focus-state-layer-color: transparent;
  --mdc-checkbox-selected-focus-state-layer-color: transparent;
}
.lib-select-list .lib-card-list .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled):focus .mdc-checkbox__background, .lib-select-list .lib-card-list .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled):focus-visible .mdc-checkbox__background, .lib-select-list .lib-card-list .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled):focus-within .mdc-checkbox__background {
  outline: none;
}

/**
 * Carte action
 */
.lib-card-action,
.lib-card-list .lib-action-item {
  border: 0.2rem solid transparent;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  background-color: var(--halo-neutral-background-strong);
  border-radius: 0.8rem;
  overflow: hidden;
  white-space: normal;
  padding: 2.4rem;
}
@media only screen and (min-width: 904px) {
  .lib-card-action,
  .lib-card-list .lib-action-item {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-card-action,
  .lib-card-list .lib-action-item {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-card-action.elevated-card,
.lib-card-list .lib-action-item.elevated-card {
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}
.lib-card-action.border,
.lib-card-list .lib-action-item.border {
  border: 1px solid var(--halo-neutral-border-strong);
}
.lib-card-action.disabled, .lib-card-action[disabled],
.lib-card-list .lib-action-item.disabled,
.lib-card-list .lib-action-item[disabled] {
  opacity: 0.6;
  pointer-events: none;
}
.lib-card-action:focus-visible, .lib-card-action.cdk-keyboard-focused,
.lib-card-list .lib-action-item:focus-visible,
.lib-card-list .lib-action-item.cdk-keyboard-focused {
  outline-color: var(--halo-global-border-focus);
  outline-offset: 0.2rem;
  outline-style: solid;
  outline-width: 0.2rem;
}
.lib-card-action:hover:not([disabled]),
.lib-card-list .lib-action-item:hover:not([disabled]) {
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}
.lib-card-action:hover:not([disabled]) .mat-ripple,
.lib-card-list .lib-action-item:hover:not([disabled]) .mat-ripple {
  display: none;
}
.lib-card-action:active,
.lib-card-list .lib-action-item:active {
  border-color: var(--halo-selection-primary-border-selected);
}

/**
 * Carte simple
 */
.lib-card,
.lib-container-card,
.lib-card-list .lib-list-item {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  background-color: var(--halo-neutral-background-strong);
  border-radius: 0.8rem;
  overflow: hidden;
  white-space: normal;
  padding: 2.4rem;
}
@media only screen and (min-width: 904px) {
  .lib-card,
  .lib-container-card,
  .lib-card-list .lib-list-item {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-card,
  .lib-container-card,
  .lib-card-list .lib-list-item {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-card.elevated-card,
.lib-container-card.elevated-card,
.lib-card-list .lib-list-item.elevated-card {
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}
.lib-card.border,
.lib-container-card.border,
.lib-card-list .lib-list-item.border {
  border: 1px solid var(--halo-neutral-border-strong);
}
.lib-card.disabled, .lib-card[disabled],
.lib-container-card.disabled,
.lib-container-card[disabled],
.lib-card-list .lib-list-item.disabled,
.lib-card-list .lib-list-item[disabled] {
  opacity: 0.6;
  pointer-events: none;
}

.lib-inset-border {
  background-color: #fafafa;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -9999em;
  width: 0.4rem;
}
.lib-inset-border.right {
  left: auto;
  right: 0;
}
.lib-inset-border.top {
  height: 0.4rem;
  width: 100%;
  top: 0;
}
.lib-inset-border.bottom {
  height: 0.4rem;
  width: 100%;
  top: auto;
  bottom: 0;
}

.lib-card-body {
  display: flex;
  align-items: center;
  gap: 16px;
}
.lib-card-body .lib-card-icon-container {
  display: flex;
}
.lib-card-body .lib-card-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4px;
}
.lib-card-body .lib-card-text {
  min-width: 220px;
}

.lib-card-box .lib-card-body {
  flex-direction: column;
}
.lib-card-box .lib-card-body .lib-card-content {
  align-items: center;
}
.lib-card-box .lib-card-body .lib-card-text {
  display: flex;
  text-align: center;
  min-width: auto;
}

@media (max-width: 360px) {
  .lib-card-body {
    flex-direction: column;
  }
  .lib-card-body .lib-card-icon-container {
    align-self: start;
  }
  .lib-card-box .lib-card-body .lib-card-icon-container {
    align-self: auto;
  }
}
.lib-action-list .lib-action-item {
  color: inherit; /* Makes the button text inherit the color of the tile */
  background-color: var(--halo-neutral-background-strong);
  border-radius: 8px;
  padding: 2.4rem;
  align-items: center;
  font: inherit; /* Makes the button text inherit the font of the tile */
  cursor: pointer; /* Changes the cursor to a hand when hovering over the button */
  outline: inherit; /* Makes the button outline inherit the outline of the tile */
  border: 2px solid transparent;
}
.lib-action-list .lib-action-item:hover:not([disabled]) {
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}
.lib-action-list .lib-action-item:active {
  border-color: var(--halo-selection-primary-border-selected);
}
.lib-action-list .lib-action-item[disabled] {
  opacity: 0.6;
  pointer-events: none;
}
.lib-action-list .lib-card-body {
  display: flex;
  align-items: center;
  gap: 16px;
}
.lib-action-list .horizontal.lib-card-list {
  flex-wrap: wrap;
  gap: 1.6rem;
}
.lib-action-list .lib-card-box .lib-card-body {
  flex-direction: column;
}

.lib-list {
  display: flex;
  gap: 1.6rem;
}
.lib-list.lib-list-vertical, .lib-list.vertical {
  flex-direction: column;
}
.lib-list > .lib-list-item {
  display: flex; /* Makes the list item a flex container */
}

.lib-input-list {
  display: flex;
  box-sizing: border-box;
  min-height: 4.8rem;
  margin: 0.4rem 0;
  font-size: 1.6rem;
  padding: 1.2rem 1.6rem;
  gap: 1rem;
}

ul.lib-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  border: 0;
}

[libHideWhenOverflow].overflowed {
  height: 0px;
  overflow: hidden;
}

.lib-app-name {
  display: flex;
  gap: 0.8rem;
}
.lib-app-name .app-name {
  padding: 0 0.8rem;
}
.lib-app-name .lib-app-name-logo-container {
  display: flex;
  align-items: center;
}

.template-nav {
  position: relative;
  display: flex;
  height: 100vh;
}
.template-nav.template-nav-left {
  flex-direction: row;
}
@media only screen and (max-width: 904px) {
  .template-nav.template-nav-left {
    flex-direction: column;
  }
}
.template-nav.template-nav-left > .template-nav-container {
  max-width: 288px;
  width: 100%;
}
@media only screen and (max-width: 904px) {
  .template-nav.template-nav-left > .template-nav-container {
    max-width: initial;
  }
}
.template-nav.template-nav-top {
  flex-direction: column;
}
.template-nav .template-nav-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: auto;
}
.template-nav .main-content {
  flex: 1;
}

html {
  font-size: 62.5%;
}

body {
  min-height: 100vh;
  margin: 0;
  overflow: hidden;
  background-color: var(--body-background);
  color: var(--body-color);
}
@media only screen and (min-width: 904px) {
  body {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  body {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.lib-color-inherit {
  color: inherit !important;
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}

html {
  --mat-sys-on-surface: initial;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}

/*# sourceMappingURL=styles.css.map */

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./node_modules/@alf/angular-design-system/assets/styles/components/components.scss?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/******************************************************************************************/
/* _a11y.scss */
/* Permet de regrouper les classes css lié à l'accessibilité*/
/******************************************************************************************/
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/**
 * Do not edit directly, this file was auto-generated.
 */
/**
 * @param font-type can be body-sm, title-sm, etc...
 */
.material-icons {
  font-family: "MaterialIcons", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

[class^=lp-],
[class*=" lp-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: laposte, sans-serif !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 2.4rem;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mat-s2 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 24px;
}

.mat-s3 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 22px;
}

.mat-s4 {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 22px;
}

.mat-s4m {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 22px;
}

.mat-s5 {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 18px;
}

.mat-s6 {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 18px;
}

.mat-b1 {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 24px;
}

.mat-b2 {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 22px;
}

.mat-b3 {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 18px;
}

@media only screen and (min-width: 904px) {
  .lib-theme h1,
  .lib-theme .title-xl {
    font-size: 2.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme h1,
  .lib-theme .title-xl {
    font-size: 2.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme h2,
  .lib-theme .title-lg {
    font-size: 2.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme h2,
  .lib-theme .title-lg {
    font-size: 2.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .title-md {
    font-size: 2rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .title-md {
    font-size: 1.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .title-sm {
    font-size: 1.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .title-sm {
    font-size: 1.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .subtitle-lg {
    font-size: 1.8rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .subtitle-lg {
    font-size: 1.8rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .subtitle-md {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .subtitle-md {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .subtitle-sm {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .subtitle-sm {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .body-lg {
    font-size: 1.8rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .body-lg {
    font-size: 1.8rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .body-md {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .body-md {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .body-sm {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .body-sm {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .body-xs {
    font-size: 1.2rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .body-xs {
    font-size: 1.2rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .link-md {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .link-md {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .link-sm {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .link-sm {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .other-md {
    font-size: 1.6rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 150%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .other-md {
    font-size: 1.6rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 150%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-theme .other-sm {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .other-sm {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}

@keyframes spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes fadein-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.lib-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  --mdc-circular-progress-active-indicator-color: var(--halo-global-content-link);
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}
.lib-spinner .mat-mdc-progress-spinner {
  border-radius: 50%;
  box-shadow: 0 0 0 6px var(--halo-global-all-disabled-soft) inset;
}
.lib-spinner .spinner-value {
  position: absolute;
  text-align: center;
  color: var(--halo-neutral-content-strong);
}

.focusable {
  position: relative;
}
.focusable:focus-visible, .focusable:focus-within {
  text-decoration: none;
  outline-offset: 2px;
  outline: 2px solid var(--halo-edition-border-interacting);
  border-color: var(--halo-edition-border-interacting);
}

.lib-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  padding: 0;
  border-radius: 8px;
}
.lib-button {
  position: relative;
}
.lib-button:focus-visible, .lib-button:focus-within {
  text-decoration: none;
  outline-offset: 2px;
  outline: 2px solid var(--halo-edition-border-interacting);
  border-color: var(--halo-edition-border-interacting);
}
.lib-button.lib-variant-filled:not([disabled]):not([class*=lib-status-]) {
  color: var(--halo-action-primary-content-default);
  background-color: var(--halo-action-primary-background-default);
  border-color: var(--halo-action-primary-border-default);
}
.lib-button.lib-variant-filled:not([disabled]):not([class*=lib-status-]):hover {
  color: var(--halo-action-primary-content-interacting);
  background-color: var(--halo-action-primary-background-interacting);
  border-color: var(--halo-action-primary-border-interacting);
}
.lib-button.lib-variant-filled[disabled] {
  color: var(--halo-global-all-disabled-strong);
  background-color: var(--halo-global-all-disabled-soft);
}
.lib-button.lib-variant-filled.lib-status-danger {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-error-accent);
  border-color: var(--halo-action-primary-border-default);
}
.lib-button.lib-variant-filled.lib-status-danger:hover {
  color: var(--halo-status-content-all-accent);
  background-color: color-mix(in sRGB, rgb(24, 24, 24) 32%, var(--halo-status-background-error-accent));
}
.lib-button.lib-variant-filled.lib-status-danger.lib-color-light {
  color: var(--halo-status-content-error);
  background-color: var(--halo-status-background-error);
}
.lib-button.lib-variant-outlined:not([disabled]):not([class*=lib-status-]) {
  color: var(--halo-action-secondary-content-default);
  background-color: var(--halo-action-secondary-background-default);
  border-color: var(--halo-action-secondary-border-default);
}
.lib-button.lib-variant-outlined:not([disabled]):not([class*=lib-status-]):hover {
  color: var(--halo-action-secondary-content-interacting);
  background-color: var(--halo-action-secondary-background-interacting);
  border-color: var(--halo-action-secondary-border-interacting);
}
.lib-button.lib-variant-outlined[disabled] {
  color: var(--halo-global-all-disabled-strong);
  background-color: transparent;
  border-color: var(--halo-global-all-disabled-strong);
}
.lib-button.lib-variant-outlined.lib-status-danger {
  color: var(--halo-status-content-error);
  background-color: var(--halo-action-secondary-background-default);
  border-color: var(--halo-status-border-error);
}
.lib-button.lib-variant-outlined.lib-status-danger:hover {
  color: var(--halo-status-content-error);
  background-color: var(--halo-status-background-error);
  border-color: var(--halo-status-border-error);
}
.lib-button.lib-variant-ghost:not([disabled]):not([class*=lib-status-]) {
  color: var(--halo-action-tertiary-content-default);
  background-color: var(--halo-action-tertiary-background-default);
  border-color: var(--halo-action-tertiary-border-default);
}
.lib-button.lib-variant-ghost:not([disabled]):not([class*=lib-status-]):hover {
  color: var(--halo-action-tertiary-content-interacting);
  background-color: var(--halo-action-tertiary-background-interacting);
  border-color: var(--halo-action-tertiary-border-default);
}
.lib-button.lib-variant-ghost[disabled] {
  color: var(--halo-global-all-disabled-strong);
  background-color: transparent;
  border-color: transparent;
}
.lib-button.lib-variant-ghost.lib-status-danger {
  color: var(--halo-status-content-error);
  background-color: var(--halo-action-tertiary-background-default);
  border-color: var(--halo-action-tertiary-border-default);
}
.lib-button.lib-variant-ghost.lib-status-danger:hover {
  color: var(--halo-status-content-error);
  background-color: var(--halo-status-background-error);
  border-color: var(--halo-action-tertiary-border-interacting);
}
.lib-button.lib-variant-text:not([disabled]):not([class*=lib-status-]) {
  color: var(--halo-global-content-link);
  background-color: var(--halo-action-tertiary-background-default);
  border-color: var(--halo-action-tertiary-border-default);
}
.lib-button.lib-variant-text:not([disabled]):not([class*=lib-status-]):hover {
  color: var(--halo-action-tertiary-content-interacting);
  background-color: var(--halo-neutral-background-soft);
  border-color: var(--halo-action-tertiary-border-default);
}
.lib-button.lib-variant-text[disabled] {
  color: var(--halo-global-all-disabled-strong);
  background-color: transparent;
  border-color: transparent;
}
.lib-button.lib-variant-text.lib-status-danger {
  color: var(--halo-status-content-error);
  background-color: var(--halo-action-tertiary-background-default);
  border-color: var(--halo-action-tertiary-border-default);
}
.lib-button.lib-variant-text.lib-status-danger:hover {
  color: var(--halo-status-content-error);
  background-color: var(--halo-status-background-error);
  border-color: var(--halo-action-tertiary-border-interacting);
}
.lib-button.lib-icon-only.lib-variant-ghost:not([disabled]):not([class*=lib-status-]) {
  color: var(--halo-neutral-content-strong);
  background-color: transparent;
  border-color: transparent;
}
.lib-button.lib-icon-only.lib-variant-ghost:not([disabled]):not([class*=lib-status-]):hover {
  color: var(--halo-neutral-content-strong);
  background-color: var(--halo-neutral-background-soft);
  border-color: var(--halo-action-tertiary-border-interacting);
}
.lib-button.lib-icon-only .button-label {
  display: none;
}
.lib-button:not([disabled]) {
  cursor: pointer;
}
.lib-button.lib-icon-before .lib-button-wrapper .lib-icon {
  margin-right: 8px;
}
.lib-button.lib-icon-after .lib-button-wrapper {
  flex-direction: row-reverse;
}
.lib-button.lib-icon-after .lib-icon {
  margin-left: 8px;
}
@media only screen and (min-width: 904px) {
  .lib-button:not(.lib-icon-only).lib-size-xs {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-button:not(.lib-icon-only).lib-size-xs {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
.lib-button:not(.lib-icon-only).lib-size-xs .lib-button-wrapper {
  padding: 6px 16px;
}
@media only screen and (min-width: 904px) {
  .lib-button:not(.lib-icon-only).lib-size-sm {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-button:not(.lib-icon-only).lib-size-sm {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
.lib-button:not(.lib-icon-only).lib-size-sm .lib-button-wrapper {
  padding: 7px 31px;
}
@media only screen and (min-width: 904px) {
  .lib-button:not(.lib-icon-only).lib-size-md {
    font-size: 1.6rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 150%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-button:not(.lib-icon-only).lib-size-md {
    font-size: 1.6rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 150%;
  }
}
.lib-button:not(.lib-icon-only).lib-size-md .lib-button-wrapper {
  padding: 11px 31px;
}
@media only screen and (min-width: 904px) {
  .lib-button:not(.lib-icon-only).lib-variant-text.lib-size-xs {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-button:not(.lib-icon-only).lib-variant-text.lib-size-xs {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.lib-button:not(.lib-icon-only).lib-variant-text.lib-size-xs .lib-button-wrapper {
  padding: 6px 16px;
}
@media only screen and (min-width: 904px) {
  .lib-button:not(.lib-icon-only).lib-variant-text.lib-size-sm {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-button:not(.lib-icon-only).lib-variant-text.lib-size-sm {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.lib-button:not(.lib-icon-only).lib-variant-text.lib-size-sm .lib-button-wrapper {
  padding: 10px 16px;
}
@media only screen and (min-width: 904px) {
  .lib-button:not(.lib-icon-only).lib-variant-text.lib-size-md {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-button:not(.lib-icon-only).lib-variant-text.lib-size-md {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.lib-button:not(.lib-icon-only).lib-variant-text.lib-size-md .lib-button-wrapper {
  padding: 12.5px 16px;
}
.lib-button .lib-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lib-button .lib-button-wrapper .lib-icon {
  display: flex;
}
@media only screen and (min-width: 904px) {
  .lib-button.lib-shape-square.lib-size-xs {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-button.lib-shape-square.lib-size-xs {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
.lib-button.lib-shape-square.lib-size-xs .lib-button-wrapper {
  padding: 7px 7px;
}
@media only screen and (min-width: 904px) {
  .lib-button.lib-shape-square.lib-size-sm {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-button.lib-shape-square.lib-size-sm {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
.lib-button.lib-shape-square.lib-size-sm .lib-button-wrapper {
  padding: 7px 7px;
}
@media only screen and (min-width: 904px) {
  .lib-button.lib-shape-square.lib-size-md {
    font-size: 1.6rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 150%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-button.lib-shape-square.lib-size-md {
    font-size: 1.6rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 150%;
  }
}
.lib-button.lib-shape-square.lib-size-md .lib-button-wrapper {
  padding: 11px 11px;
}
.lib-button.lib-shape-round {
  border-radius: 50%;
}
@media only screen and (min-width: 904px) {
  .lib-button.lib-shape-round.lib-size-xs {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-button.lib-shape-round.lib-size-xs {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
.lib-button.lib-shape-round.lib-size-xs .lib-button-wrapper {
  padding: 7px 7px;
}
@media only screen and (min-width: 904px) {
  .lib-button.lib-shape-round.lib-size-sm {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-button.lib-shape-round.lib-size-sm {
    font-size: 1.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 170%;
  }
}
.lib-button.lib-shape-round.lib-size-sm .lib-button-wrapper {
  padding: 7px 7px;
}
@media only screen and (min-width: 904px) {
  .lib-button.lib-shape-round.lib-size-md {
    font-size: 1.6rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 150%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-button.lib-shape-round.lib-size-md {
    font-size: 1.6rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 150%;
  }
}
.lib-button.lib-shape-round.lib-size-md .lib-button-wrapper {
  padding: 11px 11px;
}
.lib-button[class*=lib-shape-] .button-label {
  min-height: 2.4rem;
  min-width: 2.4rem;
}
.lib-button.with-dropdown-icon .lib-button-wrapper:after {
  content: "\e931";
  font-family: laposte, sans-serif;
  border: 0;
  transform: none;
  font-size: 2.4rem;
  padding-left: 0.8rem;
  font-weight: normal;
  margin-right: -1.2rem;
}

@media only screen and (min-width: 904px) {
  .mat-mdc-dialog-title {
    font-size: 2.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .mat-mdc-dialog-title {
    font-size: 2.4rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}

@media only screen and (min-width: 904px) {
  .mat-mdc-dialog-content {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .mat-mdc-dialog-content {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}

.lib-dialog-panel {
  width: 50%;
  max-height: calc(100% - 12.8rem);
  min-width: 20rem;
  max-width: 60rem;
  margin: auto;
  --mdc-dialog-container-color: var(--halo-neutral-background-strong);
  --mdc-dialog-container-shape: 0.8rem;
  --mat-dialog-container-elevation-shadow: none;
  --mat-dialog-container-max-width: $dialog-large-max-width;
  --mat-dialog-container-small-max-width: $dialog-small-width;
  --mdc-dialog-subhead-color: var(--halo-neutral-content-strong);
  --mdc-dialog-subhead-font: Montserrat, sans-serif;
  --mdc-dialog-subhead-line-height: 3rem;
  --mdc-dialog-subhead-size: 2.4rem;
  --mdc-dialog-subhead-weight: 700;
  --mdc-dialog-subhead-tracking: 0;
  --mdc-dialog-supporting-text-color: var(--halo-neutral-content-strong);
  --mdc-dialog-supporting-text-font: Roboto, sans-serif;
  --mdc-dialog-supporting-text-size: 1.6rem;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-line-height: 2.4rem;
  --mdc-dialog-supporting-text-tracking: 0;
  --mat-dialog-actions-alignment: flex-end;
  --mat-dialog-actions-padding: 0;
  --mat-dialog-content-padding: 0;
  --mat-dialog-with-actions-content-padding: 0;
  --mat-dialog-headline-padding: 0;
  /* Pour centrer la modale */
}
@media only screen and (max-width: 904px) {
  .lib-dialog-panel {
    max-width: none;
    min-width: none;
    max-height: calc(100% - 6.4rem);
    margin: auto;
    /* Pour centrer la modale */
  }
}
.lib-dialog-panel .mat-mdc-dialog-surface {
  position: relative;
  background: var(--halo-neutral-background-strong);
  color: var(--halo-neutral-content-strong);
  padding: 3.2rem;
  border-radius: 0.8rem;
}
@media only screen and (max-width: 599px) {
  .lib-dialog-panel .mat-mdc-dialog-surface {
    padding: 2.4rem;
  }
}
.lib-dialog-panel [mat-dialog-close] {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
}
.lib-dialog-panel .lib-dialog-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3.2rem;
}
.lib-dialog-panel .lib-dialog-container .dialog-title {
  margin: 0;
  color: var(--halo-brand-content);
}
@media only screen and (min-width: 904px) {
  .lib-dialog-panel .lib-dialog-container .dialog-title {
    font-size: 2rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-dialog-panel .lib-dialog-container .dialog-title {
    font-size: 1.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
.lib-dialog-panel .lib-dialog-container .dialog-title.title-action {
  color: var(--halo-brand-content);
}
.lib-dialog-panel .lib-dialog-container .dialog-title.title-status-danger {
  color: var(--halo-status-content-error);
}
.lib-dialog-panel .lib-dialog-container .dialog-title.title-status-warning {
  color: var(--halo-status-content-warning);
}
.lib-dialog-panel .lib-dialog-container .dialog-title.title-status-info {
  color: var(--halo-status-content-information);
}
.lib-dialog-panel .lib-dialog-container .dialog-title.text-center {
  text-align: center;
}
@media only screen and (min-width: 904px) {
  .lib-dialog-panel .lib-dialog-container .mat-mdc-dialog-container {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-dialog-panel .lib-dialog-container .mat-mdc-dialog-container {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-dialog-panel .lib-dialog-container .lib-dialog-text-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
}
.lib-dialog-panel .lib-dialog-container .lib-dialog-only-text-content {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  gap: 1.6rem;
  align-self: flex-start;
  margin-right: 4.2rem;
}
.lib-dialog-panel .lib-dialog-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.2rem;
  align-self: stretch;
  padding: 0;
  margin: 0;
  flex-wrap: unset;
}
.lib-dialog-panel .lib-dialog-actions button {
  width: 100%;
  max-width: 50%;
  margin-left: 0;
}
@media only screen and (max-width: 599px) {
  .lib-dialog-panel .lib-dialog-actions button {
    max-width: unset;
  }
}
@media only screen and (max-width: 599px) {
  .lib-dialog-panel .lib-dialog-actions {
    display: flex;
    align-items: flex-start;
    flex-direction: column-reverse;
    gap: 1.6rem;
  }
}

.lib-icon {
  display: inline-flex;
}
.lib-icon.lib-icon-full {
  width: 100%;
  height: 100%;
}
.lib-icon > .lib-icon-width-auto .mat-icon {
  width: auto;
}
.lib-icon .mat-icon.lib-variant-ghost:not([disabled]):not([class*=lib-status-]) {
  color: var(--halo-action-tertiary-content-default);
  background-color: var(--halo-action-tertiary-background-default);
  border-color: var(--halo-action-tertiary-border-default);
}
.lib-icon .mat-icon.lib-variant-ghost[disabled] {
  color: var(--halo-global-all-disabled-strong);
  background-color: transparent;
  border-color: transparent;
}
.lib-icon .icon.lib-size-sm {
  font-size: 12px;
  width: 12px;
  height: 12px;
}
.lib-icon .icon.lib-size-md {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.lib-icon .icon.lib-size-lg {
  font-size: 20px;
  width: 20px;
  height: 20px;
}
.lib-icon .icon.lib-size-xl {
  font-size: 24px;
  width: 24px;
  height: 24px;
}
.lib-icon .icon.lib-size-2xl {
  font-size: 32px;
  width: 32px;
  height: 32px;
}
.lib-icon .icon.lib-size-3xl {
  font-size: 40px;
  width: 40px;
  height: 40px;
}
.lib-icon .icon.lib-size-legacy-2xs {
  font-size: 1.2rem;
  width: 1.2rem;
  height: 1.2rem;
}
.lib-icon .icon.lib-size-legacy-xs {
  font-size: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
}
.lib-icon .icon.lib-size-legacy-sm {
  font-size: 2rem;
  width: 2rem;
  height: 2rem;
}
.lib-icon .icon.lib-size-legacy-md {
  font-size: 2.4rem;
  width: 2.4rem;
  height: 2.4rem;
}
.lib-icon .icon.lib-size-legacy-lg {
  font-size: 2.8rem;
  width: 2.8rem;
  height: 2.8rem;
}
.lib-icon .icon.lib-size-legacy-xl {
  font-size: 3.2rem;
  width: 3.2rem;
  height: 3.2rem;
}
.lib-icon .icon.lib-size-legacy-2xl {
  font-size: 4rem;
  width: 4rem;
  height: 4rem;
}
.lib-icon .icon.lib-size-auto {
  font-size: inherit;
  width: auto;
  height: auto;
}
.lib-icon .icon.lib-size-full {
  font-size: inherit;
  width: 100%;
  height: 100%;
}
.lib-icon .svg.lib-size-2xs {
  font-size: 40px;
  width: 40px;
  height: 40px;
}
.lib-icon .svg.lib-size-xs {
  font-size: 48px;
  width: 48px;
  height: 48px;
}
.lib-icon .svg.lib-size-sm {
  font-size: 72px;
  width: 72px;
  height: 72px;
}
.lib-icon .svg.lib-size-md {
  font-size: 104px;
  width: 104px;
  height: 104px;
}
.lib-icon .svg.lib-size-lg {
  font-size: 144px;
  width: 144px;
  height: 144px;
}
.lib-icon .svg.lib-size-xl {
  font-size: 200px;
  width: 200px;
  height: 200px;
}
.lib-icon .svg.lib-size-2xl {
  font-size: 240px;
  width: 240px;
  height: 240px;
}
.lib-icon .svg.lib-size-3xl {
  font-size: 320px;
  width: 320px;
  height: 320px;
}
.lib-icon .svg.lib-size-legacy-2xs {
  font-size: 4rem;
  width: 4rem;
  height: 4rem;
}
.lib-icon .svg.lib-size-legacy-xs {
  font-size: 4rem;
  width: 4rem;
  height: 4rem;
}
.lib-icon .svg.lib-size-legacy-sm {
  font-size: 5rem;
  width: 5rem;
  height: 5rem;
}
.lib-icon .svg.lib-size-legacy-md {
  font-size: 8rem;
  width: 8rem;
  height: 8rem;
}
.lib-icon .svg.lib-size-legacy-lg {
  font-size: 12rem;
  width: 12rem;
  height: 12rem;
}
.lib-icon .svg.lib-size-legacy-xl {
  font-size: 18rem;
  width: 18rem;
  height: 18rem;
}
.lib-icon .svg.lib-size-legacy-2xl {
  font-size: 24rem;
  width: 24rem;
  height: 24rem;
}
.lib-icon .svg.lib-size-legacy-3xl {
  font-size: 32rem;
  width: 32rem;
  height: 32rem;
}
.lib-icon .svg.lib-size-auto {
  font-size: inherit;
  width: auto;
  height: auto;
}
.lib-icon .svg.lib-size-full {
  font-size: inherit;
  width: 100%;
  height: 100%;
}

.lp-home:before {
  content: "\e970";
}

.lp-settings:before {
  content: "\e9b9";
}

.lp-essential3:before {
  content: "\e9b9";
}

.lp-lock:before {
  content: "\e97e";
}

.lp-essential2:before {
  content: "\e97e";
}

.lp-unlock:before {
  content: "\e9d0";
}

.lp-essential4:before {
  content: "\e9d0";
}

.lp-notification:before {
  content: "\e99b";
}

.lp-home-alt:before {
  content: "\e971";
}

.lp-trash:before {
  content: "\e9cb";
}

.lp-trash-alt:before {
  content: "\e9cc";
}

.lp-shield:before {
  content: "\e9bc";
}

.lp-shield-on:before {
  content: "\e900";
}

.lp-shield-off:before {
  content: "\e9bd";
}

.lp-search:before {
  content: "\e9b6";
}

.lp-zoom-in:before {
  content: "\e9e2";
}

.lp-zoom-out:before {
  content: "\e9e3";
}

.lp-eye-off:before {
  content: "\e95d";
}

.lp-eye-on:before {
  content: "\e95e";
}

.lp-essential:before {
  content: "\e95e";
}

.lp-check:before {
  content: "\e92d";
}

.lp-information:before {
  content: "\e974";
}

.lp-alert:before {
  content: "\e903";
}

.lp-plus:before {
  content: "\e9a9";
}

.lp-minus:before {
  content: "\e992";
}

.lp-close:before {
  content: "\e941";
}

.lp-box:before {
  content: "\e923";
}

.lp-package:before {
  content: "\e99c";
}

.lp-map-pin:before {
  content: "\e981";
}

.lp-map-pin-plus:before {
  content: "\e9ed";
}

.lp-globe:before {
  content: "\e96b";
}

.lp-map:before {
  content: "\e980";
}

.lp-compass:before {
  content: "\e94d";
}

.lp-fingerprint:before {
  content: "\e966";
}

.lp-face-id:before {
  content: "\e95f";
}

.lp-location:before {
  content: "\e97d";
}

.lp-check-circle:before {
  content: "\e92f";
}

.lp-information-circle:before {
  content: "\e975";
}

.lp-alert-circle:before {
  content: "\e904";
}

.lp-close-circle:before {
  content: "\e942";
}

.lp-plus-square:before {
  content: "\e9ab";
}

.lp-minus-square:before {
  content: "\e994";
}

.lp-printer:before {
  content: "\e9ad";
}

.lp-inbox:before {
  content: "\e973";
}

.lp-check-circle-filling:before {
  content: "\e930";
}

.lp-information-circle-filling:before {
  content: "\e976";
}

.lp-alert-circle-filling:before {
  content: "\e92e";
}

.lp-close-circle-filling:before {
  content: "\e9ee";
}

.lp-essential6:before {
  content: "\e9ee";
}

.lp-plus-circle:before {
  content: "\e9aa";
}

.lp-minus-circle:before {
  content: "\e993";
}

.lp-help-circle:before {
  content: "\e96f";
}

.lp-filter:before {
  content: "\e965";
}

.lp-essential1:before {
  content: "\e965";
}

.lp-envelope:before {
  content: "\e959";
}

.lp-at-sign:before {
  content: "\e916";
}

.lp-envelope-open:before {
  content: "\e95a";
}

.lp-envelope-send:before {
  content: "\e95b";
}

.lp-message-circle:before {
  content: "\e987";
}

.lp-message-square-typing:before {
  content: "\e98c";
}

.lp-message-square-text:before {
  content: "\e98a";
}

.lp-message-square-text-alt:before {
  content: "\e98b";
}

.lp-message-circle-typing-alt:before {
  content: "\e989";
}

.lp-message-circle-two:before {
  content: "\e988";
}

.lp-letter-online:before {
  content: "\e9ef";
}

.lp-arrow-up-left:before {
  content: "\e914";
}

.lp-arrows6:before {
  content: "\e914";
}

.lp-arrow-up-right:before {
  content: "\e915";
}

.lp-arrows7:before {
  content: "\e915";
}

.lp-arrow-down-left:before {
  content: "\e90b";
}

.lp-arrows1:before {
  content: "\e90b";
}

.lp-arrow-down-right:before {
  content: "\e90c";
}

.lp-arrows2:before {
  content: "\e90c";
}

.lp-arrow-left-circle:before {
  content: "\e90e";
}

.lp-arrow-up-circle:before {
  content: "\e913";
}

.lp-arrow-right-circle:before {
  content: "\e911";
}

.lp-arrow-down-circle:before {
  content: "\e90a";
}

.lp-arrow-left:before {
  content: "\e90d";
}

.lp-arrows3:before {
  content: "\e90d";
}

.lp-arrow-up:before {
  content: "\e912";
}

.lp-arrows5:before {
  content: "\e912";
}

.lp-arrow-right:before {
  content: "\e910";
}

.lp-arrows4:before {
  content: "\e910";
}

.lp-arrow-down:before {
  content: "\e909";
}

.lp-arrows:before {
  content: "\e909";
}

.lp-clockwise:before {
  content: "\e940";
}

.lp-anti-clockwise:before {
  content: "\e906";
}

.lp-refresh-alt:before {
  content: "\e9b2";
}

.lp-refresh:before {
  content: "\e9b1";
}

.lp-chevron-small-left:before {
  content: "\e937";
}

.lp-chevron-small-up:before {
  content: "\e939";
}

.lp-chevron-small-right:before {
  content: "\e938";
}

.lp-chevron-small-down:before {
  content: "\e936";
}

.lp-maximize-arrow:before {
  content: "\e983";
}

.lp-minimize-arrow:before {
  content: "\e990";
}

.lp-maximize-arrow-alt:before {
  content: "\e984";
}

.lp-minimize-arrow-alt:before {
  content: "\e991";
}

.lp-chevron-left:before {
  content: "\e932";
}

.lp-chevron-up:before {
  content: "\e93c";
}

.lp-arrows10:before {
  content: "\e93c";
}

.lp-chevron-right:before {
  content: "\e933";
}

.lp-arrows9:before {
  content: "\e933";
}

.lp-chevron-down:before {
  content: "\e931";
}

.lp-arrows8:before {
  content: "\e931";
}

.lp-upload:before {
  content: "\e9d1";
}

.lp-logout:before {
  content: "\e9e5";
}

.lp-download:before {
  content: "\e952";
}

.lp-external-link:before {
  content: "\e95c";
}

.lp-chevrons-left:before {
  content: "\e935";
}

.lp-chevrons-up:before {
  content: "\e93b";
}

.lp-chevrons-right:before {
  content: "\e93a";
}

.lp-chevrons-down:before {
  content: "\e934";
}

.lp-arrow-depot:before {
  content: "\e908";
}

.lp-arrow-retrait:before {
  content: "\e90f";
}

.lp-sort:before {
  content: "\e905";
}

.lp-loop:before {
  content: "\e97f";
}

.lp-trend-up:before {
  content: "\ea0a";
}

.lp-trend-down:before {
  content: "\ea0b";
}

.lp-arrow-down-right-alt:before {
  content: "\ea11";
}

.lp-menu-hamburger:before {
  content: "\e985";
}

.lp-menu-veggieburger:before {
  content: "\e986";
}

.lp-more-horizontal:before {
  content: "\e997";
}

.lp-more-vertical:before {
  content: "\e998";
}

.lp-drag-horizontal:before {
  content: "\e953";
}

.lp-drag-vertical:before {
  content: "\e954";
}

.lp-adjust-vertical:before {
  content: "\e901";
}

.lp-cat-menu1:before {
  content: "\e901";
}

.lp-adjust-horizontal:before {
  content: "\e902";
}

.lp-cat-menu:before {
  content: "\e902";
}

.lp-features:before {
  content: "\e960";
}

.lp-filter-burger:before {
  content: "\e9f5";
}

.lp-phone:before {
  content: "\e99f";
}

.lp-phone-call:before {
  content: "\e9a0";
}

.lp-phone-forwarded:before {
  content: "\e9a1";
}

.lp-phone-incoming:before {
  content: "\e9a2";
}

.lp-phone-missed:before {
  content: "\e9a3";
}

.lp-phone-off:before {
  content: "\e9a4";
}

.lp-phone-outgoing:before {
  content: "\e9a5";
}

.lp-calendar:before {
  content: "\e927";
}

.lp-calendar-alt:before {
  content: "\e928";
}

.lp-calendar-euro:before {
  content: "\e907";
}

.lp-clock-filled-false:before {
  content: "\e917";
}

.lp-clock-filled-true:before {
  content: "\e918";
}

.lp-stopwatch:before {
  content: "\e9c3";
}

.lp-alarm:before {
  content: "\e919";
}

.lp-history:before {
  content: "\e91a";
}

.lp-user-check:before {
  content: "\e9d3";
}

.lp-user-plus:before {
  content: "\e9d6";
}

.lp-user-minus:before {
  content: "\e9d5";
}

.lp-user-x:before {
  content: "\e9d9";
}

.lp-user:before {
  content: "\e9d2";
}

.lp-users:before {
  content: "\e9d7";
}

.lp-user-circle:before {
  content: "\e9d4";
}

.lp-user-search:before {
  content: "\e9d8";
}

.lp-user-customer:before {
  content: "\e9e8";
}

.lp-user-seller:before {
  content: "\e9e7";
}

.lp-user-clock:before {
  content: "\e9f6";
}

.lp-mic:before {
  content: "\e98d";
}

.lp-mic-off:before {
  content: "\e98e";
}

.lp-wifi:before {
  content: "\e9e0";
}

.lp-wifi-off:before {
  content: "\e9e1";
}

.lp-mobile:before {
  content: "\e995";
}

.lp-tablet:before {
  content: "\e9c6";
}

.lp-screen:before {
  content: "\e9b5";
}

.lp-laptop:before {
  content: "\e978";
}

.lp-volume-1:before {
  content: "\e9dc";
}

.lp-volume-2:before {
  content: "\e9dd";
}

.lp-volume:before {
  content: "\e9db";
}

.lp-volume-x:before {
  content: "\e9de";
}

.lp-cloud:before {
  content: "\e944";
}

.lp-cloud-off:before {
  content: "\e948";
}

.lp-cloud-download:before {
  content: "\e945";
}

.lp-cloud-upload:before {
  content: "\e94b";
}

.lp-server:before {
  content: "\e9b8";
}

.lp-camera:before {
  content: "\e929";
}

.lp-sidebar:before {
  content: "\e9be";
}

.lp-code:before {
  content: "\e9e6";
}

.lp-bluetooth:before {
  content: "\e920";
}

.lp-power:before {
  content: "\e9ac";
}

.lp-loader:before {
  content: "\e97c";
}

.lp-music:before {
  content: "\e99a";
}

.lp-radio:before {
  content: "\e9af";
}

.lp-headset:before {
  content: "\e96c";
}

.lp-battery:before {
  content: "\e91e";
}

.lp-battery-charging:before {
  content: "\e91f";
}

.lp-airplay:before {
  content: "\e9f7";
}

.lp-keyboard:before {
  content: "\e91b";
}

.lp-scan-douchette:before {
  content: "\e91c";
}

.lp-transfert:before {
  content: "\e91d";
}

.lp-schema:before {
  content: "\ea0c";
}

.lp-edit:before {
  content: "\e956";
}

.lp-tool:before {
  content: "\e9ca";
}

.lp-scissors:before {
  content: "\e9b4";
}

.lp-picture:before {
  content: "\e9a6";
}

.lp-save:before {
  content: "\e9b3";
}

.lp-send:before {
  content: "\e9b7";
}

.lp-paperclip:before {
  content: "\e99d";
}

.lp-bond:before {
  content: "\e921";
}

.lp-minimize:before {
  content: "\e98f";
}

.lp-maximize:before {
  content: "\e982";
}

.lp-copy:before {
  content: "\e94e";
}

.lp-share:before {
  content: "\e9ba";
}

.lp-share-alt:before {
  content: "\e9bb";
}

.lp-pencil-alt:before {
  content: "\e922";
}

.lp-list:before {
  content: "\e97b";
}

.lp-move:before {
  content: "\e999";
}

.lp-archive:before {
  content: "\e924";
}

.lp-pen:before {
  content: "\e9f0";
}

.lp-area:before {
  content: "\e9f1";
}

.lp-eraser:before {
  content: "\e9f8";
}

.lp-link:before {
  content: "\e97a";
}

.lp-file:before {
  content: "\e961";
}

.lp-file-plus:before {
  content: "\e963";
}

.lp-file-minus:before {
  content: "\e962";
}

.lp-file-text:before {
  content: "\e964";
}

.lp-folder:before {
  content: "\e967";
}

.lp-folder-plus:before {
  content: "\e969";
}

.lp-folder-minus:before {
  content: "\e968";
}

.lp-clipboard:before {
  content: "\e93d";
}

.lp-clipboard-tick:before {
  content: "\e93e";
}

.lp-file-check:before {
  content: "\e9ec";
}

.lp-divers2:before {
  content: "\e9ec";
}

.lp-file-xls:before {
  content: "\ea0e";
}

.lp-file-csv:before {
  content: "\ea0f";
}

.lp-file-pdf:before {
  content: "\ea10";
}

.lp-file-ppt:before {
  content: "\ea12";
}

.lp-file-doc:before {
  content: "\ea13";
}

.lp-cart:before {
  content: "\e92a";
}

.lp-folder-open:before {
  content: "\ea14";
}

.lp-cart-plus:before {
  content: "\e92c";
}

.lp-cart-minus:before {
  content: "\e92b";
}

.lp-bag:before {
  content: "\e925";
}

.lp-bag-plus:before {
  content: "\e926";
}

.lp-bag-minus:before {
  content: "\e93f";
}

.lp-credit-card:before {
  content: "\e94f";
}

.lp-credit-card-alt:before {
  content: "\e950";
}

.lp-basket:before {
  content: "\e943";
}

.lp-basket-plus:before {
  content: "\e946";
}

.lp-basket-minus:before {
  content: "\e947";
}

.lp-percent:before {
  content: "\e99e";
}

.lp-discount:before {
  content: "\e951";
}

.lp-tag:before {
  content: "\e9c7";
}

.lp-gift:before {
  content: "\e96a";
}

.lp-receipt:before {
  content: "\e9b0";
}

.lp-qr-code:before {
  content: "\e9ae";
}

.lp-barcode:before {
  content: "\e949";
}

.lp-euro:before {
  content: "\e9f9";
}

.lp-kilo-gram:before {
  content: "\e9fa";
}

.lp-gram:before {
  content: "\e9fb";
}

.lp-heart:before {
  content: "\e96d";
}

.lp-star:before {
  content: "\e9c0";
}

.lp-thumbs-up:before {
  content: "\e9c9";
}

.lp-thumbs-down:before {
  content: "\e9c8";
}

.lp-heart-filled:before {
  content: "\e96e";
}

.lp-star-filled:before {
  content: "\e9c1";
}

.lp-cloud-rain:before {
  content: "\e94a";
}

.lp-cloud-drizzle:before {
  content: "\e94c";
}

.lp-cloud-lightning:before {
  content: "\e955";
}

.lp-cloud-snow:before {
  content: "\e957";
}

.lp-sun:before {
  content: "\e9c4";
}

.lp-sunset:before {
  content: "\e9c5";
}

.lp-moon:before {
  content: "\e996";
}

.lp-stars:before {
  content: "\e9c2";
}

.lp-coffee:before {
  content: "\e958";
}

.lp-key:before {
  content: "\e977";
}

.lp-wand:before {
  content: "\e9df";
}

.lp-hourglass:before {
  content: "\e972";
}

.lp-plant:before {
  content: "\e9a8";
}

.lp-virus:before {
  content: "\e9da";
}

.lp-book:before {
  content: "\e979";
}

.lp-bookmark-filled:before {
  content: "\e9f2";
}

.lp-pie-chart:before {
  content: "\e9a7";
}

.lp-droplet:before {
  content: "\e9bf";
}

.lp-bulb-on:before {
  content: "\e9cd";
}

.lp-bulb-off:before {
  content: "\e9ce";
}

.lp-trophy:before {
  content: "\e9cf";
}

.lp-life-buoy:before {
  content: "\e9e4";
}

.lp-book-open:before {
  content: "\e9e9";
}

.lp-bookmark:before {
  content: "\e9f3";
}

.lp-education:before {
  content: "\e9ea";
}

.lp-truck:before {
  content: "\e9eb";
}

.lp-stamp:before {
  content: "\e9f4";
}

.lp-umbrella:before {
  content: "\e9fc";
}

.lp-building:before {
  content: "\e9fd";
}

.lp-divers:before {
  content: "\e9fd";
}

.lp-briefcase:before {
  content: "\e9fe";
}

.lp-donut-chart:before {
  content: "\e9ff";
}

.lp-shop:before {
  content: "\ea00";
}

.lp-divers1:before {
  content: "\ea00";
}

.lp-pin:before {
  content: "\ea01";
}

.lp-thumbtack:before {
  content: "\ea02";
}

.lp-bug-report:before {
  content: "\ea03";
}

.lp-forbidden-sign:before {
  content: "\ea04";
}

.lp-torch-on:before {
  content: "\ea05";
}

.lp-torch-off:before {
  content: "\ea06";
}

.lp-reward:before {
  content: "\ea07";
}

.lp-bar-chart:before {
  content: "\ea09";
}

.lp-bar-chart-search:before {
  content: "\ea0d";
}

.lp-building-alt:before {
  content: "\ea15";
}

.lp-logo-lin:before {
  content: "\ea08";
}

.progression-bar {
  width: 100%;
  height: 0.6rem;
  background: var(--halo-global-all-disabled-soft);
  overflow: hidden;
  border-radius: 0.6rem;
}
.progression-bar .progression {
  min-width: 0.6rem;
  width: 0px;
  height: 100%;
  border-radius: 0.6rem;
  background-color: var(--halo-global-content-link);
  transition: width 1s ease-in-out;
}
.progression-bar .progression.indeterminate {
  width: 100%;
  animation: indeterminateProgressionAnimation 1.5s infinite linear;
  transform-origin: 0% 50%;
}

@keyframes indeterminateProgressionAnimation {
  0% {
    transform: translateX(0) scaleX(0);
  }
  30% {
    transform: translateX(0) scaleX(0.3);
  }
  100% {
    transform: translateX(100%) scaleX(0.4);
  }
}
.lib-menu-panel {
  --mat-menu-item-label-text-color: var(--halo-selection-secondary-content-default);
  --mat-menu-item-icon-color: var(--halo-selection-secondary-content-default) !important;
  --mat-menu-item-icon-size: 2.4rem;
  --mat-menu-item-spacing: 1.6rem;
  --mat-menu-item-leading-spacing: 1.6rem;
  --mat-menu-item-trailing-spacing: 1.6rem;
  --mat-menu-item-with-icon-leading-spacing: 1.6rem;
  --mat-menu-item-with-icon-trailing-spacing: 1.6rem;
  --mat-menu-base-elevation-level: 2;
}
.lib-menu-panel.mat-mdc-menu-panel {
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}
.lib-menu-panel .mat-mdc-menu-content:not(:empty) {
  padding: 0;
}
.lib-menu-panel .lib-menu-item {
  flex: 1;
  display: flex;
  align-items: center;
  color: var(--halo-selection-secondary-content-default);
}
@media only screen and (min-width: 904px) {
  .lib-menu-panel .lib-menu-item {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-menu-panel .lib-menu-item {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-menu-panel .lib-menu-item-category,
.lib-menu-panel .mat-mdc-menu-item,
.lib-menu-panel .mat-mdc-menu-item:not([disabled]).mat-mdc-menu-item-highlighted {
  color: var(--halo-selection-secondary-content-default);
  min-width: 20rem;
  min-height: 4.8rem;
  height: initial;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid var(--halo-neutral-border-medium);
  background-color: var(--halo-neutral-background-strong);
}
.lib-menu-panel .lib-menu-item-category:last-child,
.lib-menu-panel .mat-mdc-menu-item:last-child,
.lib-menu-panel .mat-mdc-menu-item:not([disabled]).mat-mdc-menu-item-highlighted:last-child {
  border-bottom: none;
}
.lib-menu-panel .mat-mdc-menu-item:not([disabled]):hover, .lib-menu-panel .mat-mdc-menu-item:not([disabled]):active, .lib-menu-panel .mat-mdc-menu-item:not([disabled]):focus {
  background-color: var(--halo-selection-secondary-background-interacting);
}
.lib-menu-panel .mat-mdc-menu-item .lib-icon .mat-icon {
  color: inherit !important;
}
.lib-menu-panel .mat-mdc-menu-item .menu-item-text-content {
  flex: 1;
  white-space: normal;
  /* Pour limiter les lignes à 2 */
  max-height: 4.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.lib-menu-panel .mat-mdc-menu-item[disabled] {
  pointer-events: none;
  cursor: auto;
  color: var(--halo-global-all-disabled-strong);
}
.lib-menu-panel .mat-mdc-menu-item[disabled] .lib-menu-item,
.lib-menu-panel .mat-mdc-menu-item[disabled] .menu-item-text-content {
  color: var(--halo-global-all-disabled-strong);
}
.lib-menu-panel .mat-mdc-menu-item .menu-item-badge {
  flex: 0 !important;
  justify-content: flex-end;
}
.lib-menu-panel .mat-mdc-menu-itema {
  color: var(--halo-selection-secondary-content-default);
  text-decoration: none;
}
.lib-menu-panel .mat-mdc-menu-itema:hover, .lib-menu-panel .mat-mdc-menu-itema:active {
  color: var(--halo-selection-secondary-content-default);
}
.lib-menu-panel .lib-menu-item-category {
  display: flex;
  align-items: center;
  padding: 0.8rem 1.6rem;
  border-bottom: 1px solid var(--halo-neutral-border-medium);
  background-color: var(--halo-neutral-background-strong);
}
.lib-menu-panel .lib-menu-item-category .mat-icon {
  color: inherit !important;
}
.lib-menu-panel .menu-template-start {
  border-bottom: 1px solid var(--halo-neutral-border-medium);
}

/** pour le composant list-menu*/
.lib-list-menu {
  --mat-menu-item-label-text-color: var(--halo-selection-secondary-content-default);
  --mat-menu-item-icon-color: var(--halo-selection-secondary-content-default) !important;
  --mat-menu-item-icon-size: 2.4rem;
  --mat-menu-item-spacing: 1.6rem;
  --mat-menu-item-leading-spacing: 1.6rem;
  --mat-menu-item-trailing-spacing: 1.6rem;
  --mat-menu-item-with-icon-leading-spacing: 1.6rem;
  --mat-menu-item-with-icon-trailing-spacing: 1.6rem;
  display: block;
  overflow: hidden;
  background-color: var(--halo-neutral-background-strong);
}
.lib-list-menu .lib-menu-item {
  flex: 1;
  display: flex;
  align-items: center;
  color: var(--halo-selection-secondary-content-default);
}
@media only screen and (min-width: 904px) {
  .lib-list-menu .lib-menu-item {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-list-menu .lib-menu-item {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-list-menu .lib-menu-item-category,
.lib-list-menu .mat-mdc-menu-item,
.lib-list-menu .mat-mdc-menu-item:not([disabled]).mat-mdc-menu-item-highlighted {
  color: var(--halo-selection-secondary-content-default);
  min-width: 20rem;
  min-height: 4.8rem;
  height: initial;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid var(--halo-neutral-border-medium);
  background-color: var(--halo-neutral-background-strong);
}
.lib-list-menu .lib-menu-item-category:last-child,
.lib-list-menu .mat-mdc-menu-item:last-child,
.lib-list-menu .mat-mdc-menu-item:not([disabled]).mat-mdc-menu-item-highlighted:last-child {
  border-bottom: none;
}
.lib-list-menu .mat-mdc-menu-item:not([disabled]):hover, .lib-list-menu .mat-mdc-menu-item:not([disabled]):active, .lib-list-menu .mat-mdc-menu-item:not([disabled]):focus {
  background-color: var(--halo-selection-secondary-background-interacting);
}
.lib-list-menu .mat-mdc-menu-item .lib-icon .mat-icon {
  color: inherit !important;
}
.lib-list-menu .mat-mdc-menu-item .menu-item-text-content {
  flex: 1;
  white-space: normal;
  /* Pour limiter les lignes à 2 */
  max-height: 4.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.lib-list-menu .mat-mdc-menu-item[disabled] {
  pointer-events: none;
  cursor: auto;
  color: var(--halo-global-all-disabled-strong);
}
.lib-list-menu .mat-mdc-menu-item[disabled] .lib-menu-item,
.lib-list-menu .mat-mdc-menu-item[disabled] .menu-item-text-content {
  color: var(--halo-global-all-disabled-strong);
}
.lib-list-menu .mat-mdc-menu-item .menu-item-badge {
  flex: 0 !important;
  justify-content: flex-end;
}
.lib-list-menu .mat-mdc-menu-itema {
  color: var(--halo-selection-secondary-content-default);
  text-decoration: none;
}
.lib-list-menu .mat-mdc-menu-itema:hover, .lib-list-menu .mat-mdc-menu-itema:active {
  color: var(--halo-selection-secondary-content-default);
}
.lib-list-menu .menu-line:not(:last-child) {
  border-bottom: 1px solid var(--halo-neutral-border-medium);
}
.lib-list-menu .menu-line .lib-menu-item-category {
  border-bottom: none;
}
.lib-list-menu .mat-mdc-menu-item,
.lib-list-menu .lib-menu-item-category {
  min-width: auto;
  padding: 4px;
  padding-left: calc(1.6rem - 4px);
  padding-right: calc(1.6rem - 4px);
  margin: 4px;
}
.lib-list-menu .mat-mdc-menu-item {
  /** pour supprimer le min-width lié à l'overlay */
  min-width: auto;
  border: none;
  width: 100%;
  text-align: left;
}
.lib-list-menu .mat-mdc-menu-item:hover {
  cursor: pointer;
}
.lib-list-menu .mat-mdc-menu-item .lib-icon {
  margin-right: 1.6rem;
}
.lib-list-menu .lib-menu-item-category {
  font-weight: bold;
}
.lib-list-menu ul {
  list-style-type: none;
  /* Supprime les puces */
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.nav-bar-header > * {
  display: flex;
  align-items: center;
}

.lib-nav-bar {
  padding-right: 0;
  background-color: var(--halo-neutral-background-strong);
  color: var(--halo-neutral-content-strong);
  border-top-width: 6px;
  border-top-style: solid;
  border-top-color: var(--halo-brand-decoration);
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
  /* DESKTOP */
  height: 64px;
  /* MOBILE */
  /* HORIZONTAL */
  /* Variant .lib-nav-bar VERTICAL */
}
@media only screen and (max-width: 904px) {
  .lib-nav-bar {
    height: 56px;
  }
}
@media only screen and (min-width: 904px) {
  .lib-nav-bar .app-name {
    font-size: 1.6rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 150%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-nav-bar .app-name {
    font-size: 1.6rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 150%;
  }
}
.lib-nav-bar .nav-bar-container {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.lib-nav-bar .nav-bar-content {
  padding: 0 1.6rem;
  position: relative;
  align-self: stretch;
  align-items: center;
  display: inline-flex;
}
.lib-nav-bar .nav-bar-content:empty {
  display: none;
}
.lib-nav-bar .nav-bar-content .content-logo {
  display: flex;
  align-items: center;
  position: relative;
}
.lib-nav-bar .nav-bar-content .content-logo:not(:empty) {
  margin-right: 0.8rem;
  padding-right: 0.8rem;
}
.lib-nav-bar .nav-bar-content .content-logo::after {
  content: "";
  display: inline-flex;
  background-color: var(--halo-neutral-border-strong);
  width: 1px;
  height: 3.2rem;
  position: absolute;
  right: 0;
}
.lib-nav-bar .nav-bar-content .content-logo:empty::after {
  content: none;
}
.lib-nav-bar .nav-bar-content.content-portal {
  background-color: var(--halo-action-primary-background-default);
  color: var(--halo-action-primary-content-default);
  padding: 0 1.6rem;
}
.lib-nav-bar .nav-bar-content.content-portal:hover {
  background-color: var(-action-primary-background-interacting);
}
.lib-nav-bar .nav-bar-content.content-portal a,
.lib-nav-bar .nav-bar-content.content-portal .lib-icon .mat-icon {
  color: var(--halo-action-primary-content-default) !important;
}
.lib-nav-bar .nav-bar-content .button-portal {
  display: inline-flex;
  font-weight: 800;
  align-items: center;
  height: calc(100% - 16px);
  color: var(--halo-action-primary-content-default);
  text-decoration: none;
  padding: 0.8rem;
  outline-color: inherit;
}
.lib-nav-bar .nav-bar-content .button-portal .lib-icon {
  margin-right: 0.8rem;
}
@media only screen and (max-width: 904px) {
  .lib-nav-bar .nav-bar-content .button-portal span {
    display: none;
  }
}
.lib-nav-bar .nav-bar-content.content-account {
  padding: 0;
}
.lib-nav-bar .lib-spacer {
  flex: 1 1 auto;
  background-color: var(--halo-neutral-border-strong);
}
.lib-nav-bar.horizontal.has-portal .nav-bar-container {
  padding-right: 0;
}
.lib-nav-bar.horizontal.lib-nav-bar-menu-opened .nav-bar-content {
  padding: 1.6rem;
}
.lib-nav-bar.horizontal .lib-app-name-logo-container {
  width: 144px;
  height: 48px;
}
.lib-nav-bar.horizontal .lib-app-name .lib-divider {
  height: 3.2rem;
  background-color: var(--halo-neutral-border-strong);
}
.lib-nav-bar.horizontal .nav-bar-content {
  padding: 0 1.6rem;
}
.lib-nav-bar.horizontal .nav-bar-content.content-navigation, .lib-nav-bar.horizontal .nav-bar-content.content-notifications {
  position: relative;
}
.lib-nav-bar.horizontal .nav-bar-content.content-navigation::after, .lib-nav-bar.horizontal .nav-bar-content.content-notifications::after {
  content: "";
  display: inline-flex;
  background-color: var(--halo-neutral-border-strong);
  width: 1px;
  height: 3.2rem;
  position: absolute;
  right: 0;
}
.lib-nav-bar.horizontal .nav-bar-content.content-navigation:empty::after, .lib-nav-bar.horizontal .nav-bar-content.content-notifications:empty::after {
  content: none;
}
@media only screen and (max-width: 904px) {
  .lib-nav-bar.horizontal.lib-nav-bar-menu-closed .nav-bar-content {
    padding: 0 0.8rem;
  }
  .lib-nav-bar.horizontal .lib-app-name .lib-app-name-logo-container {
    display: none;
  }
  .lib-nav-bar.horizontal .lib-app-name .lib-divider {
    display: none;
  }
}
.lib-nav-bar.vertical {
  /* TABLET ET DESKTOP */
  /* suppression de l'ombre en mode vertical et desktop */
}
.lib-nav-bar.vertical .content-navigation {
  padding: 0;
}
.lib-nav-bar.vertical .nav-bar-header {
  padding: 1.6rem;
  justify-content: space-between;
}
.lib-nav-bar.vertical .lib-app-name-logo-container {
  width: 52px;
  height: 52px;
}
.lib-nav-bar.vertical .lib-app-name .lib-divider {
  height: 4rem;
}
.lib-nav-bar.vertical.lib-nav-bar-menu-opened .nav-bar-content {
  padding: 1.6rem;
}
@media only screen and (min-width: 904px) {
  .lib-nav-bar.vertical {
    height: 100%;
  }
  .lib-nav-bar.vertical .nav-bar-container {
    flex-direction: column;
    align-items: flex-start;
  }
  .lib-nav-bar.vertical .content-notifications {
    order: 1;
    flex-direction: column;
    align-items: flex-start;
  }
  .lib-nav-bar.vertical .content-navigation {
    order: 3;
    display: block;
    flex: 1;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden auto;
  }
  .lib-nav-bar.vertical .content-account {
    order: 4;
  }
  .lib-nav-bar.vertical .content-account .lib-user-name {
    flex: 1;
  }
  .lib-nav-bar.vertical .content-account .lib-user-name .lib-button {
    padding: 1.6rem;
  }
  .lib-nav-bar.vertical .lib-spacer {
    order: 2;
    flex: initial;
    height: 1px;
    width: 100%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-nav-bar.vertical .nav-bar-header {
    padding: 0;
  }
  .lib-nav-bar.vertical .nav-bar-container {
    padding: 1.6rem 1.6rem 1.6rem 0.5rem;
  }
  .lib-nav-bar.vertical .side > .nav-bar-container {
    padding: 0;
  }
  .lib-nav-bar.vertical .lib-app-name-logo-container {
    width: 44px;
    height: 44px;
  }
  .lib-nav-bar.vertical .lib-app-name .lib-app-name-logo-container {
    display: none;
  }
  .lib-nav-bar.vertical .lib-app-name .lib-divider {
    display: none;
  }
}
@media only screen and (min-width: 904px) {
  .lib-nav-bar.vertical {
    box-shadow: none;
  }
}
.lib-nav-bar.vertical .content-account {
  border-top: 1px solid var(--halo-neutral-border-medium);
}
.lib-nav-bar .content-notifications > *:not(:first-child) {
  margin-left: 1rem;
}
.lib-nav-bar.side {
  display: none;
  background-color: var(--halo-neutral-background-strong);
}
.lib-nav-bar.side .nav-bar-header {
  color: var(--halo-brand-content-accent);
  background-color: var(--halo-brand-background-accent);
  border-bottom: 0;
  justify-content: space-between;
  height: 5.6rem;
}
.lib-nav-bar.side .nav-bar-header .app-name {
  flex: 1;
  color: var(--halo-brand-content-accent);
}
.lib-nav-bar.side .nav-bar-header .lib-button {
  color: var(--halo-brand-content-accent);
}
.lib-nav-bar.side .nav-bar-header .content-logo {
  display: none;
}
.lib-nav-bar.side .nav-bar-header .content-logo :after {
  display: none;
}
.lib-nav-bar.side.is-opened {
  display: block;
  width: 30rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1001;
  height: 100%;
}
.lib-nav-bar.side.is-opened .nav-bar-container {
  flex-direction: column;
  align-items: flex-start;
}
.lib-nav-bar.side.is-opened .content-notifications {
  order: 1;
  flex-direction: column;
  align-items: flex-start;
}
.lib-nav-bar.side.is-opened .content-navigation {
  order: 3;
  display: block;
  flex: 1;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: hidden auto;
}
.lib-nav-bar.side.is-opened .content-account {
  order: 4;
}
.lib-nav-bar.side.is-opened .content-account .lib-user-name {
  flex: 1;
}
.lib-nav-bar.side.is-opened .content-account .lib-user-name .lib-button {
  padding: 1.6rem;
}
.lib-nav-bar.side.is-opened .lib-spacer {
  order: 2;
  flex: initial;
  height: 1px;
  width: 100%;
}

.nav-bar-backdrop {
  position: absolute;
  z-index: 1000;
}

.lib-nav-bar.side.is-opened .content-account,
.lib-nav-bar.vertical .content-account {
  border-top: 1px solid var(--halo-neutral-border-medium);
}
.lib-nav-bar.side.is-opened .lib-spacer,
.lib-nav-bar.vertical .lib-spacer {
  background-color: var(--halo-neutral-border-medium);
}

.lib-navigation-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.lib-navigation ul {
  list-style-type: none;
  display: flex;
  margin: 0;
  padding: 0;
}
.lib-navigation li.current a {
  font-weight: 700;
  background-color: var(--halo-selection-secondary-background-selected);
  color: var(--halo-selection-secondary-content-selected);
}
.lib-navigation a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8rem 1.6rem;
  border-radius: 0.8rem;
  color: var(--halo-selection-secondary-content-default);
  background-color: var(selection-secondary-background-default);
  text-decoration: none;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lib-navigation a {
  position: relative;
}
.lib-navigation a:focus-visible, .lib-navigation a:focus-within {
  text-decoration: none;
  outline-offset: 2px;
  outline: 2px solid var(--halo-edition-border-interacting);
  border-color: var(--halo-edition-border-interacting);
}
@media only screen and (min-width: 904px) {
  .lib-navigation a {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-navigation a {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-navigation a:focus, .lib-navigation a:hover {
  background-color: var(--halo-selection-secondary-background-interacting);
  color: var(--halo-selection-secondary-content-interacting);
}
.lib-navigation a .lib-icon {
  color: inherit;
  margin-right: 1rem;
}
.lib-navigation a .nav-label {
  flex: 1;
}
.lib-navigation a > .lib-badge-container {
  flex: initial !important;
}
.lib-navigation.horizontal ul {
  flex-direction: row;
}
.lib-navigation.horizontal ul a {
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 904px) {
  .lib-navigation.horizontal ul {
    flex-direction: column;
  }
}
.lib-navigation.vertical ul {
  padding: 0.8rem 0;
  flex-direction: column;
}
.lib-navigation.vertical ul a {
  padding: 2rem 1.6rem;
  margin: 0.4rem 0.8rem;
  white-space: normal;
  text-wrap: wrap;
}

.lib-nav {
  position: relative;
  height: 100%;
}
.lib-nav.submenu-isopened:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.lib-nav .lib-menu-wrapper {
  background-color: var(--halo-neutral-background-strong);
  margin: 0;
  padding: 16px;
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
}
@media only screen and (max-width: 904px) {
  .lib-nav .lib-menu-wrapper {
    background-color: var(--halo-neutral-background-strong);
  }
}
.lib-nav .lib-nav-primary {
  height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.lib-nav .lib-nav-secondary .nav-list-description {
  display: none;
}
@media only screen and (max-width: 904px) {
  .lib-nav .lib-nav-secondary .mat-mdc-list-item {
    margin-bottom: 1px;
  }
  .lib-nav .lib-nav-secondary .mat-mdc-button-base {
    display: none;
  }
}
@media only screen and (min-width: 904px) {
  .lib-nav .lib-nav-secondary {
    opacity: 0;
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 100%;
    background-color: var(--halo-neutral-background-strong);
    transition: width 300ms;
    padding-top: 4rem;
    overflow: auto;
    width: 0;
    border-left: 1px solid var(--halo-neutral-border-medium);
    border-right: 1px solid var(--halo-neutral-border-medium);
  }
  .lib-nav .lib-nav-secondary.opened {
    width: var(--halo-neutral-background-strong);
    opacity: 1;
  }
  .lib-nav .lib-nav-secondary .nav-container {
    padding: 0.5rem 0 1rem;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
  .lib-nav .lib-nav-secondary .submenu-close {
    position: absolute;
    top: 0;
    right: 0;
  }
}

.lib-notification {
  --mdc-snackbar-container-shape: 0.8rem;
  --mdc-snackbar-container-color: white;
  --mdc-snackbar-supporting-text-color: var(--halo-neutral-content-strong);
  --mat-snack-bar-button-color: var(--halo-neutral-content-strong);
  max-width: 60rem;
  min-width: 25rem;
}
.lib-notification .mat-mdc-snackbar-surface {
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}
.lib-notification.lib-notification-information {
  --mdc-snackbar-container-color: var(--halo-status-background-information);
  background-color: var(--halo-status-background-information);
  color: var(--halo-neutral-content-strong);
}
.lib-notification.lib-notification-information .toast-icon {
  color: var(--halo-status-content-information);
}
.lib-notification.lib-notification-success {
  --mdc-snackbar-container-color: var(--halo-status-background-success);
  background-color: var(--halo-status-background-success);
  color: var(--halo-neutral-content-strong);
}
.lib-notification.lib-notification-success .toast-icon {
  color: var(--halo-status-content-success);
}
.lib-notification.lib-notification-error {
  --mdc-snackbar-container-color: var(--halo-status-background-error);
  background-color: var(--halo-status-background-error);
  color: var(--halo-neutral-content-strong);
}
.lib-notification.lib-notification-error .toast-icon {
  color: var(--halo-status-content-error);
}
.lib-notification.lib-notification-warning {
  --mdc-snackbar-container-color: var(--halo-status-background-warning);
  background-color: var(--halo-status-background-warning);
  color: var(--halo-neutral-content-strong);
}
.lib-notification.lib-notification-warning .toast-icon {
  color: var(--halo-status-content-warning);
}

.lib-notification-toast .toast-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.lib-notification-toast .toast-container .toast-icon {
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 1.2rem;
}
.lib-notification-toast .toast-container .toast-icon .mat-icon {
  font-size: 3.2rem;
  height: 3.2rem;
  width: 3.2rem;
}
.lib-notification-toast .toast-container .toast-message {
  flex: 1;
  /** max line to display = 2 ; else troncate the text */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (min-width: 904px) {
  .lib-notification-toast .toast-container .toast-message {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-notification-toast .toast-container .toast-message {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-notification-toast .toast-container .toast-message.ellipsed::after {
  content: "..."; /* Ajoute les ellipses pour les cas sans overflow */
}
.lib-notification-toast .toast-container .toast-actions {
  margin-left: 1.2rem;
}
.lib-notification-toast .toast-container .toast-action {
  flex-grow: 0;
  border: none;
}
@media (max-width: 599px) {
  .lib-notification-toast .toast-container .toast-icon .mat-icon {
    font-size: 2.4rem;
    height: 2.4rem;
    width: 2.4rem;
  }
}
@media only screen and (max-width: 599px) and (min-width: 904px) {
  .lib-notification-toast .toast-container .toast-message {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 599px) and (max-width: 904px) {
  .lib-notification-toast .toast-container .toast-message {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}

.lib-numeros-speciaux {
  margin: 1rem;
}
.lib-numeros-speciaux a {
  text-decoration: none;
}
.lib-numeros-speciaux a {
  position: relative;
}
.lib-numeros-speciaux a:focus-visible, .lib-numeros-speciaux a:focus-within {
  text-decoration: none;
  outline-offset: 2px;
  outline: 2px solid var(--halo-edition-border-interacting);
  border-color: var(--halo-edition-border-interacting);
}
.lib-numeros-speciaux a:hover .telephone-field {
  text-decoration: underline;
  text-decoration-thickness: 2px;
}
.lib-numeros-speciaux .svgContent {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
  border-radius: 10rem;
  margin-left: -1px;
  margin-top: -2px;
  margin-bottom: -2px;
  min-width: 4.8rem;
  padding: 0.8rem;
}
.lib-numeros-speciaux .iconAndText {
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-width: 3px;
  border-style: solid;
}
.lib-numeros-speciaux .label {
  white-space: nowrap;
  -webkit-user-select: none;
          user-select: none;
}
.lib-numeros-speciaux .telephone-field {
  flex: 1;
  margin-left: 1.2rem;
  margin-right: 1.6rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 904px) {
  .lib-numeros-speciaux .telephone-field {
    font-size: 1.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-numeros-speciaux .telephone-field {
    font-size: 1.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
.lib-numeros-speciaux .text-field {
  margin-top: 0.8rem;
  text-align: center;
  -webkit-user-select: none;
          user-select: none;
}
.lib-numeros-speciaux .numero-container {
  display: inline-block;
}
.lib-numeros-speciaux .numero-container.vert .telephone-field,
.lib-numeros-speciaux .numero-container.vert .text-field {
  color: var(--halo-additional-content-color1);
}
.lib-numeros-speciaux .numero-container.vert .iconAndText {
  border-color: var(--halo-additional-content-color1);
}
.lib-numeros-speciaux .numero-container.vert .svgContent {
  background-color: var(--halo-additional-background-color1-accent);
  color: var(--halo-additional-content-all-accent);
}
.lib-numeros-speciaux .numero-container.cristal .telephone-field,
.lib-numeros-speciaux .numero-container.cristal .text-field {
  color: var(--halo-neutral-content-medium);
}
.lib-numeros-speciaux .numero-container.cristal .iconAndText {
  border-color: var(--halo-neutral-content-medium);
}
.lib-numeros-speciaux .numero-container.cristal .svgContent {
  background-color: var(--halo-neutral-background-accent);
  color: var(--halo-additional-content-all-accent);
}
.lib-numeros-speciaux .numero-container.indigo .telephone-field,
.lib-numeros-speciaux .numero-container.indigo .text-field {
  color: var(--halo-additional-content-color3);
}
.lib-numeros-speciaux .numero-container.indigo .iconAndText {
  border-color: var(--halo-additional-content-color3);
}
.lib-numeros-speciaux .numero-container.indigo .svgContent {
  background-color: var(--halo-additional-background-color3-accent);
  color: var(--halo-additional-content-all-accent);
}

.mat-mdc-chip {
  position: relative;
}
.mat-mdc-chip:focus-visible, .mat-mdc-chip:focus-within {
  text-decoration: none;
  outline-offset: 2px;
  outline: 2px solid var(--halo-edition-border-interacting);
  border-color: var(--halo-edition-border-interacting);
}

.lib-chips {
  --mdc-chip-outline-color: var(--halo-selection-primary-border-default);
  --mdc-chip-focus-outline-color: var(--halo-selection-primary-border-default);
  --mdc-chip-elevated-container-color: var(--halo-selection-primary-background-default);
  --mdc-chip-elevated-selected-container-color: var(--halo-selection-primary-background-selected);
  --mdc-chip-container-shape-radius: 8px;
  --mdc-chip-outline-width: 1px;
  --mdc-chip-label-text-color: var(--halo-selection-primary-content-default);
  --mdc-chip-flat-selected-outline-width: 1px;
  --mdc-chip-selected-label-text-color: var(--halo-selection-primary-content-selected);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--halo-selection-primary-content-default);
  --mdc-chip-elevated-disabled-container-color: var(--halo-global-all-disabled-soft);
  --mdc-chip-disabled-label-text-color: var(--halo-global-all-disabled-strong);
  --mdc-chip-disabled-outline-color: var(--halo-global-all-disabled-strong);
}
.lib-chips .mat-mdc-chip {
  min-height: 40px;
}
.lib-chips .mat-mdc-chip .mdc-evolution-chip__icon--trailing {
  font-size: 24px;
  height: 24px;
  width: 24px;
}
.lib-chips .mat-mdc-chip:not(.mat-mdc-chip-selected):not(.mdc-evolution-chip--disabled):hover {
  --mdc-chip-label-text-color: var(--halo-selection-primary-content-interacting);
  --mdc-chip-elevated-container-color: var(--halo-selection-primary-background-interacting);
  --mdc-chip-outline-color: var(--halo-selection-primary-border-interacting);
}
.lib-chips .mat-mdc-chip.mdc-evolution-chip--selected {
  --mdc-chip-outline-color: var(--halo-selection-primary-border-selected);
}

.lib-breadcrumb .breadcrumb {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 904px) {
  .lib-breadcrumb .breadcrumb {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-breadcrumb .breadcrumb {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-breadcrumb .breadcrumb ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
.lib-breadcrumb .breadcrumb ul li {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-right: 0.8rem;
}
.lib-breadcrumb .breadcrumb ul li:not(:first-child):before {
  content: "";
  background-color: var(--halo-neutral-content-strong);
  transform: rotate(-60deg);
  width: 12px;
  height: 1px;
  display: block;
}
@media only screen and (min-width: 904px) {
  .lib-breadcrumb .breadcrumb ul li.active {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-breadcrumb .breadcrumb ul li.active {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.lib-breadcrumb .breadcrumb ul li a {
  text-decoration: underline;
  color: inherit;
}
.lib-breadcrumb .breadcrumb ul li a:hover {
  text-decoration: underline;
  color: var(--halo-global-content-link);
}
@media only screen and (max-width: 599px) {
  .lib-breadcrumb {
    display: none;
  }
}

.lib-switch-toggle {
  --mdc-switch-handle-surface-color: transparent;
  --mat-switch-track-outline-color: var(--halo-selection-secondary-content-default);
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.08;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.12;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.08;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.12;
  --mdc-switch-selected-handle-color: var(--halo-selection-primary-content-selected);
  --mdc-switch-selected-track-color: var(--halo-selection-primary-background-selected);
  --mdc-switch-selected-focus-handle-color: var(--halo-selection-primary-content-selected);
  --mdc-switch-selected-focus-state-layer-color: var(--halo-selection-primary-background-selected);
  --mdc-switch-selected-focus-track-color: var(--halo-selection-primary-background-selected);
  --mdc-switch-selected-hover-handle-color: var(--halo-selection-primary-content-selected);
  --mdc-switch-selected-hover-state-layer-color: var(--halo-selection-primary-background-selected);
  --mdc-switch-selected-hover-track-color: var(--halo-selection-primary-background-selected);
  --mdc-switch-selected-pressed-handle-color: var(--halo-selection-primary-content-selected);
  --mdc-switch-selected-pressed-state-layer-color: var(--halo-selection-primary-background-selected);
  --mdc-switch-selected-pressed-track-color: var(--halo-selection-primary-background-selected);
  --mdc-switch-selected-icon-color: var(--halo-selection-primary-background-selected);
  --mat-switch-selected-track-outline-color: var(--halo-selection-primary-background-selected);
  --mdc-switch-disabled-selected-handle-color: var(--halo-global-all-disabled-strong);
  --mdc-switch-disabled-selected-icon-color: var(--halo-global-all-disabled-strong);
  --mdc-switch-disabled-selected-track-color: var(--halo-global-all-disabled-soft);
  --mdc-switch-disabled-unselected-handle-color: var(--halo-global-all-disabled-strong);
  --mdc-switch-disabled-unselected-icon-color: var(--halo-global-all-disabled-strong);
  --mdc-switch-disabled-unselected-track-color: var(--halo-global-all-disabled-soft);
  --mat-switch-disabled-unselected-track-outline-color: var(--halo-global-all-disabled-strong);
  --mat-switch-disabled-unselected-track-outline-width: 2px;
  --mdc-switch-disabled-label-text-color: var(--halo-global-all-disabled-strong);
  --mdc-switch-unselected-handle-color: var(--halo-selection-secondary-content-default);
  --mdc-switch-unselected-icon-color: var(--halo-selection-secondary-background-interacting);
  --mdc-switch-unselected-track-color: var(--halo-neutral-background-strong);
  --mdc-switch-unselected-hover-handle-color: var(--halo-selection-secondary-content-default);
  --mdc-switch-unselected-hover-state-layer-color: var(--halo-neutral-background-strong);
  --mdc-switch-unselected-hover-track-color: var(--halo-neutral-background-strong);
  --mdc-switch-unselected-focus-handle-color: var(--halo-selection-secondary-content-default);
  --mdc-switch-unselected-focus-state-layer-color: var(--halo-neutral-background-strong);
  --mdc-switch-unselected-focus-track-color: var(--halo-neutral-background-strong);
  --mdc-switch-unselected-pressed-handle-color: var(--halo-selection-secondary-content-default);
  --mdc-switch-unselected-pressed-state-layer-color: var(--halo-neutral-background-strong);
  --mdc-switch-unselected-pressed-track-color: var(--halo-neutral-background-strong);
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.5;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-shape: 9999px;
  --mdc-switch-selected-icon-size: 16px;
  --mdc-switch-track-height: 24px;
  --mdc-switch-track-shape: 9999px;
  --mdc-switch-track-width: 48px;
  --mdc-switch-unselected-icon-size: 16px;
  --mdc-switch-state-layer-size: 40px;
  --mat-switch-label-text-color: $text-color;
  --mat-switch-label-text-font: Roboto, sans-serif;
  --mat-switch-label-text-line-height: 1.25rem;
  --mat-switch-label-text-size: 1.6rem;
  --mat-switch-label-text-tracking: 0.016rem;
  --mat-switch-label-text-weight: 400;
  --mat-switch-disabled-selected-handle-opacity: 1;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 16px;
  --mat-switch-selected-handle-size: 16px;
  --mat-switch-pressed-handle-size: 16px;
  --mat-switch-with-icon-handle-size: 16px;
  --mat-switch-selected-handle-horizontal-margin: 0 24px;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0 28px;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0 28px;
  --mat-switch-selected-track-outline-width: 2px;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0 4px;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0 4px;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 0;
  --mat-switch-visible-track-transition: opacity 75ms;
  --mat-switch-hidden-track-transition: opacity 75ms;
  --mat-switch-track-outline-width: 2px;
}
.lib-switch-toggle .mdc-form-field:not(.mdc-form-field--align-end) > label {
  margin-left: 1.6rem;
}
.lib-switch-toggle .mdc-form-field.mdc-form-field--align-end > label {
  margin-right: 1.6rem;
}
@media only screen and (min-width: 904px) {
  .lib-switch-toggle .mdc-label {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-switch-toggle .mdc-label {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-switch-toggle .mdc-switch__icon--off {
  transform: scale(1.1);
}
.lib-switch-toggle .mdc-switch__icon--off > path {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #3c3c3c;
  d: path("M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM8.46967 8.46967C8.76256 8.17678 9.23744 8.17678 9.53033 8.46967L12 10.9393L14.4697 8.46967C14.7626 8.17678 15.2374 8.17678 15.5303 8.46967C15.8232 8.76256 15.8232 9.23744 15.5303 9.53033L13.0607 12L15.5303 14.4697C15.8232 14.7626 15.8232 15.2374 15.5303 15.5303C15.2374 15.8232 14.7626 15.8232 14.4697 15.5303L12 13.0607L9.53033 15.5303C9.23744 15.8232 8.76256 15.8232 8.46967 15.5303C8.17678 15.2374 8.17678 14.7626 8.46967 14.4697L10.9393 12L8.46967 9.53033C8.17678 9.23744 8.17678 8.76256 8.46967 8.46967Z");
}
.lib-switch-toggle .mdc-switch--unselected:enabled .mdc-switch__handle::after {
  display: none;
}

.backdrop-layer,
.lib-backdrop {
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: var(--halo-global-overlay-medium);
  animation: fadein-animation 300ms ease-in;
}
.backdrop-layer.clickable,
.lib-backdrop.clickable {
  cursor: pointer;
}

.lib-overlay-backdrop {
  background: var(--halo-global-overlay-medium);
  transition: opacity linear 300ms;
}

.lib-with-backdrop::before {
  /* Nécessaire pour créer un pseudo-élément */
  content: "";
  /* Masqué par défaut */
  opacity: 0;
  /* Position fixe pour couvrir tout l'écran */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* Couleur de fond semi-transparente */
  background-color: var(--halo-global-overlay-medium);
  /* Transition pour l'animation */
  transition: opacity linear 300ms;
  z-index: 999;
}

.lib-overlay-panel {
  display: flex;
  flex-direction: column;
  max-width: 50%;
  max-height: 100%;
}
@media only screen and (max-width: 599px) {
  .lib-overlay-panel {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    align-self: flex-end;
    padding-top: 4rem;
  }
}

.lib-overlay {
  position: relative;
}
.lib-overlay .lib-overlay-container {
  display: block;
  position: relative;
  background: var(--halo-neutral-background-strong);
  border-radius: 0.8rem;
  width: 100%;
  padding: 3.2rem;
}
@media only screen and (max-width: 599px) {
  .lib-overlay .lib-overlay-container {
    padding: 1.6rem 2.4rem 2.4rem 2.4rem;
    border-radius: 3.2rem 3.2rem 0 0;
  }
}
.lib-overlay .overlay-content {
  position: relative;
}
.lib-overlay .overlay-content .text-only {
  margin-top: 3.2rem;
}
@media only screen and (min-width: 904px) {
  .lib-overlay .overlay-content .text-only {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-overlay .overlay-content .text-only {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-overlay .overlay-button-close {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
}
@media only screen and (max-width: 599px) {
  .lib-overlay .lib-overlay-container:before {
    display: block;
    content: "";
    margin: auto;
    margin-bottom: 1.6rem;
    height: 4px;
    width: 8.8rem;
    border-radius: 10rem;
    background-color: var(--halo-neutral-border-strong);
  }
}

.lib-side-column {
  height: fit-content;
  min-height: 100%;
  width: 100%;
  padding: 1.6rem;
  display: flex;
  flex-direction: column;
  background-color: var(--halo-neutral-background-strong);
  color: var(--halo-neutral-content-strong);
}
.lib-side-column .header {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--halo-neutral-background-strong);
  padding: 1.6rem 0;
}
.lib-side-column .header .header-titles {
  flex: 1;
}
.lib-side-column .header .header-title,
.lib-side-column .header .header-subtitle {
  text-align: center;
  margin: 0;
}
.lib-side-column .header.empty-header {
  padding: 0;
}
.lib-side-column .header-icon {
  display: flex;
  justify-content: center;
}
.lib-side-column .content {
  flex-grow: 1;
  padding: 0 0 0 0;
}
.lib-side-column .footer-actions {
  padding: 1.6rem 0 0 0;
  background-color: var(--halo-neutral-background-strong);
}
.lib-side-column .sticky-top {
  position: sticky;
  top: 0;
}
.lib-side-column .sticky-bottom {
  position: sticky;
  bottom: -1px;
  padding-bottom: 0.8rem;
}

.lib-side-column-container {
  display: flex;
  position: relative;
  flex-direction: row;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.lib-side-column-container .container-content {
  flex: 1;
}
.lib-side-column-container .container-sided-col {
  transition: all ease-in-out 400ms;
  width: 28.8rem;
  flex-shrink: 0;
}
.lib-side-column-container .container-sided-col .close-btn {
  display: none;
}
@media only screen and (min-width: 904px) {
  .lib-side-column-container.collapsed .container-sided-col {
    width: 0;
    overflow: hidden;
  }
  .lib-side-column-container.expanded .container-sided-col {
    transform: translateX(0);
  }
  .lib-side-column-container.expanded .container-sided-col .close-btn {
    display: none;
  }
}
@media only screen and (max-width: 904px) {
  .lib-side-column-container {
    /* side column as bottom sheet*/
  }
  .lib-side-column-container.expanded .container-content::before {
    /* Nécessaire pour créer un pseudo-élément */
    content: "";
    /* Masqué par défaut */
    opacity: 0;
    /* Position fixe pour couvrir tout l'écran */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Couleur de fond semi-transparente */
    background-color: var(--halo-global-overlay-medium);
    /* Transition pour l'animation */
    transition: opacity linear 300ms;
    z-index: 999;
  }
  .lib-side-column-container.expanded .container-content::before {
    opacity: 1;
  }
  .lib-side-column-container.collapsed .container-sided-col {
    height: 0;
    overflow: hidden;
  }
  .lib-side-column-container .container-sided-col {
    height: calc(100% - 4rem);
    width: 100%;
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
    overflow: auto;
    border-radius: 3.2rem 3.2rem 0 0;
    background-color: var(--halo-neutral-background-strong);
    transform: translateY(0);
  }
  .lib-side-column-container .container-sided-col .header-icon {
    display: none;
  }
  .lib-side-column-container .container-sided-col .lib-side-column {
    padding-top: 0rem;
  }
  .lib-side-column-container .container-sided-col .lib-side-column .content {
    align-self: center;
  }
  .lib-side-column-container .container-sided-col .header {
    padding-top: 3.2rem;
    padding-bottom: 1.6rem;
  }
  .lib-side-column-container .container-sided-col .header.empty-header {
    padding-top: 3.2rem;
  }
  .lib-side-column-container .container-sided-col .header .header-title {
    text-align: left;
  }
}
@media only screen and (max-width: 904px) and (min-width: 904px) {
  .lib-side-column-container .container-sided-col .header .header-title {
    font-size: 2rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) and (max-width: 904px) {
  .lib-side-column-container .container-sided-col .header .header-title {
    font-size: 1.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-side-column-container .container-sided-col .header .header-subtitle {
    text-align: left;
  }
  .lib-side-column-container .container-sided-col .header .close-btn {
    display: block;
    margin-left: auto;
  }
  .lib-side-column-container .container-sided-col .header::before {
    content: "";
    position: absolute;
    top: 1.6rem;
    left: 50%;
    transform: translate(-50%, -50%);
    /* bottom-sheet-bar */
    width: 25%;
    max-width: 8.8rem;
    height: 0.4rem;
    border-radius: 10rem;
    background-color: var(--halo-neutral-border-medium);
    z-index: 1;
  }
}

/* Component tokens */
.lib-sidepanel-overlay {
  height: 100%;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
@media only screen and (max-width: 599px) {
  .lib-sidepanel-overlay {
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 40px);
    width: 100%;
    align-self: flex-end;
    justify-content: flex-end;
  }
}

.lib-sidepanel-container {
  display: flex;
  flex-direction: column;
  width: 0;
  height: 100%;
  padding-top: 2.2rem;
  padding-left: 0;
  padding-bottom: 3.2rem;
  padding-right: 0;
  background-color: var(--halo-neutral-background-strong);
}
.lib-sidepanel-container.panel-size-xl {
  max-width: 100%;
  width: 33vw;
  min-width: 60rem;
}
.lib-sidepanel-container.panel-size-l {
  max-width: 100%;
  width: 25vw;
  min-width: 48rem;
}
.lib-sidepanel-container .panel-header {
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin: 0 0;
  padding-left: 3.2rem;
  padding-right: 3.2rem;
  min-height: 4.8rem;
  justify-content: flex-end;
}
.lib-sidepanel-container .panel-header .sidepanel-title {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 3rem;
  flex-grow: 1;
}
.lib-sidepanel-container .panel-header .close-btn {
  flex-shrink: 0;
  margin-right: 0.5rem;
  margin-left: auto;
}
.lib-sidepanel-container .panel-content {
  flex-grow: 1;
  padding-top: 3.2rem;
  position: relative;
  overflow-y: auto;
  padding-right: 3.2rem;
  padding-left: 3.2rem;
  padding-bottom: 0;
}
.lib-sidepanel-container .swipe-header {
  display: none;
}
@media only screen and (max-width: 599px) {
  .lib-sidepanel-container {
    padding-top: 0;
    padding-left: 1.6rem;
    padding-right: 0;
    padding-bottom: 1.6rem;
    border-radius: 3.2rem 3.2rem 0 0;
  }
  .lib-sidepanel-container.panel-size-xl, .lib-sidepanel-container.panel-size-l {
    width: 100%;
    max-width: 100%;
    min-width: auto;
  }
  .lib-sidepanel-container .swipe-header {
    display: flex;
    justify-content: center;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }
  .lib-sidepanel-container .swipe-bar {
    display: block;
    justify-self: center;
    content: "";
    height: 4px;
    width: 25%;
    max-width: 8.8rem;
    border-radius: 10rem;
    background-color: var(--halo-neutral-border-strong);
  }
  .lib-sidepanel-container .panel-header {
    padding-top: 0;
    padding-right: calc(1.6rem - 10px);
    padding-left: 1.6rem;
  }
  .lib-sidepanel-container .panel-content {
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    padding-bottom: 0;
  }
}
.lib-sidepanel-container .sidepanel-title {
  color: var(--halo-brand-content);
}

/**Mixin principale de stylisation du stepper tunnel */
.lib-stepper {
  display: block;
  padding: 3.2rem 0 4.8rem 0;
  width: 100%;
}
@media only screen and (max-width: 599px) {
  .lib-stepper {
    padding: 0;
    padding-top: 1.6rem;
  }
}
@media only screen and (min-width: 599px) {
  .lib-stepper .stepper-outer-container {
    display: grid;
    grid-template-columns: 1fr 10fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0;
    grid-row-gap: 0;
    padding-top: 3.2rem;
  }
}
.lib-stepper .stepper-container {
  padding-top: 3.2rem;
}
.lib-stepper .stepper-content {
  grid-area: 1/2/2/3;
  outline: none;
}
.lib-stepper .stepper-content .step-container {
  display: block;
  outline: none;
}
@media only screen and (max-width: 599px) {
  .lib-stepper .stepper-content {
    max-width: 100%;
    padding: 1.6rem 1.6rem 1.6rem 1.6rem;
  }
}
.lib-stepper .step-container.bg-with-card {
  display: block;
  background: var(--halo-neutral-background-strong);
  border-radius: 8px;
  padding: 4rem;
}
@media only screen and (max-width: 599px) {
  .lib-stepper .step-container.bg-with-card.bg-with-card {
    padding: 1.6rem;
  }
}
.lib-stepper .lib-stepper-actions {
  margin-top: 1.6rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 1.6rem;
  flex-wrap: wrap;
}
.lib-stepper .lib-stepper-actions button:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 599px) {
  .lib-stepper .lib-stepper-actions {
    flex-direction: column;
    padding: 0;
  }
  .lib-stepper .lib-stepper-actions > button {
    width: 100%;
  }
}

.lib-stepper-header {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
.lib-stepper-header .steps-title {
  text-align: center;
  margin: 0;
  line-height: 22.5px;
  margin-bottom: 2.4rem;
}
@media only screen and (max-width: 599px) {
  .lib-stepper-header .steps-title {
    margin-bottom: 1.6rem;
  }
}
.lib-stepper-header .header-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.lib-stepper-header .header-row .action-col-retour,
.lib-stepper-header .header-row .action-col-abandonner {
  flex: 1 1 0;
}
.lib-stepper-header .header-row .action-col-abandonner {
  display: flex;
  justify-content: flex-end;
}
.lib-stepper-header .header-row .stepper-nav {
  padding-top: 0.8rem;
  flex-grow: 1;
}
.lib-stepper-header .header-row.overflowed {
  margin-top: 0;
}
.lib-stepper-header .steps {
  display: flex;
  list-style-type: none;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  counter-reset: step;
}
.lib-stepper-header .steps li::before {
  content: counter(step) " "/"";
  counter-increment: step;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  height: 3.2rem;
  width: 3.2rem;
  color: var(--halo-neutral-content-medium);
  border: 1px solid var(--halo-neutral-border-strong);
  /* Assure que le texte est centré verticalement */
  line-height: 3.2rem !important;
  background: var(--halo-neutral-background-strong);
}
@media only screen and (min-width: 904px) {
  .lib-stepper-header .steps li::before {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-stepper-header .steps li::before {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-stepper-header .steps li.active::before,
.lib-stepper-header .steps li.valide::before {
  background-color: var(--halo-action-primary-background-default);
  color: var(--halo-action-primary-content-default);
  border: 1px solid var(--halo-action-primary-background-default);
  /* retarder le changement de couleur de fond de 1 seconde */
  transition: background-color, color, border-color;
  transition-delay: 300ms;
}
.lib-stepper-header .steps .step {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  text-align: center;
  outline: none;
}
.lib-stepper-header .steps .step .step-label {
  color: var(--halo-neutral-content-medium);
  text-align: center;
  margin-top: 0.4rem;
  padding: 0.8rem 0.4rem;
}
@media only screen and (min-width: 904px) {
  .lib-stepper-header .steps .step .step-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-stepper-header .steps .step .step-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-stepper-header .steps .step.active .step-label {
  color: var(--halo-neutral-content-strong);
}
@media only screen and (min-width: 904px) {
  .lib-stepper-header .steps .step.active .step-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-stepper-header .steps .step.active .step-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.lib-stepper-header .steps .step.valide .step-label {
  cursor: pointer;
  color: var(--halo-neutral-content-medium);
}
.lib-stepper-header .steps .step.valide .step-label:hover {
  text-decoration: underline;
}
.lib-stepper-header .steps .step:focus-visible .step-label {
  color: var(--halo-neutral-content-medium);
  text-decoration: underline;
  outline: var(--halo-global-border-focus) 0.2rem solid;
  border-radius: 0.4rem;
}
.lib-stepper-header .steps .step {
  position: relative;
}
.lib-stepper-header .steps .step:not(:last-child)::after {
  content: "";
  height: 0.2rem;
  background-color: var(--halo-neutral-border-strong);
  border-radius: 0.2rem;
  order: -1;
  position: absolute;
  top: 1.5rem;
  left: calc(50% + 1.6rem + 0.8rem);
  width: calc(100% - 3.2rem - 1.6rem);
  z-index: auto;
}
@keyframes filling {
  0% {
    background-position: right center;
  }
  100% {
    background-position: left center;
  }
}
.lib-stepper-header .steps .step:not(:last-child):after {
  background: linear-gradient(to right, var(--halo-action-primary-background-default) 50%, var(--halo-neutral-border-strong) 50%);
  background-size: 201% 100%;
  background-position: right center;
}
.lib-stepper-header .steps .step:not(:last-child).valide:after {
  background-position: left center;
  /* animation de remplissage complet */
  animation: filling 300ms ease-out forwards;
}
.lib-stepper-header .stepper-progress-bar {
  display: block;
  width: 100%;
}
.lib-stepper-header .stepshidden {
  height: 1px;
  overflow: hidden;
}

.stepper-nav-mobile {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.stepper-nav-mobile .action-col {
  flex: 1 1 0;
  padding: 0 4px;
}
.stepper-nav-mobile .action-col .lib-button {
  height: 4rem;
}
.stepper-nav-mobile .action-col-abandonner {
  display: flex;
  justify-content: flex-end;
}
.stepper-nav-mobile .stepper-nav-infos {
  text-align: center;
  display: flex;
  gap: 0.4rem;
  flex-direction: column;
}
.stepper-nav-mobile .mobile-current-step {
  color: var(--halo-neutral-content-medium);
}
.stepper-nav-mobile .mobile-step-label {
  color: var(--halo-neutral-content-strong);
  margin-top: 0.4rem;
}

.progression-bar {
  height: 4px;
  border-radius: 0;
  margin-top: 1.6rem;
}
.progression-bar .progression {
  border-radius: 0 8px 8px 0;
}

.lib-table-container {
  display: block;
  background-color: var(--halo-neutral-background-strong);
}
.lib-table-container.table-sticky-header {
  overflow: visible;
}
.lib-table-container.table-sticky-header mat-header-row,
.lib-table-container.table-sticky-header tr.mat-mdc-header-row {
  position: sticky;
  top: 0;
}
.lib-table-container .input-filter {
  width: 100%;
}
.lib-table-container .table-container-header {
  border-bottom: 1px solid var(--halo-neutral-border-medium);
  flex-shrink: 0;
}
.lib-table-container .table-container-header.lib-size-md, .lib-table-container .table-container-header.lib-size-sm {
  height: auto;
}

.lib-table-footer {
  display: flex;
  padding: 1.6rem 2.4rem;
  justify-content: space-between;
  background-color: inherit;
  border-top: 1px solid var(--halo-neutral-border-medium);
}
.lib-table-footer > *:not(:last-child) {
  margin-right: 1.6rem 2.4rem;
}
.lib-table-footer .lib-table-footer-actions {
  display: flex;
  flex: 1;
}
.lib-table-footer .lib-table-footer-actions > *:not(:last-child) {
  margin-right: 1.6rem 2.4rem;
}
.lib-table-footer .lib-paginator {
  flex: 2;
}
@media only screen and (max-width: 1239px) {
  .lib-table-footer {
    flex-direction: column;
    padding: 0;
  }
  .lib-table-footer > *:not(:last-child) {
    margin-right: 0;
    margin-bottom: 1.6rem 2.4rem;
  }
  .lib-table-footer .lib-table-footer-actions {
    padding: 0.8rem 1.6rem;
  }
}

.lib-search-panel {
  display: flex;
  flex-direction: column;
  color: var(--halo-neutral-content-strong);
  background: transparent;
  padding: 2.4rem 0;
  border-radius: 0.8rem 0.8rem 0 0;
  gap: 2.4rem;
}
.lib-search-panel .search-panel-title {
  display: flex;
  flex-direction: row;
}
.lib-search-panel .search-panel-title > *:not(:last-child) {
  padding-right: 2.4rem;
}
.lib-search-panel .search-panel-content {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.6rem 2.4rem;
}
.lib-search-panel .search-panel-content .search-panel-filter-fields {
  display: flex;
  justify-content: flex-start;
  width: 32.8rem;
}
.lib-search-panel .search-panel-content .search-panel-filter-fields > *:not(:last-child) {
  margin-right: 2.4rem;
}
.lib-search-panel .search-panel-content .search-panel-actions {
  display: flex;
  gap: 1.6rem;
}
.lib-search-panel .search-panel-selected-filters .mat-mdc-chip-listbox-wrapper > .mat-mdc-chip {
  margin: 0;
}
.lib-search-panel .search-panel-selected-filters .mat-mdc-chip-listbox-wrapper > .mat-mdc-chip:not(:last-child) {
  margin-right: 1.6rem;
}
@media only screen and (max-width: 1239px) {
  .lib-search-panel .search-panel-content {
    flex-direction: column;
    align-items: stretch;
    gap: 1.6rem;
  }
  .lib-search-panel .search-panel-content .search-panel-filter-fields {
    flex-direction: column;
    width: 100%;
  }
  .lib-search-panel .search-panel-content .search-panel-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 0.8rem;
  }
  .lib-search-panel .search-panel-content .search-panel-actions > *:not(:last-child) {
    margin: 0;
  }
  .lib-search-panel .search-panel-content .search-panel-actions .lib-button-filter {
    flex-grow: 1;
  }
  .lib-search-panel .search-panel-content .search-panel-actions .lib-button-filter button {
    width: 100%;
  }
}

.lib-table-header {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0.8rem 2.4rem;
  color: var(--halo-neutral-content-strong);
  background: var(--halo-neutral-background-strong);
  row-gap: 0.8rem;
  min-height: 6.4rem;
}
.lib-table-header .table-header-title {
  color: var(--halo-brand-content);
  padding: 0 2.4rem 0 0;
  flex-shrink: 0;
}
@media only screen and (min-width: 904px) {
  .lib-table-header .table-header-title {
    font-size: 2rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-table-header .table-header-title {
    font-size: 1.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
.lib-table-header.table-row-selected {
  background: var(--halo-selection-secondary-background-selected);
  color: var(--halo-selection-secondary-content-default);
}
.lib-table-header .table-header-title-items-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.lib-table-header .table-header-title-items-container .table-header-items {
  display: flex;
  flex-wrap: wrap;
}
.lib-table-header .table-header-title-items-container .table-header-items .table-header-item {
  border-left: 1px solid var(--halo-neutral-border-strong);
  padding: 0 2.4rem;
}
.lib-table-header .table-header-actions,
.lib-table-header .table-header-selection {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.8rem;
}
.lib-table-header .table-header-actions .table-selection-message,
.lib-table-header .table-header-selection .table-selection-message {
  margin-right: 1.6rem;
}
.lib-table-header.lib-size-md, .lib-table-header.lib-size-sm {
  flex-direction: column;
  height: auto;
}
.lib-table-header.lib-size-md .table-header-title-items-container, .lib-table-header.lib-size-sm .table-header-title-items-container {
  flex-direction: column;
  align-items: start;
  gap: 0.8rem;
}
.lib-table-header.lib-size-md .table-header-title-items-container > *, .lib-table-header.lib-size-sm .table-header-title-items-container > * {
  border: none;
}
.lib-table-header.lib-size-md .table-header-actions,
.lib-table-header.lib-size-md .table-header-selection, .lib-table-header.lib-size-sm .table-header-actions,
.lib-table-header.lib-size-sm .table-header-selection {
  justify-content: flex-end;
}
.lib-table-header.lib-size-md {
  padding: 1.6rem 2.4rem;
  gap: 2.4rem;
}
.lib-table-header.lib-size-md .table-header-title-items-container .table-header-items .table-header-item:first-child {
  padding-left: 0;
  border: none;
}
.lib-table-header.lib-size-sm {
  padding: 1.6rem 1.6rem;
  gap: 1.6rem;
}
.lib-table-header.lib-size-sm .table-header-title-items-container .table-header-items {
  gap: 0.8rem 1.6rem;
  flex-wrap: wrap;
}
.lib-table-header.lib-size-sm .table-header-title-items-container .table-header-items > .table-header-item {
  padding: 0;
  border: none;
}
.lib-table-header.lib-size-sm .table-header-actions,
.lib-table-header.lib-size-sm .table-header-selection {
  flex-wrap: wrap;
  row-gap: 0.8rem;
}

.lib-filter-panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.lib-filter-panel .filter-panel-content {
  display: flex;
  flex-direction: column;
}
.lib-filter-panel .filter-panel-content .input-filter {
  display: flex;
  flex-direction: column;
  padding-bottom: 1.6rem;
}
.lib-filter-panel .filter-panel-actions {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.lib-filter-panel .filter-panel-actions > * {
  margin: 0.8rem 0;
}

.lib-table-container .mat-mdc-table {
  --mat-table-background-color: var(--halo-neutral-background-strong);
  --mat-table-header-headline-color: var(--halo-selection-primary-content-default);
  --mat-table-row-item-label-text-color: var(--halo-neutral-content-strong);
  --mat-table-row-item-outline-color: var(--halo-neutral-border-medium);
  --mat-sort-arrow-color: var(--halo-selection-primary-content-default);
  --mat-table-row-item-outline-width: 1px;
  --mat-table-row-item-container-height: 5.6rem;
  width: 100%;
  padding: 0;
}
.lib-table-container .mat-mdc-table .mat-mdc-table-sticky {
  opacity: 1 !important;
  transform: none !important;
  background-color: var(--halo-neutral-background-strong);
}
.lib-table-container .mat-mdc-table .mat-sort-header {
  color: var(--halo-selection-primary-content-default);
}
.lib-table-container .mat-mdc-table .mat-sort-header .mat-sort-header-arrow {
  display: none;
}
.lib-table-container .mat-mdc-table .mat-sort-header .mat-sort-header-container::after {
  cursor: pointer;
  font-family: laposte, sans-serif;
  content: "\e905";
  color: var(--halo-selection-primary-content-default);
  margin-left: 4px;
}
.lib-table-container .mat-mdc-table .mat-sort-header[aria-sort=ascending] .mat-sort-header-container::after {
  font-family: laposte, sans-serif;
  content: "\e93c";
  color: var(--halo-selection-primary-content-default);
}
.lib-table-container .mat-mdc-table .mat-sort-header[aria-sort=descending] .mat-sort-header-container::after {
  font-family: laposte, sans-serif;
  content: "\e931";
  color: var(--halo-selection-primary-content-default);
}
.lib-table-container .mat-mdc-table .mat-sort-header[mat-sort-header].cdk-keyboard-focused .mat-sort-header-container, .lib-table-container .mat-mdc-table .mat-sort-header[mat-sort-header].cdk-program-focused .mat-sort-header-container {
  border: none;
}
.lib-table-container .mat-mdc-table .mat-sort-header[mat-sort-header].cdk-keyboard-focused .mat-sort-header-container, .lib-table-container .mat-mdc-table .mat-sort-header[mat-sort-header].cdk-program-focused .mat-sort-header-container {
  position: relative;
}
.lib-table-container .mat-mdc-table .mat-sort-header[mat-sort-header].cdk-keyboard-focused .mat-sort-header-container:focus-visible, .lib-table-container .mat-mdc-table .mat-sort-header[mat-sort-header].cdk-keyboard-focused .mat-sort-header-container:focus-within, .lib-table-container .mat-mdc-table .mat-sort-header[mat-sort-header].cdk-program-focused .mat-sort-header-container:focus-visible, .lib-table-container .mat-mdc-table .mat-sort-header[mat-sort-header].cdk-program-focused .mat-sort-header-container:focus-within {
  text-decoration: none;
  outline-offset: 2px;
  outline: 2px solid var(--halo-edition-border-interacting);
  border-color: var(--halo-edition-border-interacting);
}
.lib-table-container .mat-mdc-table .mat-sort-header .mat-sort-header-container {
  border-radius: 0.4rem;
  padding: 0.4rem 0.8rem;
}
.lib-table-container .mat-mdc-table .mat-sort-header .mat-sort-header-container .mat-sort-header-content {
  text-align: inherit;
}
.lib-table-container .mat-mdc-table .mat-mdc-row:hover {
  background-color: var(--halo-selection-secondary-background-interacting);
}
.lib-table-container .mat-mdc-table .selected-row,
.lib-table-container .mat-mdc-table .lib-selectable-row.selected-row {
  background-color: var(--halo-selection-secondary-background-selected);
  color: var(--halo-selection-secondary-content-selected);
}
.lib-table-container .mat-mdc-table.mat-table-clickable .mat-mdc-row:hover {
  cursor: pointer;
  background-color: var(--halo-selection-secondary-background-interacting);
}
.lib-table-container .mat-mdc-table.mat-table-clickable .row-is-clicked {
  cursor: pointer;
  background-color: var(--halo-selection-secondary-background-selected);
  color: var(--halo-selection-secondary-content-selected);
}
.lib-table-container .mat-mdc-table .mat-mdc-table thead,
.lib-table-container .mat-mdc-table .mat-mdc-table tbody,
.lib-table-container .mat-mdc-table .mat-mdc-table tfoot,
.lib-table-container .mat-mdc-table mat-header-row,
.lib-table-container .mat-mdc-table mat-row,
.lib-table-container .mat-mdc-table mat-footer-row,
.lib-table-container .mat-mdc-table tr.mat-mdc-row,
.lib-table-container .mat-mdc-table tr.mat-mdc-header-row,
.lib-table-container .mat-mdc-table tr.mat-mdc-footer-row,
.lib-table-container .mat-mdc-table [mat-header-row],
.lib-table-container .mat-mdc-table [mat-row],
.lib-table-container .mat-mdc-table [mat-footer-row],
.lib-table-container .mat-mdc-table .mat-mdc-table-sticky {
  background: inherit;
}
.lib-table-container .mat-mdc-table mat-row,
.lib-table-container .mat-mdc-table mat-header-row,
.lib-table-container .mat-mdc-table mat-footer-row,
.lib-table-container .mat-mdc-table tr.mat-mdc-row,
.lib-table-container .mat-mdc-table tr.mat-mdc-header-row,
.lib-table-container .mat-mdc-table tr.mat-mdc-footer-row {
  display: flex;
  min-width: 130px;
  background: var(--halo-neutral-background-strong);
  color: var(--halo-neutral-content-strong);
  height: auto;
}
.lib-table-container .mat-mdc-table mat-row p,
.lib-table-container .mat-mdc-table mat-header-row p,
.lib-table-container .mat-mdc-table mat-footer-row p,
.lib-table-container .mat-mdc-table tr.mat-mdc-row p,
.lib-table-container .mat-mdc-table tr.mat-mdc-header-row p,
.lib-table-container .mat-mdc-table tr.mat-mdc-footer-row p {
  margin-bottom: 0;
}
.lib-table-container .mat-mdc-table mat-row,
.lib-table-container .mat-mdc-table tr.mat-mdc-row {
  min-height: 5.6rem;
  padding: 0.4rem 2.4rem;
  border-bottom: 1px solid var(--halo-neutral-border-medium);
}
@media only screen and (min-width: 904px) {
  .lib-table-container .mat-mdc-table mat-row,
  .lib-table-container .mat-mdc-table tr.mat-mdc-row {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-table-container .mat-mdc-table mat-row,
  .lib-table-container .mat-mdc-table tr.mat-mdc-row {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-table-container .mat-mdc-table mat-row:last-child,
.lib-table-container .mat-mdc-table tr.mat-mdc-row:last-child {
  border-style: none;
}
.lib-table-container .mat-mdc-table mat-header-row,
.lib-table-container .mat-mdc-table tr.mat-mdc-header-row {
  min-height: 4.8rem;
  padding: 0.4rem 2.4rem;
  color: var(--halo-selection-secondary-content-selected);
  border-bottom: 1px solid var(--halo-neutral-border-medium);
}
@media only screen and (min-width: 904px) {
  .lib-table-container .mat-mdc-table mat-header-row,
  .lib-table-container .mat-mdc-table tr.mat-mdc-header-row {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-table-container .mat-mdc-table mat-header-row,
  .lib-table-container .mat-mdc-table tr.mat-mdc-header-row {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.lib-table-container .mat-mdc-table mat-footer-row,
.lib-table-container .mat-mdc-table tr.mat-mdc-footer-row {
  min-height: 4.8rem;
  padding: 0.4rem 2.4rem;
  color: var(--halo-neutral-content-strong);
}
@media only screen and (min-width: 904px) {
  .lib-table-container .mat-mdc-table mat-footer-row,
  .lib-table-container .mat-mdc-table tr.mat-mdc-footer-row {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-table-container .mat-mdc-table mat-footer-row,
  .lib-table-container .mat-mdc-table tr.mat-mdc-footer-row {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-table-container .mat-mdc-table mat-cell,
.lib-table-container .mat-mdc-table mat-header-cell,
.lib-table-container .mat-mdc-table mat-footer-cell,
.lib-table-container .mat-mdc-table td.mat-mdc-cell,
.lib-table-container .mat-mdc-table th.mat-mdc-header-cell,
.lib-table-container .mat-mdc-table td.mat-mdc-footer-cell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
  border-style: none;
  padding: 0 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lib-table-container .mat-mdc-table mat-cell.table--align-center,
.lib-table-container .mat-mdc-table mat-header-cell.table--align-center,
.lib-table-container .mat-mdc-table mat-footer-cell.table--align-center,
.lib-table-container .mat-mdc-table td.mat-mdc-cell.table--align-center,
.lib-table-container .mat-mdc-table th.mat-mdc-header-cell.table--align-center,
.lib-table-container .mat-mdc-table td.mat-mdc-footer-cell.table--align-center {
  justify-content: center;
}
.lib-table-container .mat-mdc-table mat-cell.table--align-right,
.lib-table-container .mat-mdc-table mat-header-cell.table--align-right,
.lib-table-container .mat-mdc-table mat-footer-cell.table--align-right,
.lib-table-container .mat-mdc-table td.mat-mdc-cell.table--align-right,
.lib-table-container .mat-mdc-table th.mat-mdc-header-cell.table--align-right,
.lib-table-container .mat-mdc-table td.mat-mdc-footer-cell.table--align-right {
  justify-content: right;
}
.lib-table-container .mat-mdc-table mat-cell.table--align-left,
.lib-table-container .mat-mdc-table mat-header-cell.table--align-left,
.lib-table-container .mat-mdc-table mat-footer-cell.table--align-left,
.lib-table-container .mat-mdc-table td.mat-mdc-cell.table--align-left,
.lib-table-container .mat-mdc-table th.mat-mdc-header-cell.table--align-left,
.lib-table-container .mat-mdc-table td.mat-mdc-footer-cell.table--align-left {
  justify-content: left;
}
.lib-table-container .mat-mdc-table mat-cell.mat-column-select,
.lib-table-container .mat-mdc-table mat-header-cell.mat-column-select,
.lib-table-container .mat-mdc-table mat-footer-cell.mat-column-select,
.lib-table-container .mat-mdc-table td.mat-mdc-cell.mat-column-select,
.lib-table-container .mat-mdc-table th.mat-mdc-header-cell.mat-column-select,
.lib-table-container .mat-mdc-table td.mat-mdc-footer-cell.mat-column-select {
  flex-grow: 0;
  overflow: visible;
  margin-right: 1.4rem;
}
.lib-table-container .mat-mdc-table mat-cell .mat-column-actions,
.lib-table-container .mat-mdc-table mat-header-cell .mat-column-actions,
.lib-table-container .mat-mdc-table mat-footer-cell .mat-column-actions,
.lib-table-container .mat-mdc-table td.mat-mdc-cell .mat-column-actions,
.lib-table-container .mat-mdc-table th.mat-mdc-header-cell .mat-column-actions,
.lib-table-container .mat-mdc-table td.mat-mdc-footer-cell .mat-column-actions {
  flex-grow: 0;
  overflow: visible;
  padding: 0;
  margin-left: 1.6rem;
}

.lib-expansion-table-panel {
  background-color: var(--halo-neutral-background-strong);
}
.lib-expansion-table-panel .lib-toggleable-panel .lib-toggleable-panel-content {
  padding: 0;
}
.lib-expansion-table-panel.lib-expansion-table-panel-row-selected .lib-toggleable-panel-header {
  background: var(--halo-selection-secondary-background-selected);
  color: var(--halo-selection-secondary-content-default);
}
.lib-expansion-table-panel.lib-expansion-table-panel-row-selected .lib-toggleable-panel-header .lib-table-header {
  background: var(--halo-selection-secondary-background-selected);
  color: var(--halo-selection-secondary-content-default);
}
.lib-expansion-table-panel .lib-table-header {
  width: 100%;
}
.lib-expansion-table-panel .lib-toggleable-panel .lib-toggleable-panel-header {
  padding: 0 !important;
  position: relative;
  border-bottom: 1px solid var(--halo-neutral-border-medium);
}
.lib-expansion-table-panel .lib-toggleable-panel .lib-toggleable-panel-header .lib-toggleable-panel-icons {
  position: relative;
  padding-top: 0;
  align-self: center;
  padding-right: 2.4rem;
}
@media only screen and (max-width: 904px) {
  .lib-expansion-table-panel .lib-toggleable-panel .lib-toggleable-panel-header .lib-toggleable-panel-icons {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 0.8rem;
    padding-right: 2.3rem;
  }
}
@media only screen and (max-width: 1239px) {
  .lib-expansion-table-panel .lib-toggleable-panel .lib-toggleable-panel-header .lib-toggleable-panel-icons {
    padding-right: 1.5rem;
  }
}

.lib-button-filter {
  display: flex;
  align-items: center;
}
.lib-button-filter .filter-count-label {
  display: none;
}
@media only screen and (max-width: 1239px) {
  .lib-button-filter .filter-count-label {
    display: initial;
  }
}

@media only screen and (max-width: 1239px) {
  .lib-table-container.lib-table-responsive .cdk-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0.8rem;
    row-gap: 0rem;
    column-gap: 0rem;
    min-height: 44px;
  }
  .lib-table-container.lib-table-responsive .cdk-cell {
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    line-height: normal;
    margin-bottom: 0.8rem;
    margin-top: 0.8rem;
  }
  .lib-table-container.lib-table-responsive .cdk-cell[data-label]:before {
    content: attr(data-label);
    color: var(--halo-neutral-content-medium);
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 4px;
  }
  .lib-table-container.lib-table-responsive .cdk-cell.cdk-column-select {
    display: flex;
    flex-direction: column;
    align-self: center;
    justify-content: center;
    flex-basis: content;
    flex-grow: 0;
    padding: 0;
    padding-left: 0.8rem;
    order: -3;
    margin-bottom: 0;
    margin-right: 0;
  }
  .lib-table-container.lib-table-responsive .cdk-cell:not(.cdk-column-select):nth-child(1),
  .lib-table-container.lib-table-responsive .cdk-cell.cdk-column-select:nth-child(1) + .cdk-cell {
    font-weight: 600;
    align-self: center;
    justify-content: center;
    flex-basis: 55%;
    flex-grow: 1;
    padding: 0 0.8rem;
    margin-bottom: 0;
    min-height: 56px;
    order: -2;
  }
  .lib-table-container.lib-table-responsive .cdk-cell:not(.cdk-column-select):nth-child(1):before,
  .lib-table-container.lib-table-responsive .cdk-cell.cdk-column-select:nth-child(1) + .cdk-cell:before {
    content: "";
    display: none;
  }
  .lib-table-container.lib-table-responsive .cdk-cell.cdk-column-actions,
  .lib-table-container.lib-table-responsive .cdk-cell[data-actions] {
    order: -1;
    flex-basis: auto;
    flex-shrink: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 0;
  }
  .lib-table-container.lib-table-responsive .cdk-header-row {
    display: flex;
    padding: 0.8rem 1.6rem;
    height: 6rem;
    align-items: center;
  }
  .lib-table-container.lib-table-responsive .cdk-header-row .cdk-header-cell.cdk-column-select {
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    margin: 0;
  }
  .lib-table-container.lib-table-responsive .cdk-header-row .cdk-header-cell:not(.cdk-column-select) {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  .lib-table-container.lib-table-responsive .cdk-header-row .cdk-header-cell:not(.cdk-column-select):first-of-type,
  .lib-table-container.lib-table-responsive .cdk-header-row .cdk-header-cell.cdk-column-select:first-of-type + .cdk-header-cell {
    display: flex;
    flex-grow: 1;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    margin-left: 1rem;
    clip: auto;
    border: none;
    position: relative;
  }
  .lib-table-container.lib-table-responsive .cdk-header-row .cdk-header-cell:not(.cdk-column-select):first-of-type .mat-sort-header-container,
  .lib-table-container.lib-table-responsive .cdk-header-row .cdk-header-cell.cdk-column-select:first-of-type + .cdk-header-cell .mat-sort-header-container {
    flex: 1;
    display: flex;
  }
}
.lib-toggleable-panel {
  border: 1px solid var(--halo-neutral-background-strong);
  background: var(--halo-neutral-background-strong);
  border-radius: 0.8rem;
}
.lib-toggleable-panel .lib-toggleable-panel-header {
  display: flex;
  align-items: center;
  border: 0 none;
  padding: 0.8rem 2.4rem;
  background: transparent;
  color: var(--transverse-neutral-tones-black);
}
@media only screen and (min-width: 904px) {
  .lib-toggleable-panel .lib-toggleable-panel-header .lib-toggleable-panel-title {
    font-size: 1.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-toggleable-panel .lib-toggleable-panel-header .lib-toggleable-panel-title {
    font-size: 1.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
.lib-toggleable-panel.lib-toggleable-panel-toggleable .lib-toggleable-panel-header {
  padding: 0.8rem 2.4rem;
}
.lib-toggleable-panel.lib-toggleable-panel-toggleable.lib-toggleable-panel-expanded > .lib-toggleable-content:not(.ng-animating) {
  overflow: auto;
}
.lib-toggleable-panel.lib-toggleable-panel-toggleable .lib-toggleable-content {
  overflow: hidden;
}
.lib-toggleable-panel .lib-toggleable-panel-content {
  padding: 1.25rem;
  border: 0 none;
  background: transparent;
  color: var(--transverse-neutral-tones-black);
  border-top: 0 none;
}
.lib-toggleable-panel .lib-toggleable-panel-footer {
  padding: 0.75rem 1.25rem;
  border: 0 none;
  background: transparent;
  color: var(--transverse-neutral-tones-black);
  border-top: 0 none;
}
.lib-toggleable-panel .lib-toggleable-panel-icons-end {
  order: 2;
  margin-left: auto;
}
.lib-toggleable-panel .lib-toggleable-panel-icons-start {
  order: 0;
  margin-right: 0.5rem;
}
.lib-toggleable-panel .lib-toggleable-panel-icons-center {
  order: 2;
  width: 100%;
  text-align: center;
}

.lib-user-name {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lib-user-name .lib-button.username-action {
  color: var(--halo-selection-secondary-content-default);
  background: var(--halo-selection-secondary-background-default);
  justify-content: flex-start;
  width: 100%;
}
.lib-user-name .lib-button.username-action:hover:not([disabled]) {
  background: var(--halo-selection-secondary-background-interacting);
  color: var(--halo-selection-secondary-content-interacting);
}
.lib-user-name .lib-button.username-action:active, .lib-user-name .lib-button.username-action[aria-expanded=true] {
  background-color: var(--halo-selection-secondary-background-selected) !important;
  color: var(--halo-selection-secondary-content-selected) !important;
}
.lib-user-name .lib-button.username-action:active .user-label.user-name, .lib-user-name .lib-button.username-action[aria-expanded=true] .user-label.user-name {
  color: var(--halo-selection-secondary-content-selected);
  font-weight: inherit;
}
.lib-user-name .lib-button.username-action .lib-button-wrapper {
  padding: 0.4rem 1.6rem !important;
}
.lib-user-name .lib-button.username-action .lib-icon {
  color: var(--halo-additional-content-color1);
  background-color: var(--halo-additional-background-color1);
  border-radius: 50%;
  padding: 0.4rem;
}
.lib-user-name .lib-button.username-action .user-label {
  margin-left: 0.8rem;
}
.lib-user-name .lib-button.username-action:not(:active):not([aria-expanded=true]) .user-label.user-name {
  color: var(--halo-selection-secondary-content-default);
  font-weight: 400;
}
@media only screen and (min-width: 904px) {
  .lib-user-name .lib-button.username-action:not(:active):not([aria-expanded=true]) .user-label.user-name {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-user-name .lib-button.username-action:not(:active):not([aria-expanded=true]) .user-label.user-name {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-user-name .lib-button.username-action.withdropdown {
  color: var(--halo-selection-secondary-content-default) !important;
}
.lib-user-name .lib-button {
  border-radius: initial;
  margin: 0.4rem 0.8rem;
}
.lib-user-name .lib-button .lib-button-wrapper {
  padding: 2rem 1.6rem;
}
.lib-user-name .user-initial {
  border-radius: 50%;
  color: var(--halo-additional-content-color1);
  background-color: var(--halo-additional-background-color1);
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lib-user-name.user-with-menu-list {
  margin: 0rem;
}
.lib-user-name.user-with-menu-list .collapsible-menu {
  display: block;
  overflow: hidden;
  width: 100%;
}
.lib-user-name.user-with-menu-list .collapsible-menu .collapsible-header {
  width: 100%;
  display: flex;
  margin: 0;
  overflow: hidden;
  justify-content: flex-start;
}
.lib-user-name.user-with-menu-list .collapsible-menu .collapsible-header .lib-button {
  border-radius: 0;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 2rem 1.6rem;
}
.lib-user-name.user-with-menu-list .collapsible-menu .collapsible-header .lib-button .lib-button-wrapper {
  padding: 0;
}
.lib-user-name.user-with-menu-list .collapsible-menu .collapsible-header .lib-button .button-label {
  margin-left: 0.8rem;
}
.lib-user-name.user-with-menu-list .collapsible-menu .collapsible-header .lib-button:after {
  transition: transform 0.3s ease;
  /* Animation de la transformation */
  content: "\e931";
  font-family: laposte, sans-serif;
  font-size: 2.4rem;
  font-weight: normal;
  position: absolute;
  right: 2.4rem;
  border: 0;
}

.lib-user-menu-header-template {
  padding: 0.8rem 1.6rem;
  display: flex;
  flex-direction: row;
  text-overflow: ellipsis;
  align-items: center;
  justify-content: flex-start;
}
.lib-user-menu-header-template .user-initial {
  border-radius: 50%;
  color: var(--halo-additional-content-color1);
  background-color: var(--halo-additional-background-color1);
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 904px) {
  .lib-user-menu-header-template .user-initial {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-user-menu-header-template .user-initial {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.lib-user-menu-header-template .user-name {
  margin-left: 8px;
}
@media only screen and (min-width: 904px) {
  .lib-user-menu-header-template .user-name {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-user-menu-header-template .user-name {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}

.lib-accordion .mat-accordion .lib-expansion-panel .mat-expansion-panel {
  border-radius: 0;
}
.lib-accordion .mat-accordion .lib-expansion-panel .mat-expansion-panel.mat-expanded {
  border-radius: var(--mat-expansion-container-shape);
}
.lib-accordion .mat-accordion .lib-expansion-panel:last-of-type .mat-expansion-panel {
  border-bottom-right-radius: var(--mat-expansion-container-shape);
  border-bottom-left-radius: var(--mat-expansion-container-shape);
}
.lib-accordion .mat-accordion .lib-expansion-panel:first-of-type .mat-expansion-panel {
  border-top-right-radius: var(--mat-expansion-container-shape);
  border-top-left-radius: var(--mat-expansion-container-shape);
}

.lib-expansion-panel {
  --mat-expansion-container-background-color: var(--halo-neutral-background-strong);
  --mat-expansion-header-text-color: var(--halo-neutral-content-strong);
  --mat-expansion-header-description-color: var(--halo-neutral-content-strong);
  --mat-expansion-container-shape: 0.8rem;
}
.lib-expansion-panel .mat-expansion-panel.lib-expansion-panel-disabled {
  background: var(--halo-global-all-disabled-soft);
}
.lib-expansion-panel .mat-expansion-panel.lib-expansion-panel-disabled::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.3;
}
.lib-expansion-panel .mat-expansion-panel:hover:not(.lib-expansion-panel-disabled) {
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
  z-index: 10;
}
.lib-expansion-panel .mat-expansion-panel-header {
  min-height: 7.2rem;
  padding: 0 3.2rem;
}
.lib-expansion-panel .mat-expansion-panel-header.mat-expanded {
  border-bottom: 1px solid var(--halo-neutral-border-medium);
  border-radius: 0;
}
.lib-expansion-panel .mat-expansion-panel-header[aria-disabled=true] {
  cursor: auto;
}
.lib-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator {
  position: relative;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 2rem;
}
.lib-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator:after {
  content: "\e93c";
  font-family: laposte, sans-serif;
  border: 0;
  transform: none;
  font-size: 2.4rem;
  padding: 0;
  font-weight: normal;
}
.lib-expansion-panel .mat-expansion-panel-header.cdk-focused:focus-visible .mat-expansion-indicator:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  border: 1px dashed var(--halo-global-border-focus);
}
@media only screen and (max-width: 599px) {
  .lib-expansion-panel .mat-expansion-panel-header {
    padding: 0 1.6rem;
  }
}
.lib-expansion-panel .mat-expansion-panel-body {
  padding: 1.6rem 3.2rem;
}
@media only screen and (max-width: 599px) {
  .lib-expansion-panel .mat-expansion-panel-body {
    padding: 1.6rem;
  }
}

.lib-tooltip {
  display: block;
  border-radius: 0.8rem;
  margin: 5px;
  text-align: center;
}
.lib-tooltip.lib-tooltip-type-text {
  color: var(--halo-neutral-content-accent);
  background-color: var(--halo-neutral-background-accent);
  padding: 0.8rem 1.6rem;
}
@media only screen and (min-width: 904px) {
  .lib-tooltip.lib-tooltip-type-text {
    font-size: 1.2rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-tooltip.lib-tooltip-type-text {
    font-size: 1.2rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
.lib-tooltip.lib-tooltip-type-panel {
  color: var(--halo-neutral-content-strong);
  background-color: var(--halo-neutral-background-strong);
  padding: 1.6rem;
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}
@media only screen and (min-width: 904px) {
  .lib-tooltip.lib-tooltip-type-panel {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-tooltip.lib-tooltip-type-panel {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}

.banner-panel {
  min-height: 56px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.banner-panel.lib-variant-filled:not([disabled]):not([class*=lib-status-]) {
  color: var(--halo-action-primary-content-default);
  background-color: var(--halo-action-primary-background-default);
  border-color: var(--halo-action-primary-border-default);
}
.banner-panel.lib-variant-filled[disabled] {
  color: var(--halo-global-all-disabled-strong);
  background-color: var(--halo-global-all-disabled-soft);
}
.banner-panel.lib-variant-filled.lib-status-info {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-information-accent);
}
.banner-panel.lib-variant-filled.lib-status-info.lib-color-light {
  color: var(--halo-status-content-information);
  background-color: var(--halo-status-background-information);
}
.banner-panel.lib-variant-filled.lib-status-success {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-success-accent);
}
.banner-panel.lib-variant-filled.lib-status-success.lib-color-light {
  color: var(--halo-status-content-success);
  background-color: var(--halo-status-background-success);
}
.banner-panel.lib-variant-filled.lib-status-danger {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-error-accent);
  border-color: var(--halo-action-primary-border-default);
}
.banner-panel.lib-variant-filled.lib-status-danger.lib-color-light {
  color: var(--halo-status-content-error);
  background-color: var(--halo-status-background-error);
}
.banner-panel.lib-variant-filled.lib-status-warning {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-warning-accent);
}
.banner-panel.lib-variant-filled.lib-status-warning.lib-color-light {
  color: var(--halo-status-content-warning);
  background-color: var(--halo-status-background-warning);
}
@media only screen and (max-width: 599px) {
  .banner-panel {
    height: unset;
  }
}
.banner-panel .banner-container {
  display: flex;
  padding: 16px;
  align-items: center;
  gap: 16px;
  flex: 1 0 0;
  align-self: stretch;
}
@media only screen and (min-width: 904px) {
  .banner-panel .banner-container {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .banner-panel .banner-container {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 599px) {
  .banner-panel .banner-container {
    flex-direction: column;
    justify-content: flex-end;
    align-items: self-start;
    gap: unset;
    flex: unset;
    padding: 0;
  }
}
.banner-panel .banner-container .icon-text-container {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
}
@media only screen and (max-width: 599px) {
  .banner-panel .banner-container .icon-text-container {
    padding: 16px;
    align-self: stretch;
  }
}
.banner-panel .banner-container .icon-text-container .text {
  flex: 1 0 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.banner-panel .banner-container .button-container {
  display: flex;
  padding: 0 16px;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  cursor: pointer;
}
@media only screen and (max-width: 599px) {
  .banner-panel .banner-container .button-container {
    justify-content: flex-end;
    padding: 0 16px;
    align-self: stretch;
  }
}
.banner-panel .banner-container .button-container a {
  text-decoration: none;
}

a {
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  color: var(--halo-global-content-link);
}
a:hover {
  color: var(--halo-global-content-link);
}
a:active {
  color: var(--halo-global-content-link);
}
a.lib-link-xs {
  font-size: 1.4rem;
}
a > .mat-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
}
a .mat-icon ~ span {
  margin-left: 4px;
}
a span ~ .mat-icon {
  margin-left: 4px;
}

.lib-footer {
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-between;
  background-color: var(--halo-neutral-background-strong);
  padding: 1rem;
  border-top: 1px solid var(--halo-neutral-border-strong);
}
@media only screen and (min-width: 904px) {
  .lib-footer {
    font-size: 1.2rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-footer {
    font-size: 1.2rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-footer {
    padding: 1.7rem 1rem;
  }
}

.lib-tab-bar {
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: var(--halo-neutral-border-medium);
  --mdc-tab-indicator-active-indicator-color: var(--halo-brand-decoration);
  --mdc-tab-indicator-active-indicator-height: 3px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mat-tab-header-active-label-text-color: var(--halo-selection-secondary-content-selected);
  --mat-tab-header-active-ripple-color: var(--halo-selection-secondary-background-interacting);
  --mat-tab-header-active-hover-label-text-color: var(--halo-selection-secondary-content-interacting);
  --mat-tab-header-active-hover-indicator-color: var(--halo-brand-decoration);
  --mat-tab-header-active-focus-indicator-color: var(--halo-brand-decoration);
  --mat-tab-header-active-focus-label-text-color: var(--halo-selection-secondary-content-interacting);
  --mat-tab-header-inactive-ripple-color: var(--halo-selection-secondary-background-interacting);
  --mat-tab-header-inactive-focus-label-text-color: var(--halo-selection-secondary-content-interacting);
  --mat-tab-header-inactive-hover-label-text-color: var(--halo-selection-secondary-content-interacting);
  --mat-tab-header-inactive-label-text-color: var(--halo-selection-secondary-content-default);
  --mat-tab-header-divider-height: 1px;
}
.lib-tab-bar .mat-mdc-tab-label-container {
  border: none;
  padding: 4px;
}
.lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab {
  min-height: 48px;
  height: auto;
  border-bottom-style: solid;
  border-bottom-width: var(--mat-tab-header-divider-height, 1px);
  border-bottom-color: var(--mat-tab-header-divider-color, var(--mat-sys-surface-variant));
}
.lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab.mdc-tab--active:not(.cdk-keyboard-focused) {
  background-color: var(--halo-selection-secondary-background-selected);
}
.lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab.cdk-keyboard-focused {
  background-color: var(--halo-selection-secondary-background-interacting);
}
.lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab {
  position: relative;
}
.lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab:focus-visible, .lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab:focus-within {
  text-decoration: none;
  outline-offset: 2px;
  outline: 2px solid var(--halo-edition-border-interacting);
  border-color: var(--halo-edition-border-interacting);
}
.lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab:focus-visible, .lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab:focus-within {
  border-radius: 1px;
  z-index: 2;
}
.lib-tab-bar .mat-mdc-tab-group .lib-tab-icon {
  padding: 8px;
}
.lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab-header-pagination {
  border: 1px solid var(--halo-neutral-border-medium);
  background-color: #ffffff;
  border-radius: 8px;
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 50%;
  transform: translateY(-52%);
}
.lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab-header-pagination.mat-mdc-tab-header-pagination-before {
  left: 0;
}
.lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab-header-pagination.mat-mdc-tab-header-pagination-after {
  right: 0;
}
.lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab-header-pagination.mat-mdc-tab-header-pagination-disabled {
  display: none;
  cursor: default;
  pointer-events: none;
}
.lib-tab-bar .mat-mdc-tab-group .mat-mdc-tab-header-pagination-chevron {
  border-width: 1px 1px 0 0;
}
.lib-tab-bar .mat-mdc-tab-list .mat-ripple {
  display: none;
}
.lib-tab-bar .mat-mdc-tab-list .mat-mdc-tab:hover .mdc-tab__ripple::before {
  opacity: 1;
}
.lib-tab-bar .mat-mdc-focus-indicator {
  position: relative;
}
@media only screen and (min-width: 904px) {
  .lib-tab-bar .mdc-tab__text-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-tab-bar .mdc-tab__text-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (min-width: 904px) {
  .lib-tab-bar .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-tab-bar .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}

.lib-divider {
  display: flex;
  background-color: var(--halo-neutral-border-medium);
}
.lib-divider.lib-divider-darken {
  background-color: var(--halo-neutral-border-strong);
}
.lib-divider.lib-divider-dash {
  background-position: bottom;
  background-color: transparent;
}
.lib-divider.lib-divider-horizontal {
  height: 1px;
}
.lib-divider.lib-divider-horizontal.lib-divider-dash {
  background-image: linear-gradient(to right, var(--halo-neutral-border-medium) 50%, rgba(255, 255, 255, 0) 0%);
  background-size: 15px 1px;
  background-repeat: repeat-x;
}
.lib-divider.lib-divider-horizontal.lib-divider-dash.lib-divider-darken {
  background-image: linear-gradient(to right, var(--halo-neutral-border-strong) 50%, rgba(255, 255, 255, 0) 0%);
}
.lib-divider.lib-divider-vertical {
  width: 1px;
  height: auto;
}
.lib-divider.lib-divider-vertical.lib-divider-dash {
  background-image: linear-gradient(to top, var(--halo-neutral-border-medium) 50%, rgba(255, 255, 255, 0) 0%);
  background-size: 1px 15px;
  background-repeat: repeat-y;
}
.lib-divider.lib-divider-vertical.lib-divider-dash.lib-divider-darken {
  background-image: linear-gradient(to top, var(--halo-neutral-border-strong) 50%, rgba(255, 255, 255, 0) 0%);
}

.lib-textbox,
.lib-text-message {
  padding: 1.2rem;
  border-radius: 0.8rem;
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.lib-textbox.lib-variant-filled:not([disabled]):not([class*=lib-status-]),
.lib-text-message.lib-variant-filled:not([disabled]):not([class*=lib-status-]) {
  color: var(--halo-action-primary-content-default);
  background-color: var(--halo-action-primary-background-default);
  border-color: var(--halo-action-primary-border-default);
}
.lib-textbox.lib-variant-filled[disabled],
.lib-text-message.lib-variant-filled[disabled] {
  color: var(--halo-global-all-disabled-strong);
  background-color: var(--halo-global-all-disabled-soft);
}
.lib-textbox.lib-variant-filled.lib-status-info,
.lib-text-message.lib-variant-filled.lib-status-info {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-information-accent);
}
.lib-textbox.lib-variant-filled.lib-status-info.lib-color-light,
.lib-text-message.lib-variant-filled.lib-status-info.lib-color-light {
  color: var(--halo-status-content-information);
  background-color: var(--halo-status-background-information);
}
.lib-textbox.lib-variant-filled.lib-status-warning,
.lib-text-message.lib-variant-filled.lib-status-warning {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-warning-accent);
}
.lib-textbox.lib-variant-filled.lib-status-warning.lib-color-light,
.lib-text-message.lib-variant-filled.lib-status-warning.lib-color-light {
  color: var(--halo-status-content-warning);
  background-color: var(--halo-status-background-warning);
}
.lib-textbox.lib-variant-filled.lib-status-danger,
.lib-text-message.lib-variant-filled.lib-status-danger {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-error-accent);
  border-color: var(--halo-action-primary-border-default);
}
.lib-textbox.lib-variant-filled.lib-status-danger.lib-color-light,
.lib-text-message.lib-variant-filled.lib-status-danger.lib-color-light {
  color: var(--halo-status-content-error);
  background-color: var(--halo-status-background-error);
}
.lib-textbox.lib-variant-filled.lib-status-success,
.lib-text-message.lib-variant-filled.lib-status-success {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-success-accent);
}
.lib-textbox.lib-variant-filled.lib-status-success.lib-color-light,
.lib-text-message.lib-variant-filled.lib-status-success.lib-color-light {
  color: var(--halo-status-content-success);
  background-color: var(--halo-status-background-success);
}
.lib-textbox .message-icon,
.lib-text-message .message-icon {
  align-self: flex-start;
  margin-top: 0.2rem;
  margin-right: 0.8rem;
  flex-shrink: 0;
}
.lib-textbox .message-content,
.lib-text-message .message-content {
  display: block;
  flex-grow: 1;
}
.lib-textbox .content-title,
.lib-text-message .content-title {
  display: block;
  flex-grow: 1;
}
@media only screen and (min-width: 904px) {
  .lib-textbox .content-title,
  .lib-text-message .content-title {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-textbox .content-title,
  .lib-text-message .content-title {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-textbox .content-text,
.lib-text-message .content-text {
  display: block;
  flex-grow: 1;
  color: var(--halo-neutral-content-strong);
}
.lib-textbox .content-text.with-title,
.lib-text-message .content-text.with-title {
  margin-left: -2.4rem;
}
@media only screen and (min-width: 904px) {
  .lib-textbox .content-text,
  .lib-text-message .content-text {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-textbox .content-text,
  .lib-text-message .content-text {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-textbox .message-action,
.lib-text-message .message-action {
  flex-shrink: 0;
}

.lib-meter-bar {
  display: block;
  /* la barre vide*/
}
.lib-meter-bar .lib-meter-value-text {
  white-space: nowrap;
  min-width: 4.7rem;
}
@media only screen and (min-width: 904px) {
  .lib-meter-bar .lib-meter-value-text {
    font-size: 1.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-meter-bar .lib-meter-value-text {
    font-size: 1.8rem;
    font-family: Montserrat, monospace;
    font-weight: 700;
    line-height: 125%;
  }
}
.lib-meter-bar .lib-meters {
  background: var(--halo-neutral-background-strong);
  height: 0.6rem;
  border-radius: 0.6rem;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
  transition: width 0.3s ease-in-out;
  /* affichage de la value*/
}
.lib-meter-bar .lib-meters .lib-meter:first-child {
  border-top-left-radius: 0.6rem;
  border-bottom-left-radius: 0.6rem;
}
.lib-meter-bar .lib-meters .lib-meter:last-child {
  border-top-right-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
}
.lib-meter-bar .empty-value-message {
  width: 100%;
}
.lib-meter-bar .empty-value-placeholder {
  display: inline-flex;
}

.meter-orientation-horizontal {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
}
.meter-orientation-horizontal .lib-meter-label {
  width: 100%;
  color: var(--halo-neutral-content-medium);
  margin-bottom: 0.4rem;
}
@media only screen and (min-width: 904px) {
  .meter-orientation-horizontal .lib-meter-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .meter-orientation-horizontal .lib-meter-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.meter-orientation-horizontal .lib-meter-value-text {
  flex-shrink: 0;
  text-align: left;
}
.meter-orientation-horizontal .lib-meters {
  width: auto;
  flex-grow: 1;
  margin-left: 0.8rem;
}
.meter-orientation-horizontal .empty-value-placeholder {
  display: none;
}

.meter-orientation-vertical {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
}
.meter-orientation-vertical .lib-meter-label {
  width: auto;
  flex-grow: 1;
  color: var(--halo-neutral-content-strong);
}
@media only screen and (min-width: 904px) {
  .meter-orientation-vertical .lib-meter-label {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .meter-orientation-vertical .lib-meter-label {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.meter-orientation-vertical .lib-meter-value-text {
  text-align: right;
  flex-shrink: 0;
  flex-grow: 0;
}
.meter-orientation-vertical .lib-meters {
  margin-top: 0.4rem;
  width: 100%;
}

.lib-form-field .lib-label {
  color: var(--halo-edition-content-default);
}
@media only screen and (min-width: 904px) {
  .lib-form-field .lib-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-form-field .lib-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.lib-form-field .lib-label.input-disabled {
  color: var(--halo-global-all-disabled-strong);
}
.lib-form-field.cdk-focused .lib-label:not(.input-disabled) {
  color: var(--halo-edition-content-interacting);
}
@media only screen and (min-width: 904px) {
  .lib-form-field .lib-caption {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-form-field .lib-caption {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-form-field .lib-input-container {
  position: relative;
  display: flex;
  align-items: center;
}
.lib-form-field .lib-input-container .lib-input-icon-before {
  padding-left: 4.8rem;
}
.lib-form-field .lib-input-container .lib-input-icon-after {
  padding-right: 4.8rem;
}
.lib-form-field .lib-input {
  display: block;
  border: 1px solid var(--halo-edition-border-default);
  padding: 1.2rem 1.6rem;
  margin: 0.4rem 0;
  border-radius: 8px;
  width: 100%;
  color: var(--halo-neutral-content-strong);
  height: 4.8rem;
  border: 1px solid var(--halo-edition-border-default);
  border-radius: 8px;
}
.lib-form-field .lib-input[disabled] {
  border-color: transparent;
}
.lib-form-field .lib-input:not([disabled])[aria-invalid=true], .lib-form-field .lib-input:not([disabled]).input-error {
  border-color: var(--halo-status-border-error);
  border-width: 2px;
}
.lib-form-field .lib-input[disabled], .lib-form-field .lib-input.disabled {
  background-color: var(--halo-global-all-disabled-soft);
  color: var(--halo-global-all-disabled-strong);
}
.lib-form-field .lib-input {
  position: relative;
}
.lib-form-field .lib-input:focus-visible, .lib-form-field .lib-input:focus-within {
  text-decoration: none;
  outline-offset: 2px;
  outline: 2px solid var(--halo-edition-border-interacting);
  border-color: var(--halo-edition-border-interacting);
}
@media only screen and (min-width: 904px) {
  .lib-form-field .lib-input {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-form-field .lib-input {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-form-field .lib-input:not([disabled])[aria-invalid=true], .lib-form-field .lib-input:not([disabled]).input-error {
  color: var(--halo-status-content-error);
}
.lib-form-field .lib-input.lib-small {
  height: 4rem;
}
@media only screen and (min-width: 904px) {
  .lib-form-field .lib-input.lib-small {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-form-field .lib-input.lib-small {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-form-field .lib-input .lib-input-container {
  display: flex;
  flex-direction: column;
}
.lib-form-field .lib-input-error {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: left;
  color: var(--halo-status-content-error);
}
@media only screen and (min-width: 904px) {
  .lib-form-field .lib-input-error {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-form-field .lib-input-error {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-form-field .lib-input-error mat-icon {
  margin-right: 0.8rem;
  color: var(--halo-status-content-error);
}
.lib-form-field .lib-input-group {
  display: flex;
  gap: 8px;
}
.lib-form-field .lib-input-group.vertical {
  flex-direction: column;
}
.lib-form-field .lib-input-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
}
.lib-form-field .lib-input-icon[position=before] {
  left: 0;
}
.lib-form-field .lib-input-icon[position=after] {
  right: 0;
}
.lib-form-field .lib-input-icon .clickable {
  cursor: pointer;
  border-radius: 0.4rem;
}
.lib-form-field .lib-input-icon .overlay-before,
.lib-form-field .lib-input-icon .overlay-after {
  margin: 0;
  padding: 0.4rem;
  display: inline-flex;
}
.lib-form-field .lib-input-icon .overlay-before {
  margin-left: 1.2rem;
}
.lib-form-field .lib-input-icon .overlay-after {
  margin-right: 1.2rem;
}

.lib-segmented-button {
  --mat-standard-button-toggle-hover-state-layer-opacity: 1;
  --mat-standard-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-text-color: var(--halo-selection-primary-content-default);
  --mat-standard-button-toggle-state-layer-color: transparent;
  --mat-standard-button-toggle-selected-state-background-color: var(--halo-selection-primary-background-selected);
  --mat-standard-button-toggle-selected-state-text-color: var(--halo-selection-primary-content-selected);
  --mat-standard-button-toggle-disabled-selected-state-text-color: var(--halo-global-all-disabled-soft);
  --mat-standard-button-toggle-disabled-selected-state-background-color: var(--halo-global-all-disabled-strong);
  --mat-standard-button-toggle-divider-color: var(--halo-neutral-border-strong);
  --mat-standard-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height: inherit;
  --mat-standard-button-toggle-label-text-size: inherit;
  --mat-standard-button-toggle-label-text-tracking: 0.006rem;
  --mat-standard-button-toggle-label-text-weight: 400;
  --mat-standard-button-toggle-height: 40px;
  --mat-standard-button-toggle-shape: 8px;
  --mat-standard-button-toggle-background-color: var(--halo-selection-secondary-background-default);
  --mat-standard-button-toggle-disabled-state-background-color: var(--halo-selection-secondary-background-default);
  --mat-standard-button-toggle-disabled-state-text-color: var(--halo-global-all-disabled-strong);
}
.lib-segmented-button .lib-label {
  margin-right: 1rem;
}
.lib-segmented-button .lib-input-group[aria-invalid=true] {
  outline: 2px solid var(--halo-status-content-error);
  border-color: transparent;
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard {
  flex: 1;
  border-radius: 6px;
  border-color: transparent;
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard + .mat-button-toggle.mat-button-toggle-appearance-standard {
  border-color: transparent;
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:focus-visible, .lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:focus {
  outline: none;
  background-color: var(--halo-selection-primary-background-interacting);
  color: var(--halo-selection-primary-content-default);
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:focus-visible.mat-button-toggle-checked, .lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:focus.mat-button-toggle-checked {
  background-color: var(--halo-selection-primary-background-interacting);
  color: var(--halo-selection-primary-content-default);
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:focus-visible.mat-button-toggle-checked .mat-pseudo-checkbox, .lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:focus.mat-button-toggle-checked .mat-pseudo-checkbox {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--halo-selection-primary-content-default);
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:focus-visible.mat-button-toggle-checked .mat-button-toggle-label-content, .lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:focus.mat-button-toggle-checked .mat-button-toggle-label-content {
  color: var(--halo-selection-primary-content-default);
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:focus-visible::before, .lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:focus::before {
  content: "";
  border: 2px solid var(--halo-global-border-focus);
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -4px;
  position: absolute;
  border-radius: calc(6px + 2px);
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:hover {
  background-color: var(--halo-selection-primary-background-interacting);
  color: var(--halo-selection-primary-content-default);
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:hover.mat-button-toggle-checked {
  background-color: var(--halo-selection-primary-background-interacting);
  color: var(--halo-selection-primary-content-default);
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:hover.mat-button-toggle-checked .mat-pseudo-checkbox {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--halo-selection-primary-content-default);
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard:hover.mat-button-toggle-checked .mat-button-toggle-label-content {
  color: var(--halo-selection-primary-content-default);
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard.mat-button-toggle-checked {
  font-weight: 500;
}
.lib-segmented-button .mat-button-toggle.mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-button-toggle-label-content {
  color: var(--halo-selection-primary-content-selected);
}
.lib-segmented-button .lib-input-group {
  padding: 4px;
}
.lib-segmented-button .buttonCheckWithoutIcon .mat-pseudo-checkbox {
  display: none;
}

.lib-input-password input::-ms-reveal {
  display: none;
}
.lib-input-password .input-wrapper {
  position: relative;
  display: inline-flex;
  width: 100%;
}

.lib-input-number .with-controls {
  position: relative;
}
.lib-input-number .with-controls .lib-input {
  padding-left: 3.2rem;
  padding-right: 3.2rem;
  text-align: center;
}
.lib-input-number .with-controls .button-inc,
.lib-input-number .with-controls .button-dec {
  position: absolute;
  z-index: 2;
  padding: 0.4rem 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 2.8rem;
  color: var(--halo-neutral-content-strong);
}
.lib-input-number .with-controls .button-inc.disabled,
.lib-input-number .with-controls .button-dec.disabled {
  pointer-events: none;
  cursor: auto;
  color: var(--halo-global-all-disabled-strong);
}
.lib-input-number .with-controls .button-dec {
  left: 0;
  padding-right: 1rem;
}
.lib-input-number .with-controls .button-inc {
  right: 0;
  padding-left: 1rem;
}
.lib-input-number input[type=number] {
  appearance: textfield;
}
.lib-input-number input[type=number]::-webkit-outer-spin-button, .lib-input-number input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.lib-input-text-area .lib-input {
  height: auto;
  max-width: 100%;
}
.lib-input-text-area .lib-count-character {
  letter-spacing: 0px;
  color: var(--halo-neutral-content-strong);
  float: right;
}
@media only screen and (min-width: 904px) {
  .lib-input-text-area .lib-count-character {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-input-text-area .lib-count-character {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}

.lib-timepicker .tp-input-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 3px;
}
.lib-timepicker .tp-input-container .lib-input {
  width: 65px;
  text-align: center;
}
.lib-timepicker .tp-input-container .tp-spacer {
  text-align: center;
  font-weight: 800;
  color: var(--halo-neutral-content-strong);
}
.lib-timepicker .tp-button-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  gap: 4px;
}
.lib-timepicker .tp-button-icon .button-inc,
.lib-timepicker .tp-button-icon .button-dec {
  background-color: white;
  font-weight: bold;
  color: var(--halo-neutral-content-strong);
  cursor: pointer;
  border-radius: 4px;
}
.lib-timepicker .tp-button-icon .button-inc.disabled,
.lib-timepicker .tp-button-icon .button-dec.disabled {
  pointer-events: none;
  color: var(--halo-global-all-disabled-strong);
}
.lib-timepicker .tp-button-icon .button-inc:focus:not(.disabled),
.lib-timepicker .tp-button-icon .button-dec:focus:not(.disabled) {
  outline: 2px solid var(--halo-edition-border-interacting);
  background-color: var(--halo-action-secondary-background-interacting);
}

.mat-calendar,
.lib-calendar,
.lib-datepicker {
  --mat-datepicker-calendar-date-selected-state-text-color: var(--halo-selection-primary-content-selected);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--halo-selection-primary-background-selected);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: var(--halo-global-all-disabled-soft);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--halo-selection-primary-border-selected);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--halo-selection-primary-background-interacting);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--halo-selection-primary-background-interacting);
  --mat-datepicker-toggle-active-state-icon-color: var(--halo-neutral-content-strong);
  --mat-datepicker-toggle-icon-color: var(--halo-neutral-content-strong);
  --mat-datepicker-calendar-navigation-button-icon-color: var(--halo-neutral-content-strong);
  --mat-datepicker-calendar-date-today-outline-color: var(--halo-selection-primary-border-selected);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: var(--halo-global-all-disabled-soft);
  --mat-datepicker-calendar-date-text-color: var(--halo-selection-primary-content-default);
  --mat-datepicker-calendar-date-disabled-state-text-color: var(--halo-global-all-disabled-strong);
  --mat-datepicker-calendar-container-background-color: var(--halo-neutral-background-strong);
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 1.6rem;
  --mat-datepicker-calendar-body-label-text-size: 0;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 1.6rem;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 1.6rem;
  --mat-datepicker-calendar-header-text-weight: 500;
  --mat-datepicker-calendar-container-shape: 16px;
  --mat-datepicker-calendar-container-touch-shape: 28px;
  --mat-datepicker-calendar-header-divider-color: var(--halo-neutral-border-medium);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mdc-icon-button-disabled-icon-color: var(--halo-global-all-disabled-strong);
  --mdc-icon-button-state-layer-size: 4rem;
  --mdc-icon-button-icon-color: var(--halo-neutral-content-strong);
}
.mat-calendar .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-calendar .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.lib-calendar .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.lib-calendar .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.lib-datepicker .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.lib-datepicker .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  outline-offset: 1px;
  outline: 1px solid var(--halo-edition-border-interacting);
}

.lib-calendar.elevation {
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}

.mat-calendar,
.lib-calendar {
  display: block;
  max-width: 328px;
  min-width: 328px;
  border-radius: 0.8rem;
  background-color: var(--halo-neutral-background-strong);
}
.mat-calendar .mat-calendar-table-header-divider,
.lib-calendar .mat-calendar-table-header-divider {
  height: 1px;
}
.mat-calendar .mat-calendar-table-header-divider:after,
.lib-calendar .mat-calendar-table-header-divider:after {
  content: "";
  border-top: 1px solid var(--halo-neutral-border-medium);
  display: block;
}
.mat-calendar.disabled,
.lib-calendar.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.mat-calendar .cdk-visually-hidden,
.lib-calendar .cdk-visually-hidden {
  display: none;
}
.mat-calendar .mat-calendar-table,
.lib-calendar .mat-calendar-table {
  width: 100%;
}
.mat-calendar .mat-calendar-table .mat-calendar-table-header th,
.lib-calendar .mat-calendar-table .mat-calendar-table-header th {
  color: var(--halo-neutral-content-strong);
}
.mat-calendar .mat-calendar-table th:not(.mat-calendar-table-header-divider),
.lib-calendar .mat-calendar-table th:not(.mat-calendar-table-header-divider) {
  height: 4rem;
}
@media only screen and (min-width: 904px) {
  .mat-calendar .mat-calendar-table th:not(.mat-calendar-table-header-divider),
  .lib-calendar .mat-calendar-table th:not(.mat-calendar-table-header-divider) {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .mat-calendar .mat-calendar-table th:not(.mat-calendar-table-header-divider),
  .lib-calendar .mat-calendar-table th:not(.mat-calendar-table-header-divider) {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.mat-calendar .mat-calendar-table tr[aria-hidden=true],
.lib-calendar .mat-calendar-table tr[aria-hidden=true] {
  display: none;
}
.mat-calendar .mat-calendar-body-cell-content,
.lib-calendar .mat-calendar-body-cell-content {
  min-height: 4rem;
  min-width: 4rem;
  border-radius: 0.8rem;
}
.mat-calendar .mat-calendar-body-today,
.lib-calendar .mat-calendar-body-today {
  border-width: 0;
}
@media only screen and (min-width: 904px) {
  .mat-calendar .mat-calendar-body-today,
  .lib-calendar .mat-calendar-body-today {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .mat-calendar .mat-calendar-body-today,
  .lib-calendar .mat-calendar-body-today {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.mat-calendar .mat-calendar-body-today:not(.mat-calendar-body-selected),
.lib-calendar .mat-calendar-body-today:not(.mat-calendar-body-selected) {
  color: var(--halo-selection-primary-content-default);
  border-width: 0 0 1px 0;
  border-radius: 0.8rem 0.8rem 0 0;
}
.mat-calendar .mat-calendar-previous-button::after,
.mat-calendar .mat-calendar-next-button::after,
.lib-calendar .mat-calendar-previous-button::after,
.lib-calendar .mat-calendar-next-button::after {
  display: none;
}
.mat-calendar .mat-calendar-body-cell:focus .mat-focus-indicator::before,
.lib-calendar .mat-calendar-body-cell:focus .mat-focus-indicator::before {
  display: none;
}
.mat-calendar .calendar-content-header,
.lib-calendar .calendar-content-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.6rem 1.6rem 0;
}
.mat-calendar .calendar-content-header .calendar-standard-label,
.lib-calendar .calendar-content-header .calendar-standard-label {
  color: var(--halo-selection-primary-content-default);
  margin: 0;
}
@media only screen and (min-width: 904px) {
  .mat-calendar .calendar-content-header .calendar-standard-label,
  .lib-calendar .calendar-content-header .calendar-standard-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .mat-calendar .calendar-content-header .calendar-standard-label,
  .lib-calendar .calendar-content-header .calendar-standard-label {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.mat-calendar .calendar-content-header .calendar-standard-label:first-letter,
.lib-calendar .calendar-content-header .calendar-standard-label:first-letter {
  text-transform: uppercase;
}
.mat-calendar .calendar-content-header .calendar-header-standard,
.lib-calendar .calendar-content-header .calendar-header-standard {
  padding: 1.6rem 1.6rem 0;
}
.mat-calendar .calendar-content-header .content-select,
.lib-calendar .calendar-content-header .content-select {
  width: 70px;
  font-size: 1.6rem;
  font-weight: 700;
}
.mat-calendar .mat-calendar-content,
.lib-calendar .mat-calendar-content {
  padding: 0 1.6rem 1.6rem;
}

.lib-header-toolbar .lib-app-name-logo-container {
  width: 44px;
  height: 44px;
}
.lib-header-toolbar .lib-app-name .lib-divider {
  height: 3.2rem;
  background-color: var(--halo-neutral-border-strong);
}
@media only screen and (min-width: 904px) {
  .lib-header-toolbar .lib-app-name-logo-container {
    width: 144px;
    height: 48px;
  }
}

.lib-datepicker .lib-input-container {
  flex-direction: column;
  align-items: flex-start;
}
.lib-datepicker .mat-datepicker-toggle > .mat-mdc-icon-button {
  margin-right: 0.8rem;
}
.lib-datepicker .mat-datepicker-toggle > .mat-mdc-icon-button {
  position: relative;
}
.lib-datepicker .mat-datepicker-toggle > .mat-mdc-icon-button:focus-visible, .lib-datepicker .mat-datepicker-toggle > .mat-mdc-icon-button:focus-within {
  text-decoration: none;
  outline-offset: 2px;
  outline: 2px solid var(--halo-edition-border-interacting);
  border-color: var(--halo-edition-border-interacting);
}
.lib-datepicker .mat-datepicker-toggle > .mat-mdc-icon-button:focus-visible, .lib-datepicker .mat-datepicker-toggle > .mat-mdc-icon-button:focus-within {
  background-color: var(--halo-neutral-background-soft);
}
.lib-datepicker .mat-datepicker-toggle > .mat-mdc-icon-button .mat-mdc-button-touch-target {
  height: 4rem;
  width: 4rem;
}

.mat-datepicker-content {
  margin-top: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 12px 0px
    rgba(60, 60, 60, 0.2);
}

.lib-choice-button .checkboxs-placeholder {
  margin-bottom: 0.2rem;
}
.lib-choice-button .mat-mdc-radio-group,
.lib-choice-button .checkbox-list-content {
  display: flex;
  gap: 8px;
}
.lib-choice-button .vertical .checkbox-list-content {
  display: flex;
  flex-direction: column;
}
.lib-choice-button.ng-invalid .mat-mdc-radio-button:not(.mat-mdc-radio-checked):not(.mat-mdc-radio-disabled) .mdc-label,
.lib-choice-button.ng-invalid .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked):not(.mat-mdc-checkbox-disabled) .mdc-label {
  color: var(--halo-status-content-error);
  background-color: var(--halo-status-background-error);
}
.lib-choice-button.ng-invalid .choice-button-border .mat-mdc-radio-checked .mdc-label,
.lib-choice-button.ng-invalid .choice-button-border .mat-mdc-checkbox-checked .mdc-label {
  border-color: var(--halo-selection-primary-border-selected);
}
.lib-choice-button .choice-button-border .mat-mdc-radio-checked .mdc-label,
.lib-choice-button .choice-button-border .mat-mdc-checkbox-checked .mdc-label {
  border-color: var(--halo-selection-primary-border-selected);
}
.lib-choice-button .choice-button-border .mat-mdc-radio-disabled .mdc-label,
.lib-choice-button .choice-button-border .mat-mdc-checkbox-disabled .mdc-label {
  border-color: var(--halo-global-all-disabled-strong);
}
.lib-choice-button .choice-button-border .mat-mdc-radio-button:not(.mat-mdc-radio-checked):not(.mat-mdc-radio-disabled) .mdc-label,
.lib-choice-button .choice-button-border .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked):not(.mat-mdc-checkbox-disabled) .mdc-label {
  border-color: var(--halo-selection-primary-border-default);
}
.lib-choice-button .mdc-checkbox,
.lib-choice-button .mat-mdc-radio-button .mdc-radio {
  width: 0;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  /* width: 1px; */
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.lib-choice-button .cdk-keyboard-focused > label {
  position: relative;
}
.lib-choice-button .cdk-keyboard-focused > label:before {
  content: "";
  position: absolute;
  display: block;
  border-color: red;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-width: 2px;
  border-style: solid;
  pointer-events: none;
  border-radius: 10px;
  transition: border-color 0.2s ease;
}
.lib-choice-button .mat-mdc-checkbox .mdc-label,
.lib-choice-button .mat-mdc-radio-button .mdc-label {
  color: var(--halo-selection-primary-content-default);
  background-color: var(--halo-selection-primary-background-default);
  border: 1px solid transparent;
  padding: 7px 16px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 400;
}
.lib-choice-button .mat-mdc-radio-button:not(.mat-mdc-radio-checked):not(.mat-mdc-radio-disabled):hover .mdc-label,
.lib-choice-button .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked):not(.mat-mdc-checkbox-disabled):hover .mdc-label {
  color: var(--halo-selection-primary-content-interacting);
  background-color: var(--halo-selection-primary-background-interacting);
}
.lib-choice-button .mat-mdc-radio-button:not(.mat-mdc-radio-checked):not(.mat-mdc-radio-disabled):focus .mdc-label,
.lib-choice-button .mat-mdc-checkbox:not(.mat-mdc-checkbox-checked):not(.mat-mdc-checkbox-disabled):focus .mdc-label {
  color: var(--halo-selection-primary-content-interacting);
  background-color: var(--halo-selection-primary-background-interacting);
  outline: 2px solid var(--halo-selection-primary-border-interacting);
  outline-offset: 2px;
}
.lib-choice-button .mat-mdc-checkbox-checked .mdc-label,
.lib-choice-button .mat-mdc-radio-checked .mdc-label {
  border-color: transparent;
  background-color: var(--halo-selection-primary-background-selected);
  color: var(--halo-selection-primary-content-selected);
}
.lib-choice-button .mat-mdc-radio-disabled .mdc-label,
.lib-choice-button .mat-mdc-checkbox-disabled .mdc-label {
  background-color: var(--halo-global-all-disabled-soft);
  border-color: transparent;
  color: var(--halo-global-all-disabled-strong);
}
.lib-choice-button .mat-mdc-radio-disabled.mat-mdc-radio-checked .mat-mdc-checkbox-layout,
.lib-choice-button .mat-mdc-radio-disabled.mat-mdc-radio-checked .mat-radio-label,
.lib-choice-button .mat-mdc-checkbox-disabled.mat-mdc-radio-checked .mat-mdc-checkbox-layout,
.lib-choice-button .mat-mdc-checkbox-disabled.mat-mdc-radio-checked .mat-radio-label {
  background-color: red;
  border-color: transparent;
}
.lib-choice-button .radio-group-vertical .mat-radio-label {
  justify-content: center;
}

.lib-badge-container {
  position: relative;
  /* BEFORE */
  /* AFTER */
}
.lib-badge-container.sub .lib-badge, .lib-badge-container.sup .lib-badge {
  position: absolute;
}
.lib-badge-container.sub .lib-badge-number, .lib-badge-container.sup .lib-badge-number {
  min-width: 16px;
  border-radius: 16px;
  width: 20px;
  height: 20px;
}
.lib-badge-container.sub .lib-badge-number.lib-badge-long, .lib-badge-container.sup .lib-badge-number.lib-badge-long {
  width: 30px;
  right: calc(30px / 2 * -1);
}
.lib-badge-container.sub .lib-badge-empty, .lib-badge-container.sup .lib-badge-empty {
  width: 8px;
  height: 8px;
}
.lib-badge-container.sub .lib-badge {
  bottom: -2px;
  top: auto;
}
.lib-badge-container.sup .lib-badge {
  top: 0;
}
.lib-badge-container.before.sub .lib-badge, .lib-badge-container.before.sup .lib-badge {
  left: calc(16px / 2 * -1);
}
.lib-badge-container.before:not(.sub):not(.sup) {
  flex-direction: row-reverse;
}
.lib-badge-container.after.sub .lib-badge:not(.lib-badge-long), .lib-badge-container.after.sup .lib-badge:not(.lib-badge-long) {
  right: calc(16px / 2 * -1);
}
.lib-badge-container:not(.sub):not(.sup) {
  display: flex;
  flex: 1;
  align-items: center;
}
.lib-badge-container:not(.sub):not(.sup) .lib-badge {
  position: inherit;
}
.lib-badge-container.space-between {
  justify-content: space-between;
}

.lib-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.lib-badge.lib-variant-filled:not([disabled]):not([class*=lib-status-]) {
  color: var(--halo-action-primary-content-default);
  background-color: var(--halo-action-primary-background-default);
  border-color: var(--halo-action-primary-border-default);
}
.lib-badge.lib-variant-filled[disabled] {
  color: var(--halo-global-all-disabled-strong);
  background-color: var(--halo-global-all-disabled-soft);
}
.lib-badge.lib-variant-filled.lib-status-info {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-information-accent);
}
.lib-badge.lib-variant-filled.lib-status-info.lib-color-light {
  color: var(--halo-status-content-information);
  background-color: var(--halo-status-background-information);
}
.lib-badge.lib-variant-filled.lib-status-success {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-success-accent);
}
.lib-badge.lib-variant-filled.lib-status-success.lib-color-light {
  color: var(--halo-status-content-success);
  background-color: var(--halo-status-background-success);
}
.lib-badge.lib-variant-filled.lib-status-danger {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-error-accent);
  border-color: var(--halo-action-primary-border-default);
}
.lib-badge.lib-variant-filled.lib-status-danger.lib-color-light {
  color: var(--halo-status-content-error);
  background-color: var(--halo-status-background-error);
}
.lib-badge.lib-variant-filled.lib-status-warning {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-warning-accent);
}
.lib-badge.lib-variant-filled.lib-status-warning.lib-color-light {
  color: var(--halo-status-content-warning);
  background-color: var(--halo-status-background-warning);
}
.lib-badge.lib-variant-filled.lib-status-disable {
  color: var(--halo-global-all-disabled-strong);
  background-color: var(--halo-global-all-disabled-soft);
}
.lib-badge.lib-badge-number {
  border-radius: 24px;
  min-width: 24px;
  height: 24px;
  width: auto;
  line-height: 1 !important;
}
@media only screen and (min-width: 904px) {
  .lib-badge.lib-badge-number {
    font-size: 1.2rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-badge.lib-badge-number {
    font-size: 1.2rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
.lib-badge.lib-badge-number.lib-badge-long {
  width: 30px;
}
.lib-badge.lib-badge-icon {
  width: 20px;
  height: 20px;
}
.lib-badge.lib-badge-icon .lib-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.lib-badge.lib-badge-empty {
  width: 8px;
  height: 8px;
  text-indent: -5000em;
}

.lib-checkbox .mat-mdc-checkbox,
.lib-checkbox-list .mat-mdc-checkbox,
.lib-select-list .mat-mdc-checkbox {
  --mat-checkbox-label-text-color: var(--halo-neutral-content-strong);
  --mat-checkbox-disabled-label-color: var(--halo-global-all-disabled-strong);
  --mat-checkbox-label-text-font: inherit;
  --mat-checkbox-label-text-line-height: inherit;
  --mat-checkbox-label-text-size: inherit;
  --mat-checkbox-label-text-tracking: inherit;
  --mat-checkbox-label-text-weight: 400;
  --mdc-checkbox-state-layer-size: 44px;
  --mat-checkbox-touch-target-display: block;
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-icon-color: var(--halo-selection-secondary-content-selected);
  --mdc-checkbox-unselected-icon-color: var(--halo-selection-secondary-content-default);
  --mdc-checkbox-selected-focus-state-layer-opacity: 1;
  --mdc-checkbox-selected-focus-state-layer-color: var(--halo-selection-secondary-background-interacting);
  --mdc-checkbox-selected-focus-icon-color: var(--halo-selection-secondary-content-selected);
  --mdc-checkbox-unselected-focus-state-layer-opacity: 1;
  --mdc-checkbox-unselected-focus-state-layer-color: var(--halo-selection-secondary-background-interacting);
  --mdc-checkbox-unselected-focus-icon-color: var(--halo-selection-secondary-content-default);
  --mdc-checkbox-selected-hover-state-layer-opacity: 1;
  --mdc-checkbox-selected-hover-state-layer-color: var(--halo-selection-secondary-background-interacting);
  --mdc-checkbox-selected-hover-icon-color: var(--halo-selection-secondary-content-selected);
  --mdc-checkbox-unselected-hover-state-layer-opacity: 1;
  --mdc-checkbox-unselected-hover-state-layer-color: var(--halo-selection-secondary-background-interacting);
  --mdc-checkbox-unselected-hover-icon-color: var(--halo-selection-secondary-content-default);
  --mdc-checkbox-selected-pressed-state-layer-opacity: 1;
  --mdc-checkbox-selected-pressed-state-layer-color: var(--halo-selection-secondary-background-interacting);
  --mdc-checkbox-selected-pressed-icon-color: var(--halo-selection-secondary-content-selected);
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 1;
  --mdc-checkbox-unselected-pressed-state-layer-color: var(--halo-selection-secondary-background-interacting);
  --mdc-checkbox-unselected-pressed-icon-color: var(--halo-selection-secondary-content-default);
  --mdc-checkbox-disabled-selected-checkmark-color: white;
  --mdc-checkbox-disabled-selected-icon-color: var(--halo-global-all-disabled-strong);
  --mdc-checkbox-disabled-unselected-icon-color: var(--halo-global-all-disabled-strong);
}
.lib-checkbox .mat-mdc-checkbox .mdc-checkbox__ripple,
.lib-checkbox-list .mat-mdc-checkbox .mdc-checkbox__ripple,
.lib-select-list .mat-mdc-checkbox .mdc-checkbox__ripple {
  border-radius: 8px;
}
.lib-checkbox .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled)[aria-invalid=true]:hover .mdc-checkbox__background, .lib-checkbox .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled)[aria-invalid=true] .mdc-checkbox__background,
.lib-checkbox-list .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled)[aria-invalid=true]:hover .mdc-checkbox__background,
.lib-checkbox-list .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled)[aria-invalid=true] .mdc-checkbox__background,
.lib-select-list .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled)[aria-invalid=true]:hover .mdc-checkbox__background,
.lib-select-list .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled)[aria-invalid=true] .mdc-checkbox__background {
  border-color: var(--halo-status-content-error);
}

.mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled):focus .mdc-checkbox__background, .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled):focus-visible .mdc-checkbox__background, .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled):focus-within .mdc-checkbox__background {
  outline: 2px solid var(--halo-global-border-focus);
  outline-offset: 2px;
}

.mat-mdc-radio-group .mdc-radio {
  --mat-radio-label-text-color: var(--halo-neutral-content-strong);
  --mat-radio-disabled-label-color: var(--halo-global-all-disabled-strong);
  --mat-radio-label-text-font: inherit;
  --mat-radio-label-text-line-height: inherit;
  --mat-radio-label-text-size: inherit;
  --mat-radio-label-text-tracking: inherit;
  --mat-radio-label-text-weight: 400;
  --mdc-radio-state-layer-size: 44px;
  --mat-radio-touch-target-display: block;
  --mdc-radio-selected-icon-color: var(--halo-selection-secondary-content-selected);
  --mdc-radio-unselected-icon-color: var(--halo-selection-secondary-content-default);
  --mdc-radio-selected-focus-state-layer-opacity: 1;
  --mdc-radio-selected-focus-icon-color: var(--halo-selection-secondary-content-selected);
  --mdc-radio-unselected-focus-state-layer-opacity: 1;
  --mdc-radio-unselected-focus-icon-color: var(--halo-selection-secondary-content-default);
  --mdc-radio-selected-hover-state-layer-opacity: 1;
  --mdc-radio-selected-hover-icon-color: var(--halo-selection-secondary-content-selected);
  --mdc-radio-unselected-hover-state-layer-opacity: 1
    --mdc-radio-unselected-hover-icon-color: var(--halo-selection-secondary-content-default);
  --mdc-radio-selected-pressed-state-layer-opacity: 1;
  --mdc-radio-selected-pressed-icon-color: var(--halo-selection-secondary-content-selected);
  --mdc-radio-unselected-pressed-state-layer-opacity: 1;
  --mdc-radio-unselected-pressed-icon-color: var(--halo-selection-secondary-content-default);
  --mdc-radio-disabled-selected-icon-opacity: 1;
  --mdc-radio-disabled-selected-icon-color: var(--halo-global-all-disabled-strong);
  --mdc-radio-disabled-unselected-icon-opacity: 1;
  --mdc-radio-disabled-unselected-icon-color: var(--halo-global-all-disabled-strong);
  --mat-radio-ripple-color: var(--halo-selection-secondary-background-interacting);
  --mat-radio-checked-ripple-color: var(--halo-selection-secondary-background-interacting);
  overflow: hidden;
}
.mat-mdc-radio-group .mdc-radio .mat-ripple-element + .mat-ripple-element {
  display: none;
}
.mat-mdc-radio-group .mdc-radio:hover .mdc-radio__native-control:not([disabled]):not(:focus) ~ .mdc-radio__background::before {
  opacity: 1 !important;
}
.mat-mdc-radio-group .mdc-radio:focus .mdc-radio__native-control:not([disabled]) ~ .mdc-radio__background {
  outline: 2px solid var(--halo-global-border-focus);
  outline-offset: 2px;
  border-radius: 44px;
}
.mat-mdc-radio-group[aria-invalid=true] .mat-mdc-radio-button:not(.mat-mdc-radio-disabled) .mdc-radio .mdc-radio__background .mdc-radio__outer-circle,
.mat-mdc-radio-group[aria-invalid=true] .mat-mdc-radio-button:not(.mat-mdc-radio-disabled) .mdc-radio:hover .mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--halo-status-content-error);
}

.lib-page-error .error-content-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin-top: 12rem;
  margin-bottom: 1.6rem;
}
@media only screen and (max-width: 904px) {
  .lib-page-error .error-content-page {
    margin-top: 6.4rem;
  }
}
.lib-page-error .error-content-page .content-container {
  max-width: 50rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.lib-page-error .error-content-page .content-container > * {
  margin-bottom: 1.6rem;
}
.lib-page-error .error-content-page p {
  text-align: center;
}
.lib-page-error .error-content-page .error-page-icon > .mat-icon {
  width: 32rem;
  height: 32rem;
}
@media only screen and (max-width: 904px) {
  .lib-page-error .error-content-page .error-page-icon > .mat-icon {
    width: 20rem;
    height: 20rem;
  }
}

.lib-paginator.mat-mdc-paginator {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 0.8rem;
}
@media only screen and (min-width: 904px) {
  .lib-paginator.mat-mdc-paginator {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-paginator.mat-mdc-paginator {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-paginator .lib-paginator-page-size {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
  gap: 0.8rem;
}
.lib-paginator .lib-paginator-page-size .mat-mdc-select {
  margin: 0;
  min-width: 10rem;
}
@media only screen and (min-width: 904px) {
  .lib-paginator .lib-paginator-page-size .mat-mdc-select-trigger {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-paginator .lib-paginator-page-size .mat-mdc-select-trigger {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-paginator .lib-paginator-page-range-label {
  display: none;
}
.lib-paginator .lib-paginator-range-actions {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap-reverse;
}
.lib-paginator .lib-paginator-range-actions > ul {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  gap: 0.8rem;
}
.lib-paginator .lib-paginator-range-actions > ul > li {
  list-style-type: none;
}
@media only screen and (min-width: 904px) {
  .lib-paginator .lib-paginator-range-actions > ul > li .lib-button {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-paginator .lib-paginator-range-actions > ul > li .lib-button {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-paginator .lib-paginator-range-actions > ul > li .lib-button:not([disabled]):not([class*=lib-status-]) {
  color: var(--halo-neutral-content-strong);
}
@media only screen and (min-width: 904px) {
  .lib-paginator .lib-paginator-range-actions > ul > li .lib-button.current {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-paginator .lib-paginator-range-actions > ul > li .lib-button.current {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.lib-paginator .lib-paginator-range-actions > ul > li .lib-button.current:not([disabled]):not([class*=lib-status-]) {
  color: var(--halo-selection-secondary-content-selected);
  background-color: var(--halo-selection-secondary-background-selected);
}
.lib-paginator .paginator-page-current {
  display: flex;
  align-items: center;
}
.lib-paginator .paginator-page-current > *:not(:last-child) {
  margin-right: 0.8rem;
}
@media only screen and (max-width: 599px) {
  .lib-paginator {
    flex-direction: column-reverse;
    text-align: center;
    gap: 0;
  }
  .lib-paginator .lib-paginator-range-actions {
    padding: 1.6rem;
  }
  .lib-paginator .lib-paginator-page-size {
    justify-content: center;
    padding: 1.6rem 0;
  }
  .lib-paginator .paginator-navigation.current,
  .lib-paginator .paginator-navigation.paginator-navigation-page {
    display: none;
  }
  .lib-paginator .lib-paginator-page-range-label {
    display: initial;
  }
}

.lib-theme {
  --mat-option-label-text-color: var(--halo-selection-secondary-content-default);
  --mat-select-enabled-trigger-text-color: var(--halo-selection-secondary-content-default);
  --mat-select-panel-background-color: var(--halo-neutral-background-strong);
  --mat-option-selected-state-label-text-color: var(--halo-selection-secondary-content-selected);
  --mat-option-selected-state-layer-color: var(--halo-selection-secondary-background-selected);
  --mat-full-pseudo-checkbox-selected-icon-color: var(--halo-selection-secondary-content-selected);
  --mat-full-pseudo-checkbox-selected-checkmark-color: #ffffff;
  --mat-option-hover-state-layer-color: var(--halo-selection-secondary-background-interacting);
  --mat-option-focus-state-layer-color: var(--halo-selection-secondary-background-interacting);
  --mdc-list-list-item-disabled-label-text-color: var(--halo-global-all-disabled-strong);
}
.lib-theme div.mdc-menu-surface {
  padding: 0;
}
@media only screen and (min-width: 904px) {
  .lib-theme div.mdc-menu-surface .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme div.mdc-menu-surface .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.lib-theme .cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel,
.lib-theme .cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel {
  border-radius: 0.8rem;
}
.lib-theme .mdc-menu-surface {
  border-radius: 0.8rem;
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}
.lib-theme .mdc-menu-surface .mat-mdc-option,
.lib-theme .mdc-menu-surface .select-all {
  background-color: var(--halo-selection-secondary-background-default);
  border-bottom: 1px solid var(--halo-neutral-border-strong);
}
.lib-theme .mdc-menu-surface .mat-mdc-option:hover,
.lib-theme .mdc-menu-surface .select-all:hover {
  color: var(--halo-selection-secondary-content-interacting);
}
.lib-theme .mdc-menu-surface .mat-mdc-option .mdc-list-item__primary-text,
.lib-theme .mdc-menu-surface .select-all .mdc-list-item__primary-text {
  display: flex;
  align-items: center;
}
.lib-theme .mdc-menu-surface .mat-mdc-option .sub-div-option,
.lib-theme .mdc-menu-surface .select-all .sub-div-option {
  display: grid;
}
@media only screen and (min-width: 904px) {
  .lib-theme .mdc-menu-surface .mat-mdc-option .sub-label-option,
  .lib-theme .mdc-menu-surface .select-all .sub-label-option {
    font-size: 1.2rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .mdc-menu-surface .mat-mdc-option .sub-label-option,
  .lib-theme .mdc-menu-surface .select-all .sub-label-option {
    font-size: 1.2rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 125%;
  }
}
.lib-theme .mdc-menu-surface .select-all {
  min-height: 48px;
  padding: 0 1.6rem;
  display: flex;
  max-width: 100%;
  align-items: center;
}
.lib-theme .mdc-menu-surface .select-all.selected {
  color: var(--halo-selection-secondary-content-selected);
}
@media only screen and (min-width: 904px) {
  .lib-theme .mdc-menu-surface .select-all.selected {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-theme .mdc-menu-surface .select-all.selected {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 700;
    line-height: 145%;
  }
}
.lib-theme .mdc-menu-surface .select-all .mat-pseudo-checkbox {
  margin-right: 1.6rem;
}

.lib-theme .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 5rem;
}
.lib-theme .owl-theme .owl-dots .owl-dot span {
  margin: 0 0.2rem;
  width: 0.8rem;
  height: 0.8rem;
}
.lib-theme .owl-theme .owl-dots .owl-dot.active span {
  width: 1.6rem;
  background-color: var(--halo-brand-content);
}

.lib-onboarding-template .page {
  margin: 0 auto;
  padding: 8rem 1.6rem 3.2rem 1.6rem;
  display: block;
  max-width: 50%;
  overflow: auto;
}
@media only screen and (max-width: 904px) {
  .lib-onboarding-template {
    max-width: none;
    padding: 3.2rem 1.6rem 3.2rem 1.6rem;
  }
}
.lib-onboarding-template .header lib-header {
  background-color: transparent;
  border-color: transparent;
}
.lib-onboarding-template .header lib-header .content-logo .mat-icon {
  width: auto;
  height: auto;
}
@media only screen and (max-width: 904px) {
  .lib-onboarding-template .header lib-header .content-logo .mat-icon {
    width: auto;
    height: 5.2rem;
  }
}
.lib-onboarding-template .main {
  padding: 2.4rem 0 0 0;
}
.lib-onboarding-template .main .lib-icon > .mat-icon {
  width: 32rem;
  height: 32rem;
}
@media only screen and (max-width: 904px) {
  .lib-onboarding-template .main {
    padding: 1.6rem 0 0 0;
  }
  .lib-onboarding-template .main .lib-icon > .mat-icon {
    width: 20rem;
    height: 20rem;
  }
}
.lib-onboarding-template .main p {
  text-align: center;
}

.lib-theme {
  --mat-select-panel-background-color: var(--halo-neutral-background-strong);
}
.lib-theme .cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel {
  border-radius: 0.8rem;
}
.lib-theme .mat-mdc-select-panel {
  margin-top: 1.7rem;
  margin-left: -1.7rem;
}
.lib-theme .mat-mdc-select-panel.lib-mdc-select-small-panel {
  margin-top: 1.5rem;
  margin-left: -1.7rem;
}

.lib-select .mat-mdc-select,
.lib-input-phone .mat-mdc-select {
  background-color: var(--halo-edition-background-default);
}
.lib-select .mat-mdc-select[aria-expanded=true] .mat-mdc-select-arrow,
.lib-input-phone .mat-mdc-select[aria-expanded=true] .mat-mdc-select-arrow {
  transform: rotate(180deg);
}
.lib-select .mat-mdc-select .mat-mdc-select-arrow,
.lib-input-phone .mat-mdc-select .mat-mdc-select-arrow {
  border: 0;
  width: 2.4rem;
  height: 2.4rem;
}
.lib-select .mat-mdc-select .mat-mdc-select-arrow svg,
.lib-input-phone .mat-mdc-select .mat-mdc-select-arrow svg {
  display: none;
}
.lib-select .mat-mdc-select .mat-mdc-select-arrow::after,
.lib-input-phone .mat-mdc-select .mat-mdc-select-arrow::after {
  content: "\e931";
  font-size: 2.4rem;
  color: var(--halo-neutral-content-strong);
  font-family: "laposte", sans-serif;
  width: 2.4rem;
  height: 2.4rem;
}
.lib-select .mat-mdc-select .mat-mdc-select-trigger,
.lib-input-phone .mat-mdc-select .mat-mdc-select-trigger {
  display: flex;
  height: 100%;
}
.lib-select .mat-mdc-select.lib-small-select,
.lib-input-phone .mat-mdc-select.lib-small-select {
  height: 4rem;
  padding: 1rem 1.6rem;
}
@media only screen and (min-width: 904px) {
  .lib-select .mat-mdc-select.lib-small-select .mat-mdc-select-placeholder,
  .lib-select .mat-mdc-select.lib-small-select .mat-mdc-select-value-text,
  .lib-input-phone .mat-mdc-select.lib-small-select .mat-mdc-select-placeholder,
  .lib-input-phone .mat-mdc-select.lib-small-select .mat-mdc-select-value-text {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-select .mat-mdc-select.lib-small-select .mat-mdc-select-placeholder,
  .lib-select .mat-mdc-select.lib-small-select .mat-mdc-select-value-text,
  .lib-input-phone .mat-mdc-select.lib-small-select .mat-mdc-select-placeholder,
  .lib-input-phone .mat-mdc-select.lib-small-select .mat-mdc-select-value-text {
    font-size: 1.4rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-select .disabled .mat-mdc-select,
.lib-input-phone .disabled .mat-mdc-select {
  background-color: var(--halo-global-all-disabled-soft);
}

.lib-theme {
  --mat-autocomplete-background-color: var(--halo-neutral-background-strong);
}
.lib-theme .cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel {
  border-radius: 0.8rem;
}
.lib-theme .mat-mdc-option.no-result-panel {
  pointer-events: none;
  height: 100%;
  padding: 10px;
}
.lib-theme .mat-mdc-option.no-result-panel .mdc-list-item__primary-text {
  display: block;
  flex-grow: 1;
}

.lib-theme .result-content-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  row-gap: 10px;
  position: relative;
}
.lib-theme .result-content-page p {
  text-align: center;
}
.lib-theme .result-content-page a {
  padding: 10px;
  pointer-events: all;
}

.lib-input-search {
  /* clears the ‘X’ from Chrome */
}
.lib-input-search .search-container {
  position: relative;
}
.lib-input-search .search-container .lib-input-icon-prefix {
  padding: 0rem 4.8rem;
}
.lib-input-search .search-container .lib-input-icon-prefix.small {
  padding-left: 4rem;
}
.lib-input-search input[type=search]::-webkit-search-decoration,
.lib-input-search input[type=search]::-webkit-search-cancel-button,
.lib-input-search input[type=search]::-webkit-search-results-button,
.lib-input-search input[type=search]::-webkit-search-results-decoration {
  display: none;
}

.lib-tag {
  display: inline-flex;
}
.lib-tag.lib-variant-filled:not([disabled]):not([class*=lib-status-]) {
  color: var(--halo-action-primary-content-default);
  background-color: var(--halo-action-primary-background-default);
  border-color: var(--halo-action-primary-border-default);
}
.lib-tag.lib-variant-filled[disabled] {
  color: var(--halo-global-all-disabled-strong);
  background-color: var(--halo-global-all-disabled-soft);
}
.lib-tag.lib-variant-filled.lib-status-success {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-success-accent);
}
.lib-tag.lib-variant-filled.lib-status-success.lib-color-light {
  color: var(--halo-status-content-success);
  background-color: var(--halo-status-background-success);
}
.lib-tag.lib-variant-filled.lib-status-info {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-information-accent);
}
.lib-tag.lib-variant-filled.lib-status-info.lib-color-light {
  color: var(--halo-status-content-information);
  background-color: var(--halo-status-background-information);
}
.lib-tag.lib-variant-filled.lib-status-warning {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-warning-accent);
}
.lib-tag.lib-variant-filled.lib-status-warning.lib-color-light {
  color: var(--halo-status-content-warning);
  background-color: var(--halo-status-background-warning);
}
.lib-tag.lib-variant-filled.lib-status-danger {
  color: var(--halo-status-content-all-accent);
  background-color: var(--halo-status-background-error-accent);
  border-color: var(--halo-action-primary-border-default);
}
.lib-tag.lib-variant-filled.lib-status-danger.lib-color-light {
  color: var(--halo-status-content-error);
  background-color: var(--halo-status-background-error);
}
.lib-tag.lib-variant-filled.lib-status-neutral {
  color: var(--halo-neutral-content-accent);
  background-color: var(--halo-neutral-background-accent);
}
.lib-tag.lib-variant-filled.lib-status-neutral.lib-color-light {
  color: var(--halo-neutral-content-medium);
  background-color: var(--halo-neutral-background-soft);
}
.lib-tag .lib-icon {
  margin-right: 0.5rem;
}
.lib-tag.lib-icon-after .tag {
  flex-direction: row-reverse;
}
.lib-tag.lib-icon-after .lib-icon {
  margin-right: 0;
  margin-left: 0.5rem;
}
.lib-tag.lib-size-sm {
  border-radius: 1.6rem;
  padding: 4px 8px;
}
.lib-tag.lib-size-sm .mat-icon {
  height: 16px;
  width: 16px;
  font-size: 16px;
}
.lib-tag.lib-size-md {
  border-radius: 2.4rem;
  padding: 6px 16px;
  min-height: 32px;
}
.lib-tag.lib-size-lg {
  border-radius: 2.4rem;
  padding: 8px 16px;
}
.lib-tag.lib-size-lg .mat-icon {
  height: 24px;
  width: 24px;
  font-size: 24px;
}
.lib-tag .tag {
  display: flex;
  align-items: center;
  justify-content: center;
}

.lib-input-file .lib-upload-box .box {
  border-radius: 0.8rem;
  padding: 4.8rem;
  border: 1px dashed var(--halo-global-all-disabled-strong);
  background-color: transparent;
  min-height: 18.3rem;
  margin: 0.4rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
.lib-input-file .lib-upload-box .box:focus:not(.dropping), .lib-input-file .lib-upload-box .box:hover:not(.dropping) {
  background-color: var(--halo-selection-primary-background-interacting);
  border-color: var(--halo-selection-primary-border-interacting);
}
.lib-input-file .lib-upload-box .box:focus:not(.dropping) .box-content, .lib-input-file .lib-upload-box .box:hover:not(.dropping) .box-content {
  color: var(--halo-selection-primary-content-interacting);
}
.lib-input-file .lib-upload-box .box .box-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  width: 100%;
  height: 100%;
  color: var(--halo-neutral-content-strong);
}
.lib-input-file .lib-upload-box .box .dropping-box,
.lib-input-file .lib-upload-box .box .dropping-box-error,
.lib-input-file .lib-upload-box .box .dropping-disabled {
  display: none;
}
.lib-input-file .lib-upload-box .box * {
  pointer-events: none;
}
.lib-input-file .lib-upload-box .box.disabled {
  background-color: var(--halo-global-all-disabled-soft);
  cursor: default;
}
.lib-input-file .lib-upload-box .box.disabled:hover {
  background-color: var(--halo-global-all-disabled-soft);
}
.lib-input-file .lib-upload-box .box.disabled .dropping-disabled {
  display: flex;
  color: var(--halo-neutral-content-strong);
}
.lib-input-file .lib-upload-box .box.disabled .dropping-box,
.lib-input-file .lib-upload-box .box.disabled .default {
  display: none;
}
.lib-input-file .lib-upload-box .box.disabled .lib-icon-color-disable {
  color: var(--halo-neutral-content-strong);
}
.lib-input-file.ng-invalid.ng-touched .lib-upload-box .box {
  background-color: transparent;
  border-color: var(--halo-status-border-error);
}
.lib-input-file.ng-invalid.ng-touched .lib-upload-box .box .box-content {
  color: var(--halo-neutral-content-strong);
}
.lib-input-file.ng-invalid.ng-touched .lib-upload-box .box.dropping, .lib-input-file.ng-invalid.ng-touched .lib-upload-box .box:focus, .lib-input-file.ng-invalid.ng-touched .lib-upload-box .box:hover {
  background-color: var(--halo-status-background-error);
  border-color: var(--halo-status-border-error);
  transition: background-color ease-in-out 400ms;
}
.lib-input-file.ng-invalid.ng-touched .lib-upload-box .box.dropping .box-content, .lib-input-file.ng-invalid.ng-touched .lib-upload-box .box:focus .box-content, .lib-input-file.ng-invalid.ng-touched .lib-upload-box .box:hover .box-content {
  color: var(--halo-status-content-error);
}
.lib-input-file.ng-invalid.ng-touched .lib-upload-box .box.dropping .default,
.lib-input-file.ng-invalid.ng-touched .lib-upload-box .box.dropping .dropping-box {
  display: none;
}
.lib-input-file.ng-invalid.ng-touched .lib-upload-box .box.dropping .dropping-box-error {
  display: flex;
}
.lib-input-file .lib-upload-files-queue {
  margin-top: 1.6rem;
  display: block;
}
.lib-input-file .lib-upload-files-queue .file-list {
  margin-top: 8px;
  overflow: hidden;
}
.lib-input-file .lib-upload-files-queue .file-item {
  line-height: 2.4rem;
  width: 100%;
  padding: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 11px;
  background: var(--halo-neutral-background-strong);
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--halo-global-all-disabled-strong);
  margin-bottom: 4px;
}
.lib-input-file .lib-upload-files-queue .file-item .file-label {
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}
.lib-input-file .lib-upload-files-queue .file-item .action {
  justify-self: flex-end;
}
.lib-input-file .lib-upload-files-queue .file-item.error {
  background: var(--halo-neutral-background-strong);
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--halo-status-border-error);
}
.lib-input-file .lib-upload-files-queue .file-item.disabled {
  background-color: var(--halo-global-all-disabled-soft);
  border-radius: 8px;
  border: 1px solid;
  border-color: var(--halo-global-all-disabled-strong);
}

.lib-input-phone .lib-input {
  display: flex;
  gap: 1rem;
  padding: 1rem 1.6rem;
  background-color: var(--halo-edition-background-interacting);
}
.lib-input-phone .lib-input.lib-small {
  padding: 0.6rem 1.6rem;
}
.lib-input-phone input[disabled] {
  background-color: inherit;
}
.lib-input-phone .lib-country {
  width: 11.4rem;
  flex-shrink: 0;
  border: 0;
  height: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.lib-input-phone .lib-country.disabled {
  pointer-events: none;
}
.lib-input-phone .lib-country .selected-option-pays-display {
  display: flex;
  justify-content: space-around;
  text-align: right;
  align-items: center;
}
.lib-input-phone .lib-country .selected-option-pays-display .flag-country {
  width: 30px;
  height: 30px;
}
.lib-input-phone .lib-country .selected-option-pays-display .flag-country .lib-icon {
  align-items: center;
}
.lib-input-phone .lib-phone {
  display: block;
  flex-grow: 1;
  border: 0;
  height: 100%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  outline: none;
}
@media only screen and (min-width: 904px) {
  .lib-input-phone .lib-phone {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-input-phone .lib-phone {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-input-phone .lib-phone:not([disabled])[aria-invalid=true], .lib-input-phone .lib-phone:not([disabled]).input-error {
  color: var(--halo-status-content-error);
}
.lib-input-phone .divider {
  height: 2.8rem;
  border-right: 1px solid #d2d2d1;
}

/**
 * Carte non interactive
 */
/**
 * Mixin abstrait pour les cards interactives (clickable ou selectables)
 */
/**
 * Mixin pour les cards cliquables (boutons)
 */
/**
 * Mixin pour les cards selectionnables (checkbox, radio-button)
 */
/**
 * Carte sélectionnable
 */
.lib-card-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.lib-card-list .mat-mdc-checkbox {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  background-color: var(--halo-neutral-background-strong);
  border-radius: 0.8rem;
  overflow: hidden;
  white-space: normal;
  padding: 2.4rem;
}
@media only screen and (min-width: 904px) {
  .lib-card-list .mat-mdc-checkbox {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-card-list .mat-mdc-checkbox {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-card-list .mat-mdc-checkbox.elevated-card {
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}
.lib-card-list .mat-mdc-checkbox.border {
  border: 1px solid var(--halo-neutral-border-strong);
}
.lib-card-list .mat-mdc-checkbox.disabled, .lib-card-list .mat-mdc-checkbox[disabled] {
  opacity: 0.6;
  pointer-events: none;
}
.lib-card-list .mat-mdc-checkbox:focus-visible, .lib-card-list .mat-mdc-checkbox.cdk-keyboard-focused {
  outline-color: var(--halo-global-border-focus);
  outline-offset: 0.2rem;
  outline-style: solid;
  outline-width: 0.2rem;
}
.lib-card-list .mat-mdc-checkbox:hover:not(.mat-mdc-checkbox-disabled) {
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}
.lib-card-list .mat-mdc-checkbox:hover:not(.mat-mdc-checkbox-disabled) .mat-ripple {
  display: none;
}
.lib-card-list .mat-mdc-checkbox.mat-mdc-checkbox-checked {
  background-color: var(--halo-selection-secondary-background-selected);
}
.lib-card-list .mat-mdc-checkbox {
  position: relative;
}
.lib-card-list .mat-mdc-checkbox:focus-visible, .lib-card-list .mat-mdc-checkbox:focus-within {
  text-decoration: none;
  outline-offset: 2px;
  outline: 2px solid var(--halo-edition-border-interacting);
  border-color: var(--halo-edition-border-interacting);
}
.lib-card-list .mat-mdc-checkbox.lib-card-box .mat-mdc-checkbox-layout {
  position: relative;
}
.lib-card-list .mat-mdc-checkbox.lib-card-box .mat-mdc-checkbox-layout .mdc-checkbox {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
.lib-card-list .mat-mdc-checkbox.cdk-keyboard-focused .mdc-checkbox:not(.mat-mdc-checkbox-disabled) {
  outline: none;
}
.lib-card-list .mat-mdc-checkbox .mat-mdc-checkbox-layout {
  gap: 1.6rem;
  align-items: center;
  white-space: inherit;
}
.lib-card-list .mat-mdc-checkbox .mat-mdc-checkbox-layout .mdc-checkbox {
  margin: 10px;
}
.lib-card-list .mat-mdc-radio-group {
  display: flex;
  padding-left: 0;
}
.lib-card-list .mat-mdc-radio-button {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  background-color: var(--halo-neutral-background-strong);
  border-radius: 0.8rem;
  overflow: hidden;
  white-space: normal;
  padding: 2.4rem;
}
@media only screen and (min-width: 904px) {
  .lib-card-list .mat-mdc-radio-button {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-card-list .mat-mdc-radio-button {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-card-list .mat-mdc-radio-button.elevated-card {
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}
.lib-card-list .mat-mdc-radio-button.border {
  border: 1px solid var(--halo-neutral-border-strong);
}
.lib-card-list .mat-mdc-radio-button.disabled, .lib-card-list .mat-mdc-radio-button[disabled] {
  opacity: 0.6;
  pointer-events: none;
}
.lib-card-list .mat-mdc-radio-button:focus-visible, .lib-card-list .mat-mdc-radio-button.cdk-keyboard-focused {
  outline-color: var(--halo-global-border-focus);
  outline-offset: 0.2rem;
  outline-style: solid;
  outline-width: 0.2rem;
}
.lib-card-list .mat-mdc-radio-button:hover:not(.mat-mdc-radio-disabled) {
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}
.lib-card-list .mat-mdc-radio-button:hover:not(.mat-mdc-radio-disabled) .mat-ripple {
  display: none;
}
.lib-card-list .mat-mdc-radio-button.mat-mdc-radio-checked {
  background-color: var(--halo-selection-secondary-background-selected);
}
.lib-card-list .mat-mdc-radio-button {
  position: relative;
}
.lib-card-list .mat-mdc-radio-button:focus-visible, .lib-card-list .mat-mdc-radio-button:focus-within {
  text-decoration: none;
  outline-offset: 2px;
  outline: 2px solid var(--halo-edition-border-interacting);
  border-color: var(--halo-edition-border-interacting);
}
.lib-card-list .mat-mdc-radio-button.lib-card-box .mat-radio-label {
  position: relative;
}
.lib-card-list .mat-mdc-radio-button.lib-card-box .mat-radio-label .mdc-radio {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
.lib-card-list .mat-mdc-radio-button.cdk-keyboard-focused .mdc-radio__outer-circle:not(.mat-mdc-radio-disabled) {
  outline: none;
}
@media only screen and (min-width: 904px) {
  .lib-card-list .mat-mdc-radio-button.mat-primary.mat-mdc-radio-checked .mdc-label {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-card-list .mat-mdc-radio-button.mat-primary.mat-mdc-radio-checked .mdc-label {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-card-list .mat-mdc-radio-button .mat-radio-label {
  white-space: inherit;
}

.lib-select-list .lib-card-list .mat-mdc-checkbox {
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0;
  --mdc-checkbox-unselected-focus-state-layer-color: transparent;
  --mdc-checkbox-selected-focus-state-layer-color: transparent;
}
.lib-select-list .lib-card-list .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled):focus .mdc-checkbox__background, .lib-select-list .lib-card-list .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled):focus-visible .mdc-checkbox__background, .lib-select-list .lib-card-list .mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled):focus-within .mdc-checkbox__background {
  outline: none;
}

/**
 * Carte action
 */
.lib-card-action,
.lib-card-list .lib-action-item {
  border: 0.2rem solid transparent;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  background-color: var(--halo-neutral-background-strong);
  border-radius: 0.8rem;
  overflow: hidden;
  white-space: normal;
  padding: 2.4rem;
}
@media only screen and (min-width: 904px) {
  .lib-card-action,
  .lib-card-list .lib-action-item {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-card-action,
  .lib-card-list .lib-action-item {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-card-action.elevated-card,
.lib-card-list .lib-action-item.elevated-card {
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}
.lib-card-action.border,
.lib-card-list .lib-action-item.border {
  border: 1px solid var(--halo-neutral-border-strong);
}
.lib-card-action.disabled, .lib-card-action[disabled],
.lib-card-list .lib-action-item.disabled,
.lib-card-list .lib-action-item[disabled] {
  opacity: 0.6;
  pointer-events: none;
}
.lib-card-action:focus-visible, .lib-card-action.cdk-keyboard-focused,
.lib-card-list .lib-action-item:focus-visible,
.lib-card-list .lib-action-item.cdk-keyboard-focused {
  outline-color: var(--halo-global-border-focus);
  outline-offset: 0.2rem;
  outline-style: solid;
  outline-width: 0.2rem;
}
.lib-card-action:hover:not([disabled]),
.lib-card-list .lib-action-item:hover:not([disabled]) {
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}
.lib-card-action:hover:not([disabled]) .mat-ripple,
.lib-card-list .lib-action-item:hover:not([disabled]) .mat-ripple {
  display: none;
}
.lib-card-action:active,
.lib-card-list .lib-action-item:active {
  border-color: var(--halo-selection-primary-border-selected);
}

/**
 * Carte simple
 */
.lib-card,
.lib-container-card,
.lib-card-list .lib-list-item {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  background-color: var(--halo-neutral-background-strong);
  border-radius: 0.8rem;
  overflow: hidden;
  white-space: normal;
  padding: 2.4rem;
}
@media only screen and (min-width: 904px) {
  .lib-card,
  .lib-container-card,
  .lib-card-list .lib-list-item {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  .lib-card,
  .lib-container-card,
  .lib-card-list .lib-list-item {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
.lib-card.elevated-card,
.lib-container-card.elevated-card,
.lib-card-list .lib-list-item.elevated-card {
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}
.lib-card.border,
.lib-container-card.border,
.lib-card-list .lib-list-item.border {
  border: 1px solid var(--halo-neutral-border-strong);
}
.lib-card.disabled, .lib-card[disabled],
.lib-container-card.disabled,
.lib-container-card[disabled],
.lib-card-list .lib-list-item.disabled,
.lib-card-list .lib-list-item[disabled] {
  opacity: 0.6;
  pointer-events: none;
}

.lib-inset-border {
  background-color: #fafafa;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -9999em;
  width: 0.4rem;
}
.lib-inset-border.right {
  left: auto;
  right: 0;
}
.lib-inset-border.top {
  height: 0.4rem;
  width: 100%;
  top: 0;
}
.lib-inset-border.bottom {
  height: 0.4rem;
  width: 100%;
  top: auto;
  bottom: 0;
}

.lib-card-body {
  display: flex;
  align-items: center;
  gap: 16px;
}
.lib-card-body .lib-card-icon-container {
  display: flex;
}
.lib-card-body .lib-card-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4px;
}
.lib-card-body .lib-card-text {
  min-width: 220px;
}

.lib-card-box .lib-card-body {
  flex-direction: column;
}
.lib-card-box .lib-card-body .lib-card-content {
  align-items: center;
}
.lib-card-box .lib-card-body .lib-card-text {
  display: flex;
  text-align: center;
  min-width: auto;
}

@media (max-width: 360px) {
  .lib-card-body {
    flex-direction: column;
  }
  .lib-card-body .lib-card-icon-container {
    align-self: start;
  }
  .lib-card-box .lib-card-body .lib-card-icon-container {
    align-self: auto;
  }
}
.lib-action-list .lib-action-item {
  color: inherit; /* Makes the button text inherit the color of the tile */
  background-color: var(--halo-neutral-background-strong);
  border-radius: 8px;
  padding: 2.4rem;
  align-items: center;
  font: inherit; /* Makes the button text inherit the font of the tile */
  cursor: pointer; /* Changes the cursor to a hand when hovering over the button */
  outline: inherit; /* Makes the button outline inherit the outline of the tile */
  border: 2px solid transparent;
}
.lib-action-list .lib-action-item:hover:not([disabled]) {
  box-shadow: 0 1px 12px 0 rgba(60, 60, 60, 0.2);
}
.lib-action-list .lib-action-item:active {
  border-color: var(--halo-selection-primary-border-selected);
}
.lib-action-list .lib-action-item[disabled] {
  opacity: 0.6;
  pointer-events: none;
}
.lib-action-list .lib-card-body {
  display: flex;
  align-items: center;
  gap: 16px;
}
.lib-action-list .horizontal.lib-card-list {
  flex-wrap: wrap;
  gap: 1.6rem;
}
.lib-action-list .lib-card-box .lib-card-body {
  flex-direction: column;
}

.lib-list {
  display: flex;
  gap: 1.6rem;
}
.lib-list.lib-list-vertical, .lib-list.vertical {
  flex-direction: column;
}
.lib-list > .lib-list-item {
  display: flex; /* Makes the list item a flex container */
}

.lib-input-list {
  display: flex;
  box-sizing: border-box;
  min-height: 4.8rem;
  margin: 0.4rem 0;
  font-size: 1.6rem;
  padding: 1.2rem 1.6rem;
  gap: 1rem;
}

ul.lib-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  border: 0;
}

[libHideWhenOverflow].overflowed {
  height: 0px;
  overflow: hidden;
}

.lib-app-name {
  display: flex;
  gap: 0.8rem;
}
.lib-app-name .app-name {
  padding: 0 0.8rem;
}
.lib-app-name .lib-app-name-logo-container {
  display: flex;
  align-items: center;
}

.template-nav {
  position: relative;
  display: flex;
  height: 100vh;
}
.template-nav.template-nav-left {
  flex-direction: row;
}
@media only screen and (max-width: 904px) {
  .template-nav.template-nav-left {
    flex-direction: column;
  }
}
.template-nav.template-nav-left > .template-nav-container {
  max-width: 288px;
  width: 100%;
}
@media only screen and (max-width: 904px) {
  .template-nav.template-nav-left > .template-nav-container {
    max-width: initial;
  }
}
.template-nav.template-nav-top {
  flex-direction: column;
}
.template-nav .template-nav-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: auto;
}
.template-nav .main-content {
  flex: 1;
}

html {
  font-size: 62.5%;
}

body {
  min-height: 100vh;
  margin: 0;
  overflow: hidden;
  background-color: var(--body-background);
  color: var(--body-color);
}
@media only screen and (min-width: 904px) {
  body {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}
@media only screen and (max-width: 904px) {
  body {
    font-size: 1.6rem;
    font-family: Roboto, monospace;
    font-weight: 400;
    line-height: 145%;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.lib-color-inherit {
  color: inherit !important;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-toastr/toastr.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************/
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */

/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
/* RECUPERATION DE LA FONT Roboto (par defaut) */
@font-face {
  font-family: "Roboto-Regular";
  src: url('Roboto-Regular.83f6acca8a27a93c.ttf');
}
@font-face {
  font-family: "Roboto-Bold";
  src: url('Roboto-Bold.f7aa49713d0a54c5.ttf');
}
@font-face {
  font-family: "Roboto-Light";
  src: url('Roboto-Light.6c0fea71d0542cdb.ttf');
}
@font-face {
  font-family: "Roboto-Medium";
  src: url('Roboto-Medium.de4cbf7a2334c617.ttf');
}
@font-face {
  font-family: "Roboto-Black";
  src: url('Roboto-Black.cfde54761e330910.ttf');
}
html,
body {
  margin: 0;
  padding: 0;
  background-color: #F7F7F7;
  font-family: "Roboto-Regular", sans-serif;
  height: 100%;
}

.mat-mdc-select:focus {
  outline: #003DA5 auto 2px;
}

input[type=text],
select {
  width: 100%;
  height: 50px;
  max-height: 50px;
  border: 1px solid #B4B4B4;
  font-family: "Roboto-Medium", sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  padding-left: 16px;
  box-sizing: border-box;
  color: #333333;
}

input[type=text].searchToggle {
  padding-right: calc(1.5em + 0.75rem);
}

input[type=text]:focus {
  outline-color: #003DA5;
}

input[type=text]::placeholder, select {
  text-transform: none;
}

.div {
  background: #FFFFFF 0 0 no-repeat padding-box;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
}

.btn-primary {
  background-color: #003DA5;
  border: none;
  color: white;
  max-height: 50px;
  max-width: 250px;
  height: 50px;
  letter-spacing: 0.02px;
  text-transform: uppercase;
  font-family: Roboto-Medium, Helvetica, sans-serif;
  font-size: 14px;
  cursor: pointer;
  outline: none;
}

.btn-primary:disabled {
  background-color: #B4B4B4;
  cursor: default;
}

.btn-secondary {
  border: 1px solid #003DA5;
  color: #003DA5;
  background-color: white;
  font-family: Roboto-Medium, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.02px;
  height: 50px;
  max-height: 50px;
  max-width: 250px;
  font-size: 14px;
  cursor: pointer;
  outline: none;
}

.btn-secondary:disabled {
  color: #B4B4B4;
  border-color: #B4B4B4;
  cursor: default;
}

.btn-table {
  color: #003DA5;
  background-color: white;
  font-family: Roboto-Medium, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.02px;
  font-size: 16px;
  cursor: pointer;
  outline: none;
  border: none;
}

.button {
  cursor: pointer;
  outline: none;
}

.txtBtnTableHeader {
  display: inline-block;
  margin-left: 7px;
  margin-top: 3px;
  height: 100%;
}

.buttonsTableHeader {
  background-color: #2D7771;
  color: #FFFFFF;
  border-radius: 25px;
  border: 2px solid #2D7771;
  width: 136px;
  height: 30px;
}

/* Warning : you need to use ngx-toastr */
/* https://www.npmjs.com/package/ngx-toastr */
/* Toaster css*/
.toast-container .ngx-toastr {
  top: 59px;
  border: 1px solid rgba(112, 112, 112, 0.2588235294);
  border-radius: 3px 3px 3px 3px;
  background-color: #FFFFFF;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  width: 320px !important;
  height: 130px !important;
  box-sizing: border-box;
}

.toast-container button {
  color: #333333;
}

#toast-container .toast-title {
  text-align: left;
  font: Bold 15px/18px Roboto-Bold, sans-serif;
  letter-spacing: 0.17px;
  color: #383838;
}

#toast-container .toast-message {
  text-align: left;
  font: 14px/17px Roboto-Regular, sans-serif;
  letter-spacing: 0.16px;
  color: #383838;
  width: 90%;
}

#toast-container > .toast-success {
  border-left: 5px solid #33922E;
  background-color: #D4E9DA;
  background-image: url('Success.477fa8dbd67f64de.svg');
  background-position: 4% 13%, center;
  color: black;
}

#toast-container > .toast-error {
  border-left: 5px solid #E63312;
  background-color: #F5D8D9;
  background-image: url('Error.fe70b2cd503d4e42.svg');
  background-position: 4% 13%, center;
  color: black;
  opacity: 1;
}

#toast-container > .toast-warning {
  border-left: 5px solid #FFCB05;
  background-color: #F8F0D5;
  background-image: url('Warning.b1cda50b8992d58a.svg');
  background-position: 4% 13%, center;
  background-repeat: no-repeat, repeat;
  color: black;
}

#toast-container > .toast-info {
  border-left: 5px solid #006FB9;
  background-color: #DCE6F6;
  background-image: url('Information.aac6244ed0c33057.svg');
  background-position: 4% 13%, center;
  color: black;
}

/* Fin toaster */
/* Gestion input errors */
.invalid-feedback {
  color: red;
  font-family: Roboto-Regular, Courier, monospace;
  font-size: 15px;
}

input.is-invalid {
  outline-color: #dc3545 !important;
  border-color: #dc3545 !important;
}

.d-block {
  height: 18.4px;
}

.d-block-invalid {
  height: 18.4px;
  margin-bottom: -18.4px;
}

/* Autocomplete */
input::-webkit-calendar-picker-indicator {
  display: none;
}

/* Margin added to the mat-menu to align with the global left/right margin of the application page */
.cdk-overlay-connected-position-bounding-box {
  margin-right: 45px;
}

.autocomplete {
  background: white;
  z-index: 1000;
  font-weight: normal;
  box-shadow: 0 1px 11px 5px rgba(0, 0, 0, 0.1607843137);
  padding: 10px 0;
  border-radius: 6px;
}

.autocomplete * {
  font: inherit;
}

.autocomplete > div {
  padding: 0 10px;
  min-height: 2.2em;
  display: flex;
  align-items: center;
}

.autocomplete .group {
  background: #eee;
}

.autocomplete > div:hover:not(.group),
.autocomplete > div.selected {
  background: rgba(180, 180, 180, 0.5);
  cursor: pointer;
}

/**
 * * * * * * * * * * * * * * * * * * * * * *
 *    PROJET DOUANE DU SI INTERNATIONAL    *
 *                                         *
 *             PROCESSUS EXPORT            *
 * * * * * * * * * * * * * * * * * * * * * *
 *
 * Module FRONT développé par le socle Import/Export
 *    * Framework : Angular 10
 *    * Développé pour l'environnement cible :
 *         - Windows 10
 *    * Modules associés :
 *         - Back For Front en Java Spring Boot
 *         - Base de données MySql
 *
 *
 * Fichier : mixin.scss
 *
 * Détails :
 *
 *
 */
/* First Polygon */
/* Middle polygon */
/* Last polygon */
/* Polygon border */
/* Polygon back border */
/**
 * * * * * * * * * * * * * * * * * * * * * *
 *    PROJET REFONTE DU SI INTERNATIONAL   *
 *                                         *
 *             PROCESSUS EXPORT            *
 * * * * * * * * * * * * * * * * * * * * * *
 *
 * Module FRONT développé par le socle Import/Export
 *    * Framework : Angular 10
 *    * Développé pour l'environnement cible :
 *         - Windows 10
 *    * Modules associés :
 *         - Back For Front en Java Spring Boot
 *         - Base de données MySql
 *
 *
 * Fichier : color.scss
 *
 * Détails :
 *
 *
 */
.div {
  margin: 30px 50px 0;
}

.span {
  color: black;
  font-family: Roboto-Medium, Courier, monospace;
  font-size: 18px;
}

a {
  display: inline;
  font-weight: initial;
  text-align: initial;
}

.material-icons {
  font-family: "Material Icons", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
}

.emptyTable {
  height: 17px;
  border: none;
}

b {
  font-weight: bold;
}

.lastTr {
  border-bottom: none !important;
}

.lastTr > * {
  font-weight: normal !important;
}

.tableDiv tr {
  border-bottom: 1px solid rgba(180, 180, 180, 0.5);
}
.tableDiv tr:nth-child(even) {
  background-color: rgba(237, 237, 237, 0.3);
}

html,
body {
  height: 100%;
}

body {
  overflow: visible !important;
  margin: 0;
  font-family: Roboto-Regular, "Helvetica Neue", sans-serif;
}

@media (max-width: 360px) {
  body {
    overflow: hidden !important;
  }
}
#circle {
  display: inline-block;
  background-color: #E33D00;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  margin: 0 9px 1px 0;
}

.mat-calendar-body-label.ng-star-inserted {
  visibility: hidden !important;
}

tr[aria-hidden=true].ng-star-inserted {
  display: none;
}

.mat-calendar-body-cell-content {
  font-family: Roboto-Bold, Courier, monospace !important;
  font-size: 13px !important;
}

.mat-calendar-body-cell-content:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(0, 0, 0, 0.04);
}

.mat-calendar-body-selected {
  background-color: #3f51b5 !important;
  color: white;
}

.mat-calendar-table-header-divider {
  display: none;
}

.mat-calendar-table-header th {
  padding-top: 20px !important;
}

.mat-datepicker-content .mat-calendar {
  height: 100% !important;
}

mat-calendar-table-header th {
  text-align: center;
  padding: 0 0 8px 0;
}

.checkbox_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Change color Checkbox */
.mat-mdc-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .mat-checkbox .mat-ripple-element {
  background: transparent;
}

.mat-mdc-checkbox-ripple,
.mat-mdc-checkbox .mdc-checkbox__ripple {
  display: none !important;
}

.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #003DA5;
}

/** autocomplete dropdown **/
.single-autocomplete {
  max-height: 104px !important;
  overflow: auto;
}

mat-option.mat-mdc-option {
  max-height: 26px !important;
  text-align: left;
  font: normal normal 14px/30px Roboto-Medium, Courier, monospace;
  letter-spacing: 0;
  color: #333333;
  opacity: 1;
}

.single-autocomplete::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

.single-autocomplete::-webkit-scrollbar {
  width: 6px;
  height: 50px;
  background-color: #F5F5F5;
}

.single-autocomplete::-webkit-scrollbar-thumb {
  background-color: rgb(109, 110, 113);
}

/** autocomplete dropdown **/
.empty-result {
  font: normal normal 27px/27px Roboto-Regular, sans-serif;
  letter-spacing: 0;
  color: #B4B4B4;
  text-transform: initial;
}

.search-spinner {
  display: flex;
  margin-top: 51px;
  justify-content: center;
  align-items: center;
  background: white;
  position: absolute;
  width: 100%;
  height: calc(100% - 52px);
  z-index: 1;
}

.mdc-list-item--selected .mdc-list-item__primary-text {
  color: #333333;
}

.mat-mdc-checkbox {
  right: 11px;
  padding-left: 0;
}

.mat-mdc-checkbox .mdc-form-field {
  height: 20px;
}

.mat-mdc-option .mdc-list-item__primary-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap !important;
}

.mat-mdc-dialog-surface {
  display: block;
  padding: 20px 24px;
  border-radius: 4px;
  box-sizing: border-box;
  overflow: auto;
  outline: 0;
  width: 100%;
  height: 100%;
  min-height: inherit;
  max-height: inherit;
}

.mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container {
  justify-content: center;
}
.mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-range-label {
  font: normal normal medium 14px/17px Roboto, sans-serif;
  color: #333333;
  margin-top: 30px;
  margin-left: 50px;
  order: 3;
}
.mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-icon-button svg {
  width: var(--mdc-icon-button-icon-size, 50px);
  height: var(--mdc-icon-button-icon-size, 50px);
}
.mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-icon-button .mat-mdc-button-persistent-ripple {
  visibility: hidden;
}
.mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-navigation-first {
  order: 1;
}
.mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-navigation-previous {
  order: 2;
}
.mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-navigation-next {
  order: 4;
}
.mat-mdc-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container .mat-mdc-paginator-navigation-last {
  order: 5;
}

.caption {
  display: none;
}

.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle,
.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: #3f51b5 !important;
}

.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: #5d5d5d;
  --mdc-radio-disabled-unselected-icon-color: #5d5d5d;
  --mdc-radio-unselected-focus-icon-color: #003da5;
  --mdc-radio-unselected-hover-icon-color: #003da5;
  --mdc-radio-selected-focus-icon-color: #003da5;
  --mdc-radio-selected-hover-icon-color: #003da5;
  --mdc-radio-selected-icon-color: #003da5;
  --mdc-radio-selected-pressed-icon-color: #003da5;
  --mat-mdc-radio-checked-ripple-color: #003da5;
}

.mat-mdc-radio-button .mdc-radio {
  padding-left: 0;
}

.hideComponent {
  opacity: 1;
}

fieldset {
  border: none;
  padding: 0 !important;
}

#authorizedWeight::placeholder {
  color: #5D5D5D;
  font-family: "Roboto-Light", sans-serif;
  font-style: italic;
}

#bandeau-portail .B7_search_input::placeholder {
  color: #5D5D5D;
  font-family: "Roboto-Light", sans-serif;
  font-style: italic;
}

.lib-card {
  margin: 10px 0;
}

.lib-paginator {
  padding-right: 24px;
}

.mat-mdc-snack-bar-container {
  margin-top: 75px !important;
  width: 394px !important;
}

.mat-mdc-snack-bar-label {
  height: 64px !important;
  width: 386px !important;
}

.toast-message {
  font-size: 1.4rem !important;
}

.mat-mdc-dialog-container-with-actions:has(.empty-result-dialog) .lib-button.lib-variant-filled {
  display: none;
}

.lib-dialog-panel .lib-dialog-container .lib-dialog-only-text-content {
  align-self: stretch;
  margin-right: 0;
  width: 100%;
  flex: 1 1 auto;
}

@media (max-width: 1200px) {
  .open-dialog {
    overflow-y: auto;
    overflow-x: auto;
  }
}
@media (max-width: 380px) {
  #bandeau-portail > #B7_page-front > #B7_bandeau_Button {
    visibility: hidden !important;
  }
}

/*# sourceMappingURL=styles.00991b190c75cb83.css.map*/