html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #f0f0f0;
}
body > * {
  margin: 0 auto;
}
@media(min-width: 800px) {
  body > * {
    margin: 0 auto;
  }
}

/* ing-web colors */

html {
--_orange: #ff6200;
--_white: #fff;
--_gray_100: #f0f0f0;
--_gray_200: #d9d9d9;
--_gray_300: #a8a8a8;
--_gray_400: #696969;
--_gray_500: #3d3d3d;
--_gray_600: #333;
--_gray_700: #212121;
--_gray_800: #050505;
--_indigo_100: #ededf5;
--_indigo_200: #dcdceb;
--_indigo_300: #cbcae0;
--_indigo_400: #bab9d6;
--_indigo_500: #525199;
--_indigo_600: #31305b;
--_fuchsia_100: #f6e5ef;
--_fuchsia_200: #eecce0;
--_fuchsia_300: #e6b2d1;
--_fuchsia_400: #dd99c2;
--_fuchsia_500: #ab0066;
--_fuchsia_600: #66003d;
--_sky_100: #eff6fb;
--_sky_200: #dfedf8;
--_sky_300: #cfe4f4;
--_sky_400: #bfdbf0;
--_sky_500: #559bd1;
--_sky_600: #335d7d;
--_lime_100: #fafbeb;
--_lime_200: #f6f7d8;
--_lime_300: #f1f4c4;
--_lime_400: #ecf0b1;
--_lime_500: #d0d93c;
--_lime_600: #7c8224;
--_leaf_100: #eaf4ed;
--_leaf_200: #d6eadc;
--_leaf_300: #c2dfca;
--_leaf_400: #aed5b9;
--_leaf_500: #349651;
--_leaf_600: #1f5a30;
--_minus_400: #e14242;
--_minus_500: #d70000;
--_plus_400: #aed5b9;
--_plus_500: #349651;
--_annotation_400: #a5e5e5;
--_annotation_600: teal;
--_opacity_10: .1;
--_opacity_20: .2;
--_opacity_30: .3;
--_opacity_40: .4;
--_opacity_50: .5;
--_opacity_60: .6;
--_opacity_70: .7;
--_opacity_80: .8;
--_opacity_90: .9;
--_dimension_25: .125rem;
--_dimension_50: .25rem;
--_dimension_100: .5rem;
--_dimension_200: 1rem;
--_dimension_300: 1.5rem;
--_dimension_400: 2rem;
--_dimension_500: 2.5rem;
--_dimension_600: 3rem;
--_dimension_700: 3.5rem;
--_dimension_800: 4rem;
--_dimension_1000: 5rem;
--_dimension_1200: 6rem;
--bg_tab: #f6f6f6;
--bg_tab-secondary: #fafafa;
--border_default_width: .0625rem;
--border_default_style: solid;
--border_subtle_width: .0625rem;
--border_subtle_style: solid;
--border_primary_width: .0625rem;
--border_primary_style: solid;
--border_secondary_width: .0625rem;
--border_secondary_style: solid;
--border_tertiary_width: .0625rem;
--border_tertiary_style: solid;
--border_info_width: .0625rem;
--border_info_style: solid;
--border_info-inverse_width: .0625rem;
--border_info-inverse_style: solid;
--border_success_width: .0625rem;
--border_success_style: solid;
--border_warning_width: .0625rem;
--border_warning_style: solid;
--border_error_width: .0625rem;
--border_error_style: solid;
--border_disabled_width: .0625rem;
--border_disabled_style: solid;
--border_inverse_width: .0625rem;
--border_inverse_style: solid;
--border_emphasis_width: .0625rem;
--border_emphasis_style: solid;
--border_dropZone-default_width: .0625rem;
--border_dropZone-default_style: dashed;
--border_dropZone-disabled_width: .0625rem;
--border_dropZone-disabled_style: dashed;
--border_onColor_width: .0625rem;
--border_onColor_style: solid;
--border_focus-inner_style: solid;
--border_focus-outer_style: solid;
--opacity_pressed: var(--_opacity_60);
--opacity_overlay: var(--_opacity_70);
--fg_default: var(--_gray_600);
--fg_subtle: var(--_gray_400);
--fg_disabled: var(--_gray_300);
--fg_onColor: var(--_white);
--fg_inverse: var(--_white);
--fg_primary: var(--_orange);
--fg_secondary: var(--_indigo_500);
--fg_tertiary: var(--_fuchsia_500);
--fg_info: var(--_sky_500);
--fg_success: var(--_leaf_500);
--fg_warning: var(--_orange);
--fg_error: var(--_minus_500);
--bg_default: var(--_white);
--bg_page: var(--_gray_100);
--bg_subtle: var(--_gray_200);
--bg_overlay: rgba(51,51,51,.7);
--bg_primary: var(--_orange);
--bg_secondary: var(--_indigo_500);
--bg_secondary-subtle: var(--_indigo_200);
--bg_tertiary: var(--_fuchsia_500);
--bg_info: var(--_sky_500);
--bg_success: var(--_leaf_200);
--bg_done: var(--_leaf_500);
--bg_hover-primary: var(--_sky_300);
--bg_hover-secondary: var(--_indigo_200);
--bg_hover-tertiary: var(--_fuchsia_200);
--bg_highlight: var(--_sky_200);
--bg_disabled: var(--_gray_300);
--bg_page-tags: var(--_gray_200);
--bg_page-tags-inverse: var(--_indigo_500);
--bg_page-library: var(--_white);
--bg_tab-inverse: var(--_indigo_600);
--bg_tab-secondary-inverse: var(--_indigo_500);
--bg_tab-border: var(--_gray_100);
--bg_tab-border-inverse: var(--_indigo_500);
--bg_snackbar: var(--_gray_400);
--bg_notification: var(--_minus_500);
--bg_onColor: var(--_white);
--bg_pageSecondary: var(--_white);
--border_default_color: var(--_gray_400);
--border_subtle_color: var(--_gray_200);
--border_primary_color: var(--_orange);
--border_secondary_color: var(--_indigo_500);
--border_tertiary_color: var(--_fuchsia_500);
--border_info_color: var(--_sky_500);
--border_info-inverse_color: var(--_sky_400);
--border_success_color: var(--_leaf_500);
--border_warning_color: var(--_orange);
--border_error_color: var(--_minus_500);
--border_disabled_color: var(--_gray_300);
--border_inverse_color: var(--_white);
--border_emphasis_color: var(--_gray_600);
--border_dropZone-default_color: var(--_gray_400);
--border_dropZone-disabled_color: var(--_gray_300);
--border_onColor_color: var(--_white);
--border_focus-inner_color: var(--_white);
--border_focus-inner_width: var(--_dimension_25);
--border_focus-outer_color: var(--_sky_600);
--border_focus-outer_width: var(--_dimension_25);
--padding_xxs: var(--_dimension_50);
--padding_xs: var(--_dimension_100);
--padding_sm: var(--_dimension_200);
--padding_md: var(--_dimension_300);
--padding_lg: var(--_dimension_400);
--padding_xl: var(--_dimension_500);
--padding_xxl: var(--_dimension_600);
--padding_xxxl: var(--_dimension_700);
--gap_xxs: var(--_dimension_50);
--gap_xs: var(--_dimension_100);
--gap_sm: var(--_dimension_200);
--gap_md: var(--_dimension_300);
--gap_lg: var(--_dimension_400);
--gap_xl: var(--_dimension_500);
--gap_xxl: var(--_dimension_600);
--gap_xxxl: var(--_dimension_700)
}

:host {
--_orange: #ff6200;
--_white: #fff;
--_gray_100: #f0f0f0;
--_gray_200: #d9d9d9;
--_gray_300: #a8a8a8;
--_gray_400: #696969;
--_gray_500: #3d3d3d;
--_gray_600: #333;
--_gray_700: #212121;
--_gray_800: #050505;
--_indigo_100: #ededf5;
--_indigo_200: #dcdceb;
--_indigo_300: #cbcae0;
--_indigo_400: #bab9d6;
--_indigo_500: #525199;
--_indigo_600: #31305b;
--_fuchsia_100: #f6e5ef;
--_fuchsia_200: #eecce0;
--_fuchsia_300: #e6b2d1;
--_fuchsia_400: #dd99c2;
--_fuchsia_500: #ab0066;
--_fuchsia_600: #66003d;
--_sky_100: #eff6fb;
--_sky_200: #dfedf8;
--_sky_300: #cfe4f4;
--_sky_400: #bfdbf0;
--_sky_500: #559bd1;
--_sky_600: #335d7d;
--_lime_100: #fafbeb;
--_lime_200: #f6f7d8;
--_lime_300: #f1f4c4;
--_lime_400: #ecf0b1;
--_lime_500: #d0d93c;
--_lime_600: #7c8224;
--_leaf_100: #eaf4ed;
--_leaf_200: #d6eadc;
--_leaf_300: #c2dfca;
--_leaf_400: #aed5b9;
--_leaf_500: #349651;
--_leaf_600: #1f5a30;
--_minus_400: #e14242;
--_minus_500: #d70000;
--_plus_400: #aed5b9;
--_plus_500: #349651;
--_annotation_400: #a5e5e5;
--_annotation_600: teal;
--_opacity_10: .1;
--_opacity_20: .2;
--_opacity_30: .3;
--_opacity_40: .4;
--_opacity_50: .5;
--_opacity_60: .6;
--_opacity_70: .7;
--_opacity_80: .8;
--_opacity_90: .9;
--_dimension_25: .125rem;
--_dimension_50: .25rem;
--_dimension_100: .5rem;
--_dimension_200: 1rem;
--_dimension_300: 1.5rem;
--_dimension_400: 2rem;
--_dimension_500: 2.5rem;
--_dimension_600: 3rem;
--_dimension_700: 3.5rem;
--_dimension_800: 4rem;
--_dimension_1000: 5rem;
--_dimension_1200: 6rem;
--bg_tab: #f6f6f6;
--bg_tab-secondary: #fafafa;
--border_default_width: .0625rem;
--border_default_style: solid;
--border_subtle_width: .0625rem;
--border_subtle_style: solid;
--border_primary_width: .0625rem;
--border_primary_style: solid;
--border_secondary_width: .0625rem;
--border_secondary_style: solid;
--border_tertiary_width: .0625rem;
--border_tertiary_style: solid;
--border_info_width: .0625rem;
--border_info_style: solid;
--border_info-inverse_width: .0625rem;
--border_info-inverse_style: solid;
--border_success_width: .0625rem;
--border_success_style: solid;
--border_warning_width: .0625rem;
--border_warning_style: solid;
--border_error_width: .0625rem;
--border_error_style: solid;
--border_disabled_width: .0625rem;
--border_disabled_style: solid;
--border_inverse_width: .0625rem;
--border_inverse_style: solid;
--border_emphasis_width: .0625rem;
--border_emphasis_style: solid;
--border_dropZone-default_width: .0625rem;
--border_dropZone-default_style: dashed;
--border_dropZone-disabled_width: .0625rem;
--border_dropZone-disabled_style: dashed;
--border_onColor_width: .0625rem;
--border_onColor_style: solid;
--border_focus-inner_style: solid;
--border_focus-outer_style: solid;
--opacity_pressed: var(--_opacity_60);
--opacity_overlay: var(--_opacity_70);
--fg_default: var(--_gray_600);
--fg_subtle: var(--_gray_400);
--fg_disabled: var(--_gray_300);
--fg_onColor: var(--_white);
--fg_inverse: var(--_white);
--fg_primary: var(--_orange);
--fg_secondary: var(--_indigo_500);
--fg_tertiary: var(--_fuchsia_500);
--fg_info: var(--_sky_500);
--fg_success: var(--_leaf_500);
--fg_warning: var(--_orange);
--fg_error: var(--_minus_500);
--bg_default: var(--_white);
--bg_page: var(--_gray_100);
--bg_subtle: var(--_gray_200);
--bg_overlay: rgba(51,51,51,.7);
--bg_primary: var(--_orange);
--bg_secondary: var(--_indigo_500);
--bg_secondary-subtle: var(--_indigo_200);
--bg_tertiary: var(--_fuchsia_500);
--bg_info: var(--_sky_500);
--bg_success: var(--_leaf_200);
--bg_done: var(--_leaf_500);
--bg_hover-primary: var(--_sky_300);
--bg_hover-secondary: var(--_indigo_200);
--bg_hover-tertiary: var(--_fuchsia_200);
--bg_highlight: var(--_sky_200);
--bg_disabled: var(--_gray_300);
--bg_page-tags: var(--_gray_200);
--bg_page-tags-inverse: var(--_indigo_500);
--bg_page-library: var(--_white);
--bg_tab-inverse: var(--_indigo_600);
--bg_tab-secondary-inverse: var(--_indigo_500);
--bg_tab-border: var(--_gray_100);
--bg_tab-border-inverse: var(--_indigo_500);
--bg_snackbar: var(--_gray_400);
--bg_notification: var(--_minus_500);
--bg_onColor: var(--_white);
--bg_pageSecondary: var(--_white);
--border_default_color: var(--_gray_400);
--border_subtle_color: var(--_gray_200);
--border_primary_color: var(--_orange);
--border_secondary_color: var(--_indigo_500);
--border_tertiary_color: var(--_fuchsia_500);
--border_info_color: var(--_sky_500);
--border_info-inverse_color: var(--_sky_400);
--border_success_color: var(--_leaf_500);
--border_warning_color: var(--_orange);
--border_error_color: var(--_minus_500);
--border_disabled_color: var(--_gray_300);
--border_inverse_color: var(--_white);
--border_emphasis_color: var(--_gray_600);
--border_dropZone-default_color: var(--_gray_400);
--border_dropZone-disabled_color: var(--_gray_300);
--border_onColor_color: var(--_white);
--border_focus-inner_color: var(--_white);
--border_focus-inner_width: var(--_dimension_25);
--border_focus-outer_color: var(--_sky_600);
--border_focus-outer_width: var(--_dimension_25);
--padding_xxs: var(--_dimension_50);
--padding_xs: var(--_dimension_100);
--padding_sm: var(--_dimension_200);
--padding_md: var(--_dimension_300);
--padding_lg: var(--_dimension_400);
--padding_xl: var(--_dimension_500);
--padding_xxl: var(--_dimension_600);
--padding_xxxl: var(--_dimension_700);
--gap_xxs: var(--_dimension_50);
--gap_xs: var(--_dimension_100);
--gap_sm: var(--_dimension_200);
--gap_md: var(--_dimension_300);
--gap_lg: var(--_dimension_400);
--gap_xl: var(--_dimension_500);
--gap_xxl: var(--_dimension_600);
--gap_xxxl: var(--_dimension_700)
}

html[data-theme~=dark] {
--border_dropZone-default_style: solid;
--border_dropZone-disabled_style: dash;
--opacity_pressed: var(--_opacity_60);
--opacity_overlay: var(--_opacity_70);
--fg_default: var(--_gray_100);
--fg_subtle: var(--_gray_200);
--fg_disabled: var(--_gray_400);
--fg_inverse: var(--_gray_800);
--fg_secondary: var(--_indigo_400);
--fg_tertiary: var(--_fuchsia_400);
--fg_info: var(--_sky_400);
--fg_success: var(--_leaf_400);
--fg_error: var(--_minus_400);
--bg_default: var(--_gray_700);
--bg_page: var(--_gray_800);
--bg_subtle: var(--_gray_600);
--bg_overlay: rgba(240,240,240,.7);
--bg_secondary-subtle: var(--_indigo_400);
--bg_tertiary: var(--_fuchsia_400);
--bg_info: var(--_sky_600);
--bg_success: var(--_leaf_600);
--bg_done: var(--_leaf_400);
--bg_hover-primary: var(--_sky_600);
--bg_hover-secondary: var(--_indigo_600);
--bg_hover-tertiary: var(--_fuchsia_600);
--bg_highlight: var(--_sky_600);
--bg_disabled: var(--_gray_400);
--bg_page-tags: var(--_gray_600);
--bg_page-tags-inverse: var(--_gray_200);
--bg_page-library: var(--_gray_800);
--bg_tab: var(--_gray_700);
--bg_tab-inverse: var(--_indigo_500);
--bg_tab-secondary: var(--_gray_500);
--bg_tab-secondary-inverse: var(--_indigo_400);
--bg_tab-border: var(--_gray_700);
--bg_snackbar: var(--_gray_200);
--bg_notification: var(--_minus_400);
--bg_pageSecondary: var(--_gray_800);
--border_subtle_color: var(--_gray_600);
--border_secondary_color: var(--_indigo_400);
--border_tertiary_color: var(--_fuchsia_400);
--border_info_color: var(--_sky_400);
--border_info-inverse_color: var(--_sky_500);
--border_success_color: var(--_leaf_400);
--border_error_color: var(--_minus_400);
--border_disabled_color: var(--_gray_500);
--border_inverse_color: var(--_gray_600);
--border_emphasis_color: var(--_white);
--border_dropZone-default_color: var(--_gray_500);
--border_dropZone-disabled_color: var(--_gray_400);
--border_focus-inner_color: var(--_sky_600);
--border_focus-outer_color: var(--_white)
}

:host([data-theme~=dark]) {
--border_dropZone-default_style: solid;
--border_dropZone-disabled_style: dash;
--opacity_pressed: var(--_opacity_60);
--opacity_overlay: var(--_opacity_70);
--fg_default: var(--_gray_100);
--fg_subtle: var(--_gray_200);
--fg_disabled: var(--_gray_400);
--fg_inverse: var(--_gray_800);
--fg_secondary: var(--_indigo_400);
--fg_tertiary: var(--_fuchsia_400);
--fg_info: var(--_sky_400);
--fg_success: var(--_leaf_400);
--fg_error: var(--_minus_400);
--bg_default: var(--_gray_700);
--bg_page: var(--_gray_800);
--bg_subtle: var(--_gray_600);
--bg_overlay: rgba(240,240,240,.7);
--bg_secondary-subtle: var(--_indigo_400);
--bg_tertiary: var(--_fuchsia_400);
--bg_info: var(--_sky_600);
--bg_success: var(--_leaf_600);
--bg_done: var(--_leaf_400);
--bg_hover-primary: var(--_sky_600);
--bg_hover-secondary: var(--_indigo_600);
--bg_hover-tertiary: var(--_fuchsia_600);
--bg_highlight: var(--_sky_600);
--bg_disabled: var(--_gray_400);
--bg_page-tags: var(--_gray_600);
--bg_page-tags-inverse: var(--_gray_200);
--bg_page-library: var(--_gray_800);
--bg_tab: var(--_gray_700);
--bg_tab-inverse: var(--_indigo_500);
--bg_tab-secondary: var(--_gray_500);
--bg_tab-secondary-inverse: var(--_indigo_400);
--bg_tab-border: var(--_gray_700);
--bg_snackbar: var(--_gray_200);
--bg_notification: var(--_minus_400);
--bg_pageSecondary: var(--_gray_800);
--border_subtle_color: var(--_gray_600);
--border_secondary_color: var(--_indigo_400);
--border_tertiary_color: var(--_fuchsia_400);
--border_info_color: var(--_sky_400);
--border_info-inverse_color: var(--_sky_500);
--border_success_color: var(--_leaf_400);
--border_error_color: var(--_minus_400);
--border_disabled_color: var(--_gray_500);
--border_inverse_color: var(--_gray_600);
--border_emphasis_color: var(--_white);
--border_dropZone-default_color: var(--_gray_500);
--border_dropZone-disabled_color: var(--_gray_400);
--border_focus-inner_color: var(--_sky_600);
--border_focus-outer_color: var(--_white)
}

@font-face {
font-family: INGMe;
src: url(assets/INGMeWeb-Regular.woff2)format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap
}

@font-face {
font-family: INGMe;
src: url(assets/INGMeWeb-Bold.woff2)format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap
}

body {
font-family: INGMe,arial,helvetica,sans-serif
}
