/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/css-loader@7.1.2_webpack@5.97.0_@swc+core@1.10.0_webpack-cli@5.1.4_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.4.49_typescript@5.7.2_webpack@5.97.0_@swc+core@1.10.0_webpack-cli@5.1.4_/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../node_modules/.pnpm/sass-loader@16.0.4_sass@1.82.0_webpack@5.97.0_@swc+core@1.10.0_webpack-cli@5.1.4_/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/design.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
 * @license
 *
 * Copyright (c) 2017-2023 Quatico Solutions AG
 * Förrlibuckstrasse 220, 8005 Zurich, Switzerland
 *
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of
 * Quatico Solutions AG, ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered into
 * with Quatico.
 */
body {
  font-family: var(--wb-ds-font-family--default);
  font-size: var(--wb-ds-font-size--default);
  line-height: var(--wb-ds-line-height--default);
  font-weight: var(--wb-ds-font-weight--default);
  letter-spacing: var(--wb-ds-letter-spacing--default);
  color: var(--wb-ds-color-text--default);
  font-style: var(--wb-ds-font-style--default);
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/** GLOBAl THEME */
:root {
  /*** SIZES ***/
  /** sizes:: type scale */
  --wb-ds-size-scale: 1.6;
  --wb-ds-size-scale-static: 1;
  /** sizes:: unit */
  --wb-ds-size-unit: calc(1rem * var(--wb-ds-size-scale));
  --wb-ds-size-unit-static: calc(10px * var(--wb-ds-size-scale-static));
  /** sizes:: dynamic */
  --wb-ds-size--0: 0;
  --wb-ds-size--100: calc(1 * var(--wb-ds-size-unit));
  /** sizes:: static */
  --wb-ds-size-static--0: 0;
  --wb-ds-size-static--10: calc(0.1 * var(--wb-ds-size-unit-static));
  /* layout:: spacing */
  --wb-ds-space--none: var(--wb-ds-size--0);
  --wb-ds-space--default: var(--wb-ds-space--m);
  /*** FONTS ***/
  font-size: 62.5%;
  /* default font */
  --wb-ds-font-family--default: Helvetica, sans-serif;
  --wb-ds-font-size--default: var(--wb-ds-font-size--m);
  --wb-ds-line-height--default: var(--wb-ds-line-height--m);
  --wb-ds-font-weight--default: normal;
  --wb-ds-letter-spacing--default: 0;
  --wb-ds-font-style--default: normal;
  /*** COLORS ***/
  /* semantic colors */
  --wb-ds-color-error--default: red;
  /* gray colors */
  --wb-ds-color-gray--white: white;
  --wb-ds-color-gray--default: gray;
  --wb-ds-color-gray--black: black;
  /* text colors */
  --wb-ds-color-text--default: var(--wb-ds-color-gray--black);
  --wb-ds-color-text--disabled: var(--wb-ds-color-gray--default);
  /* border colors */
  --wb-ds-color-border--default: var(--wb-ds-color-gray--default);
  /* backgrounds */
  --wb-ds-color-background--default: transparent;
  --wb-ds-tooltip__background: var(--wb-ds-color-gray--white);
  /*** GRID ***/
  --wb-ds-grid__gutter-x: var(--wb-ds-size--100);
  --wb-ds-grid__gutter-y: var(--wb-ds-size--100);
  --wb-ds-grid__grid-margin: var(--wb-ds-size--100);
  /*** BORDER ***/
  --wb-ds-border-width--default: var(--wb-ds-size-static--10);
  /*** Z-INDEXES ***/
  --wb-ds-zindex--element: 5;
}

/*
 * @license
 *
 * Copyright (c) 2017-2023 Quatico Solutions AG
 * Förrlibuckstrasse 220, 8005 Zurich, Switzerland
 *
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of
 * Quatico Solutions AG, ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered into
 * with Quatico.
 */
/*
 * @license
 *
 * Copyright (c) 2017-2023 Quatico Solutions AG
 * Förrlibuckstrasse 220, 8005 Zurich, Switzerland
 *
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of
 * Quatico Solutions AG, ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered into
 * with Quatico.
 */
/*
 * @license
 *
 * Copyright (c) 2017-2023 Quatico Solutions AG
 * Förrlibuckstrasse 220, 8005 Zurich, Switzerland
 *
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of
 * Quatico Solutions AG, ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered into
 * with Quatico.
 */
/*
 * @license
 *
 * Copyright (c) 2017-2023 Quatico Solutions AG
 * Förrlibuckstrasse 220, 8005 Zurich, Switzerland
 *
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of
 * Quatico Solutions AG, ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered into
 * with Quatico.
 */
/*
 * @license
 *
 * Copyright (c) 2017-2023 Quatico Solutions AG
 * Förrlibuckstrasse 220, 8005 Zurich, Switzerland
 *
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of
 * Quatico Solutions AG, ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered into
 * with Quatico.
 */
/*
 * @license
 *
 * Copyright (c) 2017-2023 Quatico Solutions AG
 * Förrlibuckstrasse 220, 8005 Zurich, Switzerland
 *
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of
 * Quatico Solutions AG, ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered into
 * with Quatico.
 */
/*
 * @license
 *
 * Copyright (c) 2017-2023 Quatico Solutions AG
 * Förrlibuckstrasse 220, 8005 Zurich, Switzerland
 *
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of
 * Quatico Solutions AG, ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered into
 * with Quatico.
 */
/*
 * @license
 *
 * Copyright (c) 2017-2023 Quatico Solutions AG
 * Förrlibuckstrasse 220, 8005 Zurich, Switzerland
 *
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of
 * Quatico Solutions AG, ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered into
 * with Quatico.
 */
/*
 * @license
 *
 * Copyright (c) 2017-2023 Quatico Solutions AG
 * Förrlibuckstrasse 220, 8005 Zurich, Switzerland
 *
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of
 * Quatico Solutions AG, ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered into
 * with Quatico.
 */
/*
 * @license
 *
 * Copyright (c) 2017-2023 Quatico Solutions AG
 * Förrlibuckstrasse 220, 8005 Zurich, Switzerland
 *
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of
 * Quatico Solutions AG, ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered into
 * with Quatico.
 */
/*
 * @license
 *
 * Copyright (c) 2017-2023 Quatico Solutions AG
 * Förrlibuckstrasse 220, 8005 Zurich, Switzerland
 *
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of
 * Quatico Solutions AG, ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered into
 * with Quatico.
 */
/*
 * @license
 *
 * Copyright (c) 2017-2023 Quatico Solutions AG
 * Förrlibuckstrasse 220, 8005 Zurich, Switzerland
 *
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of
 * Quatico Solutions AG, ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered into
 * with Quatico.
 */
/*
 * @license
 *
 * Copyright (c) 2017-2023 Quatico Solutions AG
 * Förrlibuckstrasse 220, 8005 Zurich, Switzerland
 *
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of
 * Quatico Solutions AG, ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered into
 * with Quatico.
 */
/*
 * @license
 *
 * Copyright (c) 2017-2023 Quatico Solutions AG
 * Förrlibuckstrasse 220, 8005 Zurich, Switzerland
 *
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of
 * Quatico Solutions AG, ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered into
 * with Quatico.
 */
/*
 * @license
 *
 * Copyright (c) 2017-2023 Quatico Solutions AG
 * Förrlibuckstrasse 220, 8005 Zurich, Switzerland
 *
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of
 * Quatico Solutions AG, ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered into
 * with Quatico.
 */
/*
 * @license
 *
 * Copyright (c) 2017-2023 Quatico Solutions AG
 * Förrlibuckstrasse 220, 8005 Zurich, Switzerland
 *
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of
 * Quatico Solutions AG, ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered into
 * with Quatico.
 */
/*
 * @license
 *
 * Copyright (c) 2017-2023 Quatico Solutions AG
 * Förrlibuckstrasse 220, 8005 Zurich, Switzerland
 *
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of
 * Quatico Solutions AG, ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered into
 * with Quatico.
 */
/*
 * @license
 *
 * Copyright (c) 2017-2023 Quatico Solutions AG
 * Förrlibuckstrasse 220, 8005 Zurich, Switzerland
 *
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of
 * Quatico Solutions AG, ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered into
 * with Quatico.
 */
/*
 * @license
 *
 * Copyright (c) 2017-2023 Quatico Solutions AG
 * Förrlibuckstrasse 220, 8005 Zurich, Switzerland
 *
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of
 * Quatico Solutions AG, ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered into
 * with Quatico.
 */
/*
 * @license
 *
 * Copyright (c) 2017-2023 Quatico Solutions AG
 * Förrlibuckstrasse 220, 8005 Zurich, Switzerland
 *
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of
 * Quatico Solutions AG, ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered into
 * with Quatico.
 */
/* stylelint-disable annotation-no-unknown */
/* stylelint-enable annotation-no-unknown */
/* stylelint-disable indentation */
/* stylelint-enable indentation */
/*
 * @license
 *
 * Copyright (c) 2017-2023 Quatico Solutions AG
 * Förrlibuckstrasse 220, 8005 Zurich, Switzerland
 *
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of
 * Quatico Solutions AG, ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered into
 * with Quatico.
 */
/*
 * @license
 *
 * Copyright (c) 2017-2023 Quatico Solutions AG
 * Förrlibuckstrasse 220, 8005 Zurich, Switzerland
 *
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of
 * Quatico Solutions AG, ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered into
 * with Quatico.
 */
/*
 * @license
 *
 * Copyright (c) 2017-2023 Quatico Solutions AG
 * Förrlibuckstrasse 220, 8005 Zurich, Switzerland
 *
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of
 * Quatico Solutions AG, ("Confidential Information"). You shall not
 * disclose such Confidential Information and shall use it only in
 * accordance with the terms of the license agreement you entered into
 * with Quatico.
 */
@font-face {
  font-display: swap;
  font-family: "NeueHaasUnicaW04";
  font-style: normal;
  font-weight: 300;
  src: url(./604c1bfccf855ad900da.woff2) format("woff2"), url(./5cc5ea24c8f696d6037a.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: "NeueHaasUnicaW04";
  font-style: normal;
  font-weight: 600;
  src: url(./d9b7e164ae4ebf494461.woff2) format("woff2"), url(./5639c82d5e26d05dbe6e.woff) format("woff");
}
/* ICON FONT */
@font-face {
  font-family: icomoon;
  src: url(./75548a2e31079c7a4d22.woff?pz8gz9) format("woff");
  font-weight: normal;
  font-style: normal;
}
/* viewports */
@custom-media --wb-ds-viewport--xxs (min-width: 0px);
@custom-media --wb-ds-viewport--xs (min-width: 320px);
@custom-media --wb-ds-viewport--sm (min-width: 600px);
@custom-media --wb-ds-viewport--md (min-width: 900px);
@custom-media --wb-ds-viewport--lg (min-width: 1200px);
@custom-media --wb-ds-viewport--xl (min-width: 1600px);
@custom-media --wb-ds-viewport--xxl (min-width: 2580px);
:root {
  --wb-ds-viewport--xxs: 0px;
  --wb-ds-viewport--xs: 320px;
  --wb-ds-viewport--sm: 600px;
  --wb-ds-viewport--md: 900px;
  --wb-ds-viewport--lg: 1200px;
  --wb-ds-viewport--xl: 1600px;
  --wb-ds-viewport--xxl: 2580px;
}

/** SIZE SCALES */
:root {
  --wb-ds-size--7: calc(0.0625rem * var(--wb-ds-size-scale));
  --wb-ds-size--13: calc(0.125rem * var(--wb-ds-size-scale));
  --wb-ds-size--25: calc(0.25rem * var(--wb-ds-size-scale));
  --wb-ds-size--50: calc(0.5rem * var(--wb-ds-size-scale));
  --wb-ds-size--68: calc(0.675rem * var(--wb-ds-size-scale));
  --wb-ds-size--75: calc(0.75rem * var(--wb-ds-size-scale));
  --wb-ds-size--88: calc(0.875rem * var(--wb-ds-size-scale));
  --wb-ds-size--100: calc(1rem * var(--wb-ds-size-scale));
  --wb-ds-size--113: calc(1.125rem * var(--wb-ds-size-scale));
  --wb-ds-size--125: calc(1.25rem * var(--wb-ds-size-scale));
  --wb-ds-size--138: calc(1.375rem * var(--wb-ds-size-scale));
  --wb-ds-size--150: calc(1.5rem * var(--wb-ds-size-scale));
  --wb-ds-size--175: calc(1.75rem * var(--wb-ds-size-scale));
  --wb-ds-size--200: calc(2rem * var(--wb-ds-size-scale));
  --wb-ds-size--225: calc(2.25rem * var(--wb-ds-size-scale));
  --wb-ds-size--250: calc(2.5rem * var(--wb-ds-size-scale));
  --wb-ds-size--275: calc(2.75rem * var(--wb-ds-size-scale));
  --wb-ds-size--300: calc(3rem * var(--wb-ds-size-scale));
  --wb-ds-size--325: calc(3.25rem * var(--wb-ds-size-scale));
  --wb-ds-size--350: calc(3.5rem * var(--wb-ds-size-scale));
  --wb-ds-size--375: calc(3.75rem * var(--wb-ds-size-scale));
  --wb-ds-size--400: calc(4rem * var(--wb-ds-size-scale));
  --wb-ds-size--425: calc(4.25rem * var(--wb-ds-size-scale));
  --wb-ds-size--450: calc(4.5rem * var(--wb-ds-size-scale));
  --wb-ds-size--475: calc(4.75rem * var(--wb-ds-size-scale));
  --wb-ds-size--500: calc(5rem * var(--wb-ds-size-scale));
  --wb-ds-size--525: calc(5.25rem * var(--wb-ds-size-scale));
  --wb-ds-size--550: calc(5.5rem * var(--wb-ds-size-scale));
  --wb-ds-size--575: calc(5.75rem * var(--wb-ds-size-scale));
  --wb-ds-size--600: calc(6rem * var(--wb-ds-size-scale));
  --wb-ds-size--625: calc(6.25rem * var(--wb-ds-size-scale));
  --wb-ds-size--650: calc(6.5rem * var(--wb-ds-size-scale));
  /** Space scale */
  --wb-ds-space--xs: var(--wb-ds-size--25);
  --wb-ds-space--s: var(--wb-ds-size--50);
  --wb-ds-space--m: var(--wb-ds-size--100);
  --wb-ds-space--l: var(--wb-ds-size--125);
  --wb-ds-space--xl: var(--wb-ds-size--200);
  --wb-ds-space--2xl: var(--wb-ds-size--250);
  --wb-ds-space--3xl: var(--wb-ds-size--300);
  --wb-ds-space--4xl: var(--wb-ds-size--350);
}
@media (min-width: 600px) {
  :root {
    --wb-ds-space--3xl: var(--wb-ds-size--350);
    --wb-ds-space--4xl: var(--wb-ds-size--400);
  }
}
@media (--wb-ds-viewport--sm) {
  :root {
    --wb-ds-space--3xl: var(--wb-ds-size--350);
    --wb-ds-space--4xl: var(--wb-ds-size--400);
  }
}
@media (min-width: 900px) {
  :root {
    --wb-ds-space--l: var(--wb-ds-size--150);
    --wb-ds-space--xl: var(--wb-ds-size--250);
    --wb-ds-space--2xl: var(--wb-ds-size--300);
    --wb-ds-space--3xl: var(--wb-ds-size--400);
    --wb-ds-space--4xl: var(--wb-ds-size--500);
  }
}
@media (--wb-ds-viewport--md) {
  :root {
    --wb-ds-space--l: var(--wb-ds-size--150);
    --wb-ds-space--xl: var(--wb-ds-size--250);
    --wb-ds-space--2xl: var(--wb-ds-size--300);
    --wb-ds-space--3xl: var(--wb-ds-size--400);
    --wb-ds-space--4xl: var(--wb-ds-size--500);
  }
}
@media (min-width: 1200px) {
  :root {
    --wb-ds-space--xs: var(--wb-ds-size--50);
    --wb-ds-space--s: var(--wb-ds-size--100);
    --wb-ds-space--m: var(--wb-ds-size--150);
    --wb-ds-space--l: var(--wb-ds-size--200);
    --wb-ds-space--xl: var(--wb-ds-size--300);
    --wb-ds-space--2xl: var(--wb-ds-size--400);
    --wb-ds-space--3xl: var(--wb-ds-size--500);
    --wb-ds-space--4xl: var(--wb-ds-size--550);
  }
}
@media (--wb-ds-viewport--lg) {
  :root {
    --wb-ds-space--xs: var(--wb-ds-size--50);
    --wb-ds-space--s: var(--wb-ds-size--100);
    --wb-ds-space--m: var(--wb-ds-size--150);
    --wb-ds-space--l: var(--wb-ds-size--200);
    --wb-ds-space--xl: var(--wb-ds-size--300);
    --wb-ds-space--2xl: var(--wb-ds-size--400);
    --wb-ds-space--3xl: var(--wb-ds-size--500);
    --wb-ds-space--4xl: var(--wb-ds-size--550);
  }
}
@media (min-width: 1600px) {
  :root {
    --wb-ds-space--l: var(--wb-ds-size--250);
    --wb-ds-space--xl: var(--wb-ds-size--350);
    --wb-ds-space--2xl: var(--wb-ds-size--500);
    --wb-ds-space--3xl: var(--wb-ds-size--550);
    --wb-ds-space--4xl: var(--wb-ds-size--650);
  }
}
@media (--wb-ds-viewport--xl) {
  :root {
    --wb-ds-space--l: var(--wb-ds-size--250);
    --wb-ds-space--xl: var(--wb-ds-size--350);
    --wb-ds-space--2xl: var(--wb-ds-size--500);
    --wb-ds-space--3xl: var(--wb-ds-size--550);
    --wb-ds-space--4xl: var(--wb-ds-size--650);
  }
}

/** FONTS/ TYPOGRAPHY */
:root {
  /* Font Families */
  --wb-ds-font-family--default: "NeueHaasUnicaW04";
  --wb-ds-font-family--icon: icomoon;
  /* Font Weights */
  --wb-ds-font-weight--default: 300;
  --wb-ds-font-weight--bold: 600;
  /* Font Sizes */
  --wb-ds-font-size-static--xs: var(--wb-ds-size--75);
  --wb-ds-font-size-static--s: var(--wb-ds-size--88);
  --wb-ds-font-size-static--m: var(--wb-ds-size--100);
  --wb-ds-font-size-static--l: var(--wb-ds-size--113);
  --wb-ds-line-height-static--xs: 1.25;
  --wb-ds-line-height-static--s: 1.5;
  --wb-ds-line-height-static--m: 1.5;
  --wb-ds-line-height-static--l: 1.5;
  --wb-ds-font-size--xs: var(--wb-ds-size--75);
  --wb-ds-font-size--s: var(--wb-ds-size--88);
  --wb-ds-font-size--m: var(--wb-ds-size--100);
  --wb-ds-font-size--l: var(--wb-ds-size--113);
  --wb-ds-font-size--xl: var(--wb-ds-size--150);
  --wb-ds-font-size--2xl: var(--wb-ds-size--200);
  --wb-ds-line-height--xs: 1.25;
  --wb-ds-line-height--s: 1.5;
  --wb-ds-line-height--m: 1.5;
  --wb-ds-line-height--l: 1.5;
  --wb-ds-line-height--xl: 1.25;
  --wb-ds-line-height--2xl: 1.25;
  /* Titles */
  --wb-ds-title__bezel-top: var(--wb-ds-space--none);
  --wb-ds-title__font-weight: var(--wb-ds-font-weight--bold);
  --wb-ds-title-level-4__font-size: var(--wb-ds-size--113);
  --wb-ds-title-level-3__font-size: var(--wb-ds-size--125);
  --wb-ds-title-level-2__font-size: var(--wb-ds-size--150);
  --wb-ds-title-level-1__font-size: var(--wb-ds-size--175);
  --wb-ds-title-level-4__line-height: 1.25;
  --wb-ds-title-level-3__line-height: 1.25;
  --wb-ds-title-level-2__line-height: 1.25;
  --wb-ds-title-level-1__line-height: 1.25;
}
@media (min-width: 900px) {
  :root {
    --wb-ds-font-size--m: var(--wb-ds-size--113);
    --wb-ds-font-size--l: var(--wb-ds-size--138);
    --wb-ds-font-size--xl: var(--wb-ds-size--200);
    --wb-ds-font-size--2xl: var(--wb-ds-size--300);
  }
}
@media (--wb-ds-viewport--md) {
  :root {
    --wb-ds-font-size--m: var(--wb-ds-size--113);
    --wb-ds-font-size--l: var(--wb-ds-size--138);
    --wb-ds-font-size--xl: var(--wb-ds-size--200);
    --wb-ds-font-size--2xl: var(--wb-ds-size--300);
  }
}
@media (min-width: 1600px) {
  :root {
    --wb-ds-font-size--xs: var(--wb-ds-size--88);
    --wb-ds-font-size--s: var(--wb-ds-size--100);
    --wb-ds-font-size--m: var(--wb-ds-size--125);
    --wb-ds-font-size--l: var(--wb-ds-size--150);
    --wb-ds-font-size--xl: var(--wb-ds-size--250);
    --wb-ds-font-size--2xl: var(--wb-ds-size--350);
  }
}
@media (--wb-ds-viewport--xl) {
  :root {
    --wb-ds-font-size--xs: var(--wb-ds-size--88);
    --wb-ds-font-size--s: var(--wb-ds-size--100);
    --wb-ds-font-size--m: var(--wb-ds-size--125);
    --wb-ds-font-size--l: var(--wb-ds-size--150);
    --wb-ds-font-size--xl: var(--wb-ds-size--250);
    --wb-ds-font-size--2xl: var(--wb-ds-size--350);
  }
}
@media (min-width: 600px) {
  :root {
    --wb-ds-title-level-1__font-size: var(--wb-ds-size--200);
  }
}
@media (--wb-ds-viewport--sm) {
  :root {
    --wb-ds-title-level-1__font-size: var(--wb-ds-size--200);
  }
}
@media (min-width: 900px) {
  :root {
    --wb-ds-title-level-4__font-size: var(--wb-ds-size--125);
    --wb-ds-title-level-3__font-size: var(--wb-ds-size--150);
    --wb-ds-title-level-2__font-size: var(--wb-ds-size--200);
    --wb-ds-title-level-1__font-size: var(--wb-ds-size--250);
  }
}
@media (--wb-ds-viewport--md) {
  :root {
    --wb-ds-title-level-4__font-size: var(--wb-ds-size--125);
    --wb-ds-title-level-3__font-size: var(--wb-ds-size--150);
    --wb-ds-title-level-2__font-size: var(--wb-ds-size--200);
    --wb-ds-title-level-1__font-size: var(--wb-ds-size--250);
  }
}
@media (min-width: 1200px) {
  :root {
    --wb-ds-title-level-1__font-size: var(--wb-ds-size--300);
  }
}
@media (--wb-ds-viewport--lg) {
  :root {
    --wb-ds-title-level-1__font-size: var(--wb-ds-size--300);
  }
}
@media (min-width: 1600px) {
  :root {
    --wb-ds-title-level-4__font-size: var(--wb-ds-size--150);
    --wb-ds-title-level-3__font-size: var(--wb-ds-size--175);
    --wb-ds-title-level-2__font-size: var(--wb-ds-size--250);
    --wb-ds-title-level-1__font-size: var(--wb-ds-size--350);
  }
}
@media (--wb-ds-viewport--xl) {
  :root {
    --wb-ds-title-level-4__font-size: var(--wb-ds-size--150);
    --wb-ds-title-level-3__font-size: var(--wb-ds-size--175);
    --wb-ds-title-level-2__font-size: var(--wb-ds-size--250);
    --wb-ds-title-level-1__font-size: var(--wb-ds-size--350);
  }
}

:root {
  --wb-ds-color-blue--10: #eef8ff;
  --wb-ds-color-blue--20: #c2e5ff;
  --wb-ds-color-blue--40: #85ccff;
  --wb-ds-color-blue--60: #47b3ff;
  --wb-ds-color-blue--80: #0a99ff;
  --wb-ds-color-blue--100: #0074c8;
  --wb-ds-color-blue--120: #00477a;
  --wb-ds-color-blue--140: #003763;
  --wb-ds-color-green--10: #f6fbef;
  --wb-ds-color-green--20: #e3f2cf;
  --wb-ds-color-green--40: #daedbf;
  --wb-ds-color-green--60: #bee090;
  --wb-ds-color-green--80: #8ec543;
  --wb-ds-color-green--100: #78b725;
  --wb-ds-color-green--110: #68a517;
  --wb-ds-color-green--120: #597f24;
  --wb-ds-color-green--140: #005124;
  --wb-ds-color-success--10: #ebfff4;
  --wb-ds-color-success--20: #c2ffdd;
  --wb-ds-color-success--40: #5cffa5;
  --wb-ds-color-success--60: #1fff84;
  --wb-ds-color-success--80: #00e065;
  --wb-ds-color-success--100: #009844;
  --wb-ds-color-success--120: #00662e;
  --wb-ds-color-success--140: #003d1c;
  --wb-ds-color-warning--10: #fffceb;
  --wb-ds-color-warning--20: #fff6c2;
  --wb-ds-color-warning--40: #fff3ad;
  --wb-ds-color-warning--60: #ffea70;
  --wb-ds-color-warning--80: #ffe033;
  --wb-ds-color-warning--100: #f3cd00;
  --wb-ds-color-warning--120: #b89c00;
  --wb-ds-color-warning--140: #7a6800;
  --wb-ds-color-error--10: #ffebec;
  --wb-ds-color-error--20: #ffc2c5;
  --wb-ds-color-error--40: #ff7077;
  --wb-ds-color-error--60: #ff333d;
  --wb-ds-color-error--80: #f5000c;
  --wb-ds-color-error--100: #d22630;
  --wb-ds-color-error--120: #8f0007;
  --wb-ds-color-error--140: #520004;
  --wb-ds-color-info--10: #f6f7fa;
  --wb-ds-color-info--20: #e4eaf1;
  --wb-ds-color-info--40: #d4dbe5;
  --wb-ds-color-info--60: #bcc8db;
  --wb-ds-color-info--80: #9caec7;
  --wb-ds-color-info--100: #748aaa;
  --wb-ds-color-info--120: #4d6283;
  --wb-ds-color-info--140: #2c3f5b;
  --wb-ds-color-gray--10: #f4f5f6;
  --wb-ds-color-gray--20: #dee2e3;
  --wb-ds-color-gray--40: #bdc4c7;
  --wb-ds-color-gray--60: #9ca7ab;
  --wb-ds-color-gray--80: #7b898e;
  --wb-ds-color-gray--100: #677479;
  --wb-ds-color-gray--120: #4b5558;
  --wb-ds-color-gray--140: #383f42;
  --wb-ds-color-black--100: #000000;
  --wb-ds-color-black--80: rgba(0, 0, 0, 0.8);
  --wb-ds-color-black--60: rgba(0, 0, 0, 0.6);
  --wb-ds-color-black--40: rgba(0, 0, 0, 0.4);
  --wb-ds-color-black--20: rgba(0, 0, 0, 0.2);
  --wb-ds-color-black--10: rgba(0, 0, 0, 0.1);
  --wb-ds-color-black--0: rgba(0, 0, 0, 0);
  --wb-ds-color-white--100: #ffffff;
  --wb-ds-color-white--80: rgba(255, 255, 255, 0.8);
  --wb-ds-color-white--60: rgba(255, 255, 255, 0.6);
  --wb-ds-color-white--40: rgba(255, 255, 255, 0.4);
  --wb-ds-color-white--20: rgba(255, 255, 255, 0.2);
  --wb-ds-color-white--10: rgba(255, 255, 255, 0.1);
  --wb-ds-color-white--0: rgba(255, 255, 255, 0);
}

/** COLORS */
:root {
  /* primary colors */
  --wb-ds-color-primary--10: var(--wb-ds-color-blue--10);
  --wb-ds-color-primary--20: var(--wb-ds-color-blue--20);
  --wb-ds-color-primary--40: var(--wb-ds-color-blue--40);
  --wb-ds-color-primary--60: var(--wb-ds-color-blue--60);
  --wb-ds-color-primary--80: var(--wb-ds-color-blue--80);
  --wb-ds-color-primary--100: var(--wb-ds-color-blue--100);
  --wb-ds-color-primary--120: var(--wb-ds-color-blue--120);
  --wb-ds-color-primary--140: var(--wb-ds-color-blue--140);
  --wb-ds-color-primary--lightest: var(--wb-ds-color-primary--10);
  --wb-ds-color-primary--default: var(--wb-ds-color-primary--100);
  --wb-ds-color-primary--darkest: var(--wb-ds-color-primary--140);
  --wb-ds-color-primary--x-light: var(--wb-ds-color-primary--10);
  --wb-ds-color-primary--light: var(--wb-ds-color-primary--10);
  --wb-ds-color-primary--dark: var(--wb-ds-color-primary--120);
  --wb-ds-color-primary--x-dark: var(--wb-ds-color-primary--140);
  /* secondary colors */
  --wb-ds-color-secondary--10: var(--wb-ds-color-green--10);
  --wb-ds-color-secondary--20: var(--wb-ds-color-green--20);
  --wb-ds-color-secondary--40: var(--wb-ds-color-green--40);
  --wb-ds-color-secondary--60: var(--wb-ds-color-green--60);
  --wb-ds-color-secondary--80: var(--wb-ds-color-green--80);
  --wb-ds-color-secondary--100: var(--wb-ds-color-green--100);
  --wb-ds-color-secondary--110: var(--wb-ds-color-green--110);
  --wb-ds-color-secondary--120: var(--wb-ds-color-green--120);
  --wb-ds-color-secondary--140: var(--wb-ds-color-green--140);
  --wb-ds-color-secondary--lightest: var(--wb-ds-color-secondary--10);
  --wb-ds-color-secondary--default: var(--wb-ds-color-secondary--100);
  --wb-ds-color-secondary--darkest: var(--wb-ds-color-secondary--140);
  /* gray colors */
  --wb-ds-color-gray--lightest: var(--wb-ds-color-gray--10);
  --wb-ds-color-gray--default: var(--wb-ds-color-gray--40);
  --wb-ds-color-gray--darkest: var(--wb-ds-color-gray--100);
  --wb-ds-color-gray--white: var(--wb-ds-color-white--100);
  --wb-ds-color-gray--black: var(--wb-ds-color-black--100);
  --wb-ds-color-gray--x-light: var(--wb-ds-color-gray--10);
  --wb-ds-color-gray--light: var(--wb-ds-color-gray--20);
  --wb-ds-color-gray--dark: var(--wb-ds-color-gray--60);
  --wb-ds-color-gray--x-dark: var(--wb-ds-color-gray--80);
  /* signal colors */
  --wb-ds-color-success--lightest: var(--wb-ds-color-success--10);
  --wb-ds-color-success--default: var(--wb-ds-color-success--100);
  --wb-ds-color-success--darkest: var(--wb-ds-color-success--140);
  --wb-ds-color-error--lightest: var(--wb-ds-color-error--10);
  --wb-ds-color-error--default: var(--wb-ds-color-error--100);
  --wb-ds-color-error--darkest: var(--wb-ds-color-error--140);
  --wb-ds-color-warning--lightest: var(--wb-ds-color-warning--10);
  --wb-ds-color-warning--default: var(--wb-ds-color-warning--100);
  --wb-ds-color-warning--darkest: var(--wb-ds-color-warning--140);
  --wb-ds-color-info--lightest: var(--wb-ds-color-info--10);
  --wb-ds-color-info--default: var(--wb-ds-color-info--100);
  --wb-ds-color-info--darkest: var(--wb-ds-color-info--140);
  /* backwards compatibility aliases for signal colors */
  --wb-ds-color-success--light: var(--wb-ds-color-success--lightest);
  --wb-ds-color-error--light: var(--wb-ds-color-error--lightest);
  --wb-ds-color-info--light: var(--wb-ds-color-info--lightest);
  /* Text state colors */
  --wb-ds-link__color: var(--wb-ds-color-primary--120);
  --wb-ds-button__color: var(--wb-ds-color-primary--120);
  --wb-ds-color-text--default: var(--wb-ds-color-primary--120);
  --wb-ds-color-text--hover: var(--wb-ds-color-primary--120);
  --wb-ds-color-text--focus: var(--wb-ds-color-primary--120);
  --wb-ds-color-text--active: var(--wb-ds-color-primary--120);
  --wb-ds-color-text--visited: var(--wb-ds-color-primary--120);
  --wb-ds-color-text--disabled: var(--wb-ds-color-gray--40);
  --wb-ds-color-text--valid: var(--wb-ds-color-success--100);
  --wb-ds-color-text--invalid: var(--wb-ds-color-error--100);
}

/** ANIMATIONS */
:root {
  --wb-ds-animation-timing-function: ease;
  --wb-ds-animation-duration--fast: 0.25s;
  --wb-ds-animation-duration--medium: 0.3s;
  --wb-ds-animation-duration--slow: 0.55s;
  --wb-ds-animation-duration--default: var(--wb-ds-animation-duration--medium);
  --wb-ds-animation-delay--fast: 0s;
  --wb-ds-animation-delay--medium: 0.2s;
  --wb-ds-animation-delay--slow: 0.5s;
  --wb-ds-animation-delay--default: var(--wb-ds-animation-delay--fast);
}

/** GRID */
:root {
  --wb-ds-grid__max-width: 1080px;
  --wb-ds-grid__grid-margin: calc(var(--wb-ds-space--m) * 1.5);
  --wb-ds-grid__gutter-width: var(--wb-ds-size--100);
  --wb-ds-grid__gutter-width--divided: var(--wb-ds-size--50);
  /* space overwrites */
  --wb-ds-grid__gutter-y: var(--wb-ds-space--l);
}

/** BORDERS */
:root {
  /* alert overwrites */
  --wb-alert__border-width: 0;
  /* Border widths */
  --wb-ds-border-width--2x-thin: var(--wb-ds-size--0);
  --wb-ds-border-width--default: var(--wb-ds-size--7);
  --wb-ds-border-width--thick: var(--wb-ds-size--13);
  --wb-ds-border-width--x-thick: var(--wb-ds-size--25);
  /* Border state widths */
  --wb-ds-border-width--hover: var(--wb-ds-border-width--thick);
  --wb-ds-border-width--focus: var(--wb-ds-border-width--hover);
  --wb-ds-border-width--active: var(--wb-ds-border-width--hover);
  /* Border colors */
  --wb-ds-color-border--default: var(--wb-ds-color-gray--40);
  --wb-ds-color-border--hover: var(--wb-ds-color-primary--120);
  --wb-ds-color-border--focus: var(--wb-ds-color-primary--120);
  --wb-ds-color-border--active: var(--wb-ds-color-primary--120);
  --wb-ds-color-border--visited: var(--wb-ds-color-primary--100);
  --wb-ds-color-border--disabled: var(--wb-ds-color-gray--40);
  --wb-ds-color-border--valid: var(--wb-ds-color-success--100);
  --wb-ds-color-border--invalid: var(--wb-ds-color-error--100);
  /* Hairline */
  --wb-ds-color-border--hairline: var(--wb-ds-color-gray--80);
  --wb-ds-border-width--hairline: var(--wb-ds-size--7);
  --wb-ds-border--hairline: var(--wb-ds-border-width--hairline) solid var(--wb-ds-color-border--hairline);
  /** Border Radii */
  --wb-ds-border-radius--small: 0;
  --wb-ds-border-radius--default: var(--wb-ds-size--13);
  --wb-ds-border-radius--medium: var(--wb-ds-size--25);
  --wb-ds-border-radius--large: var(--wb-ds-size--50);
  --wb-ds-border-radius--full: 50%;
}

/** Z-INDICES */
:root {
  --wb-ds-zindex--behind: -1;
  --wb-ds-zindex--content: 0;
  --wb-ds-zindex--element: 5;
  --wb-ds-zindex--tooltip: 10;
  --wb-ds-zindex--behind-backdrop: 50;
  --wb-ds-zindex--backdrop: 100;
  --wb-ds-zindex--backdrop-white: 110;
  --wb-ds-zindex--sticky-behind-flyout: 305;
  --wb-ds-zindex--sticky: 310;
  --wb-ds-zindex--menu: 500;
  --wb-ds-zindex--flyout: 700;
  --wb-ds-zindex--flyout-avatar: 720;
  --wb-ds-zindex--overlay: 900;
}

/* FORMS AND FORM FIELDS */
:root {
  /* FORMS */
  /* FIELD GROUPS*/
  --wb-field-group__bezel: var(--wb-ds-space--none);
  --wb-field-group-title__bezel: var(--wb-ds-space--none);
  --wb-field-group-title__bezel-bottom: var(--wb-ds-space--default);
  --wb-field-group-title__font-size: var(--wb-ds-title-level-3__font-size);
  --wb-field-group-title__line-height: var(--wb-ds-title-level-3__line-height);
  --wb-field-group-title__font-weight: var(--wb-ds-title__font-weight);
  /* FORM FIELDS */
  --wb-ds-field-label__bezel-bottom: var(--wb-ds-size--50); /* BUG */
  --wb-ds-field-message__bezel-top: var(--wb-ds-size--25);
  --wb-ds-field-message-is-error__bezel-top: var(--wb-ds-field-message__bezel-top);
  --wb-ds-field-message__bezel-bottom: var(--wb-ds-size--25);
  --wb-ds-field__bezel: var(--wb-ds-size--100);
  --wb-ds-field__background: var(--wb-ds-color-gray--white);
  --wb-ds-field__border-width: var(--wb-ds-size--7);
  --wb-ds-field__border-radius: var(--wb-ds-space--none);
  --wb-ds-field__border-color: var(--wb-ds-color-gray--80);
  --wb-ds-field__border-color--hover: var(--wb-ds-color-primary--120);
  --wb-ds-field__border-color--focus: var(--wb-ds-color-primary--100);
  --wb-ds-field__border-color--active: var(--wb-ds-color-primary--100);
  --wb-ds-field__border-color--invalid: var(--wb-ds-color-border--invalid);
  --wb-ds-field-label__font-size: var(--wb-ds-font-size--s);
  --wb-ds-field-label__line-height: var(--wb-ds-line-height--s);
  --wb-ds-field-label__color: var(--wb-ds-color-primary--120);
  --wb-ds-field-label-marker__space-row: var(--wb-ds-size--25);
  --wb-ds-field-message-icon__name: "alert-filled";
  --wb-ds-field-message-icon__display: none;
  --wb-ds-field-message__font-size: var(--wb-ds-font-size--s);
  --wb-ds-field-message__line-height: var(--wb-ds-line-height--s);
  --wb-ds-field__opacity--disabled: 1;
  --wb-ds-field__background--disabled: var(--wb-ds-color-gray--10);
  --wb-ds-field__border-color--disabled: var(--wb-ds-color-gray--80);
  --wb-ds-field__color--disabled: var(--wb-ds-color-gray--80);
  --wb-ds-field-label__color--disabled: var(--wb-ds-color-gray--80);
  --wb-ds-field__color--invalid: var(--wb-ds-color-text--invalid);
  --wb-ds-field-label__color--invalid: var(--wb-ds-color-text--invalid);
  --wb-text-field__input-height: var(--wb-ds-size--350);
  --wb-text-field-is-textarea__min-height: var(--wb-ds-size--650);
  --wb-text-field-placeholder__color: var(--wb-ds-color-gray--100);
  --wb-dropdown-field__input-height: var(--wb-text-field__input-height);
  --wb-dropdown-field__line-height: var(--wb-ds-size--150);
  --wb-dropdown-field-icon__size: var(--wb-ds-size--138);
  --wb-option-label__font-size: var(--wb-ds-font-size--m);
  --wb-option-label__line-height: var(--wb-ds-line-height--m);
  --wb-radio-field__bezel-bottom: var(--wb-ds-size--150);
  --wb-radio-field-gutter-height: var(--wb-ds-size--25);
}
wb-form wb-layout.wb-form__controls {
  --wb-layout__justify-content: start;
}

wb-dropdown-field,
wb-text-field,
wb-upload-field,
wb-checkbox-field,
wb-radio-field {
  --wb-layout__gutter-height: var(--wb-ds-size--50);
}

wb-dropdown-field input:focus,
wb-dropdown-field select:focus,
wb-dropdown-field textarea:focus,
wb-text-field input:focus,
wb-text-field select:focus,
wb-text-field textarea:focus {
  --wb-ds-field__border-width: var(--wb-ds-border-width--thick);
}

wb-checkbox-field,
wb-radio-field {
  --wb-checkbox-field__outline--active: var(--wb-ds-border-width--thick) solid var(--wb-ds-color-primary--100);
}
wb-checkbox-field input,
wb-radio-field input {
  outline-offset: calc(var(--wb-ds-border-width--thick) * -1);
}
wb-checkbox-field input:focus-visible,
wb-radio-field input:focus-visible {
  outline: var(--wb-ds-border-width--thick) solid var(--wb-ds-color-primary--100);
  outline-offset: var(--wb-ds-border-width--thick);
}
wb-checkbox-field .wb-checkbox-field__layout,
wb-checkbox-field .wb-radio-field__layout,
wb-radio-field .wb-checkbox-field__layout,
wb-radio-field .wb-radio-field__layout {
  overflow: initial;
}
wb-checkbox-field wb-layout,
wb-radio-field wb-layout {
  --wb-layout__gutter-width: var(--wb-ds-size--200);
  --wb-layout__gutter-height: var(--wb-ds-size--100);
}
wb-checkbox-field wb-layout wb-field-layout,
wb-radio-field wb-layout wb-field-layout {
  --wb-layout__gutter-width: var(--wb-ds-size--75);
}

wb-checkbox-field {
  --wb-checkbox-field__background--active: var(--wb-ds-color-primary--100);
  --wb-ds-field__color: var(--wb-ds-color-gray--white);
  --wb-ds-field__border-radius: var(--wb-ds-border-radius--default);
  --wb-checkbox-field-icon__left: 9px;
  --wb-checkbox-field-icon__right: 7px;
}
wb-checkbox-field .wb-checkbox-field__option:hover {
  --wb-checkbox-field__background--active: var(--wb-ds-color-primary--120);
  --wb-checkbox-border--valid: var(--wb-ds-color-primary--100);
}

wb-radio-field,
wb-checkbox-field {
  --wb-ds-field__border-color: var(--wb-ds-color-primary--100);
  --wb-ds-field__box-shadow: inset 0px var(--wb-ds-field__border-width) 0 0 var(--wb-ds-field__border-color),
      var(--wb-text-field__box-shadow-right, inset calc(var(--wb-ds-field__border-width) * -1) 0px 0 0 var(--wb-ds-field__border-color)),
      var(--wb-text-field__box-shadow-bottom, inset 0px calc(var(--wb-ds-field__border-width) * -1) 0 0 var(--wb-ds-field__border-color)),
      var(--wb-text-field__box-shadow-left, inset var(--wb-ds-field__border-width) 0px 0 0 var(--wb-ds-field__border-color));
  --wb-ds-field__box-shadow--hover: inset 0px var(--wb-ds-field__border-width) 0 0 var(--wb-ds-color-primary--120),
      var(--wb-text-field__box-shadow-right, inset calc(var(--wb-ds-field__border-width) * -1) 0px 0 0 var(--wb-ds-color-primary--120)),
      var(--wb-text-field__box-shadow-bottom, inset 0px calc(var(--wb-ds-field__border-width) * -1) 0 0 var(--wb-ds-color-primary--120)),
      var(--wb-text-field__box-shadow-left, inset var(--wb-ds-field__border-width) 0px 0 0 var(--wb-ds-color-primary--120));
  --wb-ds-field__box-shadow--focus: var(--wb-ds-field__box-shadow--hover);
  --wb-option__size: var(--wb-ds-size--150);
}

wb-radio-field {
  --wb-ds-field__color: var(--wb-ds-color-primary--100);
  --wb-option-icon__size: var(--wb-ds-size--125);
}
wb-radio-field .wb-radio-field__option:focus {
  --wb-ds-field__color: var(--wb-ds-color-primary--140);
}
wb-radio-field .wb-radio-field__option:hover {
  --wb-ds-field__color: var(--wb-ds-color-primary--120);
}

wb-radio-field wb-option {
  --wb-option-icon__color: var(--wb-ds-color-primary--100);
  --wb-option__border-width--checked: var(--wb-ds-size--13);
}
wb-radio-field wb-option:hover {
  --wb-option__border-color--hover: var(--wb-ds-color-primary--140);
  --wb-option-icon__color--hover: var(--wb-ds-color-primary--140);
}
wb-radio-field wb-option:disabled {
  --wb-option__border-color--disabled: var(--wb-ds-color-gray--60);
  --wb-option-icon__color--hover: var(--wb-ds-color-gray--60);
}
wb-radio-field wb-option:focus {
  --wb-option__border: var(--wb-ds-size--13) solid var(--wb-ds-color-primary--100);
}

wb-upload-field .wb-upload-field {
  --wb-box__bezel: var(--wb-ds-space--l);
  --wb-box__box-shadow: none;
  --wb-box__border: var(--wb-ds-border-width--thick) dashed var(--wb-ds-color-border--active);
}
wb-upload-field .wb-upload-field--dragging {
  --wb-box__background: var(--wb-ds-color-primary--10);
}
wb-upload-field .wb-upload-field__wrapper {
  --wb-layout__gutter-height: var(--wb-ds-space--l);
  --wb-layout__flex-direction: column-reverse;
}
wb-upload-field .wb-upload-field__dropzone {
  --wb-layout__gutter-height: var(--wb-ds-space--s);
}
wb-upload-field .wb-upload-field__info {
  --wb-icon__size: var(--wb-ds-size--200);
}
wb-upload-field .wb-upload-field__info-text {
  --wb-upload-field-placeholder__font-size: var(--wb-ds-font-size--l);
  --wb-upload-field-placeholder__line-height: var(--wb-ds-line-height--l);
}
wb-upload-field .wb-upload-field__info,
wb-upload-field .wb-upload-field__controls {
  --wb-layout__justify-content: center;
}
wb-upload-field .wb-upload-field__controls {
  --wb-layout__gutter-width: var(--wb-ds-space--none);
  --wb-layout__gutter-height: var(--wb-ds-space--none);
}
wb-upload-field .wb-upload-field__button {
  --wb-upload-field-button__bezel-top: var(--wb-ds-space--none);
  --wb-upload-field-button__bezel-bottom: var(--wb-ds-space--none);
  --wb-upload-field-button__bezel-left: var(--wb-ds-space--none);
  --wb-upload-field-button__bezel-right: var(--wb-ds-space--none);
  --wb-upload-field-button__color: var(--wb-ds-color-primary--100);
  --wb-upload-field-button__font-weight: var(--wb-ds-font-weight--bold);
}
wb-upload-field .wb-upload-field__files {
  --wb-stack__space: var(--wb-ds-space--none);
}
wb-upload-field .wb-upload-field__file {
  --wb-bezel__bezel-left: var(--wb-ds-space--none);
  --wb-bezel__bezel-right: var(--wb-ds-space--none);
  --wb-icon__size: var(--wb-ds-size--100);
  --wb-icon__fill: var(--wb-ds-color-primary--100);
  border-bottom: var(--wb-ds-border-width--default) solid var(--wb-ds-color-border--default);
}
wb-upload-field .wb-upload-field__file-info {
  --wb-layout__flex-direction: column;
  --wb-layout__gutter-height: var(--wb-ds-space--none);
}
wb-upload-field .wb-upload-field__file-name {
  --wb-text__color: var(--wb-ds-color-gray--black);
}
wb-upload-field .wb-upload-field__file-size {
  --wb-text__font-size: var(--wb-ds-font-size--s);
  --wb-text__line-height: var(--wb-ds-line-height--s);
  --wb-text__color: var(--wb-ds-color-gray--80);
}

/** ICONS */
:root {
  --wb-ds-icon-size--2xs: var(--wb-ds-size--50);
  --wb-ds-icon-size--xs: var(--wb-ds-size--75);
  --wb-ds-icon-size--s: var(--wb-ds-size--88);
  --wb-ds-icon-size--m: var(--wb-ds-size--100);
  --wb-ds-icon-size--l: var(--wb-ds-size--150);
  --wb-ds-icon-size--xl: var(--wb-ds-size--300);
  --wb-ds-icon-size--2xl: var(--wb-ds-size--500);
}

/** TOOLTIPS */
:root {
  --wb-tooltip__background: var(--wb-ds-color-gray--white);
}

/* BUTTON */
:root {
  --wb-button__bezel-top: var(--wb-ds-size--100);
  --wb-button__bezel-bottom: var(--wb-ds-size--100);
  --wb-button__bezel-left: var(--wb-ds-size--200);
  --wb-button__bezel-right: var(--wb-ds-size--200);
  --wb-button__border-radius: var(--wb-ds-border-radius--medium);
}

/* COLLAPSIBLE */
:root {
  --wb-collapsible__bezel: 0;
  --wb-collapsible-content__bezel-right: 0;
  --wb-collapsible-content__bezel-left: 0;
}

wb-collapsible .wb-collapsible__header:focus-visible {
  outline: var(--wb-ds-color-primary--default) solid var(--wb-ds-border-width--thick);
}

/* RICH-TEXT */
:root {
  --wb-html-a__color: var(--wb-ds-color-primary--120);
  --wb-html-a__color--hover: var(--wb-ds-color-primary--100);
  --wb-richtext-a__color: var(--wb-html-a__color);
  --wb-richtext-a__color--hover: var(--wb-html-a__color--hover);
}

wb-html b,
wb-html strong,
wb-richtext b,
wb-richtext strong {
  font-weight: var(--wb-ds-font-weight--bold);
}
wb-html a,
wb-richtext a {
  --wb-html-a__text-decoration: underline;
  --wb-html-a__transition: color var(--wb-ds-animation-delay--slow) var(--wb-ds-animation-timing-function),
      box-shadow var(--wb-ds-animation-delay--slow) var(--wb-ds-animation-timing-function),
      background var(--wb-ds-animation-delay--slow) var(--wb-ds-animation-timing-function),
      opacity var(--wb-ds-animation-delay--slow) var(--wb-ds-animation-timing-function);
  --wb-richtext-a__text-decoration: var(--wb-html-a__text-decoration);
  --wb-richtext-a__transition: var(--wb-html-a__transition);
  display: inline;
  text-underline-offset: var(--wb-ds-size--13);
}
wb-html a:hover, wb-html a:focus, wb-html a:active,
wb-richtext a:hover,
wb-richtext a:focus,
wb-richtext a:active {
  --wb-html-a__color: var(--wb-html-a__color--hover);
  --wb-richtext-a__color: var(--wb-html-a__color);
}
wb-html a:focus-visible,
wb-richtext a:focus-visible {
  --wb-link__outline: var(--wb-ds-border-width--thick) solid var(--wb-ds-color-primary--100);
  outline-offset: var(--wb-ds-border-width--thick);
}
wb-html ul,
wb-richtext ul {
  list-style-type: "—";
}
wb-html li,
wb-richtext li {
  padding-left: var(--wb-ds-space--xs);
}
wb-html h1 + p,
wb-html h2 + p,
wb-html h3 + p,
wb-html h4 + p,
wb-richtext h1 + p,
wb-richtext h2 + p,
wb-richtext h3 + p,
wb-richtext h4 + p {
  --wb-html-paragraph__bezel-top: 0;
  --wb-richtext-paragraph__bezel-top: var(--wb-html-paragraph__bezel-top);
}
wb-html p + h1,
wb-richtext p + h1 {
  --wb-html-title-level-1__bezel-top: calc(var(--wb-ds-space--s) + var(--wb-ds-space--l));
  --wb-richtext-title-level-1__bezel-top: var(--wb-html-title-level-1__bezel-top);
}
wb-html p + h2,
wb-richtext p + h2 {
  --wb-html-title-level-2__bezel-top: calc(var(--wb-ds-space--s) + var(--wb-ds-space--l));
  --wb-richtext-title-level-2__bezel-top: var(--wb-html-title-level-2__bezel-top);
}
wb-html p + h3,
wb-richtext p + h3 {
  --wb-html-title-level-3__bezel-top: calc(var(--wb-ds-space--s) + var(--wb-ds-space--l));
  --wb-richtext-title-level-3__bezel-top: var(--wb-html-title-level-3__bezel-top);
}
wb-html p + h4,
wb-richtext p + h4 {
  --wb-html-title-level-4__bezel-top: calc(var(--wb-ds-space--xs) + var(--wb-ds-space--l));
  --wb-richtext-title-level-4__bezel-top: var(--wb-html-title-level-4__bezel-top);
}

/** TYPOGRAPHIES */
:root {
  --wb-ds-typography-small__font-size: var(--wb-ds-font-size--s);
  --wb-ds-typography-small__line-height: var(--wb-ds-line-height--s);
  --wb-ds-typography-tiny__font-size: var(--wb-ds-font-size--xs);
  --wb-ds-typography-tiny__font-weight: var(--wb-ds-font-weight--default);
  --wb-ds-typography-tiny__line-height: var(--wb-ds-line-height--xs);
  --wb-ds-typography-lead__font-size: var(--wb-ds-font-size--xl);
  --wb-ds-typography-lead__line-height: var(--wb-ds-line-height--xl);
}

/** LINKS */
wb-link,
wb-button[link] {
  --wb-link__box-shadow: inset 0 0 0 0 transparent;
  --wb-link__transition: color var(--wb-ds-animation-delay--slow) ease-in-out, box-shadow var(--wb-ds-animation-delay--slow) ease-in-out,
      background var(--wb-ds-animation-delay--slow) ease-in-out, opacity var(--wb-ds-animation-delay--slow) ease-in-out;
}
wb-link .wb-link:focus-visible,
wb-link .wb-button:focus-visible,
wb-button[link] .wb-link:focus-visible,
wb-button[link] .wb-button:focus-visible {
  --wb-link__outline: var(--wb-ds-border-width--thick) solid var(--wb-ds-color-primary--100);
  outline-offset: var(--wb-ds-border-width--thick);
}
wb-link[kind=contrast] .wb-link,
wb-link[kind=contrast] .wb-button,
wb-button[link][kind=contrast] .wb-link,
wb-button[link][kind=contrast] .wb-button {
  --wb-link__color: var(--wb-ds-color-gray--white);
}
wb-link[kind=contrast] .wb-link:hover, wb-link[kind=contrast] .wb-link:active, wb-link[kind=contrast] .wb-link:focus,
wb-link[kind=contrast] .wb-button:hover,
wb-link[kind=contrast] .wb-button:active,
wb-link[kind=contrast] .wb-button:focus,
wb-button[link][kind=contrast] .wb-link:hover,
wb-button[link][kind=contrast] .wb-link:active,
wb-button[link][kind=contrast] .wb-link:focus,
wb-button[link][kind=contrast] .wb-button:hover,
wb-button[link][kind=contrast] .wb-button:active,
wb-button[link][kind=contrast] .wb-button:focus {
  --wb-link__color: var(--wb-ds-color-gray--20);
}
wb-link[kind=contrast] .wb-link:focus-visible,
wb-link[kind=contrast] .wb-button:focus-visible,
wb-button[link][kind=contrast] .wb-link:focus-visible,
wb-button[link][kind=contrast] .wb-button:focus-visible {
  --wb-link__outline: var(--wb-ds-border-width--thick) solid var(--wb-ds-color-gray--white);
}
wb-link[kind=default] .wb-link,
wb-link[kind=default] .wb-button,
wb-button[link][kind=default] .wb-link,
wb-button[link][kind=default] .wb-button {
  --wb-link__color: var(--wb-ds-color-primary--100);
}
wb-link[kind=default] .wb-link:hover, wb-link[kind=default] .wb-link:active, wb-link[kind=default] .wb-link:focus,
wb-link[kind=default] .wb-button:hover,
wb-link[kind=default] .wb-button:active,
wb-link[kind=default] .wb-button:focus,
wb-button[link][kind=default] .wb-link:hover,
wb-button[link][kind=default] .wb-link:active,
wb-button[link][kind=default] .wb-link:focus,
wb-button[link][kind=default] .wb-button:hover,
wb-button[link][kind=default] .wb-button:active,
wb-button[link][kind=default] .wb-button:focus {
  --wb-link__color: var(--wb-ds-color-primary--120);
}
wb-link[kind=dark] .wb-link,
wb-link[kind=dark] .wb-button,
wb-button[link][kind=dark] .wb-link,
wb-button[link][kind=dark] .wb-button {
  --wb-link__color: var(--wb-ds-color-primary--140);
}
wb-link[kind=dark] .wb-link:hover, wb-link[kind=dark] .wb-link:active, wb-link[kind=dark] .wb-link:focus,
wb-link[kind=dark] .wb-button:hover,
wb-link[kind=dark] .wb-button:active,
wb-link[kind=dark] .wb-button:focus,
wb-button[link][kind=dark] .wb-link:hover,
wb-button[link][kind=dark] .wb-link:active,
wb-button[link][kind=dark] .wb-link:focus,
wb-button[link][kind=dark] .wb-button:hover,
wb-button[link][kind=dark] .wb-button:active,
wb-button[link][kind=dark] .wb-button:focus {
  --wb-link__color: var(--wb-ds-color-primary--140);
}
wb-link[kind=inactive] .wb-link,
wb-link[kind=inactive] .wb-button,
wb-button[link][kind=inactive] .wb-link,
wb-button[link][kind=inactive] .wb-button {
  --wb-link__color: var(--wb-ds-color-gray--80);
}
wb-link[kind=tile] .wb-link,
wb-link[kind=tile] .wb-button,
wb-button[link][kind=tile] .wb-link,
wb-button[link][kind=tile] .wb-button {
  --wb-link__background: var(--wb-ds-color-primary--10);
  --wb-link__color: var(--wb-ds-color-primary--140);
}
wb-link[kind=tile] .wb-link:hover, wb-link[kind=tile] .wb-link:active, wb-link[kind=tile] .wb-link:focus,
wb-link[kind=tile] .wb-button:hover,
wb-link[kind=tile] .wb-button:active,
wb-link[kind=tile] .wb-button:focus,
wb-button[link][kind=tile] .wb-link:hover,
wb-button[link][kind=tile] .wb-link:active,
wb-button[link][kind=tile] .wb-link:focus,
wb-button[link][kind=tile] .wb-button:hover,
wb-button[link][kind=tile] .wb-button:active,
wb-button[link][kind=tile] .wb-button:focus {
  --wb-link__background: var(--wb-ds-color-primary--140);
  --wb-link__color: var(--wb-ds-color-gray--white);
}
wb-link[kind=tile-contrast] .wb-link,
wb-link[kind=tile-contrast] .wb-button,
wb-button[link][kind=tile-contrast] .wb-link,
wb-button[link][kind=tile-contrast] .wb-button {
  --wb-link__background: var(--wb-ds-color-gray--white);
  --wb-link__color: var(--wb-ds-color-primary--140);
}
wb-link[kind=tile-contrast] .wb-link:hover, wb-link[kind=tile-contrast] .wb-link:active, wb-link[kind=tile-contrast] .wb-link:focus,
wb-link[kind=tile-contrast] .wb-button:hover,
wb-link[kind=tile-contrast] .wb-button:active,
wb-link[kind=tile-contrast] .wb-button:focus,
wb-button[link][kind=tile-contrast] .wb-link:hover,
wb-button[link][kind=tile-contrast] .wb-link:active,
wb-button[link][kind=tile-contrast] .wb-link:focus,
wb-button[link][kind=tile-contrast] .wb-button:hover,
wb-button[link][kind=tile-contrast] .wb-button:active,
wb-button[link][kind=tile-contrast] .wb-button:focus {
  --wb-link__background: var(--wb-ds-color-primary--140);
  --wb-link__color: var(--wb-ds-color-gray--white);
}

/** BUTTONS */
wb-button,
wb-link[button] {
  --wb-button__font-size: var(--wb-ds-font-size-static--m);
  --wb-button__line-height: var(--wb-ds-line-height-static--m);
  --wb-button__font-weight: var(--wb-ds-font-weight--bold);
}
wb-button .wb-button:focus-visible,
wb-button .wb-link:focus-visible,
wb-link[button] .wb-button:focus-visible,
wb-link[button] .wb-link:focus-visible {
  --wb-button__outline: var(--wb-ds-border-width--thick) solid var(--wb-ds-color-primary--100);
  outline-offset: var(--wb-ds-border-width--thick);
}
wb-button[kind=primary-inverted] .wb-button:focus-visible,
wb-button[kind=primary-inverted] .wb-link:focus-visible, wb-button[kind=secondary-inverted] .wb-button:focus-visible,
wb-button[kind=secondary-inverted] .wb-link:focus-visible, wb-button[kind=tertiary-inverted] .wb-button:focus-visible,
wb-button[kind=tertiary-inverted] .wb-link:focus-visible, wb-button[kind=icon-inverted] .wb-button:focus-visible,
wb-button[kind=icon-inverted] .wb-link:focus-visible,
wb-link[button][kind=primary-inverted] .wb-button:focus-visible,
wb-link[button][kind=primary-inverted] .wb-link:focus-visible,
wb-link[button][kind=secondary-inverted] .wb-button:focus-visible,
wb-link[button][kind=secondary-inverted] .wb-link:focus-visible,
wb-link[button][kind=tertiary-inverted] .wb-button:focus-visible,
wb-link[button][kind=tertiary-inverted] .wb-link:focus-visible,
wb-link[button][kind=icon-inverted] .wb-button:focus-visible,
wb-link[button][kind=icon-inverted] .wb-link:focus-visible {
  --wb-button__outline: var(--wb-ds-border-width--thick) solid var(--wb-ds-color-gray--white);
}
wb-button[kind=primary] .wb-button,
wb-button[kind=primary] .wb-link,
wb-link[button][kind=primary] .wb-button,
wb-link[button][kind=primary] .wb-link {
  --wb-button__border-color: transparent;
  --wb-button__background: var(--wb-ds-color-primary--100);
  --wb-button__color: var(--wb-ds-color-gray--white);
}
wb-button[kind=primary] .wb-button:active, wb-button[kind=primary] .wb-button:focus,
wb-button[kind=primary] .wb-link:active,
wb-button[kind=primary] .wb-link:focus,
wb-link[button][kind=primary] .wb-button:active,
wb-link[button][kind=primary] .wb-button:focus,
wb-link[button][kind=primary] .wb-link:active,
wb-link[button][kind=primary] .wb-link:focus {
  --wb-button__background: var(--wb-ds-color-primary--140);
}
wb-button[kind=primary] .wb-button:hover,
wb-button[kind=primary] .wb-link:hover,
wb-link[button][kind=primary] .wb-button:hover,
wb-link[button][kind=primary] .wb-link:hover {
  --wb-button__background: var(--wb-ds-color-primary--120);
}
wb-button[kind=primary] .wb-button:disabled, wb-button[kind=primary] .wb-button.wb-link--disabled,
wb-button[kind=primary] .wb-link:disabled,
wb-button[kind=primary] .wb-link.wb-link--disabled,
wb-link[button][kind=primary] .wb-button:disabled,
wb-link[button][kind=primary] .wb-button.wb-link--disabled,
wb-link[button][kind=primary] .wb-link:disabled,
wb-link[button][kind=primary] .wb-link.wb-link--disabled {
  --wb-button__background: var(--wb-ds-color-gray--20);
  --wb-button__color: var(--wb-ds-color-gray--120);
}
wb-button[kind=primary-inverted] .wb-button,
wb-button[kind=primary-inverted] .wb-link, wb-button[kind=light] .wb-button,
wb-button[kind=light] .wb-link,
wb-link[button][kind=primary-inverted] .wb-button,
wb-link[button][kind=primary-inverted] .wb-link,
wb-link[button][kind=light] .wb-button,
wb-link[button][kind=light] .wb-link {
  --wb-button__border-color: transparent;
  --wb-button__background: var(--wb-ds-color-gray--white);
  --wb-button__color: var(--wb-ds-color-primary--100);
}
wb-button[kind=primary-inverted] .wb-button:active, wb-button[kind=primary-inverted] .wb-button:focus,
wb-button[kind=primary-inverted] .wb-link:active,
wb-button[kind=primary-inverted] .wb-link:focus, wb-button[kind=light] .wb-button:active, wb-button[kind=light] .wb-button:focus,
wb-button[kind=light] .wb-link:active,
wb-button[kind=light] .wb-link:focus,
wb-link[button][kind=primary-inverted] .wb-button:active,
wb-link[button][kind=primary-inverted] .wb-button:focus,
wb-link[button][kind=primary-inverted] .wb-link:active,
wb-link[button][kind=primary-inverted] .wb-link:focus,
wb-link[button][kind=light] .wb-button:active,
wb-link[button][kind=light] .wb-button:focus,
wb-link[button][kind=light] .wb-link:active,
wb-link[button][kind=light] .wb-link:focus {
  --wb-button__background: var(--wb-ds-color-gray--40);
  --wb-button__color: var(--wb-ds-color-primary--120);
}
wb-button[kind=primary-inverted] .wb-button:hover,
wb-button[kind=primary-inverted] .wb-link:hover, wb-button[kind=light] .wb-button:hover,
wb-button[kind=light] .wb-link:hover,
wb-link[button][kind=primary-inverted] .wb-button:hover,
wb-link[button][kind=primary-inverted] .wb-link:hover,
wb-link[button][kind=light] .wb-button:hover,
wb-link[button][kind=light] .wb-link:hover {
  --wb-button__background: var(--wb-ds-color-gray--20);
  --wb-button__color: var(--wb-ds-color-primary--120);
}
wb-button[kind=primary-inverted] .wb-button:disabled, wb-button[kind=primary-inverted] .wb-button.wb-link--disabled,
wb-button[kind=primary-inverted] .wb-link:disabled,
wb-button[kind=primary-inverted] .wb-link.wb-link--disabled, wb-button[kind=light] .wb-button:disabled, wb-button[kind=light] .wb-button.wb-link--disabled,
wb-button[kind=light] .wb-link:disabled,
wb-button[kind=light] .wb-link.wb-link--disabled,
wb-link[button][kind=primary-inverted] .wb-button:disabled,
wb-link[button][kind=primary-inverted] .wb-button.wb-link--disabled,
wb-link[button][kind=primary-inverted] .wb-link:disabled,
wb-link[button][kind=primary-inverted] .wb-link.wb-link--disabled,
wb-link[button][kind=light] .wb-button:disabled,
wb-link[button][kind=light] .wb-button.wb-link--disabled,
wb-link[button][kind=light] .wb-link:disabled,
wb-link[button][kind=light] .wb-link.wb-link--disabled {
  --wb-button__background: var(--wb-ds-color-white--10);
  --wb-button__color: var(--wb-ds-color-white--80);
}
wb-button[kind=default] .wb-button,
wb-button[kind=default] .wb-link, wb-button[kind=secondary] .wb-button,
wb-button[kind=secondary] .wb-link, wb-button[kind=outline] .wb-button,
wb-button[kind=outline] .wb-link,
wb-link[button][kind=default] .wb-button,
wb-link[button][kind=default] .wb-link,
wb-link[button][kind=secondary] .wb-button,
wb-link[button][kind=secondary] .wb-link,
wb-link[button][kind=outline] .wb-button,
wb-link[button][kind=outline] .wb-link {
  --wb-button__border-width: var(--wb-ds-border-width--thick);
  --wb-button__border-color: var(--wb-ds-color-primary--100);
  --wb-button__color: var(--wb-ds-color-primary--100);
}
wb-button[kind=default] .wb-button:active, wb-button[kind=default] .wb-button:focus,
wb-button[kind=default] .wb-link:active,
wb-button[kind=default] .wb-link:focus, wb-button[kind=secondary] .wb-button:active, wb-button[kind=secondary] .wb-button:focus,
wb-button[kind=secondary] .wb-link:active,
wb-button[kind=secondary] .wb-link:focus, wb-button[kind=outline] .wb-button:active, wb-button[kind=outline] .wb-button:focus,
wb-button[kind=outline] .wb-link:active,
wb-button[kind=outline] .wb-link:focus,
wb-link[button][kind=default] .wb-button:active,
wb-link[button][kind=default] .wb-button:focus,
wb-link[button][kind=default] .wb-link:active,
wb-link[button][kind=default] .wb-link:focus,
wb-link[button][kind=secondary] .wb-button:active,
wb-link[button][kind=secondary] .wb-button:focus,
wb-link[button][kind=secondary] .wb-link:active,
wb-link[button][kind=secondary] .wb-link:focus,
wb-link[button][kind=outline] .wb-button:active,
wb-link[button][kind=outline] .wb-button:focus,
wb-link[button][kind=outline] .wb-link:active,
wb-link[button][kind=outline] .wb-link:focus {
  --wb-button__border-color: var(--wb-ds-color-primary--140);
  --wb-button__color: var(--wb-ds-color-primary--140);
}
wb-button[kind=default] .wb-button:hover,
wb-button[kind=default] .wb-link:hover, wb-button[kind=secondary] .wb-button:hover,
wb-button[kind=secondary] .wb-link:hover, wb-button[kind=outline] .wb-button:hover,
wb-button[kind=outline] .wb-link:hover,
wb-link[button][kind=default] .wb-button:hover,
wb-link[button][kind=default] .wb-link:hover,
wb-link[button][kind=secondary] .wb-button:hover,
wb-link[button][kind=secondary] .wb-link:hover,
wb-link[button][kind=outline] .wb-button:hover,
wb-link[button][kind=outline] .wb-link:hover {
  --wb-button__border-color: var(--wb-ds-color-primary--120);
  --wb-button__color: var(--wb-ds-color-primary--120);
}
wb-button[kind=default] .wb-button:disabled, wb-button[kind=default] .wb-button.wb-link--disabled,
wb-button[kind=default] .wb-link:disabled,
wb-button[kind=default] .wb-link.wb-link--disabled, wb-button[kind=secondary] .wb-button:disabled, wb-button[kind=secondary] .wb-button.wb-link--disabled,
wb-button[kind=secondary] .wb-link:disabled,
wb-button[kind=secondary] .wb-link.wb-link--disabled, wb-button[kind=outline] .wb-button:disabled, wb-button[kind=outline] .wb-button.wb-link--disabled,
wb-button[kind=outline] .wb-link:disabled,
wb-button[kind=outline] .wb-link.wb-link--disabled,
wb-link[button][kind=default] .wb-button:disabled,
wb-link[button][kind=default] .wb-button.wb-link--disabled,
wb-link[button][kind=default] .wb-link:disabled,
wb-link[button][kind=default] .wb-link.wb-link--disabled,
wb-link[button][kind=secondary] .wb-button:disabled,
wb-link[button][kind=secondary] .wb-button.wb-link--disabled,
wb-link[button][kind=secondary] .wb-link:disabled,
wb-link[button][kind=secondary] .wb-link.wb-link--disabled,
wb-link[button][kind=outline] .wb-button:disabled,
wb-link[button][kind=outline] .wb-button.wb-link--disabled,
wb-link[button][kind=outline] .wb-link:disabled,
wb-link[button][kind=outline] .wb-link.wb-link--disabled {
  --wb-button__border-color: var(--wb-ds-color-gray--80);
  --wb-button__color: var(--wb-ds-color-gray--100);
}
wb-button[kind=secondary-inverted] .wb-button,
wb-button[kind=secondary-inverted] .wb-link,
wb-link[button][kind=secondary-inverted] .wb-button,
wb-link[button][kind=secondary-inverted] .wb-link {
  --wb-button__border-width: var(--wb-ds-border-width--thick);
  --wb-button__border-color: var(--wb-ds-color-gray--white);
  --wb-button__color: var(--wb-ds-color-gray--white);
}
wb-button[kind=secondary-inverted] .wb-button:active, wb-button[kind=secondary-inverted] .wb-button:focus,
wb-button[kind=secondary-inverted] .wb-link:active,
wb-button[kind=secondary-inverted] .wb-link:focus,
wb-link[button][kind=secondary-inverted] .wb-button:active,
wb-link[button][kind=secondary-inverted] .wb-button:focus,
wb-link[button][kind=secondary-inverted] .wb-link:active,
wb-link[button][kind=secondary-inverted] .wb-link:focus {
  --wb-button__border-color: var(--wb-ds-color-gray--60);
  --wb-button__color: var(--wb-ds-color-gray--60);
}
wb-button[kind=secondary-inverted] .wb-button:hover,
wb-button[kind=secondary-inverted] .wb-link:hover,
wb-link[button][kind=secondary-inverted] .wb-button:hover,
wb-link[button][kind=secondary-inverted] .wb-link:hover {
  --wb-button__border-color: var(--wb-ds-color-gray--20);
  --wb-button__color: var(--wb-ds-color-gray--20);
}
wb-button[kind=secondary-inverted] .wb-button:disabled, wb-button[kind=secondary-inverted] .wb-button.wb-link--disabled,
wb-button[kind=secondary-inverted] .wb-link:disabled,
wb-button[kind=secondary-inverted] .wb-link.wb-link--disabled,
wb-link[button][kind=secondary-inverted] .wb-button:disabled,
wb-link[button][kind=secondary-inverted] .wb-button.wb-link--disabled,
wb-link[button][kind=secondary-inverted] .wb-link:disabled,
wb-link[button][kind=secondary-inverted] .wb-link.wb-link--disabled {
  --wb-button__border-color: var(--wb-ds-color-white--30);
  --wb-button__background: var(--wb-ds-color-white--10);
  --wb-button__color: var(--wb-ds-color-white--80);
}
wb-button[kind=tertiary] .wb-button,
wb-button[kind=tertiary] .wb-link, wb-button[kind=icon] .wb-button,
wb-button[kind=icon] .wb-link, wb-button[kind=unstyled] .wb-button,
wb-button[kind=unstyled] .wb-link,
wb-link[button][kind=tertiary] .wb-button,
wb-link[button][kind=tertiary] .wb-link,
wb-link[button][kind=icon] .wb-button,
wb-link[button][kind=icon] .wb-link,
wb-link[button][kind=unstyled] .wb-button,
wb-link[button][kind=unstyled] .wb-link {
  --wb-button__border-color: transparent;
  --wb-button__background: none;
  --wb-button__color: var(--wb-ds-color-primary--100);
}
wb-button[kind=tertiary] .wb-button:active, wb-button[kind=tertiary] .wb-button:focus,
wb-button[kind=tertiary] .wb-link:active,
wb-button[kind=tertiary] .wb-link:focus, wb-button[kind=icon] .wb-button:active, wb-button[kind=icon] .wb-button:focus,
wb-button[kind=icon] .wb-link:active,
wb-button[kind=icon] .wb-link:focus, wb-button[kind=unstyled] .wb-button:active, wb-button[kind=unstyled] .wb-button:focus,
wb-button[kind=unstyled] .wb-link:active,
wb-button[kind=unstyled] .wb-link:focus,
wb-link[button][kind=tertiary] .wb-button:active,
wb-link[button][kind=tertiary] .wb-button:focus,
wb-link[button][kind=tertiary] .wb-link:active,
wb-link[button][kind=tertiary] .wb-link:focus,
wb-link[button][kind=icon] .wb-button:active,
wb-link[button][kind=icon] .wb-button:focus,
wb-link[button][kind=icon] .wb-link:active,
wb-link[button][kind=icon] .wb-link:focus,
wb-link[button][kind=unstyled] .wb-button:active,
wb-link[button][kind=unstyled] .wb-button:focus,
wb-link[button][kind=unstyled] .wb-link:active,
wb-link[button][kind=unstyled] .wb-link:focus {
  --wb-button__color: var(--wb-ds-color-primary--140);
}
wb-button[kind=tertiary] .wb-button:hover,
wb-button[kind=tertiary] .wb-link:hover, wb-button[kind=icon] .wb-button:hover,
wb-button[kind=icon] .wb-link:hover, wb-button[kind=unstyled] .wb-button:hover,
wb-button[kind=unstyled] .wb-link:hover,
wb-link[button][kind=tertiary] .wb-button:hover,
wb-link[button][kind=tertiary] .wb-link:hover,
wb-link[button][kind=icon] .wb-button:hover,
wb-link[button][kind=icon] .wb-link:hover,
wb-link[button][kind=unstyled] .wb-button:hover,
wb-link[button][kind=unstyled] .wb-link:hover {
  --wb-button__color: var(--wb-ds-color-primary--120);
}
wb-button[kind=tertiary] .wb-button:disabled, wb-button[kind=tertiary] .wb-button.wb-link--disabled,
wb-button[kind=tertiary] .wb-link:disabled,
wb-button[kind=tertiary] .wb-link.wb-link--disabled, wb-button[kind=icon] .wb-button:disabled, wb-button[kind=icon] .wb-button.wb-link--disabled,
wb-button[kind=icon] .wb-link:disabled,
wb-button[kind=icon] .wb-link.wb-link--disabled, wb-button[kind=unstyled] .wb-button:disabled, wb-button[kind=unstyled] .wb-button.wb-link--disabled,
wb-button[kind=unstyled] .wb-link:disabled,
wb-button[kind=unstyled] .wb-link.wb-link--disabled,
wb-link[button][kind=tertiary] .wb-button:disabled,
wb-link[button][kind=tertiary] .wb-button.wb-link--disabled,
wb-link[button][kind=tertiary] .wb-link:disabled,
wb-link[button][kind=tertiary] .wb-link.wb-link--disabled,
wb-link[button][kind=icon] .wb-button:disabled,
wb-link[button][kind=icon] .wb-button.wb-link--disabled,
wb-link[button][kind=icon] .wb-link:disabled,
wb-link[button][kind=icon] .wb-link.wb-link--disabled,
wb-link[button][kind=unstyled] .wb-button:disabled,
wb-link[button][kind=unstyled] .wb-button.wb-link--disabled,
wb-link[button][kind=unstyled] .wb-link:disabled,
wb-link[button][kind=unstyled] .wb-link.wb-link--disabled {
  --wb-button__color: var(--wb-ds-color-gray--80);
}
wb-button[kind=tertiary-inverted] .wb-button,
wb-button[kind=tertiary-inverted] .wb-link, wb-button[kind=icon-inverted] .wb-button,
wb-button[kind=icon-inverted] .wb-link, wb-button[kind=unstyled-inverted] .wb-button,
wb-button[kind=unstyled-inverted] .wb-link,
wb-link[button][kind=tertiary-inverted] .wb-button,
wb-link[button][kind=tertiary-inverted] .wb-link,
wb-link[button][kind=icon-inverted] .wb-button,
wb-link[button][kind=icon-inverted] .wb-link,
wb-link[button][kind=unstyled-inverted] .wb-button,
wb-link[button][kind=unstyled-inverted] .wb-link {
  --wb-button__border-color: transparent;
  --wb-button__background: none;
  --wb-button__color: var(--wb-ds-color-gray--white);
}
wb-button[kind=tertiary-inverted] .wb-button:active, wb-button[kind=tertiary-inverted] .wb-button:focus,
wb-button[kind=tertiary-inverted] .wb-link:active,
wb-button[kind=tertiary-inverted] .wb-link:focus, wb-button[kind=icon-inverted] .wb-button:active, wb-button[kind=icon-inverted] .wb-button:focus,
wb-button[kind=icon-inverted] .wb-link:active,
wb-button[kind=icon-inverted] .wb-link:focus, wb-button[kind=unstyled-inverted] .wb-button:active, wb-button[kind=unstyled-inverted] .wb-button:focus,
wb-button[kind=unstyled-inverted] .wb-link:active,
wb-button[kind=unstyled-inverted] .wb-link:focus,
wb-link[button][kind=tertiary-inverted] .wb-button:active,
wb-link[button][kind=tertiary-inverted] .wb-button:focus,
wb-link[button][kind=tertiary-inverted] .wb-link:active,
wb-link[button][kind=tertiary-inverted] .wb-link:focus,
wb-link[button][kind=icon-inverted] .wb-button:active,
wb-link[button][kind=icon-inverted] .wb-button:focus,
wb-link[button][kind=icon-inverted] .wb-link:active,
wb-link[button][kind=icon-inverted] .wb-link:focus,
wb-link[button][kind=unstyled-inverted] .wb-button:active,
wb-link[button][kind=unstyled-inverted] .wb-button:focus,
wb-link[button][kind=unstyled-inverted] .wb-link:active,
wb-link[button][kind=unstyled-inverted] .wb-link:focus {
  --wb-button__color: var(--wb-ds-color-gray--60);
}
wb-button[kind=tertiary-inverted] .wb-button:hover,
wb-button[kind=tertiary-inverted] .wb-link:hover, wb-button[kind=icon-inverted] .wb-button:hover,
wb-button[kind=icon-inverted] .wb-link:hover, wb-button[kind=unstyled-inverted] .wb-button:hover,
wb-button[kind=unstyled-inverted] .wb-link:hover,
wb-link[button][kind=tertiary-inverted] .wb-button:hover,
wb-link[button][kind=tertiary-inverted] .wb-link:hover,
wb-link[button][kind=icon-inverted] .wb-button:hover,
wb-link[button][kind=icon-inverted] .wb-link:hover,
wb-link[button][kind=unstyled-inverted] .wb-button:hover,
wb-link[button][kind=unstyled-inverted] .wb-link:hover {
  --wb-button__color: var(--wb-ds-color-gray--20);
}
wb-button[kind=tertiary-inverted] .wb-button:disabled, wb-button[kind=tertiary-inverted] .wb-button.wb-link--disabled,
wb-button[kind=tertiary-inverted] .wb-link:disabled,
wb-button[kind=tertiary-inverted] .wb-link.wb-link--disabled, wb-button[kind=icon-inverted] .wb-button:disabled, wb-button[kind=icon-inverted] .wb-button.wb-link--disabled,
wb-button[kind=icon-inverted] .wb-link:disabled,
wb-button[kind=icon-inverted] .wb-link.wb-link--disabled, wb-button[kind=unstyled-inverted] .wb-button:disabled, wb-button[kind=unstyled-inverted] .wb-button.wb-link--disabled,
wb-button[kind=unstyled-inverted] .wb-link:disabled,
wb-button[kind=unstyled-inverted] .wb-link.wb-link--disabled,
wb-link[button][kind=tertiary-inverted] .wb-button:disabled,
wb-link[button][kind=tertiary-inverted] .wb-button.wb-link--disabled,
wb-link[button][kind=tertiary-inverted] .wb-link:disabled,
wb-link[button][kind=tertiary-inverted] .wb-link.wb-link--disabled,
wb-link[button][kind=icon-inverted] .wb-button:disabled,
wb-link[button][kind=icon-inverted] .wb-button.wb-link--disabled,
wb-link[button][kind=icon-inverted] .wb-link:disabled,
wb-link[button][kind=icon-inverted] .wb-link.wb-link--disabled,
wb-link[button][kind=unstyled-inverted] .wb-button:disabled,
wb-link[button][kind=unstyled-inverted] .wb-button.wb-link--disabled,
wb-link[button][kind=unstyled-inverted] .wb-link:disabled,
wb-link[button][kind=unstyled-inverted] .wb-link.wb-link--disabled {
  --wb-button__color: var(--wb-ds-color-gray--60);
}
wb-button[kind=icon] .wb-button,
wb-button[kind=icon] .wb-link, wb-button[kind=icon-inverted] .wb-button,
wb-button[kind=icon-inverted] .wb-link,
wb-link[button][kind=icon] .wb-button,
wb-link[button][kind=icon] .wb-link,
wb-link[button][kind=icon-inverted] .wb-button,
wb-link[button][kind=icon-inverted] .wb-link {
  --wb-button__bezel-left: var(--wb-ds-space--s);
  --wb-button__bezel-right: var(--wb-ds-space--s);
}
wb-button[kind=unstyled] .wb-button,
wb-button[kind=unstyled] .wb-link, wb-button[kind=unstyled-inverted] .wb-button,
wb-button[kind=unstyled-inverted] .wb-link,
wb-link[button][kind=unstyled] .wb-button,
wb-link[button][kind=unstyled] .wb-link,
wb-link[button][kind=unstyled-inverted] .wb-button,
wb-link[button][kind=unstyled-inverted] .wb-link {
  --wb-button__bezel-top: 0;
  --wb-button__bezel-bottom: 0;
  --wb-button__bezel-left: 0;
  --wb-button__bezel-right: 0;
}

wb-toggle {
  --wb-ds-field__height: 2.5rem;
  --wb-ds-field__width: 5rem;
  --wb-icon__size: var(--wb-toggle__height);
  padding-top: 5px;
}
wb-toggle .wb-field-label {
  cursor: var(--wb-ds-field__cursor--valid, pointer);
}
wb-toggle[disabled] {
  opacity: 1;
}
wb-toggle[disabled] .wb-field-label--disabled {
  cursor: var(--wb-ds-field__cursor--disabled, not-allowed);
}
wb-toggle .wb-toggle__input {
  background: var(--wb-ds-color-gray--40);
}
wb-toggle .wb-toggle__input:after {
  border-color: var(--wb-ds-color-gray--40);
}
wb-toggle .wb-toggle__input:disabled {
  background: var(--wb-ds-color-gray--40);
}
wb-toggle .wb-toggle__input:disabled:after {
  border-color: var(--wb-ds-color-gray--40);
}
wb-toggle .wb-toggle__input:disabled:checked {
  background: #65a883;
}
wb-toggle .wb-toggle__input:disabled:checked:after {
  border-color: #65a883;
}
wb-toggle .wb-toggle__input:focus:after {
  border-color: transparent;
  outline-color: var(--wb-ds-color-primary--100);
}
wb-toggle .wb-toggle__input:hover {
  background: var(--wb-ds-color-gray--80);
}
wb-toggle .wb-toggle__input:hover:after {
  border-color: var(--wb-ds-color-gray--80);
}
wb-toggle .wb-toggle__input:checked {
  background: var(--wb-ds-color-success--100);
}
wb-toggle .wb-toggle__input:checked:after {
  border-color: var(--wb-ds-color-success--100);
}
wb-toggle .wb-toggle__input:checked:focus:after {
  border-color: transparent;
}
wb-toggle .wb-toggle__input:checked:hover {
  background: var(--wb-ds-color-success--100);
}
wb-toggle .wb-toggle__input:checked:hover:after {
  border-color: var(--wb-ds-color-success--120);
}

/* RESPONSIVE DISPLAY (base) */
:root {
  --ewz-show-in--xs: none;
  --ewz-show-in--sm: none;
  --ewz-show-in--md: none;
  --ewz-show-in--lg: none;
  --ewz-show-in--xl: none;
  --ewz-show-in--xxl: none;
}

/* RESPONSIVE DISPLAY (per viewport) */
@media (min-width: 320px) {
  :root {
    --ewz-show-in--xs: block;
    --ewz-hide-in--xs: none;
  }
}
@media (--wb-ds-viewport--xs) {
  :root {
    --ewz-show-in--xs: block;
    --ewz-hide-in--xs: none;
  }
}
@media (min-width: 600px) {
  :root {
    --ewz-show-in--sm: block;
    --ewz-hide-in--sm: none;
    --wb-ds-grid__grid-margin: calc(var(--wb-ds-space--m) * 2);
  }
}
@media (--wb-ds-viewport--sm) {
  :root {
    --ewz-show-in--sm: block;
    --ewz-hide-in--sm: none;
    --wb-ds-grid__grid-margin: calc(var(--wb-ds-space--m) * 2);
  }
}
@media (min-width: 900px) {
  :root {
    --ewz-show-in--md: block;
    --ewz-hide-in--md: none;
  }
}
@media (--wb-ds-viewport--md) {
  :root {
    --ewz-show-in--md: block;
    --ewz-hide-in--md: none;
  }
}
@media (min-width: 1200px) {
  :root {
    /* RESPONSIVE DISPLAY */
    --ewz-show-in--lg: block;
    --ewz-hide-in--lg: none;
    --wb-ds-grid__grid-margin: calc(var(--wb-ds-space--m) * 2.5);
  }
}
@media (--wb-ds-viewport--lg) {
  :root {
    /* RESPONSIVE DISPLAY */
    --ewz-show-in--lg: block;
    --ewz-hide-in--lg: none;
    --wb-ds-grid__grid-margin: calc(var(--wb-ds-space--m) * 2.5);
  }
}
@media (min-width: 1600px) {
  :root {
    /* RESPONSIVE DISPLAY */
    --ewz-show-in--xl: block;
    --ewz-hide-in--xl: none;
    /** GRID */
    --wb-ds-grid__max-width: 1280px;
  }
}
@media (--wb-ds-viewport--xl) {
  :root {
    /* RESPONSIVE DISPLAY */
    --ewz-show-in--xl: block;
    --ewz-hide-in--xl: none;
    /** GRID */
    --wb-ds-grid__max-width: 1280px;
  }
}
@media (min-width: 2580px) {
  :root {
    /* RESPONSIVE DISPLAY */
    --ewz-show-in--xxl: block;
    --ewz-hide-in--xxl: none;
  }
}
@media (--wb-ds-viewport--xxl) {
  :root {
    /* RESPONSIVE DISPLAY */
    --ewz-show-in--xxl: block;
    --ewz-hide-in--xxl: none;
  }
}
/* Remove the top spacing of the second page section if two consecutive page sections with the same background color are rendered one after the other */
/* lightblue variant */
ewz-pagesection[bgcolor=bg-bleed--blue-bright] + ewz-pagesection[bgcolor=bg-bleed--blue-bright],
ewz-pagesection[bgcolor=theme--gradient-blue] + ewz-pagesection[bgcolor=theme--gradient-blue],
ewz-pagesection:not([bgcolor]) + ewz-pagesection:not([bgcolor]),
ewz-pagesection:not([bgcolor]) + ewz-pagesection[bgcolor=white],
ewz-pagesection[bgcolor=white] + ewz-pagesection[bgcolor=white],
ewz-pagesection[bgcolor=white] + ewz-pagesection:not([bgcolor]) {
  --ewz-pagesection--bezel-top: 0;
}

/*# sourceMappingURL=ewz-design.css.map*/