/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Misc
   ========================================================================== */
[hidden] {
  display: none !important; }

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

nav ul, .nolist {
  list-style: none;
  margin: 0;
  padding: 0; }

nav ul li, .nolist li {
  margin: 0;
  padding: 0; }

svg {
  width: 1em;
  height: 1em;
  fill: currentColor; }

img {
  display: block;
  width: 100%;
  max-width: 100%; }

button, label, select, summary, [role='button'], [role='option'] {
  cursor: pointer; }

:disabled {
    cursor: not-allowed;
    background-color: var(--theme-input-background-color-disabled);
    opacity: 0.5;
}

textarea {
  resize: vertical;
  min-height: 120px;
  max-height: 380px; }

:root {
  --ref-palette-black: black;
  --ref-palette-white: white;
  --ref-palette-gray-50: hsl(210, 20%, 98%);
  --ref-palette-gray-100: hsl(220, 14%, 96%);
  --ref-palette-gray-200: hsl(220, 13%, 91%);
  --ref-palette-gray-300: hsl(216, 12%, 84%);
  --ref-palette-gray-400: hsl(218, 11%, 65%);
  --ref-palette-gray-500: hsl(220, 9%, 46%);
  --ref-palette-gray-600: hsl(215, 14%, 34%);
  --ref-palette-gray-700: hsl(217, 19%, 27%);
  --ref-palette-gray-800: hsl(215, 28%, 17%);
  --ref-palette-gray-900: hsl(221, 39%, 11%);
  --ref-palette-interactive-50: hsl(210, 100%, 92%);
  --ref-palette-interactive-100: hsl(209, 100%, 84%);
  --ref-palette-interactive-200: hsl(209, 100%, 68%);
  --ref-palette-interactive-300: hsl(209, 100%, 53%);
  --ref-palette-interactive-400: hsl(209, 100%, 37%);
  --ref-palette-interactive-500: hsl(209, 100%, 21%);
  --ref-palette-interactive-600: hsl(209, 100%, 17%);
  --ref-palette-interactive-700: hsl(209, 100%, 13%);
  --ref-palette-interactive-800: hsl(209, 100%, 8%);
  --ref-palette-interactive-900: hsl(209, 100%, 4%);
  --ref-palette-interactive-alt-50: hsl(222, 53%, 94%);
  --ref-palette-interactive-alt-100: hsl(223, 100%, 92%);
  --ref-palette-interactive-alt-500: hsl(209, 33%, 44%);
  --ref-palette-green-50: #f0fdf4;
  --ref-palette-green-200: #bbf7d0;
  --ref-palette-green-400: #4ade80;
  --ref-palette-green-500: #22c55e;
  --ref-palette-green-600: #16a34a;
  --ref-palette-green-800: #166534;
  --ref-palette-red-50: #fef2f2;
  --ref-palette-red-200: #fecaca;
  --ref-palette-red-400: #f87171;
  --ref-palette-red-500: #ef4444;
  --ref-palette-red-600: #dc2626;
  --ref-palette-red-800: #991b1b;
  --ref-palette-yellow-50: #fffbeb;
  --ref-palette-yellow-200: #fde68a;
  --ref-palette-yellow-400: #fbbf24;
  --ref-palette-yellow-500: #f59e0b;
  --ref-palette-yellow-600: #d97706;
  --ref-palette-yellow-800: #92400e;
  --ref-palette-blue-50: #eff6ff;
  --ref-palette-blue-200: #bfdbfe;
  --ref-palette-blue-400: #60a5fa;
  --ref-palette-blue-500: #3b82f6;
  --ref-palette-blue-600: #2563eb;
  --ref-palette-blue-800: #1e40af;
  --ref-palette-strucural-blue: hsl(198, 82%, 47%);
  --ref-palette-marine-blue: hsl(209, 100%, 21%);
  --ref-palette-fandango: hsl(321, 56%, 46%);
  --ref-palette-genoa-lemon: hsl(55, 98%, 53%);
  --ref-palette-retro-orange: hsl(17, 88%, 48%);
  --ref-palette-gloomy-purple: hsl(261, 69%, 59%);
  --ref-palette-gloomy-purple-opac: hsl(261, 71%, 92%);
  --ref-palette-nightly-silhouette: hsl(228, 31%, 45%);
  --ref-palette-nightly-silhouette-opac: hsl(227, 25%, 89%);
  --ref-palette-sap-green: hsl(86, 83%, 33%);
  --ref-palette-sap-green-opac: hsl(86, 65%, 89%);
  --ref-palette-miami-coral: hsl(11, 97%, 72%);
  --ref-palette-miami-coral-opac: hsl(20, 75%, 89%);
  --ref-palette-deep-orange: hsl(20, 97%, 43%);
  --ref-palette-deep-orange-opac: hsl(20, 75%, 89%);
  --ref-palette-formal-garden: hsl(137, 50%, 40%);
  --ref-palette-formal-garden-opac: hsl(135, 50%, 91%);
  --ref-palette-namara-gray: hsl(0, 0%, 48%);
  --ref-palette-namara-gray-opac: hsl(135, 0%, 90%);
  --ref-palette-yellow-gold: hsl(42, 100%, 38%);
  --ref-palette-yellow-gold-opac: hsl(43, 59%, 87%);
  --ref-palette-rust-brown: hsl(21, 100%, 28%);
  --ref-palette-rust-brown-opac: hsl(21, 38%, 85%);
  --ref-palette-traffic-yellow: hsl(49, 99%, 61%);
  --size-0: 0;
  --size-1: .1rem;
  --size-2: .2rem;
  --size-4: .4rem;
  --size-6: .6rem;
  --size-8: .8rem;
  --size-10: 1rem;
  --size-12: 1.2rem;
  --size-14: 1.4rem;
  --size-16: 1.6rem;
  --size-18: 1.8rem;
  --size-20: 2rem;
  --size-24: 2.4rem;
  --size-28: 2.8rem;
  --size-32: 3.2rem;
  --size-40: 4rem;
  --size-44: 4.4rem;
  --size-48: 4.8rem;
  --size-56: 5.6rem;
  --size-64: 6.4rem;
  --size-80: 8rem;
  --size-96: 9.6rem;
  --size-112: 11.2rem;
  --size-128: 12.8rem;
  --size-144: 14.4rem;
  --size-160: 16rem;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-book: 900;
  --border-radius-small: var(--size-4);
  --border-radius-medium: var(--size-8);
  --border-radius-large: var(--size-12);
  --border-radius-rounded: 99px;
  --timing-none: 0ms;
  --timing-short: 100ms;
  --timing-medium: 250ms;
  --timing-long: 300ms;
  --animation-cubic: cubic-bezier(0.33, 1, 0.68, 1);
  --animation-property: color, background-color, box-shadow, border-color, outline;
  --height-banner-colors: var(--size-6);
  --width-sidebar: 242px;
  --width-slider: 40vw;
  --breakpoint-small: 640px;
  --breakpoint-medium: 768px;
  --breakpoint-large: 1024px;
  --breakpoint-xlarge: 1280px;
  --breakpoint-xxlarge: 1536px;
  --z-index-modal: 9000;
  --z-index-tooltip: 5000;
  --z-index-dropdown: 4000;
  --z-index-overlay: 3000;
  --z-index-sticky: 1000;
  --z-index-above: 10;
  --z-index-default: 1;
  --z-index-below: -1; }

:root {
    --theme-text-high-contrast: hsl(60, 7%, 11%);
    --theme-text-low-contrast: hsl(0, 0%, 43.5%);
    --theme-text-poor-contrast: hsl(0, 0%, 69%);
    --theme-text-heading: var(--theme-text-high-contrast);
    --theme-text-heading-blue: var(--ref-palette-interactive-700);
    --theme-text-paragraph: var(--theme-text-low-contrast);
    --theme-text-subtext: var(--theme-text-poor-contrast);
    --theme-text-light-solid-background: var(--ref-palette-white);
    --theme-text-dark-solid-background: var(--theme-text-high-contrast);
    --theme-text-interactive: var(--ref-palette-interactive-600);
    --theme-text-red: var(--ref-palette-red-800);
    --theme-text-green: var(--ref-palette-green-800);
    --theme-interactive-background-selected: var(--ref-palette-interactive-50);
    --theme-interactive-background-hovered: var(--ref-palette-interactive-alt-50);
    --theme-interactive-background-pressed: var(--ref-palette-interactive-alt-100);
    --theme-interactive-background: var(--ref-palette-interactive-600);
    --theme-interactive-border-color: var(--ref-palette-interactive-600);
    --theme-interactive-text-color: var(--ref-palette-interactive-600);
    --theme-interactive-text-color-hovered: var(--ref-palette-interactive-300);
    --theme-delete-background: var(--ref-palette-red-50);
    --theme-delete-border: var(--ref-palette-red-200);
    --theme-delete-text: var(--ref-palette-red-800);
    --theme-delete-icon: var(--ref-palette-red-600);
    --theme-error-background: var(--ref-palette-red-50);
    --theme-error-border: var(--ref-palette-red-200);
    --theme-error-text: var(--ref-palette-red-800);
    --theme-error-icon: var(--ref-palette-red-600);
    --theme-success-background: var(--ref-palette-green-50);
    --theme-success-border: var(--ref-palette-green-200);
    --theme-success-text: var(--ref-palette-green-800);
    --theme-success-icon: var(--ref-palette-green-600);
    --theme-warning-background: var(--ref-palette-yellow-50);
    --theme-warning-border: var(--ref-palette-yellow-200);
    --theme-warning-text: var(--ref-palette-yellow-800);
    --theme-warning-icon: var(--ref-palette-yellow-600);
    --theme-info-background: var(--ref-palette-blue-50);
    --theme-info-border: var(--ref-palette-blue-200);
    --theme-info-text: var(--ref-palette-blue-800);
    --theme-info-icon: var(--ref-palette-blue-600);
    --theme-backdrop-dark: rgba(0,0,0,0.8);
    --theme-backdrop-grey: rgba(128,128,128,.8);
    --theme-backdrop-light: rgba(255,255,255,.8);
    --theme-surface: var(--ref-palette-white);
    --theme-surface-side: var(--ref-palette-gray-100);
    --theme-surface-alt: var(--ref-palette-gray-50);
    --theme-surface-alt-2: var(--ref-palette-gray-200);
    --theme-menu-background: var(--ref-palette-interactive-50);
    --theme-menu-background-selected: var(--ref-palette-interactive-50);
    --theme-menu-background-hovered: var(--ref-palette-interactive-alt-50);
    --theme-menu-background-pressed: var(--ref-palette-interactive-alt-100);
    --theme-menu-foreground: var(--ref-palette-interactive-alt-500);
    --theme-menu-foreground-selected: var(--ref-palette-interactive-800);
    --theme-menu-foreground-hovered: var(--ref-palette-interactive-500);
    --theme-menu-foreground-pressed: var(--ref-palette-interactive-500);
    --theme-menu-border-selected: var(--ref-palette-interactive-300);
    --theme-button-solid-background: var(--ref-palette-interactive-600);
    --theme-button-solid-background-hovered: var(--ref-palette-interactive-700);
    --theme-button-solid-background-focused: var(--ref-palette-interactive-800);
    --theme-button-solid-background-disabled: var(--ref-palette-gray-200);
    --theme-button-text-foreground: var(--ref-palette-white);
    --theme-button-text-foreground-hovered: var(--ref-palette-interactive-600);
    --theme-button-text-foreground-focused: var(--ref-palette-interactive-600);
    --theme-button-outline-hovered: var(--ref-palette-interactive-600);
    --theme-button-outline-focused: var(--ref-palette-interactive-600);
    --theme-input-border-color: var(--ref-palette-gray-300);
    --theme-input-border-color-hovered: var(--ref-palette-gray-500);
    --theme-input-border-color-focused: var(--ref-palette-gray-700);
    --theme-input-border-color-error: var(--ref-palette-red-600);
    --theme-input-border-color-success: var(--ref-palette-green-600);
    --theme-input-background-color-disabled: var(--ref-palette-gray-50);
    --theme-input-background-color-error: var(--ref-palette-red-50);
    --theme-input-background-color-success: var(--ref-palette-green-50);
    --theme-input-outline-hovered: var(--ref-palette-interactive-600);
    --theme-input-outline-focused: var(--ref-palette-interactive-600);
    --theme-outline: 0 0 0 2px var(--ref-palette-white), 0 0 0 4px transparent;
    --theme-outline-hovered: 0 0 0 2px var(--ref-palette-white), 0 0 0 4px var(--ref-palette-interactive-600);
    --theme-outline-focused: 0 0 0 2px var(--ref-palette-white), 0 0 0 4px var(--ref-palette-interactive-600);
    --theme-outline-success: 0 0 0 2px var(--ref-palette-white), 0 0 0 4px var(--ref-palette-green-600);
    --theme-outline-error: 0 0 0 2px var(--ref-palette-white), 0 0 0 4px var(--ref-palette-red-600);
    --theme-widget-border-color: var(--ref-palette-gray-300);
    --theme-widget-title-color: var(--theme-text-high-contrast);
    --theme-card-number-icon-border: var(--ref-palette-interactive-alt-100);
    --theme-modal-background: var(--ref-palette-white);
    --theme-modal-border: var(--ref-palette-gray-200);
    --theme-font-text: 'Open Sans',-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    --theme-font-heading: 'Montserrat',-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    --theme-label-backgorund-color-1: var(--ref-palette-gloomy-purple-opac);
    --theme-label-text-color-1: var(--ref-palette-gloomy-purple);
    --theme-label-backgorund-color-2: var(--ref-palette-nightly-silhouette-opac);
    --theme-label-text-color-2: var(--ref-palette-nightly-silhouette);
    --theme-label-backgorund-color-3: var(--ref-palette-sap-green-opac);
    --theme-label-text-color-3: var(--ref-palette-sap-green);
    --theme-label-backgorund-color-4: var(--ref-palette-miami-coral-opac);
    --theme-label-text-color-4: var(--ref-palette-miami-coral);
    --theme-label-backgorund-color-5: var(--ref-palette-deep-orange-opac);
    --theme-label-text-color-5: var(--ref-palette-deep-orange);
    --theme-label-backgorund-color-6: var(--ref-palette-formal-garden-opac);
    --theme-label-text-color-6: var(--ref-palette-formal-garden);
    --theme-label-backgorund-color-7: var(--ref-palette-namara-gray-opac);
    --theme-label-text-color-7: var(--ref-palette-namara-gray);
    --theme-label-backgorund-color-8: var(--ref-palette-yellow-gold-opac);
    --theme-label-text-color-8: var(--ref-palette-yellow-gold);
    --theme-label-backgorund-color-9: var(--ref-palette-rust-brown-opac);
    --theme-label-text-color-9: var(--ref-palette-rust-brown);
    --theme-icon-favorite: var(--ref-palette-traffic-yellow);
}

html {
  -webkit-text-size-adjust: none;
  color-scheme: light;
  font-size: 62.5%; }

body {
  position: relative;
  font-family: var(--theme-font-text);
  font-size: var(--size-16);
  color: var(--theme-text-paragraph);
  background-color: var(--ref-palette-white);
  text-rendering: optimizelegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden; }
    body.has-open-modal {
        overflow-y: hidden;
    }
.is-modal {
    overflow-y: auto;
    padding: 20px;
}

@media screen and (max-width: 1280px) {
    body {
        font-size: var(--size-14);
    }
    .is-modal {
        font-size: var(--size-16);
    }

  .site-app.page-login {
    grid-template-columns: 1fr 0; }
    .site-app.page-login .site-main {
      padding-left: var(--size-24);
      padding-right: var(--size-24); }
  :root {
    --width-sidebar: 120px;
  }
  .navigation-item {
    display:none;
  }
}
.icon {
  color: inherit; }
  .icon:before {
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-position: center;
            mask-position: center;
    margin-left: auto; }

[data-icon="angle-down"]:before {
  -webkit-mask-image: url("../icons/angle-down.svg");
          mask-image: url("../icons/angle-down.svg"); }

[data-icon="angle-left"]:before {
  -webkit-mask-image: url("../icons/angle-left.svg");
          mask-image: url("../icons/angle-left.svg"); }

[data-icon="angle-right"]:before {
  -webkit-mask-image: url("../icons/angle-right.svg");
          mask-image: url("../icons/angle-right.svg"); }

[data-icon="building"]:before {
  -webkit-mask-image: url("../icons/building.svg");
          mask-image: url("../icons/building.svg"); }

[data-icon="caret-down"]:before {
  -webkit-mask-image: url("../icons/caret-down.svg");
          mask-image: url("../icons/caret-down.svg"); }

[data-icon="chart-pie"]:before {
  -webkit-mask-image: url("../icons/chart-pie.svg");
          mask-image: url("../icons/chart-pie.svg"); }

[data-icon="check"]:before {
    -webkit-mask-image: url("../icons/check.svg");
    mask-image: url("../icons/check.svg");
}
[data-icon="check-circle"]:before {
  -webkit-mask-image: url("../icons/check-circle.svg");
          mask-image: url("../icons/check-circle.svg"); }

[data-icon="close"]:before {
  -webkit-mask-image: url("../icons/close.svg");
          mask-image: url("../icons/close.svg"); }

[data-icon="cogs"]:before {
  -webkit-mask-image: url("../icons/cogs.svg");
          mask-image: url("../icons/cogs.svg"); }

[data-icon="comment-info"]:before {
  -webkit-mask-image: url("../icons/comment-info.svg");
          mask-image: url("../icons/comment-info.svg"); }

[data-icon="estate"]:before {
  -webkit-mask-image: url("../icons/estate.svg");
          mask-image: url("../icons/estate.svg"); }

[data-icon="excel"]:before {
    -webkit-mask-image: url("../icons/excel.svg");
    mask-image: url("../icons/excel.svg");
}

[data-icon="exclamation-triangle"]:before {
  -webkit-mask-image: url("../icons/exclamation-triangle.svg");
          mask-image: url("../icons/exclamation-triangle.svg"); }

[data-icon="eye"]:before {
  -webkit-mask-image: url("../icons/eye.svg");
          mask-image: url("../icons/eye.svg"); }

[data-icon="eye-slash"]:before {
  -webkit-mask-image: url("../icons/eye-slash.svg");
          mask-image: url("../icons/eye-slash.svg"); }

[data-icon="face-sad"]:before {
    -webkit-mask-image: url("../icons/face-sad.svg");
    mask-image: url("../icons/face-sad.svg");
}

[data-icon="face-happy"]:before {
    -webkit-mask-image: url("../icons/face-happy.svg");
    mask-image: url("../icons/face-happy.svg");
}
[data-icon="favorite"]:before {
  -webkit-mask-image: url("../icons/favorite.svg");
          mask-image: url("../icons/favorite.svg"); }

[data-icon="favorite-fill"]:before {
  -webkit-mask-image: url("../icons/favorite-fill.svg");
          mask-image: url("../icons/favorite-fill.svg"); }

[data-icon="file"]:before {
    -webkit-mask-image: url("../icons/file.svg");
    mask-image: url("../icons/file.svg");
}

[data-icon="file-download"]:before {
  -webkit-mask-image: url("../icons/file-download.svg");
          mask-image: url("../icons/file-download.svg"); }

[data-icon="file-redo"]:before {
  -webkit-mask-image: url("../icons/file-redo.svg");
          mask-image: url("../icons/file-redo.svg"); }

[data-icon="folder"]:before {
  -webkit-mask-image: url("../icons/folder.svg");
          mask-image: url("../icons/folder.svg"); }

[data-icon="folder-fav"]:before {
  -webkit-mask-image: url("../icons/folder-fav.svg");
          mask-image: url("../icons/folder-fav.svg"); }

[data-icon="folder-open"]:before {
  -webkit-mask-image: url("../icons/folder-open.svg");
          mask-image: url("../icons/folder-open.svg"); }

[data-icon="folder-warning"]:before {
  -webkit-mask-image: url("../icons/folder-warning.svg");
          mask-image: url("../icons/folder-warning.svg"); }

[data-icon="guard"]:before {
  -webkit-mask-image: url("../icons/guard.svg");
          mask-image: url("../icons/guard.svg"); }

[data-icon="grow-down"]:before {
  -webkit-mask-image: url("../icons/grow-down.svg");
          mask-image: url("../icons/grow-down.svg"); }

[data-icon="grow-up"]:before {
  -webkit-mask-image: url("../icons/grow-up.svg");
          mask-image: url("../icons/grow-up.svg"); }

[data-icon="info-circle"]:before {
  -webkit-mask-image: url("../icons/info-circle.svg");
          mask-image: url("../icons/info-circle.svg"); }

[data-icon="mail"]:before {
    -webkit-mask-image: url("../icons/mail.svg");
    mask-image: url("../icons/mail.svg");
}

[data-icon="minus"]:before {
  -webkit-mask-image: url("../icons/minus.svg");
          mask-image: url("../icons/minus.svg"); }

[data-icon="question-circle"]:before {
  -webkit-mask-image: url("../icons/question-circle.svg");
          mask-image: url("../icons/question-circle.svg"); }

[data-icon="search"]:before {
  -webkit-mask-image: url("../icons/search.svg");
          mask-image: url("../icons/search.svg"); }

[data-icon="settings"]:before {
  -webkit-mask-image: url("../icons/settings.svg");
          mask-image: url("../icons/settings.svg"); }

[data-icon="signout"]:before {
  -webkit-mask-image: url("../icons/signout.svg");
          mask-image: url("../icons/signout.svg"); }

[data-icon="stopwatch"]:before {
  -webkit-mask-image: url("../icons/stopwatch.svg");
          mask-image: url("../icons/stopwatch.svg"); }

[data-icon="times"]:before {
  -webkit-mask-image: url("../icons/times.svg");
          mask-image: url("../icons/times.svg"); }

[data-icon="times-circle"]:before {
  -webkit-mask-image: url("../icons/times-circle.svg");
          mask-image: url("../icons/times-circle.svg"); }

.after-angle-left,
.after-angle-left,
.before-angle-left,
.before-angle-left {
  display: flex;
  align-items: center; }

.after-angle-left:after,
.after-angle-left:after {
  content: "";
  display: block;
  width: 1.2em;
  height: 1.2em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center; }

.before-angle-left:before,
.before-angle-left:before {
  content: "";
  width: 1.5em;
  height: 1.5em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center; }

.before-angle-left:before,
.after-angle-left:before {
  -webkit-mask-image: url("../icons/angle-left.svg");
          mask-image: url("../icons/angle-left.svg"); }

.before-angle-left:after,
.after-angle-left:after {
  -webkit-mask-image: url("../icons/angle-left.svg");
          mask-image: url("../icons/angle-left.svg"); }

.after-angle-right,
.after-angle-right,
.before-angle-right,
.before-angle-right {
  display: flex;
  align-items: center; }

.after-angle-right:after,
.after-angle-right:after {
  content: "";
  display: block;
  width: 1.2em;
  height: 1.2em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center; }

.before-angle-right:before,
.before-angle-right:before {
  content: "";
  width: 1.5em;
  height: 1.5em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center; }

.before-angle-right:before,
.after-angle-right:before {
  -webkit-mask-image: url("../icons/angle-right.svg");
          mask-image: url("../icons/angle-right.svg"); }

.before-angle-right:after,
.after-angle-right:after {
  -webkit-mask-image: url("../icons/angle-right.svg");
          mask-image: url("../icons/angle-right.svg"); }

.after-angle-down,
.after-angle-down,
.before-angle-down,
.before-angle-down {
  display: flex;
  align-items: center; }

.after-angle-down:after,
.after-angle-down:after {
  content: "";
  display: block;
  width: 1.2em;
  height: 1.2em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center; }

.before-angle-down:before,
.before-angle-down:before {
  content: "";
  width: 1.5em;
  height: 1.5em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center; }

.before-angle-down:before,
.after-angle-down:before {
  -webkit-mask-image: url("../icons/angle-down.svg");
          mask-image: url("../icons/angle-down.svg"); }

.before-angle-down:after,
.after-angle-down:after {
  -webkit-mask-image: url("../icons/angle-down.svg");
          mask-image: url("../icons/angle-down.svg"); }

.site-app {
  grid-template-areas: "sidebar main";
  grid-template-columns: var(--width-sidebar) 1fr;
  grid-template-rows: calc(100vh - var(--height-banner-colors));
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  padding-top: var(--height-banner-colors); }
  .site-app:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    width: 100vw;
    height: var(--height-banner-colors);
    background: var(--ref-palette-strucural-blue);
    background: linear-gradient(90deg, var(--ref-palette-strucural-blue) 0%, var(--ref-palette-marine-blue) 25%, var(--ref-palette-fandango) 50%, var(--ref-palette-genoa-lemon) 75%, var(--ref-palette-retro-orange) 100%); }

.site-sidebar {
  grid-area: sidebar;
  background-color: var(--theme-surface-side);
  padding-top: var(--size-28);
  padding-bottom: var(--size-28); 
  overflow-y:auto;}
  .site-sidebar .site-logo {
    margin-bottom: var(--size-24); }
    .site-sidebar .site-logo img {
      max-width: 120px; }

.site-main {
  grid-area: main;
  min-height: 100%;
  overflow-y: auto;
  padding: var(--size-48); }
  .site-main .page-content .page-head {
    margin-bottom: var(--size-56); }
    .site-main .page-content .page-head .page-title {
      margin-bottom: var(--size-4); }

.page-nav {
  margin-bottom: var(--size-24); }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.hidden {
  visibility: hidden; }

.grid {
  display: grid; }
 
.grid-area-a {
  grid-area: a
}
.grid-area-b {
    grid-area: b
}
.grid-area-c {
    grid-area: c
}
.grid-area-d {
    grid-area: d
}
.grid-area-e {
    grid-area: e
}
.grid-area-f {
    grid-area: f
}
.grid-area-g {
    grid-area: g
}
.grid-area-h {
    grid-area: h
}
.grid-area-i {
    grid-area: i
}
.grid-area-j {
    grid-area: j
}
.grid-area-k {
    grid-area: k
}
.grid-area-l {
    grid-area: l
}
.grid-area-m {
    grid-area: m
}
.grid-area-n {
    grid-area: n
}
.grid-area-o {
    grid-area: o
}
.grid-area-p {
    grid-area: p
}
.grid-area-q {
    grid-area: q
}
.grid-area-r {
    grid-area: r
}
.grid-area-s {
    grid-area: s
}
.grid-area-t {
    grid-area: t
}
.grid-area-u {
    grid-area: u
}
.grid-area-v {
    grid-area: v
}
.grid-area-w {
    grid-area: w
}
.grid-area-x {
    grid-area: x
}
.grid-area-y {
    grid-area: y
}
.grid-area-z {
    grid-area: z
}

.flex {
  display: flex; }

.flex-col {
  display: flex;
  flex-direction: column; }

.inline {
  display:inline;
}
.inline-block {
  display:inline-block;
}
.items-start {
  align-items: flex-start !important; }

.items-center {
  align-items: center !important; }

.items-end {
  align-items: flex-end !important; }

.items-stretch {
  align-items: stretch !important; }

.justify-start {
  justify-content: flex-start !important; }

.justify-center {
  justify-content: center !important; }

.justify-end {
  justify-content: flex-end !important; }

.justify-around {
  justify-content: space-around !important; }

.justify-between {
  justify-content: space-between !important; }

.justify-evenly {
  justify-content: space-evenly !important; }

.no-shrink {
  flex-shrink: 0 !important; }

.text-left {
  text-align: left !important; }

.text-center {
  text-align: center !important; }

.text-right {
  text-align: right !important; }

.gap-sm {
  gap: var(--size-4); }

.gap-md {
  gap: var(--size-8); }

.gap-lg {
  gap: var(--size-16); }

.gap-xl {
  gap: var(--size-24); }

.margin-flex-top {
  margin-top: auto !important; }

.margin-flex-right {
  margin-right: auto !important; }

.margin-flex-bottom {
  margin-bottom: auto !important; }

.margin-flex-left {
  margin-left: auto !important; }

.margin-top-small {
  margin-top: var(--size-8) !important; }

.margin-top-medium {
  margin-top: var(--size-16) !important; }

.margin-top-large {
  margin-top: var(--size-24) !important; }

.margin-right-small {
  margin-right: var(--size-8) !important; }

.margin-right-medium {
  margin-right: var(--size-16) !important; }

.margin-right-large {
  margin-right: var(--size-24) !important; }

.margin-bottom-small {
  margin-bottom: var(--size-8) !important; }

.margin-bottom-medium {
  margin-bottom: var(--size-16) !important; }

.margin-bottom-large {
  margin-bottom: var(--size-24) !important; }

.margin-left-small {
  margin-left: var(--size-8) !important; }

.margin-left-medium {
  margin-left: var(--size-16) !important; }

.margin-left-large {
  margin-left: var(--size-24) !important; }

.padding-top-small {
  padding-top: var(--size-8) !important; }

.padding-top-medium {
  padding-top: var(--size-16) !important; }

.padding-top-large {
  padding-top: var(--size-24) !important; }

.padding-right-small {
  padding-right: var(--size-8) !important; }

.padding-right-medium {
  padding-right: var(--size-16) !important; }

.padding-right-large {
  padding-right: var(--size-24) !important; }

.padding-bottom-small {
  padding-bottom: var(--size-8) !important; }

.padding-bottom-medium {
  padding-bottom: var(--size-16) !important; }

.padding-bottom-large {
  padding-bottom: var(--size-24) !important; }

.padding-left-small {
  padding-left: var(--size-8) !important; }

.padding-left-medium {
  padding-left: var(--size-16) !important; }

.padding-left-large {
  padding-left: var(--size-24) !important; }

.grid-template-4 {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--size-24);
}

.grid-template-6 {
  grid-template-columns: repeat(6, 1fr);
  gap: var(--size-24); }

.grid-template-6-to-4 {
    grid-template-columns: repeat(6, 1fr);
    gap: var(--size-24);
}
@media screen and (max-width: 1280px) {
    .grid-template-6-to-4 {
        grid-template-columns: repeat(4, 1fr);
        gap: var(--size-16);
    }
}

.grid-template-12 {
  grid-template-columns: repeat(12, 1fr);
  gap: var(--size-24); }

.grid-1 {
  grid-column: span 1; }

.grid-2 {
  grid-column: span 2; }

.grid-3 {
  grid-column: span 3; }

.grid-4 {
  grid-column: span 4; }

.grid-5 {
  grid-column: span 5; }

.grid-6 {
  grid-column: span 6; }

.grid-7 {
  grid-column: span 7; }

.grid-8 {
  grid-column: span 8; }

.grid-9 {
  grid-column: span 9; }

.grid-10 {
  grid-column: span 10; }

.grid-11 {
  grid-column: span 11; }

.grid-12 {
  grid-column: span 12; }

.grid-col-2 {
  grid-template-columns: repeat(2, 1fr); }

.grid-row-2 {
  grid-template-rows: repeat(2, 1fr); }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--theme-text-heading-blue);
  font-family: var(--theme-font-heading);
  font-weight: var(--font-weight-bold);
  margin-top: var(--size-0);
  margin-bottom: 1em;
  line-height: 1.3; }

h1 span {
  display: block;
  font-size: .5em; }

p {
  line-height: 1.5;
  margin-top: 0; }

a {
  text-decoration: none;
  color: var(--theme-text-interactive); }
  a:hover {
    text-decoration: underline; }

ul {
  margin: 0;
  padding: 0 0 0 var(--size-14); }
  ul li {
    padding: 0;
    line-height: 1.5em;
    margin-bottom: var(--size-6); }

.site-navigation {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .site-navigation nav:not([role="navigation"]) li a {
    color: var(--theme-menu-foreground);
    font-size: var(--size-20); }
  .site-navigation nav:not([role="navigation"]) li.signout a {
    color: var(--theme-text-red); }
  .site-navigation .menu {
    display: flex;
    flex-direction: column; }
    .site-navigation .menu li {
      display: flex;
      flex-direction: column; }
      .site-navigation .menu li a {
        text-decoration: none;
        padding: var(--size-12) var(--size-18);
        font-size: var(--size-16);
        font-weight: var(--font-weight-bold);
        color: var(--theme-menu-foreground); }
        .site-navigation .menu li a .icon {
          font-size: var(--size-28);
          margin-right: var(--size-16); }
      .site-navigation .menu li > a:not(.is-current-page):hover {
        background-color: var(--theme-menu-background-hovered);
        color: var(--theme-menu-foreground-hovered); }
      .site-navigation .menu li > a:not(.is-current-page):active {
        background-color: var(--theme-menu-background-pressed);
        color: var(--theme-menu-foreground-pressed); }
      .site-navigation .menu li.is-current-page > a {
        background-color: var(--theme-menu-background-selected);
        color: var(--theme-menu-foreground-selected);
        border-right: var(--size-6) solid var(--theme-menu-border-selected); }
      .site-navigation .menu li.has-submenu:hover > a {
        color: var(--theme-menu-foreground-hovered); }
        .site-navigation .menu li.has-submenu:hover > a:after {
          transform: rotate(180deg); }
      .site-navigation .menu li.has-submenu:hover .submenu {
        display: flex; }
        .site-navigation .menu li.has-submenu.active .submenu {
            display: flex;
        }
      .site-navigation .menu li.has-submenu > a:after {
        content: "";
        display: block;
        width: 1.5em;
        height: 1.5em;
        background-color: currentColor;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-position: center;
                mask-position: center;
        -webkit-mask-image: url("../icons/angle-down.svg");
                mask-image: url("../icons/angle-down.svg");
        margin-left: auto;
        transition-property: transform;
        transition-duration: var(--timing-medium);
        transition-timing-function: var(--animation-cubic); }
      .site-navigation .menu li.has-submenu .submenu {
        display: none;
        flex-direction: column;
        position: relative;
        padding-left: var(--size-28); }
        .site-navigation .menu li.has-submenu .submenu:before {
          content: "";
          position: absolute;
          top: 0;
          bottom: 0;
          left: var(--size-28);
          width: 3px;
          display: block;
          background-color: var(--ref-palette-gray-400); }
        .site-navigation .menu li.has-submenu .submenu li a {
          padding-left: var(--size-28);
          font-weight: var(--font-weight-regular); }
      .site-navigation .menu li.has-submenu.submenu-open > a:after {
        transform: rotate(180deg); }
      .site-navigation .menu li.has-submenu.submenu-open .submenu {
        display: flex; }

.page-submenu {
  width: 100%;
  margin-top: var(--size-48);
  margin-bottom: var(--size-24); }
  .page-submenu .menu {
    width: 100%;
    gap: var(--size-48);
    border-bottom: 3px solid var(--theme-input-border-color); }
    .page-submenu .menu .item-menu {
      font-size: var(--size-20);
      font-weight: var(--font-weight-semibold);
      border-radius: var(--border-radius-medium);
      padding: var(--size-8) var(--size-18);
      text-decoration: none;
      margin-bottom: var(--size-4); }
      .page-submenu .menu .item-menu:after {
        content: "";
        display: block;
        width: calc(100% + (18px * 2));
        height: 3px;
        background-color: transparent;
        transform: translateY(15px) translateX(-18px); }
      .page-submenu .menu .item-menu.is-current-item:after {
        background-color: var(--theme-menu-border-selected); }
      .page-submenu .menu .item-menu:hover {
        background-color: var(--theme-menu-background-hovered); }
      .page-submenu .menu .item-menu:active {
        background-color: var(--theme-menu-background-pressed); }

.form-row {
  width: 100%;
  display: flex;
  gap: var(--size-16); }
  .form-row:not(:last-child) {
    margin-bottom: var(--size-28); }

.drop-files {
  width: 100%;
  border-radius: var(--border-radius-medium) !important;
  border-color: var(--theme-input-border-color) !important;
  transition-duration: var(--timing-short);
  transition-timing-function: var(--animation-cubic);
  transition-property: var(--animation-property); }
  .drop-files:hover {
    border-color: var(--theme-interactive-border-color) !important; }
  .drop-files.has-files .drop-files__files {
    padding: var(--size-16); }
  .drop-files .drop-files__explanations {
    font-size: var(--size-16); }
    .drop-files .drop-files__explanations strong {
      color: var(--theme-text-heading); }
  .drop-files .drop-files__files {
    gap: var(--size-16); }
    .drop-files .drop-files__files .drop-files__file .drop-files__image {
      border-radius: var(--border-radius-medium);
      background-color: var(--theme-surface-side); }
    .drop-files .drop-files__files .drop-files__file .drop-files__fileinfo {
      margin-top: var(--size-4);
      height: var(--size-14);
      font-size: var(--size-12); }
      .drop-files .drop-files__files .drop-files__file .drop-files__fileinfo span,
      .drop-files .drop-files__files .drop-files__file .drop-files__fileinfo em {
        line-height: 15px; }
    .drop-files .drop-files__files .drop-files__file .drop-files__delete {
      font-size: var(--size-28);
      border-radius: var(--border-radius-rounded);
      background-color: var(--theme-surface);
      transform: translate(-50%, calc(-50% - 9px)) scale(0.8);
      transition-duration: var(--timing-short) !important;
      transition-timing-function: var(--animation-cubic) !important; }


.accordions {
  border-radius: var(--border-radius-medium);
  border: 2px solid var(--theme-input-border-color);
  margin-bottom: var(--size-24); }
  .accordions > .accordion-row.is-open > .accordion-head {
    border-bottom: 2px solid var(--theme-input-border-color);
    background-color: var(--theme-surface-alt); }
    .accordions > .accordion-row.is-open > .accordion-head:after {
      -webkit-mask-image: url("../icons/minus.svg");
              mask-image: url("../icons/minus.svg"); }
    .accordions > .accordion-row > .accordion-head > .show-if-open {
        display: none;
    }
    .accordions > .accordion-row.is-open > .accordion-head > .show-if-open {
        display: inherit;
    }
  .accordions > .accordion-row.is-open > .accordion-body {
    overflow: visible;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding-top: var(--size-24);
    padding-bottom: var(--size-24); }
  .accordions > .accordion-row:not(:last-child) {
    border-bottom: 2px solid var(--theme-input-border-color); }
  .accordions > .accordion-row:first-child .accordion-head {
    border-top-left-radius: var(--border-radius-medium);
    border-top-right-radius: var(--border-radius-medium); }
  .accordions > .accordion-row > .accordion-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: var(--size-16); }
    .accordions > .accordion-row > .accordion-head:hover {
      background-color: var(--theme-interactive-background-hovered); }
    .accordions > .accordion-row > .accordion-head:active {
      background-color: var(--theme-interactive-background-pressed); }
    .accordions > .accordion-row > .accordion-head > .accordion-title {
      color: var(--theme-text-high-contrast);
      font-weight: var(--font-weight-bold); }
    .accordions > .accordion-row > .accordion-head:after {
      content: "";
      display: block;
      width: 1.825em;
      height: 1.825em;
      background-color: var(--theme-text-interactive);
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-size: contain;
              mask-size: contain;
      -webkit-mask-position: center;
              mask-position: center;
      -webkit-mask-image: url("../icons/angle-down.svg");
              mask-image: url("../icons/angle-down.svg");
      margin-left: var(--size-16); }
  .accordions > .accordion-row > .accordion-body {
    overflow: hidden;
    padding: 0 var(--size-16);
    height: 0; 
  }
  .accordions > .accordion-foot {
    display: flex;
    justify-content: flex-end;
    padding: var(--size-16);
    background-color: var(--theme-surface-side);
    border-bottom-left-radius: var(--border-radius-medium);
    border-bottom-right-radius: var(--border-radius-medium); }

@media screen and (max-height: 768px) {
    .is-modal {
        font-size: var(--size-14);
    }
    .accordions {
        margin-bottom: var(--size-12);
    }
    .accordions > .accordion-row.is-open > .accordion-body {
        padding-top: var(--size-16);
        padding-bottom: var(--size-16);
        font-size: var(--size-14);
    }

    .accordions > .accordion-row > .accordion-head {
        padding: var(--size-12);
    }
    .accordions > .accordion-row > .accordion-head h4, .accordions > .accordion-row > .accordion-head h5 {
        margin-bottom: 0;
    }
    .accordions > .accordion-row > .accordion-body {
        overflow: hidden;
        padding: 0 var(--size-12);
        height: 0;
    }
    .accordions > .accordion-foot {
        padding: var(--size-12);
    }

    
}

input[type="submit"],
.button {
  display: inline-block;
  text-decoration: none !important;
  border-radius: var(--border-radius-medium);
  color: var(--theme-button-text-foreground);
  background-color: var(--theme-button-solid-background);
  border: 0;
  font-weight: var(--font-weight-bold);
  box-shadow: var(--theme-outline);
  transition-duration: var(--timing-short);
  transition-timing-function: var(--animation-cubic);
  transition-property: var(--animation-property);
  font-size: var(--size-18);
  line-height: var(--size-40);
  padding-left: var(--size-24);
  padding-right: var(--size-24); }
  input[type="submit"]:hover,
  .button:hover {
    box-shadow: var(--theme-outline-hovered);
    border-color: var(--theme-button-border-color-hovered);
    background-color: var(--theme-button-solid-background-hovered); }
  input[type="submit"]:focus,
  .button:focus {
    box-shadow: var(--theme-outline-focused);
    border-color: var(--theme-button-border-color-focused);
    background-color: var(--theme-button-solid-background-focused); }
  input[type="submit"].button-sm,
  .button.button-sm {
    border-radius: var(--border-radius-small);
    font-size: var(--size-14);
    line-height: var(--size-32);
    padding-left: var(--size-18);
    padding-right: var(--size-18); }
  input[type="submit"].button-lg,
  .button.button-lg {
    font-size: var(--size-20);
    line-height: var(--size-48);
    padding-left: var(--size-32);
    padding-right: var(--size-32); }
    .button[disabled] {
        background-color:var(--theme-button-solid-background-disabled);
    }
.button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  width: 1.5em;
  height: 1.5em;
  font-size: var(--size-24);
  border-radius: var(--border-radius-rounded);
  color: var(--theme-button-text-foreground);
  background-color: var(--theme-button-solid-background); }
  .button-icon:hover {
    box-shadow: var(--theme-outline-hovered);
    border-color: var(--theme-button-border-color-hovered);
    background-color: var(--theme-button-solid-background-hovered); }
  .button-icon:focus {
    box-shadow: var(--theme-outline-focused);
    border-color: var(--theme-button-border-color-focused);
    background-color: var(--theme-button-solid-background-focused); }

.button-delete {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  font-size: var(--size-20);
  width: var(--size-24);
  line-height: var(--size-24);
  color: var(--theme-delete-text);
  border-radius: var(--border-radius-small);
  background-color: transparent; }
  .button-delete:hover {
    color: var(--theme-text-light-solid-background);
    background-color: var(--theme-delete-icon); }

.card-key-number {
  padding: var(--size-24); }
  .card-key-number:nth-child(1) {
    border-bottom: var(--size-2) solid var(--theme-widget-border-color);
    border-right: var(--size-2) solid var(--theme-widget-border-color); }
  .card-key-number:nth-child(2) {
    border-bottom: var(--size-2) solid var(--theme-widget-border-color); }
  .card-key-number:nth-child(3) {
    border-right: var(--size-2) solid var(--theme-widget-border-color); }
  .card-key-number .number-icon {
    width: var(--size-56);
    height: var(--size-56);
    font-size: var(--size-28);
    color: var(--theme-text-high-contrast);
    border-radius: var(--border-radius-medium);
    border: var(--size-2) solid var(--theme-card-number-icon-border);
    margin-right: var(--size-24); }
  .card-key-number .number-data {
    gap: var(--size-8); }
    .card-key-number .number-data .number-count {
      font-family: var(--theme-font-heading);
      font-weight: var(--font-weight-bold);
      font-size: var(--size-32);
      color: var(--theme-text-high-contrast); }
    .card-key-number .number-data .number-progress {
      display: flex;
      align-items: center;
      font-size: var(--size-14);
      border-radius: var(--border-radius-rounded);
      padding: var(--size-2) var(--size-8);
      font-weight: var(--font-weight-semibold);
      border-width: var(--size-1);
      border-style: solid; }
      .card-key-number .number-data .number-progress .icon {
        margin-right: var(--size-4); }
      .card-key-number .number-data .number-progress.progress-good {
        background-color: var(--theme-success-background);
        color: var(--theme-success-icon);
        border-color: var(--theme-success-border); }
      .card-key-number .number-data .number-progress.progress-bad {
        background-color: var(--theme-error-background);
        color: var(--theme-error-text);
        border-color: var(--theme-error-border); }
  .card-key-number .number-text {
    font-size: var(--size-18);
    font-weight: var(--font-weight-semibold); }
  .card-key-number .number-subtext {
    font-size: var(--size-14);
    margin-top: var(--size-4); }

.feedback-message {
  display: flex;
  align-items: center;
  padding: var(--size-16);
  background-color: var(--feedback-background);
  border-radius: var(--border-radius-medium);
  font-size: var(--size-14);
  margin-bottom: var(--size-32);
  border: 1px solid var(--feedback-border); }
  .feedback-message > .icon {
    flex-shrink: 0;
    align-self: flex-start;
    color: var(--feedback-icon);
    margin-right: var(--size-16);
    font-size: var(--size-24); }
  .feedback-message .text {
    color: var(--feedback-text); }
    .feedback-message .text h5 {
      color: inherit;
      font-size: 1.2em;
      margin-bottom: var(--size-8); }
    .feedback-message .text p:last-child {
      margin-bottom: 0; }
    .feedback-message .text:not(:last-child) {
      margin-right: var(--size-16); }
  .feedback-message .close {
    flex-shrink: 0;
    width: 2em;
    height: 2em;
    border-radius: var(--border-radius-small);
    margin-left: auto;
    border: 0;
    background-color: transparent;
    padding: 0; }
    .feedback-message .close:hover {
      background-color: rgba(0, 0, 0, 0.03); }
  .feedback-message.error {
    --feedback-background: var(--theme-error-background);
    --feedback-icon: var(--theme-error-icon);
    --feedback-text: var(--theme-error-text);
    --feedback-border: var(--theme-error-border);
    padding-right: var(--size-24); }
  .feedback-message.success {
    --feedback-background: var(--theme-success-background);
    --feedback-icon: var(--theme-success-icon);
    --feedback-text: var(--theme-success-text);
    --feedback-border: var(--theme-success-border);
    padding-right: var(--size-24); }
  .feedback-message.warning {
    --feedback-background: var(--theme-warning-background);
    --feedback-icon: var(--theme-warning-icon);
    --feedback-text: var(--theme-warning-text);
    --feedback-border: var(--theme-warning-border);
    padding-right: var(--size-24); }
  .feedback-message.info {
    --feedback-background: var(--theme-info-background);
    --feedback-icon: var(--theme-info-icon);
    --feedback-text: var(--theme-info-text);
    --feedback-border: var(--theme-info-border); }

.form-row {
  width: 100%;
  display: flex;
  gap: var(--size-16); }
  .form-row:not(:last-child) {
    margin-bottom: var(--size-28); }

.group-field {
  width: 100%;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column; }
  .group-field.is-error textarea,
  .group-field.is-error input {
    background-color: var(--theme-error-background);
    border-color: var(--theme-input-border-color-error); }
    .group-field.is-error textarea:hover, .group-field.is-error textarea:focus,
    .group-field.is-error input:hover,
    .group-field.is-error input:focus {
      box-shadow: var(--theme-outline-error); }
  .group-field.is-error.checkbox label {
    color: var(--theme-error-text); }
    .group-field.is-error.checkbox label .checker {
      border-color: var(--theme-input-border-color-error); }
  .group-field.is-valid textarea,
  .group-field.is-valid input {
    background-color: var(--theme-success-background);
    border-color: var(--theme-input-border-color-success); }
    .group-field.is-valid textarea:hover, .group-field.is-valid textarea:focus,
    .group-field.is-valid input:hover,
    .group-field.is-valid input:focus {
      box-shadow: var(--theme-outline-success); }
  .group-field.field-search {
    min-width: 380px; }
    .group-field.field-search .icon {
      cursor: pointer;
      position: absolute;
      left: var(--size-0);
      bottom: var(--size-0);
      display: flex;
      align-items: center;
      justify-content: center;
      width: var(--size-44);
      height: var(--size-44);
      font-size: var(--size-24);
      color: var(--theme-interactive-text-color); }
      .group-field.field-search .icon:before {
        margin-left: initial; }
    .group-field.field-search input {
      padding-left: var(--size-44) !important; }
  .group-field label {
    font-size: var(--size-14);
    font-weight: var(--font-weight-bold);
    color: var(--theme-text-high-contrast);
    margin-bottom: var(--size-6); }
    .group-field label span {
      color: var(--theme-text-red); }
    .group-field label .checker {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 1.5em;
      height: 1.5em;
      border-radius: var(--border-radius-small);
      margin-right: var(--size-8);
      border: 2px solid var(--theme-input-border-color); }
      .group-field label .checker:after {
        content: "";
        display: block;
        width: 1em;
        height: 1em;
        background-color: var(--theme-text-light-solid-background);
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
        -webkit-mask-size: contain;
                mask-size: contain;
        -webkit-mask-position: center;
                mask-position: center;
        -webkit-mask-image: url("../icons/check.svg");
                mask-image: url("../icons/check.svg");
        transition-duration: var(--timing-short);
        transition-timing-function: var(--animation-cubic);
        transition-property: var(--animation-property); }
    .group-field label:hover .checker:after {
      background-color: var(--theme-text-interactive); }
  .group-field textarea,
  .group-field input:not([type="radio"]):not([type="checkbox"]):not([type="file"]) {
    width: 100%;
    font-size: var(--size-16);
    color: var(--theme-text-high-contrast);
    line-height: var(--size-40);
    border-radius: var(--border-radius-medium);
    border: 2px solid var(--theme-input-border-color);
    padding: 0 var(--size-14);
    box-shadow: var(--theme-outline);
    transition-duration: var(--timing-short);
    transition-timing-function: var(--animation-cubic);
    transition-property: var(--animation-property); }
    .group-field textarea:hover,
    .group-field input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):hover {
      box-shadow: var(--theme-outline-hovered);
      border-color: var(--theme-input-border-color-hovered); }
    .group-field textarea:focus,
    .group-field input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):focus {
      box-shadow: var(--theme-outline-focused);
      border-color: var(--theme-input-border-color-focused); }
    .group-field textarea[type="text"] + .action:after,
    .group-field input:not([type="radio"]):not([type="checkbox"]):not([type="file"])[type="text"] + .action:after {
      -webkit-mask-image: url("../icons/eye-slash.svg");
              mask-image: url("../icons/eye-slash.svg"); }
    .group-field textarea[type="password"] + .action:after,
    .group-field input:not([type="radio"]):not([type="checkbox"]):not([type="file"])[type="password"] + .action:after {
      -webkit-mask-image: url("../icons/eye.svg");
              mask-image: url("../icons/eye.svg"); }
  .group-field textarea {
    padding: var(--size-12) var(--size-16);
    line-height: 1.5; }
    .group-field input[type="radio"]:checked ~ .checker,
    .group-field input[type="checkbox"]:checked ~ .checker {
      border-color: var(--theme-text-interactive);
      background-color: var(--theme-text-interactive); }
      .group-field input[type="radio"]:checked ~ .checker:after,
      .group-field input[type="checkbox"]:checked ~ .checker:after {
        background-color: var(--theme-text-light-solid-background); }
  .group-field input[type="file"] {
    opacity: 0;
    padding: var(--size-24);
    cursor: pointer; }
  .group-field .condition {
    margin-top: var(--size-12); }
  .group-field .action {
    cursor: pointer;
    position: absolute;
    right: var(--size-8);
    bottom: var(--size-6);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2em;
    height: 2em;
    border-radius: var(--border-radius-small);
    margin-left: auto;
    border: 0;
    background-color: transparent;
    padding: 0; }
    .group-field .action:after {
      content: "";
      display: block;
      width: 1.5em;
      height: 1.5em;
      background-color: var(--theme-text-interactive);
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-size: contain;
              mask-size: contain;
      -webkit-mask-position: center;
              mask-position: center; }
    .group-field .action:hover {
      background-color: rgba(0, 0, 0, 0.08); }
    .group-field .action:active {
      background-color: var(--theme-text-interactive); }
      .group-field .action:active:after {
        background-color: var(--theme-text-light-solid-background); }

.group-submit {
  display: flex;
  justify-content: center; }
  .group-submit:not(:last-child) {
    margin-bottom: var(--size-28); }

.ts-wrapper {
  width: 100%;
  border-radius: var(--border-radius-medium);
  border: 2px solid var(--theme-input-border-color);
  box-shadow: var(--theme-outline);
  transition-duration: var(--timing-short);
  transition-timing-function: var(--animation-cubic);
  transition-property: var(--animation-property);
  display: flex;
  align-items: center; 
  cursor: pointer !important;
}
  .ts-wrapper:hover {
    box-shadow: var(--theme-outline-hovered);
    border-color: var(--theme-input-border-color-hovered); }
  .ts-wrapper.focus {
    box-shadow: var(--theme-outline-focused);
    border-color: var(--theme-input-border-color-focused); }

  .ts-wrapper.dropdown-active:after {
    transform: rotate(180deg); }
    .ts-wrapper.single .items-placeholder {
      display: block !important; }
    .ts-wrapper.single.has-items .items-placeholder {
      display: none !important; }
  .ts-wrapper.multi.has-items .ts-control {
    padding: var(--size-4); }
  .ts-wrapper.multi .ts-control {
    padding: 0 var(--size-14); }
    .ts-wrapper.multi .ts-control .item {
      border-radius: var(--border-radius-small);
      line-height: var(--size-32);
      padding: var(--size-2) var(--size-12);
      margin: var(--size-0); }
      .ts-wrapper.multi .ts-control .item.active {
        background-color: var(--theme-interactive-background);
        color: var(--theme-text-light-solid-background); }
        .ts-wrapper.multi .ts-control .item.active .remove {
          color: var(--theme-text-light-solid-background); }
      .ts-wrapper.multi .ts-control .item .remove {
        font-size: var(--size-20);
        border: 0;
        width: var(--size-24);
        line-height: var(--size-24);
        color: var(--theme-delete-text);
        margin-right: var(--size-6);
        border-radius: var(--border-radius-small); }
        .ts-wrapper.multi .ts-control .item .remove:hover {
          color: var(--theme-text-light-solid-background);
          background-color: var(--theme-delete-icon); }
    .ts-wrapper .ts-control {
        border-radius: var(--border-radius-medium);
        min-height: var(--size-44);
        line-height: var(--size-44);
        padding: 0 var(--size-14);
        font-size: var(--size-16);
        color: var(--theme-text-high-contrast);
        gap: var(--size-4);
        border: var(--size-0) !important;
        background-image: url("../icons/angle-down.svg");
        background-position: right .75rem center;
        background-repeat: no-repeat;
        background-size: 24px;
    }
    .ts-wrapper .ts-control input {
        line-height: 32px !important;
        cursor: pointer !important;
    }
  .ts-wrapper .ts-dropdown {
    font-size: var(--size-16);
    color: var(--theme-text-high-contrast);
    border-radius: var(--border-radius-medium);
    border: 2px solid var(--theme-input-border-color);
    margin-top: var(--size-4);
    overflow: hidden; }
    .ts-wrapper .ts-dropdown .ts-dropdown-content .no-results {
      text-align: center;
      font-weight: var(--font-weight-semibold);
      padding: var(--size-16); }
    .ts-wrapper .ts-dropdown .ts-dropdown-content .option {
      padding: var(--size-8) var(--size-16); }
      .ts-wrapper .ts-dropdown .ts-dropdown-content .option.active {
        background-color: var(--theme-interactive-background);
        color: var(--theme-text-light-solid-background); }
      .ts-wrapper .ts-dropdown .ts-dropdown-content .option .highlight {
        color: var(--theme-text-high-contrast);
        background-color: yellow;
        border-radius: var(--border-radius-small); }

.drop-files {
  width: 100%;
  border-radius: var(--border-radius-medium) !important;
  border-color: var(--theme-input-border-color) !important;
  transition-duration: var(--timing-short);
  transition-timing-function: var(--animation-cubic);
  transition-property: var(--animation-property); }
  .drop-files:hover {
    border-color: var(--theme-interactive-border-color) !important; }
  .drop-files.has-files .drop-files__files {
    padding: var(--size-16); }
  .drop-files .drop-files__explanations {
    font-size: var(--size-16); }
    .drop-files .drop-files__explanations strong {
      color: var(--theme-text-heading); }
  .drop-files .drop-files__files {
    gap: var(--size-16); }
    .drop-files .drop-files__files .drop-files__file .drop-files__image {
      border-radius: var(--border-radius-medium);
      background-color: var(--theme-surface-side); }
    .drop-files .drop-files__files .drop-files__file .drop-files__fileinfo {
      margin-top: var(--size-4);
      height: var(--size-14);
      font-size: var(--size-12); }
      .drop-files .drop-files__files .drop-files__file .drop-files__fileinfo span,
      .drop-files .drop-files__files .drop-files__file .drop-files__fileinfo em {
        line-height: 15px; }
    .drop-files .drop-files__files .drop-files__file .drop-files__delete {
      font-size: var(--size-28);
      border-radius: var(--border-radius-rounded);
      background-color: var(--theme-surface);
      transform: translate(-50%, calc(-50% - 9px)) scale(0.8);
      transition-duration: var(--timing-short) !important;
      transition-timing-function: var(--animation-cubic) !important; }

.select-menu {
  position: relative; }
    .select-menu.open-right-media .ts-wrapper .ts-dropdown {
        right: 0;
        left: initial;
    }
@media screen and (max-width: 1280px) {
    .select-menu.open-right-media .ts-wrapper .ts-dropdown {
        right: initial;
        left: 0;
    }
}
    .select-menu.open-right .ts-wrapper .ts-dropdown {
    right: 0;
    left: initial;
}
  .select-menu.open-center .ts-wrapper .ts-dropdown {
    right: 0;
    left: 50%;
    transform: translateX(-50%); }
  .select-menu .ts-wrapper:not(.focus),
  .select-menu .ts-control,
  .select-menu select {
    display: none; }
  .select-menu .ts-wrapper {
    position: relative;
    border: 0;
    box-shadow: none;
    padding: 0;
    height: 0; }
    .select-menu .ts-wrapper:after {
      display: none; }
    .select-menu .ts-wrapper .ts-dropdown {
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content; }
  .select-menu label {
    display: flex;
    align-items: center;
    color: var(--theme-interactive-text-color);
    font-weight: var(--font-weight-semibold);
    gap: var(--size-4); }
    .select-menu label:hover {
      color: var(--theme-interactive-text-color-hovered); }
    .select-menu label .icon {
      font-size: var(--size-20); }

@media screen and (max-width: 640px) {
  .form-row {
    flex-direction: column;
    margin-bottom: var(--size-16); }
    .form-row .group-field {
      margin-bottom: 0; } }
.label {
  display: inline-block;
  padding-left: var(--size-12);
  padding-right: var(--size-12);
  border-radius: var(--border-radius-rounded);
  font-weight: var(--font-weight-semibold);
  font-size: var(--size-14);
  line-height: var(--size-18);
  text-decoration: none !important;
  white-space: nowrap; }
  .label.label-color-1 {
    background-color: var(--theme-label-backgorund-color-1);
    color: var(--theme-label-text-color-1); }
  .label.label-color-2 {
    background-color: var(--theme-label-backgorund-color-2);
    color: var(--theme-label-text-color-2); }
  .label.label-color-3 {
    background-color: var(--theme-label-backgorund-color-3);
    color: var(--theme-label-text-color-3); }
  .label.label-color-4 {
    background-color: var(--theme-label-backgorund-color-4);
    color: var(--theme-label-text-color-4); }
  .label.label-color-5 {
    background-color: var(--theme-label-backgorund-color-5);
    color: var(--theme-label-text-color-5); }
  .label.label-color-6 {
    background-color: var(--theme-label-backgorund-color-6);
    color: var(--theme-label-text-color-6); }
  .label.label-color-7 {
    background-color: var(--theme-label-backgorund-color-7);
    color: var(--theme-label-text-color-7); }
  .label.label-color-8 {
    background-color: var(--theme-label-backgorund-color-8);
    color: var(--theme-label-text-color-8); }
  .label.label-color-9 {
    background-color: var(--theme-label-backgorund-color-9);
    color: var(--theme-label-text-color-9); }

.list-rows {
  list-style: none;
  padding: var(--size-0);
  margin: var(--size-0); }

.row.is-warning .inner-row {
  background-color: var(--theme-error-background); }
  .row.is-warning .inner-row .row-icon {
    color: var(--theme-error-icon); }
.row .inner-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--size-12);
    padding: var(--size-8) var(--size-12);
    border-radius: var(--border-radius-small);
    text-decoration: none;
}
  .row .inner-row:hover {
    background-color: var(--theme-interactive-background-hovered); }
  .row .inner-row:active {
    background-color: var(--theme-interactive-background-pressed); }
  .row .inner-row .row-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    font-size: var(--size-24); }
  .row .inner-row .row-title {
    font-weight: var(--font-weight-semibold); }
  .row .inner-row .row-type {
    margin-left: auto; }

.site-modal {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-index-modal);
  width: 100vw;
  height: 100vh;
  background-color: var(--theme-backdrop-grey);
  padding-left: var(--size-32);
  padding-right: var(--size-32);
  overflow-x: hidden;
  overflow-y: hidden; }
  .site-modal .modal-body {
    max-width: 1080px;
    width: 100%;
    height: calc(100% - 10vh);
    background-color: var(--theme-modal-background);
    margin-top: 5vh;
    margin-bottom: 5vh;
    border-radius: var(--border-radius-medium);
    box-shadow: 0 0 0 2px var(--theme-modal-border); }
    .site-modal .modal-body .modal-head {
      display: flex;
      align-items: center;
      position: sticky;
      top: 0;
      z-index: var(--z-index-above);
      padding: var(--size-24);
      border-top-left-radius: var(--border-radius-medium);
      border-top-right-radius: var(--border-radius-medium);
      background-color: var(--theme-modal-background);
      border-bottom: 2px solid var(--theme-modal-border); }
      .site-modal .modal-body .modal-head .modal-title {
        margin-bottom: var(--size-0); }
      .site-modal .modal-body .modal-head .modal-subtitle {
        font-size: var(--size-14); }
        .site-modal .modal-body .modal-head .modal-previous {
            margin-left: auto;
        }
      .site-modal .modal-body .modal-head .modal-close {
        margin-left: 10px; }
    .site-modal .modal-body .modal-content {
      padding: var(--size-0); 
      height:100%;
    }
    .site-modal .modal-body .modal-content .modal-iframe {
        width: 100%;
        height: calc(100% - 8.6rem);
        border-bottom-left-radius: var(--border-radius-medium);
        border-bottom-right-radius: var(--border-radius-medium);
    }

@media screen and (max-height: 1024px) {
    .site-modal .modal-body .modal-head {
        padding: var(--size-12) var(--size-24);
    }
    .site-modal .modal-body .modal-content .modal-iframe {
        height: calc(100% - 6.2rem);
    }
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--size-8); }
  .pagination .item {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size-32);
    height: var(--size-32);
    font-size: var(--size-18);
    border-radius: var(--border-radius-small);
    color: var(--theme-interactive-text-color);
    text-decoration: none;
    font-weight: var(--font-weight-semibold); }
    .pagination .item:hover {
      background-color: var(--theme-interactive-background-hovered); }
    .pagination .item:active {
      background-color: var(--theme-interactive-background-pressed); }
    .pagination .item.is-current {
      background-color: var(--theme-interactive-background);
      color: var(--theme-text-light-solid-background); }
  .pagination .first,
  .pagination .last {
    font-size: var(--size-28); }

.table-filters {
  display: flex;
  align-items: center;
  gap: var(--size-8);
  margin-bottom: var(--size-24); }
  .table-filters .filter-tag {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--size-8);
    background-color: var(--theme-surface-alt-2);
    color: var(--theme-text-high-contrast);
    border-radius: var(--border-radius-rounded);
    padding: var(--size-4) var(--size-12) var(--size-4) var(--size-12); }

.table {
  border-radius: var(--border-radius-medium);
  border: 2px solid var(--theme-input-border-color);
  margin-bottom: var(--size-48); }
  .table .table-head {
    display: flex;
    align-items: center;
    padding: var(--size-24);
    background-color: var(--theme-surface-side);
    border-top-left-radius: var(--border-radius-medium);
    border-top-right-radius: var(--border-radius-medium);
    border-bottom: 2px solid var(--theme-input-border-color); }
    .table .table-head .head-left,
    .table .table-head .head-right {
      display: flex;
      align-items: center;
      gap: var(--size-24); }
    .table .table-head .head-right {
      margin-left: auto; }
  .table .table-body {
    display: flex;
    flex-direction: column;
    padding: var(--size-8);
    gap: var(--size-8); }
    .table .table-body .table-row:not(.is-favorite):hover .row-icon .icon:before {
      background-color: currentColor;
      -webkit-mask-image: url("../icons/favorite.svg");
              mask-image: url("../icons/favorite.svg"); }
    .table .table-body .table-row.is-favorite .inner-row .row-icon {
      color: var(--theme-icon-favorite); }
      .table .table-body .table-row.is-favorite .inner-row .row-icon .icon:before {
        background-color: currentColor; }
      .table .table-body .table-row.is-favorite .inner-row .row-icon:hover .icon:before {
        -webkit-mask-image: url("../icons/favorite.svg");
                mask-image: url("../icons/favorite.svg"); }
    .table .table-body .table-row.is-warning .inner-row {
      background-color: var(--theme-error-background); }
      .table .table-body .table-row.is-warning .inner-row .row-content .head .number,
      .table .table-body .table-row.is-warning .inner-row .row-content .head .icon {
        color: var(--theme-error-icon); }
    .table .table-body .table-row.is-selected .inner-row {
        background-color: var(--theme-info-background);
    }
        .table .table-body .table-row.is-selected .inner-row .row-content .head .number,
        .table .table-body .table-row.is-selected .inner-row .row-content .head .icon {
            color: var(--theme-info-icon);
        }
    .table .table-body .table-row .inner-row {
      display: flex;
      align-items: center;
      gap: var(--size-8);
      padding: var(--size-12) var(--size-16);
      border-radius: var(--border-radius-medium);
      text-decoration: none; 
      overflow-x:auto;    }
      .table .table-body .table-row .inner-row:hover {
        background-color: var(--theme-interactive-background-hovered); }
      .table .table-body .table-row .inner-row:active {
        background-color: var(--theme-interactive-background-pressed); }
      .table .table-body .table-row .inner-row.active {
            background-color: var(--theme-interactive-background-pressed); }
      .table .table-body .table-row .inner-row .row-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: var(--size-44);
        font-size: var(--size-28);
        color: var(--theme-text-subtext); }
        .table .table-body .table-row .inner-row .row-icon .icon:before {
          background-color: transparent; }
        .table .table-body .table-row .inner-row .row-icon:hover {
          color: var(--theme-icon-favorite); }
      .table .table-body .table-row .inner-row .row-content {
        display: flex;
        flex-direction: column;
        gap: var(--size-6); }
      .row-content .head {
          display: flex;
          align-items: center;
          gap: var(--size-12);
          font-size: var(--size-18); }
         .row-content .head .icon {
            font-size: var(--size-24); }
         .row-content .head .number {
            font-size: var(--size-14);
            border: 2px solid currentColor;
            color: var(--theme-text-high-contrast);
            padding: var(--size-2) var(--size-4);
            border-radius: var(--border-radius-small);
            font-weight: var(--font-weight-semibold); }
          .row-content .head .title {
            overflow: hidden;
            text-overflow: ellipsis;
            font-weight: var(--font-weight-semibold); }
        .row-content .head .label {
            font-size: var(--size-12); }
        .row-content .subhead {
          display: flex;
          align-items: center;
          gap: var(--size-12);
          color: var(--theme-text-paragraph);
          font-size: var(--size-14); }
        .row-content .name {
            font-size: var(--size-14);
            font-weight: var(--font-weight-bold);
        }

        .row-content .name span {
                font-size: .8em;
                color: var(--theme-text-paragraph);
            }
      .table .table-body .table-row .inner-row .row-last {
        color: var(--theme-text-high-contrast);
        margin-left: auto; }
        .table .table-body .table-row .inner-row .row-last .relance {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          gap: var(--size-8); }
          .table .table-body .table-row .inner-row .row-last .relance .icon {
            font-size: var(--size-24); }
          .table .table-body .table-row .inner-row .row-last .relance .text {
            font-weight: var(--font-weight-semibold); }
        .table .table-body .table-row .inner-row .row-last .list {
          display: flex;
          flex-direction: column;
          align-items: flex-end; }
          .table .table-body .table-row .inner-row .row-last .list .name {
            font-size: var(--size-14);
            font-weight: var(--font-weight-bold); }
            .table .table-body .table-row .inner-row .row-last .list .name span {
              font-size: .8em;
              color: var(--theme-text-paragraph); }
  .table .table-foot {
    display: flex;
    justify-content: flex-end;
    padding: var(--size-16);
    background-color: var(--theme-surface-side);
    border-bottom-left-radius: var(--border-radius-medium);
    border-bottom-right-radius: var(--border-radius-medium);
    border-top: 2px solid var(--theme-input-border-color); }


@media screen and (max-width: 1280px) {
    .row .inner-row {
        gap: var(--size-8);
        padding-left: var(--size-8);
        padding-right: var(--size-8);
    }
    .table .table-head {
        padding: var(--size-16);
    }
    .table .table-body .table-row .inner-row {
        padding-left: var(--size-8);
        padding-right: var(--size-8);
    }
    .table .table-body .table-row .inner-row .row-icon {
        width: var(--size-28);
        font-size: var(--size-16);
    }
    .row-content .head {
        gap: var(--size-12);
        font-size: var(--size-16);
    }

    .row-content .head .icon {
        font-size: var(--size-16);
    }
    .row-content .head .number {
        font-size: var(--size-12);
    }
    .row-content .head .label {
        font-size: var(--size-12);
    }
    .row-content .subhead {
        gap: var(--size-6);
        font-size: var(--size-12);
    }
    .row-content .name {
        font-size: var(--size-12);
    }
    .row-content .name span {
        font-size: .8em;
        color: var(--theme-text-paragraph);
    }

    .row-last .relance .icon {
        font-size: var(--size-16);
    }

    .row-last .list .name {
        font-size: var(--size-12);
    }

    .row-last .list .name span {
        font-size: .8em;
        color: var(--theme-text-paragraph);
    }

    .table .table-foot {
        padding: var(--size-12);
    }
    .table-filters {
        margin-bottom: var(--size-12);
    }
}

@media screen and (max-height: 1024px) {
    .row .inner-row {
        padding-top: var(--size-6);
        padding-bottom: var(--size-6);
    }
    .table .table-body .table-row .inner-row {
        padding-top: var(--size-6);
        padding-bottom: var(--size-6);
    }
}

.mGrid {
    border-radius: var(--border-radius-medium);
    border: 2px solid var(--theme-input-border-color);
    padding: 2px;
    display: table;
    border-collapse: separate !important;
    width:100%;
}
.mGrid tr td, .mGrid tr th {
    padding: 5px;
    border: 1px solid var(--theme-input-border-color);
 }
.mGrid tr th {
    background-color: var(--theme-interactive-background-hovered);
    color: var(--theme-text-interactive);
}
.mGrid tr td {
    font-size: var(--size-14);
}
.mGrid tr:nth-child(odd) {
    background-color: var(--theme-info-background);
}
    .mGrid tr:hover {
        background-color: var(--theme-interactive-background-hovered);
    }
.mGrid tr:first-child td:first-child, .mGrid tr:first-child th:first-child {
    border-top-left-radius: var(--border-radius-medium);
}
.mGrid tr:last-child td:first-child, .mGrid tr:last-child th:first-child {
    border-bottom-left-radius: var(--border-radius-medium);
}
.mGrid tr:first-child td:last-child, .mGrid tr:first-child th:last-child {
    border-top-right-radius: var(--border-radius-medium);
}
.mGrid tr:last-child td:last-child, .mGrid tr:last-child th:last-child {
    border-bottom-right-radius: var(--border-radius-medium);
}
.mGrid tr td:first-child, .mGrid tr th:first-child {
    border-left: none;
}
.mGrid tr td:last-child, .mGrid tr th:last-child {
    border-right: none;
}
.mGrid tr:first-child td, .mGrid tr:first-child th {
    border-top:none;
}
.mGrid tr:last-child td, .mGrid tr:last-child th {
    border-bottom:none;
}

.fixed-content {
  display: table;
  border-collapse: separate; }
  .fixed-content .content-row {
    display: table-row; }
  .fixed-content .row-head,
  .fixed-content .row-text {
    display: table-cell;
    padding-top: var(--size-8);
    padding-bottom: var(--size-8); }
  .fixed-content .row-text {
    padding-left: var(--size-24); }
 .row-head {
    min-width: 120px;
    vertical-align: middle;
    font-weight: var(--font-weight-semibold);
    color: var(--theme-text-high-contrast); }

@media screen and (max-height: 1024px) {
    .fixed-content .row-head,
    .fixed-content .row-text {
        padding-top: var(--size-6);
        padding-bottom: var(--size-6);
    }
}
[data-tooltip] {
  position: relative;
  display: flex;
  justify-content: center; }
  [data-tooltip]:hover:after {
    content: attr(data-tooltip);
    position: absolute;
    display: block;
    padding: var(--size-2) var(--size-12);
    background-color: var(--theme-backdrop-dark);
    font-size: var(--size-10);
    font-weight: var(--font-weight-bold);
    color: var(--theme-text-light-solid-background);
    border-radius: var(--border-radius-small);
    white-space: nowrap;
    z-index: 99;
    transform: translateY(-34px);
    transition: transform var(--timing-medium); }

.site-app.page-login {
  grid-template-areas: "main slider";
  grid-template-columns: 1fr var(--width-slider);

}

.page-login .site-main:before {
      background-color: var(--ref-palette-gray-100);
    -webkit-mask-image: url("../img/ellipse-gray.svg");
            mask-image: url("../img/ellipse-gray.svg");
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
}

.page-login .site-main .wrapper {
    max-width: 540px;
}

.site-app.page-info {
    grid-template-areas: "main";
    grid-template-columns: 1fr;
}



.site-main {
  position: relative; }
  .site-main:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 289px;
    height: 303px;

}
  .site-main .wrapper {
    width: 100%;
    padding-top: var(--size-56);
    padding-bottom: var(--size-56);
    margin-top: auto;
    margin-bottom: auto; }
  .site-main .logo {
    margin-bottom: var(--size-48); }
    .site-main .logo img {
      max-width: 220px; }
  .site-main .page-title {
    font-size: var(--size-48);
    margin-bottom: var(--size-48); }

.site-slider {
  grid-area: slider;
  padding: var(--size-20); }
  .site-slider .swiper {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius-medium); }
    .site-slider .swiper .swiper-wrapper .swiper-slide {
      position: relative; }
      .site-slider .swiper .swiper-wrapper .swiper-slide img {
        height: 100%;
        max-width: initial;
        -o-object-position: center;
           object-position: center;
        -o-object-fit: cover;
           object-fit: cover;
        border-radius: var(--border-radius-medium); }
      .site-slider .swiper .swiper-wrapper .swiper-slide .inner-content {
        position: absolute;
        bottom: var(--size-40);
        left: var(--size-24);
        right: var(--size-24);
        z-index: 9;
        padding: var(--size-24);
        background-color: var(--theme-backdrop-dark);
        color: var(--theme-text-light-solid-background);
        border-radius: var(--border-radius-medium); }
        .site-slider .swiper .swiper-wrapper .swiper-slide .inner-content h3 {
          color: inherit;
          font-size: 2.5rem;
          margin-bottom: .5em; }
        .site-slider .swiper .swiper-wrapper .swiper-slide .inner-content p {
          color: inherit;
          font-size: var(--size-14); }
          .site-slider .swiper .swiper-wrapper .swiper-slide .inner-content p:last-child {
            margin-bottom: 0 !important; }
    .site-slider .swiper .swiper-pagination {
      position: absolute;
      top: initial;
      bottom: var(--size-12);
      left: var(--size-24);
      right: var(--size-24);
      overflow: hidden; }
      .site-slider .swiper .swiper-pagination .swiper-pagination-bullet {
        background-color: var(--theme-backdrop-dark); }
        .site-slider .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
          --swiper-pagination-bullet-width: var(--size-44);
          border-radius: var(--border-radius-rounded);
          opacity: 1;
          background-color: var(--ref-palette-interactive-300); }

@media screen and (max-width: 1024px) {
  .site-slider {
    display: none !important; } }
.widgets {
  grid-gap: var(--size-24); }
  .widgets .widget {
    display: flex;
    flex-direction: column;
    border: var(--size-2) solid var(--theme-widget-border-color);
    border-radius: var(--border-radius-medium); }
    .widgets .widget .widget-head {
      display: flex;
      padding-top: var(--size-20);
      padding-left: var(--size-20);
      padding-right: var(--size-20); }
      .widgets .widget .widget-head .widget-title {
        color: var(--theme-widget-title-color);
        font-size: var(--size-18);
        font-weight: var(--font-weight-bold); }
      .widgets .widget .widget-head .widget-actions {
        margin-left: auto; }
        .widgets .widget .widget-head .widget-actions a {
          text-decoration: underline;
          font-weight: var(--font-weight-semibold); }
    .widgets .widget .widget-body {
      padding: var(--size-20); }
    .widgets .widget .widget-foot {
      padding-bottom: var(--size-20);
      padding-left: var(--size-20);
      padding-right: var(--size-20); }

.infobulle {
    position: relative;
}

    .infobulle .infobulle-contenu {
        display: none;
    }

    .infobulle:hover .infobulle-contenu {
        cursor: default;
        position: absolute;
        display: block;
        right: 10px;
        top: 35px;
        padding: 10px;
        border-radius: 10px;
        max-width: 400px;
        border: solid 1px var(--theme-widget-border-color);
        background-color: white;
        z-index: 100;
    }
.self {
    color: var(--ref-palette-red-800);
}
.invisible {
    display: none;
}

.loading {
    max-height: 172px;
    max-width: 300px;
    padding: 20px;
    margin-top: 15vh;
    align-items: center;
    display: flex;
    flex-direction: column;
    background-color: var(--theme-modal-background);
    border-radius: var(--border-radius-medium);
    box-shadow: 0 0 0 2px var(--theme-modal-border);
}