:root {
    --color-petrol: #009999;
    --color-blue: #008aa6;
    --color-blue-dark: #000028;
    --color-blue-light: #0087be;
    --color-blue-link: #007993;
    --color-green: #15ad8d;
    --color-green-dark: #00646e;
    --color-green-light: #00ffb9;
    --color-green-lighter: #d1fff2;
    --color-aqua: #00cccc;
    --color-aqua-dark: #002949;
    --color-aqua-light: #00e6dc;
    --color-grey-dark: #4c4c68;
    --color-grey: #7d8099;
    --color-grey-light: #d9d9df;
    --color-grey-lighter: #ebebee;
    --color-orange: #fd9400;
    --color-orange-dark: #ec6602;
    --color-red: #d91a30;
    --color-sand-light: #f3f3f0;
    --color-stone: #879baa;
    --color-stone-light: #cdd9e1;
    --color-stone-lightest: #ebf0f5;
    --color-stone-pale: #f5f6f8;
    --color-teal: #005159;
    --color-info: #0087be;
    --color-success: #3eaf6a;
    --color-warning: #f0ad4e;
    --color-danger: #fc2525;
    --color-transparent-light: rgba(255, 255, 255, 0.1);
    --color-transparent-lighter: rgba(255, 255, 255, 0.2);
    --color-transparent-lightest: rgba(255, 255, 255, 0.5);
    --color-transparent-pale: rgba(255, 255, 255, 0.8);
    --color-transparent-dark: rgba(0, 0, 0, 0.15);
    --color-transparent-darker: rgba(0, 0, 0, 0.25);
    --color-transparent-darkest: rgba(0, 0, 0, 0.4);
    --color-transparent-heavy: rgba(0, 0, 0, 0.8);
    --color-muted: #777;
    --color-mute: #999;
    --color-white: #fff;
    --color-black: #000;
    --color-info-lightest: #f6fcff;
    --color-secondary: #00557d;
    --color-secondary-lightest: #2387aa;
    --gradient-primary: transparent
      linear-gradient(
        90deg,
        var(--color-green-light) 0%,
        #00fcbc 10%,
        #00fac0 20%,
        #00f7c3 30%,
        #00f5c7 40%,
        #00f3cb 50%,
        #00f0ce 60%,
        #00edd1 70%,
        #00ebd5 80%,
        #00e8d8 90%,
        var(--color-aqua-light) 100%
      )
      0% 0% no-repeat padding-box;
    --body-bg: #fff;
    --border-color: var(--color-grey-lighter);
    --component-item-hover: var(--color-sand-light);
    --cursor-disabled: not-allowed;
    --headerHeight: 80px;
    --headerHeightMobile: 60px;
    --subHeaderHeight: 60px;
    --subHeaderHeightMobile: auto;
    --headerHeightScroll: 46px;
    --stickyTop: 106px;
    --font-family-sans-serif: 'SiemensSans', 'Helvetica Neue', 'Segoe UI',
      'Oxygen', 'Ubuntu', 'Cantarell', 'Open Sans', sans-serif;
    --font-family-system: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
      'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Open Sans', sans-serif;
    --font-family-serif: 'SiemensSerif', Georgia, 'Times New Roman', Times, serif;
    --font-family-slab: 'SiemensSlab', Georgia, 'Times New Roman', Times, serif;
    --font-family-monospace: Menlo, Monaco, Consolas, 'Courier New', monospace;
    --font-family-base: var(--font-family-sans-serif);
    --font-size-base: 1rem;
    --font-size-xxl: 2rem;
    --font-size-xl: 1.5rem;
    --font-size-lg: 1.2rem;
    --font-size-md: 1.1rem;
    --font-size-normal: 1rem;
    --font-size-sm: 0.9rem;
    --font-size-xs: 0.8rem;
    --font-size-xxs: 0.65rem;
    --font-size-h1: 3rem;
    --font-size-h2: 2rem;
    --font-size-h3: 1.5rem;
    --font-size-h4: 1.2rem;
    --font-size-h5: 1rem;
    --font-size-h6: 0.9rem;
    --display1-size: var(--font-size-h2);
    --display2-size: 2.25rem;
    --display3-size: 2.5rem;
    --display4-size: 3rem;
    --display5-size: 3.5rem;
    --line-height: 1.5;
    --line-height-lg: calc(4 / 3);
    --line-height-sm: 1.75;
    --text-color: var(--color-blue-dark);
    --link-color: var(--color-blue-link);
    --hover-link-color: var(--color-teal);
    --link-color-dark: var(--color-aqua-light);
    --hover-link-color-dark: var(--color-green-light);
    --spacer: 1rem;
    --spacer-xs: 0.25rem;
    --spacer-sm: 0.5rem;
    --spacer-md: 1.5rem;
    --spacer-lg: 2.5rem;
    --spacer-xl: 4rem;
    --spacer-xxl: 5rem;
    --card-spacer-x: 1.25rem;
    --card-spacer-y: 1.25rem;
    --card-spacer-x-sm: calc(var(--card-spacer-x) * 0.667);
    --card-spacer-y-sm: calc(var(--card-spacer-x) / 2);
    --card-margin-bottom: 2rem;
    --grid-gutter-width: 2rem;
    --spacer-type: var(--spacer);
    --btn-padding-x: 1.5rem;
    --btn-padding-y: 1rem;
    --btn-padding-x-sm: 1rem;
    --btn-padding-y-sm: 0.5rem;
    --btn-padding-x-lg: 1.25rem;
    --btn-padding-y-lg: 0.85rem;
    --btn-link-disabled-color: var(--grey-light);
    --input-padding-x: 0.75rem;
    --input-padding-y: var(--btn-padding-y);
    --input-padding-x-sm: var(--input-padding-x);
    --input-padding-y-sm: var(--btn-padding-y-sm);
    --input-padding-x-lg: var(--input-padding-x);
    --input-padding-y-lg: var(--btn-padding-y-lg);
    --iinput-bg: #fff;
    --iinput-bg-disabled: var(--color-grey-lighter);
    --input-color: var(--color-blue-dark);
    --input-border: var(--color-grey);
    --input-border-hover: var(--color-aqua);
    --input-border-focus: var(--color-blue-light);
    --input-color-placeholder: #999;
    --form-group-margin-bottom: var(--spacer-md);
    --input-radius: 0;
    --circle-size-xxs: 8px;
    --circle-size-xs: 1rem;
    --circle-size-sm: 1.25rem;
    --circle-size: 1.8rem;
    --circle-size-md: 2.75rem;
    --circle-size-lg: 3.6rem;
    --circle-size-xl: 5rem;
    --circle-size-xxl: 5.9rem;
    --btn-circle: 4rem;
    --btn-circle-sm: 2.5rem;
    --zindex-tooltip: 1070;
    --zindex-popover: 1060;
    --zindex-modal: 1050;
    --zindex-modal-bg: 1040;
    --zindex-header-sticky: 1030;
    --zindex-dropdown: 1000;
    --table-cell-padding: 0.75rem;
    --table-sm-cell-padding: 0.3rem;
    --table-bg: transparent;
    --table-bg-accent: #f9f9f9;
    --table-bg-active: var(--color-blue-light);
    --table-border-color: var(--color-grey-light);
    --chevron-down: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiA2Ljg2MiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6IzIzODdhYTt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xNC40NzksMTQ0LjYwN2wtLjUzNy0uNTM3YS4zMjUuMzI1LDAsMCwwLS40NjEsMGwtNC45MDcsNC45LTQuOTA3LTQuOWEuMzI1LjMyNSwwLDAsMC0uNDYxLDBsLS41MzcuNTM3YS4zMjUuMzI1LDAsMCwwLDAsLjQ2MWw1LjY3NCw1LjY3NGEuMzI1LjMyNSwwLDAsMCwuNDYxLDBsNS42NzQtNS42NzRBLjMyNS4zMjUsMCwwLDAsMTQuNDc5LDE0NC42MDdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMi41NzUgLTE0My45NzUpIi8+PC9zdmc+);
    --chevron-up: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiA2Ljg2MiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6IzIzODdhYTt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xNC40NzksMTQ0LjYwN2wtLjUzNy0uNTM3YS4zMjUuMzI1LDAsMCwwLS40NjEsMGwtNC45MDcsNC45LTQuOTA3LTQuOWEuMzI1LjMyNSwwLDAsMC0uNDYxLDBsLS41MzcuNTM3YS4zMjUuMzI1LDAsMCwwLDAsLjQ2MWw1LjY3NCw1LjY3NGEuMzI1LjMyNSwwLDAsMCwuNDYxLDBsNS42NzQtNS42NzRBLjMyNS4zMjUsMCwwLDAsMTQuNDc5LDE0NC42MDdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMi41NzUgLTE0My45NzUpIi8+PC9zdmc+);
    --chevron-down-white: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiA2Ljg2MiI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6IzIzODdhYTt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xNC40NzksMTQ0LjYwN2wtLjUzNy0uNTM3YS4zMjUuMzI1LDAsMCwwLS40NjEsMGwtNC45MDcsNC45LTQuOTA3LTQuOWEuMzI1LjMyNSwwLDAsMC0uNDYxLDBsLS41MzcuNTM3YS4zMjUuMzI1LDAsMCwwLDAsLjQ2MWw1LjY3NCw1LjY3NGEuMzI1LjMyNSwwLDAsMCwuNDYxLDBsNS42NzQtNS42NzRBLjMyNS4zMjUsMCwwLDAsMTQuNDc5LDE0NC42MDdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMi41NzUgLTE0My45NzUpIi8+PC9zdmc+);
  }