@charset "UTF-8";

:root,
[data-theme] {
    --nj-color-background-primary: var(--nj-color-base-neutral-0);
    --nj-color-background-primary-hovered: var(--nj-color-base-neutral-200);
    --nj-color-background-primary-focused: var(--nj-color-base-neutral-200);
    --nj-color-background-primary-pressed: var(--nj-color-base-neutral-300);
    --nj-color-background-primary-selected: var(--nj-color-base-brand-200);
    --nj-color-background-secondary: var(--nj-color-base-neutral-100);
    --nj-color-background-secondary-hovered: var(--nj-color-base-neutral-200);
    --nj-color-background-secondary-focused: var(--nj-color-base-neutral-200);
    --nj-color-background-secondary-pressed: var(--nj-color-base-neutral-300);
    --nj-color-background-secondary-transparent: var(--nj-color-base-neutral-alpha-100);
    --nj-color-background-secondary-transparent-hovered: var(--nj-color-base-neutral-alpha-200);
    --nj-color-background-secondary-transparent-focused: var(--nj-color-base-neutral-alpha-200);
    --nj-color-background-secondary-transparent-pressed: var(--nj-color-base-neutral-alpha-300);
    --nj-color-background-tertiary: var(--nj-color-base-neutral-200);
    --nj-color-background-tertiary-hovered: var(--nj-color-base-neutral-300);
    --nj-color-background-tertiary-focused: var(--nj-color-base-neutral-300);
    --nj-color-background-tertiary-pressed: var(--nj-color-base-neutral-400);
    --nj-color-background-tertiary-transparent: var(--nj-color-base-neutral-alpha-200);
    --nj-color-background-tertiary-transparent-hovered: var(--nj-color-base-neutral-alpha-300);
    --nj-color-background-tertiary-transparent-focused: var(--nj-color-base-neutral-alpha-300);
    --nj-color-background-tertiary-transparent-pressed: var(--nj-color-base-neutral-alpha-400);
    --nj-color-background-neutral: var(--nj-color-base-neutral-600);
    --nj-color-background-neutral-hovered: var(--nj-color-base-neutral-700);
    --nj-color-background-neutral-focused: var(--nj-color-base-neutral-700);
    --nj-color-background-neutral-pressed: var(--nj-color-base-neutral-800);
    --nj-color-background-transparent: var(--nj-color-base-neutral-alpha-0);
    --nj-color-background-transparent-hovered: var(--nj-color-base-neutral-alpha-200);
    --nj-color-background-transparent-focused: var(--nj-color-base-neutral-alpha-200);
    --nj-color-background-transparent-pressed: var(--nj-color-base-neutral-alpha-300);
    --nj-color-background-transparent-selected: var(--nj-color-base-brand-alpha-200);
    --nj-color-background-inverse: var(--nj-color-base-neutral-0);
    --nj-color-background-inverse-hovered: var(--nj-color-base-neutral-200);
    --nj-color-background-inverse-focused: var(--nj-color-base-neutral-200);
    --nj-color-background-inverse-pressed: var(--nj-color-base-neutral-300);
    --nj-color-background-inverse-transparent: transparent;
    --nj-color-background-inverse-transparent-hovered: rgba(168, 213, 247, .17);
    --nj-color-background-inverse-transparent-focused: rgba(168, 213, 247, .17);
    --nj-color-background-inverse-transparent-pressed: rgba(166, 222, 255, .31);
    --nj-color-background-inverse-contrast: rgba(164, 211, 229, .07);
    --nj-color-background-high-contrast: var(--nj-color-base-neutral-900);
    --nj-color-background-backdrop: var(--nj-color-base-neutral-alpha-500);
    --nj-color-background-brand: var(--nj-color-base-brand-600);
    --nj-color-background-brand-secondary: var(--nj-color-base-brand-100);
    --nj-color-background-brand-tertiary: var(--nj-color-base-brand-200);
    --nj-color-background-brand-tertiary-hovered: var(--nj-color-base-brand-300);
    --nj-color-background-brand-tertiary-focused: var(--nj-color-base-brand-300);
    --nj-color-background-brand-tertiary-pressed: var(--nj-color-base-brand-400);
    --nj-color-background-brand-hovered: var(--nj-color-base-brand-700);
    --nj-color-background-brand-focused: var(--nj-color-base-brand-700);
    --nj-color-background-brand-pressed: var(--nj-color-base-brand-800);
    --nj-color-background-brand-transparent: var(--nj-color-base-brand-alpha-0);
    --nj-color-background-brand-transparent-hovered: var(--nj-color-base-brand-alpha-200);
    --nj-color-background-brand-transparent-focused: var(--nj-color-base-brand-alpha-200);
    --nj-color-background-brand-transparent-pressed: var(--nj-color-base-brand-alpha-300);
    --nj-color-background-brand-high-contrast: var(--nj-color-base-brand-900);
    --nj-color-background-danger: var(--nj-color-base-danger-600);
    --nj-color-background-danger-secondary: var(--nj-color-base-danger-100);
    --nj-color-background-danger-tertiary: var(--nj-color-base-danger-200);
    --nj-color-background-danger-tertiary-hovered: var(--nj-color-base-danger-300);
    --nj-color-background-danger-tertiary-focused: var(--nj-color-base-danger-300);
    --nj-color-background-danger-tertiary-pressed: var(--nj-color-base-danger-400);
    --nj-color-background-danger-tertiary-transparent: var(--nj-color-base-danger-alpha-200);
    --nj-color-background-danger-hovered: var(--nj-color-base-danger-700);
    --nj-color-background-danger-pressed: var(--nj-color-base-danger-800);
    --nj-color-background-danger-focused: var(--nj-color-base-danger-700);
    --nj-color-background-danger-transparent: var(--nj-color-base-danger-alpha-0);
    --nj-color-background-danger-transparent-hovered: var(--nj-color-base-danger-alpha-200);
    --nj-color-background-danger-transparent-focused: var(--nj-color-base-danger-alpha-200);
    --nj-color-background-danger-transparent-pressed: var(--nj-color-base-danger-alpha-300);
    --nj-color-background-danger-transparent-selected: var(--nj-color-base-danger-alpha-200);
    --nj-color-background-success: var(--nj-color-base-success-600);
    --nj-color-background-success-secondary: var(--nj-color-base-success-100);
    --nj-color-background-success-tertiary: var(--nj-color-base-success-200);
    --nj-color-background-success-tertiary-hovered: var(--nj-color-base-success-300);
    --nj-color-background-success-tertiary-focused: var(--nj-color-base-success-300);
    --nj-color-background-success-tertiary-pressed: var(--nj-color-base-success-400);
    --nj-color-background-success-tertiary-transparent: var(--nj-color-base-success-alpha-200);
    --nj-color-background-success-hovered: var(--nj-color-base-success-700);
    --nj-color-background-success-pressed: var(--nj-color-base-success-800);
    --nj-color-background-success-transparent: var(--nj-color-base-success-alpha-0);
    --nj-color-background-success-transparent-hovered: var(--nj-color-base-success-alpha-200);
    --nj-color-background-success-transparent-focused: var(--nj-color-base-success-alpha-200);
    --nj-color-background-success-transparent-pressed: var(--nj-color-base-success-alpha-300);
    --nj-color-background-success-transparent-selected: var(--nj-color-base-success-alpha-200);
    --nj-color-background-warning: var(--nj-color-base-warning-400);
    --nj-color-background-warning-secondary: var(--nj-color-base-warning-100);
    --nj-color-background-warning-tertiary: var(--nj-color-base-warning-200);
    --nj-color-background-warning-tertiary-hovered: var(--nj-color-base-warning-300);
    --nj-color-background-warning-tertiary-focused: var(--nj-color-base-warning-300);
    --nj-color-background-warning-tertiary-pressed: var(--nj-color-base-warning-400);
    --nj-color-background-warning-tertiary-transparent: var(--nj-color-base-warning-alpha-200);
    --nj-color-background-warning-hovered: var(--nj-color-base-warning-500);
    --nj-color-background-warning-pressed: var(--nj-color-base-warning-600);
    --nj-color-background-warning-transparent: var(--nj-color-base-warning-alpha-0);
    --nj-color-background-warning-transparent-hovered: var(--nj-color-base-warning-alpha-200);
    --nj-color-background-warning-transparent-focused: var(--nj-color-base-warning-alpha-200);
    --nj-color-background-warning-transparent-pressed: var(--nj-color-base-warning-alpha-300);
    --nj-color-background-warning-transparent-selected: var(--nj-color-base-warning-alpha-200);
    --nj-color-background-discovery: var(--nj-color-base-discovery-600);
    --nj-color-background-discovery-secondary: var(--nj-color-base-discovery-100);
    --nj-color-background-discovery-tertiary: var(--nj-color-base-discovery-200);
    --nj-color-background-discovery-tertiary-hovered: var(--nj-color-base-discovery-300);
    --nj-color-background-discovery-tertiary-focused: var(--nj-color-base-discovery-300);
    --nj-color-background-discovery-tertiary-pressed: var(--nj-color-base-discovery-400);
    --nj-color-background-discovery-tertiary-transparent: var(--nj-color-base-discovery-alpha-200);
    --nj-color-background-discovery-hovered: var(--nj-color-base-discovery-500);
    --nj-color-background-discovery-pressed: var(--nj-color-base-discovery-600);
    --nj-color-background-discovery-transparent: var(--nj-color-base-discovery-alpha-0);
    --nj-color-background-discovery-transparent-hovered: var(--nj-color-base-discovery-alpha-200);
    --nj-color-background-discovery-transparent-focused: var(--nj-color-base-discovery-alpha-200);
    --nj-color-background-discovery-transparent-pressed: var(--nj-color-base-discovery-alpha-300);
    --nj-color-background-discovery-transparent-selected: var(--nj-color-base-discovery-alpha-200);
    --nj-color-background-information: var(--nj-color-base-information-600);
    --nj-color-background-information-secondary: var(--nj-color-base-information-100);
    --nj-color-background-information-tertiary: var(--nj-color-base-information-200);
    --nj-color-background-information-tertiary-hovered: var(--nj-color-base-information-300);
    --nj-color-background-information-tertiary-focused: var(--nj-color-base-information-300);
    --nj-color-background-information-tertiary-pressed: var(--nj-color-base-information-400);
    --nj-color-background-information-tertiary-transparent: var(--nj-color-base-information-alpha-200);
    --nj-color-background-information-hovered: var(--nj-color-base-information-500);
    --nj-color-background-information-pressed: var(--nj-color-base-information-600);
    --nj-color-background-information-transparent: var(--nj-color-base-information-alpha-0);
    --nj-color-background-information-transparent-hovered: var(--nj-color-base-information-alpha-200);
    --nj-color-background-information-transparent-focused: var(--nj-color-base-information-alpha-200);
    --nj-color-background-information-transparent-pressed: var(--nj-color-base-information-alpha-300);
    --nj-color-background-information-transparent-selected: var(--nj-color-base-information-alpha-200);
    --nj-color-background-pink: var(--nj-color-palette-pink-600);
    --nj-color-background-pink-secondary: var(--nj-color-palette-pink-100);
    --nj-color-background-pink-tertiary: var(--nj-color-palette-pink-200);
    --nj-color-background-pink-tertiary-hovered: var(--nj-color-palette-pink-300);
    --nj-color-background-pink-tertiary-focused: var(--nj-color-palette-pink-300);
    --nj-color-background-pink-tertiary-pressed: var(--nj-color-palette-pink-400);
    --nj-color-background-pink-hovered: var(--nj-color-palette-pink-700);
    --nj-color-background-pink-pressed: var(--nj-color-palette-pink-800);
    --nj-color-background-red: var(--nj-color-palette-red-600);
    --nj-color-background-red-secondary: var(--nj-color-palette-red-100);
    --nj-color-background-red-tertiary: var(--nj-color-palette-red-200);
    --nj-color-background-red-tertiary-hovered: var(--nj-color-palette-red-300);
    --nj-color-background-red-tertiary-focused: var(--nj-color-palette-red-300);
    --nj-color-background-red-tertiary-pressed: var(--nj-color-palette-red-400);
    --nj-color-background-red-hovered: var(--nj-color-palette-red-700);
    --nj-color-background-red-pressed: var(--nj-color-palette-red-800);
    --nj-color-background-orange: var(--nj-color-palette-orange-600);
    --nj-color-background-orange-secondary: var(--nj-color-palette-orange-100);
    --nj-color-background-orange-tertiary: var(--nj-color-palette-orange-200);
    --nj-color-background-orange-tertiary-hovered: var(--nj-color-palette-orange-300);
    --nj-color-background-orange-tertiary-focused: var(--nj-color-palette-orange-300);
    --nj-color-background-orange-tertiary-pressed: var(--nj-color-palette-orange-400);
    --nj-color-background-orange-hovered: var(--nj-color-palette-orange-700);
    --nj-color-background-orange-pressed: var(--nj-color-palette-orange-800);
    --nj-color-background-yellow: var(--nj-color-palette-yellow-300);
    --nj-color-background-yellow-secondary: var(--nj-color-palette-yellow-100);
    --nj-color-background-yellow-tertiary: var(--nj-color-palette-yellow-200);
    --nj-color-background-yellow-tertiary-hovered: var(--nj-color-palette-yellow-300);
    --nj-color-background-yellow-tertiary-focused: var(--nj-color-palette-yellow-300);
    --nj-color-background-yellow-tertiary-pressed: var(--nj-color-palette-yellow-400);
    --nj-color-background-yellow-hovered: var(--nj-color-palette-yellow-700);
    --nj-color-background-yellow-pressed: var(--nj-color-palette-yellow-800);
    --nj-color-background-green: var(--nj-color-palette-green-600);
    --nj-color-background-green-secondary: var(--nj-color-palette-green-100);
    --nj-color-background-green-tertiary: var(--nj-color-palette-green-200);
    --nj-color-background-green-tertiary-hovered: var(--nj-color-palette-green-300);
    --nj-color-background-green-tertiary-focused: var(--nj-color-palette-green-300);
    --nj-color-background-green-tertiary-pressed: var(--nj-color-palette-green-400);
    --nj-color-background-green-hovered: var(--nj-color-palette-green-700);
    --nj-color-background-green-pressed: var(--nj-color-palette-green-800);
    --nj-color-background-grey: var(--nj-color-palette-grey-600);
    --nj-color-background-grey-secondary: var(--nj-color-palette-grey-100);
    --nj-color-background-grey-tertiary: var(--nj-color-palette-grey-200);
    --nj-color-background-grey-tertiary-hovered: var(--nj-color-palette-grey-300);
    --nj-color-background-grey-tertiary-focused: var(--nj-color-palette-grey-300);
    --nj-color-background-grey-tertiary-pressed: var(--nj-color-palette-grey-400);
    --nj-color-background-grey-hovered: var(--nj-color-palette-grey-700);
    --nj-color-background-grey-pressed: var(--nj-color-palette-grey-800);
    --nj-color-background-blue: var(--nj-color-palette-blue-600);
    --nj-color-background-blue-secondary: var(--nj-color-palette-blue-100);
    --nj-color-background-blue-tertiary: var(--nj-color-palette-blue-200);
    --nj-color-background-blue-tertiary-hovered: var(--nj-color-palette-blue-300);
    --nj-color-background-blue-tertiary-focused: var(--nj-color-palette-blue-300);
    --nj-color-background-blue-tertiary-pressed: var(--nj-color-palette-blue-400);
    --nj-color-background-blue-hovered: var(--nj-color-palette-blue-700);
    --nj-color-background-blue-pressed: var(--nj-color-palette-blue-800);
    --nj-color-background-ultramarine: var(--nj-color-palette-ultramarine-600);
    --nj-color-background-ultramarine-secondary: var(--nj-color-palette-ultramarine-100);
    --nj-color-background-ultramarine-tertiary: var(--nj-color-palette-ultramarine-200);
    --nj-color-background-ultramarine-tertiary-hovered: var(--nj-color-palette-ultramarine-300);
    --nj-color-background-ultramarine-tertiary-focused: var(--nj-color-palette-ultramarine-300);
    --nj-color-background-ultramarine-tertiary-pressed: var(--nj-color-palette-ultramarine-400);
    --nj-color-background-ultramarine-hovered: var(--nj-color-palette-ultramarine-700);
    --nj-color-background-ultramarine-pressed: var(--nj-color-palette-ultramarine-800);
    --nj-color-background-purple: var(--nj-color-palette-purple-600);
    --nj-color-background-purple-secondary: var(--nj-color-palette-purple-100);
    --nj-color-background-purple-tertiary: var(--nj-color-palette-purple-200);
    --nj-color-background-purple-tertiary-hovered: var(--nj-color-palette-purple-300);
    --nj-color-background-purple-tertiary-focused: var(--nj-color-palette-purple-300);
    --nj-color-background-purple-tertiary-pressed: var(--nj-color-palette-purple-400);
    --nj-color-background-purple-hovered: var(--nj-color-palette-purple-700);
    --nj-color-background-purple-pressed: var(--nj-color-palette-purple-800);
    --nj-color-background-teal: var(--nj-color-palette-teal-600);
    --nj-color-background-teal-secondary: var(--nj-color-palette-teal-100);
    --nj-color-background-teal-tertiary: var(--nj-color-palette-teal-200);
    --nj-color-background-teal-tertiary-hovered: var(--nj-color-palette-teal-300);
    --nj-color-background-teal-tertiary-focused: var(--nj-color-palette-teal-300);
    --nj-color-background-teal-tertiary-pressed: var(--nj-color-palette-teal-400);
    --nj-color-background-teal-hovered: var(--nj-color-palette-teal-700);
    --nj-color-background-teal-pressed: var(--nj-color-palette-teal-800);
    --nj-color-background-lime: var(--nj-color-palette-lime-600);
    --nj-color-background-lime-secondary: var(--nj-color-palette-lime-100);
    --nj-color-background-lime-tertiary: var(--nj-color-palette-lime-200);
    --nj-color-background-lime-tertiary-hovered: var(--nj-color-palette-lime-300);
    --nj-color-background-lime-tertiary-focused: var(--nj-color-palette-lime-300);
    --nj-color-background-lime-tertiary-pressed: var(--nj-color-palette-lime-400);
    --nj-color-background-lime-hovered: var(--nj-color-palette-lime-700);
    --nj-color-background-lime-pressed: var(--nj-color-palette-lime-800);
    --nj-color-base-brand-100: var(--nj-color-palette-blue-100);
    --nj-color-base-brand-200: var(--nj-color-palette-blue-200);
    --nj-color-base-brand-300: var(--nj-color-palette-blue-300);
    --nj-color-base-brand-400: var(--nj-color-palette-blue-400);
    --nj-color-base-brand-500: var(--nj-color-palette-blue-500);
    --nj-color-base-brand-600: var(--nj-color-palette-blue-600);
    --nj-color-base-brand-700: var(--nj-color-palette-blue-700);
    --nj-color-base-brand-800: var(--nj-color-palette-blue-800);
    --nj-color-base-brand-900: var(--nj-color-palette-blue-900);
    --nj-color-base-brand-alpha-0: var(--nj-color-palette-blue-alpha-0);
    --nj-color-base-brand-alpha-100: var(--nj-color-palette-blue-alpha-100);
    --nj-color-base-brand-alpha-200: var(--nj-color-palette-blue-alpha-200);
    --nj-color-base-brand-alpha-300: var(--nj-color-palette-blue-alpha-300);
    --nj-color-base-neutral-0: var(--nj-color-palette-grey-0);
    --nj-color-base-neutral-100: var(--nj-color-palette-grey-100);
    --nj-color-base-neutral-200: var(--nj-color-palette-grey-200);
    --nj-color-base-neutral-300: var(--nj-color-palette-grey-300);
    --nj-color-base-neutral-400: var(--nj-color-palette-grey-400);
    --nj-color-base-neutral-500: var(--nj-color-palette-grey-500);
    --nj-color-base-neutral-600: var(--nj-color-palette-grey-600);
    --nj-color-base-neutral-700: var(--nj-color-palette-grey-700);
    --nj-color-base-neutral-800: var(--nj-color-palette-grey-800);
    --nj-color-base-neutral-900: var(--nj-color-palette-grey-900);
    --nj-color-base-neutral-1000: var(--nj-color-palette-grey-1000);
    --nj-color-base-neutral-alpha-0: var(--nj-color-palette-grey-alpha-0);
    --nj-color-base-neutral-alpha-100: var(--nj-color-palette-grey-alpha-100);
    --nj-color-base-neutral-alpha-200: var(--nj-color-palette-grey-alpha-200);
    --nj-color-base-neutral-alpha-300: var(--nj-color-palette-grey-alpha-300);
    --nj-color-base-neutral-alpha-400: var(--nj-color-palette-grey-alpha-400);
    --nj-color-base-neutral-alpha-500: var(--nj-color-palette-grey-alpha-500);
    --nj-color-base-danger-100: var(--nj-color-palette-red-100);
    --nj-color-base-danger-200: var(--nj-color-palette-red-200);
    --nj-color-base-danger-300: var(--nj-color-palette-red-300);
    --nj-color-base-danger-400: var(--nj-color-palette-red-400);
    --nj-color-base-danger-500: var(--nj-color-palette-red-500);
    --nj-color-base-danger-600: var(--nj-color-palette-red-600);
    --nj-color-base-danger-700: var(--nj-color-palette-red-700);
    --nj-color-base-danger-800: var(--nj-color-palette-red-800);
    --nj-color-base-danger-900: var(--nj-color-palette-red-900);
    --nj-color-base-danger-alpha-0: var(--nj-color-palette-red-alpha-0);
    --nj-color-base-danger-alpha-100: var(--nj-color-palette-red-alpha-100);
    --nj-color-base-danger-alpha-200: var(--nj-color-palette-red-alpha-200);
    --nj-color-base-danger-alpha-300: var(--nj-color-palette-red-alpha-300);
    --nj-color-base-success-100: var(--nj-color-palette-green-100);
    --nj-color-base-success-200: var(--nj-color-palette-green-200);
    --nj-color-base-success-300: var(--nj-color-palette-green-300);
    --nj-color-base-success-400: var(--nj-color-palette-green-400);
    --nj-color-base-success-500: var(--nj-color-palette-green-500);
    --nj-color-base-success-600: var(--nj-color-palette-green-600);
    --nj-color-base-success-700: var(--nj-color-palette-green-700);
    --nj-color-base-success-800: var(--nj-color-palette-green-800);
    --nj-color-base-success-900: var(--nj-color-palette-green-900);
    --nj-color-base-success-alpha-0: var(--nj-color-palette-green-alpha-0);
    --nj-color-base-success-alpha-100: var(--nj-color-palette-green-alpha-100);
    --nj-color-base-success-alpha-200: var(--nj-color-palette-green-alpha-200);
    --nj-color-base-success-alpha-300: var(--nj-color-palette-green-alpha-300);
    --nj-color-base-warning-100: var(--nj-color-palette-orange-100);
    --nj-color-base-warning-200: var(--nj-color-palette-orange-200);
    --nj-color-base-warning-300: var(--nj-color-palette-orange-300);
    --nj-color-base-warning-400: var(--nj-color-palette-orange-400);
    --nj-color-base-warning-500: var(--nj-color-palette-orange-500);
    --nj-color-base-warning-600: var(--nj-color-palette-orange-600);
    --nj-color-base-warning-700: var(--nj-color-palette-orange-700);
    --nj-color-base-warning-800: var(--nj-color-palette-orange-800);
    --nj-color-base-warning-900: var(--nj-color-palette-orange-900);
    --nj-color-base-warning-alpha-0: var(--nj-color-palette-orange-alpha-0);
    --nj-color-base-warning-alpha-100: var(--nj-color-palette-orange-alpha-100);
    --nj-color-base-warning-alpha-200: var(--nj-color-palette-orange-alpha-200);
    --nj-color-base-warning-alpha-300: var(--nj-color-palette-orange-alpha-300);
    --nj-color-base-discovery-100: var(--nj-color-palette-purple-100);
    --nj-color-base-discovery-200: var(--nj-color-palette-purple-200);
    --nj-color-base-discovery-300: var(--nj-color-palette-purple-300);
    --nj-color-base-discovery-400: var(--nj-color-palette-purple-400);
    --nj-color-base-discovery-500: var(--nj-color-palette-purple-500);
    --nj-color-base-discovery-600: var(--nj-color-palette-purple-600);
    --nj-color-base-discovery-700: var(--nj-color-palette-purple-700);
    --nj-color-base-discovery-800: var(--nj-color-palette-purple-800);
    --nj-color-base-discovery-900: var(--nj-color-palette-purple-900);
    --nj-color-base-discovery-alpha-0: var(--nj-color-palette-purple-alpha-0);
    --nj-color-base-discovery-alpha-100: var(--nj-color-palette-purple-alpha-100);
    --nj-color-base-discovery-alpha-200: var(--nj-color-palette-purple-alpha-200);
    --nj-color-base-discovery-alpha-300: var(--nj-color-palette-purple-alpha-300);
    --nj-color-base-information-100: var(--nj-color-palette-blue-100);
    --nj-color-base-information-200: var(--nj-color-palette-blue-200);
    --nj-color-base-information-300: var(--nj-color-palette-blue-300);
    --nj-color-base-information-400: var(--nj-color-palette-blue-400);
    --nj-color-base-information-500: var(--nj-color-palette-blue-500);
    --nj-color-base-information-600: var(--nj-color-palette-blue-600);
    --nj-color-base-information-700: var(--nj-color-palette-blue-700);
    --nj-color-base-information-800: var(--nj-color-palette-blue-800);
    --nj-color-base-information-900: var(--nj-color-palette-blue-900);
    --nj-color-base-information-alpha-0: var(--nj-color-palette-blue-alpha-0);
    --nj-color-base-information-alpha-100: var(--nj-color-palette-blue-alpha-100);
    --nj-color-base-information-alpha-200: var(--nj-color-palette-blue-alpha-200);
    --nj-color-base-information-alpha-300: var(--nj-color-palette-blue-alpha-300);
    --nj-color-base-gradient: linear-gradient(90deg, var(--nj-color-palette-engie-blue) 0%, var(--nj-color-palette-engie-green) 100%);
    --nj-color-border-minimal: var(--nj-color-base-neutral-200);
    --nj-color-border-subtle: var(--nj-color-base-neutral-300);
    --nj-color-border-subtle-transparent: var(--nj-color-base-neutral-alpha-300);
    --nj-color-border-moderate: var(--nj-color-base-neutral-400);
    --nj-color-border-bold: var(--nj-color-base-neutral-600);
    --nj-color-border-strong: var(--nj-color-base-neutral-700);
    --nj-color-border-contrast: var(--nj-color-base-neutral-900);
    --nj-color-border-hovered: var(--nj-color-border-brand-bold);
    --nj-color-border-focused: var(--nj-color-border-brand-bold);
    --nj-color-border-brand-moderate: var(--nj-color-base-brand-400);
    --nj-color-border-brand-bold: var(--nj-color-base-brand-600);
    --nj-color-border-brand-strong: var(--nj-color-base-brand-700);
    --nj-color-border-inverse: var(--nj-color-base-neutral-0);
    --nj-color-border-inverse-focused: var(--nj-color-base-neutral-0);
    --nj-color-border-danger-subtle: var(--nj-color-base-danger-300);
    --nj-color-border-danger-moderate: var(--nj-color-base-danger-400);
    --nj-color-border-danger-bold: var(--nj-color-base-danger-600);
    --nj-color-border-danger-strong: var(--nj-color-base-danger-700);
    --nj-color-border-warning-subtle: var(--nj-color-base-warning-300);
    --nj-color-border-warning-moderate: var(--nj-color-base-warning-400);
    --nj-color-border-warning-bold: var(--nj-color-base-warning-600);
    --nj-color-border-warning-strong: var(--nj-color-base-warning-700);
    --nj-color-border-success-subtle: var(--nj-color-base-success-300);
    --nj-color-border-success-moderate: var(--nj-color-base-success-400);
    --nj-color-border-success-bold: var(--nj-color-base-success-600);
    --nj-color-border-success-strong: var(--nj-color-base-success-700);
    --nj-color-border-discovery-subtle: var(--nj-color-base-discovery-300);
    --nj-color-border-discovery-moderate: var(--nj-color-base-discovery-400);
    --nj-color-border-discovery-bold: var(--nj-color-base-discovery-600);
    --nj-color-border-discovery-strong: var(--nj-color-base-discovery-700);
    --nj-color-border-information-subtle: var(--nj-color-base-information-300);
    --nj-color-border-information-moderate: var(--nj-color-base-information-400);
    --nj-color-border-information-bold: var(--nj-color-base-information-600);
    --nj-color-border-information-strong: var(--nj-color-base-information-700);
    --nj-color-border-pink-moderate: var(--nj-color-palette-pink-400);
    --nj-color-border-pink-bold: var(--nj-color-palette-pink-600);
    --nj-color-border-pink-strong: var(--nj-color-palette-pink-700);
    --nj-color-border-red-moderate: var(--nj-color-palette-red-400);
    --nj-color-border-red-bold: var(--nj-color-palette-red-600);
    --nj-color-border-red-strong: var(--nj-color-palette-red-700);
    --nj-color-border-orange-moderate: var(--nj-color-palette-orange-400);
    --nj-color-border-orange-bold: var(--nj-color-palette-orange-600);
    --nj-color-border-orange-strong: var(--nj-color-palette-orange-700);
    --nj-color-border-yellow-moderate: var(--nj-color-palette-yellow-400);
    --nj-color-border-yellow-bold: var(--nj-color-palette-yellow-600);
    --nj-color-border-yellow-strong: var(--nj-color-palette-yellow-700);
    --nj-color-border-green-moderate: var(--nj-color-palette-green-400);
    --nj-color-border-green-bold: var(--nj-color-palette-green-600);
    --nj-color-border-green-strong: var(--nj-color-palette-green-700);
    --nj-color-border-grey-moderate: var(--nj-color-palette-grey-400);
    --nj-color-border-grey-bold: var(--nj-color-palette-grey-600);
    --nj-color-border-grey-strong: var(--nj-color-palette-grey-700);
    --nj-color-border-blue-moderate: var(--nj-color-palette-blue-400);
    --nj-color-border-blue-bold: var(--nj-color-palette-blue-600);
    --nj-color-border-blue-strong: var(--nj-color-palette-blue-700);
    --nj-color-border-ultramarine-moderate: var(--nj-color-palette-ultramarine-400);
    --nj-color-border-ultramarine-bold: var(--nj-color-palette-ultramarine-600);
    --nj-color-border-ultramarine-strong: var(--nj-color-palette-ultramarine-700);
    --nj-color-border-purple-moderate: var(--nj-color-palette-purple-400);
    --nj-color-border-purple-bold: var(--nj-color-palette-purple-600);
    --nj-color-border-purple-strong: var(--nj-color-palette-purple-700);
    --nj-color-border-teal-moderate: var(--nj-color-palette-teal-400);
    --nj-color-border-teal-bold: var(--nj-color-palette-teal-600);
    --nj-color-border-teal-strong: var(--nj-color-palette-teal-700);
    --nj-color-border-lime-moderate: var(--nj-color-palette-lime-400);
    --nj-color-border-lime-bold: var(--nj-color-palette-lime-600);
    --nj-color-border-lime-strong: var(--nj-color-palette-lime-700);
    --nj-color-icon-tertiary: var(--nj-color-base-neutral-500);
    --nj-color-icon-secondary: var(--nj-color-base-neutral-600);
    --nj-color-icon-secondary-hovered: var(--nj-color-base-neutral-700);
    --nj-color-icon-secondary-focused: var(--nj-color-base-neutral-700);
    --nj-color-icon-secondary-pressed: var(--nj-color-base-neutral-800);
    --nj-color-icon-primary: var(--nj-color-base-neutral-800);
    --nj-color-icon-inverse-primary: var(--nj-color-base-neutral-0);
    --nj-color-icon-brand-secondary: var(--nj-color-base-brand-600);
    --nj-color-icon-brand-secondary-hovered: var(--nj-color-base-brand-700);
    --nj-color-icon-brand-secondary-focused: var(--nj-color-base-brand-700);
    --nj-color-icon-brand-secondary-pressed: var(--nj-color-base-brand-800);
    --nj-color-icon-brand-primary: var(--nj-color-base-brand-800);
    --nj-color-icon-danger-secondary: var(--nj-color-base-danger-600);
    --nj-color-icon-danger-secondary-hovered: var(--nj-color-base-danger-700);
    --nj-color-icon-danger-secondary-focused: var(--nj-color-base-danger-700);
    --nj-color-icon-danger-secondary-pressed: var(--nj-color-base-danger-800);
    --nj-color-icon-danger-primary: var(--nj-color-base-danger-800);
    --nj-color-icon-pink-secondary: var(--nj-color-palette-pink-600);
    --nj-color-icon-pink-secondary-hovered: var(--nj-color-palette-pink-700);
    --nj-color-icon-pink-secondary-focused: var(--nj-color-palette-pink-700);
    --nj-color-icon-pink-secondary-pressed: var(--nj-color-palette-pink-800);
    --nj-color-icon-pink-primary: var(--nj-color-palette-pink-800);
    --nj-color-icon-red-secondary: var(--nj-color-palette-red-600);
    --nj-color-icon-red-secondary-hovered: var(--nj-color-palette-red-700);
    --nj-color-icon-red-secondary-focused: var(--nj-color-palette-red-700);
    --nj-color-icon-red-secondary-pressed: var(--nj-color-palette-red-800);
    --nj-color-icon-red-primary: var(--nj-color-palette-red-800);
    --nj-color-icon-orange-secondary: var(--nj-color-palette-orange-600);
    --nj-color-icon-orange-secondary-hovered: var(--nj-color-palette-orange-700);
    --nj-color-icon-orange-secondary-focused: var(--nj-color-palette-orange-700);
    --nj-color-icon-orange-secondary-pressed: var(--nj-color-palette-orange-800);
    --nj-color-icon-orange-primary: var(--nj-color-palette-orange-800);
    --nj-color-icon-yellow-secondary: var(--nj-color-palette-yellow-600);
    --nj-color-icon-yellow-secondary-hovered: var(--nj-color-palette-yellow-700);
    --nj-color-icon-yellow-secondary-focused: var(--nj-color-palette-yellow-700);
    --nj-color-icon-yellow-secondary-pressed: var(--nj-color-palette-yellow-800);
    --nj-color-icon-yellow-primary: var(--nj-color-palette-yellow-800);
    --nj-color-icon-green-secondary: var(--nj-color-palette-green-600);
    --nj-color-icon-green-secondary-hovered: var(--nj-color-palette-green-700);
    --nj-color-icon-green-secondary-focused: var(--nj-color-palette-green-700);
    --nj-color-icon-green-secondary-pressed: var(--nj-color-palette-green-800);
    --nj-color-icon-green-primary: var(--nj-color-palette-green-800);
    --nj-color-icon-grey-secondary: var(--nj-color-palette-grey-600);
    --nj-color-icon-grey-secondary-hovered: var(--nj-color-palette-grey-700);
    --nj-color-icon-grey-secondary-focused: var(--nj-color-palette-grey-700);
    --nj-color-icon-grey-secondary-pressed: var(--nj-color-palette-grey-800);
    --nj-color-icon-grey-primary: var(--nj-color-palette-grey-800);
    --nj-color-icon-blue-secondary: var(--nj-color-palette-blue-600);
    --nj-color-icon-blue-secondary-hovered: var(--nj-color-palette-blue-700);
    --nj-color-icon-blue-secondary-focused: var(--nj-color-palette-blue-700);
    --nj-color-icon-blue-secondary-pressed: var(--nj-color-palette-blue-800);
    --nj-color-icon-blue-primary: var(--nj-color-palette-blue-800);
    --nj-color-icon-ultramarine-secondary: var(--nj-color-palette-ultramarine-600);
    --nj-color-icon-ultramarine-secondary-hovered: var(--nj-color-palette-ultramarine-700);
    --nj-color-icon-ultramarine-secondary-focused: var(--nj-color-palette-ultramarine-700);
    --nj-color-icon-ultramarine-secondary-pressed: var(--nj-color-palette-ultramarine-800);
    --nj-color-icon-ultramarine-primary: var(--nj-color-palette-ultramarine-800);
    --nj-color-icon-purple-secondary: var(--nj-color-palette-purple-600);
    --nj-color-icon-purple-secondary-hovered: var(--nj-color-palette-purple-700);
    --nj-color-icon-purple-secondary-focused: var(--nj-color-palette-purple-700);
    --nj-color-icon-purple-secondary-pressed: var(--nj-color-palette-purple-800);
    --nj-color-icon-purple-primary: var(--nj-color-palette-purple-800);
    --nj-color-icon-teal-secondary: var(--nj-color-palette-teal-600);
    --nj-color-icon-teal-secondary-hovered: var(--nj-color-palette-teal-700);
    --nj-color-icon-teal-secondary-focused: var(--nj-color-palette-teal-700);
    --nj-color-icon-teal-secondary-pressed: var(--nj-color-palette-teal-800);
    --nj-color-icon-teal-primary: var(--nj-color-palette-teal-800);
    --nj-color-icon-lime-secondary: var(--nj-color-palette-lime-600);
    --nj-color-icon-lime-secondary-hovered: var(--nj-color-palette-lime-700);
    --nj-color-icon-lime-secondary-focused: var(--nj-color-palette-lime-700);
    --nj-color-icon-lime-secondary-pressed: var(--nj-color-palette-lime-800);
    --nj-color-icon-lime-primary: var(--nj-color-palette-lime-800);
    --nj-color-palette-grey-0: #fff;
    --nj-color-palette-grey-100: #f6f8f9;
    --nj-color-palette-grey-200: #ebeef1;
    --nj-color-palette-grey-300: #ccd4da;
    --nj-color-palette-grey-400: #9eadb8;
    --nj-color-palette-grey-500: #778c9b;
    --nj-color-palette-grey-600: #60798b;
    --nj-color-palette-grey-700: #435c6e;
    --nj-color-palette-grey-800: #334551;
    --nj-color-palette-grey-900: #232d35;
    --nj-color-palette-grey-1000: #171d21;
    --nj-color-palette-grey-alpha-0: transparent;
    --nj-color-palette-grey-alpha-100: rgba(30, 80, 105, .04);
    --nj-color-palette-grey-alpha-200: rgba(5, 43, 80, .08);
    --nj-color-palette-grey-alpha-300: rgba(0, 40, 70, .2);
    --nj-color-palette-grey-alpha-400: rgba(6, 45, 73, .39);
    --nj-color-palette-grey-alpha-500: rgba(3, 42, 70, .54);
    --nj-color-palette-pink-100: #fff4f9;
    --nj-color-palette-pink-200: #ffe9f3;
    --nj-color-palette-pink-300: #ffc1df;
    --nj-color-palette-pink-400: #ff80bd;
    --nj-color-palette-pink-500: #fb3492;
    --nj-color-palette-pink-600: #e01b78;
    --nj-color-palette-pink-700: #963563;
    --nj-color-palette-pink-800: #5c3749;
    --nj-color-palette-pink-900: #34282e;
    --nj-color-palette-red-100: #fff7f5;
    --nj-color-palette-red-200: #ffeae5;
    --nj-color-palette-red-300: #ffc5b9;
    --nj-color-palette-red-400: #ff8979;
    --nj-color-palette-red-500: #f34e46;
    --nj-color-palette-red-600: #db3735;
    --nj-color-palette-red-700: #aa2424;
    --nj-color-palette-red-800: #7f1d1b;
    --nj-color-palette-red-900: #521814;
    --nj-color-palette-red-alpha-0: transparent;
    --nj-color-palette-red-alpha-100: rgba(255, 55, 5, .04);
    --nj-color-palette-red-alpha-200: rgba(255, 64, 19, .11);
    --nj-color-palette-red-alpha-300: rgba(255, 48, 5, .28);
    --nj-color-palette-orange-100: #fff5ed;
    --nj-color-palette-orange-200: #ffeada;
    --nj-color-palette-orange-300: #ffc89d;
    --nj-color-palette-orange-400: #ff8c47;
    --nj-color-palette-orange-500: #d96929;
    --nj-color-palette-orange-600: #bc5921;
    --nj-color-palette-orange-700: #8e441a;
    --nj-color-palette-orange-800: #693315;
    --nj-color-palette-orange-900: #442312;
    --nj-color-palette-orange-alpha-0: transparent;
    --nj-color-palette-orange-alpha-100: rgba(255, 130, 30, .08);
    --nj-color-palette-orange-alpha-200: rgba(255, 115, 8, .15);
    --nj-color-palette-orange-alpha-300: rgba(255, 114, 4, .39);
    --nj-color-palette-yellow-100: #fff7e0;
    --nj-color-palette-yellow-200: #ffeeb4;
    --nj-color-palette-yellow-300: #ffcc59;
    --nj-color-palette-yellow-400: #d5a334;
    --nj-color-palette-yellow-500: #ab8327;
    --nj-color-palette-yellow-600: #947023;
    --nj-color-palette-yellow-700: #6f551d;
    --nj-color-palette-yellow-800: #533f18;
    --nj-color-palette-yellow-900: #362a13;
    --nj-color-palette-green-100: #f3faf4;
    --nj-color-palette-green-200: #e2f3e3;
    --nj-color-palette-green-300: #aedfb3;
    --nj-color-palette-green-400: #63be74;
    --nj-color-palette-green-500: #199d47;
    --nj-color-palette-green-600: #008836;
    --nj-color-palette-green-700: #006725;
    --nj-color-palette-green-800: #004d1c;
    --nj-color-palette-green-900: #0a3315;
    --nj-color-palette-green-alpha-0: transparent;
    --nj-color-palette-green-alpha-100: rgba(35, 155, 35, .05);
    --nj-color-palette-green-alpha-200: rgba(13, 155, 22, .12);
    --nj-color-palette-green-alpha-300: rgba(2, 155, 18, .32);
    --nj-color-palette-blue-100: #f6f8fd;
    --nj-color-palette-blue-200: #e7eefc;
    --nj-color-palette-blue-300: #c0d4f9;
    --nj-color-palette-blue-400: #7fadef;
    --nj-color-palette-blue-500: #3c8cde;
    --nj-color-palette-blue-600: #007acd;
    --nj-color-palette-blue-700: #005aa0;
    --nj-color-palette-blue-800: #004478;
    --nj-color-palette-blue-900: #0b2d4e;
    --nj-color-palette-blue-alpha-0: transparent;
    --nj-color-palette-blue-alpha-100: rgba(30, 80, 205, .04);
    --nj-color-palette-blue-alpha-200: rgba(15, 85, 225, .1);
    --nj-color-palette-blue-alpha-300: rgba(3, 83, 231, .25);
    --nj-color-palette-ultramarine-100: #f6f7fb;
    --nj-color-palette-ultramarine-200: #eceef7;
    --nj-color-palette-ultramarine-300: #ccd1e9;
    --nj-color-palette-ultramarine-400: #9fa9d4;
    --nj-color-palette-ultramarine-500: #7986bf;
    --nj-color-palette-ultramarine-600: #6372b2;
    --nj-color-palette-ultramarine-700: #44549b;
    --nj-color-palette-ultramarine-800: #2b3d83;
    --nj-color-palette-ultramarine-900: #182663;
    --nj-color-palette-purple-100: #faf7fc;
    --nj-color-palette-purple-200: #f2ecf7;
    --nj-color-palette-purple-300: #deccec;
    --nj-color-palette-purple-400: #bf9ed9;
    --nj-color-palette-purple-500: #a377c5;
    --nj-color-palette-purple-600: #9261b7;
    --nj-color-palette-purple-700: #744299;
    --nj-color-palette-purple-800: #533669;
    --nj-color-palette-purple-900: #312838;
    --nj-color-palette-purple-alpha-0: transparent;
    --nj-color-palette-purple-alpha-100: rgba(130, 55, 180, .04);
    --nj-color-palette-purple-alpha-200: rgba(93, 18, 155, .08);
    --nj-color-palette-purple-alpha-300: rgba(90, 0, 160, .2);
    --nj-color-palette-teal-100: #f1fafa;
    --nj-color-palette-teal-200: #daf4f3;
    --nj-color-palette-teal-300: #95dfdd;
    --nj-color-palette-teal-400: #3dbcb8;
    --nj-color-palette-teal-500: #0a9994;
    --nj-color-palette-teal-600: #008480;
    --nj-color-palette-teal-700: #0a6361;
    --nj-color-palette-teal-800: #154948;
    --nj-color-palette-teal-900: #192f2f;
    --nj-color-palette-lime-100: #f8fad5;
    --nj-color-palette-lime-200: #eef5a8;
    --nj-color-palette-lime-300: #c7de43;
    --nj-color-palette-lime-400: #9db603;
    --nj-color-palette-lime-500: #7d9200;
    --nj-color-palette-lime-600: #6c7d02;
    --nj-color-palette-lime-700: #525f0a;
    --nj-color-palette-lime-800: #3e460e;
    --nj-color-palette-lime-900: #2a2e0e;
    --nj-color-palette-engie-blue: #0af;
    --nj-color-palette-engie-green: #23d2b5;
    --nj-color-text-primary: var(--nj-color-base-neutral-1000);
    --nj-color-text-primary-hovered: var(--nj-color-base-brand-600);
    --nj-color-text-primary-focused: var(--nj-color-base-brand-600);
    --nj-color-text-primary-pressed: var(--nj-color-base-brand-700);
    --nj-color-text-secondary: var(--nj-color-base-neutral-800);
    --nj-color-text-tertiary: var(--nj-color-base-neutral-600);
    --nj-color-text-tertiary-hovered: var(--nj-color-base-brand-600);
    --nj-color-text-tertiary-focused: var(--nj-color-base-brand-600);
    --nj-color-text-tertiary-pressed: var(--nj-color-base-brand-700);
    --nj-color-text-inverse: var(--nj-color-base-neutral-0);
    --nj-color-text-inverse-hovered: var(--nj-color-base-neutral-200);
    --nj-color-text-inverse-focused: var(--nj-color-base-neutral-200);
    --nj-color-text-inverse-pressed: var(--nj-color-base-neutral-300);
    --nj-color-text-brand-primary: var(--nj-color-base-brand-600);
    --nj-color-text-brand-primary-hovered: var(--nj-color-base-brand-700);
    --nj-color-text-brand-primary-focused: var(--nj-color-base-brand-700);
    --nj-color-text-brand-primary-pressed: var(--nj-color-base-brand-800);
    --nj-color-text-brand-high-contrast: var(--nj-color-base-brand-700);
    --nj-color-text-brand-high-contrast-hovered: var(--nj-color-base-brand-800);
    --nj-color-text-brand-high-contrast-focused: var(--nj-color-base-brand-800);
    --nj-color-text-brand-high-contrast-pressed: var(--nj-color-base-brand-900);
    --nj-color-text-danger-primary: var(--nj-color-base-danger-600);
    --nj-color-text-danger-primary-hovered: var(--nj-color-base-danger-700);
    --nj-color-text-danger-primary-focused: var(--nj-color-base-danger-700);
    --nj-color-text-danger-primary-pressed: var(--nj-color-base-danger-800);
    --nj-color-text-danger-secondary: var(--nj-color-base-danger-800);
    --nj-color-text-danger-high-contrast: var(--nj-color-base-danger-700);
    --nj-color-text-danger-high-contrast-hovered: var(--nj-color-base-danger-800);
    --nj-color-text-danger-high-contrast-focused: var(--nj-color-base-danger-800);
    --nj-color-text-danger-high-contrast-pressed: var(--nj-color-base-danger-900);
    --nj-color-text-warning-primary: var(--nj-color-base-warning-600);
    --nj-color-text-warning-primary-hovered: var(--nj-color-base-warning-700);
    --nj-color-text-warning-primary-focused: var(--nj-color-base-warning-700);
    --nj-color-text-warning-primary-pressed: var(--nj-color-base-warning-800);
    --nj-color-text-warning-secondary: var(--nj-color-base-warning-800);
    --nj-color-text-warning-high-contrast: var(--nj-color-base-warning-700);
    --nj-color-text-warning-high-contrast-hovered: var(--nj-color-base-warning-800);
    --nj-color-text-warning-high-contrast-focused: var(--nj-color-base-warning-800);
    --nj-color-text-warning-high-contrast-pressed: var(--nj-color-base-warning-900);
    --nj-color-text-success-primary: var(--nj-color-base-success-600);
    --nj-color-text-success-primary-hovered: var(--nj-color-base-success-700);
    --nj-color-text-success-primary-focused: var(--nj-color-base-success-700);
    --nj-color-text-success-primary-pressed: var(--nj-color-base-success-800);
    --nj-color-text-success-secondary: var(--nj-color-base-success-800);
    --nj-color-text-success-high-contrast: var(--nj-color-base-success-700);
    --nj-color-text-success-high-contrast-hovered: var(--nj-color-base-success-800);
    --nj-color-text-success-high-contrast-focused: var(--nj-color-base-success-800);
    --nj-color-text-success-high-contrast-pressed: var(--nj-color-base-success-900);
    --nj-color-text-information-primary: var(--nj-color-base-information-600);
    --nj-color-text-information-primary-hovered: var(--nj-color-base-information-700);
    --nj-color-text-information-primary-focused: var(--nj-color-base-information-700);
    --nj-color-text-information-primary-pressed: var(--nj-color-base-information-800);
    --nj-color-text-information-secondary: var(--nj-color-base-information-800);
    --nj-color-text-information-high-contrast: var(--nj-color-base-information-700);
    --nj-color-text-information-high-contrast-hovered: var(--nj-color-base-information-800);
    --nj-color-text-information-high-contrast-focused: var(--nj-color-base-information-800);
    --nj-color-text-information-high-contrast-pressed: var(--nj-color-base-information-900);
    --nj-color-text-discovery-primary: var(--nj-color-base-discovery-600);
    --nj-color-text-discovery-primary-hovered: var(--nj-color-base-discovery-700);
    --nj-color-text-discovery-primary-focused: var(--nj-color-base-discovery-700);
    --nj-color-text-discovery-primary-pressed: var(--nj-color-base-discovery-800);
    --nj-color-text-discovery-secondary: var(--nj-color-base-discovery-800);
    --nj-color-text-discovery-high-contrast: var(--nj-color-base-discovery-700);
    --nj-color-text-discovery-high-contrast-hovered: var(--nj-color-base-discovery-800);
    --nj-color-text-discovery-high-contrast-focused: var(--nj-color-base-discovery-800);
    --nj-color-text-discovery-high-contrast-pressed: var(--nj-color-base-discovery-900);
    --nj-color-text-pink-primary: var(--nj-color-palette-pink-600);
    --nj-color-text-pink-primary-hovered: var(--nj-color-palette-pink-700);
    --nj-color-text-pink-primary-focused: var(--nj-color-palette-pink-700);
    --nj-color-text-pink-primary-pressed: var(--nj-color-palette-pink-800);
    --nj-color-text-red-primary: var(--nj-color-palette-red-600);
    --nj-color-text-red-primary-hovered: var(--nj-color-palette-red-700);
    --nj-color-text-red-primary-focused: var(--nj-color-palette-red-700);
    --nj-color-text-red-primary-pressed: var(--nj-color-palette-red-800);
    --nj-color-text-orange-primary: var(--nj-color-palette-orange-600);
    --nj-color-text-orange-primary-hovered: var(--nj-color-palette-orange-700);
    --nj-color-text-orange-primary-focused: var(--nj-color-palette-orange-700);
    --nj-color-text-orange-primary-pressed: var(--nj-color-palette-orange-800);
    --nj-color-text-yellow-primary: var(--nj-color-palette-yellow-600);
    --nj-color-text-yellow-primary-hovered: var(--nj-color-palette-yellow-700);
    --nj-color-text-yellow-primary-focused: var(--nj-color-palette-yellow-700);
    --nj-color-text-yellow-primary-pressed: var(--nj-color-palette-yellow-800);
    --nj-color-text-green-primary: var(--nj-color-palette-green-600);
    --nj-color-text-green-primary-hovered: var(--nj-color-palette-green-700);
    --nj-color-text-green-primary-focused: var(--nj-color-palette-green-700);
    --nj-color-text-green-primary-pressed: var(--nj-color-palette-green-800);
    --nj-color-text-grey-primary: var(--nj-color-palette-grey-600);
    --nj-color-text-grey-primary-hovered: var(--nj-color-palette-grey-700);
    --nj-color-text-grey-primary-focused: var(--nj-color-palette-grey-700);
    --nj-color-text-grey-primary-pressed: var(--nj-color-palette-grey-800);
    --nj-color-text-blue-primary: var(--nj-color-palette-blue-600);
    --nj-color-text-blue-primary-hovered: var(--nj-color-palette-blue-700);
    --nj-color-text-blue-primary-focused: var(--nj-color-palette-blue-700);
    --nj-color-text-blue-primary-pressed: var(--nj-color-palette-blue-800);
    --nj-color-text-ultramarine-primary: var(--nj-color-palette-ultramarine-600);
    --nj-color-text-ultramarine-primary-hovered: var(--nj-color-palette-ultramarine-700);
    --nj-color-text-ultramarine-primary-focused: var(--nj-color-palette-ultramarine-700);
    --nj-color-text-ultramarine-primary-pressed: var(--nj-color-palette-ultramarine-800);
    --nj-color-text-purple-primary: var(--nj-color-palette-purple-600);
    --nj-color-text-purple-primary-hovered: var(--nj-color-palette-purple-700);
    --nj-color-text-purple-primary-focused: var(--nj-color-palette-purple-700);
    --nj-color-text-purple-primary-pressed: var(--nj-color-palette-purple-800);
    --nj-color-text-teal-primary: var(--nj-color-palette-teal-600);
    --nj-color-text-teal-primary-hovered: var(--nj-color-palette-teal-700);
    --nj-color-text-teal-primary-focused: var(--nj-color-palette-teal-700);
    --nj-color-text-teal-primary-pressed: var(--nj-color-palette-teal-800);
    --nj-color-text-lime-primary: var(--nj-color-palette-lime-600);
    --nj-color-text-lime-primary-hovered: var(--nj-color-palette-lime-700);
    --nj-color-text-lime-primary-focused: var(--nj-color-palette-lime-700);
    --nj-color-text-lime-primary-pressed: var(--nj-color-palette-lime-800);
    --nj-opacity-disabled: 0.35;
    --nj-elevation-dropdown: 1000;
    --nj-elevation-sticky: 1020;
    --nj-elevation-fixed: 1030;
    --nj-elevation-modal-backdrop: 1040;
    --nj-elevation-modal: 1050;
    --nj-elevation-popover: 1060;
    --nj-elevation-tooltip: 1070;
    --nj-elevation-toast-container: 1080;
    --nj-elevation-toast: 1080;
    --nj-font-family-sans-serif: "Lato", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --nj-font-family-monospace: "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
    --nj-font-family-default: var(--nj-font-family-sans-serif);
    --nj-font-weight: 300;
    --nj-font-weight-normal: 400;
    --nj-font-weight-bold: 700;
    --nj-font-weight-black: 900;
    --nj-font-line-height-default: var(--nj-font-line-height-sans-serif);
    --nj-font-line-height-sans-serif: 1.5;
    --nj-motion-bezier-fast-out-slow-in: cubic-bezier(.4, 0, .2, 1);
    --nj-motion-bezier-linear-out-slow-in: cubic-bezier(0, 0, .2, 1);
    --nj-motion-bezier-fast-out-linear-in: cubic-bezier(.4, 0, 1, 1);
    --nj-shadow-level-2-dp: 0 1px 5px 0 rgba(0, 0, 0, .1), 0 2px 2px 0 rgba(0, 0, 0, .06), 0 3px 1px rgba(0, 0, 0, .06);
    --nj-shadow-level-4-dp: 0 2px 4px rgba(0, 0, 0, .1), 0 4px 5px rgba(0, 0, 0, .06), 0 1px 10px rgba(0, 0, 0, .06);
    --nj-shadow-level-6-dp: 0 3px 5px rgba(0, 0, 0, .1), 0 6px 10px rgba(0, 0, 0, .06), 0 1px 18px rgba(0, 0, 0, .06);
    --nj-shadow-level-8-dp: 0 5px 5px rgba(0, 0, 0, .1), 0 8px 10px rgba(0, 0, 0, .06), 0 3px 14px rgba(0, 0, 0, .06);
    --nj-shadow-level-16-dp: 0 8px 10px rgba(0, 0, 0, .1), 0 16px 24px rgba(0, 0, 0, .06), 0 6px 30px rgba(0, 0, 0, .06);
    --nj-shadow-level-24-dp: 0 11px 15px rgba(0, 0, 0, .1), 0 24px 38px rgba(0, 0, 0, .06), 0 9px 46px rgba(0, 0, 0, .06);
    --nj-size-border-width: 1px;
    --nj-size-border-radius-md: 0;
    --nj-size-border-radius-sm: 0;
    --nj-size-border-focus-width: 2px;
    --nj-size-border-focus-offset: 2px;
    --nj-size-font-peta: 4.75rem;
    --nj-size-font-tera: 3.375rem;
    --nj-size-font-giga: 2.25rem;
    --nj-size-font-mega: 1.75rem;
    --nj-size-font-kilo: 1.5rem;
    --nj-size-font-hecto: 1.25rem;
    --nj-size-font-deca: 1.125rem;
    --nj-size-font-base: 1rem;
    --nj-size-font-deci: .875rem;
    --nj-size-font-centi: .75rem;
    --nj-size-icon-sm: 16px;
    --nj-size-icon-md: 24px;
    --nj-size-icon-lg: 32px;
    --nj-size-icon-xl: 48px;
    --nj-size-icon-xxl: 64px;
    --nj-size-icon-3xl: 80px;
    --nj-size-icon-4xl: 96px;
    --nj-size-icon-5xl: 112px;
    --nj-size-icon-6xl: 128px;
    --nj-size-space-2: 0.125rem;
    --nj-size-space-4: 0.25rem;
    --nj-size-space-8: 0.5rem;
    --nj-size-space-12: 0.75rem;
    --nj-size-space-16: 1rem;
    --nj-size-space-20: 1.25rem;
    --nj-size-space-24: 1.5rem;
    --nj-size-space-32: 2rem;
    --nj-size-space-48: 3rem;
    --nj-size-space-64: 4rem;
    --nj-size-space-80: 5rem;
    --nj-size-space-112: 7rem
}

[data-theme=dark] {
    --nj-color-background-primary: var(--nj-color-base-neutral-0);
    --nj-color-background-primary-hovered: var(--nj-color-base-neutral-200);
    --nj-color-background-primary-focused: var(--nj-color-base-neutral-200);
    --nj-color-background-primary-pressed: var(--nj-color-base-neutral-300);
    --nj-color-background-primary-selected: var(--nj-color-base-brand-200);
    --nj-color-background-secondary: var(--nj-color-base-neutral-100);
    --nj-color-background-secondary-hovered: var(--nj-color-base-neutral-200);
    --nj-color-background-secondary-focused: var(--nj-color-base-neutral-200);
    --nj-color-background-secondary-pressed: var(--nj-color-base-neutral-300);
    --nj-color-background-secondary-transparent: var(--nj-color-base-neutral-alpha-100);
    --nj-color-background-secondary-transparent-hovered: var(--nj-color-base-neutral-alpha-200);
    --nj-color-background-secondary-transparent-focused: var(--nj-color-base-neutral-alpha-200);
    --nj-color-background-secondary-transparent-pressed: var(--nj-color-base-neutral-alpha-300);
    --nj-color-background-tertiary: var(--nj-color-base-neutral-200);
    --nj-color-background-tertiary-hovered: var(--nj-color-base-neutral-300);
    --nj-color-background-tertiary-focused: var(--nj-color-base-neutral-300);
    --nj-color-background-tertiary-pressed: var(--nj-color-base-neutral-400);
    --nj-color-background-tertiary-transparent: var(--nj-color-base-neutral-alpha-200);
    --nj-color-background-tertiary-transparent-hovered: var(--nj-color-base-neutral-alpha-300);
    --nj-color-background-tertiary-transparent-focused: var(--nj-color-base-neutral-alpha-300);
    --nj-color-background-tertiary-transparent-pressed: var(--nj-color-base-neutral-alpha-400);
    --nj-color-background-neutral: var(--nj-color-base-neutral-600);
    --nj-color-background-neutral-hovered: var(--nj-color-base-neutral-700);
    --nj-color-background-neutral-focused: var(--nj-color-base-neutral-700);
    --nj-color-background-neutral-pressed: var(--nj-color-base-neutral-800);
    --nj-color-background-transparent: var(--nj-color-base-neutral-alpha-0);
    --nj-color-background-transparent-hovered: var(--nj-color-base-neutral-alpha-200);
    --nj-color-background-transparent-focused: var(--nj-color-base-neutral-alpha-200);
    --nj-color-background-transparent-pressed: var(--nj-color-base-neutral-alpha-300);
    --nj-color-background-transparent-selected: var(--nj-color-base-brand-alpha-200);
    --nj-color-background-inverse: var(--nj-color-base-neutral-0);
    --nj-color-background-inverse-hovered: var(--nj-color-base-neutral-200);
    --nj-color-background-inverse-focused: var(--nj-color-base-neutral-200);
    --nj-color-background-inverse-pressed: var(--nj-color-base-neutral-300);
    --nj-color-background-inverse-transparent: transparent;
    --nj-color-background-inverse-transparent-hovered: rgba(0, 40, 70, .2);
    --nj-color-background-inverse-transparent-focused: rgba(0, 40, 70, .2);
    --nj-color-background-inverse-transparent-pressed: rgba(6, 45, 73, .39);
    --nj-color-background-inverse-contrast: rgba(5, 43, 80, .08);
    --nj-color-background-high-contrast: var(--nj-color-base-neutral-900);
    --nj-color-background-backdrop: var(--nj-color-base-neutral-alpha-300);
    --nj-color-background-brand: var(--nj-color-base-brand-600);
    --nj-color-background-brand-secondary: var(--nj-color-base-brand-100);
    --nj-color-background-brand-tertiary: var(--nj-color-base-brand-200);
    --nj-color-background-brand-tertiary-hovered: var(--nj-color-base-brand-300);
    --nj-color-background-brand-tertiary-focused: var(--nj-color-base-brand-300);
    --nj-color-background-brand-tertiary-pressed: var(--nj-color-base-brand-400);
    --nj-color-background-brand-hovered: var(--nj-color-base-brand-700);
    --nj-color-background-brand-focused: var(--nj-color-base-brand-700);
    --nj-color-background-brand-pressed: var(--nj-color-base-brand-800);
    --nj-color-background-brand-transparent: var(--nj-color-base-brand-alpha-0);
    --nj-color-background-brand-transparent-hovered: var(--nj-color-base-brand-alpha-200);
    --nj-color-background-brand-transparent-focused: var(--nj-color-base-brand-alpha-200);
    --nj-color-background-brand-transparent-pressed: var(--nj-color-base-brand-alpha-300);
    --nj-color-background-brand-high-contrast: var(--nj-color-base-brand-900);
    --nj-color-background-danger: var(--nj-color-base-danger-600);
    --nj-color-background-danger-secondary: var(--nj-color-base-danger-100);
    --nj-color-background-danger-tertiary: var(--nj-color-base-danger-200);
    --nj-color-background-danger-tertiary-hovered: var(--nj-color-base-danger-300);
    --nj-color-background-danger-tertiary-focused: var(--nj-color-base-danger-300);
    --nj-color-background-danger-tertiary-pressed: var(--nj-color-base-danger-400);
    --nj-color-background-danger-tertiary-transparent: var(--nj-color-base-danger-alpha-200);
    --nj-color-background-danger-hovered: var(--nj-color-base-danger-700);
    --nj-color-background-danger-pressed: var(--nj-color-base-danger-800);
    --nj-color-background-danger-focused: var(--nj-color-base-danger-700);
    --nj-color-background-danger-transparent: var(--nj-color-base-danger-alpha-0);
    --nj-color-background-danger-transparent-hovered: var(--nj-color-base-danger-alpha-200);
    --nj-color-background-danger-transparent-focused: var(--nj-color-base-danger-alpha-200);
    --nj-color-background-danger-transparent-pressed: var(--nj-color-base-danger-alpha-300);
    --nj-color-background-danger-transparent-selected: var(--nj-color-base-danger-alpha-200);
    --nj-color-background-success: var(--nj-color-base-success-600);
    --nj-color-background-success-secondary: var(--nj-color-base-success-100);
    --nj-color-background-success-tertiary: var(--nj-color-base-success-200);
    --nj-color-background-success-tertiary-hovered: var(--nj-color-base-success-300);
    --nj-color-background-success-tertiary-focused: var(--nj-color-base-success-300);
    --nj-color-background-success-tertiary-pressed: var(--nj-color-base-success-400);
    --nj-color-background-success-tertiary-transparent: var(--nj-color-base-success-alpha-200);
    --nj-color-background-success-hovered: var(--nj-color-base-success-700);
    --nj-color-background-success-pressed: var(--nj-color-base-success-800);
    --nj-color-background-success-transparent: var(--nj-color-base-success-alpha-0);
    --nj-color-background-success-transparent-hovered: var(--nj-color-base-success-alpha-200);
    --nj-color-background-success-transparent-focused: var(--nj-color-base-success-alpha-200);
    --nj-color-background-success-transparent-pressed: var(--nj-color-base-success-alpha-300);
    --nj-color-background-success-transparent-selected: var(--nj-color-base-success-alpha-200);
    --nj-color-background-warning: var(--nj-color-base-warning-600);
    --nj-color-background-warning-secondary: var(--nj-color-base-warning-100);
    --nj-color-background-warning-tertiary: var(--nj-color-base-warning-200);
    --nj-color-background-warning-tertiary-hovered: var(--nj-color-base-warning-300);
    --nj-color-background-warning-tertiary-focused: var(--nj-color-base-warning-300);
    --nj-color-background-warning-tertiary-pressed: var(--nj-color-base-warning-400);
    --nj-color-background-warning-tertiary-transparent: var(--nj-color-base-warning-alpha-200);
    --nj-color-background-warning-hovered: var(--nj-color-base-warning-700);
    --nj-color-background-warning-pressed: var(--nj-color-base-warning-800);
    --nj-color-background-warning-transparent: var(--nj-color-base-warning-alpha-0);
    --nj-color-background-warning-transparent-hovered: var(--nj-color-base-warning-alpha-200);
    --nj-color-background-warning-transparent-focused: var(--nj-color-base-warning-alpha-200);
    --nj-color-background-warning-transparent-pressed: var(--nj-color-base-warning-alpha-300);
    --nj-color-background-warning-transparent-selected: var(--nj-color-base-warning-alpha-200);
    --nj-color-background-discovery: var(--nj-color-base-discovery-600);
    --nj-color-background-discovery-secondary: var(--nj-color-base-discovery-100);
    --nj-color-background-discovery-tertiary: var(--nj-color-base-discovery-200);
    --nj-color-background-discovery-tertiary-hovered: var(--nj-color-base-discovery-300);
    --nj-color-background-discovery-tertiary-focused: var(--nj-color-base-discovery-300);
    --nj-color-background-discovery-tertiary-pressed: var(--nj-color-base-discovery-400);
    --nj-color-background-discovery-tertiary-transparent: var(--nj-color-base-discovery-alpha-200);
    --nj-color-background-discovery-hovered: var(--nj-color-base-discovery-700);
    --nj-color-background-discovery-pressed: var(--nj-color-base-discovery-800);
    --nj-color-background-discovery-transparent: var(--nj-color-base-discovery-alpha-0);
    --nj-color-background-discovery-transparent-hovered: var(--nj-color-base-discovery-alpha-200);
    --nj-color-background-discovery-transparent-focused: var(--nj-color-base-discovery-alpha-200);
    --nj-color-background-discovery-transparent-pressed: var(--nj-color-base-discovery-alpha-300);
    --nj-color-background-discovery-transparent-selected: var(--nj-color-base-discovery-alpha-200);
    --nj-color-background-information: var(--nj-color-base-information-600);
    --nj-color-background-information-secondary: var(--nj-color-base-information-100);
    --nj-color-background-information-tertiary: var(--nj-color-base-information-200);
    --nj-color-background-information-tertiary-hovered: var(--nj-color-base-information-300);
    --nj-color-background-information-tertiary-focused: var(--nj-color-base-information-300);
    --nj-color-background-information-tertiary-pressed: var(--nj-color-base-information-400);
    --nj-color-background-information-tertiary-transparent: var(--nj-color-base-information-alpha-200);
    --nj-color-background-information-hovered: var(--nj-color-base-information-700);
    --nj-color-background-information-pressed: var(--nj-color-base-information-800);
    --nj-color-background-information-transparent: var(--nj-color-base-information-alpha-0);
    --nj-color-background-information-transparent-hovered: var(--nj-color-base-information-alpha-200);
    --nj-color-background-information-transparent-focused: var(--nj-color-base-information-alpha-200);
    --nj-color-background-information-transparent-pressed: var(--nj-color-base-information-alpha-300);
    --nj-color-background-information-transparent-selected: var(--nj-color-base-information-alpha-200);
    --nj-color-background-pink: var(--nj-color-palette-pink-600);
    --nj-color-background-pink-secondary: var(--nj-color-palette-pink-100);
    --nj-color-background-pink-tertiary: var(--nj-color-palette-pink-200);
    --nj-color-background-pink-tertiary-hovered: var(--nj-color-palette-pink-300);
    --nj-color-background-pink-tertiary-focused: var(--nj-color-palette-pink-300);
    --nj-color-background-pink-tertiary-pressed: var(--nj-color-palette-pink-400);
    --nj-color-background-pink-hovered: var(--nj-color-palette-pink-700);
    --nj-color-background-pink-pressed: var(--nj-color-palette-pink-800);
    --nj-color-background-red: var(--nj-color-palette-red-600);
    --nj-color-background-red-secondary: var(--nj-color-palette-red-100);
    --nj-color-background-red-tertiary: var(--nj-color-palette-red-200);
    --nj-color-background-red-tertiary-hovered: var(--nj-color-palette-red-300);
    --nj-color-background-red-tertiary-focused: var(--nj-color-palette-red-300);
    --nj-color-background-red-tertiary-pressed: var(--nj-color-palette-red-400);
    --nj-color-background-red-hovered: var(--nj-color-palette-red-700);
    --nj-color-background-red-pressed: var(--nj-color-palette-red-800);
    --nj-color-background-orange: var(--nj-color-palette-orange-600);
    --nj-color-background-orange-secondary: var(--nj-color-palette-orange-100);
    --nj-color-background-orange-tertiary: var(--nj-color-palette-orange-200);
    --nj-color-background-orange-tertiary-hovered: var(--nj-color-palette-orange-300);
    --nj-color-background-orange-tertiary-focused: var(--nj-color-palette-orange-300);
    --nj-color-background-orange-tertiary-pressed: var(--nj-color-palette-orange-400);
    --nj-color-background-orange-hovered: var(--nj-color-palette-orange-700);
    --nj-color-background-orange-pressed: var(--nj-color-palette-orange-800);
    --nj-color-background-yellow: var(--nj-color-palette-yellow-700);
    --nj-color-background-yellow-secondary: var(--nj-color-palette-yellow-100);
    --nj-color-background-yellow-tertiary: var(--nj-color-palette-yellow-200);
    --nj-color-background-yellow-tertiary-hovered: var(--nj-color-palette-yellow-300);
    --nj-color-background-yellow-tertiary-focused: var(--nj-color-palette-yellow-300);
    --nj-color-background-yellow-tertiary-pressed: var(--nj-color-palette-yellow-400);
    --nj-color-background-yellow-hovered: var(--nj-color-palette-yellow-700);
    --nj-color-background-yellow-pressed: var(--nj-color-palette-yellow-800);
    --nj-color-background-green: var(--nj-color-palette-green-600);
    --nj-color-background-green-secondary: var(--nj-color-palette-green-100);
    --nj-color-background-green-tertiary: var(--nj-color-palette-green-200);
    --nj-color-background-green-tertiary-hovered: var(--nj-color-palette-green-300);
    --nj-color-background-green-tertiary-focused: var(--nj-color-palette-green-300);
    --nj-color-background-green-tertiary-pressed: var(--nj-color-palette-green-400);
    --nj-color-background-green-hovered: var(--nj-color-palette-green-700);
    --nj-color-background-green-pressed: var(--nj-color-palette-green-800);
    --nj-color-background-grey: var(--nj-color-palette-grey-600);
    --nj-color-background-grey-secondary: var(--nj-color-palette-grey-100);
    --nj-color-background-grey-tertiary: var(--nj-color-palette-grey-200);
    --nj-color-background-grey-tertiary-hovered: var(--nj-color-palette-grey-300);
    --nj-color-background-grey-tertiary-focused: var(--nj-color-palette-grey-300);
    --nj-color-background-grey-tertiary-pressed: var(--nj-color-palette-grey-400);
    --nj-color-background-grey-hovered: var(--nj-color-palette-grey-700);
    --nj-color-background-grey-pressed: var(--nj-color-palette-grey-800);
    --nj-color-background-blue: var(--nj-color-palette-blue-600);
    --nj-color-background-blue-secondary: var(--nj-color-palette-blue-100);
    --nj-color-background-blue-tertiary: var(--nj-color-palette-blue-200);
    --nj-color-background-blue-tertiary-hovered: var(--nj-color-palette-blue-300);
    --nj-color-background-blue-tertiary-focused: var(--nj-color-palette-blue-300);
    --nj-color-background-blue-tertiary-pressed: var(--nj-color-palette-blue-400);
    --nj-color-background-blue-hovered: var(--nj-color-palette-blue-700);
    --nj-color-background-blue-pressed: var(--nj-color-palette-blue-800);
    --nj-color-background-ultramarine: var(--nj-color-palette-ultramarine-600);
    --nj-color-background-ultramarine-secondary: var(--nj-color-palette-ultramarine-100);
    --nj-color-background-ultramarine-tertiary: var(--nj-color-palette-ultramarine-200);
    --nj-color-background-ultramarine-tertiary-hovered: var(--nj-color-palette-ultramarine-300);
    --nj-color-background-ultramarine-tertiary-focused: var(--nj-color-palette-ultramarine-300);
    --nj-color-background-ultramarine-tertiary-pressed: var(--nj-color-palette-ultramarine-400);
    --nj-color-background-ultramarine-hovered: var(--nj-color-palette-ultramarine-700);
    --nj-color-background-ultramarine-pressed: var(--nj-color-palette-ultramarine-800);
    --nj-color-background-purple: var(--nj-color-palette-purple-600);
    --nj-color-background-purple-secondary: var(--nj-color-palette-purple-100);
    --nj-color-background-purple-tertiary: var(--nj-color-palette-purple-200);
    --nj-color-background-purple-tertiary-hovered: var(--nj-color-palette-purple-300);
    --nj-color-background-purple-tertiary-focused: var(--nj-color-palette-purple-300);
    --nj-color-background-purple-tertiary-pressed: var(--nj-color-palette-purple-400);
    --nj-color-background-purple-hovered: var(--nj-color-palette-purple-700);
    --nj-color-background-purple-pressed: var(--nj-color-palette-purple-800);
    --nj-color-background-teal: var(--nj-color-palette-teal-600);
    --nj-color-background-teal-secondary: var(--nj-color-palette-teal-100);
    --nj-color-background-teal-tertiary: var(--nj-color-palette-teal-200);
    --nj-color-background-teal-tertiary-hovered: var(--nj-color-palette-teal-300);
    --nj-color-background-teal-tertiary-focused: var(--nj-color-palette-teal-300);
    --nj-color-background-teal-tertiary-pressed: var(--nj-color-palette-teal-400);
    --nj-color-background-teal-hovered: var(--nj-color-palette-teal-700);
    --nj-color-background-teal-pressed: var(--nj-color-palette-teal-800);
    --nj-color-background-lime: var(--nj-color-palette-lime-600);
    --nj-color-background-lime-secondary: var(--nj-color-palette-lime-100);
    --nj-color-background-lime-tertiary: var(--nj-color-palette-lime-200);
    --nj-color-background-lime-tertiary-hovered: var(--nj-color-palette-lime-300);
    --nj-color-background-lime-tertiary-focused: var(--nj-color-palette-lime-300);
    --nj-color-background-lime-tertiary-pressed: var(--nj-color-palette-lime-400);
    --nj-color-background-lime-hovered: var(--nj-color-palette-lime-700);
    --nj-color-background-lime-pressed: var(--nj-color-palette-lime-800);
    --nj-color-base-brand-100: var(--nj-color-palette-blue-100);
    --nj-color-base-brand-200: var(--nj-color-palette-blue-200);
    --nj-color-base-brand-300: var(--nj-color-palette-blue-300);
    --nj-color-base-brand-400: var(--nj-color-palette-blue-400);
    --nj-color-base-brand-500: var(--nj-color-palette-blue-500);
    --nj-color-base-brand-600: var(--nj-color-palette-blue-600);
    --nj-color-base-brand-700: var(--nj-color-palette-blue-700);
    --nj-color-base-brand-800: var(--nj-color-palette-blue-800);
    --nj-color-base-brand-900: var(--nj-color-palette-blue-900);
    --nj-color-base-brand-alpha-0: var(--nj-color-palette-blue-alpha-0);
    --nj-color-base-brand-alpha-100: var(--nj-color-palette-blue-alpha-100);
    --nj-color-base-brand-alpha-200: var(--nj-color-palette-blue-alpha-200);
    --nj-color-base-brand-alpha-300: var(--nj-color-palette-blue-alpha-300);
    --nj-color-base-neutral-0: var(--nj-color-palette-grey-0);
    --nj-color-base-neutral-100: var(--nj-color-palette-grey-100);
    --nj-color-base-neutral-200: var(--nj-color-palette-grey-200);
    --nj-color-base-neutral-300: var(--nj-color-palette-grey-300);
    --nj-color-base-neutral-400: var(--nj-color-palette-grey-400);
    --nj-color-base-neutral-500: var(--nj-color-palette-grey-500);
    --nj-color-base-neutral-600: var(--nj-color-palette-grey-600);
    --nj-color-base-neutral-700: var(--nj-color-palette-grey-700);
    --nj-color-base-neutral-800: var(--nj-color-palette-grey-800);
    --nj-color-base-neutral-900: var(--nj-color-palette-grey-900);
    --nj-color-base-neutral-1000: var(--nj-color-palette-grey-1000);
    --nj-color-base-neutral-alpha-0: var(--nj-color-palette-grey-alpha-0);
    --nj-color-base-neutral-alpha-100: var(--nj-color-palette-grey-alpha-100);
    --nj-color-base-neutral-alpha-200: var(--nj-color-palette-grey-alpha-200);
    --nj-color-base-neutral-alpha-300: var(--nj-color-palette-grey-alpha-300);
    --nj-color-base-neutral-alpha-400: var(--nj-color-palette-grey-alpha-400);
    --nj-color-base-neutral-alpha-500: var(--nj-color-palette-grey-alpha-500);
    --nj-color-base-danger-100: var(--nj-color-palette-red-100);
    --nj-color-base-danger-200: var(--nj-color-palette-red-200);
    --nj-color-base-danger-300: var(--nj-color-palette-red-300);
    --nj-color-base-danger-400: var(--nj-color-palette-red-400);
    --nj-color-base-danger-500: var(--nj-color-palette-red-500);
    --nj-color-base-danger-600: var(--nj-color-palette-red-600);
    --nj-color-base-danger-700: var(--nj-color-palette-red-700);
    --nj-color-base-danger-800: var(--nj-color-palette-red-800);
    --nj-color-base-danger-900: var(--nj-color-palette-red-900);
    --nj-color-base-danger-alpha-0: var(--nj-color-palette-red-alpha-0);
    --nj-color-base-danger-alpha-100: var(--nj-color-palette-red-alpha-100);
    --nj-color-base-danger-alpha-200: var(--nj-color-palette-red-alpha-200);
    --nj-color-base-danger-alpha-300: var(--nj-color-palette-red-alpha-300);
    --nj-color-base-success-100: var(--nj-color-palette-green-100);
    --nj-color-base-success-200: var(--nj-color-palette-green-200);
    --nj-color-base-success-300: var(--nj-color-palette-green-300);
    --nj-color-base-success-400: var(--nj-color-palette-green-400);
    --nj-color-base-success-500: var(--nj-color-palette-green-500);
    --nj-color-base-success-600: var(--nj-color-palette-green-600);
    --nj-color-base-success-700: var(--nj-color-palette-green-700);
    --nj-color-base-success-800: var(--nj-color-palette-green-800);
    --nj-color-base-success-900: var(--nj-color-palette-green-900);
    --nj-color-base-success-alpha-0: var(--nj-color-palette-green-alpha-0);
    --nj-color-base-success-alpha-100: var(--nj-color-palette-green-alpha-100);
    --nj-color-base-success-alpha-200: var(--nj-color-palette-green-alpha-200);
    --nj-color-base-success-alpha-300: var(--nj-color-palette-green-alpha-300);
    --nj-color-base-warning-100: var(--nj-color-palette-orange-100);
    --nj-color-base-warning-200: var(--nj-color-palette-orange-200);
    --nj-color-base-warning-300: var(--nj-color-palette-orange-300);
    --nj-color-base-warning-400: var(--nj-color-palette-orange-400);
    --nj-color-base-warning-500: var(--nj-color-palette-orange-500);
    --nj-color-base-warning-600: var(--nj-color-palette-orange-600);
    --nj-color-base-warning-700: var(--nj-color-palette-orange-700);
    --nj-color-base-warning-800: var(--nj-color-palette-orange-800);
    --nj-color-base-warning-900: var(--nj-color-palette-orange-900);
    --nj-color-base-warning-alpha-0: var(--nj-color-palette-orange-alpha-0);
    --nj-color-base-warning-alpha-100: var(--nj-color-palette-orange-alpha-100);
    --nj-color-base-warning-alpha-200: var(--nj-color-palette-orange-alpha-200);
    --nj-color-base-warning-alpha-300: var(--nj-color-palette-orange-alpha-300);
    --nj-color-base-discovery-100: var(--nj-color-palette-purple-100);
    --nj-color-base-discovery-200: var(--nj-color-palette-purple-200);
    --nj-color-base-discovery-300: var(--nj-color-palette-purple-300);
    --nj-color-base-discovery-400: var(--nj-color-palette-purple-400);
    --nj-color-base-discovery-500: var(--nj-color-palette-purple-500);
    --nj-color-base-discovery-600: var(--nj-color-palette-purple-600);
    --nj-color-base-discovery-700: var(--nj-color-palette-purple-700);
    --nj-color-base-discovery-800: var(--nj-color-palette-purple-800);
    --nj-color-base-discovery-900: var(--nj-color-palette-purple-900);
    --nj-color-base-discovery-alpha-0: var(--nj-color-palette-purple-alpha-0);
    --nj-color-base-discovery-alpha-100: var(--nj-color-palette-purple-alpha-100);
    --nj-color-base-discovery-alpha-200: var(--nj-color-palette-purple-alpha-200);
    --nj-color-base-discovery-alpha-300: var(--nj-color-palette-purple-alpha-300);
    --nj-color-base-information-100: var(--nj-color-palette-blue-100);
    --nj-color-base-information-200: var(--nj-color-palette-blue-200);
    --nj-color-base-information-300: var(--nj-color-palette-blue-300);
    --nj-color-base-information-400: var(--nj-color-palette-blue-400);
    --nj-color-base-information-500: var(--nj-color-palette-blue-500);
    --nj-color-base-information-600: var(--nj-color-palette-blue-600);
    --nj-color-base-information-700: var(--nj-color-palette-blue-700);
    --nj-color-base-information-800: var(--nj-color-palette-blue-800);
    --nj-color-base-information-900: var(--nj-color-palette-blue-900);
    --nj-color-base-information-alpha-0: var(--nj-color-palette-blue-alpha-0);
    --nj-color-base-information-alpha-100: var(--nj-color-palette-blue-alpha-100);
    --nj-color-base-information-alpha-200: var(--nj-color-palette-blue-alpha-200);
    --nj-color-base-information-alpha-300: var(--nj-color-palette-blue-alpha-300);
    --nj-color-base-gradient: linear-gradient(90deg, var(--nj-color-palette-engie-blue) 0%, var(--nj-color-palette-engie-green) 100%);
    --nj-color-border-minimal: var(--nj-color-base-neutral-200);
    --nj-color-border-subtle: var(--nj-color-base-neutral-300);
    --nj-color-border-subtle-transparent: var(--nj-color-base-neutral-alpha-300);
    --nj-color-border-moderate: var(--nj-color-base-neutral-400);
    --nj-color-border-bold: var(--nj-color-base-neutral-600);
    --nj-color-border-strong: var(--nj-color-base-neutral-700);
    --nj-color-border-contrast: var(--nj-color-base-neutral-900);
    --nj-color-border-hovered: var(--nj-color-border-brand-bold);
    --nj-color-border-focused: var(--nj-color-border-brand-bold);
    --nj-color-border-brand-moderate: var(--nj-color-base-brand-400);
    --nj-color-border-brand-bold: var(--nj-color-base-brand-600);
    --nj-color-border-brand-strong: var(--nj-color-base-brand-700);
    --nj-color-border-inverse: var(--nj-color-base-neutral-0);
    --nj-color-border-inverse-focused: var(--nj-color-base-neutral-0);
    --nj-color-border-danger-subtle: var(--nj-color-base-danger-300);
    --nj-color-border-danger-moderate: var(--nj-color-base-danger-400);
    --nj-color-border-danger-bold: var(--nj-color-base-danger-600);
    --nj-color-border-danger-strong: var(--nj-color-base-danger-700);
    --nj-color-border-warning-subtle: var(--nj-color-base-warning-300);
    --nj-color-border-warning-moderate: var(--nj-color-base-warning-400);
    --nj-color-border-warning-bold: var(--nj-color-base-warning-600);
    --nj-color-border-warning-strong: var(--nj-color-base-warning-700);
    --nj-color-border-success-subtle: var(--nj-color-base-success-300);
    --nj-color-border-success-moderate: var(--nj-color-base-success-400);
    --nj-color-border-success-bold: var(--nj-color-base-success-600);
    --nj-color-border-success-strong: var(--nj-color-base-success-700);
    --nj-color-border-discovery-subtle: var(--nj-color-base-discovery-300);
    --nj-color-border-discovery-moderate: var(--nj-color-base-discovery-400);
    --nj-color-border-discovery-bold: var(--nj-color-base-discovery-600);
    --nj-color-border-discovery-strong: var(--nj-color-base-discovery-700);
    --nj-color-border-information-subtle: var(--nj-color-base-information-300);
    --nj-color-border-information-moderate: var(--nj-color-base-information-400);
    --nj-color-border-information-bold: var(--nj-color-base-information-600);
    --nj-color-border-information-strong: var(--nj-color-base-information-700);
    --nj-color-border-pink-moderate: var(--nj-color-palette-pink-400);
    --nj-color-border-pink-bold: var(--nj-color-palette-pink-600);
    --nj-color-border-pink-strong: var(--nj-color-palette-pink-700);
    --nj-color-border-red-moderate: var(--nj-color-palette-red-400);
    --nj-color-border-red-bold: var(--nj-color-palette-red-600);
    --nj-color-border-red-strong: var(--nj-color-palette-red-700);
    --nj-color-border-orange-moderate: var(--nj-color-palette-orange-400);
    --nj-color-border-orange-bold: var(--nj-color-palette-orange-600);
    --nj-color-border-orange-strong: var(--nj-color-palette-orange-700);
    --nj-color-border-yellow-moderate: var(--nj-color-palette-yellow-400);
    --nj-color-border-yellow-bold: var(--nj-color-palette-yellow-600);
    --nj-color-border-yellow-strong: var(--nj-color-palette-yellow-700);
    --nj-color-border-green-moderate: var(--nj-color-palette-green-400);
    --nj-color-border-green-bold: var(--nj-color-palette-green-600);
    --nj-color-border-green-strong: var(--nj-color-palette-green-700);
    --nj-color-border-grey-moderate: var(--nj-color-palette-grey-400);
    --nj-color-border-grey-bold: var(--nj-color-palette-grey-600);
    --nj-color-border-grey-strong: var(--nj-color-palette-grey-700);
    --nj-color-border-blue-moderate: var(--nj-color-palette-blue-400);
    --nj-color-border-blue-bold: var(--nj-color-palette-blue-600);
    --nj-color-border-blue-strong: var(--nj-color-palette-blue-700);
    --nj-color-border-ultramarine-moderate: var(--nj-color-palette-ultramarine-400);
    --nj-color-border-ultramarine-bold: var(--nj-color-palette-ultramarine-600);
    --nj-color-border-ultramarine-strong: var(--nj-color-palette-ultramarine-700);
    --nj-color-border-purple-moderate: var(--nj-color-palette-purple-400);
    --nj-color-border-purple-bold: var(--nj-color-palette-purple-600);
    --nj-color-border-purple-strong: var(--nj-color-palette-purple-700);
    --nj-color-border-teal-moderate: var(--nj-color-palette-teal-400);
    --nj-color-border-teal-bold: var(--nj-color-palette-teal-600);
    --nj-color-border-teal-strong: var(--nj-color-palette-teal-700);
    --nj-color-border-lime-moderate: var(--nj-color-palette-lime-400);
    --nj-color-border-lime-bold: var(--nj-color-palette-lime-600);
    --nj-color-border-lime-strong: var(--nj-color-palette-lime-700);
    --nj-color-icon-tertiary: var(--nj-color-base-neutral-500);
    --nj-color-icon-secondary: var(--nj-color-base-neutral-600);
    --nj-color-icon-secondary-hovered: var(--nj-color-base-neutral-700);
    --nj-color-icon-secondary-focused: var(--nj-color-base-neutral-700);
    --nj-color-icon-secondary-pressed: var(--nj-color-base-neutral-800);
    --nj-color-icon-primary: var(--nj-color-base-neutral-800);
    --nj-color-icon-inverse-primary: var(--nj-color-base-neutral-0);
    --nj-color-icon-brand-secondary: var(--nj-color-base-brand-600);
    --nj-color-icon-brand-secondary-hovered: var(--nj-color-base-brand-700);
    --nj-color-icon-brand-secondary-focused: var(--nj-color-base-brand-700);
    --nj-color-icon-brand-secondary-pressed: var(--nj-color-base-brand-800);
    --nj-color-icon-brand-primary: var(--nj-color-base-brand-800);
    --nj-color-icon-danger-secondary: var(--nj-color-base-danger-600);
    --nj-color-icon-danger-secondary-hovered: var(--nj-color-base-danger-700);
    --nj-color-icon-danger-secondary-focused: var(--nj-color-base-danger-700);
    --nj-color-icon-danger-secondary-pressed: var(--nj-color-base-danger-800);
    --nj-color-icon-danger-primary: var(--nj-color-base-danger-800);
    --nj-color-icon-pink-secondary: var(--nj-color-palette-pink-600);
    --nj-color-icon-pink-secondary-hovered: var(--nj-color-palette-pink-700);
    --nj-color-icon-pink-secondary-focused: var(--nj-color-palette-pink-700);
    --nj-color-icon-pink-secondary-pressed: var(--nj-color-palette-pink-800);
    --nj-color-icon-pink-primary: var(--nj-color-palette-pink-800);
    --nj-color-icon-red-secondary: var(--nj-color-palette-red-600);
    --nj-color-icon-red-secondary-hovered: var(--nj-color-palette-red-700);
    --nj-color-icon-red-secondary-focused: var(--nj-color-palette-red-700);
    --nj-color-icon-red-secondary-pressed: var(--nj-color-palette-red-800);
    --nj-color-icon-red-primary: var(--nj-color-palette-red-800);
    --nj-color-icon-orange-secondary: var(--nj-color-palette-orange-600);
    --nj-color-icon-orange-secondary-hovered: var(--nj-color-palette-orange-700);
    --nj-color-icon-orange-secondary-focused: var(--nj-color-palette-orange-700);
    --nj-color-icon-orange-secondary-pressed: var(--nj-color-palette-orange-800);
    --nj-color-icon-orange-primary: var(--nj-color-palette-orange-800);
    --nj-color-icon-yellow-secondary: var(--nj-color-palette-yellow-600);
    --nj-color-icon-yellow-secondary-hovered: var(--nj-color-palette-yellow-700);
    --nj-color-icon-yellow-secondary-focused: var(--nj-color-palette-yellow-700);
    --nj-color-icon-yellow-secondary-pressed: var(--nj-color-palette-yellow-800);
    --nj-color-icon-yellow-primary: var(--nj-color-palette-yellow-800);
    --nj-color-icon-green-secondary: var(--nj-color-palette-green-600);
    --nj-color-icon-green-secondary-hovered: var(--nj-color-palette-green-700);
    --nj-color-icon-green-secondary-focused: var(--nj-color-palette-green-700);
    --nj-color-icon-green-secondary-pressed: var(--nj-color-palette-green-800);
    --nj-color-icon-green-primary: var(--nj-color-palette-green-800);
    --nj-color-icon-grey-secondary: var(--nj-color-palette-grey-600);
    --nj-color-icon-grey-secondary-hovered: var(--nj-color-palette-grey-700);
    --nj-color-icon-grey-secondary-focused: var(--nj-color-palette-grey-700);
    --nj-color-icon-grey-secondary-pressed: var(--nj-color-palette-grey-800);
    --nj-color-icon-grey-primary: var(--nj-color-palette-grey-800);
    --nj-color-icon-blue-secondary: var(--nj-color-palette-blue-600);
    --nj-color-icon-blue-secondary-hovered: var(--nj-color-palette-blue-700);
    --nj-color-icon-blue-secondary-focused: var(--nj-color-palette-blue-700);
    --nj-color-icon-blue-secondary-pressed: var(--nj-color-palette-blue-800);
    --nj-color-icon-blue-primary: var(--nj-color-palette-blue-800);
    --nj-color-icon-ultramarine-secondary: var(--nj-color-palette-ultramarine-600);
    --nj-color-icon-ultramarine-secondary-hovered: var(--nj-color-palette-ultramarine-700);
    --nj-color-icon-ultramarine-secondary-focused: var(--nj-color-palette-ultramarine-700);
    --nj-color-icon-ultramarine-secondary-pressed: var(--nj-color-palette-ultramarine-800);
    --nj-color-icon-ultramarine-primary: var(--nj-color-palette-ultramarine-800);
    --nj-color-icon-purple-secondary: var(--nj-color-palette-purple-600);
    --nj-color-icon-purple-secondary-hovered: var(--nj-color-palette-purple-700);
    --nj-color-icon-purple-secondary-focused: var(--nj-color-palette-purple-700);
    --nj-color-icon-purple-secondary-pressed: var(--nj-color-palette-purple-800);
    --nj-color-icon-purple-primary: var(--nj-color-palette-purple-800);
    --nj-color-icon-teal-secondary: var(--nj-color-palette-teal-600);
    --nj-color-icon-teal-secondary-hovered: var(--nj-color-palette-teal-700);
    --nj-color-icon-teal-secondary-focused: var(--nj-color-palette-teal-700);
    --nj-color-icon-teal-secondary-pressed: var(--nj-color-palette-teal-800);
    --nj-color-icon-teal-primary: var(--nj-color-palette-teal-800);
    --nj-color-icon-lime-secondary: var(--nj-color-palette-lime-600);
    --nj-color-icon-lime-secondary-hovered: var(--nj-color-palette-lime-700);
    --nj-color-icon-lime-secondary-focused: var(--nj-color-palette-lime-700);
    --nj-color-icon-lime-secondary-pressed: var(--nj-color-palette-lime-800);
    --nj-color-icon-lime-primary: var(--nj-color-palette-lime-800);
    --nj-color-palette-grey-0: #15191d;
    --nj-color-palette-grey-100: #1a1f23;
    --nj-color-palette-grey-200: #1f262b;
    --nj-color-palette-grey-300: #2e3942;
    --nj-color-palette-grey-400: #425663;
    --nj-color-palette-grey-500: #5c7181;
    --nj-color-palette-grey-600: #718492;
    --nj-color-palette-grey-700: #97a5af;
    --nj-color-palette-grey-800: #bcc4cb;
    --nj-color-palette-grey-900: #e2e5e9;
    --nj-color-palette-grey-1000: #fafafb;
    --nj-color-palette-grey-alpha-0: transparent;
    --nj-color-palette-grey-alpha-100: rgba(188, 225, 229, .03);
    --nj-color-palette-grey-alpha-200: rgba(164, 211, 229, .07);
    --nj-color-palette-grey-alpha-300: rgba(168, 213, 247, .17);
    --nj-color-palette-grey-alpha-400: rgba(166, 222, 255, .31);
    --nj-color-palette-grey-alpha-500: rgba(179, 221, 251, .45);
    --nj-color-palette-pink-100: #211d1e;
    --nj-color-palette-pink-200: #2a2326;
    --nj-color-palette-pink-300: #45333a;
    --nj-color-palette-pink-400: #7b4159;
    --nj-color-palette-pink-500: #c13c72;
    --nj-color-palette-pink-600: #e44284;
    --nj-color-palette-pink-700: #f779ad;
    --nj-color-palette-pink-800: #fbaccc;
    --nj-color-palette-pink-900: #fddcea;
    --nj-color-palette-red-100: #321613;
    --nj-color-palette-red-200: #411a16;
    --nj-color-palette-red-300: #63221e;
    --nj-color-palette-red-400: #95302c;
    --nj-color-palette-red-500: #c3423c;
    --nj-color-palette-red-600: #dd534b;
    --nj-color-palette-red-700: #fa7e72;
    --nj-color-palette-red-800: #ffaea3;
    --nj-color-palette-red-900: #ffddd7;
    --nj-color-palette-red-alpha-0: transparent;
    --nj-color-palette-red-alpha-100: rgba(104, 16, 0, .35);
    --nj-color-palette-red-alpha-200: rgba(197, 29, 1, .25);
    --nj-color-palette-red-alpha-300: rgba(250, 51, 32, .34);
    --nj-color-palette-orange-100: #2c1b12;
    --nj-color-palette-orange-200: #372015;
    --nj-color-palette-orange-300: #542f1b;
    --nj-color-palette-orange-400: #7e4425;
    --nj-color-palette-orange-500: #a85a31;
    --nj-color-palette-orange-600: #c3693a;
    --nj-color-palette-orange-700: #f08750;
    --nj-color-palette-orange-800: #ffb182;
    --nj-color-palette-orange-900: #ffdfc8;
    --nj-color-palette-orange-alpha-0: transparent;
    --nj-color-palette-orange-alpha-100: rgba(82, 30, 0, .38);
    --nj-color-palette-orange-alpha-200: rgba(142, 50, 0, .28);
    --nj-color-palette-orange-alpha-300: rgba(254, 106, 22, .27);
    --nj-color-palette-yellow-100: #251e13;
    --nj-color-palette-yellow-200: #2c2416;
    --nj-color-palette-yellow-300: #43361d;
    --nj-color-palette-yellow-400: #655027;
    --nj-color-palette-yellow-500: #866b32;
    --nj-color-palette-yellow-600: #9d7d39;
    --nj-color-palette-yellow-700: #c59d4a;
    --nj-color-palette-yellow-800: #eabc5f;
    --nj-color-palette-yellow-900: #ffe299;
    --nj-color-palette-green-100: #102313;
    --nj-color-palette-green-200: #112b16;
    --nj-color-palette-green-300: #12401e;
    --nj-color-palette-green-400: #12602b;
    --nj-color-palette-green-500: #1d7f3c;
    --nj-color-palette-green-600: #30934b;
    --nj-color-palette-green-700: #63b473;
    --nj-color-palette-green-800: #99d0a0;
    --nj-color-palette-green-900: #d4ebd6;
    --nj-color-palette-green-alpha-0: transparent;
    --nj-color-palette-green-alpha-100: rgba(7, 54, 0, .35);
    --nj-color-palette-green-alpha-200: rgba(5, 97, 1, .25);
    --nj-color-palette-green-alpha-300: rgba(3, 254, 35, .17);
    --nj-color-palette-blue-100: #111f2e;
    --nj-color-palette-blue-200: #12263b;
    --nj-color-palette-blue-300: #0f3a5e;
    --nj-color-palette-blue-400: #04568e;
    --nj-color-palette-blue-500: #1c73b6;
    --nj-color-palette-blue-600: #3d85ca;
    --nj-color-palette-blue-700: #77a6e1;
    --nj-color-palette-blue-800: #a9c4ee;
    --nj-color-palette-blue-900: #dbe5f8;
    --nj-color-palette-blue-alpha-0: transparent;
    --nj-color-palette-blue-alpha-100: rgba(1, 55, 114, .2);
    --nj-color-palette-blue-alpha-200: rgba(1, 112, 229, .15);
    --nj-color-palette-blue-alpha-300: rgba(0, 139, 253, .29);
    --nj-color-palette-ultramarine-100: #171d37;
    --nj-color-palette-ultramarine-200: #17224b;
    --nj-color-palette-ultramarine-300: #25346e;
    --nj-color-palette-ultramarine-400: #3f508e;
    --nj-color-palette-ultramarine-500: #5d6ca7;
    --nj-color-palette-ultramarine-600: #717fb5;
    --nj-color-palette-ultramarine-700: #96a2cc;
    --nj-color-palette-ultramarine-800: #bbc2df;
    --nj-color-palette-ultramarine-900: #e1e4f1;
    --nj-color-palette-purple-100: #201d22;
    --nj-color-palette-purple-200: #28232c;
    --nj-color-palette-purple-300: #41324e;
    --nj-color-palette-purple-400: #694288;
    --nj-color-palette-purple-500: #875da9;
    --nj-color-palette-purple-600: #9971b8;
    --nj-color-palette-purple-700: #b697cf;
    --nj-color-palette-purple-800: #d0bbe1;
    --nj-color-palette-purple-900: #ebe1f2;
    --nj-color-palette-purple-alpha-0: transparent;
    --nj-color-palette-purple-alpha-100: rgba(241, 105, 129, .05);
    --nj-color-palette-purple-alpha-200: rgba(232, 136, 196, .09);
    --nj-color-palette-purple-alpha-300: rgba(221, 139, 252, .22);
    --nj-color-palette-teal-100: #191f1f;
    --nj-color-palette-teal-200: #1d2727;
    --nj-color-palette-teal-300: #243c3b;
    --nj-color-palette-teal-400: #275b59;
    --nj-color-palette-teal-500: #297a77;
    --nj-color-palette-teal-600: #328e8a;
    --nj-color-palette-teal-700: #58b1ad;
    --nj-color-palette-teal-800: #8bcfcb;
    --nj-color-palette-teal-900: #ccebea;
    --nj-color-palette-lime-100: #1e2010;
    --nj-color-palette-lime-200: #242713;
    --nj-color-palette-lime-300: #353b18;
    --nj-color-palette-lime-400: #4e581e;
    --nj-color-palette-lime-500: #677525;
    --nj-color-palette-lime-600: #78892a;
    --nj-color-palette-lime-700: #97ac37;
    --nj-color-palette-lime-800: #b7cd4f;
    --nj-color-palette-lime-900: #dfed90;
    --nj-color-palette-engie-blue: #0af;
    --nj-color-palette-engie-green: #23d2b5;
    --nj-color-text-primary: var(--nj-color-base-neutral-1000);
    --nj-color-text-primary-hovered: var(--nj-color-base-brand-600);
    --nj-color-text-primary-focused: var(--nj-color-base-brand-600);
    --nj-color-text-primary-pressed: var(--nj-color-base-brand-700);
    --nj-color-text-secondary: var(--nj-color-base-neutral-800);
    --nj-color-text-tertiary: var(--nj-color-base-neutral-600);
    --nj-color-text-tertiary-hovered: var(--nj-color-base-brand-600);
    --nj-color-text-tertiary-focused: var(--nj-color-base-brand-600);
    --nj-color-text-tertiary-pressed: var(--nj-color-base-brand-700);
    --nj-color-text-inverse: var(--nj-color-base-neutral-0);
    --nj-color-text-inverse-hovered: var(--nj-color-base-neutral-200);
    --nj-color-text-inverse-focused: var(--nj-color-base-neutral-200);
    --nj-color-text-inverse-pressed: var(--nj-color-base-neutral-300);
    --nj-color-text-brand-primary: var(--nj-color-base-brand-600);
    --nj-color-text-brand-primary-hovered: var(--nj-color-base-brand-700);
    --nj-color-text-brand-primary-focused: var(--nj-color-base-brand-700);
    --nj-color-text-brand-primary-pressed: var(--nj-color-base-brand-800);
    --nj-color-text-brand-high-contrast: var(--nj-color-base-brand-700);
    --nj-color-text-brand-high-contrast-hovered: var(--nj-color-base-brand-800);
    --nj-color-text-brand-high-contrast-focused: var(--nj-color-base-brand-800);
    --nj-color-text-brand-high-contrast-pressed: var(--nj-color-base-brand-900);
    --nj-color-text-danger-primary: var(--nj-color-base-danger-600);
    --nj-color-text-danger-primary-hovered: var(--nj-color-base-danger-700);
    --nj-color-text-danger-primary-focused: var(--nj-color-base-danger-700);
    --nj-color-text-danger-primary-pressed: var(--nj-color-base-danger-800);
    --nj-color-text-danger-secondary: var(--nj-color-base-danger-800);
    --nj-color-text-danger-high-contrast: var(--nj-color-base-danger-700);
    --nj-color-text-danger-high-contrast-hovered: var(--nj-color-base-danger-800);
    --nj-color-text-danger-high-contrast-focused: var(--nj-color-base-danger-800);
    --nj-color-text-danger-high-contrast-pressed: var(--nj-color-base-danger-900);
    --nj-color-text-warning-primary: var(--nj-color-base-warning-600);
    --nj-color-text-warning-primary-hovered: var(--nj-color-base-warning-700);
    --nj-color-text-warning-primary-focused: var(--nj-color-base-warning-700);
    --nj-color-text-warning-primary-pressed: var(--nj-color-base-warning-800);
    --nj-color-text-warning-secondary: var(--nj-color-base-warning-800);
    --nj-color-text-warning-high-contrast: var(--nj-color-base-warning-700);
    --nj-color-text-warning-high-contrast-hovered: var(--nj-color-base-warning-800);
    --nj-color-text-warning-high-contrast-focused: var(--nj-color-base-warning-800);
    --nj-color-text-warning-high-contrast-pressed: var(--nj-color-base-warning-900);
    --nj-color-text-success-primary: var(--nj-color-base-success-600);
    --nj-color-text-success-primary-hovered: var(--nj-color-base-success-700);
    --nj-color-text-success-primary-focused: var(--nj-color-base-success-700);
    --nj-color-text-success-primary-pressed: var(--nj-color-base-success-800);
    --nj-color-text-success-secondary: var(--nj-color-base-success-800);
    --nj-color-text-success-high-contrast: var(--nj-color-base-success-700);
    --nj-color-text-success-high-contrast-hovered: var(--nj-color-base-success-800);
    --nj-color-text-success-high-contrast-focused: var(--nj-color-base-success-800);
    --nj-color-text-success-high-contrast-pressed: var(--nj-color-base-success-900);
    --nj-color-text-information-primary: var(--nj-color-base-information-600);
    --nj-color-text-information-primary-hovered: var(--nj-color-base-information-700);
    --nj-color-text-information-primary-focused: var(--nj-color-base-information-700);
    --nj-color-text-information-primary-pressed: var(--nj-color-base-information-800);
    --nj-color-text-information-secondary: var(--nj-color-base-information-800);
    --nj-color-text-information-high-contrast: var(--nj-color-base-information-700);
    --nj-color-text-information-high-contrast-hovered: var(--nj-color-base-information-800);
    --nj-color-text-information-high-contrast-focused: var(--nj-color-base-information-800);
    --nj-color-text-information-high-contrast-pressed: var(--nj-color-base-information-900);
    --nj-color-text-discovery-primary: var(--nj-color-base-discovery-600);
    --nj-color-text-discovery-primary-hovered: var(--nj-color-base-discovery-700);
    --nj-color-text-discovery-primary-focused: var(--nj-color-base-discovery-700);
    --nj-color-text-discovery-primary-pressed: var(--nj-color-base-discovery-800);
    --nj-color-text-discovery-secondary: var(--nj-color-base-discovery-800);
    --nj-color-text-discovery-high-contrast: var(--nj-color-base-discovery-700);
    --nj-color-text-discovery-high-contrast-hovered: var(--nj-color-base-discovery-800);
    --nj-color-text-discovery-high-contrast-focused: var(--nj-color-base-discovery-800);
    --nj-color-text-discovery-high-contrast-pressed: var(--nj-color-base-discovery-900);
    --nj-color-text-pink-primary: var(--nj-color-palette-pink-600);
    --nj-color-text-pink-primary-hovered: var(--nj-color-palette-pink-700);
    --nj-color-text-pink-primary-focused: var(--nj-color-palette-pink-700);
    --nj-color-text-pink-primary-pressed: var(--nj-color-palette-pink-800);
    --nj-color-text-red-primary: var(--nj-color-palette-red-600);
    --nj-color-text-red-primary-hovered: var(--nj-color-palette-red-700);
    --nj-color-text-red-primary-focused: var(--nj-color-palette-red-700);
    --nj-color-text-red-primary-pressed: var(--nj-color-palette-red-800);
    --nj-color-text-orange-primary: var(--nj-color-palette-orange-600);
    --nj-color-text-orange-primary-hovered: var(--nj-color-palette-orange-700);
    --nj-color-text-orange-primary-focused: var(--nj-color-palette-orange-700);
    --nj-color-text-orange-primary-pressed: var(--nj-color-palette-orange-800);
    --nj-color-text-yellow-primary: var(--nj-color-palette-yellow-600);
    --nj-color-text-yellow-primary-hovered: var(--nj-color-palette-yellow-700);
    --nj-color-text-yellow-primary-focused: var(--nj-color-palette-yellow-700);
    --nj-color-text-yellow-primary-pressed: var(--nj-color-palette-yellow-800);
    --nj-color-text-green-primary: var(--nj-color-palette-green-600);
    --nj-color-text-green-primary-hovered: var(--nj-color-palette-green-700);
    --nj-color-text-green-primary-focused: var(--nj-color-palette-green-700);
    --nj-color-text-green-primary-pressed: var(--nj-color-palette-green-800);
    --nj-color-text-grey-primary: var(--nj-color-palette-grey-600);
    --nj-color-text-grey-primary-hovered: var(--nj-color-palette-grey-700);
    --nj-color-text-grey-primary-focused: var(--nj-color-palette-grey-700);
    --nj-color-text-grey-primary-pressed: var(--nj-color-palette-grey-800);
    --nj-color-text-blue-primary: var(--nj-color-palette-blue-600);
    --nj-color-text-blue-primary-hovered: var(--nj-color-palette-blue-700);
    --nj-color-text-blue-primary-focused: var(--nj-color-palette-blue-700);
    --nj-color-text-blue-primary-pressed: var(--nj-color-palette-blue-800);
    --nj-color-text-ultramarine-primary: var(--nj-color-palette-ultramarine-600);
    --nj-color-text-ultramarine-primary-hovered: var(--nj-color-palette-ultramarine-700);
    --nj-color-text-ultramarine-primary-focused: var(--nj-color-palette-ultramarine-700);
    --nj-color-text-ultramarine-primary-pressed: var(--nj-color-palette-ultramarine-800);
    --nj-color-text-purple-primary: var(--nj-color-palette-purple-600);
    --nj-color-text-purple-primary-hovered: var(--nj-color-palette-purple-700);
    --nj-color-text-purple-primary-focused: var(--nj-color-palette-purple-700);
    --nj-color-text-purple-primary-pressed: var(--nj-color-palette-purple-800);
    --nj-color-text-teal-primary: var(--nj-color-palette-teal-600);
    --nj-color-text-teal-primary-hovered: var(--nj-color-palette-teal-700);
    --nj-color-text-teal-primary-focused: var(--nj-color-palette-teal-700);
    --nj-color-text-teal-primary-pressed: var(--nj-color-palette-teal-800);
    --nj-color-text-lime-primary: var(--nj-color-palette-lime-600);
    --nj-color-text-lime-primary-hovered: var(--nj-color-palette-lime-700);
    --nj-color-text-lime-primary-focused: var(--nj-color-palette-lime-700);
    --nj-color-text-lime-primary-pressed: var(--nj-color-palette-lime-800);
    --nj-shadow-level-2-dp: 0 3px 0 rgba(0, 0, 0, .06), 0 2px 2px rgba(0, 0, 0, .3), 0 1px 5px rgba(0, 0, 0, .3);
    --nj-shadow-level-4-dp: 0 1px 10px rgba(0, 0, 0, .3), 0 4px 5px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .35);
    --nj-shadow-level-6-dp: 0 1px 18px rgba(0, 0, 0, .3), 0 6px 10px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .3);
    --nj-shadow-level-8-dp: 0 3px 14px rgba(0, 0, 0, .3), 0 8px 10px rgba(0, 0, 0, .3), 0 5px 5px rgba(0, 0, 0, .3);
    --nj-shadow-level-16-dp: 0 6px 30px rgba(0, 0, 0, .3), 0 16px 24px rgba(0, 0, 0, .3), 0 8px 10px rgba(0, 0, 0, .35);
    --nj-shadow-level-24-dp: 0 9px 46px rgba(0, 0, 0, .3), 0 24px 38px rgba(0, 0, 0, .3), 0 11px 15px rgba(0, 0, 0, .3)
}

.nj-alert {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--nj-deprecated-color-text-background-base);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--nj-font-family-default);
    font-size: var(--nj-size-font-deci);
    line-height: var(--nj-font-line-height-default);
    margin: var(--nj-size-space-16) 0;
    padding: var(--nj-size-space-8) var(--nj-size-space-48) var(--nj-size-space-8) var(--nj-size-space-16);
    position: relative
}

.nj-alert,
.nj-alert *,
.nj-alert :after,
.nj-alert :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-alert__icon {
    margin-right: var(--nj-size-space-16)
}

.nj-alert__icon,
.nj-alert__icon.material-icons {
    color: inherit
}

.nj-alert__title {
    display: block;
    font-weight: var(--nj-font-weight-bold)
}

.nj-alert a.nj-alert__close {
    pointer-events: none
}

.nj-alert button.nj-alert__close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0
}

.nj-alert__close {
    color: var(--nj-deprecated-color-text-background-base);
    opacity: 1;
    padding: var(--nj-size-space-8) var(--nj-size-space-16);
    position: absolute;
    right: 0;
    top: 0
}

.nj-alert__close:hover {
    text-decoration: none
}

.nj-alert__close:not(:disabled):not(.disabled):focus,
.nj-alert__close:not(:disabled):not(.disabled):hover {
    opacity: .7
}

.nj-alert__close-icon {
    display: block;
    font-size: var(--nj-size-font-deca)
}

.nj-alert__close-icon,
.nj-alert__close-icon.material-icons {
    color: inherit
}

.nj-alert--primary {
    background-color: var(--nj-deprecated-color-base-primary)
}

.nj-alert--success {
    background-color: var(--nj-deprecated-color-base-success)
}

.nj-alert--warning {
    background-color: var(--nj-deprecated-color-base-warning)
}

.nj-alert--danger {
    background-color: var(--nj-deprecated-color-base-danger)
}

.nj-alert--light {
    background-color: var(--nj-deprecated-color-base-light);
    background-color: var(--nj-color-palette-base);
    color: var(--nj-deprecated-color-base-primary)
}

.nj-alert--light .nj-alert__close {
    color: var(--nj-deprecated-color-text-body)
}

:root {
    --nj-avatar-size--sm: 2rem;
    --nj-avatar-size--base: 3rem;
    --nj-avatar-size--lg: 4rem;
    --nj-avatar-size--xl: 6rem
}

.nj-avatar {
    --nj-avatar-border-color: var(--nj-color-border-inverse);
    --nj-avatar-background-color: var(--nj-color-background-brand);
    --nj-avatar-background-color-hovered: var(--nj-color-background-brand-hovered);
    --nj-avatar-background-color-pressed: var(--nj-color-background-brand-pressed);
    --nj-avatar-outline-color-hovered: var(--nj-avatar-background-color-hovered);
    --nj-avatar-outline-color-pressed: var(--nj-avatar-background-color-pressed);
    --nj-avatar-size: var(--nj-avatar-size--base);
    --nj-avatar-font-size: var(--nj-size-font-hecto);
    --nj-avatar-focus-additional-offset: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--nj-avatar-background-color);
    border: 2px solid var(--nj-color-border-inverse);
    border-radius: 50%;
    color: var(--nj-color-text-inverse);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--nj-font-family-default);
    font-size: var(--nj-avatar-font-size);
    height: var(--nj-avatar-size);
    justify-content: center;
    line-height: var(--nj-font-line-height-default);
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: var(--nj-avatar-size)
}

.nj-avatar,
.nj-avatar *,
.nj-avatar :after,
.nj-avatar :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-avatar--default-icon:before {
    background: var(--nj-color-text-inverse);
    content: "";
    height: 50%;
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_1642_712%29%22%3E%3Cpath%20d%3D%22M12%205.9C13.16%205.9%2014.1%206.84%2014.1%208C14.1%209.16%2013.16%2010.1%2012%2010.1C10.84%2010.1%209.9%209.16%209.9%208C9.9%206.84%2010.84%205.9%2012%205.9ZM12%2014.9C14.97%2014.9%2018.1%2016.36%2018.1%2017V18.1H5.9V17C5.9%2016.36%209.03%2014.9%2012%2014.9ZM12%204C9.79%204%208%205.79%208%208C8%2010.21%209.79%2012%2012%2012C14.21%2012%2016%2010.21%2016%208C16%205.79%2014.21%204%2012%204ZM12%2013C9.33%2013%204%2014.34%204%2017V20H20V17C20%2014.34%2014.67%2013%2012%2013Z%22%20fill%3D%22%23212121%22%20%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_1642_712%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20%20%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_1642_712%29%22%3E%3Cpath%20d%3D%22M12%205.9C13.16%205.9%2014.1%206.84%2014.1%208C14.1%209.16%2013.16%2010.1%2012%2010.1C10.84%2010.1%209.9%209.16%209.9%208C9.9%206.84%2010.84%205.9%2012%205.9ZM12%2014.9C14.97%2014.9%2018.1%2016.36%2018.1%2017V18.1H5.9V17C5.9%2016.36%209.03%2014.9%2012%2014.9ZM12%204C9.79%204%208%205.79%208%208C8%2010.21%209.79%2012%2012%2012C14.21%2012%2016%2010.21%2016%208C16%205.79%2014.21%204%2012%204ZM12%2013C9.33%2013%204%2014.34%204%2017V20H20V17C20%2014.34%2014.67%2013%2012%2013Z%22%20fill%3D%22%23212121%22%20%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_1642_712%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20%20%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    width: 50%
}

.nj-avatar__picture {
    -webkit-user-drag: none;
    user-drag: none;
    border-radius: 50%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    width: 100%
}

.nj-avatar__initials {
    text-transform: uppercase
}

.nj-avatar--remaining-count {
    --nj-avatar-background-color: var(--nj-color-background-neutral);
    --nj-avatar-background-color-hovered: var(--nj-color-background-neutral-hovered);
    --nj-avatar-background-color-active: var(--nj-color-background-neutral-pressed)
}

.nj-avatar .nj-badge {
    font-weight: var(--nj-font-weight-normal);
    left: 60%;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.nj-avatar .nj-badge * {
    margin: 0
}

.nj-avatar .nj-status-indicator {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 2
}

.nj-avatar--sm {
    --nj-avatar-size: var(--nj-avatar-size--sm);
    --nj-avatar-font-size: var(--nj-size-font-deci)
}

.nj-avatar--sm .nj-status-indicator {
    -webkit-transform: translate(25%, 25%);
    transform: translate(25%, 25%)
}

.nj-avatar--lg {
    --nj-avatar-size: var(--nj-avatar-size--lg);
    --nj-avatar-font-size: var(--nj-size-font-kilo)
}

.nj-avatar--lg .nj-badge {
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%)
}

.nj-avatar--xl {
    --nj-avatar-size: var(--nj-avatar-size--xl);
    --nj-avatar-font-size: var(--nj-size-font-giga)
}

.nj-avatar--xl .nj-badge {
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%)
}

.nj-avatar--clickable,
.nj-avatar[href] {
    cursor: pointer;
    padding: 0;
    text-decoration: none
}

.nj-avatar--clickable.nj-avatar--picture,
.nj-avatar[href].nj-avatar--picture {
    --nj-avatar-filter: var(--nj-color-background-transparent)
}

.nj-avatar--clickable.nj-avatar--picture:after,
.nj-avatar[href].nj-avatar--picture:after {
    background: radial-gradient(circle at 50%, var(--nj-avatar-filter) 70%, transparent 50%);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

.nj-avatar--clickable.nj-avatar--picture:hover,
.nj-avatar[href].nj-avatar--picture:hover {
    --nj-avatar-filter: var(--nj-color-background-transparent-hovered)
}

.nj-avatar--clickable.nj-avatar--picture:focus-visible,
.nj-avatar[href].nj-avatar--picture:focus-visible {
    --nj-avatar-filter: var(--nj-color-background-transparent-focused)
}

.nj-avatar--clickable.nj-avatar--picture:active,
.nj-avatar[href].nj-avatar--picture:active {
    --nj-avatar-filter: var(--nj-color-background-transparent-pressed)
}

.nj-avatar--clickable:hover,
.nj-avatar[href]:hover {
    --nj-avatar-background-color: var(--nj-avatar-background-color-hovered);
    -webkit-box-shadow: 0 0 0 2px var(--nj-color-background-brand-hovered);
    box-shadow: 0 0 0 2px var(--nj-color-background-brand-hovered);
    color: var(--nj-color-text-inverse)
}

.nj-avatar--clickable:active,
.nj-avatar[href]:active {
    --nj-avatar-background-color: var(--nj-avatar-background-color-pressed);
    -webkit-box-shadow: 0 0 0 2px var(--nj-color-background-brand-pressed);
    box-shadow: 0 0 0 2px var(--nj-color-background-brand-pressed)
}

.nj-avatar:focus-visible {
    --nj-avatar-background-color: var(--nj-avatar-background-color-hovered);
    -webkit-box-shadow: 0 0 0 2px var(--nj-color-background-brand-hovered);
    box-shadow: 0 0 0 2px var(--nj-color-background-brand-hovered);
    outline: none
}

.nj-avatar:focus-visible:after {
    border: var(--nj-size-border-focus-width) solid var(--nj-color-border-focused);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    height: 100%;
    left: 50%;
    padding: calc(var(--nj-size-border-focus-offset) + var(--nj-avatar-focus-additional-offset));
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

.nj-avatar-list {
    --nj-avatar-size: var(--nj-avatar-size--base);
    --nj-avatar-list-density--default: -.25;
    --nj-avatar-list-density--compact: -.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--nj-font-family-default);
    line-height: var(--nj-font-line-height-default)
}

.nj-avatar-list,
.nj-avatar-list *,
.nj-avatar-list :after,
.nj-avatar-list :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-avatar-list .nj-avatar:not(:first-child),
.nj-avatar-list .nj-avatar__tooltip:not(:first-child) {
    margin-left: calc(var(--nj-avatar-size)*var(--nj-avatar-list-density--default))
}

.nj-avatar-list--compact .nj-avatar:not(:first-child),
.nj-avatar-list--compact .nj-avatar__tooltip:not(:first-child) {
    margin-left: calc(var(--nj-avatar-size)*var(--nj-avatar-list-density--compact))
}

.nj-avatar-list .nj-avatar--xs:not(:first-child),
.nj-avatar-list .nj-avatar__tooltip--xs:not(:first-child) {
    --nj-avatar-size: var(--nj-avatar-size--xs)
}

.nj-avatar-list .nj-avatar--sm:not(:first-child),
.nj-avatar-list .nj-avatar__tooltip--sm:not(:first-child) {
    --nj-avatar-size: var(--nj-avatar-size--sm)
}

.nj-avatar-list .nj-avatar--lg:not(:first-child),
.nj-avatar-list .nj-avatar__tooltip--lg:not(:first-child) {
    --nj-avatar-size: var(--nj-avatar-size--lg)
}

.nj-badge {
    --nj-badge-text-color: var(--nj-color-text-inverse);
    --nj-badge-background-color: var(--nj-color-background-neutral);
    --nj-badge-border-color: var(--nj-color-border-inverse);
    --nj-badge-font-size: var(--nj-size-font-centi);
    --nj-badge-padding: .3rem var(--nj-size-space-8);
    --nj-badge-font-weight: var(--nj-font-weight-bold);
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--nj-badge-background-color);
    border-radius: 1rem;
    -webkit-box-shadow: 0 0 0 1px var(--nj-badge-border-color);
    box-shadow: 0 0 0 1px var(--nj-badge-border-color);
    color: var(--nj-badge-text-color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: var(--nj-font-family-default);
    font-size: var(--nj-badge-font-size);
    font-weight: var(--nj-badge-font-weight);
    justify-content: center;
    line-height: var(--nj-font-line-height-default);
    line-height: 1;
    margin-bottom: 0;
    margin-top: 0;
    padding: var(--nj-badge-padding)
}

.nj-badge,
.nj-badge *,
.nj-badge :after,
.nj-badge :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-badge--information {
    --nj-badge-background-color: var(--nj-color-background-information)
}

.nj-badge--information.nj-badge--subtle {
    --nj-badge-text-color: var(--nj-color-text-information-secondary);
    --nj-badge-background-color: var(--nj-color-background-information-tertiary-transparent);
    --nj-badge-border-color: transparent
}

.nj-badge--information.nj-badge--minimal {
    --nj-badge-text-color: var(--nj-color-text-information-primary);
    --nj-badge-background-color: transparent;
    --nj-badge-border-color: var(--nj-color-border-information-subtle)
}

.nj-badge--danger {
    --nj-badge-background-color: var(--nj-color-background-danger)
}

.nj-badge--danger.nj-badge--subtle {
    --nj-badge-text-color: var(--nj-color-text-danger-secondary);
    --nj-badge-background-color: var(--nj-color-background-danger-tertiary-transparent);
    --nj-badge-border-color: transparent
}

.nj-badge--danger.nj-badge--minimal {
    --nj-badge-text-color: var(--nj-color-text-danger-primary);
    --nj-badge-background-color: transparent;
    --nj-badge-border-color: var(--nj-color-border-danger-subtle)
}

.nj-badge--warning {
    --nj-badge-background-color: var(--nj-color-background-warning)
}

.nj-badge--warning.nj-badge--subtle {
    --nj-badge-text-color: var(--nj-color-text-warning-secondary);
    --nj-badge-background-color: var(--nj-color-background-warning-tertiary-transparent);
    --nj-badge-border-color: transparent
}

.nj-badge--warning.nj-badge--minimal {
    --nj-badge-text-color: var(--nj-color-text-warning-primary);
    --nj-badge-background-color: transparent;
    --nj-badge-border-color: var(--nj-color-border-warning-subtle)
}

.nj-badge--success {
    --nj-badge-background-color: var(--nj-color-background-success)
}

.nj-badge--success.nj-badge--subtle {
    --nj-badge-text-color: var(--nj-color-text-success-secondary);
    --nj-badge-background-color: var(--nj-color-background-success-tertiary-transparent);
    --nj-badge-border-color: transparent
}

.nj-badge--success.nj-badge--minimal {
    --nj-badge-text-color: var(--nj-color-text-success-primary);
    --nj-badge-background-color: transparent;
    --nj-badge-border-color: var(--nj-color-border-success-subtle)
}

.nj-badge--discovery {
    --nj-badge-background-color: var(--nj-color-background-discovery)
}

.nj-badge--discovery.nj-badge--subtle {
    --nj-badge-text-color: var(--nj-color-text-discovery-secondary);
    --nj-badge-background-color: var(--nj-color-background-discovery-tertiary-transparent);
    --nj-badge-border-color: transparent
}

.nj-badge--discovery.nj-badge--minimal {
    --nj-badge-text-color: var(--nj-color-text-discovery-primary);
    --nj-badge-background-color: transparent;
    --nj-badge-border-color: var(--nj-color-border-discovery-subtle)
}

.nj-badge[data-theme=light].nj-badge--warning:not(.nj-badge--subtle, .nj-badge--minimal),
[data-theme=light] .nj-badge.nj-badge--warning:not(.nj-badge--subtle, .nj-badge--minimal) {
    --nj-badge-text-color: var(--nj-color-text-primary)
}

.nj-badge--lg {
    --nj-badge-padding: .5625rem var(--nj-size-space-12);
    --nj-badge-font-size: var(--nj-size-font-deci)
}

.nj-badge--uppercase {
    text-transform: uppercase
}

.nj-badge--subtle {
    --nj-badge-border-color: transparent;
    --nj-badge-background-color: var(--nj-color-background-tertiary-transparent);
    --nj-badge-text-color: var(--nj-color-text-secondary)
}

.nj-badge--minimal {
    --nj-badge-border-color: var(--nj-color-border-subtle);
    --nj-badge-background-color: transparent;
    --nj-badge-text-color: var(--nj-color-text-tertiary)
}

.nj-breadcrumb {
    --nj-breadcrumb-separator-color: var(--nj-color-text-tertiary);
    --nj-breadcrumb-see-more-color: var(--nj-color-text-tertiary);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: var(--nj-font-family-default);
    font-size: var(--nj-size-font-deci);
    line-height: var(--nj-font-line-height-default);
    margin: var(--nj-size-space-32) 0;
    padding: var(--nj-size-space-4)
}

.nj-breadcrumb,
.nj-breadcrumb *,
.nj-breadcrumb :after,
.nj-breadcrumb :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-breadcrumb__item {
    list-style: none
}

.nj-breadcrumb__item:not(:first-of-type) {
    padding-left: var(--nj-size-space-8)
}

.nj-breadcrumb__item:not(:first-of-type):before {
    background-color: var(--nj-breadcrumb-separator-color);
    content: "";
    display: inline-block;
    height: 10px;
    margin-right: var(--nj-size-space-8);
    -webkit-transform: skew(-18deg);
    transform: skew(-18deg);
    width: 1px
}

.nj-breadcrumb__item:last-of-type {
    color: var(--nj-color-text-primary);
    font-weight: var(--nj-font-weight-bold)
}

.nj-breadcrumb__see-more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    padding-left: var(--nj-size-space-8)
}

.nj-breadcrumb__see-more:before {
    background-color: var(--nj-breadcrumb-separator-color);
    content: "";
    display: inline-block;
    height: 10px;
    margin-right: var(--nj-size-space-8);
    -webkit-transform: skew(-18deg);
    transform: skew(-18deg);
    width: 1px
}

.nj-breadcrumb__see-more button {
    background-color: var(--nj-color-background-tertiary);
    border: none;
    border-radius: var(--nj-size-border-radius-sm);
    cursor: pointer;
    display: inline-block;
    height: 12px;
    position: relative;
    width: 20px
}

.nj-breadcrumb__see-more button:after {
    color: var(--nj-breadcrumb-see-more-color);
    content: "...";
    font-size: var(--nj-size-font-centi);
    left: 50%;
    line-height: 1;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%, -25%);
    transform: translate(-50%, -25%)
}

.nj-breadcrumb__see-more button:hover {
    background-color: var(--nj-color-background-tertiary-hovered)
}

.nj-breadcrumb__see-more button:focus-visible {
    background-color: var(--nj-color-background-tertiary-focused);
    outline: var(--nj-size-border-focus-width) solid var(--nj-color-border-focused);
    outline-offset: var(--nj-size-border-focus-offset)
}

.nj-breadcrumb__see-more button:active {
    background-color: var(--nj-color-background-tertiary-pressed)
}

.nj-bullet {
    --nj-bullet-size: 1rem;
    --nj-bullet-border-color: var(--nj-color-base-neutral-0);
    -ms-flex-negative: 0;
    background-color: var(--nj-color-background-brand);
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 1px var(--nj-bullet-border-color);
    box-shadow: 0 0 0 1px var(--nj-bullet-border-color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-shrink: 0;
    font-family: var(--nj-font-family-default);
    height: var(--nj-bullet-size);
    line-height: var(--nj-font-line-height-default);
    width: var(--nj-bullet-size)
}

.nj-bullet,
.nj-bullet *,
.nj-bullet :after,
.nj-bullet :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-bullet--sm {
    --nj-bullet-size: .75rem
}

.nj-bullet--grey {
    background-color: var(--nj-color-background-grey)
}

.nj-bullet--blue {
    background-color: var(--nj-color-background-blue)
}

.nj-bullet--teal {
    background-color: var(--nj-color-background-teal)
}

.nj-bullet--pink {
    background-color: var(--nj-color-background-pink)
}

.nj-bullet--orange {
    background-color: var(--nj-color-background-orange)
}

.nj-bullet--red {
    background-color: var(--nj-color-background-red)
}

.nj-bullet--green {
    background-color: var(--nj-color-background-green)
}

.nj-bullet--ultramarine {
    background-color: var(--nj-color-background-ultramarine)
}

.nj-bullet--yellow {
    background-color: var(--nj-color-background-yellow)
}

.nj-bullet--purple {
    background-color: var(--nj-color-background-purple)
}

.nj-bullet--lime {
    background-color: var(--nj-color-background-lime)
}

.nj-bullet--brand {
    background-color: var(--nj-color-background-brand)
}

.nj-btn {
    --nj-btn-current-bg-color: var(--nj-btn-bg-color);
    --nj-btn-current-color: var(--nj-btn-color);
    --nj-btn-bg-color: var(--nj-color-background-brand);
    --nj-btn-color: var(--nj-color-text-inverse);
    --nj-btn-font-weight: var(--nj-font-weight-normal);
    --nj-btn-hovered-bg-color: var(--nj-color-background-brand-hovered);
    --nj-btn-hovered-color: var(--nj-color-text-inverse);
    --nj-btn-focused-bg-color: var(--nj-color-background-brand-focused);
    --nj-btn-focused-color: var(--nj-color-text-inverse);
    --nj-btn-pressed-bg-color: var(--nj-color-background-brand-pressed);
    --nj-btn-pressed-color: var(--nj-color-text-inverse);
    --nj-btn-border-color: transparent;
    --nj-btn-focused-ring-color: var(--nj-color-border-focused);
    --nj-btn-icon-size: var(--nj-size-icon-md);
    --nj-btn-pad: var(--nj-size-space-8) var(--nj-size-space-32);
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    fill: var(--nj-btn-current-color);
    align-items: center;
    background: var(--nj-btn-current-bg-color);
    border: 1px solid var(--nj-btn-border-color);
    border-radius: var(--nj-size-border-radius-sm);
    color: var(--nj-btn-current-color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: var(--nj-font-family-default);
    font-size: var(--nj-size-font-deci);
    font-weight: var(--nj-btn-font-weight);
    gap: var(--nj-size-space-8);
    justify-content: center;
    letter-spacing: 0;
    line-height: var(--nj-btn-icon-size);
    outline: 0;
    padding: var(--nj-btn-pad);
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: color .2s, border-color .2s, background-color .2s;
    transition: color .2s, border-color .2s, background-color .2s;
    -webkit-transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.nj-btn,
.nj-btn *,
.nj-btn :after,
.nj-btn :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

.nj-btn:not(:disabled):not(.disabled):hover {
    --nj-btn-current-bg-color: var(--nj-btn-hovered-bg-color);
    --nj-btn-current-color: var(--nj-btn-hovered-color);
    outline: 0;
    text-decoration: none
}

.nj-btn:not(:disabled):not(.disabled).active,
.nj-btn:not(:disabled):not(.disabled):active {
    --nj-btn-current-bg-color: var(--nj-btn-pressed-bg-color);
    --nj-btn-current-color: var(--nj-btn-pressed-color);
    text-decoration: none
}

.nj-btn:after {
    border-radius: var(--nj-size-border-radius-sm);
    -webkit-box-shadow: 0 0 0 var(--nj-size-border-focus-width) var(--nj-btn-focused-ring-color);
    box-shadow: 0 0 0 var(--nj-size-border-focus-width) var(--nj-btn-focused-ring-color);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    height: 100%;
    left: 50%;
    opacity: 0;
    padding: var(--nj-size-border-focus-offset);
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale3d(.85, .85, 1);
    transform: translate(-50%, -50%) scale3d(.85, .85, 1);
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s;
    transition: opacity .2s, transform .2s, -webkit-transform .2s;
    -webkit-transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    width: 100%;
    z-index: 10
}

.nj-btn:focus-visible:not(:active) {
    --nj-btn-current-bg-color: var(--nj-btn-focused-bg-color);
    --nj-btn-current-color: var(--nj-btn-focused-color)
}

.nj-btn:focus-visible:not(:active):not(.disabled):after {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scaleX(1);
    transform: translate(-50%, -50%) scaleX(1)
}

.nj-btn__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    fill: var(--nj-btn-current-color);
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: var(--nj-btn-icon-size);
    -webkit-transition: color .2s var(--nj-motion-bezier-fast-out-slow-in);
    transition: color .2s var(--nj-motion-bezier-fast-out-slow-in)
}

.nj-btn__icon,
.nj-btn__icon.material-icons {
    color: var(--nj-btn-current-color)
}

.nj-btn.disabled,
.nj-btn:disabled {
    cursor: not-allowed;
    opacity: var(--nj-opacity-disabled);
    text-decoration: none
}

.nj-btn--lg {
    --nj-btn-icon-size: var(--nj-size-icon-md);
    --nj-btn-pad: var(--nj-size-space-16) var(--nj-size-space-48);
    font-size: var(--nj-size-font-base)
}

.nj-btn--sm {
    --nj-btn-icon-size: var(--nj-size-icon-sm);
    --nj-btn-pad: var(--nj-size-space-8) var(--nj-size-space-24)
}

.nj-btn--sm,
.nj-btn--xs {
    font-size: var(--nj-size-font-centi)
}

.nj-btn--xs {
    --nj-btn-icon-size: var(--nj-size-icon-sm);
    --nj-btn-pad: var(--nj-size-space-4) var(--nj-size-space-16)
}

.nj-btn--minimal,
.nj-btn--subtle {
    --nj-btn-bg-color: var(--nj-color-background-brand-transparent);
    --nj-btn-color: var(--nj-color-text-brand-primary);
    --nj-btn-hovered-bg-color: var(--nj-color-background-brand-transparent-hovered);
    --nj-btn-hovered-color: var(--nj-color-text-brand-primary-hovered);
    --nj-btn-pressed-bg-color: var(--nj-color-background-brand-transparent-pressed);
    --nj-btn-pressed-color: var(--nj-color-text-brand-primary-pressed);
    --nj-btn-focused-bg-color: var(--nj-color-background-brand-transparent-focused);
    --nj-btn-focused-color: var(--nj-color-text-brand-primary-focused)
}

.nj-btn--subtle {
    --nj-btn-border-color: var(--nj-color-border-brand-bold)
}

.nj-btn--minimal {
    border: none
}

.nj-btn--secondary {
    --nj-btn-bg-color: var(--nj-color-background-tertiary-transparent);
    --nj-btn-color: var(--nj-color-text-primary);
    --nj-btn-hovered-bg-color: var(--nj-color-background-tertiary-transparent-hovered);
    --nj-btn-hovered-color: var(--nj-color-text-primary);
    --nj-btn-pressed-bg-color: var(--nj-color-background-tertiary-transparent-pressed);
    --nj-btn-pressed-color: var(--nj-color-text-primary);
    --nj-btn-focused-bg-color: var(--nj-color-background-tertiary-transparent-focused);
    --nj-btn-focused-color: var(--nj-color-text-primary)
}

.nj-btn--secondary.nj-btn--minimal,
.nj-btn--secondary.nj-btn--subtle {
    --nj-btn-bg-color: var(--nj-color-background-transparent);
    --nj-btn-color: var(--nj-color-text-primary);
    --nj-btn-hovered-bg-color: var(--nj-color-background-transparent-hovered);
    --nj-btn-hovered-color: var(--nj-color-text-primary);
    --nj-btn-pressed-bg-color: var(--nj-color-background-transparent-pressed);
    --nj-btn-pressed-color: var(--nj-color-text-primary);
    --nj-btn-focused-bg-color: var(--nj-color-background-transparent-focused);
    --nj-btn-focused-color: var(--nj-color-text-primary)
}

.nj-btn--secondary.nj-btn--subtle {
    --nj-btn-border-color: var(--nj-color-border-bold)
}

.nj-btn--secondary.nj-btn--minimal {
    border: none
}

.nj-btn--destructive {
    --nj-btn-bg-color: var(--nj-color-background-danger);
    --nj-btn-color: var(--nj-color-text-inverse);
    --nj-btn-hovered-bg-color: var(--nj-color-background-danger-hovered);
    --nj-btn-hovered-color: var(--nj-color-text-inverse);
    --nj-btn-pressed-bg-color: var(--nj-color-background-danger-pressed);
    --nj-btn-pressed-color: var(--nj-color-text-inverse);
    --nj-btn-focused-bg-color: var(--nj-color-background-danger-focused);
    --nj-btn-focused-color: var(--nj-color-text-inverse)
}

.nj-btn--destructive.nj-btn--minimal,
.nj-btn--destructive.nj-btn--subtle {
    --nj-btn-bg-color: var(--nj-color-background-danger-transparent);
    --nj-btn-color: var(--nj-color-text-danger-primary);
    --nj-btn-hovered-bg-color: var(--nj-color-background-danger-transparent-hovered);
    --nj-btn-hovered-color: var(--nj-color-text-danger-primary-hovered);
    --nj-btn-pressed-bg-color: var(--nj-color-background-danger-transparent-pressed);
    --nj-btn-pressed-color: var(--nj-color-text-danger-primary-pressed);
    --nj-btn-focused-bg-color: var(--nj-color-background-danger-transparent-focused);
    --nj-btn-focused-color: var(--nj-color-text-danger-primary-focused)
}

.nj-btn--destructive.nj-btn--subtle {
    --nj-btn-border-color: var(--nj-color-border-danger-bold)
}

.nj-btn--destructive.nj-btn--minimal {
    border: none
}

.nj-btn--inverse {
    --nj-btn-bg-color: var(--nj-color-background-inverse);
    --nj-btn-color: var(--nj-color-text-primary);
    --nj-btn-hovered-bg-color: var(--nj-color-background-inverse-hovered);
    --nj-btn-hovered-color: var(--nj-color-text-primary);
    --nj-btn-pressed-bg-color: var(--nj-color-background-inverse-pressed);
    --nj-btn-pressed-color: var(--nj-color-text-primary);
    --nj-btn-focused-bg-color: var(--nj-color-background-inverse-focused);
    --nj-btn-focused-color: var(--nj-color-text-primary);
    --nj-btn-focused-ring-color: var(--nj-color-border-inverse-focused)
}

.nj-btn--inverse.nj-btn--minimal,
.nj-btn--inverse.nj-btn--subtle {
    --nj-btn-bg-color: var(--nj-color-background-inverse-transparent);
    --nj-btn-color: var(--nj-color-text-inverse);
    --nj-btn-hovered-bg-color: var(--nj-color-background-inverse-transparent-hovered);
    --nj-btn-hovered-color: var(--nj-color-text-inverse);
    --nj-btn-pressed-bg-color: var(--nj-color-background-inverse-transparent-pressed);
    --nj-btn-pressed-color: var(--nj-color-text-inverse);
    --nj-btn-focused-bg-color: var(--nj-color-background-inverse-transparent-focused);
    --nj-btn-focused-color: var(--nj-color-text-inverse)
}

.nj-btn--inverse.nj-btn--subtle {
    --nj-btn-border-color: var(--nj-color-border-inverse)
}

a.nj-btn.disabled {
    pointer-events: none
}

.nj-card {
    --nj-card-background: var(--nj-color-background-primary);
    --nj-card-details-color: var(--nj-color-text-secondary);
    --nj-card-deck-margin: var(--nj-size-space-16);
    --nj-card-spacer: var(--nj-size-space-24);
    --nj-card-border-size: 1px;
    --nj-card-image-filter-opacitiy: 0;
    --nj-card-image-overlay: var(--nj-color-background-transparent);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    word-wrap: break-word;
    background-color: var(--nj-card-background);
    border: solid var(--nj-card-border-size) var(--nj-color-border-subtle);
    border-radius: var(--nj-size-border-radius-md);
    color: var(--nj-color-text-body);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: var(--nj-font-family-default);
    line-height: var(--nj-font-line-height-default);
    min-width: 0;
    overflow: hidden;
    position: relative
}

.nj-card,
.nj-card *,
.nj-card :after,
.nj-card :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-card__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--nj-color-background-brand);
    color: var(--nj-color-text-inverse);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: var(--nj-card-spacer) var(--nj-card-spacer)
}

.nj-card__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: var(--nj-card-spacer)
}

.nj-card__details {
    color: var(--nj-card-details-color);
    font-size: var(--nj-size-font-centi)
}

.nj-card__title {
    font-size: var(--nj-size-font-kilo);
    margin-bottom: var(--nj-size-space-16)
}

.nj-card__subtitle,
.nj-card__title {
    font-weight: var(--nj-font-weight-bold)
}

.nj-card__subtitle {
    font-size: var(--nj-size-font-base)
}

.nj-card__description {
    margin-bottom: 0
}

.nj-card__date {
    color: var(--nj-card-details-color);
    font-size: var(--nj-size-font-centi);
    line-height: 1.5rem;
    margin: auto 0 0;
    text-transform: uppercase
}

.nj-card__number {
    font-size: var(--nj-size-font-giga);
    font-weight: var(--nj-font-weight-bold)
}

.nj-card__growth {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--nj-size-font-kilo);
    font-weight: var(--nj-font-weight-light)
}

.nj-card__img-wrapper {
    width: 100%
}

.nj-card__img {
    min-height: 1px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.nj-card__overlay {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    left: 0;
    overflow: hidden;
    padding: var(--nj-size-space-16);
    position: absolute;
    top: 0;
    -webkit-transition: background-color .2s var(--nj-motion-bezier-linear-out-slow-in), padding .2s var(--nj-motion-bezier-linear-out-slow-in);
    transition: background-color .2s var(--nj-motion-bezier-linear-out-slow-in), padding .2s var(--nj-motion-bezier-linear-out-slow-in);
    width: 100%
}

.nj-card--border:before {
    background: var(--nj-color-base-gradient);
    content: "";
    height: 4px;
    left: calc(var(--nj-card-border-size)*-1);
    position: absolute;
    top: 100%;
    width: calc(100% + var(--nj-card-border-size)*2)
}

.nj-card--horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (max-width:575.98px) {
    .nj-card--horizontal {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.nj-card--horizontal .nj-card__img-wrapper {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 200px;
    width: 33%
}

@media (max-width:575.98px) {
    .nj-card--horizontal .nj-card__img-wrapper {
        width: 100%
    }
}

.nj-card--cover {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 320px
}

.nj-card--cover .nj-card__body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    padding: 0;
    position: relative
}

.nj-card--cover .nj-card__title {
    color: var(--nj-color-text-inverse)
}

.nj-card--cover .nj-card__description {
    color: var(--nj-color-text-inverse);
    position: relative;
    top: 100%
}

.nj-card--cover[data-theme=dark] .material-icons,
.nj-card--cover[data-theme=dark] .nj-card__description,
.nj-card--cover[data-theme=dark] .nj-card__icon,
.nj-card--cover[data-theme=dark] .nj-card__title,
[data-theme=dark] .nj-card--cover .material-icons,
[data-theme=dark] .nj-card--cover .nj-card__description,
[data-theme=dark] .nj-card--cover .nj-card__icon,
[data-theme=dark] .nj-card--cover .nj-card__title {
    color: var(--nj-color-text-primary)
}

.nj-card--cover .material-icons,
.nj-card--cover .nj-card__icon {
    bottom: var(--nj-size-space-16);
    color: var(--nj-color-text-inverse);
    position: absolute;
    right: var(--nj-size-space-16);
    z-index: 0
}

.nj-card--cover:focus-visible .nj-card__description,
.nj-card--cover:focus-visible .nj-card__title,
.nj-card--cover:hover .nj-card__description,
.nj-card--cover:hover .nj-card__title {
    color: var(--nj-color-text-primary)
}

.nj-card--cover:focus-visible .nj-card__description,
.nj-card--cover:hover .nj-card__description {
    top: 0;
    -webkit-transition: top .3s var(--nj-motion-bezier-linear-out-slow-in);
    transition: top .3s var(--nj-motion-bezier-linear-out-slow-in)
}

.nj-card--cover:focus-visible .material-icons,
.nj-card--cover:focus-visible .nj-card__icon,
.nj-card--cover:hover .material-icons,
.nj-card--cover:hover .nj-card__icon {
    color: var(--nj-color-text-primary)
}

.nj-card--cover:focus-visible .nj-card__overlay,
.nj-card--cover:hover .nj-card__overlay {
    background-color: var(--nj-color-background-secondary)
}

.nj-card--cover:active .nj-card__overlay {
    background-color: var(--nj-color-background-secondary-pressed)
}

a.nj-card {
    color: inherit;
    text-decoration: none;
    -webkit-transition: background-color .3s var(--nj-motion-bezier-linear-out-slow-in);
    transition: background-color .3s var(--nj-motion-bezier-linear-out-slow-in)
}

a.nj-card:after {
    border-radius: var(--nj-size-border-radius-sm);
    -webkit-box-shadow: 0 0 0 var(--nj-size-border-focus-width) var(--nj-color-border-focused);
    box-shadow: 0 0 0 var(--nj-size-border-focus-width) var(--nj-color-border-focused);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    height: 100%;
    left: 50%;
    opacity: 0;
    padding: var(--nj-size-border-focus-offset);
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale3d(.95, .95, 1);
    transform: translate(-50%, -50%) scale3d(.95, .95, 1);
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s;
    transition: opacity .2s, transform .2s, -webkit-transform .2s;
    -webkit-transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    width: 100%;
    z-index: 10
}

a.nj-card .nj-card__img-wrapper {
    position: relative
}

a.nj-card .nj-card__img-wrapper:after {
    background: var(--nj-card-image-overlay);
    content: "";
    height: 100%;
    left: 0;
    opacity: var(--nj-card-image-filter-opacitiy);
    position: absolute;
    top: 0;
    -webkit-transition: opacity .3s var(--nj-motion-bezier-linear-out-slow-in);
    transition: opacity .3s var(--nj-motion-bezier-linear-out-slow-in);
    width: 100%
}

a.nj-card:hover {
    --nj-card-background: var(--nj-color-background-primary-hovered);
    --nj-card-image-filter-opacitiy: 1;
    --nj-card-image-overlay: var(--nj-color-background-transparent-hovered);
    color: inherit;
    text-decoration: none
}

a.nj-card:focus-visible {
    --nj-card-background: var(--nj-color-background-primary-focused);
    --nj-card-image-filter-opacitiy: 1;
    --nj-card-image-overlay: var(--nj-color-background-transparent-focused);
    outline: none;
    text-decoration: none
}

a.nj-card:focus-visible:after {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scaleX(1);
    transform: translate(-50%, -50%) scaleX(1)
}

a.nj-card:active {
    --nj-card-background: var(--nj-color-background-primary-pressed);
    --nj-card-image-filter-opacitiy: 1;
    --nj-card-image-overlay: var(--nj-color-background-transparent-pressed)
}

.nj-card-deck {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.nj-card-deck .nj-card {
    margin-bottom: var(--nj-card-deck-margin)
}

@media (min-width:576px) {
    .nj-card-deck {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-left: calc(var(--nj-card-deck-margin)*-1);
        margin-right: calc(var(--nj-card-deck-margin)*-1)
    }

    .nj-card-deck .nj-card {
        -webkit-box-flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0;
        margin-left: var(--nj-card-deck-margin);
        margin-right: var(--nj-card-deck-margin)
    }
}

.nj-card-columns .nj-card {
    margin-bottom: var(--nj-card-deck-margin)
}

@media (min-width:576px) {
    .nj-card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

    .nj-card-columns .nj-card {
        display: inline-block;
        width: 100%
    }
}

.nj-checkbox {
    --nj-checkbox-border-color: var(--nj-color-border-bold);
    --nj-radio-background-color: var(--nj-color-background-transparent);
    --nj-checkbox-animation-timing: .2s;
    --nj-checkbox-size: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: var(--nj-font-family-default);
    line-height: var(--nj-font-line-height-default);
    position: relative
}

.nj-checkbox,
.nj-checkbox *,
.nj-checkbox :after,
.nj-checkbox :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-checkbox:after {
    border-radius: var(--nj-size-border-radius-sm);
    -webkit-box-shadow: 0 0 0 var(--nj-size-border-focus-width) var(--nj-color-border-focused);
    box-shadow: 0 0 0 var(--nj-size-border-focus-width) var(--nj-color-border-focused);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    height: 100%;
    left: 50%;
    opacity: 0;
    padding: var(--nj-size-border-focus-offset);
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale3d(.85, .85, 1);
    transform: translate(-50%, -50%) scale3d(.85, .85, 1);
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s;
    transition: opacity .2s, transform .2s, -webkit-transform .2s;
    -webkit-transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    width: 100%;
    z-index: 10
}

.nj-checkbox:not([disabled]):not(:disabled):not(.nj-checkbox--disabled):hover {
    --nj-radio-background-color: var(--nj-color-background-transparent-hovered)
}

@supports selector(:has(input:focus-visible)) {
    .nj-checkbox:not([disabled]):not(:disabled):not(.nj-checkbox--disabled):has(input:focus-visible) {
        --nj-radio-background-color: var(--nj-color-background-transparent-focused)
    }

    .nj-checkbox:not([disabled]):not(:disabled):not(.nj-checkbox--disabled):has(input:focus-visible):after {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scaleX(1);
        transform: translate(-50%, -50%) scaleX(1)
    }
}

@supports not selector(:has(input:focus-visible)) {
    .nj-checkbox:not([disabled]):not(:disabled):not(.nj-checkbox--disabled):focus-within {
        --nj-radio-background-color: var(--nj-color-background-transparent-focused)
    }

    .nj-checkbox:not([disabled]):not(:disabled):not(.nj-checkbox--disabled):focus-within:after {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scaleX(1);
        transform: translate(-50%, -50%) scaleX(1)
    }
}

.nj-checkbox:not([disabled]):not(:disabled):not(.nj-checkbox--disabled):active {
    --nj-radio-background-color: var(--nj-color-background-transparent-pressed)
}

.nj-checkbox--no-animation {
    --nj-checkbox-animation-timing: 0s
}

.nj-checkbox__decorator {
    cursor: pointer;
    height: var(--nj-checkbox-size);
    position: relative;
    vertical-align: middle;
    width: var(--nj-checkbox-size)
}

.nj-checkbox__check {
    background: var(--nj-radio-background-color);
    border: .125rem solid;
    border-color: var(--nj-checkbox-border-color);
    border-radius: var(--nj-size-border-radius-md);
    color: var(--nj-checkbox-border-color);
    display: inline-block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.nj-checkbox__check:before {
    -webkit-animation: checkbox-off;
    animation: checkbox-off;
    -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, inset 0 0 0 0;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, inset 0 0 0 0;
    content: "";
    display: block;
    height: 0;
    margin-left: 6px;
    margin-top: -4px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 0
}

.nj-checkbox__error {
    -ms-flex-preferred-size: 100%;
    color: var(--nj-color-text-danger-primary);
    flex-basis: 100%;
    font-size: var(--nj-size-font-deci);
    line-height: var(--nj-size-font-hecto);
    margin: .3125rem 0 0
}

.nj-checkbox__error-icon {
    margin-right: .125rem;
    vertical-align: middle
}

.nj-checkbox label {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    color: var(--nj-color-text-primary);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    gap: var(--nj-size-space-8);
    line-height: normal;
    margin: 0
}

.nj-checkbox input[type=checkbox] {
    height: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    width: 0;
    z-index: -1
}

.nj-checkbox input[type=checkbox]:checked~.nj-checkbox__decorator .nj-checkbox__check {
    --nj-checkbox-border-color: var(--nj-color-background-brand)
}

.nj-checkbox input[type=checkbox]:checked~.nj-checkbox__decorator .nj-checkbox__check:before {
    -webkit-animation: checkbox-on var(--nj-checkbox-animation-timing) forwards;
    animation: checkbox-on var(--nj-checkbox-animation-timing) forwards;
    -webkit-animation-timing-function: var(--nj-motion-fast-out-linear-in);
    animation-timing-function: var(--nj-motion-fast-out-linear-in);
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px
}

.nj-checkbox input[type=checkbox]:checked:not(:disabled):not([disabled]):hover~.nj-checkbox__decorator .nj-checkbox__check {
    --nj-checkbox-border-color: var(--nj-color-background-brand-hovered)
}

.nj-checkbox input[type=checkbox]:checked:not(:disabled):not([disabled]):focus-visible~.nj-checkbox__decorator .nj-checkbox__check {
    --nj-checkbox-border-color: var(--nj-color-background-brand-focused)
}

.nj-checkbox input[type=checkbox]:checked:not(:disabled):not([disabled]):active~.nj-checkbox__decorator .nj-checkbox__check {
    --nj-checkbox-border-color: var(--nj-color-background-brand-pressed)
}

.has-danger .nj-checkbox input[type=checkbox]~.nj-checkbox__decorator .nj-checkbox__check,
.nj-checkbox input[type=checkbox]:invalid~.nj-checkbox__decorator .nj-checkbox__check,
.nj-checkbox input[type=checkbox][aria-invalid]~.nj-checkbox__decorator .nj-checkbox__check {
    border-color: var(--nj-color-border-danger-bold)
}

.has-danger .nj-checkbox input[type=checkbox]:checked~.nj-checkbox__decorator .nj-checkbox__check,
.nj-checkbox input[type=checkbox]:invalid:checked~.nj-checkbox__decorator .nj-checkbox__check,
.nj-checkbox input[type=checkbox][aria-invalid]:checked~.nj-checkbox__decorator .nj-checkbox__check {
    border-color: var(--nj-color-border-brand-bold)
}

.nj-checkbox input[type=checkbox]:disabled~.nj-checkbox__decorator,
.nj-checkbox input[type=checkbox][disabled]~.nj-checkbox__decorator,
fieldset[disabled] .nj-checkbox input[type=checkbox]~.nj-checkbox__decorator {
    cursor: not-allowed
}

.nj-checkbox--disabled {
    opacity: var(--nj-opacity-disabled)
}

.nj-checkbox--disabled label {
    cursor: not-allowed
}

.nj-checkbox--inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: var(--nj-size-space-24)
}

@-webkit-keyframes checkbox-on {
    0% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px
    }

    50% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px
    }

    to {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px
    }
}

@keyframes checkbox-on {
    0% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px
    }

    50% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px
    }

    to {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px
    }
}

@-webkit-keyframes checkbox-off {
    0% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, inset 0 0 0 0;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, inset 0 0 0 0
    }

    25% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, inset 0 0 0 0;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, inset 0 0 0 0
    }

    50% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, inset 0 0 0 0;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, inset 0 0 0 0;
        height: 0;
        margin-left: 6px;
        margin-top: -4px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 0
    }

    51% {
        -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, inset 0 0 0 10px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, inset 0 0 0 10px;
        height: 20px;
        margin-left: -2px;
        margin-top: -2px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        width: 20px
    }

    to {
        -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, inset 0 0 0 0;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, inset 0 0 0 0;
        height: 20px;
        margin-left: -2px;
        margin-top: -2px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        width: 20px
    }
}

@keyframes checkbox-off {
    0% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, inset 0 0 0 0;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, inset 0 0 0 0
    }

    25% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, inset 0 0 0 0;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, inset 0 0 0 0
    }

    50% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, inset 0 0 0 0;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, inset 0 0 0 0;
        height: 0;
        margin-left: 6px;
        margin-top: -4px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 0
    }

    51% {
        -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, inset 0 0 0 10px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, inset 0 0 0 10px;
        height: 20px;
        margin-left: -2px;
        margin-top: -2px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        width: 20px
    }

    to {
        -webkit-box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, inset 0 0 0 0;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, inset 0 0 0 0;
        height: 20px;
        margin-left: -2px;
        margin-top: -2px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        width: 20px
    }
}

.nj-collapse {
    font-family: var(--nj-font-family-default);
    line-height: var(--nj-font-line-height-default)
}

.nj-collapse,
.nj-collapse *,
.nj-collapse :after,
.nj-collapse :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-collapse:not(.show) {
    display: none
}

.nj-collapsing {
    font-family: var(--nj-font-family-default);
    height: 0;
    line-height: var(--nj-font-line-height-default);
    overflow: hidden;
    position: relative;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.nj-collapsing,
.nj-collapsing *,
.nj-collapsing :after,
.nj-collapsing :before,
.nj-dropdown {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-dropdown {
    background: no-repeat bottom, 50% calc(100% - 1px);
    background-image: linear-gradient(to top, var(--nj-deprecated-color-text-label-focus) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px);
    background-size: 0 100%, 100% 100%;
    cursor: pointer;
    display: block;
    font-family: var(--nj-font-family-default);
    height: 2.5rem;
    line-height: var(--nj-font-line-height-default);
    outline: 0;
    padding-right: 1.5625rem;
    position: relative;
    -webkit-transition: background 0s ease-out;
    transition: background 0s ease-out;
    width: 100%
}

.nj-dropdown *,
.nj-dropdown :after,
.nj-dropdown :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-dropdown.nj-dropdown--shown-collapse {
    background-size: 100% 100%, 100% 100%;
    -webkit-transition: background-size .3s var(--nj-motion-bezier-fast-out-slow-in);
    transition: background-size .3s var(--nj-motion-bezier-fast-out-slow-in)
}

.nj-dropdown.nj-dropdown--shown-collapse .nj-dropdown__label,
.nj-dropdown[data-selected-content] .nj-dropdown__label {
    bottom: 30px;
    color: var(--nj-deprecated-color-text-label-focused);
    font-size: var(--nj-size-font-centi)
}

.nj-dropdown:before {
    bottom: .625rem;
    color: var(--nj-deprecated-color-placeholder-input-focused);
    content: attr(data-selected-content);
    font-size: var(--nj-size-font-base);
    line-height: 1rem;
    position: absolute
}

.nj-dropdown:after {
    border: solid var(--nj-deprecated-color-icon-input);
    border-width: 0 .125rem .125rem 0;
    bottom: .875rem;
    content: "";
    display: inline-block;
    padding: var(--nj-size-space-4);
    position: absolute;
    right: .625rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nj-dropdown__label {
    bottom: .625rem;
    color: var(--nj-deprecated-color-placeholder-input-hovered);
    line-height: 1rem;
    position: absolute;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    white-space: nowrap
}

.nj-dropdown__list {
    position: absolute;
    top: 3rem;
    width: 100%;
    z-index: var(--nj-elevation-dropdown)
}

.nj-dropdown__list .nj-list-group {
    --nj-list-group-hovered-bg-color: var(--nj-deprecated-color-base-gray-100)
}

.nj-dropdown__list .nj-list-group[data-theme=dark],
[data-theme=dark] .nj-dropdown__list .nj-list-group {
    --nj-list-group-hovered-bg-color: var(--nj-deprecated-color-base-gray-900)
}

.nj-dropdown__list .nj-list-group button.nj-list-group__item:hover {
    color: inherit
}

.nj-header {
    font-family: var(--nj-font-family-default);
    line-height: var(--nj-font-line-height-default);
    z-index: var(--nj-elevation-fixed)
}

.nj-header,
.nj-header *,
.nj-header :after,
.nj-header :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-header .nj-header__group {
    background: var(--nj-color-background-primary);
    border-bottom: 1px solid var(--nj-color-border-subtle);
    padding: 0 var(--nj-size-space-32);
    position: relative;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    z-index: var(--nj-elevation-fixed)
}

.nj-header.nj-header--fixed {
    height: 10rem
}

.nj-header.nj-header--fixed .nj-header__group {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: var(--nj-elevation-fixed)
}

.nj-header .nj-header__group:before {
    background: var(--nj-color-base-gradient);
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.nj-header__head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: var(--nj-size-space-24) 0
}

.nj-header__head-link {
    color: var(--nj-color-text-secondary);
    font-size: var(--nj-size-font-deci);
    text-decoration: none
}

.nj-header__head-link--active {
    font-weight: var(--nj-font-weight-bold)
}

.nj-header__nav-logo {
    -webkit-box-flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: none;
    -ms-flex: auto;
    flex: auto;
    justify-content: center
}

.nj-header__nav-logo--reduced {
    margin-right: 0;
    opacity: 0;
    -webkit-transform: translate3d(0, 1rem, 0);
    transform: translate3d(0, 1rem, 0);
    -webkit-transition: opacity .25s, width .3s .1s, margin .3s .1s, visibility .1ms .6s, -webkit-transform .1ms .6s;
    transition: opacity .25s, width .3s .1s, margin .3s .1s, visibility .1ms .6s, -webkit-transform .1ms .6s;
    transition: opacity .25s, width .3s .1s, margin .3s .1s, visibility .1ms .6s, transform .1ms .6s;
    transition: opacity .25s, width .3s .1s, margin .3s .1s, visibility .1ms .6s, transform .1ms .6s, -webkit-transform .1ms .6s;
    visibility: hidden;
    width: 0
}

.nj-header nav,
.nj-header__nav-logo--reduced {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nj-header nav {
    height: 4rem
}

.nj-header__nav-burger {
    display: none;
    left: 0;
    position: absolute
}

.nj-header__nav-burger button {
    background: none;
    border: 0;
    outline: none;
    padding: .5rem 2rem
}

.nj-header__nav-burger button div:first-of-type,
.nj-header__nav-burger button:after,
.nj-header__nav-burger button:before {
    background-color: var(--nj-color-background-brand);
    display: block;
    height: 2px;
    margin: 4px;
    width: 22.5px
}

.nj-header__nav-burger button:after,
.nj-header__nav-burger button:before {
    content: ""
}

.nj-header__nav-burger--close button {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0)
}

.nj-header__nav-burger--close button div:first-of-type {
    opacity: 0
}

.nj-header__nav-burger--close button:before {
    -webkit-transform: rotate(45deg) translate3d(0, 6px, 0);
    transform: rotate(45deg) translate3d(0, 6px, 0);
    -webkit-transform-origin: center 7px;
    transform-origin: center 7px
}

.nj-header__nav-burger--close button:after {
    -webkit-transform: rotate(-45deg) translate3d(0, -6px, 0);
    transform: rotate(-45deg) translate3d(0, -6px, 0);
    -webkit-transform-origin: center -5px;
    transform-origin: center -5px
}

.nj-header__nav {
    -webkit-box-flex: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    height: 4rem;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding-left: 0
}

.nj-header__nav,
.nj-header__nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nj-header__nav-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nj-header__nav-item:first-child .nj-header__nav-link {
    margin-left: 0
}

.nj-header__nav-item:hover>.nj-header__menu {
    display: block
}

.nj-header__nav--panel {
    list-style: none;
    padding-left: 0
}

.nj-header__nav-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--nj-color-text-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4rem;
    line-height: 1.2rem;
    margin: 0 var(--nj-size-space-24);
    position: relative;
    text-decoration: none;
    -webkit-transition: .3s var(--nj-motion-bezier-fast-out-slow-in);
    transition: .3s var(--nj-motion-bezier-fast-out-slow-in);
    -webkit-transition-property: color;
    transition-property: color
}

.nj-header__nav-link:after {
    background: var(--nj-color-base-primary);
    bottom: 0;
    content: "";
    height: .125rem;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: .3s var(--nj-motion-bezier-fast-out-slow-in);
    transition: .3s var(--nj-motion-bezier-fast-out-slow-in);
    -webkit-transition-property: opacity;
    transition-property: opacity;
    width: 100%
}

.nj-header__nav-link.active,
.nj-header__nav-link:hover {
    color: var(--nj-color-text-primary);
    text-decoration: none
}

.nj-header__nav-link.active:after,
.nj-header__nav-link:hover:after {
    opacity: 1
}

.nj-header__nav-link.disabled {
    cursor: default;
    opacity: var(--nj-opacity-disabled);
    pointer-events: none
}

.nj-header__sub-nav {
    list-style: none;
    padding-left: 0
}

.nj-header__search-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    bottom: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4rem;
    justify-content: center;
    margin: 0;
    position: absolute;
    right: var(--nj-size-space-32);
    text-decoration: none
}

.nj-header__search-icon:hover {
    text-decoration: none
}

.nj-header__search-icon i {
    display: block
}

.nj-header__search {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--nj-color-background-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    margin: 0;
    padding: 0 var(--nj-size-space-32)
}

.nj-header__search,
.nj-header__search.nj-collapsing {
    height: 4rem;
    left: 0;
    opacity: 0;
    position: absolute;
    top: calc(100% - 4rem);
    -webkit-transition: .1s var(--nj-motion-bezier-fast-out-slow-in);
    transition: .1s var(--nj-motion-bezier-fast-out-slow-in)
}

.nj-header__search.nj-collapsing,
.nj-header__search.show {
    width: 100%
}

.nj-header__search.show {
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.nj-header__search-input {
    margin-right: var(--nj-size-space-24)
}

.nj-header__search-button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.nj-header__close {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: var(--nj-size-space-16)
}

.nj-header__close,
.nj-header__close:hover {
    text-decoration: none
}

.nj-header__menu {
    background: var(--nj-color-background-primary);
    border-bottom: 1px solid var(--nj-color-border-subtle);
    border-top: 1px solid var(--nj-color-border-subtle);
    display: none;
    left: 0;
    padding: var(--nj-size-space-32) 0;
    position: absolute;
    top: 100%;
    width: 100%
}

.nj-header__menu-title {
    color: var(--nj-color-text-primary);
    display: block;
    font-weight: 700;
    line-height: 2rem;
    margin-bottom: var(--nj-size-space-16);
    -webkit-transition: color .15s;
    transition: color .15s
}

.nj-header__menu-title+.nj-header__nav--panel li:first-child {
    display: none
}

.nj-header__menu-link {
    color: var(--nj-color-text-primary);
    font-weight: 400;
    line-height: 2rem;
    text-decoration: none;
    -webkit-transition: color .15s;
    transition: color .15s
}

.nj-header__menu-arrow-left,
.nj-header__menu-arrow-right,
.nj-header__menu-return {
    display: none
}

.nj-header--sm .nj-header__group {
    -webkit-transform: translate3d(0, calc(-100% + 4rem), 0);
    transform: translate3d(0, calc(-100% + 4rem), 0);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.nj-header--sm .nj-header__group .nj-header__nav-logo--reduced {
    margin-right: 3.5rem;
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: visibility .1ms, width .35s .1ms, margin .35s .1ms, opacity .3s ease-out .2s, -webkit-transform .3s .2s;
    transition: visibility .1ms, width .35s .1ms, margin .35s .1ms, opacity .3s ease-out .2s, -webkit-transform .3s .2s;
    transition: visibility .1ms, width .35s .1ms, margin .35s .1ms, opacity .3s ease-out .2s, transform .3s .2s;
    transition: visibility .1ms, width .35s .1ms, margin .35s .1ms, opacity .3s ease-out .2s, transform .3s .2s, -webkit-transform .3s .2s;
    visibility: visible;
    width: 2rem
}

.nj-header--sm .nj-header__group .nj-header__search {
    height: 4rem;
    top: calc(100% - 4rem)
}

@media (max-width:0) {
    .nj-header--expand-xs.nj-header--fixed {
        height: 4rem
    }

    .nj-header--expand-xs .nj-header__group {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: var(--nj-elevation-fixed)
    }

    .nj-header--expand-xs .nj-header__head {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        height: 4rem;
        justify-content: center;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .nj-header--expand-xs .nj-header__head>* {
        display: none
    }

    .nj-header--expand-xs .nj-header__head .nj-header__logo {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }

    .nj-header--expand-xs .nj-header__head .nj-header__logo img {
        width: 63px
    }

    .nj-header--expand-xs .nj-header__nav-burger {
        display: block
    }

    .nj-header--expand-xs .nj-header__nav-logo--reduced {
        display: none
    }

    .nj-header--expand-xs .nj-header__nav-logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .nj-header--expand-xs .nj-header__nav--panel {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: normal;
        -ms-flex-pack: normal;
        background-color: var(--nj-color-background-secondary);
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: normal;
        left: -100%;
        min-height: 100vh;
        overflow-y: auto;
        padding: 0 2rem;
        position: fixed;
        top: 4rem;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition: visibility .5s .1ms, -webkit-transform .5s;
        transition: visibility .5s .1ms, -webkit-transform .5s;
        transition: visibility .5s .1ms, transform .5s;
        transition: visibility .5s .1ms, transform .5s, -webkit-transform .5s;
        visibility: hidden;
        width: 100vw
    }

    .nj-header--expand-xs .nj-header__nav--panel li {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 4rem
    }

    .nj-header--expand-xs .nj-header__nav--panel li a {
        margin: 0
    }

    .nj-header--expand-xs .nj-header__nav--panel .nj-header__nav--panel {
        left: 100%;
        top: 0;
        z-index: 1
    }

    .nj-header--expand-xs .nj-header__nav--show {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-transition: visibility .1ms, -webkit-transform .5s;
        transition: visibility .1ms, -webkit-transform .5s;
        transition: visibility .1ms, transform .5s;
        transition: visibility .1ms, transform .5s, -webkit-transform .5s;
        visibility: visible
    }

    .nj-header--expand-xs .nj-header__nav.nj-header__nav--show {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .nj-header--expand-xs .nj-header__nav-item {
        line-height: 1.2rem
    }

    .nj-header--expand-xs .nj-header__nav-link {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0;
        position: static
    }

    .nj-header--expand-xs .nj-header__menu {
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block
    }

    .nj-header--expand-xs .nj-header__menu .container,
    .nj-header--expand-xs .nj-header__menu .page-template-template-site-map .entry-content ul,
    .nj-header--expand-xs .nj-header__menu .page-template-template-static .entry-content ol,
    .nj-header--expand-xs .nj-header__menu .page-template-template-static .entry-content p,
    .nj-header--expand-xs .nj-header__menu .page-template-template-static .entry-content ul,
    .nj-header--expand-xs .nj-header__menu .page-template-template-webview-static .entry-content ol,
    .nj-header--expand-xs .nj-header__menu .page-template-template-webview-static .entry-content p,
    .nj-header--expand-xs .nj-header__menu .page-template-template-webview-static .entry-content ul,
    .page-template-template-site-map .entry-content .nj-header--expand-xs .nj-header__menu ul,
    .page-template-template-static .entry-content .nj-header--expand-xs .nj-header__menu ol,
    .page-template-template-static .entry-content .nj-header--expand-xs .nj-header__menu p,
    .page-template-template-static .entry-content .nj-header--expand-xs .nj-header__menu ul,
    .page-template-template-webview-static .entry-content .nj-header--expand-xs .nj-header__menu ol,
    .page-template-template-webview-static .entry-content .nj-header--expand-xs .nj-header__menu p,
    .page-template-template-webview-static .entry-content .nj-header--expand-xs .nj-header__menu ul {
        max-width: inherit;
        padding: 0
    }

    .nj-header--expand-xs .nj-header__menu .col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .nj-header--expand-xs .nj-header__menu-return {
        font-size: 1.5rem;
        height: 4rem
    }

    .nj-header--expand-xs .nj-header__menu-return,
    .nj-header--expand-xs .nj-header__menu-title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .nj-header--expand-xs .nj-header__menu-title {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0
    }

    .nj-header--expand-xs .nj-header__menu-title+.nj-header__nav--panel li:first-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .nj-header--expand-xs .nj-header__menu-arrow-right {
        color: inherit;
        display: block;
        margin-left: auto
    }

    .nj-header--expand-xs .nj-header__menu-arrow-left {
        color: inherit;
        display: block;
        margin-left: -5px;
        margin-right: .5rem;
        margin-top: 5px
    }

    .nj-header--expand-xs .nj-header__search-icon {
        right: 2rem
    }

    .nj-header--expand-xs a {
        text-decoration: none
    }
}

@media (max-width:576px) {
    .nj-header--expand-sm.nj-header--fixed {
        height: 4rem
    }

    .nj-header--expand-sm .nj-header__group {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: var(--nj-elevation-fixed)
    }

    .nj-header--expand-sm .nj-header__head {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        height: 4rem;
        justify-content: center;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .nj-header--expand-sm .nj-header__head>* {
        display: none
    }

    .nj-header--expand-sm .nj-header__head .nj-header__logo {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }

    .nj-header--expand-sm .nj-header__head .nj-header__logo img {
        width: 63px
    }

    .nj-header--expand-sm .nj-header__nav-burger {
        display: block
    }

    .nj-header--expand-sm .nj-header__nav-logo--reduced {
        display: none
    }

    .nj-header--expand-sm .nj-header__nav-logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .nj-header--expand-sm .nj-header__nav--panel {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: normal;
        -ms-flex-pack: normal;
        background-color: var(--nj-color-background-secondary);
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: normal;
        left: -100%;
        min-height: 100vh;
        overflow-y: auto;
        padding: 0 2rem;
        position: fixed;
        top: 4rem;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition: visibility .5s .1ms, -webkit-transform .5s;
        transition: visibility .5s .1ms, -webkit-transform .5s;
        transition: visibility .5s .1ms, transform .5s;
        transition: visibility .5s .1ms, transform .5s, -webkit-transform .5s;
        visibility: hidden;
        width: 100vw
    }

    .nj-header--expand-sm .nj-header__nav--panel li {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 4rem
    }

    .nj-header--expand-sm .nj-header__nav--panel li a {
        margin: 0
    }

    .nj-header--expand-sm .nj-header__nav--panel .nj-header__nav--panel {
        left: 100%;
        top: 0;
        z-index: 1
    }

    .nj-header--expand-sm .nj-header__nav--show {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-transition: visibility .1ms, -webkit-transform .5s;
        transition: visibility .1ms, -webkit-transform .5s;
        transition: visibility .1ms, transform .5s;
        transition: visibility .1ms, transform .5s, -webkit-transform .5s;
        visibility: visible
    }

    .nj-header--expand-sm .nj-header__nav.nj-header__nav--show {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .nj-header--expand-sm .nj-header__nav-item {
        line-height: 1.2rem
    }

    .nj-header--expand-sm .nj-header__nav-link {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0;
        position: static
    }

    .nj-header--expand-sm .nj-header__menu {
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block
    }

    .nj-header--expand-sm .nj-header__menu .container,
    .nj-header--expand-sm .nj-header__menu .page-template-template-site-map .entry-content ul,
    .nj-header--expand-sm .nj-header__menu .page-template-template-static .entry-content ol,
    .nj-header--expand-sm .nj-header__menu .page-template-template-static .entry-content p,
    .nj-header--expand-sm .nj-header__menu .page-template-template-static .entry-content ul,
    .nj-header--expand-sm .nj-header__menu .page-template-template-webview-static .entry-content ol,
    .nj-header--expand-sm .nj-header__menu .page-template-template-webview-static .entry-content p,
    .nj-header--expand-sm .nj-header__menu .page-template-template-webview-static .entry-content ul,
    .page-template-template-site-map .entry-content .nj-header--expand-sm .nj-header__menu ul,
    .page-template-template-static .entry-content .nj-header--expand-sm .nj-header__menu ol,
    .page-template-template-static .entry-content .nj-header--expand-sm .nj-header__menu p,
    .page-template-template-static .entry-content .nj-header--expand-sm .nj-header__menu ul,
    .page-template-template-webview-static .entry-content .nj-header--expand-sm .nj-header__menu ol,
    .page-template-template-webview-static .entry-content .nj-header--expand-sm .nj-header__menu p,
    .page-template-template-webview-static .entry-content .nj-header--expand-sm .nj-header__menu ul {
        max-width: inherit;
        padding: 0
    }

    .nj-header--expand-sm .nj-header__menu .col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .nj-header--expand-sm .nj-header__menu-return {
        font-size: 1.5rem;
        height: 4rem
    }

    .nj-header--expand-sm .nj-header__menu-return,
    .nj-header--expand-sm .nj-header__menu-title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .nj-header--expand-sm .nj-header__menu-title {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0
    }

    .nj-header--expand-sm .nj-header__menu-title+.nj-header__nav--panel li:first-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .nj-header--expand-sm .nj-header__menu-arrow-right {
        color: inherit;
        display: block;
        margin-left: auto
    }

    .nj-header--expand-sm .nj-header__menu-arrow-left {
        color: inherit;
        display: block;
        margin-left: -5px;
        margin-right: .5rem;
        margin-top: 5px
    }

    .nj-header--expand-sm .nj-header__search-icon {
        right: 2rem
    }

    .nj-header--expand-sm a {
        text-decoration: none
    }
}

@media (max-width:768px) {
    .nj-header--expand-md.nj-header--fixed {
        height: 4rem
    }

    .nj-header--expand-md .nj-header__group {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: var(--nj-elevation-fixed)
    }

    .nj-header--expand-md .nj-header__head {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        height: 4rem;
        justify-content: center;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .nj-header--expand-md .nj-header__head>* {
        display: none
    }

    .nj-header--expand-md .nj-header__head .nj-header__logo {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }

    .nj-header--expand-md .nj-header__head .nj-header__logo img {
        width: 63px
    }

    .nj-header--expand-md .nj-header__nav-burger {
        display: block
    }

    .nj-header--expand-md .nj-header__nav-logo--reduced {
        display: none
    }

    .nj-header--expand-md .nj-header__nav-logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .nj-header--expand-md .nj-header__nav--panel {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: normal;
        -ms-flex-pack: normal;
        background-color: var(--nj-color-background-secondary);
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: normal;
        left: -100%;
        min-height: 100vh;
        overflow-y: auto;
        padding: 0 2rem;
        position: fixed;
        top: 4rem;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition: visibility .5s .1ms, -webkit-transform .5s;
        transition: visibility .5s .1ms, -webkit-transform .5s;
        transition: visibility .5s .1ms, transform .5s;
        transition: visibility .5s .1ms, transform .5s, -webkit-transform .5s;
        visibility: hidden;
        width: 100vw
    }

    .nj-header--expand-md .nj-header__nav--panel li {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 4rem
    }

    .nj-header--expand-md .nj-header__nav--panel li a {
        margin: 0
    }

    .nj-header--expand-md .nj-header__nav--panel .nj-header__nav--panel {
        left: 100%;
        top: 0;
        z-index: 1
    }

    .nj-header--expand-md .nj-header__nav--show {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-transition: visibility .1ms, -webkit-transform .5s;
        transition: visibility .1ms, -webkit-transform .5s;
        transition: visibility .1ms, transform .5s;
        transition: visibility .1ms, transform .5s, -webkit-transform .5s;
        visibility: visible
    }

    .nj-header--expand-md .nj-header__nav.nj-header__nav--show {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .nj-header--expand-md .nj-header__nav-item {
        line-height: 1.2rem
    }

    .nj-header--expand-md .nj-header__nav-link {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0;
        position: static
    }

    .nj-header--expand-md .nj-header__menu {
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block
    }

    .nj-header--expand-md .nj-header__menu .container,
    .nj-header--expand-md .nj-header__menu .page-template-template-site-map .entry-content ul,
    .nj-header--expand-md .nj-header__menu .page-template-template-static .entry-content ol,
    .nj-header--expand-md .nj-header__menu .page-template-template-static .entry-content p,
    .nj-header--expand-md .nj-header__menu .page-template-template-static .entry-content ul,
    .nj-header--expand-md .nj-header__menu .page-template-template-webview-static .entry-content ol,
    .nj-header--expand-md .nj-header__menu .page-template-template-webview-static .entry-content p,
    .nj-header--expand-md .nj-header__menu .page-template-template-webview-static .entry-content ul,
    .page-template-template-site-map .entry-content .nj-header--expand-md .nj-header__menu ul,
    .page-template-template-static .entry-content .nj-header--expand-md .nj-header__menu ol,
    .page-template-template-static .entry-content .nj-header--expand-md .nj-header__menu p,
    .page-template-template-static .entry-content .nj-header--expand-md .nj-header__menu ul,
    .page-template-template-webview-static .entry-content .nj-header--expand-md .nj-header__menu ol,
    .page-template-template-webview-static .entry-content .nj-header--expand-md .nj-header__menu p,
    .page-template-template-webview-static .entry-content .nj-header--expand-md .nj-header__menu ul {
        max-width: inherit;
        padding: 0
    }

    .nj-header--expand-md .nj-header__menu .col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .nj-header--expand-md .nj-header__menu-return {
        font-size: 1.5rem;
        height: 4rem
    }

    .nj-header--expand-md .nj-header__menu-return,
    .nj-header--expand-md .nj-header__menu-title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .nj-header--expand-md .nj-header__menu-title {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0
    }

    .nj-header--expand-md .nj-header__menu-title+.nj-header__nav--panel li:first-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .nj-header--expand-md .nj-header__menu-arrow-right {
        color: inherit;
        display: block;
        margin-left: auto
    }

    .nj-header--expand-md .nj-header__menu-arrow-left {
        color: inherit;
        display: block;
        margin-left: -5px;
        margin-right: .5rem;
        margin-top: 5px
    }

    .nj-header--expand-md .nj-header__search-icon {
        right: 2rem
    }

    .nj-header--expand-md a {
        text-decoration: none
    }
}

@media (max-width:992px) {
    .nj-header--expand-lg.nj-header--fixed {
        height: 4rem
    }

    .nj-header--expand-lg .nj-header__group {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: var(--nj-elevation-fixed)
    }

    .nj-header--expand-lg .nj-header__head {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        height: 4rem;
        justify-content: center;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .nj-header--expand-lg .nj-header__head>* {
        display: none
    }

    .nj-header--expand-lg .nj-header__head .nj-header__logo {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }

    .nj-header--expand-lg .nj-header__head .nj-header__logo img {
        width: 63px
    }

    .nj-header--expand-lg .nj-header__nav-burger {
        display: block
    }

    .nj-header--expand-lg .nj-header__nav-logo--reduced {
        display: none
    }

    .nj-header--expand-lg .nj-header__nav-logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .nj-header--expand-lg .nj-header__nav--panel {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: normal;
        -ms-flex-pack: normal;
        background-color: var(--nj-color-background-secondary);
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: normal;
        left: -100%;
        min-height: 100vh;
        overflow-y: auto;
        padding: 0 2rem;
        position: fixed;
        top: 4rem;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition: visibility .5s .1ms, -webkit-transform .5s;
        transition: visibility .5s .1ms, -webkit-transform .5s;
        transition: visibility .5s .1ms, transform .5s;
        transition: visibility .5s .1ms, transform .5s, -webkit-transform .5s;
        visibility: hidden;
        width: 100vw
    }

    .nj-header--expand-lg .nj-header__nav--panel li {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 4rem
    }

    .nj-header--expand-lg .nj-header__nav--panel li a {
        margin: 0
    }

    .nj-header--expand-lg .nj-header__nav--panel .nj-header__nav--panel {
        left: 100%;
        top: 0;
        z-index: 1
    }

    .nj-header--expand-lg .nj-header__nav--show {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-transition: visibility .1ms, -webkit-transform .5s;
        transition: visibility .1ms, -webkit-transform .5s;
        transition: visibility .1ms, transform .5s;
        transition: visibility .1ms, transform .5s, -webkit-transform .5s;
        visibility: visible
    }

    .nj-header--expand-lg .nj-header__nav.nj-header__nav--show {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .nj-header--expand-lg .nj-header__nav-item {
        line-height: 1.2rem
    }

    .nj-header--expand-lg .nj-header__nav-link {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0;
        position: static
    }

    .nj-header--expand-lg .nj-header__menu {
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block
    }

    .nj-header--expand-lg .nj-header__menu .container,
    .nj-header--expand-lg .nj-header__menu .page-template-template-site-map .entry-content ul,
    .nj-header--expand-lg .nj-header__menu .page-template-template-static .entry-content ol,
    .nj-header--expand-lg .nj-header__menu .page-template-template-static .entry-content p,
    .nj-header--expand-lg .nj-header__menu .page-template-template-static .entry-content ul,
    .nj-header--expand-lg .nj-header__menu .page-template-template-webview-static .entry-content ol,
    .nj-header--expand-lg .nj-header__menu .page-template-template-webview-static .entry-content p,
    .nj-header--expand-lg .nj-header__menu .page-template-template-webview-static .entry-content ul,
    .page-template-template-site-map .entry-content .nj-header--expand-lg .nj-header__menu ul,
    .page-template-template-static .entry-content .nj-header--expand-lg .nj-header__menu ol,
    .page-template-template-static .entry-content .nj-header--expand-lg .nj-header__menu p,
    .page-template-template-static .entry-content .nj-header--expand-lg .nj-header__menu ul,
    .page-template-template-webview-static .entry-content .nj-header--expand-lg .nj-header__menu ol,
    .page-template-template-webview-static .entry-content .nj-header--expand-lg .nj-header__menu p,
    .page-template-template-webview-static .entry-content .nj-header--expand-lg .nj-header__menu ul {
        max-width: inherit;
        padding: 0
    }

    .nj-header--expand-lg .nj-header__menu .col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .nj-header--expand-lg .nj-header__menu-return {
        font-size: 1.5rem;
        height: 4rem
    }

    .nj-header--expand-lg .nj-header__menu-return,
    .nj-header--expand-lg .nj-header__menu-title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .nj-header--expand-lg .nj-header__menu-title {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0
    }

    .nj-header--expand-lg .nj-header__menu-title+.nj-header__nav--panel li:first-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .nj-header--expand-lg .nj-header__menu-arrow-right {
        color: inherit;
        display: block;
        margin-left: auto
    }

    .nj-header--expand-lg .nj-header__menu-arrow-left {
        color: inherit;
        display: block;
        margin-left: -5px;
        margin-right: .5rem;
        margin-top: 5px
    }

    .nj-header--expand-lg .nj-header__search-icon {
        right: 2rem
    }

    .nj-header--expand-lg a {
        text-decoration: none
    }
}

@media (max-width:1200px) {
    .nj-header--expand-xl.nj-header--fixed {
        height: 4rem
    }

    .nj-header--expand-xl .nj-header__group {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: var(--nj-elevation-fixed)
    }

    .nj-header--expand-xl .nj-header__head {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        height: 4rem;
        justify-content: center;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .nj-header--expand-xl .nj-header__head>* {
        display: none
    }

    .nj-header--expand-xl .nj-header__head .nj-header__logo {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }

    .nj-header--expand-xl .nj-header__head .nj-header__logo img {
        width: 63px
    }

    .nj-header--expand-xl .nj-header__nav-burger {
        display: block
    }

    .nj-header--expand-xl .nj-header__nav-logo--reduced {
        display: none
    }

    .nj-header--expand-xl .nj-header__nav-logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .nj-header--expand-xl .nj-header__nav--panel {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: normal;
        -ms-flex-pack: normal;
        background-color: var(--nj-color-background-secondary);
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: normal;
        left: -100%;
        min-height: 100vh;
        overflow-y: auto;
        padding: 0 2rem;
        position: fixed;
        top: 4rem;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition: visibility .5s .1ms, -webkit-transform .5s;
        transition: visibility .5s .1ms, -webkit-transform .5s;
        transition: visibility .5s .1ms, transform .5s;
        transition: visibility .5s .1ms, transform .5s, -webkit-transform .5s;
        visibility: hidden;
        width: 100vw
    }

    .nj-header--expand-xl .nj-header__nav--panel li {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 4rem
    }

    .nj-header--expand-xl .nj-header__nav--panel li a {
        margin: 0
    }

    .nj-header--expand-xl .nj-header__nav--panel .nj-header__nav--panel {
        left: 100%;
        top: 0;
        z-index: 1
    }

    .nj-header--expand-xl .nj-header__nav--show {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-transition: visibility .1ms, -webkit-transform .5s;
        transition: visibility .1ms, -webkit-transform .5s;
        transition: visibility .1ms, transform .5s;
        transition: visibility .1ms, transform .5s, -webkit-transform .5s;
        visibility: visible
    }

    .nj-header--expand-xl .nj-header__nav.nj-header__nav--show {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .nj-header--expand-xl .nj-header__nav-item {
        line-height: 1.2rem
    }

    .nj-header--expand-xl .nj-header__nav-link {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0;
        position: static
    }

    .nj-header--expand-xl .nj-header__menu {
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block
    }

    .nj-header--expand-xl .nj-header__menu .container,
    .nj-header--expand-xl .nj-header__menu .page-template-template-site-map .entry-content ul,
    .nj-header--expand-xl .nj-header__menu .page-template-template-static .entry-content ol,
    .nj-header--expand-xl .nj-header__menu .page-template-template-static .entry-content p,
    .nj-header--expand-xl .nj-header__menu .page-template-template-static .entry-content ul,
    .nj-header--expand-xl .nj-header__menu .page-template-template-webview-static .entry-content ol,
    .nj-header--expand-xl .nj-header__menu .page-template-template-webview-static .entry-content p,
    .nj-header--expand-xl .nj-header__menu .page-template-template-webview-static .entry-content ul,
    .page-template-template-site-map .entry-content .nj-header--expand-xl .nj-header__menu ul,
    .page-template-template-static .entry-content .nj-header--expand-xl .nj-header__menu ol,
    .page-template-template-static .entry-content .nj-header--expand-xl .nj-header__menu p,
    .page-template-template-static .entry-content .nj-header--expand-xl .nj-header__menu ul,
    .page-template-template-webview-static .entry-content .nj-header--expand-xl .nj-header__menu ol,
    .page-template-template-webview-static .entry-content .nj-header--expand-xl .nj-header__menu p,
    .page-template-template-webview-static .entry-content .nj-header--expand-xl .nj-header__menu ul {
        max-width: inherit;
        padding: 0
    }

    .nj-header--expand-xl .nj-header__menu .col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .nj-header--expand-xl .nj-header__menu-return {
        font-size: 1.5rem;
        height: 4rem
    }

    .nj-header--expand-xl .nj-header__menu-return,
    .nj-header--expand-xl .nj-header__menu-title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .nj-header--expand-xl .nj-header__menu-title {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0
    }

    .nj-header--expand-xl .nj-header__menu-title+.nj-header__nav--panel li:first-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .nj-header--expand-xl .nj-header__menu-arrow-right {
        color: inherit;
        display: block;
        margin-left: auto
    }

    .nj-header--expand-xl .nj-header__menu-arrow-left {
        color: inherit;
        display: block;
        margin-left: -5px;
        margin-right: .5rem;
        margin-top: 5px
    }

    .nj-header--expand-xl .nj-header__search-icon {
        right: 2rem
    }

    .nj-header--expand-xl a {
        text-decoration: none
    }
}

.nj-highlight {
    background: none;
    color: var(--nj-color-text-brand-primary);
    font-family: var(--nj-font-family-default);
    line-height: var(--nj-font-line-height-default);
    margin: 0;
    padding: 0
}

.nj-fab,
.nj-highlight,
.nj-highlight *,
.nj-highlight :after,
.nj-highlight :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-fab {
    --nj-fab-background: var(--nj-color-background-brand);
    --nj-fab-background-hovered: var(--nj-color-background-brand-hovered);
    --nj-fab-background-focused: var(--nj-color-background-brand-focused);
    --nj-fab-background-pressed: var(--nj-color-background-brand-pressed);
    --nj-fab-color: var(--nj-color-text-inverse);
    background: var(--nj-fab-background);
    border: 0;
    border-radius: 50%;
    color: var(--nj-fab-color);
    cursor: pointer;
    font-family: var(--nj-font-family-default);
    height: 4rem;
    line-height: var(--nj-font-line-height-default);
    line-height: 0;
    min-width: 4rem;
    padding: 0;
    position: relative;
    -webkit-transition: .3s var(--nj-motion-bezier-fast-out-slow-in);
    transition: .3s var(--nj-motion-bezier-fast-out-slow-in);
    width: 4rem;
    z-index: var(--nj-elevation-fixed)
}

.nj-fab *,
.nj-fab :after,
.nj-fab :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-fab:not(.disabled):not(.nj-fab:disabled):after {
    border-radius: var(--nj-size-border-radius-sm);
    -webkit-box-shadow: 0 0 0 var(--nj-size-border-focus-width) var(--nj-color-border-focused);
    box-shadow: 0 0 0 var(--nj-size-border-focus-width) var(--nj-color-border-focused);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    height: 100%;
    left: 50%;
    opacity: 0;
    padding: var(--nj-size-border-focus-offset);
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale3d(.85, .85, 1);
    transform: translate(-50%, -50%) scale3d(.85, .85, 1);
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s;
    transition: opacity .2s, transform .2s, -webkit-transform .2s;
    -webkit-transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    width: 100%;
    z-index: 10
}

.nj-fab:not(.disabled):not(.nj-fab:disabled):hover {
    --nj-fab-background: var(--nj-fab-background-hovered);
    outline: 0;
    text-decoration: none
}

.nj-fab:not(.disabled):not(.nj-fab:disabled):focus-visible {
    --nj-fab-background: var(--nj-fab-background-focused);
    outline: 0;
    text-decoration: none
}

.nj-fab:not(.disabled):not(.nj-fab:disabled):focus-visible:after {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scaleX(1);
    transform: translate(-50%, -50%) scaleX(1)
}

.nj-fab:not(.disabled):not(.nj-fab:disabled):active {
    --nj-fab-background: var(--nj-fab-background-pressed);
    text-decoration: none
}

.nj-fab__actions {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4rem;
    justify-content: center;
    left: 0;
    list-style: none;
    margin: 0;
    padding-left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 4rem;
    z-index: var(--nj-elevation-dropdown)
}

.nj-fab__actions--sm {
    height: 3rem;
    width: 3rem
}

.nj-fab__actions .nj-fab__item {
    position: absolute
}

.nj-fab .material-icons {
    color: inherit
}

.nj-fab--sm {
    height: 3rem;
    min-width: 3rem;
    width: 3rem
}

.nj-fab.active {
    --nj-fab-background: var(--nj-color-background-neutral);
    --nj-fab-background-hovered: var(--nj-color-background-neutral-hovered);
    --nj-fab-background-focused: var(--nj-color-background-neutral-focused);
    --nj-fab-background-pressed: var(--nj-color-background-neutral-pressed)
}

.nj-fab.active:not(.no-rotate) .material-icons {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.nj-fab.active~.nj-fab__actions {
    visibility: initial
}

.nj-fab.disabled,
.nj-fab:disabled {
    cursor: not-allowed;
    opacity: var(--nj-opacity-disabled)
}

.nj-fab-menu {
    position: relative;
    z-index: var(--nj-elevation-fixed)
}

.nj-fab-menu .nj-fab--light {
    --nj-fab-background: var(--nj-color-background-primary);
    --nj-fab-background-hovered: var(--nj-color-background-primary-hovered);
    --nj-fab-background-focused: var(--nj-color-background-primary-focused);
    --nj-fab-background-pressed: var(--nj-color-background-primary-pressed);
    --nj-fab-color: var(--nj-color-icon-secondary);
    border: 1px solid var(--nj-color-border-subtle)
}

.nj-footer {
    --nj-footer-bg-color: var(--nj-color-background-secondary);
    background-color: var(--nj-footer-bg-color);
    font-family: var(--nj-font-family-default);
    line-height: var(--nj-font-line-height-default)
}

.nj-footer,
.nj-footer *,
.nj-footer :after,
.nj-footer :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-footer:after {
    background: var(--nj-color-base-gradiant);
    content: "";
    display: block;
    height: 3px;
    width: 100%
}

.nj-footer__links {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    list-style: none
}

@media (min-width:576px) {
    .nj-footer__links {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
}

@media (min-width:768px) {
    .nj-footer__links {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        padding: 0 var(--nj-size-space-16)
    }
}

.nj-footer__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: var(--nj-size-space-48)
}

.nj-footer__menu-section {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 0 var(--nj-size-space-24)
}

@media (max-width:991.98px) {
    .nj-footer__menu-section {
        width: 50%
    }
}

@media (max-width:767.98px) {
    .nj-footer__menu-section {
        width: 100%
    }
}

.nj-footer__links-list-title {
    font-size: var(--nj-size-font-base)
}

.nj-footer__links-list {
    list-style: none;
    padding-left: 0
}

.nj-footer__social {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0
}

@media (max-width:767.98px) {
    .nj-footer__social {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

.nj-footer__social-link {
    display: block;
    margin-right: var(--nj-size-space-16)
}

@media (min-width:768px) {
    .nj-footer__social-icon {
        height: 16px;
        width: 16px
    }
}

.nj-footer__baseline {
    font-size: var(--nj-size-font-kilo);
    font-weight: var(--nj-font-weight-bold);
    padding: var(--nj-size-space-32) 0
}

.nj-footer__baseline>p {
    margin-bottom: 0
}

@media (min-width:768px) {
    .nj-footer__baseline {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: baseline;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        padding: var(--nj-size-space-64)
    }
}

.nj-footer__logo {
    display: block;
    margin-bottom: var(--nj-size-space-24);
    margin-right: var(--nj-size-space-64)
}

@media (min-width:768px) {
    .nj-footer__logo {
        margin-bottom: 0
    }
}

@media (max-width:991.98px) {
    .nj-footer__logo {
        width: 90px
    }
}

.nj-form-group {
    border: 0;
    font-family: var(--nj-font-family-default);
    line-height: var(--nj-font-line-height-default);
    margin: 0 0 var(--nj-size-space-16);
    min-width: 0;
    padding: 1.75rem 0 0;
    position: relative
}

.nj-form-group,
.nj-form-group *,
.nj-form-group :after,
.nj-form-group :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-form-group.is-filled .nj-label-placeholder {
    display: none
}

.nj-form-group.is-filled .nj-form-control__reset {
    display: block
}

.nj-form-group.nj-form-input-search.is-filled .nj-form-control__search {
    display: none
}

.nj-form-group .is-filled .nj-label-floating,
.nj-form-group .is-focused .nj-label-floating,
.nj-form-group.is-filled .nj-label-floating,
.nj-form-group.is-focused .nj-label-floating {
    font-size: .75rem;
    left: 0;
    top: 1rem
}

.nj-form-group [class*=" nj-label"],
.nj-form-group [class^=nj-label] {
    color: var(--nj-deprecated-color-text-label)
}

.is-focused .nj-form-group .nj-form-control,
.nj-form-group .nj-form-control {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-text-label-focus) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

.nj-form-group .nj-form-control:invalid {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-base-danger) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

.nj-form-group .nj-form-control[readonly] {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-border-input) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

.nj-form-group .nj-form-control.disabled,
.nj-form-group .nj-form-control:disabled,
.nj-form-group .nj-form-control[disabled],
fieldset[disabled][disabled] .nj-form-group .nj-form-control {
    background-image: linear-gradient(to top, transparent 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input-disabled) 1px, transparent 1px)
}

.nj-form-group .is-focused [class*=" nj-label"],
.nj-form-group .is-focused [class^=nj-label],
.nj-form-group.is-focused [class*=" nj-label"],
.nj-form-group.is-focused [class^=nj-label] {
    color: var(--nj-deprecated-color-text-label-focus)
}

.nj-form-group .is-focused [class*=" nj-label"].has-danger,
.nj-form-group .is-focused [class^=nj-label].has-danger,
.nj-form-group.is-focused [class*=" nj-label"].has-danger,
.nj-form-group.is-focused [class^=nj-label].has-danger {
    color: var(--nj-deprecated-color-base-danger)
}

.nj-form-group .is-focused .nj-label-placeholder,
.nj-form-group.is-focused .nj-label-placeholder {
    color: var(--nj-deprecated-color-text-label)
}

.nj-form-group .is-focused .nj-help,
.nj-form-group.is-focused .nj-help {
    color: var(--nj-deprecated-color-base-gray-600)
}

.nj-form-group .nj-label-floating,
.nj-form-group.is-filled .nj-label-floating {
    color: var(--nj-color-text-label)
}

.nj-form-group.has-success [class*=" nj-label"],
.nj-form-group.has-success [class^=nj-label] {
    color: var(--nj-deprecated-color-base-success)
}

.is-focused .nj-form-group.has-success .nj-form-control,
.nj-form-group.has-success .nj-form-control {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-base-success) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

.nj-form-group.has-success .nj-form-control:invalid {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-base-danger) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

.nj-form-group.has-success .nj-form-control[readonly] {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-border-input) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

.nj-form-group.has-success .nj-form-control.disabled,
.nj-form-group.has-success .nj-form-control:disabled,
.nj-form-group.has-success .nj-form-control[disabled],
fieldset[disabled][disabled] .nj-form-group.has-success .nj-form-control {
    background-image: linear-gradient(to top, transparent 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input-disabled) 1px, transparent 1px)
}

.nj-form-group.has-success .is-focused [class*=" nj-label"],
.nj-form-group.has-success .is-focused [class^=nj-label],
.nj-form-group.has-success.is-focused [class*=" nj-label"],
.nj-form-group.has-success.is-focused [class^=nj-label] {
    color: var(--nj-deprecated-color-base-success)
}

.nj-form-group.has-success .is-focused [class*=" nj-label"].has-danger,
.nj-form-group.has-success .is-focused [class^=nj-label].has-danger,
.nj-form-group.has-success.is-focused [class*=" nj-label"].has-danger,
.nj-form-group.has-success.is-focused [class^=nj-label].has-danger {
    color: var(--nj-deprecated-color-base-danger)
}

.nj-form-group.has-success .is-focused .nj-label-placeholder,
.nj-form-group.has-success.is-focused .nj-label-placeholder {
    color: var(--nj-deprecated-color-base-success)
}

.nj-form-group.has-success .is-focused .nj-help,
.nj-form-group.has-success.is-focused .nj-help {
    color: var(--nj-deprecated-color-base-gray-600)
}

.nj-form-group.has-success .nj-form-control {
    background-size: 100% 100%, 100% 100%;
    -webkit-transition: background-size .3s var(--nj-motion-bezier-fast-out-slow-in);
    transition: background-size .3s var(--nj-motion-bezier-fast-out-slow-in)
}

.nj-form-group.has-warning [class*=" nj-label"],
.nj-form-group.has-warning [class^=nj-label] {
    color: var(--nj-deprecated-color-base-warning)
}

.is-focused .nj-form-group.has-warning .nj-form-control,
.nj-form-group.has-warning .nj-form-control {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-base-warning) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

.nj-form-group.has-warning .nj-form-control:invalid {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-base-danger) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

.nj-form-group.has-warning .nj-form-control[readonly] {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-border-input) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

.nj-form-group.has-warning .nj-form-control.disabled,
.nj-form-group.has-warning .nj-form-control:disabled,
.nj-form-group.has-warning .nj-form-control[disabled],
fieldset[disabled][disabled] .nj-form-group.has-warning .nj-form-control {
    background-image: linear-gradient(to top, transparent 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input-disabled) 1px, transparent 1px)
}

.nj-form-group.has-warning .is-focused [class*=" nj-label"],
.nj-form-group.has-warning .is-focused [class^=nj-label],
.nj-form-group.has-warning.is-focused [class*=" nj-label"],
.nj-form-group.has-warning.is-focused [class^=nj-label] {
    color: var(--nj-deprecated-color-base-warning)
}

.nj-form-group.has-warning .is-focused [class*=" nj-label"].has-danger,
.nj-form-group.has-warning .is-focused [class^=nj-label].has-danger,
.nj-form-group.has-warning.is-focused [class*=" nj-label"].has-danger,
.nj-form-group.has-warning.is-focused [class^=nj-label].has-danger {
    color: var(--nj-deprecated-color-base-danger)
}

.nj-form-group.has-warning .is-focused .nj-label-placeholder,
.nj-form-group.has-warning.is-focused .nj-label-placeholder {
    color: var(--nj-deprecated-color-base-warning)
}

.nj-form-group.has-warning .is-focused .nj-help,
.nj-form-group.has-warning.is-focused .nj-help {
    color: var(--nj-deprecated-color-base-gray-600)
}

.nj-form-group.has-warning .nj-form-control {
    background-size: 100% 100%, 100% 100%;
    -webkit-transition: background-size .3s var(--nj-motion-bezier-fast-out-slow-in);
    transition: background-size .3s var(--nj-motion-bezier-fast-out-slow-in)
}

.nj-form-group.has-danger [class*=" nj-label"],
.nj-form-group.has-danger [class^=nj-label] {
    color: var(--nj-deprecated-color-base-danger)
}

.is-focused .nj-form-group.has-danger .nj-form-control,
.nj-form-group.has-danger .nj-form-control {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-base-danger) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

.nj-form-group.has-danger .nj-form-control:invalid {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-base-danger) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

.nj-form-group.has-danger .nj-form-control[readonly] {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-border-input) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

.nj-form-group.has-danger .nj-form-control.disabled,
.nj-form-group.has-danger .nj-form-control:disabled,
.nj-form-group.has-danger .nj-form-control[disabled],
fieldset[disabled][disabled] .nj-form-group.has-danger .nj-form-control {
    background-image: linear-gradient(to top, transparent 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input-disabled) 1px, transparent 1px)
}

.nj-form-group.has-danger .is-focused .nj-label-placeholder,
.nj-form-group.has-danger .is-focused [class*=" nj-label"],
.nj-form-group.has-danger .is-focused [class*=" nj-label"].has-danger,
.nj-form-group.has-danger .is-focused [class^=nj-label],
.nj-form-group.has-danger .is-focused [class^=nj-label].has-danger,
.nj-form-group.has-danger.is-focused .nj-label-placeholder,
.nj-form-group.has-danger.is-focused [class*=" nj-label"],
.nj-form-group.has-danger.is-focused [class*=" nj-label"].has-danger,
.nj-form-group.has-danger.is-focused [class^=nj-label],
.nj-form-group.has-danger.is-focused [class^=nj-label].has-danger {
    color: var(--nj-deprecated-color-base-danger)
}

.nj-form-group.has-danger .is-focused .nj-help,
.nj-form-group.has-danger.is-focused .nj-help {
    color: var(--nj-deprecated-color-base-gray-600)
}

.nj-form-group.has-danger .nj-form-control,
.nj-form-group.is-focused .nj-form-control {
    background-size: 100% 100%, 100% 100%;
    -webkit-transition: background-size .3s var(--nj-motion-bezier-fast-out-slow-in);
    transition: background-size .3s var(--nj-motion-bezier-fast-out-slow-in)
}

.nj-form-group.is-focused .nj-form-control:invalid~[class*=" nj-label"],
.nj-form-group.is-focused .nj-form-control:invalid~[class^=nj-label] {
    color: var(--nj-deprecated-color-base-danger)
}

.nj-form-group.is-visible .nj-form-control__password-off {
    display: none
}

.nj-form-group.is-visible .nj-form-control__password-on {
    display: block
}

.nj-form-group--icon-right .nj-form-control {
    padding-right: 2rem
}

.nj-form-group--icon-right .material-icons {
    bottom: .5rem;
    position: absolute;
    right: 0
}

.nj-form-group--icon-left .nj-form-control {
    padding-left: 2rem
}

.nj-form-group--icon-left .nj-label-floating,
.nj-form-group--icon-left .nj-label-placeholder {
    left: 2rem
}

.nj-form-group--icon-left .material-icons {
    bottom: .5rem;
    left: 0;
    position: absolute
}

.nj-form-group .material-icons {
    color: var(--nj-deprecated-color-icon-input)
}

.nj-form-control {
    background: no-repeat bottom, 50% calc(100% - 1px);
    background-clip: padding-box;
    background-size: 0 100%, 100% 100%;
    border: 0;
    color: var(--nj-deprecated-color-text-input);
    display: block;
    font-family: var(--nj-font-family-default);
    height: 2.5rem;
    line-height: var(--nj-font-line-height-default);
    line-height: 1.3;
    padding-left: 0;
    padding-right: 0;
    -webkit-transition: background 0s ease-out;
    transition: background 0s ease-out;
    width: 100%
}

.nj-form-control,
.nj-form-control *,
.nj-form-control :after,
.nj-form-control :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-form-control::-webkit-input-placeholder {
    color: var(--nj-deprecated-color-placeholder-input);
    font-size: var(--nj-size-font-base)
}

.nj-form-control::-moz-placeholder {
    color: var(--nj-deprecated-color-placeholder-input);
    font-size: var(--nj-size-font-base)
}

.nj-form-control:-ms-input-placeholder {
    color: var(--nj-deprecated-color-placeholder-input);
    font-size: var(--nj-size-font-base)
}

.nj-form-control::-ms-input-placeholder {
    color: var(--nj-deprecated-color-placeholder-input);
    font-size: var(--nj-size-font-base)
}

.nj-form-control::placeholder {
    color: var(--nj-deprecated-color-placeholder-input);
    font-size: var(--nj-size-font-base)
}

.nj-form-control:hover {
    outline: 0
}

.nj-form-control:hover::-webkit-input-placeholder {
    color: var(--nj-deprecated-color-placeholder-input-hovered)
}

.nj-form-control:hover::-moz-placeholder {
    color: var(--nj-deprecated-color-placeholder-input-hovered)
}

.nj-form-control:hover:-ms-input-placeholder {
    color: var(--nj-deprecated-color-placeholder-input-hovered)
}

.nj-form-control:hover::-ms-input-placeholder {
    color: var(--nj-deprecated-color-placeholder-input-hovered)
}

.nj-form-control:hover::placeholder {
    color: var(--nj-deprecated-color-placeholder-input-hovered)
}

.nj-form-control:focus {
    color: var(--nj-deprecated-color-text-input);
    outline: 0
}

.nj-form-control:focus::-webkit-input-placeholder {
    color: var(--nj-deprecated-color-placeholder-input-focused)
}

.nj-form-control:focus::-moz-placeholder {
    color: var(--nj-deprecated-color-placeholder-input-focused)
}

.nj-form-control:focus:-ms-input-placeholder {
    color: var(--nj-deprecated-color-placeholder-input-focused)
}

.nj-form-control:focus::-ms-input-placeholder {
    color: var(--nj-deprecated-color-placeholder-input-focused)
}

.nj-form-control:focus::placeholder {
    color: var(--nj-deprecated-color-placeholder-input-focused)
}

.nj-form-control:-webkit-autofill,
.nj-form-control:-webkit-autofill:active,
.nj-form-control:-webkit-autofill:focus,
.nj-form-control:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--nj-deprecated-color-text-body);
    -webkit-box-shadow: 0 0 0 30px var(--nj-deprecated-color-background-components) inset !important
}

.nj-form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.nj-form-control:disabled::-webkit-input-placeholder,
.nj-form-control[readonly]::-webkit-input-placeholder {
    color: var(--nj-deprecated-color-placeholder-input-disabled)
}

.nj-form-control:disabled::-moz-placeholder,
.nj-form-control[readonly]::-moz-placeholder {
    color: var(--nj-deprecated-color-placeholder-input-disabled)
}

.nj-form-control:disabled:-ms-input-placeholder,
.nj-form-control[readonly]:-ms-input-placeholder {
    color: var(--nj-deprecated-color-placeholder-input-disabled)
}

.nj-form-control:disabled::-ms-input-placeholder,
.nj-form-control[readonly]::-ms-input-placeholder {
    color: var(--nj-deprecated-color-placeholder-input-disabled)
}

.nj-form-control:disabled::placeholder,
.nj-form-control[readonly]::placeholder {
    color: var(--nj-deprecated-color-placeholder-input-disabled)
}

.nj-form-control:disabled+[class^=nj-label] {
    color: var(--nj-deprecated-color-placeholder-input-disabled)
}

.nj-form-control__reset {
    cursor: pointer;
    display: none;
    -webkit-transition: .2s var(--nj-motion-bezier-fast-out-slow-in);
    transition: .2s var(--nj-motion-bezier-fast-out-slow-in)
}

.nj-form-control__reset:hover {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.nj-form-control__password-on {
    cursor: pointer;
    display: none
}

.nj-form-control__password-off {
    cursor: pointer
}

textarea.nj-form-control {
    height: auto
}

.nj-help {
    display: none;
    font-family: var(--nj-font-family-default);
    font-size: var(--nj-size-font-centi);
    font-weight: 400;
    line-height: var(--nj-font-line-height-default);
    margin-top: .25rem;
    position: absolute
}

.nj-help,
.nj-help *,
.nj-help :after,
.nj-help :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-form-group.is-focused .nj-help {
    display: block
}

.nj-help:nth-of-type(2) {
    padding-top: 1rem
}

[class*=nj-label],
[class^=nj-label] {
    font-size: var(--nj-size-font-base);
    pointer-events: none;
    position: absolute;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

[class*=nj-label].nj-label-floating,
[class^=nj-label].nj-label-floating {
    will-change: left, top, contents
}

.nj-label-floating,
.nj-label-placeholder {
    font-family: var(--nj-font-family-default);
    left: 0;
    line-height: var(--nj-font-line-height-default);
    top: 2.1875rem
}

.nj-label-floating,
.nj-label-floating *,
.nj-label-floating :after,
.nj-label-floating :before,
.nj-label-placeholder,
.nj-label-placeholder *,
.nj-label-placeholder :after,
.nj-label-placeholder :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-label-floating {
    font-family: var(--nj-font-family-default);
    line-height: var(--nj-font-line-height-default)
}

.nj-label-floating *,
.nj-label-floating :after,
.nj-label-floating :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-label-floating+.nj-form-control::-webkit-input-placeholder {
    opacity: 0
}

.nj-label-floating+.nj-form-control::-moz-placeholder {
    opacity: 0
}

.nj-label-floating+.nj-form-control:-ms-input-placeholder {
    opacity: 0
}

.nj-label-floating+.nj-form-control::-ms-input-placeholder {
    opacity: 0
}

.nj-label-floating+.nj-form-control::placeholder {
    opacity: 0
}

.nj-label-floating+.nj-form-control:focus::-webkit-input-placeholder {
    opacity: 1
}

.nj-label-floating+.nj-form-control:focus::-moz-placeholder {
    opacity: 1
}

.nj-label-floating+.nj-form-control:focus:-ms-input-placeholder {
    opacity: 1
}

.nj-label-floating+.nj-form-control:focus::-ms-input-placeholder {
    opacity: 1
}

.nj-label-floating+.nj-form-control:focus::placeholder {
    opacity: 1
}

.nj-label-static {
    font-family: var(--nj-font-family-default);
    font-size: .75rem;
    left: 0;
    line-height: var(--nj-font-line-height-default);
    top: 1rem;
    white-space: nowrap
}

.nj-form-autocomplete,
.nj-label-static,
.nj-label-static *,
.nj-label-static :after,
.nj-label-static :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-form-autocomplete {
    font-family: var(--nj-font-family-default);
    line-height: var(--nj-font-line-height-default)
}

.nj-form-autocomplete *,
.nj-form-autocomplete :after,
.nj-form-autocomplete :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-form-autocomplete:focus {
    outline: none
}

.nj-form-autocomplete input~.nj-form-autocomplete__list {
    display: none
}

.nj-form-autocomplete input:valid:focus~.nj-form-autocomplete__list {
    display: block
}

.nj-form-autocomplete input[readonly]:focus~.nj-form-autocomplete__list {
    display: block
}

.nj-form-autocomplete .nj-form-control[readonly] {
    background-image: linear-gradient(to top, var(--nj-deprecated-color-base-primary) 2px, transparent 2px), linear-gradient(to top, var(--nj-deprecated-color-border-input) 1px, transparent 1px)
}

.nj-form-autocomplete__list {
    max-height: 24rem;
    overflow-y: scroll
}

.nj-form-autocomplete__list.nj-card {
    position: absolute;
    width: 100%;
    z-index: var(--nj-elevation-dropdown)
}

.nj-form-autocomplete .nj-form-autocomplete__list:active,
.nj-form-autocomplete .nj-form-autocomplete__list:focus {
    display: block
}

.nj-form-dropdown {
    font-family: var(--nj-font-family-default);
    line-height: var(--nj-font-line-height-default)
}

.nj-form-dropdown,
.nj-form-dropdown *,
.nj-form-dropdown :after,
.nj-form-dropdown :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-form-dropdown input {
    cursor: pointer
}

@-webkit-keyframes select-open {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes select-open {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

.nj-form-item {
    --nj-fc-field-wrapper-bg: var(--nj-color-background-primary);
    --nj-fc-field-wrapper-pad-top: calc(var(--nj-fc-label-height)*0.5);
    --nj-fc-border-color: var(--nj-color-border-moderate);
    --nj-fc-hovered-border-color: var(--nj-color-border-hovered);
    --nj-fc-box-shadow: 0 0 0 1px;
    --nj-fc-additionnal-border-width: 0px;
    --nj-fc-field-pad-top: var(--nj-size-space-8);
    --nj-fc-field-pad-bottom: var(--nj-size-space-8);
    --nj-fc-field-pad-left: var(--nj-size-space-16);
    --nj-fc-field-pad-right: var(--nj-size-space-16);
    --nj-fc-label-bg: var(--nj-color-background-primary);
    --nj-fc-label-height: 24px;
    --nj-fc-label-color: var(--nj-color-text-tertiary);
    --nj-fc-label-top: var(--nj-fc-field-pad-top);
    --nj-fc-label-left: var(--nj-size-space-8);
    --nj-fc-label-pad: 0 var(--nj-size-space-4);
    --nj-fc-label-font-size: var(--nj-size-font-base);
    --nj-fc-icon-color: var(--nj-color-icon-tertiary);
    --nj-fc-subscript-color: var(--nj-color-text-tertiary);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: var(--nj-font-family-default);
    gap: var(--nj-size-space-4);
    line-height: var(--nj-font-line-height-default);
    padding-top: var(--nj-fc-field-wrapper-pad-top);
    position: relative
}

.nj-form-item,
.nj-form-item *,
.nj-form-item :after,
.nj-form-item :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-form-item--xl {
    --nj-fc-field-pad-top: var(--nj-size-space-16);
    --nj-fc-field-pad-bottom: var(--nj-size-space-16)
}

.nj-form-item--lg {
    --nj-fc-field-pad-top: var(--nj-size-space-12);
    --nj-fc-field-pad-bottom: var(--nj-size-space-12)
}

.nj-form-item--sm {
    --nj-fc-field-pad-top: var(--nj-size-space-4);
    --nj-fc-field-pad-bottom: var(--nj-size-space-4)
}

.nj-form-item--static {
    --nj-fc-label-height: 20px;
    --nj-fc-field-wrapper-pad-top: calc(var(--nj-fc-label-height) + var(--nj-size-space-8));
    --nj-fc-label-top: 0;
    --nj-fc-label-left: 0;
    --nj-fc-label-pad: 0;
    --nj-fc-label-color: var(--nj-color-text-secondary);
    --nj-fc-label-font-size: var(--nj-size-font-deci)
}

.nj-form-item--static .nj-form-item__field:focus~.nj-form-item__label {
    color: var(--nj-color-text-secondary)
}

.nj-form-item--disabled {
    opacity: var(--nj-opacity-disabled);
    pointer-events: none
}

.nj-form-item:not(.nj-form-item--static) {
    --nj-fc-label-top: calc(var(--nj-fc-field-pad-top) + var(--nj-fc-field-wrapper-pad-top))
}

.nj-form-item:not(.nj-form-item--static) .nj-form-item__field:not(:-moz-placeholder-shown)~.nj-form-item__label {
    background: linear-gradient(180deg, transparent calc(50% - var(--nj-fc-additionnal-border-width)*1), var(--nj-fc-label-bg) 0);
    transform: translate3D(calc(var(--nj-size-space-4)*-1), calc(-50% - var(--nj-fc-field-pad-top)*1), 0) scale3d(.9, .9, 1)
}

.nj-form-item:not(.nj-form-item--static) .nj-form-item__field:not(:-ms-input-placeholder)~.nj-form-item__label {
    background: linear-gradient(180deg, transparent calc(50% - var(--nj-fc-additionnal-border-width)*1), var(--nj-fc-label-bg) 0);
    transform: translate3D(calc(var(--nj-size-space-4)*-1), calc(-50% - var(--nj-fc-field-pad-top)*1), 0) scale3d(.9, .9, 1)
}

.nj-form-item:not(.nj-form-item--static) .nj-form-item__field:focus~.nj-form-item__label,
.nj-form-item:not(.nj-form-item--static) .nj-form-item__field:not(:placeholder-shown)~.nj-form-item__label {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0, var(--nj-fc-label-bg)));
    background: linear-gradient(180deg, transparent calc(50% - var(--nj-fc-additionnal-border-width)*1), var(--nj-fc-label-bg) 0);
    -webkit-transform: translate3D(calc(var(--nj-size-space-4)*-1), calc(-50% - var(--nj-fc-field-pad-top)*1), 0) scale3d(.9, .9, 1);
    transform: translate3D(calc(var(--nj-size-space-4)*-1), calc(-50% - var(--nj-fc-field-pad-top)*1), 0) scale3d(.9, .9, 1)
}

.nj-form-item:not(.nj-form-item--static) .nj-form-item__field-wrapper:focus-within .nj-form-item__label {
    --nj-fc-label-color: var(--nj-color-text-brand-primary)
}

.nj-form-item--error {
    --nj-fc-box-shadow: 0 0 0 1px;
    --nj-fc-additionnal-border-width: 1px;
    --nj-fc-border-color: var(--nj-color-border-danger-bold);
    --nj-fc-subscript-color: var(--nj-color-text-danger-primary);
    --nj-fc-hovered-border-color: var(--nj-color-border-danger-bold)
}

.nj-form-item--error:not(.nj-form-item--static),
.nj-form-item--error:not(.nj-form-item--static) .nj-form-item__field-wrapper:hover {
    --nj-fc-label-color: var(--nj-color-text-danger-primary)
}

.nj-form-item--error:not(.nj-form-item--static) .nj-form-item__field-wrapper:focus-within .nj-form-item__label {
    --nj-fc-label-color: var(--nj-color-text-danger-primary)
}

.nj-form-item--error .nj-form-item__field-wrapper:focus-within {
    --nj-fc-box-shadow: 0 0 0 2px;
    --nj-fc-additionnal-border-width: 2px;
    --nj-fc-border-color: var(--nj-color-border-danger-bold)
}

.nj-form-item--error .nj-form-item__field:focus~.nj-form-item__label {
    --nj-fc-label-color: var(--nj-color-border-danger-bold)
}

.nj-form-item--textarea {
    --nj-fc-field-pad-right: var(--nj-size-space-4);
    --nj-fc-field-pad-bottom: var(--nj-size-space-4)
}

.nj-form-item--textarea .nj-form-item__field {
    min-height: 72px
}

.nj-form-item--password {
    --nj-fc-icon-pad-right: var(--nj-size-space-4);
    --nj-form-icon-pw-scale: scale3D(1, 0, 1)
}

.nj-form-item--password .nj-form-item__field-wrapper {
    padding-right: calc(var(--nj-fc-field-pad-right) - var(--nj-fc-icon-pad-right))
}

.nj-form-item--password .nj-form-item__password-button:before {
    background: var(--nj-color-icon-secondary);
    -webkit-box-shadow: 2px 0 0 0 var(--nj-color-background-secondary);
    box-shadow: 2px 0 0 0 var(--nj-color-background-secondary);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    height: 25px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(-45deg) translate(-100%, 10px) var(--nj-form-icon-pw-scale);
    transform: rotate(-45deg) translate(-100%, 10px) var(--nj-form-icon-pw-scale);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: -webkit-transform .25s var(--nj-motion-bezier-fast-out-slow-in);
    transition: -webkit-transform .25s var(--nj-motion-bezier-fast-out-slow-in);
    transition: transform .25s var(--nj-motion-bezier-fast-out-slow-in);
    transition: transform .25s var(--nj-motion-bezier-fast-out-slow-in), -webkit-transform .25s var(--nj-motion-bezier-fast-out-slow-in);
    width: 2px;
    z-index: 1
}

.nj-form-item--password.nj-form-item--visible {
    --nj-form-icon-pw-scale: scale3D(1, 1, 1)
}

.nj-form-item--select {
    min-width: 80px
}

.nj-form-item--select .nj-form-item__field-wrapper {
    padding: 0;
    position: relative
}

.nj-form-item--select .nj-form-item__field {
    padding: var(--nj-fc-field-pad-top) calc(var(--nj-fc-field-pad-right) + 28px) var(--nj-fc-field-pad-bottom) var(--nj-fc-field-pad-left);
    position: relative;
    z-index: 2
}

.nj-form-item--select .nj-form-item__field:not([aria-autocomplete]) {
    cursor: default
}

.nj-form-item--select .nj-form-item__icon {
    position: absolute;
    right: var(--nj-size-space-16);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.nj-form-item--select.nj-form-item--static .nj-form-item__label {
    top: calc(var(--nj-fc-field-wrapper-pad-top)*-1)
}

.nj-form-item--select.nj-form-item:not(.nj-form-item--static) {
    --nj-fc-label-top: var(--nj-fc-field-pad-top)
}

.nj-form-item--select.nj-form-item--custom-list:not(.nj-form-item--static):not(.nj-form-item--error):focus-within .nj-form-item__label {
    --nj-fc-label-color: var(--nj-color-text-brand-primary)
}

.nj-form-item--select.nj-form-item--custom-list .nj-form-item__field {
    pointer-events: none
}

.nj-form-item--select.nj-form-item--custom-list .nj-form-item__list {
    background: var(--nj-color-background-primary);
    border: 1px solid var(--nj-color-border-subtle);
    border-radius: var(--nj-size-border-radius-sm);
    left: calc(var(--nj-size-space-4)*-1);
    max-height: 224px;
    min-width: calc(100% + var(--nj-size-space-8));
    opacity: 0;
    overflow: auto;
    padding: var(--nj-size-space-8) 0;
    position: absolute;
    top: calc(100% + var(--nj-size-space-8));
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    will-change: transform, opacity;
    z-index: var(--nj-elevation-dropdown)
}

.nj-form-item--select.nj-form-item--custom-list .nj-form-item__list .nj-form-item__list-item-hint {
    color: var(--nj-color-text-secondary);
    font-size: var(--nj-size-font-base);
    font-weight: var(--nj-font-weight-bold);
    margin: 0;
    padding: var(--nj-size-space-12) var(--nj-size-space-24)
}

.nj-form-item--select.nj-form-item--custom-list .nj-form-item__list .nj-form-item__list-item-hint p {
    margin-bottom: 0
}

.nj-form-item--select.nj-form-item--custom-list .nj-form-item__custom-list-button {
    background: none;
    border: none;
    inset: 0;
    outline: none;
    position: absolute;
    width: 100%
}

.nj-form-item--select.nj-form-item--custom-list .nj-form-item__icon {
    -webkit-transition: -webkit-transform .12s var(--nj-motion-bezier-fast-out-slow-in);
    transition: -webkit-transform .12s var(--nj-motion-bezier-fast-out-slow-in);
    transition: transform .12s var(--nj-motion-bezier-fast-out-slow-in);
    transition: transform .12s var(--nj-motion-bezier-fast-out-slow-in), -webkit-transform .12s var(--nj-motion-bezier-fast-out-slow-in);
    z-index: auto
}

.nj-form-item--select.nj-form-item--custom-list.nj-form-item--open .nj-form-item__list:not(.nj-form-item__list--no-animate) {
    -webkit-animation: select-open .2s var(--nj-motion-bezier-fast-out-slow-in) forwards;
    animation: select-open .2s var(--nj-motion-bezier-fast-out-slow-in) forwards
}

.nj-form-item--select.nj-form-item--custom-list.nj-form-item--open:not(.nj-form-item--static) .nj-form-item__label {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0, var(--nj-fc-label-bg)));
    background: linear-gradient(180deg, transparent calc(50% - var(--nj-fc-additionnal-border-width)*1), var(--nj-fc-label-bg) 0);
    -webkit-transform: translate3D(calc(var(--nj-size-space-4)*-1), calc(-50% - var(--nj-fc-field-pad-top)*1), 0) scale3d(.9, .9, 1);
    transform: translate3D(calc(var(--nj-size-space-4)*-1), calc(-50% - var(--nj-fc-field-pad-top)*1), 0) scale3d(.9, .9, 1)
}

.nj-form-item--select.nj-form-item--custom-list.nj-form-item--open .nj-form-item__icon {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.nj-form-item--autocomplete {
    min-width: 80px
}

.nj-form-item--autocomplete .nj-form-item__field-wrapper {
    padding: 0;
    position: relative
}

.nj-form-item--autocomplete .nj-form-item__field {
    padding: var(--nj-fc-field-pad-top) calc(var(--nj-fc-field-pad-right) + 28px) var(--nj-fc-field-pad-bottom) var(--nj-fc-field-pad-left);
    position: relative;
    z-index: 2
}

.nj-form-item--autocomplete .nj-form-item__field:not([aria-autocomplete]) {
    cursor: default
}

.nj-form-item--autocomplete .nj-form-item__icon {
    position: absolute;
    right: var(--nj-size-space-16);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.nj-form-item--autocomplete.nj-form-item--static .nj-form-item__label {
    top: calc(var(--nj-fc-field-wrapper-pad-top)*-1)
}

.nj-form-item--autocomplete.nj-form-item:not(.nj-form-item--static) {
    --nj-fc-label-top: var(--nj-fc-field-pad-top)
}

.nj-form-item--autocomplete .nj-form-item__list {
    background: var(--nj-color-background-primary);
    border: 1px solid var(--nj-color-border-subtle);
    border-radius: var(--nj-size-border-radius-sm);
    left: calc(var(--nj-size-space-4)*-1);
    max-height: 224px;
    min-width: calc(100% + var(--nj-size-space-8));
    opacity: 0;
    overflow: auto;
    padding: var(--nj-size-space-8) 0;
    position: absolute;
    top: calc(100% + var(--nj-size-space-8));
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    will-change: transform, opacity;
    z-index: var(--nj-elevation-dropdown)
}

.nj-form-item--autocomplete .nj-form-item__list .nj-form-item__list-item-hint {
    color: var(--nj-color-text-secondary);
    font-size: var(--nj-size-font-base);
    font-weight: var(--nj-font-weight-bold);
    margin: 0;
    padding: var(--nj-size-space-12) var(--nj-size-space-24)
}

.nj-form-item--autocomplete .nj-form-item__list .nj-form-item__list-item-hint p {
    margin-bottom: 0
}

.nj-form-item--autocomplete .nj-form-item__custom-list-button {
    background: none;
    border: none;
    inset: 0;
    outline: none;
    position: absolute;
    width: 100%
}

.nj-form-item--autocomplete .nj-form-item__icon {
    -webkit-transition: -webkit-transform .12s var(--nj-motion-bezier-fast-out-slow-in);
    transition: -webkit-transform .12s var(--nj-motion-bezier-fast-out-slow-in);
    transition: transform .12s var(--nj-motion-bezier-fast-out-slow-in);
    transition: transform .12s var(--nj-motion-bezier-fast-out-slow-in), -webkit-transform .12s var(--nj-motion-bezier-fast-out-slow-in);
    z-index: auto
}

.nj-form-item--autocomplete.nj-form-item--open .nj-form-item__list:not(.nj-form-item__list--no-animate) {
    -webkit-animation: select-open .2s var(--nj-motion-bezier-fast-out-slow-in) forwards;
    animation: select-open .2s var(--nj-motion-bezier-fast-out-slow-in) forwards
}

.nj-form-item--autocomplete.nj-form-item--open:not(.nj-form-item--static) .nj-form-item__label {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0, var(--nj-fc-label-bg)));
    background: linear-gradient(180deg, transparent calc(50% - var(--nj-fc-additionnal-border-width)*1), var(--nj-fc-label-bg) 0);
    -webkit-transform: translate3D(calc(var(--nj-size-space-4)*-1), calc(-50% - var(--nj-fc-field-pad-top)*1), 0) scale3d(.9, .9, 1);
    transform: translate3D(calc(var(--nj-size-space-4)*-1), calc(-50% - var(--nj-fc-field-pad-top)*1), 0) scale3d(.9, .9, 1)
}

.nj-form-item--autocomplete.nj-form-item--open .nj-form-item__icon {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.nj-form-item--autocomplete .nj-form-item__field {
    cursor: text
}

.nj-form-item--input-number .nj-form-item__field-wrapper {
    padding-inline: var(--nj-fc-field-pad-right);
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.nj-form-item--input-number .nj-form-item__field {
    --nj-fc-field-characters-length: 1;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    font-variant-numeric: tabular-nums;
    padding-inline: var(--nj-fc-field-pad-right);
    text-align: center;
    width: calc(var(--nj-fc-field-pad-right)*2 + var(--nj-fc-field-characters-length)*1ch)
}

.nj-form-item--input-number .nj-form-item__field::-webkit-inner-spin-button,
.nj-form-item--input-number .nj-form-item__field::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

.nj-form-item__field-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--nj-fc-field-wrapper-bg);
    border-color: var(--nj-fc-border-color);
    border-radius: var(--nj-size-border-radius-sm);
    -webkit-box-shadow: var(--nj-fc-box-shadow) var(--nj-fc-border-color);
    box-shadow: var(--nj-fc-box-shadow) var(--nj-fc-border-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--nj-size-space-8)
}

.nj-form-item__field-wrapper:hover {
    --nj-fc-field-wrapper-bg: var(--nj-color-background-primary-hovered);
    --nj-fc-label-bg: var(--nj-color-background-primary-hovered);
    --nj-fc-icon-color: var(--nj-color-icon-secondary);
    --nj-fc-label-color: var(--nj-color-text-secondary)
}

.nj-form-item__field-wrapper:focus-within {
    --nj-fc-border-color: var(--nj-color-border-focused);
    --nj-fc-box-shadow: 0 0 0 2px;
    --nj-fc-additionnal-border-width: 1px;
    --nj-fc-field-wrapper-bg: var(--nj-color-background-primary);
    --nj-fc-label-bg: var(--nj-color-background-primary)
}

.nj-form-item__field {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    color: var(--nj-color-text-primary);
    font-size: var(--nj-size-font-base);
    line-height: var(--nj-size-font-kilo);
    margin: 0;
    outline: none;
    padding: var(--nj-fc-field-pad-top) var(--nj-fc-field-pad-right) var(--nj-fc-field-pad-bottom) var(--nj-fc-field-pad-left);
    width: 100%
}

.nj-form-item__field::-webkit-input-placeholder {
    visibility: hidden
}

.nj-form-item__field::-moz-placeholder {
    visibility: hidden
}

.nj-form-item__field:-ms-input-placeholder {
    visibility: hidden
}

.nj-form-item__field::-ms-input-placeholder {
    visibility: hidden
}

.nj-form-item__field::placeholder {
    visibility: hidden
}

.nj-form-item__field:disabled {
    pointer-events: none
}

.nj-form-item__field:focus~.nj-form-item__label {
    --nj-fc-label-color: var(--nj-color-text-brand-primary)
}

.nj-form-item__icon {
    fill: var(--nj-fc-icon-color);
    cursor: pointer;
    position: absolute;
    right: var(--nj-fc-field-pad-right);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.nj-form-item__icon,
.nj-form-item__icon.material-icons {
    color: var(--nj-fc-icon-color)
}

.nj-form-item__label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    color: var(--nj-fc-label-color);
    cursor: text;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: var(--nj-fc-label-font-size);
    height: var(--nj-fc-label-height);
    left: var(--nj-fc-label-left);
    margin: 0;
    padding: var(--nj-fc-label-pad);
    position: absolute;
    top: var(--nj-fc-label-top);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: color .3s, -webkit-transform .3s;
    transition: color .3s, -webkit-transform .3s;
    transition: color .3s, transform .3s;
    transition: color .3s, transform .3s, -webkit-transform .3s;
    -webkit-transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    will-change: transform, color
}

.nj-form-item__required-asterisk {
    margin-left: var(--nj-size-space-4)
}

.nj-form-item__subscript {
    color: var(--nj-fc-subscript-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--nj-size-font-deci);
    gap: var(--nj-size-space-4);
    margin: 0
}

.nj-form-item__subscript-icon {
    font-size: var(--nj-size-font-deca);
    padding-top: var(--nj-size-space-2)
}

.nj-form-item__list--appended {
    background: var(--nj-color-background-primary);
    border: 1px solid var(--nj-color-border-subtle);
    border-radius: var(--nj-size-border-radius-sm);
    left: calc(var(--nj-size-space-4)*-1);
    max-height: 224px;
    min-width: calc(100% + var(--nj-size-space-8));
    opacity: 0;
    overflow: auto;
    padding: var(--nj-size-space-8) 0;
    position: absolute;
    top: calc(100% + var(--nj-size-space-8));
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    will-change: transform, opacity;
    z-index: var(--nj-elevation-dropdown)
}

.nj-form-item__list--appended .nj-form-item__list-item-hint {
    color: var(--nj-color-text-secondary);
    font-size: var(--nj-size-font-base);
    font-weight: var(--nj-font-weight-bold);
    margin: 0;
    padding: var(--nj-size-space-12) var(--nj-size-space-24)
}

.nj-form-item__list--appended .nj-form-item__list-item-hint p {
    margin-bottom: 0
}

.nj-icon-material {
    --nj-material-icon-color: inherit;
    color: var(--nj-material-icon-color);
    position: relative
}

.nj-icon-material,
.nj-icon-material *,
.nj-icon-material :after,
.nj-icon-material :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-icon-material--primary {
    --nj-material-icon-color: var(--nj-color-icon-primary)
}

.nj-icon-material--secondary {
    --nj-material-icon-color: var(--nj-color-icon-secondary)
}

.nj-icon-material--inverse {
    --nj-material-icon-color: var(--nj-color-icon-inverse-primary)
}

.nj-icon-material.nj-icon-material--grey {
    --nj-material-icon-color: var(--nj-color-icon-grey-secondary)
}

.nj-icon-material.nj-icon-material--blue {
    --nj-material-icon-color: var(--nj-color-icon-blue-secondary)
}

.nj-icon-material.nj-icon-material--teal {
    --nj-material-icon-color: var(--nj-color-icon-teal-secondary)
}

.nj-icon-material.nj-icon-material--pink {
    --nj-material-icon-color: var(--nj-color-icon-pink-secondary)
}

.nj-icon-material.nj-icon-material--orange {
    --nj-material-icon-color: var(--nj-color-icon-orange-secondary)
}

.nj-icon-material.nj-icon-material--red {
    --nj-material-icon-color: var(--nj-color-icon-red-secondary)
}

.nj-icon-material.nj-icon-material--green {
    --nj-material-icon-color: var(--nj-color-icon-green-secondary)
}

.nj-icon-material.nj-icon-material--ultramarine {
    --nj-material-icon-color: var(--nj-color-icon-ultramarine-secondary)
}

.nj-icon-material.nj-icon-material--yellow {
    --nj-material-icon-color: var(--nj-color-icon-yellow-secondary)
}

.nj-icon-material.nj-icon-material--purple {
    --nj-material-icon-color: var(--nj-color-icon-purple-secondary)
}

.nj-icon-material.nj-icon-material--lime {
    --nj-material-icon-color: var(--nj-color-icon-lime-secondary)
}

.nj-icon-material.nj-icon-material--brand {
    --nj-material-icon-color: var(--nj-color-icon-brand-secondary)
}

.nj-icon-material--inherit {
    color: inherit;
    font-size: inherit
}

.nj-icon-material--sm {
    font-size: var(--nj-size-icon-sm)
}

.nj-icon-material--md {
    font-size: var(--nj-size-icon-md)
}

.nj-icon-material--lg {
    font-size: var(--nj-size-icon-lg)
}

.nj-icon-material--xl {
    font-size: var(--nj-size-icon-xl)
}

.nj-icon-material--xxl {
    font-size: var(--nj-size-icon-xxl)
}

.nj-icon-material--3xl {
    font-size: var(--nj-size-icon-3xl)
}

.nj-icon-material--4xl {
    font-size: var(--nj-size-icon-4xl)
}

.nj-icon-material--5xl {
    font-size: var(--nj-size-icon-5xl)
}

.nj-icon-material--6xl {
    font-size: var(--nj-size-icon-6xl)
}

.nj-icon-material-text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--nj-size-space-8)
}

@font-face {
    font-family: iconfluid;
    font-style: normal;
    font-weight: 400;
    src: url(components/icon/fonts/iconfluid.ttf) format("truetype"), url(components/icon/fonts/iconfluid.woff) format("woff"), url(components/icon/fonts/iconfluid.svg#iconfluid) format("svg")
}

.nj-icon {
    --nj-icon-engie-size: 6rem;
    --nj-icon-engie-color: var(--nj-color-palette-ultramarine-900);
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--nj-icon-engie-color);
    display: inline-block;
    font-family: iconfluid !important;
    font-size: var(--nj-icon-engie-size);
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    text-transform: none;
    vertical-align: middle;
    z-index: 1
}

.nj-icon,
.nj-icon *,
.nj-icon :after,
.nj-icon :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-icon--brand {
    --nj-icon-engie-color: var(--nj-color-icon-brand-secondary)
}

.nj-icon--inverse {
    --nj-icon-engie-color: var(--nj-color-icon-inverse-primary)
}

.nj-icon-add:before {
    content: "\e900"
}

.nj-icon-air:before {
    content: "\e901"
}

.nj-icon-arrowleft:before {
    content: "\e902"
}

.nj-icon-arrowright:before {
    content: "\e903"
}

.nj-icon-atoz:before {
    content: "\e904"
}

.nj-icon-balance:before {
    content: "\e905"
}

.nj-icon-building-search:before {
    content: "\e906"
}

.nj-icon-building:before {
    content: "\e907"
}

.nj-icon-call:before {
    content: "\e908"
}

.nj-icon-camera:before {
    content: "\e909"
}

.nj-icon-card-money-en:before {
    content: "\e90a"
}

.nj-icon-card-money:before {
    content: "\e90b"
}

.nj-icon-card-smartphone:before {
    content: "\e90c"
}

.nj-icon-card-validate:before {
    content: "\e90d"
}

.nj-icon-cardcross:before {
    content: "\e90e"
}

.nj-icon-cardexport:before {
    content: "\e90f"
}

.nj-icon-cardlock:before {
    content: "\e910"
}

.nj-icon-cards:before {
    content: "\e911"
}

.nj-icon-carload:before {
    content: "\e912"
}

.nj-icon-cat:before {
    content: "\e913"
}

.nj-icon-chat:before {
    content: "\e914"
}

.nj-icon-chatbot:before {
    content: "\e915"
}

.nj-icon-city:before {
    content: "\e916"
}

.nj-icon-clock-sleep:before {
    content: "\e917"
}

.nj-icon-clock:before {
    content: "\e918"
}

.nj-icon-counter:before {
    content: "\e919"
}

.nj-icon-cross:before {
    content: "\e91a"
}

.nj-icon-degrees:before {
    content: "\e91b"
}

.nj-icon-diagram:before {
    content: "\e91c"
}

.nj-icon-document-data:before {
    content: "\e91d"
}

.nj-icon-document-download:before {
    content: "\e91e"
}

.nj-icon-document-hand:before {
    content: "\e91f"
}

.nj-icon-document-money-en:before {
    content: "\e920"
}

.nj-icon-document-money:before {
    content: "\e921"
}

.nj-icon-document-search:before {
    content: "\e922"
}

.nj-icon-document-upload:before {
    content: "\e923"
}

.nj-icon-document:before {
    content: "\e924"
}

.nj-icon-dropbox:before {
    content: "\e925"
}

.nj-icon-duo:before {
    content: "\e926"
}

.nj-icon-electric-car:before {
    content: "\e927"
}

.nj-icon-electric-fire:before {
    content: "\e928"
}

.nj-icon-electric-outlet:before {
    content: "\e929"
}

.nj-icon-electric:before {
    content: "\e92a"
}

.nj-icon-enlighten:before {
    content: "\e92b"
}

.nj-icon-enveloppe:before {
    content: "\e92c"
}

.nj-icon-exclamation:before {
    content: "\e92d"
}

.nj-icon-expert:before {
    content: "\e92e"
}

.nj-icon-eye:before {
    content: "\e92f"
}

.nj-icon-family-1:before {
    content: "\e930"
}

.nj-icon-family-2:before {
    content: "\e931"
}

.nj-icon-family-3:before {
    content: "\e932"
}

.nj-icon-farenheit:before {
    content: "\e933"
}

.nj-icon-finger-touch:before {
    content: "\e934"
}

.nj-icon-fire:before {
    content: "\e935"
}

.nj-icon-forest:before {
    content: "\e936"
}

.nj-icon-gas-pump:before {
    content: "\e937"
}

.nj-icon-gauge:before {
    content: "\e938"
}

.nj-icon-hand-tool:before {
    content: "\e939"
}

.nj-icon-handkey:before {
    content: "\e93a"
}

.nj-icon-handup:before {
    content: "\e93b"
}

.nj-icon-hob:before {
    content: "\e93c"
}

.nj-icon-house-energy:before {
    content: "\e93d"
}

.nj-icon-house:before {
    content: "\e93e"
}

.nj-icon-houses:before {
    content: "\e93f"
}

.nj-icon-imbalance:before {
    content: "\e940"
}

.nj-icon-info:before {
    content: "\e941"
}

.nj-icon-insulation:before {
    content: "\e942"
}

.nj-icon-juggle:before {
    content: "\e943"
}

.nj-icon-label-for-rent:before {
    content: "\e944"
}

.nj-icon-label-for-sale:before {
    content: "\e945"
}

.nj-icon-like:before {
    content: "\e946"
}

.nj-icon-list:before {
    content: "\e947"
}

.nj-icon-lock:before {
    content: "\e948"
}

.nj-icon-luggage:before {
    content: "\e949"
}

.nj-icon-map:before {
    content: "\e94a"
}

.nj-icon-medal:before {
    content: "\e94b"
}

.nj-icon-moon:before {
    content: "\e94c"
}

.nj-icon-nature:before {
    content: "\e94d"
}

.nj-icon-north-earth:before {
    content: "\e94e"
}

.nj-icon-nuclear:before {
    content: "\e94f"
}

.nj-icon-number-counter:before {
    content: "\e950"
}

.nj-icon-person-rotate:before {
    content: "\e951"
}

.nj-icon-picture-web:before {
    content: "\e952"
}

.nj-icon-piggybank-en:before {
    content: "\e953"
}

.nj-icon-piggybank:before {
    content: "\e954"
}

.nj-icon-plan:before {
    content: "\e955"
}

.nj-icon-planning-cancel:before {
    content: "\e956"
}

.nj-icon-planning-clock:before {
    content: "\e957"
}

.nj-icon-profile:before {
    content: "\e958"
}

.nj-icon-question:before {
    content: "\e959"
}

.nj-icon-recycling:before {
    content: "\e95a"
}

.nj-icon-robot:before {
    content: "\e95b"
}

.nj-icon-sale-label:before {
    content: "\e95c"
}

.nj-icon-satellite:before {
    content: "\e95d"
}

.nj-icon-shower:before {
    content: "\e95e"
}

.nj-icon-silence:before {
    content: "\e95f"
}

.nj-icon-smartphone-hand:before {
    content: "\e960"
}

.nj-icon-smartphone-home:before {
    content: "\e961"
}

.nj-icon-smartphone:before {
    content: "\e962"
}

.nj-icon-smoke:before {
    content: "\e963"
}

.nj-icon-solar-panel-flux:before {
    content: "\e964"
}

.nj-icon-solar-panel:before {
    content: "\e965"
}

.nj-icon-squaremeters:before {
    content: "\e966"
}

.nj-icon-sun:before {
    content: "\e967"
}

.nj-icon-sunmoon:before {
    content: "\e968"
}

.nj-icon-tanker:before {
    content: "\e969"
}

.nj-icon-temperature:before {
    content: "\e96a"
}

.nj-icon-ten-loading:before {
    content: "\e96b"
}

.nj-icon-ten-minus:before {
    content: "\e96c"
}

.nj-icon-ten-plus:before {
    content: "\e96d"
}

.nj-icon-ten-refresh:before {
    content: "\e96e"
}

.nj-icon-tools:before {
    content: "\e96f"
}

.nj-icon-transfer:before {
    content: "\e970"
}

.nj-icon-trash:before {
    content: "\e971"
}

.nj-icon-twenty-four:before {
    content: "\e972"
}

.nj-icon-two-thousand-minus:before {
    content: "\e973"
}

.nj-icon-two-thousand-plus:before {
    content: "\e974"
}

.nj-icon-unlock:before {
    content: "\e975"
}

.nj-icon-validate:before {
    content: "\e976"
}

.nj-icon-ventilator:before {
    content: "\e977"
}

.nj-icon-water:before {
    content: "\e978"
}

.nj-icon-wifi:before {
    content: "\e979"
}

.nj-icon-btn {
    --nj-icon-btn-current-bg-color: var(--nj-icon-btn-bg-color);
    --nj-icon-btn-current-color: var(--nj-icon-btn-color);
    --nj-icon-btn-bg-color: var(--nj-color-background-transparent);
    --nj-icon-btn-color: var(--nj-color-icon-primary);
    --nj-icon-btn-hovered-bg-color: var(--nj-color-background-transparent-hovered);
    --nj-icon-btn-hovered-color: var(--nj-color-icon-primary);
    --nj-icon-btn-pressed-bg-color: var(--nj-color-background-transparent-pressed);
    --nj-icon-btn-pressed-color: var(--nj-color-icon-primary);
    --nj-icon-btn-focused-bg-color: var(--nj-color-background-transparent-focused);
    --nj-icon-btn-focused-color: var(--nj-color-icon-primary);
    --nj-icon-btn-focused-ring-color: var(--nj-color-border-focused);
    --nj-icon-btn-font-weight: var(--nj-font-weight-normal);
    --nj-icon-btn-icon-size: var(--nj-size-icon-sm);
    --nj-icon-btn-pad: var(--nj-size-space-4) var(--nj-size-space-4);
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    fill: var(--nj-icon-btn-current-color);
    align-items: center;
    background: var(--nj-icon-btn-current-bg-color);
    border: none;
    border-radius: var(--nj-size-border-radius-sm);
    color: var(--nj-icon-btn-current-color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: var(--nj-font-family-default);
    font-size: var(--nj-icon-btn-icon-size);
    font-weight: var(--nj-icon-btn-font-weight);
    justify-content: center;
    line-height: var(--nj-icon-btn-icon-size);
    outline: 0;
    padding: var(--nj-icon-btn-pad);
    position: relative;
    text-decoration: none;
    -webkit-transition: color .2s, border-color .2s, background-color .2s;
    transition: color .2s, border-color .2s, background-color .2s;
    -webkit-transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.nj-icon-btn,
.nj-icon-btn *,
.nj-icon-btn :after,
.nj-icon-btn :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-icon-btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

.nj-icon-btn:after {
    border-radius: var(--nj-size-border-radius-sm);
    -webkit-box-shadow: 0 0 0 var(--nj-size-border-focus-width) var(--nj-icon-btn-focused-ring-color);
    box-shadow: 0 0 0 var(--nj-size-border-focus-width) var(--nj-icon-btn-focused-ring-color);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    height: 100%;
    left: 50%;
    opacity: 0;
    padding: var(--nj-size-border-focus-offset);
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale3d(.85, .85, 1);
    transform: translate(-50%, -50%) scale3d(.85, .85, 1);
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s;
    transition: opacity .2s, transform .2s, -webkit-transform .2s;
    -webkit-transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    width: 100%;
    z-index: 10
}

.nj-icon-btn:focus-visible:not(:active) {
    --nj-icon-btn-current-bg-color: var(--nj-icon-btn-focused-bg-color);
    --nj-icon-btn-current-color: var(--nj-icon-btn-focused-color)
}

.nj-icon-btn:focus-visible:not(:active):not(.disabled):after {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scaleX(1);
    transform: translate(-50%, -50%) scaleX(1)
}

.nj-icon-btn__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    fill: var(--nj-icon-btn-current-color);
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: var(--nj-icon-btn-icon-size);
    height: var(--nj-icon-btn-icon-size);
    justify-content: center;
    -webkit-transition: color .2s var(--nj-motion-bezier-fast-out-slow-in);
    transition: color .2s var(--nj-motion-bezier-fast-out-slow-in);
    width: var(--nj-icon-btn-icon-size)
}

.nj-icon-btn__icon,
.nj-icon-btn__icon.material-icons {
    color: var(--nj-icon-btn-current-color)
}

.nj-icon-btn:not(:disabled):not(.disabled):hover {
    --nj-icon-btn-current-bg-color: var(--nj-icon-btn-hovered-bg-color);
    --nj-icon-btn-current-color: var(--nj-icon-btn-hovered-color);
    outline: 0;
    text-decoration: none
}

.nj-icon-btn:not(:disabled):not(.disabled).active,
.nj-icon-btn:not(:disabled):not(.disabled):active {
    --nj-icon-btn-current-bg-color: var(--nj-icon-btn-pressed-bg-color);
    --nj-icon-btn-current-color: var(--nj-icon-btn-pressed-color);
    text-decoration: none
}

.nj-icon-btn.disabled,
.nj-icon-btn:disabled {
    cursor: not-allowed;
    opacity: var(--nj-opacity-disabled);
    text-decoration: none
}

.nj-icon-btn--lg {
    --nj-icon-btn-icon-size: var(--nj-size-icon-md);
    font-size: var(--nj-size-icon-md)
}

.nj-icon-btn--sm {
    --nj-icon-btn-pad: 0;
    --nj-icon-btn-icon-size: var(--nj-size-icon-sm);
    font-size: var(--nj-size-icon-sm)
}

.nj-icon-btn--secondary {
    --nj-icon-btn-bg-color: var(--nj-color-background-transparent);
    --nj-icon-btn-color: var(--nj-color-icon-secondary);
    --nj-icon-btn-hovered-bg-color: var(--nj-color-background-transparent-hovered);
    --nj-icon-btn-hovered-color: var(--nj-color-icon-secondary);
    --nj-icon-btn-focused-bg-color: var(--nj-color-background-transparent-focused);
    --nj-icon-btn-focused-color: var(--nj-color-icon-secondary);
    --nj-icon-btn-pressed-bg-color: var(--nj-color-background-transparent-pressed);
    --nj-icon-btn-pressed-color: var(--nj-color-icon-secondary)
}

.nj-icon-btn--tertiary {
    --nj-icon-btn-bg-color: var(--nj-color-background-transparent);
    --nj-icon-btn-color: var(--nj-color-icon-tertiary);
    --nj-icon-btn-hovered-bg-color: var(--nj-color-background-transparent-hovered);
    --nj-icon-btn-hovered-color: var(--nj-color-icon-tertiary);
    --nj-icon-btn-focused-bg-color: var(--nj-color-background-transparent-focused);
    --nj-icon-btn-focused-color: var(--nj-color-icon-tertiary);
    --nj-icon-btn-pressed-bg-color: var(--nj-color-background-transparent-pressed);
    --nj-icon-btn-pressed-color: var(--nj-color-icon-tertiary)
}

.nj-icon-btn--brand {
    --nj-icon-btn-bg-color: var(--nj-color-background-brand-transparent);
    --nj-icon-btn-color: var(--nj-color-icon-brand-secondary);
    --nj-icon-btn-hovered-bg-color: var(--nj-color-background-brand-transparent-hovered);
    --nj-icon-btn-hovered-color: var(--nj-color-icon-brand-secondary);
    --nj-icon-btn-focused-bg-color: var(--nj-color-background-brand-transparent-focused);
    --nj-icon-btn-focused-color: var(--nj-color-icon-brand-secondary);
    --nj-icon-btn-pressed-bg-color: var(--nj-color-background-brand-transparent-pressed);
    --nj-icon-btn-pressed-color: var(--nj-color-icon-brand-secondary)
}

.nj-icon-btn--destructive {
    --nj-icon-btn-bg-color: var(--nj-color-background-danger-transparent);
    --nj-icon-btn-color: var(--nj-color-icon-danger-secondary);
    --nj-icon-btn-hovered-bg-color: var(--nj-color-background-danger-transparent-hovered);
    --nj-icon-btn-hovered-color: var(--nj-color-icon-danger-secondary);
    --nj-icon-btn-pressed-bg-color: var(--nj-color-background-danger-transparent-pressed);
    --nj-icon-btn-pressed-color: var(--nj-color-icon-danger-secondary);
    --nj-icon-btn-focused-bg-color: var(--nj-color-background-danger-transparent-focused);
    --nj-icon-btn-focused-color: var(--nj-color-icon-danger-secondary)
}

.nj-icon-btn--inverse {
    --nj-icon-btn-bg-color: var(--nj-color-background-inverse-transparent);
    --nj-icon-btn-color: var(--nj-color-icon-inverse-primary);
    --nj-icon-btn-hovered-bg-color: var(--nj-color-background-inverse-transparent-hovered);
    --nj-icon-btn-hovered-color: var(--nj-color-icon-inverse-primary);
    --nj-icon-btn-pressed-bg-color: var(--nj-color-background-inverse-transparent-pressed);
    --nj-icon-btn-pressed-color: var(--nj-color-icon-inverse-primary);
    --nj-icon-btn-focused-bg-color: var(--nj-color-background-inverse-transparent-focused);
    --nj-icon-btn-focused-color: var(--nj-color-icon-inverse-primary);
    --nj-icon-btn-focused-ring-color: var(--nj-color-border-inverse-focused)
}

a.nj-icon-btn.disabled {
    pointer-events: none
}

.nj-inline-message {
    -webkit-box-align: start;
    -ms-flex-align: start;
    --nj-inline-message-bg: var(--nj-color-background-danger-tertiary);
    --nj-inline-message-border: var(--nj-color-border-danger-moderate);
    --nj-inline-message-color: var(--nj-color-text-primary);
    align-items: flex-start;
    background: var(--nj-inline-message-bg);
    border: 1px solid var(--nj-inline-message-border);
    border-radius: var(--nj-size-border-radius-md);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--nj-font-family-default);
    gap: var(--nj-size-space-16);
    line-height: var(--nj-font-line-height-default);
    padding: var(--nj-size-space-16);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.nj-inline-message,
.nj-inline-message *,
.nj-inline-message :after,
.nj-inline-message :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-inline-message__status {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.nj-inline-message__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    color: var(--nj-inline-message-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    gap: var(--nj-size-space-8)
}

.nj-inline-message__close {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.nj-inline-message__title {
    font-size: var(--nj-size-font-base);
    font-weight: var(--nj-font-weight-normal);
    line-height: 1;
    margin: 0;
    padding: 0
}

.nj-inline-message__body {
    margin: 0;
    padding: 0
}

.nj-inline-message--info {
    --nj-inline-message-bg: var(--nj-color-background-brand-tertiary);
    --nj-inline-message-border: var(--nj-color-border-brand-moderate)
}

.nj-inline-message--success {
    --nj-inline-message-bg: var(--nj-color-background-success-tertiary);
    --nj-inline-message-border: var(--nj-color-border-success-moderate)
}

.nj-inline-message--warning {
    --nj-inline-message-bg: var(--nj-color-background-warning-tertiary);
    --nj-inline-message-border: var(--nj-color-border-warning-moderate)
}

.nj-inline-message--fatal-error {
    --nj-inline-message-bg: var(--nj-color-background-red);
    --nj-inline-message-border: transparent;
    --nj-inline-message-color: var(--nj-color-text-inverse)
}

.nj-link {
    --nj-link-icon-size: 18px;
    --nj-link-icon-spacing: var(--nj-size-space-8);
    --nj-link-color: var(--nj-color-text-brand-primary);
    --nj-link-hovered-color: var(--nj-color-text-brand-primary-hovered);
    --nj-link-focused-color: var(--nj-color-text-brand-primary-focused);
    --nj-link-pressed-color: var(--nj-color-text-brand-primary-pressed);
    --nj-link-focused-ring-color: var(--nj-color-border-focused);
    background-image: -webkit-gradient(linear, left top, right top, from(var(--nj-link-color)), to(var(--nj-link-color))), -webkit-gradient(linear, left top, right top, from(var(--nj-link-color)), to(var(--nj-link-color)));
    background-image: linear-gradient(to right, var(--nj-link-color), var(--nj-link-color)), linear-gradient(to right, var(--nj-link-color), var(--nj-link-color));
    background-position: bottom 2px left 0, 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 1px, 0 1px;
    color: var(--nj-link-color);
    cursor: pointer;
    font-family: var(--nj-font-family-default);
    line-height: var(--nj-font-line-height-default);
    padding-bottom: var(--nj-size-space-4);
    padding-top: var(--nj-size-space-4);
    position: relative;
    text-decoration: none
}

.nj-link,
.nj-link *,
.nj-link :after,
.nj-link :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-link:hover {
    background-size: 100% 2px, 0 2px;
    color: var(--nj-link-color);
    text-decoration: none
}

.nj-link:hover:not(.nj-link:hover:active) {
    --nj-link-color: var(--nj-link-hovered-color)
}

.nj-link:focus-visible:not(.nj-link:active) {
    --nj-link-color: var(--nj-link-focused-color);
    border-radius: var(--nj-size-border-radius-sm);
    color: var(--nj-link-color);
    outline: solid var(--nj-size-border-focus-width) var(--nj-link-focused-ring-color);
    outline-offset: var(--nj-size-border-focus-offset)
}

.nj-link:active {
    --nj-link-color: var(--nj-link-pressed-color)
}

.nj-link.nj-link-icon {
    background-size: calc(100% - var(--nj-link-icon-size) - var(--nj-link-icon-spacing)) 1px, 0 1px
}

.nj-link.nj-link-icon .material-icons {
    color: var(--nj-link-color);
    font-size: var(--nj-link-icon-size);
    margin-left: var(--nj-link-icon-spacing);
    vertical-align: sub
}

.nj-link.nj-link-icon .material-icons:hover {
    color: var(--nj-link-color)
}

.nj-link.nj-link-icon:hover {
    background-size: calc(100% - var(--nj-link-icon-size) - var(--nj-link-icon-spacing)) 2px, calc(100% - var(--nj-link-icon-size) - var(--nj-link-icon-spacing)) 0
}

.nj-link.nj-link-icon:hover .material-icons {
    color: var(--nj-link-color)
}

.nj-link.nj-link-icon--before {
    background-position: calc(18px + var(--nj-link-icon-spacing)) 100%, calc(18px + var(--nj-link-icon-spacing)) 100%
}

.nj-link.nj-link-icon--before .material-icons {
    margin-left: 0;
    margin-right: var(--nj-link-icon-spacing)
}

.nj-link--sm {
    --nj-link-icon-spacing: var(--nj-size-space-4);
    font-size: var(--nj-size-font-deci)
}

.nj-link--md {
    font-size: var(--nj-size-font-base)
}

.nj-link--bold {
    font-weight: var(--nj-font-weight-bold)
}

.nj-link--grayed {
    --nj-link-color: var(--nj-color-text-tertiary);
    --nj-link-hovered-color: var(--nj-color-text-tertiary-hovered);
    --nj-link-focused-color: var(--nj-color-text-tertiary-focused);
    --nj-link-pressed-color: var(--nj-color-text-tertiary-pressed)
}

.nj-link--contextual {
    --nj-link-color: var(--nj-color-text-primary);
    --nj-link-hovered-color: var(--nj-color-text-primary-hovered);
    --nj-link-focused-color: var(--nj-color-text-primary-focused);
    --nj-link-pressed-color: var(--nj-color-text-primary-pressed);
    background-size: 0 0, 0 0;
    -webkit-transition: background-size .2s var(--nj-motion-bezier-fast-out-slow-in);
    transition: background-size .2s var(--nj-motion-bezier-fast-out-slow-in)
}

.nj-link--contextual:active,
.nj-link--contextual:hover {
    background-size: 100% 2px, 0 2px
}

.nj-link--contextual.nj-link-icon {
    background-size: 0 0, 0 0
}

.nj-link--contextual.nj-link-icon:active,
.nj-link--contextual.nj-link-icon:hover {
    background-size: calc(100% - var(--nj-link-icon-size) - var(--nj-link-icon-spacing)) 2px, calc(100% - var(--nj-link-icon-size) - var(--nj-link-icon-spacing)) 0
}

.nj-link--inverse {
    --nj-link-color: var(--nj-color-text-inverse);
    --nj-link-hovered-color: var(--nj-color-text-inverse-hovered);
    --nj-link-focused-color: var(--nj-color-text-inverse-focused);
    --nj-link-pressed-color: var(--nj-color-text-inverse-pressed);
    --nj-link-focused-ring-color: var(--nj-color-border-inverse-focused)
}

.nj-link--high-contrast {
    --nj-link-color: var(--nj-color-text-brand-high-contrast);
    --nj-link-hovered-color: var(--nj-color-text-brand-high-contrast-hovered);
    --nj-link-focused-color: var(--nj-color-text-brand-high-contrast-focused);
    --nj-link-pressed-color: var(--nj-color-text-brand-high-contrast-pressed)
}

.nj-list-group {
    --nj-list-group-background-color: var(--nj-color-background-transparent);
    --nj-list-group-item-background-color: var(--nj-color-background-transparent);
    --nj-list-group-item-background-color-hovered: var(--nj-color-background-transparent-hovered);
    --nj-list-group-item-background-color-pressed: var(--nj-color-background-transparent-pressed);
    --nj-list-group-text-color: var(--nj-color-text-primary);
    --nj-list-group-text-font-size: var(--nj-size-font-base);
    --nj-list-group-icon-color: var(--nj-color-icon-secondary);
    --nj-list-group-icon-color-pressed: var(--nj-color-icon-brand-secondary);
    --nj-list-group-item-gap: var(--nj-size-space-16);
    --nj-list-group-item-padding: var(--nj-size-space-24) var(--nj-size-space-24) var(--nj-size-space-24) var(--nj-size-space-24);
    --nj-list-group-separator-border-color: var(--nj-color-border-subtle-transparent);
    --nj-list-group-item-side-border-color: var(--nj-color-border-brand-bold);
    --nj-list-group-item-transform: scaleY(0);
    --nj-list-group-item-transform-hovered: scale3d(1, 1, 1);
    --nj-list-group-item-border-left: 0;
    --nj-list-group-item-border-right: auto;
    --nj-list-group-gap: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    background-color: var(--nj-list-group-background-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    font-family: var(--nj-font-family-default);
    gap: var(--nj-list-group-gap);
    line-height: var(--nj-font-line-height-default);
    margin: 0;
    outline: none;
    overflow: hidden;
    padding: 0
}

.nj-list-group,
.nj-list-group *,
.nj-list-group :after,
.nj-list-group :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-list-group--no-border .nj-list-group__item {
    border-bottom: 0
}

.nj-list-group__item {
    border: 0;
    border-bottom: 1px solid var(--nj-list-group-separator-border-color)
}

.nj-list-group__item--clickable {
    position: relative
}

.nj-list-group__item--clickable:focus-within,
.nj-list-group__item--clickable:hover {
    --nj-list-group-item-transform: var(--nj-list-group-item-transform-hovered)
}

.nj-list-group__item--clickable.active>a,
.nj-list-group__item--clickable.active>button,
.nj-list-group__item--clickable.nj-list-group__item--active>a,
.nj-list-group__item--clickable.nj-list-group__item--active>button {
    font-weight: var(--nj-font-weight-bold)
}

.nj-list-group__item:after {
    background: var(--nj-list-group-item-side-border-color);
    border-radius: var(--nj-size-border-radius-sm);
    bottom: 0;
    content: "";
    height: 100%;
    left: var(--nj-list-group-item-border-left);
    position: absolute;
    right: var(--nj-list-group-item-border-right);
    -webkit-transform: var(--nj-list-group-item-transform);
    transform: var(--nj-list-group-item-transform);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .3s var(--nj-motion-bezier-fast-out-slow-in);
    transition: -webkit-transform .3s var(--nj-motion-bezier-fast-out-slow-in);
    transition: transform .3s var(--nj-motion-bezier-fast-out-slow-in);
    transition: transform .3s var(--nj-motion-bezier-fast-out-slow-in), -webkit-transform .3s var(--nj-motion-bezier-fast-out-slow-in);
    width: .125rem
}

.nj-list-group__item--right-border {
    --nj-list-group-item-border-left: none;
    --nj-list-group-item-border-right: 0
}

.nj-list-group__item--no-active-border:after {
    content: none
}

.nj-list-group__item mark {
    background: none;
    color: var(--nj-color-text-brand-primary);
    margin: 0;
    padding: 0
}

.nj-list-group__item:last-child {
    border-bottom: 0;
    margin-bottom: 0
}

.nj-list-group__item:focus,
.nj-list-group__item:hover {
    text-decoration: none;
    z-index: 1
}

.nj-list-group__item--disabled,
.nj-list-group__item.disabled,
.nj-list-group__item:disabled {
    opacity: var(--nj-opacity-disabled);
    pointer-events: none
}

.nj-list-group__item--active,
.nj-list-group__item.active {
    --nj-list-group-item-background-color: var(--nj-color-background-transparent-selected);
    --nj-list-group-item-transform: var(--nj-list-group-item-transform-hovered);
    --nj-list-group-icon-color: var(--nj-list-group-icon-color-pressed);
    font-weight: var(--nj-font-weight-bold);
    position: relative;
    z-index: 2
}

.nj-list-group__item--active,
.nj-list-group__item--active.nj-list-group__item-icon,
.nj-list-group__item.active,
.nj-list-group__item.active.nj-list-group__item-icon {
    -webkit-transition: color .15s, background .15s, border-color .15s;
    transition: color .15s, background .15s, border-color .15s
}

.nj-list-group__item-icon {
    color: var(--nj-list-group-icon-color)
}

.nj-list-group__item-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.nj-list-group__item-right-content {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-left: auto
}

.nj-list-group--sm {
    --nj-list-group-item-padding: var(--nj-size-space-12) var(--nj-size-space-24) var(--nj-size-space-12) var(--nj-size-space-24)
}

.nj-list-group--spaced-items {
    --nj-list-group-gap: var(--nj-size-space-8)
}

.nj-list-group__item--clickable>a,
.nj-list-group__item--clickable>button,
.nj-list-group__item--clickable[role=option],
.nj-list-group__item:not(.nj-list-group__item--clickable) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: var(--nj-list-group-item-background-color);
    color: var(--nj-list-group-text-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    font-size: var(--nj-list-group-text-font-size);
    gap: var(--nj-list-group-item-gap);
    line-height: 1.5rem;
    padding: var(--nj-list-group-item-padding);
    position: relative;
    text-decoration: none;
    -webkit-transition: color .15s, background .15s, border-color .15s;
    transition: color .15s, background .15s, border-color .15s;
    -webkit-transition-timing-function: var(--nj-motion-bezier-linear-out-slow-in);
    transition-timing-function: var(--nj-motion-bezier-linear-out-slow-in)
}

.nj-list-group--clickable .nj-list-group__item,
.nj-list-group__item--clickable>a,
.nj-list-group__item--clickable>button,
.nj-list-group__item--clickable[role=option] {
    border: none;
    cursor: pointer;
    text-align: inherit;
    width: 100%
}

.nj-list-group--clickable .nj-list-group__item:focus-visible:not(.active.nj-list-group__item--clickable[role=option]),
.nj-list-group--clickable .nj-list-group__item:hover:not(:focus-visible):not(.active.nj-list-group__item--clickable[role=option]),
.nj-list-group__item--clickable>a:focus-visible:not(.active.nj-list-group__item--clickable[role=option]),
.nj-list-group__item--clickable>a:hover:not(:focus-visible):not(.active.nj-list-group__item--clickable[role=option]),
.nj-list-group__item--clickable>button:focus-visible:not(.active.nj-list-group__item--clickable[role=option]),
.nj-list-group__item--clickable>button:hover:not(:focus-visible):not(.active.nj-list-group__item--clickable[role=option]),
.nj-list-group__item--clickable[role=option]:focus-visible:not(.active.nj-list-group__item--clickable[role=option]),
.nj-list-group__item--clickable[role=option]:hover:not(:focus-visible):not(.active.nj-list-group__item--clickable[role=option]) {
    --nj-list-group-text-color: var(--nj-color-text-primary);
    --nj-list-group-item-background-color: var(--nj-list-group-item-background-color-hovered);
    --nj-list-group-item-transform: var(--nj-list-group-item-transform-hovered);
    outline: none;
    text-decoration: none
}

.nj-list-group--clickable .nj-list-group__item:active,
.nj-list-group__item--clickable>a:active,
.nj-list-group__item--clickable>button:active,
.nj-list-group__item--clickable[role=option]:active {
    --nj-list-group-text-color: var(--nj-color-text-primary);
    --nj-list-group-item-background-color: var(--nj-list-group-item-background-color-pressed);
    --nj-list-group-item-transform: var(--nj-list-group-item-transform-hovered)
}

.nj-modal {
    --nj-modal-background-color: var(--nj-color-background-primary);
    --nj-modal-elevation: var(--nj-elevation-modal);
    --nj-modal-padding: var(--nj-size-space-24);
    color: var(--nj-color-text-primary);
    display: none;
    font-family: var(--nj-font-family-default);
    height: 100%;
    left: 0;
    line-height: var(--nj-font-line-height-default);
    outline: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: var(--nj-modal-elevation)
}

.nj-modal,
.nj-modal *,
.nj-modal :after,
.nj-modal :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-modal--visible {
    display: block
}

.nj-modal--visible.nj-modal--vertical-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nj-modal--vertical-centered {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    justify-content: center;
    width: 100%
}

.nj-modal--information .nj-modal__header {
    margin-bottom: 0
}

.nj-modal--information .nj-modal__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.nj-modal--information .nj-modal__body .nj-modal__title {
    margin-top: var(--nj-size-space-16)
}

.nj-modal--information .nj-modal__body .nj-modal__description {
    margin-top: var(--nj-size-space-8);
    text-align: center
}

.nj-modal__dialog {
    margin: .5rem;
    max-width: 560px;
    pointer-events: none;
    position: relative;
    width: auto
}

@media (min-width:576px) {
    .nj-modal__dialog {
        margin: 1.75rem auto
    }
}

.nj-modal__dialog.nj-modal--sm {
    max-width: 440px
}

.nj-modal.fade .nj-modal__dialog {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

.nj-modal.show .nj-modal__dialog {
    -webkit-transform: none;
    transform: none
}

.nj-modal--vertical-centered .nj-modal__dialog {
    width: 100%
}

.nj-modal__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--nj-modal-background-color);
    border-radius: var(--nj-size-border-radius-md);
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    outline: 0;
    padding: var(--nj-modal-padding);
    position: relative;
    width: 100%
}

.nj-modal__content,
.nj-modal__content * {
    pointer-events: auto
}

.nj-modal__backdrop {
    background-color: var(--nj-color-background-backdrop);
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: var(--nj-elevation-modal-backdrop)
}

.nj-modal__backdrop.fade {
    opacity: 0
}

.nj-modal__backdrop.show {
    opacity: 1
}

.nj-modal__header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--nj-size-space-24)
}

.nj-modal__close {
    -ms-flex-item-align: self-start;
    align-self: self-start;
    margin-left: auto
}

.nj-modal__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--nj-size-font-kilo);
    font-weight: var(--nj-font-weight-normal);
    gap: var(--nj-size-space-16);
    line-height: var(--nj-size-line-height-base), 1.5;
    margin-bottom: 0;
    padding-bottom: var(--nj-size-space-3)
}

.nj-modal__body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative
}

.nj-modal__body p:last-of-type {
    margin-bottom: 0
}

.nj-modal__footer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--nj-size-space-16);
    justify-content: flex-end;
    margin-top: var(--nj-size-space-32)
}

.nj-modal__footer--centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.container,
.page-template-template-site-map .entry-content ul,
.page-template-template-static .entry-content ol,
.page-template-template-static .entry-content p,
.page-template-template-static .entry-content ul,
.page-template-template-webview-static .entry-content ol,
.page-template-template-webview-static .entry-content p,
.page-template-template-webview-static .entry-content ul {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: var(--nj-font-family-default);
    line-height: var(--nj-font-line-height-default);
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(var(--nj-size-space-32)*.5);
    padding-right: calc(var(--nj-size-space-32)*.5);
    width: 100%
}

.container *,
.container :after,
.container :before,
.page-template-template-site-map .entry-content ul *,
.page-template-template-site-map .entry-content ul :after,
.page-template-template-site-map .entry-content ul :before,
.page-template-template-static .entry-content ol *,
.page-template-template-static .entry-content ol :after,
.page-template-template-static .entry-content ol :before,
.page-template-template-static .entry-content p *,
.page-template-template-static .entry-content p :after,
.page-template-template-static .entry-content p :before,
.page-template-template-static .entry-content ul *,
.page-template-template-static .entry-content ul :after,
.page-template-template-static .entry-content ul :before,
.page-template-template-webview-static .entry-content ol *,
.page-template-template-webview-static .entry-content ol :after,
.page-template-template-webview-static .entry-content ol :before,
.page-template-template-webview-static .entry-content p *,
.page-template-template-webview-static .entry-content p :after,
.page-template-template-webview-static .entry-content p :before,
.page-template-template-webview-static .entry-content ul *,
.page-template-template-webview-static .entry-content ul :after,
.page-template-template-webview-static .entry-content ul :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width:576px) {

    .container,
    .page-template-template-site-map .entry-content ul,
    .page-template-template-static .entry-content ol,
    .page-template-template-static .entry-content p,
    .page-template-template-static .entry-content ul,
    .page-template-template-webview-static .entry-content ol,
    .page-template-template-webview-static .entry-content p,
    .page-template-template-webview-static .entry-content ul {
        max-width: 540px
    }
}

@media (min-width:768px) {

    .container,
    .page-template-template-site-map .entry-content ul,
    .page-template-template-static .entry-content ol,
    .page-template-template-static .entry-content p,
    .page-template-template-static .entry-content ul,
    .page-template-template-webview-static .entry-content ol,
    .page-template-template-webview-static .entry-content p,
    .page-template-template-webview-static .entry-content ul {
        max-width: 720px
    }
}

@media (min-width:992px) {

    .container,
    .page-template-template-site-map .entry-content ul,
    .page-template-template-static .entry-content ol,
    .page-template-template-static .entry-content p,
    .page-template-template-static .entry-content ul,
    .page-template-template-webview-static .entry-content ol,
    .page-template-template-webview-static .entry-content p,
    .page-template-template-webview-static .entry-content ul {
        max-width: 960px
    }
}

@media (min-width:1200px) {

    .container,
    .page-template-template-site-map .entry-content ul,
    .page-template-template-static .entry-content ol,
    .page-template-template-static .entry-content p,
    .page-template-template-static .entry-content ul,
    .page-template-template-webview-static .entry-content ol,
    .page-template-template-webview-static .entry-content p,
    .page-template-template-webview-static .entry-content ul {
        max-width: 1140px
    }
}

.container-fluid {
    font-family: var(--nj-font-family-default);
    line-height: var(--nj-font-line-height-default);
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(var(--nj-size-space-32)*.5);
    padding-right: calc(var(--nj-size-space-32)*.5);
    width: 100%
}

.container-fluid,
.container-fluid *,
.container-fluid :after,
.container-fluid :before,
.row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: var(--nj-font-family-default);
    line-height: var(--nj-font-line-height-default);
    margin-left: calc(var(--nj-size-space-32)/-2);
    margin-right: calc(var(--nj-size-space-32)/-2)
}

.no-gutters,
.row *,
.row :after,
.row :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.no-gutters {
    font-family: var(--nj-font-family-default);
    line-height: var(--nj-font-line-height-default);
    margin-left: 0;
    margin-right: 0
}

.no-gutters *,
.no-gutters :after,
.no-gutters :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-left: 0;
    padding-right: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: var(--nj-font-family-default);
    line-height: var(--nj-font-line-height-default);
    min-height: 1px;
    padding-left: calc(var(--nj-size-space-32)*.5);
    padding-right: calc(var(--nj-size-space-32)*.5);
    position: relative;
    width: 100%
}

.col *,
.col :after,
.col :before,
.col-1 *,
.col-1 :after,
.col-1 :before,
.col-10 *,
.col-10 :after,
.col-10 :before,
.col-11 *,
.col-11 :after,
.col-11 :before,
.col-12 *,
.col-12 :after,
.col-12 :before,
.col-2 *,
.col-2 :after,
.col-2 :before,
.col-3 *,
.col-3 :after,
.col-3 :before,
.col-4 *,
.col-4 :after,
.col-4 :before,
.col-5 *,
.col-5 :after,
.col-5 :before,
.col-6 *,
.col-6 :after,
.col-6 :before,
.col-7 *,
.col-7 :after,
.col-7 :before,
.col-8 *,
.col-8 :after,
.col-8 :before,
.col-9 *,
.col-9 :after,
.col-9 :before,
.col-auto *,
.col-auto :after,
.col-auto :before,
.col-lg *,
.col-lg :after,
.col-lg :before,
.col-lg-1 *,
.col-lg-1 :after,
.col-lg-1 :before,
.col-lg-10 *,
.col-lg-10 :after,
.col-lg-10 :before,
.col-lg-11 *,
.col-lg-11 :after,
.col-lg-11 :before,
.col-lg-12 *,
.col-lg-12 :after,
.col-lg-12 :before,
.col-lg-2 *,
.col-lg-2 :after,
.col-lg-2 :before,
.col-lg-3 *,
.col-lg-3 :after,
.col-lg-3 :before,
.col-lg-4 *,
.col-lg-4 :after,
.col-lg-4 :before,
.col-lg-5 *,
.col-lg-5 :after,
.col-lg-5 :before,
.col-lg-6 *,
.col-lg-6 :after,
.col-lg-6 :before,
.col-lg-7 *,
.col-lg-7 :after,
.col-lg-7 :before,
.col-lg-8 *,
.col-lg-8 :after,
.col-lg-8 :before,
.col-lg-9 *,
.col-lg-9 :after,
.col-lg-9 :before,
.col-lg-auto *,
.col-lg-auto :after,
.col-lg-auto :before,
.col-md *,
.col-md :after,
.col-md :before,
.col-md-1 *,
.col-md-1 :after,
.col-md-1 :before,
.col-md-10 *,
.col-md-10 :after,
.col-md-10 :before,
.col-md-11 *,
.col-md-11 :after,
.col-md-11 :before,
.col-md-12 *,
.col-md-12 :after,
.col-md-12 :before,
.col-md-2 *,
.col-md-2 :after,
.col-md-2 :before,
.col-md-3 *,
.col-md-3 :after,
.col-md-3 :before,
.col-md-4 *,
.col-md-4 :after,
.col-md-4 :before,
.col-md-5 *,
.col-md-5 :after,
.col-md-5 :before,
.col-md-6 *,
.col-md-6 :after,
.col-md-6 :before,
.col-md-7 *,
.col-md-7 :after,
.col-md-7 :before,
.col-md-8 *,
.col-md-8 :after,
.col-md-8 :before,
.col-md-9 *,
.col-md-9 :after,
.col-md-9 :before,
.col-md-auto *,
.col-md-auto :after,
.col-md-auto :before,
.col-sm *,
.col-sm :after,
.col-sm :before,
.col-sm-1 *,
.col-sm-1 :after,
.col-sm-1 :before,
.col-sm-10 *,
.col-sm-10 :after,
.col-sm-10 :before,
.col-sm-11 *,
.col-sm-11 :after,
.col-sm-11 :before,
.col-sm-12 *,
.col-sm-12 :after,
.col-sm-12 :before,
.col-sm-2 *,
.col-sm-2 :after,
.col-sm-2 :before,
.col-sm-3 *,
.col-sm-3 :after,
.col-sm-3 :before,
.col-sm-4 *,
.col-sm-4 :after,
.col-sm-4 :before,
.col-sm-5 *,
.col-sm-5 :after,
.col-sm-5 :before,
.col-sm-6 *,
.col-sm-6 :after,
.col-sm-6 :before,
.col-sm-7 *,
.col-sm-7 :after,
.col-sm-7 :before,
.col-sm-8 *,
.col-sm-8 :after,
.col-sm-8 :before,
.col-sm-9 *,
.col-sm-9 :after,
.col-sm-9 :before,
.col-sm-auto *,
.col-sm-auto :after,
.col-sm-auto :before,
.col-xl *,
.col-xl :after,
.col-xl :before,
.col-xl-1 *,
.col-xl-1 :after,
.col-xl-1 :before,
.col-xl-10 *,
.col-xl-10 :after,
.col-xl-10 :before,
.col-xl-11 *,
.col-xl-11 :after,
.col-xl-11 :before,
.col-xl-12 *,
.col-xl-12 :after,
.col-xl-12 :before,
.col-xl-2 *,
.col-xl-2 :after,
.col-xl-2 :before,
.col-xl-3 *,
.col-xl-3 :after,
.col-xl-3 :before,
.col-xl-4 *,
.col-xl-4 :after,
.col-xl-4 :before,
.col-xl-5 *,
.col-xl-5 :after,
.col-xl-5 :before,
.col-xl-6 *,
.col-xl-6 :after,
.col-xl-6 :before,
.col-xl-7 *,
.col-xl-7 :after,
.col-xl-7 :before,
.col-xl-8 *,
.col-xl-8 :after,
.col-xl-8 :before,
.col-xl-9 *,
.col-xl-9 :after,
.col-xl-9 :before,
.col-xl-auto *,
.col-xl-auto :after,
.col-xl-auto :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.col {
    -ms-flex-preferred-size: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: none;
    width: auto
}

.col-1,
.col-auto {
    -webkit-box-flex: 0
}

.col-1 {
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-2,
.col-3 {
    -webkit-box-flex: 0
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-4,
.col-5 {
    -webkit-box-flex: 0
}

.col-5 {
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-6,
.col-7 {
    -webkit-box-flex: 0
}

.col-7 {
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-8,
.col-9 {
    -webkit-box-flex: 0
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-10,
.col-11 {
    -webkit-box-flex: 0
}

.col-11 {
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

@media (min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: none;
        width: auto
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: none;
        width: auto
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.3333333333%
    }

    .offset-md-2 {
        margin-left: 16.6666666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.3333333333%
    }

    .offset-md-5 {
        margin-left: 41.6666666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.3333333333%
    }

    .offset-md-8 {
        margin-left: 66.6666666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.3333333333%
    }

    .offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: none;
        width: auto
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: none;
        width: auto
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

.nj-navbar {
    --nj-navbar-item-line-color: var(--nj-color-border-subtle);
    --nj-size-height-navbar-small: 3.5rem;
    --nj-size-height-navbar-normal: 6rem;
    -ms-flex-line-pack: baseline;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-content: baseline;
    align-items: center;
    background-color: var(--nj-color-background-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: var(--nj-font-family-default);
    justify-content: space-between;
    line-height: var(--nj-font-line-height-default);
    min-height: var(--nj-size-height-navbar-normal);
    padding: 0 var(--nj-size-space-32);
    position: relative;
    -webkit-transition: background-color .35s, height .35s .1s, -webkit-transform .35s .1s;
    transition: background-color .35s, height .35s .1s, -webkit-transform .35s .1s;
    transition: transform .35s .1s, background-color .35s, height .35s .1s;
    transition: transform .35s .1s, background-color .35s, height .35s .1s, -webkit-transform .35s .1s
}

.nj-navbar,
.nj-navbar *,
.nj-navbar :after,
.nj-navbar :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width:767.98px) {
    .nj-navbar {
        min-height: var(--nj-size-height-navbar-small);
        padding: 0 var(--nj-size-space-16)
    }
}

.nj-navbar--sm {
    min-height: var(--nj-size-height-navbar-small)
}

.nj-navbar--sm .nj-navbar__brand,
.nj-navbar--sm .nj-navbar__nav-item,
.nj-navbar--sm .nj-navbar__nav-link {
    height: var(--nj-size-height-navbar-small)
}

.nj-navbar--sm .nj-navbar__logo {
    width: 4.125rem
}

.nj-navbar>.container,
.nj-navbar>.container-fluid,
.page-template-template-site-map .entry-content .nj-navbar>ul,
.page-template-template-static .entry-content .nj-navbar>ol,
.page-template-template-static .entry-content .nj-navbar>p,
.page-template-template-static .entry-content .nj-navbar>ul,
.page-template-template-webview-static .entry-content .nj-navbar>ol,
.page-template-template-webview-static .entry-content .nj-navbar>p,
.page-template-template-webview-static .entry-content .nj-navbar>ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.nj-navbar__brand {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: var(--nj-size-height-navbar-normal)
}

@media (max-width:767.98px) {
    .nj-navbar__brand {
        height: var(--nj-size-height-navbar-small)
    }
}

.nj-navbar__logo {
    fill: var(--nj-color-palette-engie-blue);
    display: block;
    height: calc(var(--nj-size-height-navbar-normal) - var(--nj-size-space-64));
    max-height: 100%;
    max-width: 5.4375rem
}

@media (max-width:767.98px) {
    .nj-navbar__logo {
        height: calc(var(--nj-size-height-navbar-small) - var(--nj-size-space-32));
        max-width: 4.125rem
    }
}

.nj-navbar__logo--white {
    fill: var(--nj-color-icon-inverse)
}

.nj-navbar__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    margin: 0 0 0 auto;
    padding-left: 0
}

.nj-navbar__nav-item {
    border-bottom: 1px solid var(--nj-navbar-item-line-color);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: var(--nj-size-height-navbar-normal)
}

@media (max-width:767.98px) {
    .nj-navbar__nav-item {
        height: calc(var(--nj-size-height-navbar-small) + 1px)
    }
}

.nj-navbar__nav-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--nj-color-text-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--nj-size-font-base);
    font-weight: var(--nj-font-weight-base);
    height: var(--nj-size-height-navbar-normal);
    margin: 0;
    position: relative;
    text-decoration: none;
    -webkit-transition: .3s var(--nj-motion-bezier-fast-out-slow-in);
    transition: .3s var(--nj-motion-bezier-fast-out-slow-in);
    -webkit-transition-property: color;
    transition-property: color
}

@media (max-width:767.98px) {
    .nj-navbar__nav-link {
        height: var(--nj-size-height-navbar-small)
    }
}

.nj-navbar__nav-link:after {
    background: var(--nj-color-border-brand-bold);
    bottom: 0;
    content: "";
    height: .125rem;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: .3s var(--nj-motion-bezier-fast-out-slow-in);
    transition: .3s var(--nj-motion-bezier-fast-out-slow-in);
    -webkit-transition-property: opacity;
    transition-property: opacity;
    width: 100%
}

@media (max-width:991.98px) {
    .nj-navbar__nav-link:after {
        bottom: -2px
    }
}

.nj-navbar__nav-link.active,
.nj-navbar__nav-link:hover {
    color: var(--nj-color-text-primary);
    text-decoration: none
}

.nj-navbar__nav-link.active:after,
.nj-navbar__nav-link:hover:after {
    opacity: 1
}

.nj-navbar__nav-link.disabled {
    cursor: default;
    opacity: var(--nj-opacity-disabled);
    pointer-events: none
}

.nj-navbar__nav-link--icon:after {
    content: none
}

.nj-navbar__toggler {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0
}

.nj-navbar__toggler-icon.material-icons {
    color: var(--nj-color-icon-brand-secondary);
    display: block
}

.nj-navbar__search {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--nj-color-background-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    margin: 0;
    padding: 0 var(--nj-size-space-32)
}

.nj-navbar__search,
.nj-navbar__search.nj-collapsing {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: .1s var(--nj-motion-bezier-fast-out-slow-in);
    transition: .1s var(--nj-motion-bezier-fast-out-slow-in)
}

.nj-navbar__search.nj-collapsing,
.nj-navbar__search.show {
    width: 100%
}

.nj-navbar__search.show {
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.nj-navbar__search-input {
    margin-right: var(--nj-size-space-24)
}

.nj-navbar__search-button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.nj-navbar--shadow {
    border-bottom: 1px solid var(--nj-color-border-subtle)
}

.nj-navbar--transparent:not(.nj-navbar--shown-collapse) {
    background: transparent
}

.nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__nav-link {
    color: var(--nj-color-text-inverse)
}

.nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__nav-link:after {
    background: var(--nj-color-border-contrast)
}

.nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__logo {
    fill: var(--nj-color-icon-inverse-primary)
}

.nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__toggler-icon {
    color: var(--nj-color-icon-inverse-primary)
}

.nj-navbar--transparent:not(.nj-navbar--shown-collapse)[data-theme=dark] .nj-navbar__nav-link,
[data-theme=dark] .nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__nav-link {
    color: var(--nj-color-text-primary)
}

.nj-navbar--transparent:not(.nj-navbar--shown-collapse)[data-theme=dark] .nj-navbar__nav-link:after,
[data-theme=dark] .nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__nav-link:after {
    background: var(--nj-color-border-contrast)
}

.nj-navbar--transparent:not(.nj-navbar--shown-collapse)[data-theme=dark] .nj-navbar__logo,
[data-theme=dark] .nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__logo {
    fill: var(--nj-color-icon-primary)
}

.nj-navbar--transparent:not(.nj-navbar--shown-collapse)[data-theme=dark] .nj-navbar__toggler-icon,
[data-theme=dark] .nj-navbar--transparent:not(.nj-navbar--shown-collapse) .nj-navbar__toggler-icon {
    color: var(--nj-color-icon-primary)
}

.nj-navbar--transparent .nj-navbar--shown-collapse .nj-navbar__logo,
.nj-navbar--transparent .nj-navbar__logo {
    fill: var(--nj-color-palette-engie-blue)
}

.nj-navbar--collapse {
    -ms-flex-preferred-size: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-basis: 100%;
    flex-grow: 1
}

@media (max-width:575.98px) {

    .nj-navbar--expand-sm>.container,
    .nj-navbar--expand-sm>.container-fluid,
    .page-template-template-site-map .entry-content .nj-navbar--expand-sm>ul,
    .page-template-template-static .entry-content .nj-navbar--expand-sm>ol,
    .page-template-template-static .entry-content .nj-navbar--expand-sm>p,
    .page-template-template-static .entry-content .nj-navbar--expand-sm>ul,
    .page-template-template-webview-static .entry-content .nj-navbar--expand-sm>ol,
    .page-template-template-webview-static .entry-content .nj-navbar--expand-sm>p,
    .page-template-template-webview-static .entry-content .nj-navbar--expand-sm>ul {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:576px) {
    .nj-navbar--expand-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .nj-navbar--expand-sm .nj-navbar__nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .nj-navbar--expand-sm .nj-navbar__nav-item {
        border: 0
    }

    .nj-navbar--expand-sm .nj-navbar__nav-link {
        margin-left: var(--nj-size-space-32);
        margin-right: var(--nj-size-space-32)
    }

    .nj-navbar--expand-sm .nj-navbar__nav-link--icon {
        margin-left: var(--nj-size-space-16);
        margin-right: var(--nj-size-space-16)
    }

    .nj-navbar--expand-sm .nj-navbar__nav-link--icon i {
        pointer-events: none
    }

    .nj-navbar--expand-sm>.container,
    .nj-navbar--expand-sm>.container-fluid,
    .page-template-template-site-map .entry-content .nj-navbar--expand-sm>ul,
    .page-template-template-static .entry-content .nj-navbar--expand-sm>ol,
    .page-template-template-static .entry-content .nj-navbar--expand-sm>p,
    .page-template-template-static .entry-content .nj-navbar--expand-sm>ul,
    .page-template-template-webview-static .entry-content .nj-navbar--expand-sm>ol,
    .page-template-template-webview-static .entry-content .nj-navbar--expand-sm>p,
    .page-template-template-webview-static .entry-content .nj-navbar--expand-sm>ul {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .nj-navbar--expand-sm .nj-navbar--collapse {
        -ms-flex-preferred-size: auto;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        flex-basis: auto
    }

    .nj-navbar--expand-sm .nj-navbar__toggler {
        display: none
    }
}

@media (max-width:767.98px) {

    .nj-navbar--expand-md>.container,
    .nj-navbar--expand-md>.container-fluid,
    .page-template-template-site-map .entry-content .nj-navbar--expand-md>ul,
    .page-template-template-static .entry-content .nj-navbar--expand-md>ol,
    .page-template-template-static .entry-content .nj-navbar--expand-md>p,
    .page-template-template-static .entry-content .nj-navbar--expand-md>ul,
    .page-template-template-webview-static .entry-content .nj-navbar--expand-md>ol,
    .page-template-template-webview-static .entry-content .nj-navbar--expand-md>p,
    .page-template-template-webview-static .entry-content .nj-navbar--expand-md>ul {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:768px) {
    .nj-navbar--expand-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .nj-navbar--expand-md .nj-navbar__nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .nj-navbar--expand-md .nj-navbar__nav-item {
        border: 0
    }

    .nj-navbar--expand-md .nj-navbar__nav-link {
        margin-left: var(--nj-size-space-32);
        margin-right: var(--nj-size-space-32)
    }

    .nj-navbar--expand-md .nj-navbar__nav-link--icon {
        margin-left: var(--nj-size-space-16);
        margin-right: var(--nj-size-space-16)
    }

    .nj-navbar--expand-md .nj-navbar__nav-link--icon i {
        pointer-events: none
    }

    .nj-navbar--expand-md>.container,
    .nj-navbar--expand-md>.container-fluid,
    .page-template-template-site-map .entry-content .nj-navbar--expand-md>ul,
    .page-template-template-static .entry-content .nj-navbar--expand-md>ol,
    .page-template-template-static .entry-content .nj-navbar--expand-md>p,
    .page-template-template-static .entry-content .nj-navbar--expand-md>ul,
    .page-template-template-webview-static .entry-content .nj-navbar--expand-md>ol,
    .page-template-template-webview-static .entry-content .nj-navbar--expand-md>p,
    .page-template-template-webview-static .entry-content .nj-navbar--expand-md>ul {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .nj-navbar--expand-md .nj-navbar--collapse {
        -ms-flex-preferred-size: auto;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        flex-basis: auto
    }

    .nj-navbar--expand-md .nj-navbar__toggler {
        display: none
    }
}

@media (max-width:991.98px) {

    .nj-navbar--expand-lg>.container,
    .nj-navbar--expand-lg>.container-fluid,
    .page-template-template-site-map .entry-content .nj-navbar--expand-lg>ul,
    .page-template-template-static .entry-content .nj-navbar--expand-lg>ol,
    .page-template-template-static .entry-content .nj-navbar--expand-lg>p,
    .page-template-template-static .entry-content .nj-navbar--expand-lg>ul,
    .page-template-template-webview-static .entry-content .nj-navbar--expand-lg>ol,
    .page-template-template-webview-static .entry-content .nj-navbar--expand-lg>p,
    .page-template-template-webview-static .entry-content .nj-navbar--expand-lg>ul {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:992px) {
    .nj-navbar--expand-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .nj-navbar--expand-lg .nj-navbar__nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .nj-navbar--expand-lg .nj-navbar__nav-item {
        border: 0
    }

    .nj-navbar--expand-lg .nj-navbar__nav-link {
        margin-left: var(--nj-size-space-32);
        margin-right: var(--nj-size-space-32)
    }

    .nj-navbar--expand-lg .nj-navbar__nav-link--icon {
        margin-left: var(--nj-size-space-16);
        margin-right: var(--nj-size-space-16)
    }

    .nj-navbar--expand-lg .nj-navbar__nav-link--icon i {
        pointer-events: none
    }

    .nj-navbar--expand-lg>.container,
    .nj-navbar--expand-lg>.container-fluid,
    .page-template-template-site-map .entry-content .nj-navbar--expand-lg>ul,
    .page-template-template-static .entry-content .nj-navbar--expand-lg>ol,
    .page-template-template-static .entry-content .nj-navbar--expand-lg>p,
    .page-template-template-static .entry-content .nj-navbar--expand-lg>ul,
    .page-template-template-webview-static .entry-content .nj-navbar--expand-lg>ol,
    .page-template-template-webview-static .entry-content .nj-navbar--expand-lg>p,
    .page-template-template-webview-static .entry-content .nj-navbar--expand-lg>ul {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .nj-navbar--expand-lg .nj-navbar--collapse {
        -ms-flex-preferred-size: auto;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        flex-basis: auto
    }

    .nj-navbar--expand-lg .nj-navbar__toggler {
        display: none
    }
}

@media (max-width:1199.98px) {

    .nj-navbar--expand-xl>.container,
    .nj-navbar--expand-xl>.container-fluid,
    .page-template-template-site-map .entry-content .nj-navbar--expand-xl>ul,
    .page-template-template-static .entry-content .nj-navbar--expand-xl>ol,
    .page-template-template-static .entry-content .nj-navbar--expand-xl>p,
    .page-template-template-static .entry-content .nj-navbar--expand-xl>ul,
    .page-template-template-webview-static .entry-content .nj-navbar--expand-xl>ol,
    .page-template-template-webview-static .entry-content .nj-navbar--expand-xl>p,
    .page-template-template-webview-static .entry-content .nj-navbar--expand-xl>ul {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:1200px) {
    .nj-navbar--expand-xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .nj-navbar--expand-xl .nj-navbar__nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .nj-navbar--expand-xl .nj-navbar__nav-item {
        border: 0
    }

    .nj-navbar--expand-xl .nj-navbar__nav-link {
        margin-left: var(--nj-size-space-32);
        margin-right: var(--nj-size-space-32)
    }

    .nj-navbar--expand-xl .nj-navbar__nav-link--icon {
        margin-left: var(--nj-size-space-16);
        margin-right: var(--nj-size-space-16)
    }

    .nj-navbar--expand-xl .nj-navbar__nav-link--icon i {
        pointer-events: none
    }

    .nj-navbar--expand-xl>.container,
    .nj-navbar--expand-xl>.container-fluid,
    .page-template-template-site-map .entry-content .nj-navbar--expand-xl>ul,
    .page-template-template-static .entry-content .nj-navbar--expand-xl>ol,
    .page-template-template-static .entry-content .nj-navbar--expand-xl>p,
    .page-template-template-static .entry-content .nj-navbar--expand-xl>ul,
    .page-template-template-webview-static .entry-content .nj-navbar--expand-xl>ol,
    .page-template-template-webview-static .entry-content .nj-navbar--expand-xl>p,
    .page-template-template-webview-static .entry-content .nj-navbar--expand-xl>ul {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .nj-navbar--expand-xl .nj-navbar--collapse {
        -ms-flex-preferred-size: auto;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        flex-basis: auto
    }

    .nj-navbar--expand-xl .nj-navbar__toggler {
        display: none
    }
}

.nj-navbar--expand {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    justify-content: flex-start
}

.nj-navbar--expand>.container,
.nj-navbar--expand>.container-fluid,
.page-template-template-site-map .entry-content .nj-navbar--expand>ul,
.page-template-template-static .entry-content .nj-navbar--expand>ol,
.page-template-template-static .entry-content .nj-navbar--expand>p,
.page-template-template-static .entry-content .nj-navbar--expand>ul,
.page-template-template-webview-static .entry-content .nj-navbar--expand>ol,
.page-template-template-webview-static .entry-content .nj-navbar--expand>p,
.page-template-template-webview-static .entry-content .nj-navbar--expand>ul {
    padding-left: 0;
    padding-right: 0
}

.nj-navbar--expand .nj-navbar__nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.nj-navbar--expand .nj-navbar__nav-item {
    border: 0
}

.nj-navbar--expand .nj-navbar__nav-link {
    margin-left: var(--nj-size-space-32);
    margin-right: var(--nj-size-space-32)
}

.nj-navbar--expand .nj-navbar__nav-link--icon {
    margin-left: var(--nj-size-space-16);
    margin-right: var(--nj-size-space-16)
}

.nj-navbar--expand .nj-navbar__nav-link--icon i {
    pointer-events: none
}

.nj-navbar--expand>.container,
.nj-navbar--expand>.container-fluid,
.page-template-template-site-map .entry-content .nj-navbar--expand>ul,
.page-template-template-static .entry-content .nj-navbar--expand>ol,
.page-template-template-static .entry-content .nj-navbar--expand>p,
.page-template-template-static .entry-content .nj-navbar--expand>ul,
.page-template-template-webview-static .entry-content .nj-navbar--expand>ol,
.page-template-template-webview-static .entry-content .nj-navbar--expand>p,
.page-template-template-webview-static .entry-content .nj-navbar--expand>ul {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.nj-navbar--expand .nj-navbar--collapse {
    -ms-flex-preferred-size: auto;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    flex-basis: auto
}

.nj-navbar--expand .nj-navbar__toggler {
    display: none
}

.nj-pagination {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--nj-font-family-default);
    gap: var(--nj-size-space-8);
    line-height: var(--nj-font-line-height-default);
    list-style: none;
    padding-left: 0
}

.nj-pagination,
.nj-pagination *,
.nj-pagination :after,
.nj-pagination :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-pagination__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: var(--nj-size-border-radius-sm);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center
}

.nj-pagination__item:not(.nj-pagination__item--disabled) .nj-pagination__link:focus-visible:before {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scaleX(1);
    transform: translate(-50%, -50%) scaleX(1)
}

.nj-pagination__item:not(.nj-pagination__item--disabled):not(.nj-pagination__item--active) .nj-pagination__link:hover {
    background: var(--nj-color-background-transparent-hovered)
}

.nj-pagination__item:not(.nj-pagination__item--disabled):not(.nj-pagination__item--active) .nj-pagination__link:focus-visible {
    background: var(--nj-color-background-transparent-focused)
}

.nj-pagination__item:not(.nj-pagination__item--disabled):not(.nj-pagination__item--active) .nj-pagination__link:focus-visible:before {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scaleX(1);
    transform: translate(-50%, -50%) scaleX(1)
}

.nj-pagination__item:not(.nj-pagination__item--disabled):not(.nj-pagination__item--active) .nj-pagination__link:active {
    background: var(--nj-color-background-transparent-pressed)
}

.nj-pagination__item:not(.nj-pagination__item--disabled):not(.nj-pagination__item--active) .nj-pagination__link:active:after,
.nj-pagination__item:not(.nj-pagination__item--disabled):not(.nj-pagination__item--active) .nj-pagination__link:focus-visible:after,
.nj-pagination__item:not(.nj-pagination__item--disabled):not(.nj-pagination__item--active) .nj-pagination__link:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.nj-pagination__item--disabled {
    opacity: var(--nj-opacity-disabled);
    pointer-events: none
}

.nj-pagination__item--active .nj-pagination__link {
    background: var(--nj-color-background-transparent-selected);
    font-weight: var(--nj-font-weight-bold)
}

.nj-pagination__item--active .nj-pagination__link:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.nj-pagination__link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: transparent;
    border: none;
    color: var(--nj-color-text-primary);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: var(--nj-size-font-deci);
    height: 32px;
    justify-content: center;
    min-width: 32px;
    outline: none;
    padding: var(--nj-size-space-4) var(--nj-size-space-8);
    position: relative;
    text-decoration: none;
    -webkit-transition: background .25s var(--nj-motion-bezier-linear-out-slow-in);
    transition: background .25s var(--nj-motion-bezier-linear-out-slow-in)
}

.nj-pagination__link:before {
    border-radius: var(--nj-size-border-radius-sm);
    -webkit-box-shadow: 0 0 0 var(--nj-size-border-focus-width) var(--nj-color-border-focused);
    box-shadow: 0 0 0 var(--nj-size-border-focus-width) var(--nj-color-border-focused);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    height: 100%;
    left: 50%;
    opacity: 0;
    padding: var(--nj-size-border-focus-offset);
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale3d(.85, .85, 1);
    transform: translate(-50%, -50%) scale3d(.85, .85, 1);
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s;
    transition: opacity .2s, transform .2s, -webkit-transform .2s;
    -webkit-transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    width: 100%;
    z-index: 10
}

.nj-pagination__link:after {
    background: var(--nj-color-border-brand-bold);
    bottom: 0;
    content: "";
    height: .125rem;
    left: 0;
    position: absolute;
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .25s var(--nj-motion-bezier-linear-out-slow-in);
    transition: -webkit-transform .25s var(--nj-motion-bezier-linear-out-slow-in);
    transition: transform .25s var(--nj-motion-bezier-linear-out-slow-in);
    transition: transform .25s var(--nj-motion-bezier-linear-out-slow-in), -webkit-transform .25s var(--nj-motion-bezier-linear-out-slow-in);
    width: 100%
}

.nj-pagination__more {
    fill: var(--nj-color-text-primary);
    color: var(--nj-color-text-primary)
}

.nj-progress {
    --nj-progress-background-color: var(--nj-color-background-tertiary-transparent);
    --nj-progress-completion-color: var(--nj-color-background-brand);
    --nj-progress-text-color: var(--nj-color-text-secondary);
    --nj-progress-border-radius: var(--nj-size-border-radius-md);
    --nj-progress-bar-transition: none;
    background-color: var(--nj-progress-background-color);
    border-radius: var(--nj-progress-border-radius);
    font-family: var(--nj-font-family-default);
    height: .5rem;
    line-height: var(--nj-font-line-height-default);
    position: relative
}

.nj-progress,
.nj-progress *,
.nj-progress :after,
.nj-progress :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-progress--has-transition {
    --nj-progress-bar-transition: width .3s var(--nj-motion-bezier-linear-out-slow-in)
}

.nj-progress__bar {
    background-color: var(--nj-progress-completion-color);
    border-radius: var(--nj-progress-border-radius);
    height: .5rem;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: var(--nj-progress-bar-transition);
    transition: var(--nj-progress-bar-transition);
    width: 0
}

@media screen and (prefers-reduced-motion:reduce) {
    .nj-progress__bar {
        --nj-progress-bar-transition: none
    }
}

.nj-progress__text {
    color: var(--nj-progress-text-color);
    font-size: var(--nj-size-font-base);
    margin-top: var(--nj-size-space-12);
    text-align: center;
    width: 100%
}

.nj-radio-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: var(--nj-font-family-default);
    gap: var(--nj-size-space-8);
    line-height: var(--nj-font-line-height-default);
    margin: 0;
    padding: 0
}

.nj-radio-group,
.nj-radio-group *,
.nj-radio-group :after,
.nj-radio-group :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-radio-group--row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: var(--nj-size-space-24)
}

.nj-radio-group__legend {
    font-size: inherit;
    margin: 0 0 var(--nj-size-space-16) 0
}

.nj-radio-group__error {
    color: var(--nj-color-text-danger-primary)
}

.nj-radio {
    --nj-radio-border-color: var(--nj-color-border-bold);
    --nj-radio-check-background-color: var(--nj-color-background-brand);
    --nj-radio-background-color: var(--nj-color-background-transparent);
    --nj-radio-label-padding: .5rem;
    --nj-radio-size: 1.25rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: calc(var(--nj-radio-size) + var(--nj-radio-label-padding));
    position: relative
}

.nj-radio:after {
    border-radius: var(--nj-size-border-radius-sm);
    -webkit-box-shadow: 0 0 0 var(--nj-size-border-focus-width) var(--nj-color-border-focused);
    box-shadow: 0 0 0 var(--nj-size-border-focus-width) var(--nj-color-border-focused);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    height: 100%;
    left: 50%;
    opacity: 0;
    padding: var(--nj-size-border-focus-offset);
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale3d(.85, .85, 1);
    transform: translate(-50%, -50%) scale3d(.85, .85, 1);
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s;
    transition: opacity .2s, transform .2s, -webkit-transform .2s;
    -webkit-transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    width: 100%;
    z-index: 10
}

.nj-radio:not([disabled]):not(:disabled):not(.nj-radio--disabled):hover {
    --nj-radio-background-color: var(--nj-color-background-transparent-hovered)
}

@supports selector(:has(input:focus-visible)) {
    .nj-radio:not([disabled]):not(:disabled):not(.nj-radio--disabled):has(input:focus-visible) {
        --nj-radio-background-color: var(--nj-color-background-transparent-focused)
    }

    .nj-radio:not([disabled]):not(:disabled):not(.nj-radio--disabled):has(input:focus-visible):after {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scaleX(1);
        transform: translate(-50%, -50%) scaleX(1)
    }
}

@supports not selector(:has(input:focus-visible)) {
    .nj-radio:not([disabled]):not(:disabled):not(.nj-radio--disabled):focus-within {
        --nj-radio-background-color: var(--nj-color-background-transparent-focused)
    }

    .nj-radio:not([disabled]):not(:disabled):not(.nj-radio--disabled):focus-within:after {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scaleX(1);
        transform: translate(-50%, -50%) scaleX(1)
    }
}

.nj-radio:not([disabled]):not(:disabled):not(.nj-radio--disabled):active {
    --nj-radio-background-color: var(--nj-color-background-transparent-pressed)
}

.nj-radio__decorator {
    border-radius: 100%;
    display: inline-block;
    left: 0;
    line-height: .7;
    margin: -.5rem calc(var(--nj-radio-label-padding)*-1);
    padding: .5rem var(--nj-radio-label-padding);
    position: absolute;
    top: .125rem
}

.nj-radio__decorator:after {
    background: var(--nj-radio-background-color);
    border: .125rem solid var(--nj-radio-border-color);
    cursor: pointer;
    -webkit-transition: border-color var(--nj-motion-bezier-fast-out-slow-in) .2s;
    transition: border-color var(--nj-motion-bezier-fast-out-slow-in) .2s
}

.nj-radio__decorator:after,
.nj-radio__decorator:before {
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: var(--nj-radio-size);
    width: var(--nj-radio-size)
}

.nj-radio__decorator:before {
    background-color: var(--nj-radio-check-background-color);
    position: absolute;
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    -webkit-transition: -webkit-transform var(--nj-motion-bezier-fast-out-slow-in) .3s;
    transition: -webkit-transform var(--nj-motion-bezier-fast-out-slow-in) .3s;
    transition: transform var(--nj-motion-bezier-fast-out-slow-in) .3s;
    transition: transform var(--nj-motion-bezier-fast-out-slow-in) .3s, -webkit-transform var(--nj-motion-bezier-fast-out-slow-in) .3s
}

.nj-radio label {
    color: var(--nj-color-text-primary);
    cursor: pointer;
    margin: 0
}

.nj-radio input[type=radio] {
    cursor: pointer;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.nj-radio input[type=radio]:focus,
.nj-radio input[type=radio]:focus-visible {
    outline: none
}

.nj-radio input[type=radio]:checked~.nj-radio__decorator {
    --nj-radio-border-color: var(--nj-color-border-brand-bold);
    --nj-radio-check-background-color: var(--nj-color-background-brand)
}

.nj-radio input[type=radio]:checked~.nj-radio__decorator:before {
    -webkit-transform: scale3d(.5, .5, 1);
    transform: scale3d(.5, .5, 1)
}

.nj-radio input[type=radio]:checked:hover~.nj-radio__decorator {
    --nj-radio-background-color: var(--nj-color-background-transparent)
}

.has-danger .nj-radio input[type=radio]~.nj-radio__decorator,
.nj-radio input[type=radio]:invalid~.nj-radio__decorator {
    --nj-radio-border-color: var(--nj-color-border-danger-bold);
    --nj-radio-check-background-color: var(--nj-color-background-danger)
}

.nj-radio input[type=radio]:disabled~.nj-radio__decorator:after,
.nj-radio input[type=radio][disabled]~.nj-radio__decorator:after,
fieldset[disabled] .nj-radio input[type=radio]~.nj-radio__decorator:after {
    cursor: not-allowed
}

.nj-radio--disabled {
    opacity: var(--nj-opacity-disabled)
}

.nj-radio--disabled label {
    cursor: not-allowed
}

select.nj-form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: var(--nj-font-family-default);
    line-height: var(--nj-font-line-height-default);
    margin-right: 1.5625rem
}

select.nj-form-control,
select.nj-form-control *,
select.nj-form-control :after,
select.nj-form-control :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

select.nj-form-control:focus::-ms-value {
    background-color: #fff;
    color: var(--nj-deprecated-color-base-gray-600)
}

select.nj-form-control[multiple],
select.nj-form-control[size] {
    height: auto
}

select.nj-form-control~.material-icons {
    bottom: 5px;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 0
}

.nj-segmented-control {
    --nj-sc-btn-selected-width: 0;
    --nj-sc-btn-selected-right: 100%;
    --nj-sc-btn-selected-timing: .25s;
    --nj-sc-height: 32px;
    --nj-sc-font-size: var(--nj-size-font-centi);
    --nj-sc-padding: var(--nj-size-space-4);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--nj-color-background-tertiary-transparent);
    border-radius: var(--nj-size-border-radius-sm);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: var(--nj-font-family-default);
    height: var(--nj-sc-height);
    line-height: var(--nj-font-line-height-default);
    padding: var(--nj-sc-padding);
    position: relative
}

.nj-segmented-control,
.nj-segmented-control *,
.nj-segmented-control :after,
.nj-segmented-control :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-segmented-control:before {
    background: var(--nj-color-background-primary);
    border-radius: var(--nj-size-border-radius-sm);
    content: "";
    height: calc(100% - var(--nj-sc-padding)*2);
    position: absolute;
    right: var(--nj-sc-btn-selected-right);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: right var(--nj-sc-btn-selected-timing) var(--nj-motion-bezier-fast-out-slow-in);
    transition: right var(--nj-sc-btn-selected-timing) var(--nj-motion-bezier-fast-out-slow-in);
    width: var(--nj-sc-btn-selected-width)
}

.nj-segmented-control--lg {
    --nj-sc-height: 40px;
    --nj-sc-font-size: var(--nj-size-font-deci)
}

.nj-segmented-control--sm {
    --nj-sc-height: 24px;
    --nj-sc-padding: var(--nj-size-space-2)
}

.nj-segmented-control-btn {
    --nj-sc-btn-bg: var(--nj-color-background-transparent);
    --nj-sc-btn-color: var(--nj-color-text-primary);
    --nj-sc-btn-icon-color: var(--nj-color-icon-primary);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--nj-sc-btn-bg);
    border: none;
    border-radius: var(--nj-size-border-radius-sm);
    color: var(--nj-sc-btn-color);
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: var(--nj-font-family-default);
    font-size: var(--nj-sc-font-size, var(--nj-size-font-centi));
    gap: var(--nj-size-space-4);
    height: 100%;
    line-height: var(--nj-font-line-height-default);
    max-height: var(--nj-sc-height, 28px);
    outline: none;
    padding: 0 var(--nj-size-space-12);
    position: relative
}

.nj-segmented-control-btn,
.nj-segmented-control-btn *,
.nj-segmented-control-btn :after,
.nj-segmented-control-btn :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-segmented-control-btn__icon {
    fill: var(--nj-sc-btn-icon-color);
    color: var(--nj-sc-btn-icon-color);
    font-size: var(--nj-size-icon-sm);
    height: var(--nj-size-icon-sm);
    width: var(--nj-size-icon-sm)
}

.nj-segmented-control-btn:not(:disabled):after {
    border-radius: var(--nj-size-border-radius-sm);
    -webkit-box-shadow: 0 0 0 var(--nj-size-border-focus-width) var(--nj-color-border-focused);
    box-shadow: 0 0 0 var(--nj-size-border-focus-width) var(--nj-color-border-focused);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    height: 100%;
    left: 50%;
    opacity: 0;
    padding: var(--nj-size-border-focus-offset);
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale3d(.85, .85, 1);
    transform: translate(-50%, -50%) scale3d(.85, .85, 1);
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s;
    transition: opacity .2s, transform .2s, -webkit-transform .2s;
    -webkit-transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    width: 100%;
    z-index: 10
}

.nj-segmented-control-btn:not(:disabled):not(.nj-segmented-control-btn--selected):not(.nj-segmented-control-btn:active):focus-visible,
.nj-segmented-control-btn:not(:disabled):not(.nj-segmented-control-btn--selected):not(.nj-segmented-control-btn:active):hover {
    --nj-sc-btn-bg: var(--nj-color-background-transparent-hovered)
}

.nj-segmented-control-btn:not(:disabled):focus-visible {
    outline: none
}

.nj-segmented-control-btn:not(:disabled):focus-visible:after {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scaleX(1);
    transform: translate(-50%, -50%) scaleX(1)
}

.nj-segmented-control-btn:not(:disabled):active {
    --nj-sc-btn-bg: var(--nj-color-background-transparent-pressed)
}

.nj-segmented-control-btn:disabled {
    cursor: not-allowed;
    opacity: var(--nj-opacity-disabled)
}

.nj-segmented-control-btn--selected {
    cursor: auto;
    font-weight: var(--nj-font-weight-bold)
}

.nj-sr-only {
    clip: rect(0, 0, 0, 0);
    border: 0;
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.nj-sr-only-focusable:active,
.nj-sr-only-focusable:focus {
    clip: auto;
    height: auto;
    overflow: visible;
    position: static;
    white-space: normal;
    width: auto
}

:root {
    --nj-sidebar-width: 300px;
    --nj-sidebar-width-folded: 72px
}

.nj-sidebar {
    --nj-sidebar-top: 0;
    --nj-sidebar-height: 100%;
    --nj-sidebar-list-gap: var(--nj-size-space-8);
    --nj-sidebar-list-item-gap: var(--nj-size-space-16);
    --nj-sidebar-transition-duration: .15s;
    --nj-sidebar-transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    --nj-sidebar-nav-list-item-opacity: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--nj-color-background-primary);
    border-right: 1px solid var(--nj-color-border-subtle);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: var(--nj-font-family-default);
    height: var(--nj-sidebar-height);
    left: 0;
    line-height: var(--nj-font-line-height-default);
    overflow-x: hidden;
    position: fixed;
    top: var(--nj-sidebar-top);
    -webkit-transition: width var(--nj-sidebar-transition-duration) var(--nj-sidebar-transition-timing-function);
    transition: width var(--nj-sidebar-transition-duration) var(--nj-sidebar-transition-timing-function);
    width: var(--nj-sidebar-width);
    z-index: calc(var(--nj-elevation-fixed) - 1)
}

.nj-sidebar,
.nj-sidebar *,
.nj-sidebar :after,
.nj-sidebar :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-sidebar--folded {
    --nj-sidebar-width: var(--nj-sidebar-width-folded);
    --nj-sidebar-nav-list-item-opacity: 0
}

.nj-sidebar--folded .nj-sidebar__fold-btn {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.nj-sidebar--folded .nj-sidebar__logo {
    display: none
}

.nj-sidebar--folded .nj-sidebar__logo--folded {
    display: inline-block
}

.nj-sidebar--folded+.nj-sidebar-content {
    margin-left: var(--nj-sidebar-width-folded)
}

.nj-sidebar--no-motion {
    --nj-sidebar-transition-duration: 0
}

@media (prefers-reduced-motion) {
    .nj-sidebar {
        --nj-sidebar-transition-duration: 0
    }
}

.nj-sidebar__brand {
    display: block;
    height: 42px;
    margin: var(--nj-size-space-16) auto;
    text-align: center
}

.nj-sidebar__logo {
    display: inline-block
}

.nj-sidebar__logo--folded {
    display: none
}

.nj-sidebar__collapse {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    border-top: 1px solid var(--nj-color-border-subtle);
    flex-grow: 0;
    padding: var(--nj-size-space-8) 0
}

.nj-sidebar .nj-list-group__item-content,
.nj-sidebar .nj-list-group__item-right-content {
    opacity: var(--nj-sidebar-nav-list-item-opacity);
    -webkit-transition: opacity var(--nj-sidebar-transition-duration) var(--nj-sidebar-transition-timing-function);
    transition: opacity var(--nj-sidebar-transition-duration) var(--nj-sidebar-transition-timing-function)
}

.nj-sidebar__navigation {
    gap: var(--nj-sidebar-list-gap);
    margin-top: var(--nj-size-space-32);
    overflow-y: scroll
}

.nj-sidebar__navigation--footer {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-top: auto;
    padding-bottom: var(--nj-size-space-16)
}

.nj-sidebar__divider {
    -ms-flex-negative: 0;
    background: repeating-linear-gradient(90deg, var(--nj-color-border-subtle) 0, var(--nj-color-border-subtle) 4px, var(--nj-color-background-transparent) 0, var(--nj-color-background-transparent) 8px);
    border: none;
    flex-shrink: 0;
    height: 2px;
    margin: var(--nj-size-space-16) auto;
    width: 85%
}

.nj-sidebar-content {
    margin-left: var(--nj-sidebar-width);
    -webkit-transition: margin-left var(--nj-sidebar-transition-duration) var(--nj-sidebar-transition-timing-function);
    transition: margin-left var(--nj-sidebar-transition-duration) var(--nj-sidebar-transition-timing-function)
}

.nj-sidebar-content--nopush {
    margin-left: var(--nj-sidebar-width-folded)
}

.nj-slider {
    --nj-slider-track-position: 50% 100%;
    --nj-slider-thumb-bg: var(--nj-color-background-primary);
    --nj-slider-thumb-bg-hovered: var(--nj-color-background-primary-hovered);
    --nj-slider-thumb-bg-focused: var(--nj-color-background-primary-focused);
    --nj-slider-thumb-bg-pressed: var(--nj-color-background-primary-pressed);
    --nj-slider-thumb-border-color: var(--nj-color-border-brand-bold);
    --nj-slider-track-selected-bg: var(--nj-color-background-brand);
    --nj-slider-track-bg: var(--nj-color-background-secondary-transparent);
    --nj-slider-track-width: 100%;
    --nj-slider-track-height: 4px;
    --nj-slider-track-border-radius: var(--nj-size-border-radius-sm);
    --nj-slider-thumb-size: 16px;
    font-family: var(--nj-font-family-default);
    line-height: var(--nj-font-line-height-default);
    position: relative;
    width: 100%
}

.nj-slider,
.nj-slider *,
.nj-slider :after,
.nj-slider :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-slider--disabled {
    opacity: var(--nj-opacity-disabled)
}

.nj-slider input[type=range] {
    -webkit-appearance: none;
    background-color: transparent;
    display: block;
    height: calc(var(--nj-slider-thumb-size) + var(--nj-slider-track-height)*2);
    padding: 0;
    width: 100%
}

.nj-slider input[type=range]:focus-visible {
    outline: none
}

.nj-slider input[type=range]:focus-visible::-webkit-slider-thumb {
    -webkit-box-shadow: 0 0 0 var(--nj-size-border-focus-offset) var(--nj-color-background-primary), 0 0 0 4px var(--nj-color-border-focused);
    box-shadow: 0 0 0 var(--nj-size-border-focus-offset) var(--nj-color-background-primary), 0 0 0 4px var(--nj-color-border-focused)
}

.nj-slider input[type=range]:focus-visible::-moz-range-thumb {
    box-shadow: 0 0 0 var(--nj-size-border-focus-offset) var(--nj-color-background-primary), 0 0 0 4px var(--nj-color-border-focused)
}

.nj-slider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--nj-slider-thumb-bg);
    border: 2px solid var(--nj-slider-thumb-border-color);
    border-radius: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: var(--nj-slider-thumb-size);
    margin-top: calc((var(--nj-slider-track-height) - var(--nj-slider-thumb-size))/2);
    position: relative;
    width: var(--nj-slider-thumb-size)
}

.nj-slider input[type=range]::-webkit-slider-thumb:hover {
    background-color: var(--nj-slider-thumb-bg-hovered)
}

.nj-slider input[type=range]::-webkit-slider-thumb:active {
    background-color: var(--nj-slider-thumb-bg-pressed)
}

.nj-slider input[type=range]::-webkit-slider-runnable-track {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--nj-slider-track-selected-bg)), to(var(--nj-slider-track-selected-bg))) no-repeat var(--nj-slider-track-bg);
    background: linear-gradient(var(--nj-slider-track-selected-bg), var(--nj-slider-track-selected-bg)) no-repeat var(--nj-slider-track-bg);
    background-size: var(--nj-slider-track-position);
    border-color: transparent;
    border-radius: var(--nj-slider-track-border-radius);
    color: transparent;
    cursor: pointer;
    height: var(--nj-slider-track-height);
    width: var(--nj-slider-track-width)
}

.nj-slider input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--nj-slider-thumb-bg);
    border: 2px solid var(--nj-slider-thumb-border-color);
    border-radius: 100%;
    box-shadow: none;
    height: var(--nj-slider-thumb-size);
    margin-top: calc((var(--nj-slider-track-height) - var(--nj-slider-thumb-size))/2);
    position: relative;
    width: var(--nj-slider-thumb-size)
}

.nj-slider input[type=range]::-moz-range-thumb:hover {
    background-color: var(--nj-slider-thumb-bg-hovered)
}

.nj-slider input[type=range]::-moz-range-thumb:active {
    background-color: var(--nj-slider-thumb-bg-pressed)
}

.nj-slider input[type=range]::-moz-range-track {
    background: linear-gradient(var(--nj-slider-track-selected-bg), var(--nj-slider-track-selected-bg)) no-repeat var(--nj-slider-track-bg);
    background-size: var(--nj-slider-track-position);
    border-color: transparent;
    border-radius: var(--nj-slider-track-border-radius);
    color: transparent;
    cursor: pointer;
    height: var(--nj-slider-track-height);
    width: var(--nj-slider-track-width)
}

.nj-slider input[type=range]::-moz-focus-outer {
    border: 0
}

.nj-slider input[type=range]:disabled {
    pointer-events: none
}

.nj-slider[data-tooltip=true] input[type=range] {
    margin-top: 38px
}

.nj-slider .nj-tooltip {
    bottom: 24px
}

.nj-slider .nj-tooltip .nj-tooltip__arrow {
    left: calc(50% - .4rem)
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        -webkit-transform: rotate(765deg);
        transform: rotate(765deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        -webkit-transform: rotate(765deg);
        transform: rotate(765deg)
    }
}

.nj-spinner {
    --nj-spinner-bg: var(--nj-color-background-tertiary-transparent);
    --nj-spinner-thumb-bg: var(--nj-color-background-brand);
    --nj-spinner-border-width: 6px;
    -webkit-animation: spin 2s cubic-bezier(.45, .15, .57, .92) infinite;
    animation: spin 2s cubic-bezier(.45, .15, .57, .92) infinite;
    border: var(--nj-spinner-border-width) solid var(--nj-spinner-bg);
    border-radius: 100%;
    border-right: var(--nj-spinner-border-width) solid var(--nj-spinner-thumb-bg);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: var(--nj-font-family-default);
    height: 64px;
    line-height: var(--nj-font-line-height-default);
    position: relative;
    width: 64px
}

.nj-spinner,
.nj-spinner *,
.nj-spinner :after,
.nj-spinner :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-spinner:after {
    border-radius: 50%;
    height: 10em;
    width: 10em
}

.nj-spinner--inverse {
    --nj-spinner-bg: var(--nj-color-background-inverse-contrast);
    --nj-spinner-thumb-bg: var(--nj-color-background-primary)
}

.nj-spinner--grey {
    --nj-spinner-bg: var(--nj-color-background-tertiary-transparent);
    --nj-spinner-thumb-bg: var(--nj-color-background-neutral)
}

.nj-spinner--xxs {
    --nj-spinner-border-width: 2px;
    height: 16px;
    width: 16px
}

.nj-spinner--xs {
    --nj-spinner-border-width: 3px;
    height: 24px;
    width: 24px
}

.nj-spinner--sm {
    --nj-spinner-border-width: 3px;
    height: 32px;
    width: 32px
}

.nj-spinner--md {
    --nj-spinner-border-width: 5px;
    height: 48px;
    width: 48px
}

.nj-spinner--lg {
    --nj-spinner-border-width: 6px;
    height: 64px;
    width: 64px
}

.nj-stamp {
    border-radius: 50%;
    font-family: var(--nj-font-family-default);
    height: 170px;
    line-height: var(--nj-font-line-height-default);
    width: 170px
}

.nj-stamp,
.nj-stamp *,
.nj-stamp :after,
.nj-stamp :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-stamp__text {
    font-family: var(--nj-font-family-default);
    font-size: var(--nj-size-font-mega);
    font-weight: var(--nj-font-weight-black)
}

.nj-stamp__overlay {
    fill: var(--nj-color-background-inverse);
    opacity: 1
}

.nj-stamp--shadow {
    -webkit-box-shadow: var(--nj-shadow-level-8-dp);
    box-shadow: var(--nj-shadow-level-8-dp)
}

.nj-status-indicator {
    --nj-status-indicator-svg-diameter: 16px;
    --nj-status-indicator-diameter: calc(var(--nj-status-indicator-svg-diameter) + 2px);
    --nj-status-indicator-text-size: 14px;
    --nj-status-indicator-status-color: var(--nj-color-background-green);
    --nj-status-indicator-status-font-color: var(--nj-color-text-inverse);
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--nj-font-family-default);
    gap: var(--nj-size-space-8);
    justify-content: center;
    line-height: var(--nj-font-line-height-default)
}

.nj-status-indicator,
.nj-status-indicator *,
.nj-status-indicator :after,
.nj-status-indicator :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-status-indicator__svg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--nj-color-background-primary);
    border-radius: var(--nj-status-indicator-svg-diameter);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: var(--nj-status-indicator-diameter);
    justify-content: center;
    position: relative;
    width: var(--nj-status-indicator-diameter)
}

.nj-status-indicator__svg:after {
    background: var(--nj-status-indicator-status-color);
    content: "";
    height: var(--nj-status-indicator-svg-diameter);
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM8%2015L3%2010L4.41%208.59L8%2012.17L15.59%204.58L17%206L8%2015Z%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM8%2015L3%2010L4.41%208.59L8%2012.17L15.59%204.58L17%206L8%2015Z%22%2F%3E%3C%2Fsvg%3E");
    position: absolute;
    width: var(--nj-status-indicator-svg-diameter)
}

.nj-status-indicator__svg:before {
    background: var(--nj-status-indicator-status-font-color);
    border-radius: 100%;
    content: "";
    height: 80%;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%
}

.nj-status-indicator__text {
    color: var(--nj-color-text-primary);
    font-size: var(--nj-status-indicator-text-size);
    margin: 0
}

.nj-status-indicator--sm {
    --nj-status-indicator-text-size: 12px;
    --nj-status-indicator-svg-diameter: 12px
}

.nj-status-indicator--lg {
    --nj-status-indicator-text-size: 16px;
    --nj-status-indicator-svg-diameter: 24px
}

.nj-status-indicator--default {
    --nj-status-indicator-status-color: var(--nj-color-background-green)
}

.nj-status-indicator--offline {
    --nj-status-indicator-status-color: var(--nj-color-palette-grey-400)
}

.nj-status-indicator--online {
    --nj-status-indicator-status-color: var(--nj-color-background-green)
}

.nj-status-indicator--away {
    --nj-status-indicator-status-color: var(--nj-color-background-yellow)
}

.nj-status-indicator--busy,
.nj-status-indicator--do-not-disturb {
    --nj-status-indicator-status-color: var(--nj-color-background-red)
}

.nj-status-indicator--unknown {
    --nj-status-indicator-status-color: var(--nj-color-background-neutral)
}

.nj-status-indicator--error {
    --nj-status-indicator-status-color: var(--nj-color-background-danger)
}

.nj-status-indicator--success {
    --nj-status-indicator-status-color: var(--nj-color-background-success)
}

.nj-status-indicator--warning {
    --nj-status-indicator-status-color: var(--nj-color-background-warning)
}

.nj-status-indicator--in-progress {
    --nj-status-indicator-status-color: var(--nj-color-background-blue)
}

.nj-status-indicator--info {
    --nj-status-indicator-status-color: var(--nj-color-background-brand)
}

.nj-status-indicator--default .nj-status-indicator__svg:after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM8%2015L3%2010L4.41%208.59L8%2012.17L15.59%204.58L17%206L8%2015Z%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM8%2015L3%2010L4.41%208.59L8%2012.17L15.59%204.58L17%206L8%2015Z%22%2F%3E%3C%2Fsvg%3E")
}

.nj-status-indicator--offline .nj-status-indicator__svg:after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.47%200%200%204.47%200%2010C0%2015.53%204.47%2020%2010%2020C15.53%2020%2020%2015.53%2020%2010C20%204.47%2015.53%200%2010%200ZM15%2013.59L13.59%2015L10%2011.41L6.41%2015L5%2013.59L8.59%2010L5%206.41L6.41%205L10%208.59L13.59%205L15%206.41L11.41%2010L15%2013.59Z%22%20%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.47%200%200%204.47%200%2010C0%2015.53%204.47%2020%2010%2020C15.53%2020%2020%2015.53%2020%2010C20%204.47%2015.53%200%2010%200ZM15%2013.59L13.59%2015L10%2011.41L6.41%2015L5%2013.59L8.59%2010L5%206.41L6.41%205L10%208.59L13.59%205L15%206.41L11.41%2010L15%2013.59Z%22%20%2F%3E%3C%2Fsvg%3E")
}

.nj-status-indicator--online .nj-status-indicator__svg:after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM8%2015L3%2010L4.41%208.59L8%2012.17L15.59%204.58L17%206L8%2015Z%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM8%2015L3%2010L4.41%208.59L8%2012.17L15.59%204.58L17%206L8%2015Z%22%2F%3E%3C%2Fsvg%3E")
}

.nj-status-indicator--away .nj-status-indicator__svg:after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.5%200%200%204.5%200%2010C0%2015.5%204.5%2020%2010%2020C15.5%2020%2020%2015.5%2020%2010C20%204.5%2015.5%200%2010%200ZM14.2%2014.2L9%2011V5H10.5V10.2L15%2012.9L14.2%2014.2Z%22%2F%3E%3C%2Fsvg%3E%20");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.5%200%200%204.5%200%2010C0%2015.5%204.5%2020%2010%2020C15.5%2020%2020%2015.5%2020%2010C20%204.5%2015.5%200%2010%200ZM14.2%2014.2L9%2011V5H10.5V10.2L15%2012.9L14.2%2014.2Z%22%2F%3E%3C%2Fsvg%3E%20")
}

.nj-status-indicator--do-not-disturb .nj-status-indicator__svg:after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM15%2011H5V9H15V11Z%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM15%2011H5V9H15V11Z%22%2F%3E%3C%2Fsvg%3E")
}

.nj-status-indicator--busy .nj-status-indicator__svg:after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200Z%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200Z%22%2F%3E%3C%2Fsvg%3E")
}

.nj-status-indicator--unknown .nj-status-indicator__svg:after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM11%2017H9V15H11V17ZM13.07%209.25L12.17%2010.17C11.45%2010.9%2011%2011.5%2011%2013H9V12.5C9%2011.4%209.45%2010.4%2010.17%209.67L11.41%208.41C11.78%208.05%2012%207.55%2012%207C12%205.9%2011.1%205%2010%205C8.9%205%208%205.9%208%207H6C6%204.79%207.79%203%2010%203C12.21%203%2014%204.79%2014%207C14%207.88%2013.64%208.68%2013.07%209.25Z%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM11%2017H9V15H11V17ZM13.07%209.25L12.17%2010.17C11.45%2010.9%2011%2011.5%2011%2013H9V12.5C9%2011.4%209.45%2010.4%2010.17%209.67L11.41%208.41C11.78%208.05%2012%207.55%2012%207C12%205.9%2011.1%205%2010%205C8.9%205%208%205.9%208%207H6C6%204.79%207.79%203%2010%203C12.21%203%2014%204.79%2014%207C14%207.88%2013.64%208.68%2013.07%209.25Z%22%2F%3E%3C%2Fsvg%3E")
}

.nj-status-indicator--error .nj-status-indicator__svg:after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.47%200%200%204.47%200%2010C0%2015.53%204.47%2020%2010%2020C15.53%2020%2020%2015.53%2020%2010C20%204.47%2015.53%200%2010%200ZM15%2013.59L13.59%2015L10%2011.41L6.41%2015L5%2013.59L8.59%2010L5%206.41L6.41%205L10%208.59L13.59%205L15%206.41L11.41%2010L15%2013.59Z%22%20%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.47%200%200%204.47%200%2010C0%2015.53%204.47%2020%2010%2020C15.53%2020%2020%2015.53%2020%2010C20%204.47%2015.53%200%2010%200ZM15%2013.59L13.59%2015L10%2011.41L6.41%2015L5%2013.59L8.59%2010L5%206.41L6.41%205L10%208.59L13.59%205L15%206.41L11.41%2010L15%2013.59Z%22%20%2F%3E%3C%2Fsvg%3E")
}

.nj-status-indicator--success .nj-status-indicator__svg:after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM8%2015L3%2010L4.41%208.59L8%2012.17L15.59%204.58L17%206L8%2015Z%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM8%2015L3%2010L4.41%208.59L8%2012.17L15.59%204.58L17%206L8%2015Z%22%2F%3E%3C%2Fsvg%3E")
}

.nj-status-indicator--warning .nj-status-indicator__svg:after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM11%2015H9V13H11V15ZM11%2011H9V5H11V11Z%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM11%2015H9V13H11V15ZM11%2011H9V5H11V11Z%22%2F%3E%3C%2Fsvg%3E")
}

.nj-status-indicator--in-progress .nj-status-indicator__svg:after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.24%205.76C13.07%204.59%2011.54%204%2010%204V10L5.76%2014.24C8.1%2016.58%2011.9%2016.58%2014.25%2014.24C16.59%2011.9%2016.59%208.1%2014.24%205.76ZM10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM10%2018C5.58%2018%202%2014.42%202%2010C2%205.58%205.58%202%2010%202C14.42%202%2018%205.58%2018%2010C18%2014.42%2014.42%2018%2010%2018Z%22%20%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.24%205.76C13.07%204.59%2011.54%204%2010%204V10L5.76%2014.24C8.1%2016.58%2011.9%2016.58%2014.25%2014.24C16.59%2011.9%2016.59%208.1%2014.24%205.76ZM10%200C4.48%200%200%204.48%200%2010C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%2010C20%204.48%2015.52%200%2010%200ZM10%2018C5.58%2018%202%2014.42%202%2010C2%205.58%205.58%202%2010%202C14.42%202%2018%205.58%2018%2010C18%2014.42%2014.42%2018%2010%2018Z%22%20%2F%3E%3C%2Fsvg%3E")
}

.nj-status-indicator--info .nj-status-indicator__svg:after {
    -webkit-mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%20-3.05176e-05C4.48%20-3.05176e-05%200%204.47997%200%209.99997C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%209.99997C20%204.47997%2015.52%20-3.05176e-05%2010%20-3.05176e-05ZM11%2015H9V8.99997H11V15ZM11%206.99997L9%206.99997L9%204.99997L11%204.99997L11%206.99997Z%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%20-3.05176e-05C4.48%20-3.05176e-05%200%204.47997%200%209.99997C0%2015.52%204.48%2020%2010%2020C15.52%2020%2020%2015.52%2020%209.99997C20%204.47997%2015.52%20-3.05176e-05%2010%20-3.05176e-05ZM11%2015H9V8.99997H11V15ZM11%206.99997L9%206.99997L9%204.99997L11%204.99997L11%206.99997Z%22%2F%3E%3C%2Fsvg%3E")
}

.nj-status-indicator--away,
.nj-status-indicator--warning {
    --nj-status-indicator-status-font-color: var(--nj-color-text-primary)
}

.nj-status-indicator[data-theme=dark].nj-status-indicator--away,
.nj-status-indicator[data-theme=dark].nj-status-indicator--warning,
[data-theme=dark] .nj-status-indicator.nj-status-indicator--away,
[data-theme=dark] .nj-status-indicator.nj-status-indicator--warning {
    --nj-status-indicator-status-font-color: var(--nj-color-text-inverse)
}

.nj-switch {
    --nj-switch-checked-part-color: var(--nj-deprecated-color-text-body-inverted);
    --nj-switch-unchecked-part-color: var(--nj-deprecated-color-base-primary);
    --nj-switch-checked-part-color-disabled: var(--nj-deprecated-color-base-gray-200);
    --nj-switch-unchecked-part-color-disabled: var(--nj-deprecated-color-base-gray-400);
    --nj-switch-ckecked-background-color-disabled: var(--nj-deprecated-color-base-gray-400);
    --nj-switch-unckecked-background-color-disabled: var(--nj-deprecated-color-base-gray-200);
    --nj-switch-slider-color: var(--nj-deprecated-color-base-gray-200);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: var(--nj-font-family-default);
    line-height: var(--nj-font-line-height-default)
}

.nj-switch[data-theme=dark],
[data-theme=dark] .nj-switch {
    --nj-switch-checked-part-color-disabled: var(--nj-deprecated-color-base-gray-300);
    --nj-switch-unchecked-part-color-disabled: var(--nj-deprecated-color-base-gray-400);
    --nj-switch-ckecked-background-color-disabled: var(--nj-deprecated-color-base-gray-400);
    --nj-switch-unckecked-background-color-disabled: var(--nj-deprecated-color-base-gray-500);
    --nj-switch-slider-color: var(--nj-deprecated-color-base-gray-800)
}

.nj-switch *,
.nj-switch :after,
.nj-switch :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-switch__slider {
    background-color: var(--nj-switch-slider-color);
    border-radius: 6.25rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2rem;
    overflow: hidden;
    position: relative;
    -webkit-transition: .2s;
    transition: .2s;
    z-index: 1
}

.nj-switch__slider-left,
.nj-switch__slider-right {
    font-size: 13px;
    font-weight: var(--nj-font-weight-bold);
    line-height: 2rem;
    padding: 0 var(--nj-size-space-16);
    position: relative;
    -webkit-transition: .4s;
    transition: .4s
}

.nj-switch__slider-left:before,
.nj-switch__slider-right:before {
    background: var(--nj-deprecated-color-base-primary);
    border-radius: 6.25rem;
    content: "";
    height: 2rem;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: .2s;
    transition: .2s;
    width: 100%;
    z-index: -1
}

.nj-switch__slider-left .nj-icon-material,
.nj-switch__slider-right .nj-icon-material {
    color: inherit;
    line-height: inherit
}

.nj-switch__slider-left {
    color: var(--nj-switch-checked-part-color)
}

.nj-switch__slider-right {
    color: var(--nj-switch-unchecked-part-color)
}

.nj-switch__slider-right:before {
    left: -100%
}

.nj-switch label {
    display: inline-block;
    margin-bottom: .5rem
}

.nj-switch input {
    display: block;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.nj-switch input:checked+.nj-switch__slider .nj-switch__slider-left,
.nj-switch input:checked+.nj-switch__slider .nj-switch__slider-right {
    color: var(--nj-switch-unchecked-part-color)
}

.nj-switch input:checked+.nj-switch__slider .nj-switch__slider-left:before,
.nj-switch input:checked+.nj-switch__slider .nj-switch__slider-right:before {
    left: 100%
}

.nj-switch input:checked+.nj-switch__slider .nj-switch__slider-right {
    color: var(--nj-switch-checked-part-color)
}

.nj-switch input:checked+.nj-switch__slider .nj-switch__slider-right:before {
    left: 0
}

.nj-switch input:disabled+.nj-switch__slider {
    background-color: var(--nj-switch-unckecked-background-color-disabled);
    cursor: not-allowed
}

.nj-switch input:disabled+.nj-switch__slider .nj-switch__slider-left:before,
.nj-switch input:disabled+.nj-switch__slider .nj-switch__slider-right:before {
    background: var(--nj-switch-ckecked-background-color-disabled)
}

.nj-switch input:disabled+.nj-switch__slider .nj-switch__slider-left {
    color: var(--nj-switch-checked-part-color-disabled)
}

.nj-switch input:disabled+.nj-switch__slider .nj-switch__slider-right,
.nj-switch input:disabled:checked+.nj-switch__slider .nj-switch__slider-left {
    color: var(--nj-switch-unchecked-part-color-disabled)
}

.nj-switch input:disabled:checked+.nj-switch__slider .nj-switch__slider-right {
    color: var(--nj-switch-checked-part-color-disabled)
}

.nj-switch--primary .nj-switch__slider-left:before,
.nj-switch--primary .nj-switch__slider-right:before {
    background: var(--nj-deprecated-color-base-primary)
}

.nj-switch--primary .nj-switch__slider-right,
.nj-switch--primary input:checked+.nj-switch__slider .nj-switch__slider-left {
    color: var(--nj-deprecated-color-base-primary)
}

.nj-switch--success .nj-switch__slider-left:before,
.nj-switch--success .nj-switch__slider-right:before {
    background: var(--nj-deprecated-color-base-success)
}

.nj-switch--success .nj-switch__slider-right,
.nj-switch--success input:checked+.nj-switch__slider .nj-switch__slider-left {
    color: var(--nj-deprecated-color-base-success)
}

.nj-switch--warning .nj-switch__slider-left:before,
.nj-switch--warning .nj-switch__slider-right:before {
    background: var(--nj-deprecated-color-base-warning)
}

.nj-switch--warning .nj-switch__slider-right,
.nj-switch--warning input:checked+.nj-switch__slider .nj-switch__slider-left {
    color: var(--nj-deprecated-color-base-warning)
}

.nj-switch--danger .nj-switch__slider-left:before,
.nj-switch--danger .nj-switch__slider-right:before {
    background: var(--nj-deprecated-color-base-danger)
}

.nj-switch--danger .nj-switch__slider-right,
.nj-switch--danger input:checked+.nj-switch__slider .nj-switch__slider-left {
    color: var(--nj-deprecated-color-base-danger)
}

.nj-table {
    --nj-table-background-color: transparent;
    --nj-table-border-color: var(--nj-color-border-subtle);
    --nj-table-stripped-background-color: var(--nj-color-background-secondary);
    --nj-table-hoverable-background-color: var(--nj-color-background-tertiary);
    background-color: var(--nj-table-background-color);
    border-collapse: collapse;
    color: var(--nj-text-color-primary);
    font-family: var(--nj-font-family-default);
    line-height: var(--nj-font-line-height-default);
    margin-bottom: var(--nj-size-space-16);
    width: 100%
}

.nj-table,
.nj-table *,
.nj-table :after,
.nj-table :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-table caption {
    color: var(--nj-text-color-primary)
}

.nj-table td,
.nj-table th {
    border-top: var(--nj-size-border-width) solid var(--nj-table-border-color);
    font-size: var(--nj-size-font-deci);
    font-weight: var(--nj-font-weight-normal);
    padding: var(--nj-size-space-12);
    text-align: inherit;
    vertical-align: top
}

.nj-table thead tr th {
    border-bottom-width: var(--nj-size-border-width);
    border-top-width: 0;
    font-size: var(--nj-size-font-centi);
    text-transform: uppercase;
    vertical-align: bottom
}

.nj-table tbody+tbody {
    border-top: calc(var(--nj-size-border-width)*2) solid var(--nj-table-border-color)
}

.nj-table--striped tbody tr:nth-of-type(odd) {
    background-color: var(--nj-table-stripped-background-color)
}

.nj-table--striped td,
.nj-table--striped th {
    border: 0
}

.nj-table--hover tbody tr:hover {
    background-color: var(--nj-table-hoverable-background-color)
}

.nj-tab {
    --nj-tab-color-line-tab: var(--nj-color-border-subtle-transparent);
    --nj-tab-gap: var(--nj-size-space-24);
    font-family: var(--nj-font-family-default);
    line-height: var(--nj-font-line-height-default)
}

.nj-tab,
.nj-tab *,
.nj-tab :after,
.nj-tab :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-tab--compact {
    --nj-tab-gap: 0
}

.nj-tab--spacious {
    --nj-tab-gap: var(--nj-size-space-48)
}

.nj-tab--stretched {
    --nj-tab-gap: 0
}

.nj-tab--stretched .nj-tab__item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.nj-tab__items {
    -webkit-box-flex: 1;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    border-bottom: var(--nj-size-border-width) solid var(--nj-tab-color-line-tab);
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    gap: var(--nj-tab-gap);
    justify-content: left;
    list-style: none;
    margin: 0;
    padding-left: 0;
    width: 100%
}

.nj-tab__item,
.nj-tab__items {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.nj-tab__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: transparent;
    border: none;
    color: var(--nj-color-text-primary);
    cursor: pointer;
    font-size: var(--nj-size-font-base);
    justify-content: center;
    outline: none;
    padding: var(--nj-size-space-8) var(--nj-size-space-24);
    position: relative;
    -webkit-transition: background .25s var(--nj-motion-bezier-linear-out-slow-in);
    transition: background .25s var(--nj-motion-bezier-linear-out-slow-in)
}

.nj-tab__item:before {
    -webkit-box-shadow: 0 0 0 var(--nj-size-border-focus-width) var(--nj-color-border-focused);
    box-shadow: 0 0 0 var(--nj-size-border-focus-width) var(--nj-color-border-focused);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 100%;
    left: 50%;
    opacity: 0;
    padding: var(--nj-size-border-focus-offset);
    pointer-events: none;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale3d(.85, .85, 1);
    transform: translate(-50%, -50%) scale3d(.85, .85, 1);
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s;
    transition: opacity .2s, transform .2s, -webkit-transform .2s;
    -webkit-transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    z-index: 10
}

.nj-tab__item:after,
.nj-tab__item:before {
    border-radius: var(--nj-size-border-radius-sm);
    content: "";
    position: absolute;
    width: 100%
}

.nj-tab__item:after {
    background: var(--nj-color-border-brand-bold);
    bottom: -1px;
    height: .125rem;
    left: 0;
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .25s var(--nj-motion-bezier-linear-out-slow-in);
    transition: -webkit-transform .25s var(--nj-motion-bezier-linear-out-slow-in);
    transition: transform .25s var(--nj-motion-bezier-linear-out-slow-in);
    transition: transform .25s var(--nj-motion-bezier-linear-out-slow-in), -webkit-transform .25s var(--nj-motion-bezier-linear-out-slow-in)
}

.nj-tab__item:not(.nj-tab__item:disabled):hover {
    background: var(--nj-color-background-transparent-hovered)
}

.nj-tab__item:not(.nj-tab__item:disabled):focus-visible {
    background: var(--nj-color-background-transparent-focused)
}

.nj-tab__item:not(.nj-tab__item:disabled):focus-visible:before {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scaleX(1);
    transform: translate(-50%, -50%) scaleX(1)
}

.nj-tab__item:not(.nj-tab__item:disabled):active {
    background: var(--nj-color-background-transparent-pressed)
}

.nj-tab__item:not(.nj-tab__item:disabled):active:after,
.nj-tab__item:not(.nj-tab__item:disabled):focus-visible:after,
.nj-tab__item:not(.nj-tab__item:disabled):hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.nj-tab__item--active {
    background: var(--nj-color-background-transparent);
    font-weight: var(--nj-font-weight-bold)
}

.nj-tab__item--active:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.nj-tab__item:disabled {
    cursor: default;
    opacity: var(--nj-opacity-disabled);
    pointer-events: none
}

.nj-tab__content {
    color: var(--nj-color-text-primary);
    display: none
}

.nj-tab__content--active {
    display: block
}

.nj-tag {
    --nj-tag-text-color: var(--nj-color-text-primary);
    --nj-tag-icon-color: var(--nj-color-icon-secondary);
    --nj-tag-background-color: var(--nj-color-background-tertiary);
    --nj-tag-text-color-hovered: var(--nj-color-text-primary);
    --nj-tag-icon-color-hovered: var(--nj-color-icon-secondary-hovered);
    --nj-tag-background-color-hovered: var(--nj-color-background-tertiary-hovered);
    --nj-tag-text-color-focused: var(--nj-color-text-primary);
    --nj-tag-icon-color-focused: var(--nj-color-icon-secondary-focused);
    --nj-tag-background-color-focused: var(--nj-color-background-tertiary-focused);
    --nj-tag-text-color-pressed: var(--nj-color-text-primary);
    --nj-tag-icon-color-pressed: var(--nj-color-icon-secondary-pressed);
    --nj-tag-background-color-pressed: var(--nj-color-background-tertiary-pressed);
    --nj-tag-border-color: var(--nj-color-border-moderate);
    --nj-tag-padding: var(--nj-size-space-4) var(--nj-size-space-8);
    --nj-tag-gap: var(--nj-size-space-4);
    --nj-tag-font-size: var(--nj-size-font-base);
    --nj-tag-line-height: var(--nj-size-font-kilo);
    --nj-tag-icon-size: var(--nj-size-icon-sm);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--nj-tag-background-color);
    border: 1px solid var(--nj-tag-border-color);
    border-radius: var(--nj-size-border-radius-sm);
    color: var(--nj-tag-text-color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: var(--nj-font-family-default);
    font-size: var(--nj-tag-font-size);
    font-weight: var(--nj-font-weight-normal);
    gap: var(--nj-tag-gap);
    line-height: var(--nj-tag-line-height);
    overflow: hidden;
    padding: var(--nj-tag-padding);
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap
}

.nj-tag,
.nj-tag *,
.nj-tag :after,
.nj-tag :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-tag--sm {
    --nj-tag-padding: var(--nj-size-space-4) var(--nj-size-space-4);
    --nj-tag-gap: var(--nj-size-space-4);
    --nj-tag-font-size: var(--nj-size-font-deci);
    --nj-tag-line-height: var(--nj-size-font-base)
}

.nj-tag--lg {
    --nj-tag-padding: var(--nj-size-space-8) var(--nj-size-space-8);
    --nj-tag-gap: var(--nj-size-space-8);
    --nj-tag-font-size: var(--nj-size-font-deca);
    --nj-tag-line-height: var(--nj-size-font-kilo);
    --nj-tag-icon-size: var(--nj-size-icon-md)
}

.nj-tag:empty {
    display: none
}

.nj-tag__icon,
.nj-tag__icon.material-icons {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    fill: var(--nj-tag-icon-color);
    color: var(--nj-tag-icon-color);
    font-size: var(--nj-tag-icon-size);
    height: var(--nj-tag-icon-size);
    order: -1;
    pointer-events: none;
    width: var(--nj-tag-icon-size);
    z-index: 2
}

.nj-tag__text {
    margin-bottom: 0;
    margin-top: 0
}

.nj-tag__button,
.nj-tag__link {
    background: none;
    border: none;
    color: var(--nj-tag-text-color);
    cursor: pointer;
    font: inherit;
    outline: none;
    padding: 0;
    text-decoration: none;
    z-index: 1
}

.nj-tag__button:not(:disabled):not(.nj-tag__link.disabled, .nj-tag__button.disabled):not(.nj-tag__link--disabled, .nj-tag__button--disabled):before,
.nj-tag__link:not(:disabled):not(.nj-tag__link.disabled, .nj-tag__button.disabled):not(.nj-tag__link--disabled, .nj-tag__button--disabled):before {
    border-radius: var(--nj-size-border-radius-sm);
    -webkit-box-shadow: 0 0 0 var(--nj-size-border-focus-width) var(--nj-color-border-focused);
    box-shadow: 0 0 0 var(--nj-size-border-focus-width) var(--nj-color-border-focused);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    height: 100%;
    left: 50%;
    opacity: 0;
    padding: var(--nj-size-border-focus-offset);
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale3d(.85, .85, 1);
    transform: translate(-50%, -50%) scale3d(.85, .85, 1);
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s;
    transition: opacity .2s, transform .2s, -webkit-transform .2s;
    -webkit-transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    width: 100%;
    z-index: 10
}

.nj-tag__button:not(:disabled):not(.nj-tag__link.disabled, .nj-tag__button.disabled):not(.nj-tag__link--disabled, .nj-tag__button--disabled):after,
.nj-tag__link:not(:disabled):not(.nj-tag__link.disabled, .nj-tag__button.disabled):not(.nj-tag__link--disabled, .nj-tag__button--disabled):after {
    background-color: var(--nj-tag-background-color);
    content: "";
    inset: 0;
    position: absolute;
    z-index: -1
}

.nj-tag__button:not(:disabled):not(.nj-tag__link.disabled, .nj-tag__button.disabled):not(.nj-tag__link--disabled, .nj-tag__button--disabled):hover,
.nj-tag__link:not(:disabled):not(.nj-tag__link.disabled, .nj-tag__button.disabled):not(.nj-tag__link--disabled, .nj-tag__button--disabled):hover {
    --nj-tag-text-color: var(--nj-tag-text-color-hovered)
}

.nj-tag__button:not(:disabled):not(.nj-tag__link.disabled, .nj-tag__button.disabled):not(.nj-tag__link--disabled, .nj-tag__button--disabled):hover:after,
.nj-tag__link:not(:disabled):not(.nj-tag__link.disabled, .nj-tag__button.disabled):not(.nj-tag__link--disabled, .nj-tag__button--disabled):hover:after {
    --nj-tag-background-color: var(--nj-tag-background-color-hovered)
}

.nj-tag__button:not(:disabled):not(.nj-tag__link.disabled, .nj-tag__button.disabled):not(.nj-tag__link--disabled, .nj-tag__button--disabled):hover~.nj-tag__icon,
.nj-tag__link:not(:disabled):not(.nj-tag__link.disabled, .nj-tag__button.disabled):not(.nj-tag__link--disabled, .nj-tag__button--disabled):hover~.nj-tag__icon {
    --nj-tag-icon-color: var(--nj-tag-icon-color-hovered)
}

.nj-tag__button:not(:disabled):not(.nj-tag__link.disabled, .nj-tag__button.disabled):not(.nj-tag__link--disabled, .nj-tag__button--disabled):focus-visible:before,
.nj-tag__link:not(:disabled):not(.nj-tag__link.disabled, .nj-tag__button.disabled):not(.nj-tag__link--disabled, .nj-tag__button--disabled):focus-visible:before {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scaleX(1);
    transform: translate(-50%, -50%) scaleX(1)
}

.nj-tag__button:not(:disabled):not(.nj-tag__link.disabled, .nj-tag__button.disabled):not(.nj-tag__link--disabled, .nj-tag__button--disabled):active,
.nj-tag__link:not(:disabled):not(.nj-tag__link.disabled, .nj-tag__button.disabled):not(.nj-tag__link--disabled, .nj-tag__button--disabled):active {
    --nj-tag-text-color: var(--nj-tag-text-color-pressed)
}

.nj-tag__button:not(:disabled):not(.nj-tag__link.disabled, .nj-tag__button.disabled):not(.nj-tag__link--disabled, .nj-tag__button--disabled):active:after,
.nj-tag__link:not(:disabled):not(.nj-tag__link.disabled, .nj-tag__button.disabled):not(.nj-tag__link--disabled, .nj-tag__button--disabled):active:after {
    --nj-tag-background-color: var(--nj-tag-background-color-pressed)
}

.nj-tag__button:not(:disabled):not(.nj-tag__link.disabled, .nj-tag__button.disabled):not(.nj-tag__link--disabled, .nj-tag__button--disabled):active~.nj-tag__icon,
.nj-tag__link:not(:disabled):not(.nj-tag__link.disabled, .nj-tag__button.disabled):not(.nj-tag__link--disabled, .nj-tag__button--disabled):active~.nj-tag__icon {
    --nj-tag-icon-color: var(--nj-tag-icon-color-pressed)
}

.nj-tag__close {
    z-index: 1
}

.nj-tag--grey {
    --nj-tag-icon-color: var(--nj-color-icon-grey-secondary);
    --nj-tag-background-color: var(--nj-color-background-grey-tertiary);
    --nj-tag-icon-color-hovered: var(--nj-color-icon-grey-secondary-hovered);
    --nj-tag-background-color-hovered: var(--nj-color-background-grey-tertiary-hovered);
    --nj-tag-icon-color-focused: var(--nj-color-icon-grey-secondary-focused);
    --nj-tag-background-color-focused: var(--nj-color-background-grey-tertiary-focused);
    --nj-tag-icon-color-pressed: var(--nj-color-icon-grey-secondary-pressed);
    --nj-tag-background-color-pressed: var(--nj-color-background-grey-tertiary-pressed);
    --nj-tag-border-color: var(--nj-color-border-grey-moderate)
}

.nj-tag--blue {
    --nj-tag-icon-color: var(--nj-color-icon-blue-secondary);
    --nj-tag-background-color: var(--nj-color-background-blue-tertiary);
    --nj-tag-icon-color-hovered: var(--nj-color-icon-blue-secondary-hovered);
    --nj-tag-background-color-hovered: var(--nj-color-background-blue-tertiary-hovered);
    --nj-tag-icon-color-focused: var(--nj-color-icon-blue-secondary-focused);
    --nj-tag-background-color-focused: var(--nj-color-background-blue-tertiary-focused);
    --nj-tag-icon-color-pressed: var(--nj-color-icon-blue-secondary-pressed);
    --nj-tag-background-color-pressed: var(--nj-color-background-blue-tertiary-pressed);
    --nj-tag-border-color: var(--nj-color-border-blue-moderate)
}

.nj-tag--teal {
    --nj-tag-icon-color: var(--nj-color-icon-teal-secondary);
    --nj-tag-background-color: var(--nj-color-background-teal-tertiary);
    --nj-tag-icon-color-hovered: var(--nj-color-icon-teal-secondary-hovered);
    --nj-tag-background-color-hovered: var(--nj-color-background-teal-tertiary-hovered);
    --nj-tag-icon-color-focused: var(--nj-color-icon-teal-secondary-focused);
    --nj-tag-background-color-focused: var(--nj-color-background-teal-tertiary-focused);
    --nj-tag-icon-color-pressed: var(--nj-color-icon-teal-secondary-pressed);
    --nj-tag-background-color-pressed: var(--nj-color-background-teal-tertiary-pressed);
    --nj-tag-border-color: var(--nj-color-border-teal-moderate)
}

.nj-tag--pink {
    --nj-tag-icon-color: var(--nj-color-icon-pink-secondary);
    --nj-tag-background-color: var(--nj-color-background-pink-tertiary);
    --nj-tag-icon-color-hovered: var(--nj-color-icon-pink-secondary-hovered);
    --nj-tag-background-color-hovered: var(--nj-color-background-pink-tertiary-hovered);
    --nj-tag-icon-color-focused: var(--nj-color-icon-pink-secondary-focused);
    --nj-tag-background-color-focused: var(--nj-color-background-pink-tertiary-focused);
    --nj-tag-icon-color-pressed: var(--nj-color-icon-pink-secondary-pressed);
    --nj-tag-background-color-pressed: var(--nj-color-background-pink-tertiary-pressed);
    --nj-tag-border-color: var(--nj-color-border-pink-moderate)
}

.nj-tag--orange {
    --nj-tag-icon-color: var(--nj-color-icon-orange-secondary);
    --nj-tag-background-color: var(--nj-color-background-orange-tertiary);
    --nj-tag-icon-color-hovered: var(--nj-color-icon-orange-secondary-hovered);
    --nj-tag-background-color-hovered: var(--nj-color-background-orange-tertiary-hovered);
    --nj-tag-icon-color-focused: var(--nj-color-icon-orange-secondary-focused);
    --nj-tag-background-color-focused: var(--nj-color-background-orange-tertiary-focused);
    --nj-tag-icon-color-pressed: var(--nj-color-icon-orange-secondary-pressed);
    --nj-tag-background-color-pressed: var(--nj-color-background-orange-tertiary-pressed);
    --nj-tag-border-color: var(--nj-color-border-orange-moderate)
}

.nj-tag--red {
    --nj-tag-icon-color: var(--nj-color-icon-red-secondary);
    --nj-tag-background-color: var(--nj-color-background-red-tertiary);
    --nj-tag-icon-color-hovered: var(--nj-color-icon-red-secondary-hovered);
    --nj-tag-background-color-hovered: var(--nj-color-background-red-tertiary-hovered);
    --nj-tag-icon-color-focused: var(--nj-color-icon-red-secondary-focused);
    --nj-tag-background-color-focused: var(--nj-color-background-red-tertiary-focused);
    --nj-tag-icon-color-pressed: var(--nj-color-icon-red-secondary-pressed);
    --nj-tag-background-color-pressed: var(--nj-color-background-red-tertiary-pressed);
    --nj-tag-border-color: var(--nj-color-border-red-moderate)
}

.nj-tag--green {
    --nj-tag-icon-color: var(--nj-color-icon-green-secondary);
    --nj-tag-background-color: var(--nj-color-background-green-tertiary);
    --nj-tag-icon-color-hovered: var(--nj-color-icon-green-secondary-hovered);
    --nj-tag-background-color-hovered: var(--nj-color-background-green-tertiary-hovered);
    --nj-tag-icon-color-focused: var(--nj-color-icon-green-secondary-focused);
    --nj-tag-background-color-focused: var(--nj-color-background-green-tertiary-focused);
    --nj-tag-icon-color-pressed: var(--nj-color-icon-green-secondary-pressed);
    --nj-tag-background-color-pressed: var(--nj-color-background-green-tertiary-pressed);
    --nj-tag-border-color: var(--nj-color-border-green-moderate)
}

.nj-tag--ultramarine {
    --nj-tag-icon-color: var(--nj-color-icon-ultramarine-secondary);
    --nj-tag-background-color: var(--nj-color-background-ultramarine-tertiary);
    --nj-tag-icon-color-hovered: var(--nj-color-icon-ultramarine-secondary-hovered);
    --nj-tag-background-color-hovered: var(--nj-color-background-ultramarine-tertiary-hovered);
    --nj-tag-icon-color-focused: var(--nj-color-icon-ultramarine-secondary-focused);
    --nj-tag-background-color-focused: var(--nj-color-background-ultramarine-tertiary-focused);
    --nj-tag-icon-color-pressed: var(--nj-color-icon-ultramarine-secondary-pressed);
    --nj-tag-background-color-pressed: var(--nj-color-background-ultramarine-tertiary-pressed);
    --nj-tag-border-color: var(--nj-color-border-ultramarine-moderate)
}

.nj-tag--yellow {
    --nj-tag-icon-color: var(--nj-color-icon-yellow-secondary);
    --nj-tag-background-color: var(--nj-color-background-yellow-tertiary);
    --nj-tag-icon-color-hovered: var(--nj-color-icon-yellow-secondary-hovered);
    --nj-tag-background-color-hovered: var(--nj-color-background-yellow-tertiary-hovered);
    --nj-tag-icon-color-focused: var(--nj-color-icon-yellow-secondary-focused);
    --nj-tag-background-color-focused: var(--nj-color-background-yellow-tertiary-focused);
    --nj-tag-icon-color-pressed: var(--nj-color-icon-yellow-secondary-pressed);
    --nj-tag-background-color-pressed: var(--nj-color-background-yellow-tertiary-pressed);
    --nj-tag-border-color: var(--nj-color-border-yellow-moderate)
}

.nj-tag--purple {
    --nj-tag-icon-color: var(--nj-color-icon-purple-secondary);
    --nj-tag-background-color: var(--nj-color-background-purple-tertiary);
    --nj-tag-icon-color-hovered: var(--nj-color-icon-purple-secondary-hovered);
    --nj-tag-background-color-hovered: var(--nj-color-background-purple-tertiary-hovered);
    --nj-tag-icon-color-focused: var(--nj-color-icon-purple-secondary-focused);
    --nj-tag-background-color-focused: var(--nj-color-background-purple-tertiary-focused);
    --nj-tag-icon-color-pressed: var(--nj-color-icon-purple-secondary-pressed);
    --nj-tag-background-color-pressed: var(--nj-color-background-purple-tertiary-pressed);
    --nj-tag-border-color: var(--nj-color-border-purple-moderate)
}

.nj-tag--lime {
    --nj-tag-icon-color: var(--nj-color-icon-lime-secondary);
    --nj-tag-background-color: var(--nj-color-background-lime-tertiary);
    --nj-tag-icon-color-hovered: var(--nj-color-icon-lime-secondary-hovered);
    --nj-tag-background-color-hovered: var(--nj-color-background-lime-tertiary-hovered);
    --nj-tag-icon-color-focused: var(--nj-color-icon-lime-secondary-focused);
    --nj-tag-background-color-focused: var(--nj-color-background-lime-tertiary-focused);
    --nj-tag-icon-color-pressed: var(--nj-color-icon-lime-secondary-pressed);
    --nj-tag-background-color-pressed: var(--nj-color-background-lime-tertiary-pressed);
    --nj-tag-border-color: var(--nj-color-border-lime-moderate)
}

.nj-tag--brand {
    --nj-tag-icon-color: var(--nj-color-icon-brand-secondary);
    --nj-tag-background-color: var(--nj-color-background-brand-tertiary);
    --nj-tag-icon-color-hovered: var(--nj-color-icon-brand-secondary-hovered);
    --nj-tag-background-color-hovered: var(--nj-color-background-brand-tertiary-hovered);
    --nj-tag-icon-color-focused: var(--nj-color-icon-brand-secondary-focused);
    --nj-tag-background-color-focused: var(--nj-color-background-brand-tertiary-focused);
    --nj-tag-icon-color-pressed: var(--nj-color-icon-brand-secondary-pressed);
    --nj-tag-background-color-pressed: var(--nj-color-background-brand-tertiary-pressed);
    --nj-tag-border-color: var(--nj-color-border-brand-moderate)
}

.nj-tag--disabled,
.nj-tag.disabled,
.nj-tag:disabled {
    cursor: not-allowed;
    opacity: var(--nj-opacity-disabled);
    pointer-events: none
}

.nj-tag--disabled:focus,
.nj-tag.disabled:focus,
.nj-tag:disabled:focus {
    outline: none
}

@-webkit-keyframes gaugeProgress {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes gaugeProgress {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

.nj-toast {
    --nj-toast-gauge-color: var(--nj-color-base-gradient);
    --nj-toast-background-color: var(--nj-color-background-brand-high-contrast);
    --nj-toast-icon-color: var(--nj-color-icon-inverse-primary);
    --nj-toast-text-color: var(--nj-color-text-inverse);
    --nj-toast-min-width: 200px;
    --nj-toast-gauge-height: 4px;
    --nj-toast-box-shadow: var(--nj-shadow-level-8-dp);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: var(--nj-toast-background-color);
    border-radius: var(--nj-size-border-radius-sm);
    -webkit-box-shadow: var(--nj-toast-box-shadow);
    box-shadow: var(--nj-toast-box-shadow);
    color: var(--nj-toast-text-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    font-family: var(--nj-font-family-default);
    gap: var(--nj-size-space-16);
    justify-content: space-between;
    line-height: var(--nj-font-line-height-default);
    min-width: var(--nj-toast-min-width);
    overflow: hidden;
    padding: var(--nj-size-space-16);
    position: relative;
    z-index: var(--nj-elevation-toast)
}

.nj-toast,
.nj-toast *,
.nj-toast :after,
.nj-toast :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-toast--inverse {
    --nj-toast-gauge-color: var(--nj-color-background-brand);
    --nj-toast-background-color: var(--nj-color-background-primary);
    --nj-toast-icon-color: var(--nj-color-icon-brand-secondary);
    --nj-toast-text-color: var(--nj-color-text-primary)
}

.nj-toast__gauge {
    background: var(--nj-toast-background-color);
    height: var(--nj-toast-gauge-height)
}

.nj-toast__gauge,
.nj-toast__gauge-bar {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.nj-toast__gauge-bar {
    -webkit-animation: gaugeProgress forwards;
    animation: gaugeProgress forwards;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: var(--nj-toast-gauge-color);
    height: 100%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.nj-toast__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    gap: var(--nj-size-space-16)
}

.nj-toast__icon {
    color: var(--nj-toast-icon-color);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.nj-toast__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--nj-size-space-8);
    justify-content: center
}

.nj-toast__title {
    font-weight: var(--nj-font-weight-bold);
    margin: 0
}

.nj-toast__text {
    margin: 0
}

.nj-toast__action {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.nj-toast__action,
.nj-toast__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nj-toast__container {
    --nj-toast-container-pad: var(--nj-size-space-16);
    --nj-toast-container-gap: var(--nj-size-space-16);
    --nj-toast-container-width: 480px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    bottom: 0;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    font-family: var(--nj-font-family-default);
    gap: var(--nj-toast-container-gap);
    left: 50%;
    line-height: var(--nj-font-line-height-default);
    max-height: 100vh;
    max-width: 100%;
    overflow: auto;
    padding: 0 var(--nj-toast-container-pad) var(--nj-toast-container-pad);
    position: fixed;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: var(--nj-toast-container-width);
    z-index: var(--nj-elevation-toast-container)
}

.nj-toast__container,
.nj-toast__container *,
.nj-toast__container :after,
.nj-toast__container :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-toast__container--full-width {
    --nj-toast-container-width: 100vw
}

.nj-toggle {
    --nj-toggle-label-color: var(--nj-color-text-secondary);
    --nj-toggle-icon-color: var(--nj-color-icon-secondary);
    --nj-toggle-background-color: var(--nj-color-background-neutral);
    --nj-toggle-thumb--bg-color: var(--nj-color-background-primary);
    --nj-toggle-track-width: 32px;
    --nj-toggle-track-height: 16px;
    --nj-toggle-handle-radius: 12px;
    --nj-toggle-handle-translate: 16px;
    --nj-toggle-handle-left: 2px;
    --nj-toggle-icon-size: var(--nj-size-icon-sm);
    --nj-toggle-text-size: var(--nj-size-font-deci);
    --nj-toggle-lg-track-width: 64px;
    --nj-toggle-lg-track-height: 32px;
    --nj-toggle-lg-handle-radius: 24px;
    --nj-toggle-lg-handle-translate: 32px;
    --nj-toggle-lg-handle-left: 4px;
    --nj-toggle-lg-text-size: var(--nj-size-font-base);
    --nj-toggle-lg-icon-size: var(--nj-size-icon-sm);
    display: inline-block;
    font-family: var(--nj-font-family-default);
    line-height: var(--nj-font-line-height-default);
    position: relative
}

.nj-toggle,
.nj-toggle *,
.nj-toggle :after,
.nj-toggle :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-toggle:after {
    border-radius: var(--nj-size-border-radius-sm);
    -webkit-box-shadow: 0 0 0 var(--nj-size-border-focus-width) var(--nj-color-border-focused);
    box-shadow: 0 0 0 var(--nj-size-border-focus-width) var(--nj-color-border-focused);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    height: 100%;
    left: 50%;
    opacity: 0;
    padding: var(--nj-size-border-focus-offset);
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale3d(.85, .85, 1);
    transform: translate(-50%, -50%) scale3d(.85, .85, 1);
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s;
    transition: opacity .2s, transform .2s, -webkit-transform .2s;
    -webkit-transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    transition-timing-function: var(--nj-motion-bezier-fast-out-slow-in);
    width: 100%;
    z-index: 10
}

.nj-toggle:hover {
    --nj-toggle-background-color: var(--nj-color-background-neutral-hovered)
}

.nj-toggle:hover input[type=checkbox]:checked~.nj-toggle__track {
    --nj-toggle-background-color: var(--nj-color-background-brand-hovered)
}

@supports selector(:has(input:focus-visible)) {
    .nj-toggle:has(input:focus-visible) {
        --nj-toggle-background-color: var(--nj-color-background-neutral-focused)
    }

    .nj-toggle:has(input:focus-visible):after {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scaleX(1);
        transform: translate(-50%, -50%) scaleX(1)
    }

    .nj-toggle:has(input:focus-visible) input[type=checkbox]:checked~.nj-toggle__track {
        --nj-toggle-background-color: var(--nj-color-background-brand-focused)
    }
}

@supports not selector(:has(input:focus-visible)) {
    .nj-toggle:focus-within {
        --nj-toggle-background-color: var(--nj-color-background-neutral-focused)
    }

    .nj-toggle:focus-within:after {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scaleX(1);
        transform: translate(-50%, -50%) scaleX(1)
    }

    .nj-toggle:focus-within input[type=checkbox]:checked~.nj-toggle__track {
        --nj-toggle-background-color: var(--nj-color-background-brand-focused)
    }
}

.nj-toggle:active {
    --nj-toggle-background-color: var(--nj-color-background-neutral-pressed)
}

.nj-toggle:active input[type=checkbox]:checked~.nj-toggle__track {
    --nj-toggle-background-color: var(--nj-color-background-brand-pressed)
}

.nj-toggle--lg {
    --nj-toggle-track-width: var(--nj-toggle-lg-track-width);
    --nj-toggle-track-height: var(--nj-toggle-lg-track-height);
    --nj-toggle-handle-radius: var(--nj-toggle-lg-handle-radius);
    --nj-toggle-handle-translate: var(--nj-toggle-lg-handle-translate);
    --nj-toggle-handle-left: var(--nj-toggle-lg-handle-left);
    --nj-toggle-text-size: var(--nj-toggle-lg-text-size);
    --nj-toggle-icon-size: var(--nj-toggle-lg-icon-size)
}

.nj-toggle--disabled {
    opacity: var(--nj-opacity-disabled)
}

.nj-toggle--disabled label {
    cursor: not-allowed
}

.nj-toggle--inherit {
    --nj-toggle-label-color: inherit
}

.nj-toggle * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.nj-toggle label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--nj-toggle-label-color);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--nj-toggle-text-size);
    gap: var(--nj-size-space-8);
    margin-bottom: 0
}

.nj-toggle input[type=checkbox] {
    height: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    width: 0;
    z-index: -1
}

.nj-toggle input[type=checkbox]:checked~.nj-toggle__track:before {
    -webkit-transform: translate(var(--nj-toggle-handle-translate), -50%);
    transform: translate(var(--nj-toggle-handle-translate), -50%)
}

.nj-toggle input[type=checkbox]:checked~.nj-toggle__track {
    --nj-toggle-background-color: var(--nj-color-background-brand)
}

.nj-toggle__track {
    -ms-flex-negative: 0;
    background-color: var(--nj-toggle-background-color);
    border-radius: var(--nj-toggle-track-width);
    display: block;
    flex-shrink: 0;
    height: var(--nj-toggle-track-height);
    position: relative;
    -webkit-transition: background-color .25s var(--nj-motion-bezier-fast-out-slow-in);
    transition: background-color .25s var(--nj-motion-bezier-fast-out-slow-in);
    width: var(--nj-toggle-track-width)
}

.nj-toggle__track:before {
    background-color: var(--nj-toggle-thumb--bg-color);
    border-radius: var(--nj-toggle-handle-radius);
    content: "";
    height: calc(var(--nj-toggle-track-height)*.75);
    left: var(--nj-toggle-handle-left);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform .25s var(--nj-motion-bezier-fast-out-slow-in);
    transition: -webkit-transform .25s var(--nj-motion-bezier-fast-out-slow-in);
    transition: transform .25s var(--nj-motion-bezier-fast-out-slow-in);
    transition: transform .25s var(--nj-motion-bezier-fast-out-slow-in), -webkit-transform .25s var(--nj-motion-bezier-fast-out-slow-in);
    width: var(--nj-toggle-handle-radius)
}

.nj-toggle__icon {
    fill: var(--nj-toggle-icon-color);
    color: var(--nj-toggle-icon-color);
    display: block;
    font-size: var(--nj-toggle-icon-size);
    height: var(--nj-toggle-icon-size);
    width: var(--nj-toggle-icon-size)
}

.nj-toggle__icon .material-icons {
    font-size: inherit
}

.nj-toggle input[type=checkbox]:disabled {
    cursor: not-allowed;
    pointer-events: none
}

.nj-tooltip {
    --nj-tooltip-text-color: var(--nj-color-text-inverse);
    --nj-tooltip-bg: var(--nj-color-background-high-contrast);
    --nj-tooltip-arrow-width: .8rem;
    --nj-tooltip-arrow-height: .4rem;
    --nj-tooltip-max-width: 200px;
    word-wrap: break-word;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: var(--nj-font-family-default);
    font-size: var(--nj-size-font-deci);
    font-style: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: var(--nj-font-line-height-default);
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: var(--nj-elevation-tooltip)
}

.nj-tooltip,
.nj-tooltip *,
.nj-tooltip :after,
.nj-tooltip :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nj-tooltip.show {
    opacity: 1
}

.nj-tooltip--standalone {
    position: relative
}

.nj-tooltip--inverse {
    --nj-tooltip-text-color: var(--nj-color-text-primary);
    --nj-tooltip-bg: var(--nj-color-background-inverse)
}

.nj-tooltip.nj-tooltip--without-arrow .nj-tooltip__arrow {
    display: none
}

.nj-tooltip.nj-tooltip--auto[x-placement^=top],
.nj-tooltip.nj-tooltip--top {
    padding: var(--nj-tooltip-arrow-height) 0
}

.nj-tooltip.nj-tooltip--auto[x-placement^=top] .nj-tooltip__arrow,
.nj-tooltip.nj-tooltip--top .nj-tooltip__arrow {
    bottom: 0
}

.nj-tooltip.nj-tooltip--auto[x-placement^=top] .nj-tooltip__arrow--start,
.nj-tooltip.nj-tooltip--top .nj-tooltip__arrow--start {
    left: var(--nj-size-space-4)
}

.nj-tooltip.nj-tooltip--auto[x-placement^=top] .nj-tooltip__arrow--center,
.nj-tooltip.nj-tooltip--top .nj-tooltip__arrow--center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.nj-tooltip.nj-tooltip--auto[x-placement^=top] .nj-tooltip__arrow--end,
.nj-tooltip.nj-tooltip--top .nj-tooltip__arrow--end {
    right: var(--nj-size-space-4)
}

.nj-tooltip.nj-tooltip--auto[x-placement^=top] .nj-tooltip__arrow:before,
.nj-tooltip.nj-tooltip--top .nj-tooltip__arrow:before {
    border-top-color: var(--nj-tooltip-bg);
    border-width: var(--nj-tooltip-arrow-height) calc(var(--nj-tooltip-arrow-width)*.5) 0;
    top: 0
}

.nj-tooltip.nj-tooltip--auto[x-placement^=right],
.nj-tooltip.nj-tooltip--right {
    padding: 0 var(--nj-tooltip-arrow-height)
}

.nj-tooltip.nj-tooltip--auto[x-placement^=right] .nj-tooltip__arrow,
.nj-tooltip.nj-tooltip--right .nj-tooltip__arrow {
    height: var(--nj-tooltip-arrow-width);
    left: 0;
    width: var(--nj-tooltip-arrow-height)
}

.nj-tooltip.nj-tooltip--auto[x-placement^=right] .nj-tooltip__arrow--start,
.nj-tooltip.nj-tooltip--right .nj-tooltip__arrow--start {
    top: var(--nj-size-space-4)
}

.nj-tooltip.nj-tooltip--auto[x-placement^=right] .nj-tooltip__arrow--center,
.nj-tooltip.nj-tooltip--right .nj-tooltip__arrow--center {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.nj-tooltip.nj-tooltip--auto[x-placement^=right] .nj-tooltip__arrow--end,
.nj-tooltip.nj-tooltip--right .nj-tooltip__arrow--end {
    bottom: var(--nj-size-space-4)
}

.nj-tooltip.nj-tooltip--auto[x-placement^=right] .nj-tooltip__arrow:before,
.nj-tooltip.nj-tooltip--right .nj-tooltip__arrow:before {
    border-right-color: var(--nj-tooltip-bg);
    border-width: calc(var(--nj-tooltip-arrow-width)*.5) var(--nj-tooltip-arrow-height) calc(var(--nj-tooltip-arrow-width)*.5) 0;
    right: 0
}

.nj-tooltip.nj-tooltip--auto[x-placement^=bottom],
.nj-tooltip.nj-tooltip--bottom {
    padding: var(--nj-tooltip-arrow-height) 0
}

.nj-tooltip.nj-tooltip--auto[x-placement^=bottom] .nj-tooltip__arrow,
.nj-tooltip.nj-tooltip--bottom .nj-tooltip__arrow {
    top: 0
}

.nj-tooltip.nj-tooltip--auto[x-placement^=bottom] .nj-tooltip__arrow--start,
.nj-tooltip.nj-tooltip--bottom .nj-tooltip__arrow--start {
    left: var(--nj-size-space-4)
}

.nj-tooltip.nj-tooltip--auto[x-placement^=bottom] .nj-tooltip__arrow--center,
.nj-tooltip.nj-tooltip--bottom .nj-tooltip__arrow--center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.nj-tooltip.nj-tooltip--auto[x-placement^=bottom] .nj-tooltip__arrow--end,
.nj-tooltip.nj-tooltip--bottom .nj-tooltip__arrow--end {
    right: var(--nj-size-space-4)
}

.nj-tooltip.nj-tooltip--auto[x-placement^=bottom] .nj-tooltip__arrow:before,
.nj-tooltip.nj-tooltip--bottom .nj-tooltip__arrow:before {
    border-bottom-color: var(--nj-tooltip-bg);
    border-width: 0 calc(var(--nj-tooltip-arrow-width)*.5) var(--nj-tooltip-arrow-height);
    bottom: 0
}

.nj-tooltip.nj-tooltip--auto[x-placement^=left],
.nj-tooltip.nj-tooltip--left {
    padding: 0 var(--nj-tooltip-arrow-height)
}

.nj-tooltip.nj-tooltip--auto[x-placement^=left] .nj-tooltip__arrow,
.nj-tooltip.nj-tooltip--left .nj-tooltip__arrow {
    height: var(--nj-tooltip-arrow-width);
    right: 0;
    width: var(--nj-tooltip-arrow-height)
}

.nj-tooltip.nj-tooltip--auto[x-placement^=left] .nj-tooltip__arrow--start,
.nj-tooltip.nj-tooltip--left .nj-tooltip__arrow--start {
    top: var(--nj-size-space-4)
}

.nj-tooltip.nj-tooltip--auto[x-placement^=left] .nj-tooltip__arrow--center,
.nj-tooltip.nj-tooltip--left .nj-tooltip__arrow--center {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.nj-tooltip.nj-tooltip--auto[x-placement^=left] .nj-tooltip__arrow--end,
.nj-tooltip.nj-tooltip--left .nj-tooltip__arrow--end {
    bottom: var(--nj-size-space-4)
}

.nj-tooltip.nj-tooltip--auto[x-placement^=left] .nj-tooltip__arrow:before,
.nj-tooltip.nj-tooltip--left .nj-tooltip__arrow:before {
    border-left-color: var(--nj-tooltip-bg);
    border-width: calc(var(--nj-tooltip-arrow-width)*.5) 0 calc(var(--nj-tooltip-arrow-width)*.5) var(--nj-tooltip-arrow-height);
    left: 0
}

.nj-tooltip__arrow {
    display: block;
    height: var(--nj-tooltip-arrow-height);
    position: absolute;
    width: var(--nj-tooltip-arrow-width)
}

.nj-tooltip__arrow:before {
    border-color: transparent;
    border-style: solid;
    content: "";
    position: absolute
}

.nj-tooltip__inner {
    background-color: var(--nj-tooltip-bg);
    border-radius: var(--nj-size-border-radius-sm);
    color: var(--nj-tooltip-text-color);
    max-width: var(--nj-tooltip-max-width);
    padding: var(--nj-size-space-4) var(--nj-size-space-12);
    text-align: center
}

:root {
    --white: #fff;
    --black: #000;
    --bg-body: var(--white);
    --color-primary: #0a0082;
    --color-secondary: #008874;
    --color-tertiary: #33bba7;
    --color-highlight-1: #f5d750;
    --color-highlight-2: #d72871;
    --color-highlight-3: #00aa91;
    --color-highlight-4: #0a0082;
    --color-highlight-5: #99ddd3;
    --color-highlight-6: #cecce6;
    --color-highlight-7: #cceee9;
    --color-highlight-8: #f1f4ff;
    --drop-shadow-yellow: #f5d750;
    --drop-shadow-pink: #d72871;
    --drop-shadow-green: #00aa91;
    --drop-shadow-blue: #0a0082;
    --drop-shadow-light-green: #99ddd3;
    --drop-shadow-xlight-green: #cceee9;
    --drop-shadow-light-blue: #cecce6;
    --title-color: var(--color-primary);
    --title-highlight-color: var(--white);
    --title-color-secondary: var(--color-tertiary);
    --text-color: var(--color-primary);
    --text-color-secondary: var(--white);
    --bg-block-white: var(--white);
    --bg-block-blue: var(--color-primary);
    --bg-block-green: var(--color-secondary);
    --bg-block-light-green: var(--color-highlight-4);
    --wp--preset--color--secondary: #007acd;
    --max-width-container: 1480px;
    --scroll-bar: 8px;
    --orange-engie: #ffbf66;
    --sub-menu-cta-block: #17255f;
    --grey-100: #333;
    --light-neutral-neutral-alpha-200: #052b5014;
    --light-neutral-neutral-alpha-300: #00284633;
    --light-neutral-neutral-alpha-400: #062d4963;
    --primary-blue-100: #f1f5fd;
    --primary-blue-200: #e3ebfb;
    --level-1: 1;
    --level-2: 2;
    --level-3: 3;
    --level-5: 5;
    --line-height-sub-title-cta-block: 30px;
    --line-height-title-cta-block: 34px;
    --line-height-text: 24px
}

.lvl-1,
h1 {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.2
}

@media only screen and (min-width:768px) {

    .lvl-1,
    h1 {
        font-size: 2.875rem
    }
}

@media only screen and (min-width:1200px) {

    .lvl-1,
    h1 {
        font-size: 3.5rem
    }
}

.lvl-1 mark.has-inline-color,
h1 mark.has-inline-color {
    color: var(--color-secondary) !important
}

.lvl-2 {
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 1.2
}

@media only screen and (min-width:768px) {
    .lvl-2 {
        font-size: 2.375rem
    }
}

@media only screen and (min-width:1200px) {
    .lvl-2 {
        font-size: 2.875rem
    }
}

.lvl-2 mark.has-inline-color {
    color: var(--color-secondary) !important
}

.lvl-3,
h3 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2
}

@media only screen and (min-width:1200px) {

    .lvl-3,
    h3 {
        font-size: 2.25rem
    }
}

.lvl-3 mark.has-inline-color,
h3 mark.has-inline-color {
    color: var(--color-secondary) !important
}

.lvl-4,
h4 {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.2
}

.lvl-4 mark.has-inline-color,
h4 mark.has-inline-color {
    color: var(--color-secondary) !important
}

@media only screen and (min-width:1200px) {

    .lvl-4,
    h4 {
        font-size: 1.625rem
    }
}

.lvl-5,
h5 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2
}

.lvl-5 mark.has-inline-color,
h5 mark.has-inline-color {
    color: var(--color-secondary) !important
}

.title-head {
    color: var(--color-secondary);
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase
}

@media only screen and (min-width:1200px) {
    .title-head {
        font-size: 1rem
    }
}

.txt-l {
    font-size: 1.125rem
}

@media only screen and (min-width:1024px) {
    .txt-l {
        font-size: 1.25rem
    }
}

.txt-med {
    font-size: 1rem
}

@media only screen and (min-width:1024px) {
    .txt-med {
        font-size: 1.125rem
    }
}

.txt-reg {
    font-size: 1rem
}

.txt-s {
    font-size: .875rem
}

#map-container .map-control-filters__content,
#map-container .map-control-legend__content,
#map-container .map-control-settings__content,
#map-container .map-control-sidebar .map-control-sidebar-content-stations.active .search-history.active,
.map-control-config-vehicules__content,
.map-control-info-travel__content,
.map-control-map-planer-vehicle-single__content,
.map-control-map-planer-vehicles-versions__content,
.map-control-map-planer-vehicles__content,
.map-control-marker-infos-amenities__content,
.map-control-marker-infos__content,
.map-control-sidebar-content-planer .map-control-planif-travel__content,
.pac-container,
.search-history {
    -ms-overflow-style: none;
    scrollbar-width: none
}

#map-container .map-control-filters__content::-webkit-scrollbar,
#map-container .map-control-legend__content::-webkit-scrollbar,
#map-container .map-control-settings__content::-webkit-scrollbar,
#map-container .map-control-sidebar .map-control-sidebar-content-stations.active .search-history.active::-webkit-scrollbar,
.map-control-config-vehicules__content::-webkit-scrollbar,
.map-control-info-travel__content::-webkit-scrollbar,
.map-control-map-planer-vehicle-single__content::-webkit-scrollbar,
.map-control-map-planer-vehicles-versions__content::-webkit-scrollbar,
.map-control-map-planer-vehicles__content::-webkit-scrollbar,
.map-control-marker-infos-amenities__content::-webkit-scrollbar,
.map-control-marker-infos__content::-webkit-scrollbar,
.map-control-sidebar-content-planer .map-control-planif-travel__content::-webkit-scrollbar,
.pac-container::-webkit-scrollbar,
.search-history::-webkit-scrollbar {
    display: none
}

#map-container #map-engie-chargetrip .gm-bundled-control-on-bottom .gm-control-active:focus-visible,
#map-container #map-engie-chargetrip .map-control-button-filter:focus-visible,
#map-container #map-engie-chargetrip .map-control-button-legend:focus-visible,
#map-container #map-engie-chargetrip .map-control-button-localisation:focus-visible,
#map-container #map-engie-chargetrip .map-control-button-settings:focus-visible {
    outline: none
}

#map-container #map-engie-chargetrip .gm-bundled-control-on-bottom .gm-control-active:focus-visible:before,
#map-container #map-engie-chargetrip .map-control-button-filter:focus-visible:before,
#map-container #map-engie-chargetrip .map-control-button-legend:focus-visible:before,
#map-container #map-engie-chargetrip .map-control-button-localisation:focus-visible:before,
#map-container #map-engie-chargetrip .map-control-button-settings:focus-visible:before {
    border: 2px solid var(--nj-color-palette-blue-600);
    content: "";
    height: 58px;
    left: -6px;
    position: absolute;
    top: -6px;
    width: 58px
}

#map-container #map-engie-chargetrip .gm-bundled-control-on-bottom .gm-control-active:focus-visible path:nth-of-type(2),
#map-container #map-engie-chargetrip .map-control-button-filter:focus-visible path:nth-of-type(2),
#map-container #map-engie-chargetrip .map-control-button-legend:focus-visible path:nth-of-type(2),
#map-container #map-engie-chargetrip .map-control-button-localisation:focus-visible path:nth-of-type(2),
#map-container #map-engie-chargetrip .map-control-button-settings:focus-visible path:nth-of-type(2) {
    fill: var(--nj-color-palette-blue-600)
}

#map-container #map-engie-chargetrip .gm-bundled-control-on-bottom .gm-control-active:focus-visible span,
#map-container #map-engie-chargetrip .map-control-button-filter:focus-visible span,
#map-container #map-engie-chargetrip .map-control-button-legend:focus-visible span,
#map-container #map-engie-chargetrip .map-control-button-localisation:focus-visible span,
#map-container #map-engie-chargetrip .map-control-button-settings:focus-visible span {
    color: var(--nj-color-palette-blue-600)
}

#map-container #map-engie-chargetrip .gm-bundled-control-on-bottom .gm-control-active:focus-visible img,
#map-container #map-engie-chargetrip .map-control-button-filter:focus-visible img,
#map-container #map-engie-chargetrip .map-control-button-legend:focus-visible img,
#map-container #map-engie-chargetrip .map-control-button-localisation:focus-visible img,
#map-container #map-engie-chargetrip .map-control-button-settings:focus-visible img {
    -webkit-filter: invert(30%) sepia(69%) saturate(2883%) hue-rotate(186deg) brightness(91%) contrast(101%);
    filter: invert(30%) sepia(69%) saturate(2883%) hue-rotate(186deg) brightness(91%) contrast(101%)
}

#map-container .map-control-sidebar .map-control-sidebar-content-stations .search,
.map-control-map-planer-vehicles .search,
.map-control-sidebar-content-planer .map-control-planif-travel .search-end-travel,
.map-control-sidebar-content-planer .map-control-planif-travel .search-start-travel {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 1px solid var(--nj-color-palette-grey-500);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 8px;
    justify-content: center;
    padding: 8px 16px
}

#map-container .map-control-sidebar .map-control-sidebar-content-stations .search:focus-within,
.map-control-map-planer-vehicles .search:focus-within,
.map-control-sidebar-content-planer .map-control-planif-travel .search-end-travel:focus-within,
.map-control-sidebar-content-planer .map-control-planif-travel .search-start-travel:focus-within {
    outline: 2px solid var(--nj-color-palette-blue-600)
}

#map-container .map-control-sidebar .map-control-sidebar-content-stations .search:focus-within input::-webkit-input-placeholder,
.map-control-map-planer-vehicles .search:focus-within input::-webkit-input-placeholder,
.map-control-sidebar-content-planer .map-control-planif-travel .search-end-travel:focus-within input::-webkit-input-placeholder,
.map-control-sidebar-content-planer .map-control-planif-travel .search-start-travel:focus-within input::-webkit-input-placeholder {
    color: transparent
}

#map-container .map-control-sidebar .map-control-sidebar-content-stations .search:focus-within input::-moz-placeholder,
.map-control-map-planer-vehicles .search:focus-within input::-moz-placeholder,
.map-control-sidebar-content-planer .map-control-planif-travel .search-end-travel:focus-within input::-moz-placeholder,
.map-control-sidebar-content-planer .map-control-planif-travel .search-start-travel:focus-within input::-moz-placeholder {
    color: transparent
}

#map-container .map-control-sidebar .map-control-sidebar-content-stations .search:focus-within input:-ms-input-placeholder,
.map-control-map-planer-vehicles .search:focus-within input:-ms-input-placeholder,
.map-control-sidebar-content-planer .map-control-planif-travel .search-end-travel:focus-within input:-ms-input-placeholder,
.map-control-sidebar-content-planer .map-control-planif-travel .search-start-travel:focus-within input:-ms-input-placeholder {
    color: transparent
}

#map-container .map-control-sidebar .map-control-sidebar-content-stations .search:focus-within input::-ms-input-placeholder,
.map-control-map-planer-vehicles .search:focus-within input::-ms-input-placeholder,
.map-control-sidebar-content-planer .map-control-planif-travel .search-end-travel:focus-within input::-ms-input-placeholder,
.map-control-sidebar-content-planer .map-control-planif-travel .search-start-travel:focus-within input::-ms-input-placeholder {
    color: transparent
}

#map-container .map-control-sidebar .map-control-sidebar-content-stations .search:focus-within input::placeholder,
.map-control-map-planer-vehicles .search:focus-within input::placeholder,
.map-control-sidebar-content-planer .map-control-planif-travel .search-end-travel:focus-within input::placeholder,
.map-control-sidebar-content-planer .map-control-planif-travel .search-start-travel:focus-within input::placeholder {
    color: transparent
}

#map-container .map-control-sidebar .map-control-sidebar-content-stations .search input,
.map-control-map-planer-vehicles .search input,
.map-control-sidebar-content-planer .map-control-planif-travel .search-end-travel input,
.map-control-sidebar-content-planer .map-control-planif-travel .search-start-travel input {
    border: none;
    color: var(--nj-color-palette-grey-1000);
    font-family: var(--nj-font-family-sans-serif);
    font-size: var(--nj-size-font-base);
    font-weight: 400;
    line-height: 24px;
    outline: none;
    padding: 0;
    width: 100%
}

#map-container .map-control-sidebar .map-control-sidebar-content-stations .search input:-webkit-autofill+.material-icons.empty-field,
#map-container .map-control-sidebar .map-control-sidebar-content-stations .search input:focus+.material-icons.empty-field,
#map-container .map-control-sidebar .map-control-sidebar-content-stations .search input:not(:placeholder-shown)+.material-icons.empty-field,
.map-control-map-planer-vehicles .search input:-webkit-autofill+.material-icons.empty-field,
.map-control-map-planer-vehicles .search input:focus+.material-icons.empty-field,
.map-control-map-planer-vehicles .search input:not(:placeholder-shown)+.material-icons.empty-field,
.map-control-sidebar-content-planer .map-control-planif-travel .search-end-travel input:-webkit-autofill+.material-icons.empty-field,
.map-control-sidebar-content-planer .map-control-planif-travel .search-end-travel input:focus+.material-icons.empty-field,
.map-control-sidebar-content-planer .map-control-planif-travel .search-end-travel input:not(:placeholder-shown)+.material-icons.empty-field,
.map-control-sidebar-content-planer .map-control-planif-travel .search-start-travel input:-webkit-autofill+.material-icons.empty-field,
.map-control-sidebar-content-planer .map-control-planif-travel .search-start-travel input:focus+.material-icons.empty-field,
.map-control-sidebar-content-planer .map-control-planif-travel .search-start-travel input:not(:placeholder-shown)+.material-icons.empty-field {
    display: block
}

#map-container .map-control-sidebar .map-control-sidebar-content-stations .search input::-webkit-input-placeholder,
.map-control-map-planer-vehicles .search input::-webkit-input-placeholder,
.map-control-sidebar-content-planer .map-control-planif-travel .search-end-travel input::-webkit-input-placeholder,
.map-control-sidebar-content-planer .map-control-planif-travel .search-start-travel input::-webkit-input-placeholder {
    color: #757575
}

#map-container .map-control-sidebar .map-control-sidebar-content-stations .search input::-moz-placeholder,
.map-control-map-planer-vehicles .search input::-moz-placeholder,
.map-control-sidebar-content-planer .map-control-planif-travel .search-end-travel input::-moz-placeholder,
.map-control-sidebar-content-planer .map-control-planif-travel .search-start-travel input::-moz-placeholder {
    color: #757575
}

#map-container .map-control-sidebar .map-control-sidebar-content-stations .search input:-ms-input-placeholder,
.map-control-map-planer-vehicles .search input:-ms-input-placeholder,
.map-control-sidebar-content-planer .map-control-planif-travel .search-end-travel input:-ms-input-placeholder,
.map-control-sidebar-content-planer .map-control-planif-travel .search-start-travel input:-ms-input-placeholder {
    color: #757575
}

#map-container .map-control-sidebar .map-control-sidebar-content-stations .search input::-ms-input-placeholder,
.map-control-map-planer-vehicles .search input::-ms-input-placeholder,
.map-control-sidebar-content-planer .map-control-planif-travel .search-end-travel input::-ms-input-placeholder,
.map-control-sidebar-content-planer .map-control-planif-travel .search-start-travel input::-ms-input-placeholder {
    color: #757575
}

#map-container .map-control-sidebar .map-control-sidebar-content-stations .search input::placeholder,
.map-control-map-planer-vehicles .search input::placeholder,
.map-control-sidebar-content-planer .map-control-planif-travel .search-end-travel input::placeholder,
.map-control-sidebar-content-planer .map-control-planif-travel .search-start-travel input::placeholder {
    color: #757575
}

#map-container .map-control-sidebar .map-control-sidebar-content-stations .search input:-moz-placeholder-shown+.material-icons.empty-field,
.map-control-map-planer-vehicles .search input:-moz-placeholder-shown+.material-icons.empty-field,
.map-control-sidebar-content-planer .map-control-planif-travel .search-end-travel input:-moz-placeholder-shown+.material-icons.empty-field,
.map-control-sidebar-content-planer .map-control-planif-travel .search-start-travel input:-moz-placeholder-shown+.material-icons.empty-field {
    display: none
}

#map-container .map-control-sidebar .map-control-sidebar-content-stations .search input:-ms-input-placeholder+.material-icons.empty-field,
.map-control-map-planer-vehicles .search input:-ms-input-placeholder+.material-icons.empty-field,
.map-control-sidebar-content-planer .map-control-planif-travel .search-end-travel input:-ms-input-placeholder+.material-icons.empty-field,
.map-control-sidebar-content-planer .map-control-planif-travel .search-start-travel input:-ms-input-placeholder+.material-icons.empty-field {
    display: none
}

#map-container .map-control-sidebar .map-control-sidebar-content-stations .search input:placeholder-shown+.material-icons.empty-field,
.map-control-map-planer-vehicles .search input:placeholder-shown+.material-icons.empty-field,
.map-control-sidebar-content-planer .map-control-planif-travel .search-end-travel input:placeholder-shown+.material-icons.empty-field,
.map-control-sidebar-content-planer .map-control-planif-travel .search-start-travel input:placeholder-shown+.material-icons.empty-field {
    display: none
}

#map-container .map-control-sidebar .map-control-sidebar-content-stations .search input+.material-icons,
.map-control-map-planer-vehicles .search input+.material-icons,
.map-control-sidebar-content-planer .map-control-planif-travel .search-end-travel input+.material-icons,
.map-control-sidebar-content-planer .map-control-planif-travel .search-start-travel input+.material-icons {
    cursor: pointer
}

#map-container .map-control-sidebar .map-control-sidebar-content-stations .search .material-icons,
.map-control-map-planer-vehicles .search .material-icons,
.map-control-sidebar-content-planer .map-control-planif-travel .search-end-travel .material-icons,
.map-control-sidebar-content-planer .map-control-planif-travel .search-start-travel .material-icons {
    color: #757575;
    height: 24px;
    width: 24px
}

.screen-reader-only {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--nj-color-palette-ultramarine-900);
    font-weight: var(--nj-font-weight-bold)
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    border: 0;
    border-top: 1px solid var(--nj-color-palette-grey-300);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    margin-top: var(--nj-size-space-16);
    overflow: visible
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 !important;
    scroll-behavior: smooth
}

body {
    background-color: var(--bg-body);
    color: var(--nj-color-text-primary);
    font-family: var(--nj-font-family-sans-serif);
    font-size: .875rem;
    font-weight: 400
}

@media only screen and (min-width:768px) {
    body {
        font-size: 1rem
    }
}

body.has-panel-open-js,
body.has-panel-planer-open-js,
body.modal-open-js {
    overflow-y: hidden
}

body .is-layout-flow>*,
body .is-layout-flow>*+*,
body .wp-site-blocks>*+* {
    -webkit-margin-before: 0;
    margin-block-start: 0
}

a {
    color: var(--color-primary);
    outline: none;
    text-decoration: underline
}

.wp-site-blocks {
    padding-bottom: 0;
    padding-top: 0
}

.wrapper-content {
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 100%
}

@media only screen and (min-width:768px) {
    .wrapper-content {
        padding: 0 90px
    }
}

@media only screen and (min-width:1200px) {
    .wrapper-content {
        max-width: var(--max-width-container);
        padding: 0 140px
    }
}

.sroll-locked {
    bottom: 0;
    left: 0;
    min-height: 100vh;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0
}

body:not(.wp-admin) .hidden {
    display: none !important
}

@media only screen and (max-width:767px) {
    body:not(.wp-admin) .mobile-hidden {
        display: none
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    body:not(.wp-admin) .tablet-hidden {
        display: none
    }
}

@media only screen and (min-width:1200px) {
    body:not(.wp-admin) .desktop-hidden {
        display: none
    }
}

@media only screen and (max-width:767px) {
    body:not(.wp-admin) .mobile-align-self-center {
        -ms-flex-item-align: center;
        align-self: center
    }
}

.no-border {
    border: none !important
}

.no-padding-container .container,
.no-padding-container .page-template-template-site-map .entry-content ul,
.no-padding-container .page-template-template-static .entry-content ol,
.no-padding-container .page-template-template-static .entry-content p,
.no-padding-container .page-template-template-static .entry-content ul,
.no-padding-container .page-template-template-webview-static .entry-content ol,
.no-padding-container .page-template-template-webview-static .entry-content p,
.no-padding-container .page-template-template-webview-static .entry-content ul,
.page-template-template-site-map .entry-content .no-padding-container ul,
.page-template-template-static .entry-content .no-padding-container ol,
.page-template-template-static .entry-content .no-padding-container p,
.page-template-template-static .entry-content .no-padding-container ul,
.page-template-template-webview-static .entry-content .no-padding-container ol,
.page-template-template-webview-static .entry-content .no-padding-container p,
.page-template-template-webview-static .entry-content .no-padding-container ul {
    padding: 0
}

.wp-block-button:not(.link) .wp-block-button__link {
    background-color: var(--color-primary);
    border: 2px solid var(--color-primary);
    border-radius: 0;
    color: var(--white);
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
    padding: 11px 20px;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.wp-block-button:not(.link) .wp-block-button__link:hover {
    background-color: var(--white);
    color: var(--color-primary)
}

.wp-block-button.secondary.external:not(.link) .wp-block-button__link,
.wp-block-button.secondary:not(.link) .wp-block-button__link {
    background-color: transparent;
    border: 2px solid var(--color-primary);
    border-radius: 0;
    color: var(--color-primary);
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
    padding: 11px 20px;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.wp-block-button.secondary:not(.link) .external.wp-block-button__link {
    padding-right: 26px;
    position: relative
}

.wp-block-button.secondary:not(.link) .external.wp-block-button__link:after {
    fill: var(--color-primary);
    background: transparent url(../svg/arrow-up.svg) no-repeat 50%;
    content: "";
    height: 18px;
    position: absolute;
    right: 0;
    top: 0;
    width: 18px
}

.wp-block-button.secondary:not(.link) .wp-block-button__link:hover {
    background-color: var(--color-primary);
    color: var(--white)
}

.wp-block-button.secondary:not(.link) .wp-block-button__link:hover.external {
    padding-right: 26px;
    position: relative
}

.wp-block-button.secondary:not(.link) .wp-block-button__link:hover.external:after {
    fill: var(--white);
    background: transparent url(../svg/arrow-up.svg) no-repeat 50%;
    color: var(--white);
    content: "";
    height: 18px;
    position: absolute;
    right: 0;
    top: 0;
    width: 18px
}

.btn {
    border: 2px solid var(--color-primary);
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
    padding: 11px 20px;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.btn.primary {
    background-color: var(--color-primary);
    color: var(--white)
}

.btn.primary.external:after,
.btn.primary:hover {
    background-color: var(--white)
}

.btn.primary:hover {
    color: var(--color-primary)
}

.btn.primary:hover.external:after {
    background-color: var(--color-primary)
}

.btn.secondary {
    background-color: var(--white);
    color: var(--color-primary)
}

.btn.secondary.external:after,
.btn.secondary:hover {
    background-color: var(--color-primary)
}

.btn.secondary:hover,
.btn.secondary:hover.external {
    color: var(--white)
}

.btn.secondary:hover.external:after {
    background-color: var(--white)
}

.btn.external {
    padding-right: 26px;
    position: relative
}

.btn.external:after {
    content: "";
    height: 18px;
    -webkit-mask-image: url(../svg/arrow-up.svg);
    mask-image: url(../svg/arrow-up.svg);
    position: absolute;
    right: 0;
    top: 0;
    width: 18px
}

.wp-block-button:not(.link).external .wp-block-button__link {
    padding-right: 53px;
    position: relative
}

.wp-block-button:not(.link).external .wp-block-button__link:after {
    background-color: var(--white);
    content: "";
    height: 24px;
    -webkit-mask-image: url(../svg/arrow-right.svg);
    mask-image: url(../svg/arrow-right.svg);
    position: absolute;
    right: 15px;
    top: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 24px
}

.wp-block-button:not(.link).external .wp-block-button__link:hover:after {
    background-color: var(--color-primary)
}

.wp-block-button.secondary.external:not(.link) .wp-block-button__link.external .wp-block-button__link,
.wp-block-button.secondary:not(.link) .wp-block-button__link.external .wp-block-button__link {
    padding-right: 53px;
    position: relative
}

.wp-block-button.secondary.external:not(.link) .wp-block-button__link.external .wp-block-button__link:after,
.wp-block-button.secondary:not(.link) .wp-block-button__link.external .wp-block-button__link:after {
    background-color: var(--color-primary);
    content: "";
    height: 24px;
    -webkit-mask-image: url(../svg/arrow-right.svg);
    mask-image: url(../svg/arrow-right.svg);
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 24px
}

.wp-block-button.secondary.external:not(.link) .wp-block-button__link.external .wp-block-button__link:hover:after,
.wp-block-button.secondary:not(.link) .wp-block-button__link.external .wp-block-button__link:hover:after {
    background-color: var(--white)
}

.map-control-config-vehicules .amenities .amenities-all-link,
.map-control-info-travel .amenities .amenities-all-link,
.map-control-map-planer-vehicle-single .amenities .amenities-all-link,
.map-control-map-planer-vehicles .amenities .amenities-all-link,
.map-control-map-planer-vehicles-versions .amenities .amenities-all-link,
.map-control-marker-infos .amenities .amenities-all-link,
.map-control-marker-infos-amenities .amenities .amenities-all-link,
.map-control-sidebar-content-planer .map-control-planif-travel .battery .config-modify,
.map-control-sidebar-content-planer .map-control-planif-travel .config-section .config-modify {
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: var(--nj-color-palette-blue-600);
    cursor: pointer;
    font-size: var(--nj-size-font-base);
    font-weight: var(--nj-font-weight-bold);
    line-height: 20px;
    padding: 8px 16px
}

.map-control-config-vehicules .amenities .amenities-all-link:hover,
.map-control-info-travel .amenities .amenities-all-link:hover,
.map-control-map-planer-vehicle-single .amenities .amenities-all-link:hover,
.map-control-map-planer-vehicles .amenities .amenities-all-link:hover,
.map-control-map-planer-vehicles-versions .amenities .amenities-all-link:hover,
.map-control-marker-infos .amenities .amenities-all-link:hover,
.map-control-marker-infos-amenities .amenities .amenities-all-link:hover,
.map-control-sidebar-content-planer .map-control-planif-travel .battery .config-modify:hover,
.map-control-sidebar-content-planer .map-control-planif-travel .config-section .config-modify:hover {
    color: var(--nj-color-palette-blue-700)
}

.map-control-config-vehicules .amenities .amenities-all-link:focus,
.map-control-info-travel .amenities .amenities-all-link:focus,
.map-control-map-planer-vehicle-single .amenities .amenities-all-link:focus,
.map-control-map-planer-vehicles .amenities .amenities-all-link:focus,
.map-control-map-planer-vehicles-versions .amenities .amenities-all-link:focus,
.map-control-marker-infos .amenities .amenities-all-link:focus,
.map-control-marker-infos-amenities .amenities .amenities-all-link:focus,
.map-control-sidebar-content-planer .map-control-planif-travel .battery .config-modify:focus,
.map-control-sidebar-content-planer .map-control-planif-travel .config-section .config-modify:focus {
    color: var(--nj-color-palette-blue-700);
    outline: 2px solid var(--nj-color-palette-blue-600)
}

.map-control-config-vehicules .amenities .amenities-all-link:active,
.map-control-info-travel .amenities .amenities-all-link:active,
.map-control-map-planer-vehicle-single .amenities .amenities-all-link:active,
.map-control-map-planer-vehicles .amenities .amenities-all-link:active,
.map-control-map-planer-vehicles-versions .amenities .amenities-all-link:active,
.map-control-marker-infos .amenities .amenities-all-link:active,
.map-control-marker-infos-amenities .amenities .amenities-all-link:active,
.map-control-sidebar-content-planer .map-control-planif-travel .battery .config-modify:active,
.map-control-sidebar-content-planer .map-control-planif-travel .config-section .config-modify:active {
    color: var(--nj-color-palette-blue-800)
}

:root {
    --input-bg: #fff;
    --input-height: 70px;
    --input-border-size: 2px;
    --input-border-type: solid;
    --input-border-color: var(--color-primary);
    --input-border-color--focus: var(--color-primary);
    --input-font-family: var(--global-font);
    --input-label-font-family: var(--global-font);
    --input-label-color: var(--white);
    --input-label-weight: 700;
    --input-text-color: var(--color-primary)
}

.wrapper-input {
    width: 100%
}

.wrapper-input label {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 6px;
    text-align: left
}

.wrapper-input .input-text {
    background: var(--input-bg);
    border: var(--input-border-size) var(--input-border-type) var(--input-border-color);
    color: var(--input-text-color);
    font-size: 1rem;
    height: var(--input-height);
    padding: 12px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .wrapper-input .input-text {
        width: 65%
    }
}

.wrapper-input .btn-submit {
    background-color: var(--color-tertiary);
    border: none;
    color: var(--black);
    font-family: Montserrat;
    font-size: 1rem;
    font-weight: 700;
    height: var(--input-height);
    margin-left: 20px;
    padding: 0 20px;
    text-align: center
}

@media only screen and (max-width:767px) {
    .wrapper-input .btn-submit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 10px auto 0;
        text-align: center
    }
}

.btn-link,
.wp-block-button.link .wp-block-button__link {
    font-size: .875rem;
    font-weight: 700;
    padding-left: 24px;
    position: relative;
    text-decoration: underline
}

.btn-link:hover,
.wp-block-button.link .wp-block-button__link:hover {
    text-decoration: none
}

.btn-link:after,
.wp-block-button.link .wp-block-button__link:after {
    background-color: var(--white);
    content: "";
    height: 18px;
    left: 0;
    -webkit-mask-image: url(../svg/arrow-right--small.svg);
    mask-image: url(../svg/arrow-right--small.svg);
    position: absolute;
    top: 0;
    width: 18px
}

.wp-block-button.link .wp-block-button__link {
    background-color: unset;
    padding-bottom: 0;
    padding-top: 0
}

.scroll-margin {
    scroll-margin-top: 80px
}

.link-label {
    color: var(--color-primary)
}

p {
    line-height: 1.2
}

p a {
    text-decoration: underline
}

p a:hover {
    text-decoration: none
}

.txt-l {
    line-height: 1.6
}

h2+h3,
h3+p {
    margin-top: 20px
}

.title-video {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.25
}

@media only screen and (min-width:768px) {
    .title-video {
        font-size: 1.75rem
    }
}

.yoast-breadcrumbs nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.yoast-breadcrumbs .nj-breadcrumb {
    margin: var(--nj-size-space-8) 0
}

@media only screen and (min-width:1200px) {
    .yoast-breadcrumbs .nj-breadcrumb {
        margin: var(--nj-size-space-16) 0
    }
}

.link-list {
    margin-top: 20px
}

.link-list li+li {
    margin: 12px 0 0
}

.link-list .link a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 13px;
    position: relative
}

.link-list .link a:before {
    background-color: var(--color-secondary)
}

.link-list .link a:after,
.link-list .link a:before {
    content: "";
    display: block;
    height: 18px;
    -webkit-mask-image: url(../svg/icon-arrow-right.svg);
    mask-image: url(../svg/icon-arrow-right.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    min-width: 18px
}

.link-list .link a:after {
    background-color: #000;
    background-size: cover
}

.link-list .link a:hover {
    text-decoration: none
}

.tag {
    color: var(--color-secondary)
}

.tag,
.tag--pill {
    font-size: .75rem;
    font-weight: 700
}

.tag--pill {
    background-color: var(--color-secondary);
    border-radius: 12px;
    color: var(--white);
    padding: 10px
}

.wrapper-tags,
.wrapper-tags .wp-block-group__inner-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 10px;
    margin-bottom: 25px
}

:root {
    --checkbox-bg: #fff;
    --checkbox-bg--active: var(--color-tertiary);
    --checkbox-height: 18px;
    --checkbox-widht: 18px;
    --checkbox-icon-color: var(--black);
    --checkbox-icon-height: 12px;
    --checkbox-icon-width: 16px;
    --checkbox-border-radius: 2px;
    --checkbox-label-color: var(--white);
    --checkbox-label-line-height: 1.5;
    --checkbox-label-padding--left: calc(var(--checkbox-widht) + 8px)
}

.wrapper-checkbox {
    margin: 20px 0 10px
}

.wrapper-checkbox [type=checkbox]:checked,
.wrapper-checkbox [type=checkbox]:not(:checked) {
    left: -9999px;
    position: absolute
}

.wrapper-checkbox [type=checkbox]:checked+label,
.wrapper-checkbox [type=checkbox]:not(:checked)+label {
    color: var(--checkbox-label-color);
    cursor: pointer;
    display: inline-block;
    font-size: .875rem;
    font-weight: 400;
    line-height: var(--checkbox-label-line-height);
    min-height: 30px;
    padding-left: var(--checkbox-label-padding--left);
    position: relative
}

.wrapper-checkbox [type=checkbox]:checked+label a,
.wrapper-checkbox [type=checkbox]:not(:checked)+label a {
    color: var(--white)
}

.wrapper-checkbox [type=checkbox]:checked+label:before,
.wrapper-checkbox [type=checkbox]:not(:checked)+label:before {
    background: var(--checkbox-bg--active);
    border-radius: var(--checkbox-border-radius);
    content: "";
    height: var(--checkbox-height);
    left: 0;
    position: absolute;
    top: 2px;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    width: var(--checkbox-height)
}

.wrapper-checkbox [type=checkbox]:checked+label:after,
.wrapper-checkbox [type=checkbox]:not(:checked)+label:after {
    color: var(--black);
    content: "✔";
    height: var(--checkbox-icon-height);
    left: 4px;
    position: absolute;
    top: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: var(--checkbox-icon-width)
}

.wrapper-checkbox [type=checkbox]:not(:checked)+label:before {
    background: var(--checkbox-bg)
}

.wrapper-checkbox [type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.wrapper-checkbox [type=checkbox]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.wpml-ls-legacy-dropdown-click {
    position: relative;
    width: 85px
}

.wpml-ls-legacy-dropdown-click ul:first-child li:hover a {
    background: none
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
    border: 2px solid #fff;
    color: var(--nj-color-palette-grey-1000);
    height: 40px;
    padding: 0
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:focus,
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:hover {
    background: none;
    text-decoration: none
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    background: url(../svg/shape.svg);
    border: 0;
    height: 8px;
    right: 22px;
    top: 15px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    width: 12px
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle .wpml-ls-native {
    display: inline-block;
    margin-left: 16px;
    margin-top: 10px
}

.wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle.isopen {
    border: 2px solid #007acd
}

.wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle.isopen:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    background: #fff;
    border: 1px solid #ccd4da;
    left: auto;
    padding: 8px 0;
    right: 0;
    top: 42px;
    width: 300px
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
    border: 0;
    border-left: 2px solid #fff;
    padding: 12px 0 12px 24px
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a:hover {
    border-left: 2px solid #007acd
}

.wp-block-engie-query-per-page {
    bottom: 32px;
    padding: 0;
    position: absolute;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.wp-block-engie-query-per-page .content-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.wp-block-engie-query-per-page label {
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    line-height: var(--nj-font-line-height-default)
}

.wp-block-engie-query-per-page .select-wrapper {
    position: relative
}

.wp-block-engie-query-per-page .select-wrapper:focus-within[data-selected-value]:after {
    visibility: visible
}

.wp-block-engie-query-per-page .select-wrapper[data-selected-value]:after {
    background-color: var(--nj-color-palette-grey-0);
    color: var(--nj-color-palette-blue-600);
    content: attr(data-selected-value);
    font-family: var(--nj-font-family-default);
    font-size: .875rem;
    height: 20px;
    left: 8px;
    position: absolute;
    text-align: center;
    top: -10px;
    visibility: hidden;
    width: 25px
}

.wp-block-engie-query-per-page select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' fill='%23778C9B'%3E%3Cpath d='M24 24H0V0h24v24z' fill='none' opacity='.87'/%3E%3Cpath d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z'/%3E%3C/svg%3E");
    background-position: 75%;
    background-repeat: no-repeat;
    border: 1px solid var(--nj-color-palette-grey-400);
    border-radius: 0;
    color: var(--nj-color-palette-grey-600);
    font-family: var(--nj-font-family-default);
    font-size: 1rem;
    font-weight: 400;
    height: 48px;
    line-height: var(--nj-font-line-height-default);
    padding: 12px 22px 12px 16px;
    width: 90px
}

.wp-block-engie-query-per-page select:focus {
    color: var(--nj-color-palette-grey-1000);
    outline: 2px solid var(--nj-color-palette-blue-600)
}

.wp-block-engie-query-per-page select option {
    color: var(--nj-color-palette-blue-600)
}

.wp-block-engie-query-per-page select option:checked {
    background-color: rgba(15, 85, 225, .1);
    font-weight: 700
}

.wp-block-query-pagination {
    gap: 8px !important;
    margin: auto;
    padding: 10px;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (max-width:767px) {
    .wp-block-query-pagination {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
}

.wp-block-query-pagination .wp-block-query-pagination-numbers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin: 0
}

.wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: var(--nj-color-palette-grey-1000);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    height: 32px;
    justify-content: center;
    line-height: 1.25rem;
    text-decoration: none;
    width: 32px
}

.wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers.current {
    background-color: rgba(15, 85, 225, .1);
    border-bottom: 2px solid var(--nj-color-palette-blue-600);
    font-weight: 700
}

.wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers:focus-visible {
    outline: 2px solid var(--nj-color-palette-blue-600)
}

.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
    background-position: 50%;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 0;
    height: 32px;
    margin: 0;
    width: 32px
}

.wp-block-query-pagination .wp-block-query-pagination-next:hover,
.wp-block-query-pagination .wp-block-query-pagination-previous:hover {
    background-color: var(--primary-blue-100) !important
}

.wp-block-query-pagination .wp-block-query-pagination-next:active,
.wp-block-query-pagination .wp-block-query-pagination-previous:active {
    background-color: var(--primary-blue-200) !important
}

.wp-block-query-pagination .wp-block-query-pagination-next:focus-visible,
.wp-block-query-pagination .wp-block-query-pagination-previous:focus-visible {
    background-color: var(--primary-blue-100) !important;
    outline: 2px solid var(--nj-color-palette-blue-600)
}

.wp-block-query-pagination .wp-block-query-pagination-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' fill='%23334551'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z'/%3E%3C/svg%3E")
}

.wp-block-query-pagination .wp-block-query-pagination-previous {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' fill='%23CCD4DA'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12l4.58-4.59z'/%3E%3C/svg%3E")
}

._404_page,
._404_page_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

._404_page_content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: var(--nj-size-space-32);
    padding-left: 40px;
    padding-right: 40px;
    padding-top: var(--nj-size-space-32);
    text-align: center
}

@media only screen and (min-width:768px) {
    ._404_page_content {
        padding-bottom: var(--nj-size-space-48);
        padding-top: var(--nj-size-space-48)
    }
}

@media only screen and (min-width:1024px) {
    ._404_page_content {
        padding-top: var(--nj-size-space-32)
    }
}

._404_page_content_primary_title {
    font-size: var(--nj-size-font-giga);
    line-height: 45px
}

@media only screen and (min-width:768px) {
    ._404_page_content_primary_title {
        font-size: var(--nj-size-font-tera);
        line-height: 64px
    }
}

@media only screen and (min-width:1440px) {
    ._404_page_content_primary_title {
        font-size: var(--nj-size-font-peta);
        line-height: 82px
    }
}

._404_page_content_second_title {
    color: var(--nj-color-palette-grey-700);
    font-size: 28px;
    line-height: 35px;
    margin-top: var(--nj-size-space-16)
}

@media only screen and (min-width:768px) {
    ._404_page_content_second_title {
        font-size: var(--nj-size-font-giga);
        line-height: 45px
    }
}

@media only screen and (min-width:1440px) {
    ._404_page_content_second_title {
        font-size: var(--nj-size-font-tera);
        line-height: 64px
    }
}

._404_page_content_desc {
    color: var(--nj-color-palette-grey-900);
    font-size: var(--nj-size-font-base);
    line-height: 24px;
    margin-top: var(--nj-size-space-32)
}

@media only screen and (min-width:768px) {
    ._404_page_content_desc {
        font-size: var(--nj-size-font-hecto);
        line-height: 30px;
        margin-top: var(--nj-size-space-48)
    }
}

@media only screen and (min-width:1440px) {
    ._404_page_content_desc {
        font-size: var(--nj-size-font-kilo);
        line-height: 34px;
        margin-top: var(--nj-size-space-48)
    }
}

._404_page_content_button {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 48px;
    margin: 0;
    margin-top: var(--nj-size-space-24);
    width: 188px !important
}

.page-template-template-static .entry-content li,
.page-template-template-static .entry-content p,
.page-template-template-webview-static .entry-content li,
.page-template-template-webview-static .entry-content p {
    color: var(--nj-color-palette-grey-1000)
}

.page-template-template-static .entry-content p,
.page-template-template-webview-static .entry-content p {
    font-size: var(--nj-size-font-deci)
}

@media only screen and (min-width:768px) {

    .page-template-template-static .entry-content p,
    .page-template-template-webview-static .entry-content p {
        font-size: var(--nj-size-font-base)
    }
}

.page-template-template-static .entry-content p a,
.page-template-template-webview-static .entry-content p a {
    color: var(--nj-color-palette-engie-blue)
}

.page-template-template-static .entry-content ol,
.page-template-template-webview-static .entry-content ol {
    list-style: decimal;
    padding-left: 40px
}

.page-template-template-static .entry-content ul li:before,
.page-template-template-webview-static .entry-content ul li:before {
    content: "-";
    display: inline-block;
    margin-right: 6px
}

.bb-form-closed {
    margin-top: var(--nj-size-space-32)
}

.bb-form-closed__icon,
.bb-form-closed__txt {
    margin-bottom: var(--nj-size-space-32)
}

.bb-form-closed__txt p {
    font-size: var(--nj-size-font-base)
}

.bb-form-closed__txt p:first-child {
    margin-bottom: var(--nj-size-space-16)
}

.bb-page {
    min-height: calc(100vh - 4rem)
}

@media only screen and (min-width:1200px) {
    .bb-page {
        min-height: calc(100vh - 178px)
    }
}

.bb-form .nj-icon-material.nj-icon-material--xxl {
    font-size: var(--nj-size-icon-xxl)
}

.bb-form-view.hidden {
    display: none
}

.bb-form-spinner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 96px auto 0
}

.bb-form-spinner.hidden {
    display: none
}

.bbModal p {
    margin-bottom: 15px
}

.bbModal.nj-modal {
    -ms-scroll-chaining: none;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.bbModal.nj-modal.show {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.bbModal.nj-modal .nj-modal__dialog {
    height: 100%;
    margin: 0;
    max-width: unset;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    transition: none;
    width: 100%
}

.bbModal.nj-modal .nj-modal__header {
    margin-bottom: 0;
    padding-bottom: var(--nj-size-space-24)
}

.bbModal.nj-modal .nj-modal__content {
    min-height: 100%;
    padding: 24px 16px
}

@media only screen and (min-width:768px) {
    .bbModal.nj-modal .nj-modal__content {
        padding-left: 40px;
        padding-right: 40px
    }
}

.bbModal.nj-modal .nj-modal__title {
    color: var(--nj-color-palette-grey-1000);
    font-weight: var(--nj-font-weight-bold);
    line-height: 25px
}

.bbModal.nj-modal .nj-modal__separator {
    border-top: 1px solid var(--nj-color-palette-grey-300);
    height: var(--nj-size-space-16);
    margin-left: -24px;
    width: 100vw
}

@media only screen and (min-width:768px) {
    .bbModal.nj-modal .nj-modal__separator {
        height: var(--nj-size-space-32);
        margin-left: -40px
    }
}

.bbModal.nj-modal .nj-modal__txt {
    line-height: 24px;
    margin-bottom: var(--nj-size-space-32)
}

#bb-error-modal.nj-modal .nj-modal__body {
    text-align: center
}

#bb-error-modal.nj-modal .nj-modal__icon {
    margin-bottom: var(--nj-size-space-16)
}

#bb-error-modal.nj-modal .nj-modal__title,
.bb-form-success {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bb-form-success {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: calc(100vh - 164px)
}

@media only screen and (max-width:767px) {
    .bb-form-success>* {
        max-width: 90%
    }
}

@media only screen and (min-width:768px) {
    .bb-form-success {
        min-height: calc(100vh - 216px)
    }
}

.bb-form-success__icon {
    margin-bottom: var(--nj-size-space-16)
}

.bb-form-success__content {
    text-align: center
}

.bb-form-success .nj-btn {
    max-width: 95%
}

.bb-form-success .nj-btn.hidden {
    display: none
}

.bb-form-success__title {
    line-height: 34px
}

.bb-form-success__title,
.bb-form-success__txt {
    color: var(--nj-color-base-neutral-1000);
    font-weight: 400
}

.bb-form-success__txt {
    font-size: var(--nj-size-font-base);
    line-height: 24px;
    margin-bottom: var(--nj-size-space-32);
    margin-top: var(--nj-size-space-8)
}

#qrcodeModal.nj-modal .nj-modal__dialog {
    margin-top: 10% !important
}

#qrcodeModal.nj-modal .nj-modal__content {
    padding: 24px;
    width: 554px
}

#qrcodeModal.nj-modal .nj-modal__content .nj-modal__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center
}

#qrcodeModal.nj-modal .nj-modal__content .nj-modal__body img {
    height: 230px;
    width: 230px
}

#qrcodeModal.nj-modal .nj-modal__content .nj-modal__footer {
    font-size: 24px;
    line-height: 34px;
    text-align: center
}

@media only screen and (min-width:768px) {
    .page-template-template-site-map .entry-content ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (min-width:1440px) {
    .page-template-template-site-map .entry-content ul {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media only screen and (max-width:1023px) {
    .page-template-template-site-map .entry-content ul li {
        margin-bottom: 24px
    }
}

.page-template-template-site-map .entry-content ul a {
    color: var(--nj-color-palette-engie-blue);
    font-weight: var(--nj-font-weight-bold)
}

.post-template-single-post .main-engie-page p,
.post-template-single-post .main-engie-page ul {
    font-size: var(--nj-size-font-base);
    line-height: 24px
}

@media only screen and (min-width:1024px) {
    .post-template-single-post .main-engie-page .justify-content-lg-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.post-template-single-post .main-engie-page .wp-block-engie-block-info-article {
    border: 1px solid var(--nj-color-palette-teal-300);
    margin-bottom: 16px;
    padding: 16px
}

@media only screen and (min-width:1024px) {
    .post-template-single-post .main-engie-page .wp-block-engie-block-info-article {
        margin-bottom: 24px;
        padding: 24px
    }
}

@media only screen and (min-width:768px) {
    .post-template-single-post .main-engie-page .wp-block-engie-block-info-article .block-info-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.post-template-single-post .main-engie-page .wp-block-engie-block-info-article .block-info-inner .info-icon {
    margin-bottom: 16px
}

.post-template-single-post .main-engie-page .wp-block-engie-block-info-article .block-info-inner .info-icon img {
    -webkit-filter: invert(19%) sepia(26%) saturate(2192%) hue-rotate(197deg) brightness(83%) contrast(105%);
    filter: invert(19%) sepia(26%) saturate(2192%) hue-rotate(197deg) brightness(83%) contrast(105%);
    height: 41px;
    width: 41px
}

@media only screen and (min-width:1024px) {
    .post-template-single-post .main-engie-page .wp-block-engie-block-info-article .block-info-inner .info-icon img {
        height: 65px;
        width: 65px
    }
}

.post-template-single-post .main-engie-page .wp-block-engie-block-info-article .block-info-inner .info-content {
    padding-left: 16px
}

.post-template-single-post .main-engie-page .wp-block-engie-block-info-article .block-info-inner .info-content .info-text {
    color: var(--sub-menu-cta-block)
}

.post-template-single-post .main-engie-page .post-block-date {
    color: var(--nj-color-palette-grey-700);
    margin-bottom: 26px
}

@media only screen and (min-width:1024px) {
    .post-template-single-post .main-engie-page .post-block-date {
        margin-bottom: 34px
    }
}

.post-template-single-post .main-engie-page .post-block-date * {
    display: inline-block;
    line-height: 1rem
}

.post-template-single-post .main-engie-page .wp-block-post-content {
    margin-bottom: 42px
}

.page-template-template-site-map .entry-content .post-template-single-post .main-engie-page .wp-block-post-content .wp-block-engie-section-titles ul,
.page-template-template-static .entry-content .post-template-single-post .main-engie-page .wp-block-post-content .wp-block-engie-section-titles ol,
.page-template-template-static .entry-content .post-template-single-post .main-engie-page .wp-block-post-content .wp-block-engie-section-titles p,
.page-template-template-static .entry-content .post-template-single-post .main-engie-page .wp-block-post-content .wp-block-engie-section-titles ul,
.page-template-template-webview-static .entry-content .post-template-single-post .main-engie-page .wp-block-post-content .wp-block-engie-section-titles ol,
.page-template-template-webview-static .entry-content .post-template-single-post .main-engie-page .wp-block-post-content .wp-block-engie-section-titles p,
.page-template-template-webview-static .entry-content .post-template-single-post .main-engie-page .wp-block-post-content .wp-block-engie-section-titles ul,
.post-template-single-post .main-engie-page .wp-block-post-content .wp-block-engie-section-titles .container,
.post-template-single-post .main-engie-page .wp-block-post-content .wp-block-engie-section-titles .page-template-template-site-map .entry-content ul,
.post-template-single-post .main-engie-page .wp-block-post-content .wp-block-engie-section-titles .page-template-template-static .entry-content ol,
.post-template-single-post .main-engie-page .wp-block-post-content .wp-block-engie-section-titles .page-template-template-static .entry-content p,
.post-template-single-post .main-engie-page .wp-block-post-content .wp-block-engie-section-titles .page-template-template-static .entry-content ul,
.post-template-single-post .main-engie-page .wp-block-post-content .wp-block-engie-section-titles .page-template-template-webview-static .entry-content ol,
.post-template-single-post .main-engie-page .wp-block-post-content .wp-block-engie-section-titles .page-template-template-webview-static .entry-content p,
.post-template-single-post .main-engie-page .wp-block-post-content .wp-block-engie-section-titles .page-template-template-webview-static .entry-content ul {
    padding: 0
}

.post-template-single-post .main-engie-page .wp-block-post-content p,
.post-template-single-post .main-engie-page .wp-block-post-content ul {
    color: var(--nj-color-palette-grey-700)
}

.post-template-single-post .main-engie-page .wp-block-post-content ul {
    list-style: disc;
    padding-left: 17px
}

.post-template-single-post .main-engie-page .wp-block-engie-block-post-categories {
    margin-bottom: 46px
}

.post-template-single-post .main-engie-page .wp-block-engie-block-post-categories .nj-tag:not(:last-child) {
    margin-right: .5rem
}

.post-template-single-post .main-engie-page .post-social-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: var(--nj-size-space-8)
}

@media only screen and (max-width:1023px) {
    .post-template-single-post .main-engie-page .post-social-block {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.post-template-single-post .main-engie-page .post-social-block p {
    color: var(--sub-menu-cta-block);
    font-size: var(--nj-size-font-hecto);
    line-height: 30px
}

@media only screen and (min-width:1024px) {
    .post-template-single-post .main-engie-page .post-social-block p {
        font-size: var(--nj-size-font-kilo);
        line-height: 34px
    }

    .post-template-single-post .main-engie-page .post-social-block .post-social-elements {
        margin-left: 48px
    }
}

.post-template-single-post .main-engie-page .post-social-block .post-social-elements a {
    display: inline-block;
    vertical-align: middle
}

.post-template-single-post .main-engie-page .post-social-block .post-social-elements a:not(:last-child) {
    margin-right: 10px
}

.post-template-single-post .main-engie-page .post-social-block .post-social-elements img {
    height: auto;
    width: 40px
}

@media only screen and (min-width:1024px) {
    .post-template-single-post .main-engie-page .post-social-block .post-social-elements img {
        width: 32px
    }
}

@media only screen and (min-width:1200px) {
    .nj-header.nj-header--fixed {
        height: 178px
    }
}

.nj-header .nj-header__group:before {
    background: #ffbf66
}

@media only screen and (max-width:1200px) {
    .nj-header--expand-xl .nj-header__head {
        width: 82px
    }
}

.nj-header__logo img {
    vertical-align: middle
}

hr.m-0 {
    margin: 0
}

@media only screen and (max-width:1200px) {
    hr.m-0 {
        display: none
    }
}

a:where(:not(.wp-element-button)):focus {
    text-decoration: none
}

.nj-header__nav-item.active .nj-header__nav-link:after,
.nj-header__nav-link:after,
.nj-header__nav-link:focus:after {
    background: var(--nj-color-text-blue-primary)
}

.nj-header__nav-item.active .nj-header__nav-link:after {
    opacity: 1
}

.nj-header--sm .nj-header__group .nj-header__nav-logo--reduced {
    width: auto
}

.nj-header__nav-logo--reduced img {
    height: auto;
    width: 73px
}

.nj-header__nav-burger {
    left: auto;
    right: 0
}

.nj-header__nav-burger button {
    padding: 8px 16px 8px 33px
}

.nj-header__nav-log {
    display: none;
    position: absolute;
    right: 80px;
    top: 23px
}

@media only screen and (max-width:1200px) {
    .nj-header__nav-log {
        display: block
    }
}

.nj-header__head ul li {
    color: var(--nj-color-palette-grey-600);
    display: inline-block;
    font-size: var(--nj-size-font-deci);
    font-weight: 700;
    text-transform: uppercase
}

.nj-header__head ul li:not(:last-child):after {
    content: "/";
    margin-left: 4px;
    margin-right: 4px
}

.nj-header__head ul li a {
    color: var(--nj-color-palette-grey-600);
    font-weight: 400;
    text-decoration: none
}

.nj-header__head .nj-header__head-link:hover,
.nj-header__head ul li a.active,
.nj-header__head ul li a:hover {
    color: var(--nj-color-palette-blue-600);
    cursor: pointer;
    font-weight: 700;
    text-decoration: underline
}

.nj-header--sm .nj-header__group .nj-header__nav-logo--reduced.nj-header__nav-logo--reduced-right {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: 4rem;
    justify-content: center;
    margin-right: 0;
    width: 191px
}

nav .md-icon-wrap {
    font-size: var(--nj-size-font-deca)
}

nav .md-icon-wrap .material-icons-sharp,
nav .nj-header__head-link {
    color: var(--nj-color-palette-blue-600)
}

nav .nj-header__head-link {
    display: inline-block;
    height: 18px
}

@media only screen and (max-width:1023px) {
    .nj-header--expand-xl .nj-header__nav--panel {
        background: var(--nj-color-palette-grey-0);
        margin-top: 1px
    }
}

@media only screen and (max-width:1200px) {
    .nj-header--expand-xl .nj-header__nav--panel {
        height: calc(100vh - 4rem);
        left: auto;
        min-height: auto;
        right: -50%;
        width: 50vw
    }
}

@media only screen and (max-width:767px) {
    .nj-header--expand-xl .nj-header__nav--panel {
        left: 0;
        position: absolute;
        right: auto;
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%);
        width: 100vw
    }
}

.nj-header--expand-xl .nj-header__nav.nj-header__nav--show {
    background: var(--nj-color-palette-grey-0)
}

@media only screen and (max-width:1200px) {
    .nj-header--expand-xl .nj-header__nav.nj-header__nav--show {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@media only screen and (max-width:767px) {
    .nj-header--expand-xl .nj-header__nav.nj-header__nav--show {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.site-overlay {
    background: var(--nj-color-palette-grey-1000);
    bottom: 0;
    display: none;
    height: 100vh;
    left: 0;
    opacity: .4;
    position: fixed;
    right: 0;
    top: 4rem;
    z-index: var(--level-5)
}

li.segmented-control {
    display: none
}

@media only screen and (max-width:1200px) {
    li.segmented-control {
        display: block
    }
}

.nj-segmented-control {
    --nj-sc-height: 55px
}

.nj-segmented-control-btn {
    display: inline-block;
    height: 48px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 48px
}

main.wp-block-group {
    padding: 0;
    position: relative
}

.nj-footer {
    border-bottom: 3px solid var(--orange-engie);
    padding-bottom: var(--nj-size-space-32)
}

.nj-footer__baseline {
    display: block
}

@media only screen and (min-width:1024px) {
    .nj-footer__baseline {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: var(--nj-size-space-80) var(--nj-size-space-64) var(--nj-size-space-64)
    }
}

@media only screen and (max-width:1023px) {
    .nj-footer__baseline {
        padding: var(--nj-size-space-80) var(--nj-size-space-64) var(--nj-size-space-64) 0
    }
}

.nj-footer__baseline .nj-footer__logo {
    margin-bottom: var(--nj-size-space-24);
    margin-right: 0
}

@media only screen and (min-width:1024px) {
    .nj-footer__baseline .nj-footer__logo {
        margin-bottom: 0;
        margin-right: var(--nj-size-space-64)
    }
}

.nj-footer__baseline p {
    color: var(--nj-color-palette-grey-1000)
}

.nj-footer__navigation {
    padding-top: 16px
}

@media only screen and (min-width:768px) {
    .nj-footer__navigation {
        padding-top: 32px
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .nj-footer__navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.nj-footer__links {
    padding: 0
}

@media only screen and (min-width:1024px) {
    .nj-footer__links:not(:last-child) {
        margin-bottom: 24px
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .nj-footer__links {
        width: 50%
    }
}

@media only screen and (max-width:1023px) {
    .nj-footer__links {
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }
}

.nj-footer__links .nj-link-active {
    --nj-link-color: var(--nj-link-hovered-color);
    background-size: 100% 2px, 0 2px;
    color: var(--nj-color-text-primary-hovered)
}

.nj-footer__links li {
    margin-bottom: 16px
}

.nj-footer__social {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: var(--nj-size-space-32)
}

@media only screen and (max-width:1023px) {
    .nj-footer__social {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

.nj-footer__social .nj-footer__social-link img {
    height: auto;
    vertical-align: middle;
    width: 40px
}

@media only screen and (min-width:1024px) {
    .nj-footer__social .nj-footer__social-link img {
        width: 32px
    }
}

.block-post-cards {
    position: relative
}

.block-post-cards ul.wp-block-post-template {
    display: grid;
    gap: 32px;
    grid-template-columns: 1fr;
    padding-bottom: 32px;
    position: relative
}

@media only screen and (min-width:768px) {
    .block-post-cards ul.wp-block-post-template {
        grid-template-columns: repeat(3, 1fr)
    }
}

.block-post-cards ul.wp-block-post-template li {
    width: 100% !important
}

.block-post-cards ul.wp-block-post-template li .nj-card,
.block-post-cards ul.wp-block-post-template li .wp-block-engie-post-card {
    height: 100%
}

.news-page {
    background-color: var(--nj-color-palette-grey-100)
}

.news-page__container {
    position: relative
}

.news-page__container.no-pagination .news-page__content {
    padding-bottom: 114px
}

.news-page__content {
    margin: 0 auto;
    max-width: 100%;
    padding: 0 16px 32px;
    position: relative;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width:768px) {
    .news-page__content {
        max-width: 1140px
    }
}

.news-page__content+.wp-block-engie-bend-three-quarter {
    bottom: -2px !important;
    top: unset !important
}

@media only screen and (max-width:767px) {
    .news-page__content+.wp-block-engie-bend-three-quarter {
        display: none
    }
}

.news-page__content+.wp-block-engie-bend-three-quarter .bend_three_quarter_img {
    background-position-y: bottom !important
}

.news-page .wp-block-engie-section-titles {
    background: var(--nj-color-palette-grey-0)
}

.news-page .wp-block-engie-block-post-categories {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: var(--nj-color-palette-grey-0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    padding: 0 16px 48px
}

.news-page .wp-block-engie-block-blank-dividers,
.news-page .yoast-breadcrumbs {
    background-color: var(--nj-color-palette-grey-0)
}

.news-page .wp-block-engie-bend-three-quarter {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.news-page .wp-block-engie-bend-three-quarter .bend_three_quarter_img {
    background-position-y: top;
    background-size: contain !important;
    display: block;
    height: 20vh
}

@media only screen and (min-width:768px) {
    .yoast-breadcrumbs+.entry-content>.wp-block-engie-section-titles+#map-container {
        height: calc(100vh - 322px) !important
    }
}

@media only screen and (min-width:1025px) and (max-width:1440px) {
    .yoast-breadcrumbs+.entry-content>.wp-block-engie-section-titles+#map-container {
        height: calc(100vh - 4rem) !important
    }
}

#map-container {
    height: calc(100vh - 4rem) !important;
    overflow: hidden;
    position: relative
}

@media only screen and (max-width:767px) {
    #map-container {
        height: calc(100svh - 64px) !important;
        padding-bottom: 136px
    }
}

#map-container #map-engie-chargetrip {
    height: 100%;
    overflow: hidden
}

#map-container #map-engie-chargetrip .map-control-button-filter,
#map-container #map-engie-chargetrip .map-control-button-legend,
#map-container #map-engie-chargetrip .map-control-button-localisation,
#map-container #map-engie-chargetrip .map-control-button-settings {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: var(--nj-color-palette-grey-0);
    border: 1px solid var(--nj-color-palette-grey-500);
    border-radius: 50%;
    color: var(--nj-color-palette-grey-800);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    justify-content: center;
    margin-right: 24px;
    position: absolute;
    right: 0;
    width: 48px
}

@media only screen and (max-width:767px) {

    #map-container #map-engie-chargetrip .map-control-button-filter,
    #map-container #map-engie-chargetrip .map-control-button-legend,
    #map-container #map-engie-chargetrip .map-control-button-localisation,
    #map-container #map-engie-chargetrip .map-control-button-settings {
        margin-right: 16px
    }
}

#map-container #map-engie-chargetrip .map-control-button-filter:disabled,
#map-container #map-engie-chargetrip .map-control-button-legend:disabled,
#map-container #map-engie-chargetrip .map-control-button-localisation:disabled,
#map-container #map-engie-chargetrip .map-control-button-settings:disabled {
    cursor: default
}

#map-container #map-engie-chargetrip .map-control-button-filter.hidden,
#map-container #map-engie-chargetrip .map-control-button-legend.hidden,
#map-container #map-engie-chargetrip .map-control-button-localisation.hidden,
#map-container #map-engie-chargetrip .map-control-button-settings.hidden {
    display: none
}

#map-container #map-engie-chargetrip .map-control-button-legend {
    margin-top: 24px;
    top: 0 !important
}

@media only screen and (max-width:767px) {
    #map-container #map-engie-chargetrip .map-control-button-legend {
        margin-top: 16px
    }
}

#map-container #map-engie-chargetrip .map-control-button-filter {
    top: 72px !important
}

#map-container #map-engie-chargetrip .map-control-button-settings {
    top: 136px !important
}

#map-container #map-engie-chargetrip .map-control-button-filter,
#map-container #map-engie-chargetrip .map-control-button-settings {
    margin-top: 16px
}

#map-container #map-engie-chargetrip .map-control-button-filter:active span,
#map-container #map-engie-chargetrip .map-control-button-filter:hover span,
#map-container #map-engie-chargetrip .map-control-button-legend:active span,
#map-container #map-engie-chargetrip .map-control-button-legend:hover span,
#map-container #map-engie-chargetrip .map-control-button-settings:active span,
#map-container #map-engie-chargetrip .map-control-button-settings:hover span {
    color: var(--nj-color-palette-blue-600)
}

#map-container #map-engie-chargetrip .gm-bundled-control-on-bottom {
    right: 58px !important
}

@media only screen and (max-width:767px) {
    #map-container #map-engie-chargetrip .gm-bundled-control-on-bottom {
        display: none
    }
}

#map-container #map-engie-chargetrip .gm-bundled-control-on-bottom.hidden {
    display: none
}

#map-container #map-engie-chargetrip .gm-bundled-control-on-bottom .gmnoprint>div {
    border: 1px solid var(--nj-color-palette-grey-500);
    border-radius: 24px !important
}

#map-container #map-engie-chargetrip .gm-bundled-control-on-bottom .gm-control-active:first-child {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 1px solid var(--nj-color-palette-grey-500);
    border-bottom: none;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px
}

#map-container #map-engie-chargetrip .gm-bundled-control-on-bottom .gm-control-active {
    overflow: visible !important
}

#map-container #map-engie-chargetrip .gm-bundled-control-on-bottom .gm-control-active:active img,
#map-container #map-engie-chargetrip .gm-bundled-control-on-bottom .gm-control-active:hover img {
    -webkit-filter: invert(30%) sepia(69%) saturate(2883%) hue-rotate(186deg) brightness(91%) contrast(101%);
    filter: invert(30%) sepia(69%) saturate(2883%) hue-rotate(186deg) brightness(91%) contrast(101%)
}

#map-container #map-engie-chargetrip .gm-bundled-control-on-bottom .gm-control-active:focus-visible:before {
    left: -10px;
    top: -10px
}

#map-container #map-engie-chargetrip .gm-bundled-control-on-bottom .gm-control-active img {
    -webkit-filter: invert(20%) sepia(28%) saturate(615%) hue-rotate(150deg) brightness(66%) contrast(131%);
    filter: invert(20%) sepia(28%) saturate(615%) hue-rotate(150deg) brightness(66%) contrast(131%)
}

@media only screen and (max-width:767px) {
    #map-container #map-engie-chargetrip .map-control-button-localisation {
        bottom: 16px !important
    }
}

#map-container #map-engie-chargetrip .map-control-button-localisation:active .geo-activated path:nth-of-type(2),
#map-container #map-engie-chargetrip .map-control-button-localisation:active .geo-searching path:nth-of-type(2),
#map-container #map-engie-chargetrip .map-control-button-localisation:hover .geo-activated path:nth-of-type(2),
#map-container #map-engie-chargetrip .map-control-button-localisation:hover .geo-searching path:nth-of-type(2) {
    fill: var(--nj-color-palette-blue-600)
}

#map-container .map-control-alert-geolocalisation {
    background-color: var(--nj-color-palette-blue-900);
    bottom: 35px;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .1), 0 8px 10px rgba(0, 0, 0, .06), 0 3px 14px rgba(0, 0, 0, .06);
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1), 0 8px 10px rgba(0, 0, 0, .06), 0 3px 14px rgba(0, 0, 0, .06);
    color: var(--nj-color-palette-grey-0);
    display: none;
    font-size: var(--nj-size-font-base);
    gap: 18px;
    left: 50%;
    padding: 16px 20px 16px 16px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 360px;
    z-index: 10
}

@media only screen and (max-width:767px) {
    #map-container .map-control-alert-geolocalisation {
        bottom: 144px;
        left: 8px;
        right: 8px;
        -webkit-transform: none;
        transform: none;
        width: inherit
    }
}

#map-container .map-control-alert-geolocalisation.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#map-container .map-control-alert-geolocalisation__icon {
    height: 20px;
    width: 20px
}

@media only screen and (max-width:767px) {
    #map-container .map-control-alert-geolocalisation__icon {
        height: 24px;
        width: 24px
    }
}

#map-container .map-control-alert-geolocalisation__icon svg {
    height: 100%;
    width: 100%
}

#map-container .map-control-alert-geolocalisation__text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 24px
}

#map-container .map-control-alert-geolocalisation .nj-icon-btn {
    height: 14px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 14px
}

#map-container .map-control-alert-geolocalisation .nj-icon-btn__icon {
    color: var(--nj-color-palette-grey-0);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (min-width:1024px) {
    #map-container [data-tooltip] {
        cursor: pointer;
        z-index: 2
    }

    #map-container [data-tooltip]:after,
    #map-container [data-tooltip]:before {
        opacity: 0;
        pointer-events: none;
        visibility: hidden
    }

    #map-container [data-tooltip]:focus-visible:before {
        background-color: unset !important;
        border: 2px solid var(--nj-color-palette-blue-600);
        bottom: unset !important;
        content: "";
        height: 58px;
        left: -6px;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: absolute;
        top: -6px;
        visibility: visible !important;
        width: 58px
    }

    #map-container [data-tooltip]:focus-visible:after {
        opacity: 0 !important;
        pointer-events: none;
        visibility: hidden !important
    }

    #map-container [data-tooltip]:before {
        background-color: var(--nj-color-palette-grey-900);
        bottom: 12px;
        color: var(--nj-color-palette-grey-0);
        content: attr(data-tooltip);
        font-family: var(--nj-font-family-sans-serif);
        font-size: .75rem;
        padding: 4px 8px;
        position: absolute;
        right: 58px;
        text-align: center;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    #map-container [data-tooltip]:after {
        border-bottom: 5px solid transparent;
        border-left: 5px solid var(--nj-color-palette-grey-900);
        border-top: 5px solid transparent;
        bottom: 18px;
        content: " ";
        left: -12px;
        position: absolute;
        width: 0
    }

    #map-container [data-tooltip]:hover:after,
    #map-container [data-tooltip]:hover:before {
        opacity: 1;
        visibility: visible
    }
}

#map-container .map-control-stations-history-infos,
#map-container .map-control-stations-search-infos {
    background-color: var(--nj-color-palette-grey-0);
    display: none;
    left: 0;
    padding: 16px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

@media only screen and (max-width:767px) {

    #map-container .map-control-stations-history-infos,
    #map-container .map-control-stations-search-infos {
        bottom: 0;
        top: unset
    }
}

#map-container .map-control-stations-history-infos.active,
#map-container .map-control-stations-search-infos.active {
    display: block
}

#map-container .map-control-stations-history-infos .content.header,
#map-container .map-control-stations-search-infos .content.header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 32px;
    padding-right: 32px;
    position: relative
}

#map-container .map-control-stations-history-infos .content.header .name,
#map-container .map-control-stations-search-infos .content.header .name {
    color: var(--nj-color-palette-grey-1000);
    font-size: 1rem;
    font-weight: 700;
    line-height: 24px
}

#map-container .map-control-stations-history-infos .content.header .name.has-engie-logo,
#map-container .map-control-stations-search-infos .content.header .name.has-engie-logo {
    text-indent: 40px
}

#map-container .map-control-stations-history-infos .content.header .address,
#map-container .map-control-stations-search-infos .content.header .address {
    color: var(--nj-color-palette-grey-700);
    font-size: .875rem;
    line-height: 20px
}

#map-container .map-control-stations-history-infos .engie-vianeo,
#map-container .map-control-stations-search-infos .engie-vianeo {
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 32px
}

#map-container .map-control-stations-history-infos .engie-vianeo img,
#map-container .map-control-stations-search-infos .engie-vianeo img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

#map-container .map-control-stations-history-infos .map-control-marker-infos__footer,
#map-container .map-control-stations-search-infos .map-control-marker-infos__footer {
    border-top: none;
    padding: 0
}

#map-container .map-control-stations-history-infos .nj-icon-btn.close,
#map-container .map-control-stations-search-infos .nj-icon-btn.close {
    display: block !important;
    height: 24px;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 24px;
    z-index: 1
}

#map-container .map-control-stations-history-infos .nj-icon-btn.close .material-icons,
#map-container .map-control-stations-search-infos .nj-icon-btn.close .material-icons {
    height: 24px;
    width: 24px
}

#map-container .map-control-sidebar {
    background-color: var(--nj-color-palette-grey-0);
    border: 1px solid var(--nj-color-palette-grey-300);
    left: 24px;
    position: absolute;
    top: 24px;
    width: 360px;
    z-index: 110
}

@media only screen and (max-width:767px) {
    #map-container .map-control-sidebar {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        border: none;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        left: 0;
        top: auto;
        -webkit-transition: top .33s linear;
        transition: top .33s linear;
        width: 100%
    }

    #map-container .map-control-sidebar.is-open {
        top: 0
    }

    #map-container .map-control-sidebar.is-open .map-control-sidebar-content-stations {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        gap: 16px;
        justify-content: space-between
    }

    #map-container .map-control-sidebar.is-open .map-control-sidebar-content-stations .search {
        width: 100%
    }

    #map-container .map-control-sidebar.is-open .map-control-sidebar-content-stations .nj-icon-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 24px;
        width: 24px
    }

    #map-container .map-control-sidebar.is-open .map-control-sidebar-content-stations .nj-icon-btn__icon {
        color: var(--nj-color-palette-blue-600);
        height: 24px;
        width: 24px
    }
}

@media only screen and (min-width:768px) {
    #map-container .map-control-sidebar.planer-active-js {
        bottom: 24px
    }
}

#map-container .map-control-sidebar .map-control-sidebar-content-stations.active .search-history.active {
    overflow-y: auto
}

@media only screen and (min-width:1025px) and (max-width:1440px) {
    #map-container .map-control-sidebar .map-control-sidebar-content-stations.active .search-history.active {
        max-height: 328px
    }
}

@media only screen and (min-width:1440px) {
    #map-container .map-control-sidebar .map-control-sidebar-content-stations.active .search-history.active {
        max-height: 492px
    }
}

#map-container .map-control-sidebar .map-control-sidebar-nav {
    border-bottom: 1px solid var(--nj-color-palette-grey-300);
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media only screen and (max-width:767px) {
    #map-container .map-control-sidebar .map-control-sidebar-nav {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

#map-container .map-control-sidebar .map-control-sidebar-nav li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 2px solid transparent;
    color: var(--nj-color-palette-grey-1000);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: var(--nj-size-font-deci);
    font-weight: 400;
    gap: 10px;
    justify-content: center;
    padding: 18px 6px;
    text-align: center;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    vertical-align: middle;
    width: 100%
}

@media only screen and (max-width:767px) {
    #map-container .map-control-sidebar .map-control-sidebar-nav li {
        border-bottom: none;
        border-top: 2px solid transparent
    }
}

#map-container .map-control-sidebar .map-control-sidebar-nav li svg circle,
#map-container .map-control-sidebar .map-control-sidebar-nav li svg path {
    -webkit-transition: all .1s linear;
    transition: all .1s linear
}

#map-container .map-control-sidebar .map-control-sidebar-nav li.active,
#map-container .map-control-sidebar .map-control-sidebar-nav li:hover {
    border-color: var(--nj-color-palette-blue-600);
    font-weight: 700
}

#map-container .map-control-sidebar .map-control-sidebar-nav li.active svg circle,
#map-container .map-control-sidebar .map-control-sidebar-nav li.active svg path,
#map-container .map-control-sidebar .map-control-sidebar-nav li:hover svg circle,
#map-container .map-control-sidebar .map-control-sidebar-nav li:hover svg path {
    stroke: var(--nj-color-palette-blue-600)
}

#map-container .map-control-sidebar .map-control-sidebar-nav li.active svg circle[fill-rule=evenodd],
#map-container .map-control-sidebar .map-control-sidebar-nav li.active svg path[fill-rule=evenodd],
#map-container .map-control-sidebar .map-control-sidebar-nav li:hover svg circle[fill-rule=evenodd],
#map-container .map-control-sidebar .map-control-sidebar-nav li:hover svg path[fill-rule=evenodd] {
    stroke: none;
    fill: var(--nj-color-palette-blue-600)
}

#map-container .map-control-sidebar .map-control-sidebar-content-stations {
    display: none;
    padding: 16px
}

@media only screen and (max-width:767px) {
    #map-container .map-control-sidebar .map-control-sidebar-content-stations {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

#map-container .map-control-sidebar .map-control-sidebar-content-stations.active {
    display: block;
    position: relative
}

#map-container .map-control-sidebar .map-control-sidebar-content-planer,
#map-container .map-control-sidebar .map-control-sidebar-content-stations .nj-icon-btn {
    display: none
}

#map-container .map-control-sidebar .map-control-sidebar-content-planer.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#map-container .map-control-sidebar .map-control-sidebar-content-settings {
    display: none;
    padding: 16px
}

#map-container .map-control-sidebar .map-control-sidebar-content-settings.active {
    display: block
}

.map-control-config-vehicules,
.map-control-info-travel,
.map-control-map-planer-vehicle-single,
.map-control-map-planer-vehicles,
.map-control-map-planer-vehicles-versions,
.map-control-marker-infos,
.map-control-marker-infos-amenities {
    background-color: var(--nj-color-palette-grey-0);
    border: 1px solid var(--nj-color-palette-grey-300);
    left: 24px;
    opacity: 0;
    position: absolute;
    top: 24px;
    -webkit-transition: opacity .33s linear;
    transition: opacity .33s linear;
    visibility: hidden;
    width: 360px;
    z-index: 120
}

@media only screen and (max-width:767px) {

    .map-control-config-vehicules,
    .map-control-info-travel,
    .map-control-map-planer-vehicle-single,
    .map-control-map-planer-vehicles,
    .map-control-map-planer-vehicles-versions,
    .map-control-marker-infos,
    .map-control-marker-infos-amenities {
        border: none;
        left: 0;
        top: 100%;
        width: 100%
    }
}

.map-control-config-vehicules.active,
.map-control-info-travel.active,
.map-control-map-planer-vehicle-single.active,
.map-control-map-planer-vehicles-versions.active,
.map-control-map-planer-vehicles.active,
.map-control-marker-infos-amenities.active,
.map-control-marker-infos.active {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 1;
    -webkit-transition-delay: .12s;
    transition-delay: .12s;
    visibility: visible
}

@media only screen and (max-width:767px) {

    .map-control-config-vehicules.active,
    .map-control-info-travel.active,
    .map-control-map-planer-vehicle-single.active,
    .map-control-map-planer-vehicles-versions.active,
    .map-control-map-planer-vehicles.active,
    .map-control-marker-infos-amenities.active,
    .map-control-marker-infos.active {
        bottom: 0;
        position: fixed;
        top: 4rem
    }
}

.map-control-config-vehicules__content,
.map-control-info-travel__content,
.map-control-map-planer-vehicle-single__content,
.map-control-map-planer-vehicles-versions__content,
.map-control-map-planer-vehicles__content,
.map-control-marker-infos-amenities__content,
.map-control-marker-infos__content {
    overflow-y: auto
}

.map-control-config-vehicules__footer,
.map-control-info-travel__footer,
.map-control-map-planer-vehicle-single__footer,
.map-control-map-planer-vehicles-versions__footer,
.map-control-map-planer-vehicles__footer,
.map-control-marker-infos-amenities__footer,
.map-control-marker-infos__footer {
    border-top: 1px solid var(--nj-color-palette-grey-300);
    padding: 16px
}

@media only screen and (max-width:767px) {

    .map-control-config-vehicules__footer,
    .map-control-info-travel__footer,
    .map-control-map-planer-vehicle-single__footer,
    .map-control-map-planer-vehicles-versions__footer,
    .map-control-map-planer-vehicles__footer,
    .map-control-marker-infos-amenities__footer,
    .map-control-marker-infos__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px
    }
}

.map-control-config-vehicules__footer button,
.map-control-info-travel__footer button,
.map-control-map-planer-vehicle-single__footer button,
.map-control-map-planer-vehicles-versions__footer button,
.map-control-map-planer-vehicles__footer button,
.map-control-marker-infos-amenities__footer button,
.map-control-marker-infos__footer button {
    width: 100%
}

@media only screen and (max-width:767px) {

    .map-control-config-vehicules__footer button,
    .map-control-info-travel__footer button,
    .map-control-map-planer-vehicle-single__footer button,
    .map-control-map-planer-vehicles-versions__footer button,
    .map-control-map-planer-vehicles__footer button,
    .map-control-marker-infos-amenities__footer button,
    .map-control-marker-infos__footer button {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }
}

@media only screen and (max-width:375px) {

    .map-control-config-vehicules__footer button#button-maps-button,
    .map-control-info-travel__footer button#button-maps-button,
    .map-control-map-planer-vehicle-single__footer button#button-maps-button,
    .map-control-map-planer-vehicles-versions__footer button#button-maps-button,
    .map-control-map-planer-vehicles__footer button#button-maps-button,
    .map-control-marker-infos-amenities__footer button#button-maps-button,
    .map-control-marker-infos__footer button#button-maps-button {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.map-control-config-vehicules__footer button.close,
.map-control-info-travel__footer button.close,
.map-control-map-planer-vehicle-single__footer button.close,
.map-control-map-planer-vehicles-versions__footer button.close,
.map-control-map-planer-vehicles__footer button.close,
.map-control-marker-infos-amenities__footer button.close,
.map-control-marker-infos__footer button.close {
    -webkit-box-flex: 1;
    background: var(--light-neutral-neutral-alpha-200, rgba(5, 43, 80, .08));
    color: var(--nj-color-palette-grey-1000);
    display: none;
    -ms-flex: 1;
    flex: 1
}

.map-control-config-vehicules__footer button.close:focus,
.map-control-config-vehicules__footer button.close:hover,
.map-control-info-travel__footer button.close:focus,
.map-control-info-travel__footer button.close:hover,
.map-control-map-planer-vehicle-single__footer button.close:focus,
.map-control-map-planer-vehicle-single__footer button.close:hover,
.map-control-map-planer-vehicles-versions__footer button.close:focus,
.map-control-map-planer-vehicles-versions__footer button.close:hover,
.map-control-map-planer-vehicles__footer button.close:focus,
.map-control-map-planer-vehicles__footer button.close:hover,
.map-control-marker-infos-amenities__footer button.close:focus,
.map-control-marker-infos-amenities__footer button.close:hover,
.map-control-marker-infos__footer button.close:focus,
.map-control-marker-infos__footer button.close:hover {
    background: var(--light-neutral-neutral-alpha-300, rgba(0, 40, 70, .2))
}

.map-control-config-vehicules__footer button.close:active,
.map-control-info-travel__footer button.close:active,
.map-control-map-planer-vehicle-single__footer button.close:active,
.map-control-map-planer-vehicles-versions__footer button.close:active,
.map-control-map-planer-vehicles__footer button.close:active,
.map-control-marker-infos-amenities__footer button.close:active,
.map-control-marker-infos__footer button.close:active {
    background: var(--light-neutral-neutral-alpha-400, rgba(6, 45, 73, .39))
}

@media only screen and (max-width:767px) {

    .map-control-config-vehicules__footer button.close,
    .map-control-info-travel__footer button.close,
    .map-control-map-planer-vehicle-single__footer button.close,
    .map-control-map-planer-vehicles-versions__footer button.close,
    .map-control-map-planer-vehicles__footer button.close,
    .map-control-marker-infos-amenities__footer button.close,
    .map-control-marker-infos__footer button.close {
        display: block
    }
}

.map-control-config-vehicules .nj-icon-btn.close,
.map-control-config-vehicules .nj-icon-btn.expand,
.map-control-info-travel .nj-icon-btn.close,
.map-control-info-travel .nj-icon-btn.expand,
.map-control-map-planer-vehicle-single .nj-icon-btn.close,
.map-control-map-planer-vehicle-single .nj-icon-btn.expand,
.map-control-map-planer-vehicles .nj-icon-btn.close,
.map-control-map-planer-vehicles .nj-icon-btn.expand,
.map-control-map-planer-vehicles-versions .nj-icon-btn.close,
.map-control-map-planer-vehicles-versions .nj-icon-btn.expand,
.map-control-marker-infos .nj-icon-btn.close,
.map-control-marker-infos .nj-icon-btn.expand,
.map-control-marker-infos-amenities .nj-icon-btn.close,
.map-control-marker-infos-amenities .nj-icon-btn.expand {
    padding: 0;
    position: absolute;
    right: 16px;
    top: 16px
}

@media only screen and (max-width:767px) {

    .map-control-config-vehicules .nj-icon-btn.close,
    .map-control-info-travel .nj-icon-btn.close,
    .map-control-map-planer-vehicle-single .nj-icon-btn.close,
    .map-control-map-planer-vehicles .nj-icon-btn.close,
    .map-control-map-planer-vehicles-versions .nj-icon-btn.close,
    .map-control-marker-infos .nj-icon-btn.close,
    .map-control-marker-infos-amenities .nj-icon-btn.close {
        display: none
    }
}

.map-control-config-vehicules .nj-icon-btn.expand,
.map-control-info-travel .nj-icon-btn.expand,
.map-control-map-planer-vehicle-single .nj-icon-btn.expand,
.map-control-map-planer-vehicles .nj-icon-btn.expand,
.map-control-map-planer-vehicles-versions .nj-icon-btn.expand,
.map-control-marker-infos .nj-icon-btn.expand,
.map-control-marker-infos-amenities .nj-icon-btn.expand {
    background: transparent;
    display: none;
    height: 28px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    width: 28px
}

@media only screen and (max-width:767px) {

    .map-control-config-vehicules .nj-icon-btn.expand,
    .map-control-info-travel .nj-icon-btn.expand,
    .map-control-map-planer-vehicle-single .nj-icon-btn.expand,
    .map-control-map-planer-vehicles .nj-icon-btn.expand,
    .map-control-map-planer-vehicles-versions .nj-icon-btn.expand,
    .map-control-marker-infos .nj-icon-btn.expand,
    .map-control-marker-infos-amenities .nj-icon-btn.expand {
        display: block
    }
}

.map-control-config-vehicules .nj-icon-btn .nj-icon-btn__icon,
.map-control-info-travel .nj-icon-btn .nj-icon-btn__icon,
.map-control-map-planer-vehicle-single .nj-icon-btn .nj-icon-btn__icon,
.map-control-map-planer-vehicles .nj-icon-btn .nj-icon-btn__icon,
.map-control-map-planer-vehicles-versions .nj-icon-btn .nj-icon-btn__icon,
.map-control-marker-infos .nj-icon-btn .nj-icon-btn__icon,
.map-control-marker-infos-amenities .nj-icon-btn .nj-icon-btn__icon {
    color: var(--nj-color-palette-blue-600);
    height: 24px;
    width: 24px
}

.map-control-config-vehicules .content,
.map-control-info-travel .content,
.map-control-map-planer-vehicle-single .content,
.map-control-map-planer-vehicles .content,
.map-control-map-planer-vehicles-versions .content,
.map-control-marker-infos .content,
.map-control-marker-infos-amenities .content {
    padding: 16px
}

.map-control-config-vehicules .content:not(:first-of-type):not(.header),
.map-control-info-travel .content:not(:first-of-type):not(.header),
.map-control-map-planer-vehicle-single .content:not(:first-of-type):not(.header),
.map-control-map-planer-vehicles .content:not(:first-of-type):not(.header),
.map-control-map-planer-vehicles-versions .content:not(:first-of-type):not(.header),
.map-control-marker-infos .content:not(:first-of-type):not(.header),
.map-control-marker-infos-amenities .content:not(:first-of-type):not(.header) {
    border-top: 1px solid var(--nj-color-palette-grey-300)
}

.map-control-config-vehicules .content.header,
.map-control-info-travel .content.header,
.map-control-map-planer-vehicle-single .content.header,
.map-control-map-planer-vehicles .content.header,
.map-control-map-planer-vehicles-versions .content.header,
.map-control-marker-infos .content.header,
.map-control-marker-infos-amenities .content.header {
    border-bottom: 1px solid var(--nj-color-palette-grey-300)
}

.map-control-config-vehicules .content.header .name,
.map-control-info-travel .content.header .name,
.map-control-map-planer-vehicle-single .content.header .name,
.map-control-map-planer-vehicles .content.header .name,
.map-control-map-planer-vehicles-versions .content.header .name,
.map-control-marker-infos .content.header .name,
.map-control-marker-infos-amenities .content.header .name {
    color: var(--nj-color-palette-grey-1000);
    display: block;
    font-size: var(--nj-size-font-base);
    font-weight: 700;
    line-height: 24px;
    width: 288px
}

.map-control-config-vehicules .content.header .address,
.map-control-info-travel .content.header .address,
.map-control-map-planer-vehicle-single .content.header .address,
.map-control-map-planer-vehicles .content.header .address,
.map-control-map-planer-vehicles-versions .content.header .address,
.map-control-marker-infos .content.header .address,
.map-control-marker-infos-amenities .content.header .address {
    color: var(--nj-color-palette-grey-700);
    display: block;
    font-size: var(--nj-size-font-deci);
    font-weight: 400;
    line-height: 20px
}

.map-control-config-vehicules .content.amenities,
.map-control-info-travel .content.amenities,
.map-control-map-planer-vehicle-single .content.amenities,
.map-control-map-planer-vehicles .content.amenities,
.map-control-map-planer-vehicles-versions .content.amenities,
.map-control-marker-infos .content.amenities,
.map-control-marker-infos-amenities .content.amenities {
    display: none
}

.map-control-config-vehicules .content.amenities.active,
.map-control-info-travel .content.amenities.active,
.map-control-map-planer-vehicle-single .content.amenities.active,
.map-control-map-planer-vehicles .content.amenities.active,
.map-control-map-planer-vehicles-versions .content.amenities.active,
.map-control-marker-infos .content.amenities.active,
.map-control-marker-infos-amenities .content.amenities.active {
    display: block
}

.map-control-config-vehicules .content.chargers ul li,
.map-control-info-travel .content.chargers ul li,
.map-control-map-planer-vehicle-single .content.chargers ul li,
.map-control-map-planer-vehicles .content.chargers ul li,
.map-control-map-planer-vehicles-versions .content.chargers ul li,
.map-control-marker-infos .content.chargers ul li,
.map-control-marker-infos-amenities .content.chargers ul li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--nj-color-palette-grey-1000);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 16px
}

.map-control-config-vehicules .content.chargers ul li:last-of-type,
.map-control-info-travel .content.chargers ul li:last-of-type,
.map-control-map-planer-vehicle-single .content.chargers ul li:last-of-type,
.map-control-map-planer-vehicles .content.chargers ul li:last-of-type,
.map-control-map-planer-vehicles-versions .content.chargers ul li:last-of-type,
.map-control-marker-infos .content.chargers ul li:last-of-type,
.map-control-marker-infos-amenities .content.chargers ul li:last-of-type {
    margin-bottom: 0
}

.map-control-config-vehicules .content.chargers ul li.bleu,
.map-control-info-travel .content.chargers ul li.bleu,
.map-control-map-planer-vehicle-single .content.chargers ul li.bleu,
.map-control-map-planer-vehicles .content.chargers ul li.bleu,
.map-control-map-planer-vehicles-versions .content.chargers ul li.bleu,
.map-control-marker-infos .content.chargers ul li.bleu,
.map-control-marker-infos-amenities .content.chargers ul li.bleu {
    background: var(--nj-color-palette-blue-200);
    border-left: 3px solid var(--nj-color-palette-blue-600)
}

.map-control-config-vehicules .content.chargers ul li.bleu .picto svg path,
.map-control-info-travel .content.chargers ul li.bleu .picto svg path,
.map-control-map-planer-vehicle-single .content.chargers ul li.bleu .picto svg path,
.map-control-map-planer-vehicles .content.chargers ul li.bleu .picto svg path,
.map-control-map-planer-vehicles-versions .content.chargers ul li.bleu .picto svg path,
.map-control-marker-infos .content.chargers ul li.bleu .picto svg path,
.map-control-marker-infos-amenities .content.chargers ul li.bleu .picto svg path {
    fill: var(--nj-color-palette-blue-600)
}

.map-control-config-vehicules .content.chargers ul li.rouge,
.map-control-info-travel .content.chargers ul li.rouge,
.map-control-map-planer-vehicle-single .content.chargers ul li.rouge,
.map-control-map-planer-vehicles .content.chargers ul li.rouge,
.map-control-map-planer-vehicles-versions .content.chargers ul li.rouge,
.map-control-marker-infos .content.chargers ul li.rouge,
.map-control-marker-infos-amenities .content.chargers ul li.rouge {
    background: var(--nj-color-palette-red-200);
    border-left: 3px solid var(--nj-color-palette-red-600)
}

.map-control-config-vehicules .content.chargers ul li.rouge .picto svg path,
.map-control-info-travel .content.chargers ul li.rouge .picto svg path,
.map-control-map-planer-vehicle-single .content.chargers ul li.rouge .picto svg path,
.map-control-map-planer-vehicles .content.chargers ul li.rouge .picto svg path,
.map-control-map-planer-vehicles-versions .content.chargers ul li.rouge .picto svg path,
.map-control-marker-infos .content.chargers ul li.rouge .picto svg path,
.map-control-marker-infos-amenities .content.chargers ul li.rouge .picto svg path {
    fill: var(--nj-color-palette-red-600)
}

.map-control-config-vehicules .content.chargers ul li.grisfonce,
.map-control-info-travel .content.chargers ul li.grisfonce,
.map-control-map-planer-vehicle-single .content.chargers ul li.grisfonce,
.map-control-map-planer-vehicles .content.chargers ul li.grisfonce,
.map-control-map-planer-vehicles-versions .content.chargers ul li.grisfonce,
.map-control-marker-infos .content.chargers ul li.grisfonce,
.map-control-marker-infos-amenities .content.chargers ul li.grisfonce {
    background: var(--nj-color-palette-grey-300);
    border-left: 3px solid var(--nj-color-palette-grey-800)
}

.map-control-config-vehicules .content.chargers ul li.grisfonce .picto svg path,
.map-control-info-travel .content.chargers ul li.grisfonce .picto svg path,
.map-control-map-planer-vehicle-single .content.chargers ul li.grisfonce .picto svg path,
.map-control-map-planer-vehicles .content.chargers ul li.grisfonce .picto svg path,
.map-control-map-planer-vehicles-versions .content.chargers ul li.grisfonce .picto svg path,
.map-control-marker-infos .content.chargers ul li.grisfonce .picto svg path,
.map-control-marker-infos-amenities .content.chargers ul li.grisfonce .picto svg path {
    fill: var(--nj-color-palette-grey-800)
}

.map-control-config-vehicules .content.chargers ul li.grisclair,
.map-control-info-travel .content.chargers ul li.grisclair,
.map-control-map-planer-vehicle-single .content.chargers ul li.grisclair,
.map-control-map-planer-vehicles .content.chargers ul li.grisclair,
.map-control-map-planer-vehicles-versions .content.chargers ul li.grisclair,
.map-control-marker-infos .content.chargers ul li.grisclair,
.map-control-marker-infos-amenities .content.chargers ul li.grisclair {
    background: var(--nj-color-palette-grey-200);
    border-left: 3px solid var(--nj-color-palette-grey-700)
}

.map-control-config-vehicules .content.chargers ul li.grisclair .picto svg path,
.map-control-info-travel .content.chargers ul li.grisclair .picto svg path,
.map-control-map-planer-vehicle-single .content.chargers ul li.grisclair .picto svg path,
.map-control-map-planer-vehicles .content.chargers ul li.grisclair .picto svg path,
.map-control-map-planer-vehicles-versions .content.chargers ul li.grisclair .picto svg path,
.map-control-marker-infos .content.chargers ul li.grisclair .picto svg path,
.map-control-marker-infos-amenities .content.chargers ul li.grisclair .picto svg path {
    fill: var(--nj-color-palette-grey-700)
}

.map-control-config-vehicules .content.chargers ul li .infos,
.map-control-info-travel .content.chargers ul li .infos,
.map-control-map-planer-vehicle-single .content.chargers ul li .infos,
.map-control-map-planer-vehicles .content.chargers ul li .infos,
.map-control-map-planer-vehicles-versions .content.chargers ul li .infos,
.map-control-marker-infos .content.chargers ul li .infos,
.map-control-marker-infos-amenities .content.chargers ul li .infos {
    width: 169px
}

.map-control-config-vehicules .content.chargers ul li .infos .name,
.map-control-info-travel .content.chargers ul li .infos .name,
.map-control-map-planer-vehicle-single .content.chargers ul li .infos .name,
.map-control-map-planer-vehicles .content.chargers ul li .infos .name,
.map-control-map-planer-vehicles-versions .content.chargers ul li .infos .name,
.map-control-marker-infos .content.chargers ul li .infos .name,
.map-control-marker-infos-amenities .content.chargers ul li .infos .name {
    color: var(--nj-color-palette-grey-1000);
    font-size: var(--nj-size-font-base);
    font-weight: 700;
    line-height: 24px
}

.map-control-config-vehicules .content.chargers ul li .infos .price,
.map-control-info-travel .content.chargers ul li .infos .price,
.map-control-map-planer-vehicle-single .content.chargers ul li .infos .price,
.map-control-map-planer-vehicles .content.chargers ul li .infos .price,
.map-control-map-planer-vehicles-versions .content.chargers ul li .infos .price,
.map-control-marker-infos .content.chargers ul li .infos .price,
.map-control-marker-infos-amenities .content.chargers ul li .infos .price {
    color: var(--nj-color-palette-grey-1000);
    font-size: var(--nj-size-font-deci);
    font-weight: 400;
    line-height: 20px
}

.map-control-config-vehicules .content.chargers ul li .available,
.map-control-info-travel .content.chargers ul li .available,
.map-control-map-planer-vehicle-single .content.chargers ul li .available,
.map-control-map-planer-vehicles .content.chargers ul li .available,
.map-control-map-planer-vehicles-versions .content.chargers ul li .available,
.map-control-marker-infos .content.chargers ul li .available,
.map-control-marker-infos-amenities .content.chargers ul li .available {
    text-align: right
}

.map-control-config-vehicules .content.chargers ul li .available .place,
.map-control-info-travel .content.chargers ul li .available .place,
.map-control-map-planer-vehicle-single .content.chargers ul li .available .place,
.map-control-map-planer-vehicles .content.chargers ul li .available .place,
.map-control-map-planer-vehicles-versions .content.chargers ul li .available .place,
.map-control-marker-infos .content.chargers ul li .available .place,
.map-control-marker-infos-amenities .content.chargers ul li .available .place {
    font-size: var(--nj-size-font-base);
    font-weight: 700;
    line-height: 24px
}

.map-control-config-vehicules .content.chargers ul li .available .status,
.map-control-info-travel .content.chargers ul li .available .status,
.map-control-map-planer-vehicle-single .content.chargers ul li .available .status,
.map-control-map-planer-vehicles .content.chargers ul li .available .status,
.map-control-map-planer-vehicles-versions .content.chargers ul li .available .status,
.map-control-marker-infos .content.chargers ul li .available .status,
.map-control-marker-infos-amenities .content.chargers ul li .available .status {
    font-size: var(--nj-size-font-deci);
    font-style: italic;
    font-weight: 500;
    line-height: 20px
}

.map-control-config-vehicules .section_titles_style_quaternary,
.map-control-config-vehicules .section_titles_style_tertiary,
.map-control-info-travel .section_titles_style_quaternary,
.map-control-info-travel .section_titles_style_tertiary,
.map-control-map-planer-vehicle-single .section_titles_style_quaternary,
.map-control-map-planer-vehicle-single .section_titles_style_tertiary,
.map-control-map-planer-vehicles .section_titles_style_quaternary,
.map-control-map-planer-vehicles .section_titles_style_tertiary,
.map-control-map-planer-vehicles-versions .section_titles_style_quaternary,
.map-control-map-planer-vehicles-versions .section_titles_style_tertiary,
.map-control-marker-infos .section_titles_style_quaternary,
.map-control-marker-infos .section_titles_style_tertiary,
.map-control-marker-infos-amenities .section_titles_style_quaternary,
.map-control-marker-infos-amenities .section_titles_style_tertiary {
    padding: 0
}

.map-control-config-vehicules .amenities ul,
.map-control-info-travel .amenities ul,
.map-control-map-planer-vehicle-single .amenities ul,
.map-control-map-planer-vehicles .amenities ul,
.map-control-map-planer-vehicles-versions .amenities ul,
.map-control-marker-infos .amenities ul,
.map-control-marker-infos-amenities .amenities ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%
}

.map-control-config-vehicules .amenities ul li,
.map-control-info-travel .amenities ul li,
.map-control-map-planer-vehicle-single .amenities ul li,
.map-control-map-planer-vehicles .amenities ul li,
.map-control-map-planer-vehicles-versions .amenities ul li,
.map-control-marker-infos .amenities ul li,
.map-control-marker-infos-amenities .amenities ul li {
    border: 1px solid var(--nj-color-palette-grey-400);
    color: var(--nj-color-palette-grey-1000);
    display: none;
    font-size: var(--nj-size-font-deci);
    font-weight: 400;
    line-height: 20px;
    padding: 6px 8px
}

.map-control-config-vehicules .amenities ul li.active,
.map-control-info-travel .amenities ul li.active,
.map-control-map-planer-vehicle-single .amenities ul li.active,
.map-control-map-planer-vehicles .amenities ul li.active,
.map-control-map-planer-vehicles-versions .amenities ul li.active,
.map-control-marker-infos .amenities ul li.active,
.map-control-marker-infos-amenities .amenities ul li.active {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.map-control-config-vehicules .amenities ul li .material-icons,
.map-control-info-travel .amenities ul li .material-icons,
.map-control-map-planer-vehicle-single .amenities ul li .material-icons,
.map-control-map-planer-vehicles .amenities ul li .material-icons,
.map-control-map-planer-vehicles-versions .amenities ul li .material-icons,
.map-control-marker-infos .amenities ul li .material-icons,
.map-control-marker-infos-amenities .amenities ul li .material-icons {
    color: var(--nj-color-palette-grey-600);
    font-size: var(--nj-size-font-base)
}

.map-control-config-vehicules .amenities .wp-block-engie-section-titles,
.map-control-info-travel .amenities .wp-block-engie-section-titles,
.map-control-map-planer-vehicle-single .amenities .wp-block-engie-section-titles,
.map-control-map-planer-vehicles .amenities .wp-block-engie-section-titles,
.map-control-map-planer-vehicles-versions .amenities .wp-block-engie-section-titles,
.map-control-marker-infos .amenities .wp-block-engie-section-titles,
.map-control-marker-infos-amenities .amenities .wp-block-engie-section-titles {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    position: relative
}

.map-control-config-vehicules .content.informations ul,
.map-control-info-travel .content.informations ul,
.map-control-map-planer-vehicle-single .content.informations ul,
.map-control-map-planer-vehicles .content.informations ul,
.map-control-map-planer-vehicles-versions .content.informations ul,
.map-control-marker-infos .content.informations ul,
.map-control-marker-infos-amenities .content.informations ul {
    margin-bottom: 8px;
    margin-top: 16px
}

.map-control-config-vehicules .content.informations ul li,
.map-control-info-travel .content.informations ul li,
.map-control-map-planer-vehicle-single .content.informations ul li,
.map-control-map-planer-vehicles .content.informations ul li,
.map-control-map-planer-vehicles-versions .content.informations ul li,
.map-control-marker-infos .content.informations ul li,
.map-control-marker-infos-amenities .content.informations ul li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start;
    padding: 8px 0
}

.map-control-config-vehicules .content.informations ul li:last-of-type,
.map-control-info-travel .content.informations ul li:last-of-type,
.map-control-map-planer-vehicle-single .content.informations ul li:last-of-type,
.map-control-map-planer-vehicles .content.informations ul li:last-of-type,
.map-control-map-planer-vehicles-versions .content.informations ul li:last-of-type,
.map-control-marker-infos .content.informations ul li:last-of-type,
.map-control-marker-infos-amenities .content.informations ul li:last-of-type {
    padding-bottom: 0
}

.map-control-config-vehicules .content.informations ul li .picto,
.map-control-info-travel .content.informations ul li .picto,
.map-control-map-planer-vehicle-single .content.informations ul li .picto,
.map-control-map-planer-vehicles .content.informations ul li .picto,
.map-control-map-planer-vehicles-versions .content.informations ul li .picto,
.map-control-marker-infos .content.informations ul li .picto,
.map-control-marker-infos-amenities .content.informations ul li .picto {
    margin-right: 16px;
    width: 24px
}

.map-control-config-vehicules .content.informations ul li .picto .material-icons,
.map-control-info-travel .content.informations ul li .picto .material-icons,
.map-control-map-planer-vehicle-single .content.informations ul li .picto .material-icons,
.map-control-map-planer-vehicles .content.informations ul li .picto .material-icons,
.map-control-map-planer-vehicles-versions .content.informations ul li .picto .material-icons,
.map-control-marker-infos .content.informations ul li .picto .material-icons,
.map-control-marker-infos-amenities .content.informations ul li .picto .material-icons {
    color: var(--nj-color-palette-grey-600);
    font-size: var(--nj-size-font-hecto)
}

.map-control-config-vehicules .content.informations ul li .infos,
.map-control-info-travel .content.informations ul li .infos,
.map-control-map-planer-vehicle-single .content.informations ul li .infos,
.map-control-map-planer-vehicles .content.informations ul li .infos,
.map-control-map-planer-vehicles-versions .content.informations ul li .infos,
.map-control-marker-infos .content.informations ul li .infos,
.map-control-marker-infos-amenities .content.informations ul li .infos {
    color: var(--nj-color-palette-grey-700);
    font-size: var(--nj-size-font-base);
    line-height: 24px
}

.map-control-config-vehicules .content.informations ul li .infos .legend,
.map-control-info-travel .content.informations ul li .infos .legend,
.map-control-map-planer-vehicle-single .content.informations ul li .infos .legend,
.map-control-map-planer-vehicles .content.informations ul li .infos .legend,
.map-control-map-planer-vehicles-versions .content.informations ul li .infos .legend,
.map-control-marker-infos .content.informations ul li .infos .legend,
.map-control-marker-infos-amenities .content.informations ul li .infos .legend {
    color: var(--nj-color-palette-grey-1000);
    display: block;
    font-size: var(--nj-size-font-deci);
    line-height: 20px
}

.map-control-config-vehicules .content.informations ul li .infos .legend a,
.map-control-info-travel .content.informations ul li .infos .legend a,
.map-control-map-planer-vehicle-single .content.informations ul li .infos .legend a,
.map-control-map-planer-vehicles .content.informations ul li .infos .legend a,
.map-control-map-planer-vehicles-versions .content.informations ul li .infos .legend a,
.map-control-marker-infos .content.informations ul li .infos .legend a,
.map-control-marker-infos-amenities .content.informations ul li .infos .legend a {
    color: var(--nj-color-palette-blue-600)
}

.map-control-config-vehicules .content.header,
.map-control-info-travel .content.header,
.map-control-map-planer-vehicle-single .content.header,
.map-control-map-planer-vehicles .content.header,
.map-control-map-planer-vehicles-versions .content.header,
.map-control-marker-infos-amenities .content.header {
    padding-left: 48px
}

.map-control-config-vehicules .content:first-of-type,
.map-control-info-travel .content:first-of-type,
.map-control-map-planer-vehicle-single .content:first-of-type,
.map-control-map-planer-vehicles .content:first-of-type,
.map-control-map-planer-vehicles-versions .content:first-of-type,
.map-control-marker-infos-amenities .content:first-of-type {
    border-top: none
}

.map-control-config-vehicules .nj-icon-btn.close,
.map-control-info-travel .nj-icon-btn.close,
.map-control-map-planer-vehicle-single .nj-icon-btn.close,
.map-control-map-planer-vehicles .nj-icon-btn.close,
.map-control-map-planer-vehicles-versions .nj-icon-btn.close,
.map-control-marker-infos-amenities .nj-icon-btn.close {
    display: block !important;
    height: 24px;
    left: 12px;
    top: 20px;
    width: 24px
}

.map-control-config-vehicules .amenity-item,
.map-control-info-travel .amenity-item,
.map-control-map-planer-vehicle-single .amenity-item,
.map-control-map-planer-vehicles .amenity-item,
.map-control-map-planer-vehicles-versions .amenity-item,
.map-control-marker-infos-amenities .amenity-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start;
    padding: 8px 0
}

.map-control-config-vehicules .amenity-item:last-of-type,
.map-control-info-travel .amenity-item:last-of-type,
.map-control-map-planer-vehicle-single .amenity-item:last-of-type,
.map-control-map-planer-vehicles .amenity-item:last-of-type,
.map-control-map-planer-vehicles-versions .amenity-item:last-of-type,
.map-control-marker-infos-amenities .amenity-item:last-of-type {
    padding-bottom: 0
}

.map-control-config-vehicules .amenity-item__info .name,
.map-control-info-travel .amenity-item__info .name,
.map-control-map-planer-vehicle-single .amenity-item__info .name,
.map-control-map-planer-vehicles .amenity-item__info .name,
.map-control-map-planer-vehicles-versions .amenity-item__info .name,
.map-control-marker-infos-amenities .amenity-item__info .name {
    color: var(--nj-color-palette-grey-1000);
    font-size: var(--nj-size-font-base);
    line-height: 24px
}

.map-control-config-vehicules .amenity-item__info .address,
.map-control-info-travel .amenity-item__info .address,
.map-control-map-planer-vehicle-single .amenity-item__info .address,
.map-control-map-planer-vehicles .amenity-item__info .address,
.map-control-map-planer-vehicles-versions .amenity-item__info .address,
.map-control-marker-infos-amenities .amenity-item__info .address {
    color: var(--nj-color-palette-grey-700);
    display: block;
    font-size: var(--nj-size-font-deci);
    line-height: 20px
}

.map-control-config-vehicules .amenity-item .picto,
.map-control-info-travel .amenity-item .picto,
.map-control-map-planer-vehicle-single .amenity-item .picto,
.map-control-map-planer-vehicles .amenity-item .picto,
.map-control-map-planer-vehicles-versions .amenity-item .picto,
.map-control-marker-infos-amenities .amenity-item .picto {
    margin-right: 16px;
    width: 24px
}

.map-control-config-vehicules .amenity-item .picto .material-icons,
.map-control-info-travel .amenity-item .picto .material-icons,
.map-control-map-planer-vehicle-single .amenity-item .picto .material-icons,
.map-control-map-planer-vehicles .amenity-item .picto .material-icons,
.map-control-map-planer-vehicles-versions .amenity-item .picto .material-icons,
.map-control-marker-infos-amenities .amenity-item .picto .material-icons {
    color: var(--nj-color-palette-grey-600);
    font-size: var(--nj-size-font-hecto)
}

@media only screen and (max-width:767px) {

    .map-control-info-travel.active,
    .map-control-marker-infos-amenities.active,
    .map-control-marker-infos.active {
        top: 50%
    }
}

.map-control-info-travel.is-expanded-js,
.map-control-marker-infos-amenities.is-expanded-js,
.map-control-marker-infos.is-expanded-js {
    top: 4rem
}

@media only screen and (max-width:767px) {

    .map-control-info-travel.is-expanded-js+.map-control-marker-infos-amenities.active,
    .map-control-marker-infos-amenities.is-expanded-js+.map-control-marker-infos-amenities.active,
    .map-control-marker-infos.is-expanded-js+.map-control-marker-infos-amenities.active {
        top: 4rem
    }
}

.map-control-info-travel.is-expanded-js .nj-icon-btn.expand,
.map-control-marker-infos-amenities.is-expanded-js .nj-icon-btn.expand,
.map-control-marker-infos.is-expanded-js .nj-icon-btn.expand {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.map-control-marker-infos .content.header .engie-vianeo {
    height: auto;
    left: 16px;
    position: absolute;
    top: 16px;
    width: 32px
}

.map-control-marker-infos .content.header .engie-vianeo img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.map-control-marker-infos .content.header .engie-vianeo+.name {
    text-indent: 40px
}

.map-control-marker-infos .content.header .dist-user-marker {
    color: var(--nj-color-palette-grey-1000);
    display: block;
    font-size: var(--nj-size-font-deci);
    font-weight: 700;
    line-height: 20px;
    margin-top: 8px
}

#map-container .map-control-filters,
#map-container .map-control-legend,
#map-container .map-control-settings {
    background-color: var(--nj-color-palette-grey-0);
    bottom: 0;
    position: absolute;
    right: -360px;
    top: 0;
    -webkit-transition: right .33s linear;
    transition: right .33s linear;
    visibility: hidden;
    width: 360px;
    z-index: 110
}

#map-container .map-control-filters__content,
#map-container .map-control-legend__content,
#map-container .map-control-settings__content {
    overflow-y: auto
}

#map-container .map-control-filters.active,
#map-container .map-control-legend.active,
#map-container .map-control-settings.active {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    right: 0;
    -webkit-transition-delay: .12s;
    transition-delay: .12s;
    visibility: visible
}

@media only screen and (max-width:767px) {

    #map-container .map-control-filters.active,
    #map-container .map-control-legend.active,
    #map-container .map-control-settings.active {
        width: 100%
    }
}

#map-container .map-control-filters form,
#map-container .map-control-legend form,
#map-container .map-control-settings form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

#map-container .map-control-filters .nj-icon-btn.close,
#map-container .map-control-legend .nj-icon-btn.close,
#map-container .map-control-settings .nj-icon-btn.close {
    padding: 0;
    position: absolute;
    right: 16px;
    top: 16px
}

#map-container .map-control-filters .nj-icon-btn.close .nj-icon-btn__icon,
#map-container .map-control-legend .nj-icon-btn.close .nj-icon-btn__icon,
#map-container .map-control-settings .nj-icon-btn.close .nj-icon-btn__icon {
    color: var(--nj-color-palette-blue-600);
    height: 24px;
    width: 24px
}

#map-container .map-control-filters .content-header,
#map-container .map-control-legend .content-header,
#map-container .map-control-settings .content-header {
    border-bottom: 1px solid var(--nj-color-palette-grey-300);
    padding: 16px
}

#map-container .map-control-filters .content,
#map-container .map-control-legend .content,
#map-container .map-control-settings .content {
    border-top: 1px solid var(--nj-color-palette-grey-300);
    padding: 16px
}

#map-container .map-control-filters .content:first-of-type,
#map-container .map-control-legend .content:first-of-type,
#map-container .map-control-settings .content:first-of-type {
    border-top: none
}

#map-container .map-control-filters .section_titles_style_quaternary,
#map-container .map-control-filters .section_titles_style_tertiary,
#map-container .map-control-legend .section_titles_style_quaternary,
#map-container .map-control-legend .section_titles_style_tertiary,
#map-container .map-control-settings .section_titles_style_quaternary,
#map-container .map-control-settings .section_titles_style_tertiary {
    padding: 0
}

@media only screen and (max-width:767px) {

    #map-container .map-control-filters,
    #map-container .map-control-legend {
        position: fixed;
        top: 64px
    }
}

#map-container .map-control-filters ul,
#map-container .map-control-legend ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px
}

#map-container .map-control-filters ul li,
#map-container .map-control-legend ul li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

#map-container .map-control-filters .legend,
#map-container .map-control-legend .legend {
    color: var(--nj-color-palette-grey-700);
    display: block;
    font-size: var(--nj-size-font-deci);
    line-height: 20px
}

#map-container .map-control-filters .picto,
#map-container .map-control-legend .picto {
    width: 24px
}

#map-container .map-control-legend ul li {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#map-container .map-control-legend ul li .picto {
    margin-right: 16px
}

#map-container .map-control-legend ul li .infos {
    color: var(--nj-color-palette-grey-1000);
    font-size: var(--nj-size-font-base);
    line-height: 24px
}

#map-container .map-control-legend .content.planning {
    padding: 16px 0 0
}

#map-container .map-control-legend .content.planning .wp-block-engie-section-titles {
    padding: 0 16px
}

#map-container .map-control-legend .content.planning ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    margin-top: 8px
}

#map-container .map-control-legend .content.planning ul li {
    border-top: 1px solid var(--nj-color-palette-grey-300);
    padding: 16px
}

#map-container .map-control-legend .content.planning ul li:first-of-type {
    border-top: none
}

#map-container .map-control-filters .nj-form-group {
    margin: 16px 0 0;
    padding-top: 0
}

#map-container .map-control-filters .nj-form-group .nj-toggle {
    width: 100%
}

#map-container .map-control-filters .nj-form-group .nj-toggle label {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#map-container .map-control-filters ul {
    margin-top: 0
}

#map-container .map-control-filters ul li {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 0
}

#map-container .map-control-filters ul li .nj-checkbox .nj-checkbox__decorator {
    margin-right: 12px
}

#map-container .map-control-filters ul li .nj-checkbox .nj-checkbox__text {
    display: none
}

#map-container .map-control-filters ul li label {
    color: var(--nj-color-palette-grey-1000);
    font-size: var(--nj-size-font-base);
    line-height: 24px
}

#map-container .map-control-filters ul li .material-icons {
    color: var(--nj-color-palette-grey-600)
}

#map-container .map-control-filters ul li .picto svg path {
    fill: var(--nj-color-palette-grey-600)
}

#map-container .map-control-filters .nj-btn {
    margin-right: 0;
    padding: 14px 23px
}

@media only screen and (max-width:767px) {
    #map-container .map-control-filters .nj-btn {
        display: inline-block;
        width: 47%
    }
}

#map-container .map-control-filters .nj-btn:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#map-container .map-control-filters .content-actions {
    border-top: 1px solid var(--nj-color-palette-grey-300);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    padding: 16px
}

@media only screen and (max-width:767px) {
    #map-container .map-control-filters .content-actions .nj-btn--subtle {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    #map-container .map-control-filters .content-actions .submit {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }
}

#map-container .map-control-settings {
    border: 1px solid var(--nj-color-palette-grey-300);
    top: 152px;
    width: 375px
}

#map-container .map-control-settings.active {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: unset;
    right: 24px
}

@media only screen and (max-width:767px) {
    #map-container .map-control-settings.active {
        right: 0
    }
}

#map-container .map-control-settings form {
    height: unset
}

#map-container .map-control-settings .content {
    padding: 16px 16px 24px
}

#map-container .map-control-settings .content .nj-radio-group {
    gap: var(--nj-size-space-32)
}

.pac-container {
    border-radius: unset;
    border-top: 0 !important;
    bottom: 24px !important;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    height: 100%;
    left: 24px !important;
    margin-top: 25px;
    overflow-y: auto;
    width: 360px !important
}

@media only screen and (max-width:767px) {
    .pac-container {
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important
    }
}

@media only screen and (min-width:1025px) and (max-width:1440px) {
    .pac-container {
        max-height: 328px
    }
}

@media only screen and (min-width:1440px) {
    .pac-container {
        max-height: 428px
    }
}

@media only screen and (min-width:1025px) and (max-width:1440px) {
    .pac-container~.pac-container {
        max-height: 390px
    }
}

@media only screen and (min-width:1440px) {
    .pac-container~.pac-container {
        max-height: 492px
    }
}

.pac-container.pac-logo:after {
    content: unset
}

.pac-container .pac-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px 16px 20px;
    position: relative
}

.pac-container .pac-item span {
    color: var(--nj-color-palette-grey-700);
    font-size: .875rem;
    font-weight: 400;
    line-height: 20px
}

.pac-container .pac-item span.pac-item-query,
.pac-container .pac-item span.pac-item-query>.pac-matched {
    color: var(--nj-color-palette-grey-1000);
    font-size: 1rem;
    font-weight: 700;
    line-height: 24px
}

.pac-container .pac-item span.pac-icon {
    height: 20px;
    left: 16px;
    margin: 0;
    position: absolute;
    top: 16px;
    width: 16px
}

.pac-container .pac-item span.pac-icon-search {
    -webkit-filter: invert(7%) sepia(9%) saturate(2228%) hue-rotate(161deg) brightness(35%) contrast(59%);
    filter: invert(7%) sepia(9%) saturate(2228%) hue-rotate(161deg) brightness(35%) contrast(59%)
}

.pac-container .pac-item span.pac-icon-marker {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='25'%3E%3Cpath fill='%23D9D9D9' d='M.996.63h24v24h-24z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath d='M12.996 12.63c.55 0 1.02-.196 1.413-.588.391-.391.587-.862.587-1.412 0-.55-.196-1.021-.587-1.413a1.926 1.926 0 0 0-1.413-.587c-.55 0-1.02.196-1.412.587a1.926 1.926 0 0 0-.588 1.413c0 .55.196 1.02.588 1.412.391.392.862.588 1.412.588Zm0 7.35c2.033-1.867 3.542-3.563 4.525-5.088.983-1.525 1.475-2.879 1.475-4.062 0-1.817-.58-3.304-1.737-4.463C16.1 5.21 14.679 4.63 12.996 4.63c-1.683 0-3.104.58-4.262 1.737-1.159 1.159-1.738 2.646-1.738 4.463 0 1.183.492 2.537 1.475 4.062.983 1.525 2.492 3.221 4.525 5.088Zm0 2.65c-2.683-2.284-4.687-4.404-6.012-6.363-1.325-1.958-1.988-3.77-1.988-5.437 0-2.5.804-4.492 2.413-5.975 1.608-1.483 3.47-2.225 5.587-2.225 2.117 0 3.98.742 5.588 2.225s2.412 3.475 2.412 5.975c0 1.666-.662 3.479-1.987 5.437-1.325 1.959-3.33 4.08-6.013 6.363Z' fill='%23334551'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.pac-container .pac-item span.pac-item-query,
.pac-container .pac-item span.pac-item-query+span {
    padding-left: 36px;
    white-space: pre-wrap
}

@media only screen and (max-width:767px) {
    body.has-panel-open-js .pac-container {
        bottom: 0;
        height: 100%;
        left: 0 !important;
        margin-top: 74px;
        right: 0;
        top: 4rem !important;
        width: 100% !important
    }
}

.search-history {
    background-color: var(--nj-color-palette-grey-0);
    border: 1px solid var(--nj-color-palette-grey-300);
    border-top: none;
    left: -1px;
    margin-top: 17px;
    overflow-y: auto;
    position: absolute;
    right: 0;
    visibility: hidden;
    width: 360px;
    z-index: 10
}

@media only screen and (max-width:767px) {
    .search-history {
        border: none;
        left: 0;
        margin-top: 0;
        right: 0;
        top: 74px;
        width: 100%
    }
}

.search-history.active {
    visibility: visible
}

.search-history .search-history-item {
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: var(--nj-color-palette-grey-1000);
    cursor: pointer;
    font-size: 1rem;
    line-height: 24px;
    padding: 16px 16px 16px 56px;
    position: relative;
    text-align: left;
    width: 100%
}

.search-history .search-history-item:focus,
.search-history .search-history-item:focus-visible {
    outline: 2px solid var(--nj-color-palette-blue-600);
    outline-offset: -2px
}

.search-history .search-history-item span.material-icons,
.search-history .search-history-item span.material-icons-outlined {
    color: var(--nj-color-palette-grey-800);
    height: 24px;
    left: 16px;
    margin: 0;
    position: absolute;
    top: 16px;
    width: 24px
}

.search-history .search-history-item span.street-address,
.search-history .search-history-item span.title {
    font-weight: 700;
    width: 100%
}

.search-history .search-history-item span.country-name,
.search-history .search-history-item span.description,
.search-history .search-history-item span.locality,
.search-history .search-history-item span.postal-code,
.search-history .search-history-item span.region {
    color: var(--nj-color-palette-grey-700);
    font-size: .875rem;
    font-weight: 400;
    line-height: 20px;
    text-align: left
}

.search-history .geolocation-button p {
    font-family: var(--nj-font-family-default)
}

.search-history .geolocation-button p.position {
    color: var(--nj-color-palette-blue-600);
    font-size: 1rem;
    font-weight: 700;
    line-height: 24px
}

.search-history .geolocation-button p.address-user {
    color: var(--nj-color-palette-grey-700);
    font-size: .875rem;
    line-height: 20px
}

.search-history .geolocation-button span.material-icons-outlined {
    color: var(--nj-color-palette-blue-600)
}

.search-no-result {
    background-color: var(--nj-color-palette-grey-0);
    padding-top: 24px !important
}

@media only screen and (max-width:767px) {
    .search-no-result {
        height: 200px;
        left: 0;
        padding-left: 16px;
        padding-right: 16px;
        position: absolute;
        right: 0;
        top: 74px
    }
}

.search-no-result p {
    line-height: 24px;
    margin: 0;
    text-align: center
}

.search-no-result .title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 8px
}

.map-control-sidebar-content-planer .search-no-result {
    left: 0;
    padding-left: 16px;
    padding-right: 16px;
    position: absolute;
    right: 0;
    z-index: 11
}

#map-control-alert-error,
#map-control-alert-loader,
#map-control-alert-travel-loader {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: var(--nj-color-background-backdrop);
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: 1025
}

@media only screen and (max-width:767px) {

    #map-control-alert-error,
    #map-control-alert-loader,
    #map-control-alert-travel-loader {
        padding-left: 16px;
        padding-right: 16px
    }
}

#map-control-alert-error.active,
#map-control-alert-loader.active,
#map-control-alert-travel-loader.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1
}

#map-control-alert-error .nj-modal__dialog,
#map-control-alert-loader .nj-modal__dialog,
#map-control-alert-travel-loader .nj-modal__dialog {
    margin: 0;
    width: 100%
}

@media only screen and (max-width:767px) {

    #map-control-alert-error .nj-modal__dialog,
    #map-control-alert-loader .nj-modal__dialog,
    #map-control-alert-travel-loader .nj-modal__dialog {
        max-width: 100%
    }
}

#map-control-alert-error .nj-modal__body,
#map-control-alert-loader .nj-modal__body,
#map-control-alert-travel-loader .nj-modal__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 24px
}

#map-control-alert-error .nj-modal__title,
#map-control-alert-loader .nj-modal__title,
#map-control-alert-travel-loader .nj-modal__title {
    color: var(--nj-color-palette-grey-1000);
    line-height: 34px;
    margin-top: 24px
}

#map-control-alert-error .nj-modal__description,
#map-control-alert-loader .nj-modal__description,
#map-control-alert-travel-loader .nj-modal__description {
    line-height: 24px;
    margin: 0
}

#map-control-alert-error .material-icons.nj-icon-material--xxl,
#map-control-alert-loader .material-icons.nj-icon-material--xxl,
#map-control-alert-travel-loader .material-icons.nj-icon-material--xxl {
    font-size: var(--nj-size-icon-xxl)
}

#map-control-alert-error .nj-btn,
#map-control-alert-loader .nj-btn,
#map-control-alert-travel-loader .nj-btn {
    margin-top: 32px
}

#map-control-alert-error .nj-modal__body {
    padding-top: 0
}

#map-control-alert-error .nj-modal__title {
    margin-top: 16px
}

.map-control-config-vehicules .nj-icon-btn.close,
.map-control-info-travel .nj-icon-btn.close,
.map-control-map-planer-vehicle-single .nj-icon-btn.close,
.map-control-map-planer-vehicles .nj-icon-btn.close,
.map-control-map-planer-vehicles-versions .nj-icon-btn.close {
    top: 12px
}

.map-control-config-vehicules .content.header,
.map-control-info-travel .content.header,
.map-control-map-planer-vehicle-single .content.header,
.map-control-map-planer-vehicles .content.header,
.map-control-map-planer-vehicles-versions .content.header {
    padding-bottom: 10px;
    padding-top: 10px
}

.map-control-config-vehicules .content.header .section_titles_title,
.map-control-info-travel .content.header .section_titles_title,
.map-control-map-planer-vehicle-single .content.header .section_titles_title,
.map-control-map-planer-vehicles .content.header .section_titles_title,
.map-control-map-planer-vehicles-versions .content.header .section_titles_title {
    font-size: 1.125rem;
    line-height: 28px;
    text-align: center
}

.map-control-map-planer-vehicles .content,
.map-control-map-planer-vehicles-versions .content {
    border: none !important
}

.map-control-map-planer-vehicles .content.header,
.map-control-map-planer-vehicles-versions .content.header {
    border-bottom: 1px solid var(--nj-color-palette-grey-300) !important
}

.map-control-map-planer-vehicles-versions .vehicles-versions-list .vehicle-version-item {
    background-color: transparent;
    border: none;
    border-radius: 0;
    cursor: pointer;
    padding: 0;
    text-align: left;
    width: 100%
}

.map-control-map-planer-vehicles-versions .vehicles-versions-list .vehicle-version-item .name {
    color: var(--nj-color-palette-grey-1000);
    font-size: 1rem;
    font-weight: 700;
    line-height: 24px
}

.map-control-map-planer-vehicles .search-container {
    border-bottom: 1px solid var(--nj-color-palette-grey-300);
    padding: 16px
}

.map-control-map-planer-vehicles__content .vehicles-list {
    display: grid;
    grid-template-columns: 1fr
}

.map-control-map-planer-vehicles__content .vehicles-list .content {
    padding: 0 16px
}

.map-control-map-planer-vehicles__content .vehicles-list .content .wp-block-engie-section-titles {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 10px 0
}

.map-control-map-planer-vehicles__content .vehicles-list .content .wp-block-engie-section-titles .count-modeles {
    color: var(--nj-color-palette-grey-600);
    font-size: .875rem;
    font-weight: 500;
    line-height: 20px
}

.map-control-map-planer-vehicles__content .vehicles-list .content .vehicle-model-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    border-radius: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    padding: 8px 0;
    width: 100%
}

.map-control-map-planer-vehicles__content .vehicles-list .content .vehicle-model-item .image {
    background-color: var(--nj-color-palette-grey-900);
    height: 48px;
    width: 74px
}

.map-control-map-planer-vehicles__content .vehicles-list .content .vehicle-model-item .image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.map-control-map-planer-vehicles__content .vehicles-list .content .vehicle-model-item .vehicle-item__info .count-editions,
.map-control-map-planer-vehicles__content .vehicles-list .content .vehicle-model-item .vehicle-item__info .name {
    font-family: var(--nj-font-family-sans-serif);
    text-align: left
}

.map-control-map-planer-vehicles__content .vehicles-list .content .vehicle-model-item .vehicle-item__info .name {
    color: var(--nj-color-palette-grey-900);
    font-size: 1rem;
    line-height: 24px
}

.map-control-map-planer-vehicles__content .vehicles-list .content .vehicle-model-item .vehicle-item__info .count-editions,
.map-control-map-planer-vehicles__content .vehicles-list .content .vehicle-model-item .vehicle-item__info .make {
    color: var(--nj-color-palette-grey-600);
    font-size: .875rem;
    line-height: 20px;
    text-align: left
}

.map-control-map-planer-vehicles__content .content.no-result {
    padding-top: 24px !important
}

.map-control-map-planer-vehicles__content .content.no-result p {
    line-height: 24px;
    margin: 0;
    text-align: center
}

.map-control-map-planer-vehicles__content .content.no-result .title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 8px
}

.map-control-map-planer-vehicle-single.is-scrolled-js .close .material-icons {
    color: var(--nj-color-palette-blue-600);
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.map-control-map-planer-vehicle-single.is-scrolled-js .content.header {
    background-color: var(--nj-color-palette-grey-0);
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.map-control-map-planer-vehicle-single.is-scrolled-js .content.header .section_titles_title {
    color: var(--nj-color-palette-ultramarine-900);
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.map-control-map-planer-vehicle-single .close .material-icons {
    color: var(--nj-color-palette-grey-0)
}

.map-control-map-planer-vehicle-single .content.image-container {
    background-color: var(--nj-color-palette-grey-900);
    padding-bottom: 0;
    padding-top: 0
}

.map-control-map-planer-vehicle-single .content.image-container .image {
    height: 112px;
    width: 100%
}

.map-control-map-planer-vehicle-single .content.image-container .image img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.map-control-map-planer-vehicle-single .content.header {
    background-color: var(--nj-color-palette-grey-900);
    border-bottom: none !important
}

.map-control-map-planer-vehicle-single .content.header .section_titles_title {
    color: var(--nj-color-palette-grey-0)
}

.map-control-map-planer-vehicle-single .content.vehicle-select-btn {
    background-color: var(--nj-color-palette-grey-0);
    bottom: 0;
    position: absolute;
    width: 100%
}

.map-control-map-planer-vehicle-single .content.vehicle-select-btn button {
    width: 100%
}

.map-control-map-planer-vehicle-single .content .make_model,
.map-control-map-planer-vehicle-single .content .version {
    display: block
}

.map-control-map-planer-vehicle-single .content .make_model {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 34px
}

.map-control-map-planer-vehicle-single .content .version {
    color: var(--nj-color-palette-grey-700);
    font-size: .875rem;
    line-height: 20px
}

.map-control-map-planer-vehicle-single .content .subtitle,
.map-control-map-planer-vehicle-single .content .value {
    font-size: 1rem;
    font-weight: 700;
    line-height: 24px
}

.map-control-map-planer-vehicle-single .content .subtitle {
    padding: 16px 0
}

.map-control-map-planer-vehicle-single .content .data-row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 14px 0
}

.map-control-map-planer-vehicle-single .content .data-row .label {
    font-size: 1rem;
    line-height: 20px
}

.map-control-map-planer-vehicle-single .vehicle-details {
    padding-bottom: 75px
}

@media only screen and (max-width:350px) {
    .map-control-info-travel__footer {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:767px) {
    .map-control-info-travel>.nj-icon-btn.close {
        display: none !important
    }

    .map-control-info-travel .info-details__header {
        display: none
    }
}

.map-control-info-travel .header-travel-info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid var(--nj-color-palette-grey-300);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.map-control-info-travel .header-travel-info__destination {
    color: var(--nj-color-palette-grey-600);
    font-size: 1.125rem;
    font-weight: 700;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.map-control-info-travel .destination-city {
    color: var(--nj-color-palette-ultramarine-900)
}

.map-control-info-travel .info-travel,
.map-control-info-travel .time-cost-travel {
    border-bottom: 1px solid var(--nj-color-palette-grey-300);
    padding: 14px 16px
}

.map-control-info-travel .info-travel .travel-time,
.map-control-info-travel .time-cost-travel .travel-time {
    color: var(--nj-color-palette-ultramarine-900);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 34px
}

@media only screen and (max-width:767px) {

    .map-control-info-travel .info-travel .travel-time,
    .map-control-info-travel .time-cost-travel .travel-time {
        font-size: 1.25rem;
        line-height: 30px
    }
}

.map-control-info-travel .info-travel .travel-details,
.map-control-info-travel .time-cost-travel .travel-details {
    color: var(--nj-color-palette-grey-600);
    font-size: 1rem;
    line-height: 24px
}

@media only screen and (max-width:767px) {
    .map-control-info-travel .info-travel {
        background-color: var(--nj-color-palette-grey-0);
        padding-right: 44px;
        position: fixed;
        width: 100%;
        z-index: 11
    }

    .map-control-info-travel .info-travel+div {
        margin-top: 83px
    }
}

.map-control-info-travel .time-cost-travel p {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    justify-content: space-between;
    line-height: 20px;
    padding: 14px 0
}

.map-control-info-travel .time-cost-travel p span {
    font-size: 1rem;
    font-weight: 700;
    line-height: 24px
}

.map-control-info-travel .itinerary {
    color: var(--nj-color-palette-grey-500);
    line-height: 24px;
    padding: 16px
}

.map-control-info-travel .itinerary .between-travel,
.map-control-info-travel .itinerary .end-travel,
.map-control-info-travel .itinerary .ferry-travel,
.map-control-info-travel .itinerary .start-travel,
.map-control-info-travel .itinerary .stop-station {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 0 16px 42px;
    position: relative
}

@media only screen and (max-width:767px) {

    .map-control-info-travel .itinerary .between-travel,
    .map-control-info-travel .itinerary .end-travel,
    .map-control-info-travel .itinerary .ferry-travel,
    .map-control-info-travel .itinerary .start-travel,
    .map-control-info-travel .itinerary .stop-station {
        padding-left: 40px
    }
}

.map-control-info-travel .itinerary .between-travel:after,
.map-control-info-travel .itinerary .end-travel:after,
.map-control-info-travel .itinerary .ferry-travel:after,
.map-control-info-travel .itinerary .start-travel:after,
.map-control-info-travel .itinerary .stop-station:after {
    background-color: var(--nj-color-palette-grey-200);
    content: "";
    display: block;
    height: 100%;
    left: 12px;
    position: absolute;
    top: 0;
    width: 3px
}

.map-control-info-travel .itinerary .between-travel:before,
.map-control-info-travel .itinerary .end-travel:before,
.map-control-info-travel .itinerary .ferry-travel:before,
.map-control-info-travel .itinerary .start-travel:before,
.map-control-info-travel .itinerary .stop-station:before {
    background-image: url(../svg/icon-chargetrip-car.svg);
    content: "";
    display: block;
    height: 24px;
    left: 1px;
    position: absolute;
    top: 0;
    width: 24px;
    z-index: 10
}

.map-control-info-travel .itinerary .start-travel:before {
    background-image: url(../svg/icon-chargetrip-step.svg)
}

.map-control-info-travel .itinerary .between-travel:before {
    background-image: url(../svg/icon-chargetrip-car.svg)
}

.map-control-info-travel .itinerary .stop-station:before {
    background-image: url(../svg/icon-chargetrip-station.svg)
}

.map-control-info-travel .itinerary .ferry-travel:before {
    background-image: url(../svg/icon-chargetrip-boat.svg)
}

.map-control-info-travel .itinerary .end-travel {
    padding-bottom: 0
}

.map-control-info-travel .itinerary .end-travel:before {
    background-image: url(../svg/icon-chargetrip-destination.svg);
    top: 0
}

.map-control-info-travel .itinerary .end-travel:after {
    display: none
}

.map-control-info-travel .itinerary .step-leg-travel {
    color: var(--nj-color-text-primary);
    font-size: .875rem;
    font-weight: 700
}

.map-control-info-travel .itinerary .arrival-address,
.map-control-info-travel .itinerary .departure-address {
    color: var(--nj-color-text-primary);
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 4px
}

.map-control-info-travel .itinerary .address__value {
    color: var(--nj-color-text-primary);
    font-weight: 700
}

.map-control-info-travel .itinerary .temperature__value {
    background-color: var(--nj-color-background-brand-tertiary);
    border-radius: 32px;
    color: var(--nj-color-base-brand-800);
    font-size: .75rem;
    font-weight: 700;
    padding: 0 8px
}

.map-control-info-travel .itinerary .item-info-travel {
    color: var(--nj-color-palette-grey-700);
    font-size: .875rem
}

.map-control-info-travel .itinerary .item-info-travel span,
.map-control-info-travel .itinerary .item-info-travel__value {
    color: var(--nj-color-text-primary);
    font-weight: 700
}

.map-control-info-travel .itinerary .item-info-travel.plug-available span {
    color: var(--nj-color-palette-engie-blue)
}

.map-control-sidebar-content-planer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: var(--nj-color-palette-grey-0);
    -ms-flex-direction: column;
    flex-direction: column;
    height: calc(100% - 63px);
    padding: 0
}

@media only screen and (max-width:767px) {
    .map-control-sidebar-content-planer {
        bottom: 63px;
        height: calc(100% - 127px);
        left: 0;
        position: fixed;
        right: 0;
        top: 4rem
    }
}

.map-control-sidebar-content-planer .map-control-planif-travel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.map-control-sidebar-content-planer .map-control-planif-travel__content {
    overflow-y: auto;
    padding: 16px 0 90px
}

.map-control-sidebar-content-planer .map-control-planif-travel__footer {
    background-color: var(--nj-color-palette-grey-0);
    border-top: 1px solid var(--nj-color-palette-grey-300);
    bottom: 0;
    left: 0;
    padding: 16px;
    position: absolute;
    right: 0
}

@media only screen and (max-width:767px) {
    .map-control-sidebar-content-planer .map-control-planif-travel__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px
    }
}

.map-control-sidebar-content-planer .map-control-planif-travel__footer button {
    width: 100%
}

.map-control-sidebar-content-planer .map-control-planif-travel .search {
    border-bottom: 1px solid var(--nj-color-palette-grey-300);
    padding: 16px;
    position: relative
}

.map-control-sidebar-content-planer .map-control-planif-travel .search.is-open-search {
    background-color: var(--nj-color-palette-grey-0);
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11
}

.map-control-sidebar-content-planer .map-control-planif-travel .search.is-open-search .switch-button {
    display: none
}

.map-control-sidebar-content-planer .map-control-planif-travel .search.is-open-search .search-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 38px;
    width: unset
}

.map-control-sidebar-content-planer .map-control-planif-travel .search.is-open-search .search-item:not(.is-active-search) {
    display: none
}

.map-control-sidebar-content-planer .map-control-planif-travel .search.is-open-search .close-panel {
    display: block;
    height: 32px;
    left: 16px;
    position: absolute;
    top: 20px;
    width: 32px
}

.map-control-sidebar-content-planer .map-control-planif-travel .search.is-open-search .close-panel .material-icons {
    color: var(--nj-color-palette-blue-600);
    height: 24px;
    width: 24px
}

.map-control-sidebar-content-planer .map-control-planif-travel .search .close-panel {
    display: none
}

.map-control-sidebar-content-planer .map-control-planif-travel .search .switch-button {
    border: none;
    border-radius: 0;
    bottom: 22px;
    cursor: pointer;
    height: 32px;
    padding: 0;
    position: absolute;
    right: 16px;
    width: 32px
}

.map-control-sidebar-content-planer .map-control-planif-travel .search .switch-button .material-icons {
    color: var(--nj-color-palette-blue-600);
    height: 24px;
    width: 24px
}

.map-control-sidebar-content-planer .map-control-planif-travel .search .search-history.active {
    border-bottom: none
}

@media only screen and (max-width:767px) {
    .map-control-sidebar-content-planer .map-control-planif-travel .search .search-history.active {
        border-top: 1px solid var(--nj-color-palette-grey-300)
    }
}

@media only screen and (min-width:768px) {
    .map-control-sidebar-content-planer .map-control-planif-travel .search .search-history.active {
        margin-top: 17px
    }

    .map-control-sidebar-content-planer .map-control-planif-travel .search .search-history.search-history-end,
    .map-control-sidebar-content-planer .map-control-planif-travel .search .search-history.search-history-start {
        height: calc(100% - 76px)
    }
}

.map-control-sidebar-content-planer .map-control-planif-travel .search-end-travel {
    width: 288px
}

@media only screen and (max-width:767px) {
    .map-control-sidebar-content-planer .map-control-planif-travel .search-end-travel {
        width: calc(100% - 48px)
    }
}

.map-control-sidebar-content-planer .map-control-planif-travel .search-end-travel:not(.is-active-search) {
    margin-top: 16px
}

.map-control-sidebar-content-planer .map-control-planif-travel .select-vehicule-default {
    padding: 0 16px
}

.map-control-sidebar-content-planer .map-control-planif-travel .select-vehicule-default .map-planer-select-vehicle {
    background-color: var(--nj-color-palette-grey-300);
    border: none;
    border-bottom: 2px solid var(--nj-color-palette-blue-600);
    cursor: pointer;
    height: 148px;
    padding: 0;
    position: relative;
    width: 100%
}

.map-control-sidebar-content-planer .map-control-planif-travel .select-vehicule-default .map-planer-select-vehicle__btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: hsla(0, 0%, 100%, .1);
    border: 1px solid var(--nj-color-palette-grey-0);
    color: var(--nj-color-palette-grey-0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    gap: 8px;
    left: 50%;
    line-height: 20px;
    padding: 14px 32px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 232px
}

.map-control-sidebar-content-planer .map-control-planif-travel .select-vehicule-default .map-planer-select-vehicle__btn:hover {
    background-color: var(--nj-color-background-inverse-transparent-hovered)
}

.map-control-sidebar-content-planer .map-control-planif-travel .img-vehicule-select .image {
    background-color: var(--nj-color-palette-grey-900)
}

.map-control-sidebar-content-planer .map-control-planif-travel .img-vehicule-select .image,
.map-control-sidebar-content-planer .map-control-planif-travel .img-vehicule-select-default {
    height: 100%;
    width: 100%
}

.map-control-sidebar-content-planer .map-control-planif-travel .img-vehicule-select .image img,
.map-control-sidebar-content-planer .map-control-planif-travel .img-vehicule-select-default img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.map-control-sidebar-content-planer .map-control-planif-travel .select-vehicule-selected {
    padding: 0 16px
}

.map-control-sidebar-content-planer .map-control-planif-travel .select-vehicule-selected__content {
    background-color: var(--nj-color-palette-grey-100);
    border-bottom: 2px solid var(--nj-color-palette-blue-600);
    padding: 16px
}

.map-control-sidebar-content-planer .map-control-planif-travel .select-vehicule-selected__buttons {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr;
    margin-top: 10px
}

.map-control-sidebar-content-planer .map-control-planif-travel .select-vehicule-selected__buttons .nj-btn {
    height: 48px;
    margin: 0;
    padding: 0 12px
}

.map-control-sidebar-content-planer .map-control-planif-travel .select-vehicule-selected .name-vehicule-select {
    font-size: 1rem;
    font-weight: 700;
    line-height: 24px
}

.map-control-sidebar-content-planer .map-control-planif-travel .battery {
    border-bottom: 1px solid var(--nj-color-palette-grey-300);
    padding: 0 16px 14px
}

.map-control-sidebar-content-planer .map-control-planif-travel .battery__text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 8px 0
}

.map-control-sidebar-content-planer .map-control-planif-travel .battery__text .current-percent {
    color: var(--nj-color-palette-grey-600);
    font-size: 1rem;
    line-height: 24px
}

.map-control-sidebar-content-planer .map-control-planif-travel .battery.battery-start {
    margin-top: 16px
}

.map-control-sidebar-content-planer .map-control-planif-travel .battery__text,
.map-control-sidebar-content-planer .map-control-planif-travel .config-section__text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 8px 0
}

.map-control-sidebar-content-planer .map-control-planif-travel .battery__text .label,
.map-control-sidebar-content-planer .map-control-planif-travel .config-section__text .label {
    color: var(--nj-color-palette-grey-1000);
    font-size: 1rem;
    font-weight: 700;
    line-height: 24px
}

.map-control-sidebar-content-planer .map-control-planif-travel .battery,
.map-control-sidebar-content-planer .map-control-planif-travel .config-section {
    padding: 0 16px
}

.map-control-sidebar-content-planer .map-control-planif-travel .battery__options,
.map-control-sidebar-content-planer .map-control-planif-travel .config-section__options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.map-control-sidebar-content-planer .map-control-planif-travel .battery__options li,
.map-control-sidebar-content-planer .map-control-planif-travel .config-section__options li {
    border: 1px solid var(--nj-color-palette-grey-400);
    color: var(--nj-color-palette-grey-1000);
    font-size: var(--nj-size-font-deci);
    font-weight: 400;
    line-height: 20px;
    padding: 6px 8px
}

.map-control-config-vehicules__content .title {
    font-size: 1rem;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 16px
}

.map-control-config-vehicules__content .nj-segmented-control {
    margin-top: 16px;
    width: 100%
}

@media only screen and (max-width:767px) {
    .map-control-config-vehicules__content .nj-segmented-control li.nj-segmented-control-btn {
        width: 100%
    }
}

.map-control-config-vehicules__content .nj-segmented-control li.nj-segmented-control-btn:focus-within {
    outline: 2px solid var(--nj-color-palette-blue-600);
    outline-offset: 2px
}

.map-control-config-vehicules__content .nj-segmented-control li.nj-segmented-control-btn:focus-within input {
    outline: none
}

.map-control-config-vehicules__content .nj-segmented-control li.nj-segmented-control-btn.disabled {
    opacity: var(--nj-opacity-disabled)
}

.map-control-config-vehicules__content .nj-segmented-control li.nj-segmented-control-btn.disabled:active {
    background-color: transparent !important;
    pointer-events: none
}

.map-control-config-vehicules__content .nj-segmented-control li.nj-segmented-control-btn.disabled:after {
    cursor: not-allowed;
    pointer-events: unset
}

.map-control-config-vehicules__content .nj-segmented-control li.nj-segmented-control-btn.disabled:hover {
    background-color: transparent !important
}

.map-control-config-vehicules__content .nj-segmented-control li.nj-segmented-control-btn input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%
}

.map-control-config-vehicules__content .nj-segmented-control li.nj-segmented-control-btn label {
    font-size: .75rem;
    left: 50%;
    line-height: 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.map-control-config-vehicules__content .nj-toggle {
    margin-top: 16px;
    width: 100%
}

.map-control-config-vehicules__content .nj-toggle label {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 16px;
    justify-content: space-between;
    width: 100%
}

.map-control-config-vehicules__content .nj-toggle .label {
    font-size: 1rem;
    line-height: 24px
}

.gm-style-iw-a {
    margin-left: 20px;
    margin-top: 28px
}

.gm-style-iw-a .gm-style-iw-c {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 1px solid var(--nj-color-palette-ultramarine-900);
    border-radius: 40px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px !important;
    justify-content: center;
    max-height: unset !important;
    max-width: unset !important;
    padding: 0 8px !important;
    width: 40px !important
}

.gm-style-iw-a .gm-style-iw-c .gm-style-iw-d {
    max-height: 24px !important;
    overflow: unset !important
}

.gm-style-iw-a .gm-style-iw-c .gm-style-iw-d .popin-time-charge {
    color: var(--nj-color-palette-ultramarine-900);
    font-family: var(--nj-font-family-sans-serif);
    font-size: .75rem;
    font-weight: 900;
    line-height: 24px
}

.gm-style-iw-a .gm-style-iw-tc,
.gm-style-iw-a .gm-ui-hover-effect {
    display: none !important
}