:root{--white: #fff;--black: #000;--light-grey: lightgrey;--light-grey-inverse: var(--black);--medium-grey: grey;--medium-grey-inverse: var(--black);--dark-grey: darkgrey;--dark-grey-inverse: var(--white);--bhpro-green-light: #a1e25e;--bhpro-green-dark: #88ce3f;--main-color-1: black;--main-color-1-inverse: var(--white);--main-color-2: grey;--main-color-2-inverse: var(--black);--accent-color-1: blue;--accent-color-1-inverse: lightblue;--accent-color-2: lightblue;--accent-color-2-inverse: blue;--highlight-color: var(yellow);--highlight-color-inverse: var(--black);--ok-color: honeydew;--ok-color-inverse: var(--black);--warning-color: yellow;--warning-color-inverse: var(--black);--alert-color: red;--alert-color-inverse: var(--white);--not-available-color: var(--light-grey);--not-available-color-inverse: var(--medium-grey);--interactive-primary-background-color: var(--light-grey);--interactive-primary-foreground-color: var(--font-color-on-light);--interactive-primary-hover-background-color: var(--main-color-1);--interactive-primary-hover-foreground-color: var(--main-color-1-inverse);--interactive-secondary-background-color: var(--light-grey);--interactive-secondary-foreground-color: var(--font-color-on-light);--interactive-secondary-hover-background-color: var(--main-color-2);--interactive-secondary-hover-foreground-color: var(--main-color-2-inverse);--interactive-dangerous-background-color: var(--alert-color);--interactive-dangerous-foreground-color: var(--alert-color-inverse);--interactive-dangerous-hover-background-color: var(--alert-color);--interactive-dangerous-hover-foreground-color: var(--alert-color-inverse);--interactive-disabled-background-color: var(--light-grey);--interactive-disabled-foreground-color: var(--medium-grey);--interactive-active-background-color: var(--accent-color-1);--interactive-active-foreground-color: var(--accent-color-1-inverse);--interactive-box-shadow: 3px 3px 0px #b8b0a3;--background-color-1: var(--white);--background-color-2: var(--light-grey);--accent-background-color-1: var(--accent-color-2);--accent-background-color-1-inverse: var(--accent-color-2-inverse);--accent-background-color-2: var(--light-grey);--accent-background-color-2-inverse: var(--font-color-on-light);--hover-color: var(--light-grey);--hover-color-inverse: var(--light-grey-inverse);--selection-background-color: honeydew;--selection-background-color-inverse: var(--black);--border-color-dark: var(--black);--border-color-medium: var(--medium-grey);--border-color-light: var(--light-grey);--border-width-thin: 1px;--border-width-medium: 2px;--border-width-bold: 3px;--default-border: var(--border-width-medium) solid var(--border-color-medium);--border-dark: var(--border-width-medium) solid var(--border-color-dark);--border-dark-bold: var(--border-width-bold) solid var(--border-color-dark);--border-thin: var(--border-width-thin) solid var(--border-color-medium);--border-light: var(--border-width-medium) solid var(--border-color-light);--border-highlight: var(--border-width-medium) solid var(--accent-color-1);--border-thin-light: var(--border-width-thin) solid var(--border-color-light);--border-thin-dark: var(--border-width-thin) solid var(--border-color-dark);--selection-border: var(--border-width-medium) solid var(--accent-color-1);--invisible-border: var(--border-width-medium) solid transparent;--top-nav-background-color: var(--background-color-1);--padding-xxlarge: 2rem;--padding-xlarge: 1.5rem;--padding-large: 1rem;--padding-medium: 0.5rem;--padding-small: 0.25rem;--default-container-padding: var(--padding-medium);--font-ui: "Roboto", sans-serif;--font-data: "Roboto Mono", monospace;--font-logo: "Roboto Mono", monospace;--base-font-size: clamp(14px, 1.3vw, 18px);--bold: 700;--bold-black: 900;--font-color-on-light: var(--black);--font-color-on-dark: var(--white);--font-color-reduced-on-light: var(--medium-grey);--font-color-reduced-on-dark: var(--medium-grey);--default-font-color: var(--font-color-on-light);--link-color-on-light: var(--font-color-on-light);--link-color-on-dark: var(--font-color-on-dark);--form-label-font-color: var(--font-color-on-light);--form-field-font-color: var(--font-color-on-light);--form-field-outline-color: var(--accent-color-1);--form-field-background-color: var(--light-grey);--form-field-accepted-background-color: lightgreen;--form-field-changed-background-color: lightblue;--form-field-warning-background-color: lightyellow;--form-field-error-background-color: lightcoral;--form-field-disabled-background-color: lightgrey;--form-field-border-color: var(--border-color);--form-field-border-width: var(--border-width-thin);--form-field-border-style: solid;--form-field-border: var(--form-field-border-width) var(--form-field-border-style) var(--form-field-border-color);--logo-font-color: var(--black);--logo-background-color: var(--white);--table-border-color: var(--border-color-medium);--table-border-width: var(--border-width-thin);--table-border-style: solid;--table-border: var(--table-border-width) var(--table-border-style) var(--table-border-color);--table-stripe-background-color: floralwhite;--extended-navbar-height: 85px;--dialog-overlay-close-button-offset: 2rem}