/*!****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./wwwroot/content/loginV2/font.css ***!
  \****************************************************************************************************************/
@font-face {
    font-family: "Monument Grotesk";
    src: url(/dist/345f490088ba98349598.woff2) format("woff2"), url(/dist/22df0198d349b7225107.woff) format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Viedoc Monument Grotesk";
    src: url(/dist/3ed690db7f3cf511546e.woff2) format("woff2"), url(/dist/0b0c598822d2181232db.woff) format("woff");
    font-display: swap;
}

@font-face {
    font-family: "Monument Grotesk";
    src: url(/dist/5ecc25d491330ed09095.woff2) format("woff2"), url(/dist/266f0cd089c1ed27ac5e.woff) format("woff");
    font-display: swap;
    font-weight: 700;
}

@font-face {
    font-family: "Monument Grotesk";
    src: url(/dist/2fa365783ed34e6f2a48.woff2) format("woff2"), url(/dist/16b8dd5114bd4fca762b.woff) format("woff");
    font-display: swap;
    font-style: italic;
}

@font-face {
    font-family: "Monument Grotesk";
    src: url(/dist/1d2f99d5bb0a62df4c74.woff2) format("woff2"), url(/dist/7d9895604575ed41d61d.woff) format("woff");
    font-display: swap;
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "MPlus Rounded";
    src: url(/dist/a6e3080ac0a8e6ca12b4.ttf);
    font-display: swap;
}
/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./wwwroot/content/loginV2/typography.css ***!
  \**********************************************************************************************************************/
:root {
    --font-size-xxsmall: 1rem; /* 16px */
    --font-size-xsmall: 1.125rem; /* 18px */
    --font-size-small: 1.313rem; /* 21px */
    --font-size-medium: 1.563rem; /* 25px */
    --font-size-large: 1.75rem; /* 28px */
    --font-size-xlarge: 2rem; /* 32px */
    --font-size-xxlarge: 2.5rem; /* 40px */
    --font-size-xxxlarge: 4rem; /* 64px */
}

/* Fluidly scale typography across viewport widths 384px to 1440px */

/* Fallback values if clamp is not supported */
:root {
    --font-size-fluid-xxsmall: var(--font-size-xxsmall);
    --font-size-fluid-xsmall: var(--font-size-xsmall);
    --font-size-fluid-small: var(--font-size-small);
    --font-size-fluid-medium: var(--font-size-medium);
    --font-size-fluid-large: var(--font-size-large);
    --font-size-fluid-xlarge: var(--font-size-xlarge);
}

/* Add fluid values if clamp is supported */
/* Calculated using: https://websemantics.uk/tools/responsive-font-calculator/ */

@supports (
  font-size: clamp(0.875rem, calc(0.875rem + ((1vw - 0.24rem) * 0.1894)), 1rem)
) {
    :root {
        --font-size-fluid-xxsmall: clamp( 1rem, calc(1rem + ((1vw - 0.24rem) * 0.1894)), 1.125rem ); /* 16px to 18px */
        --font-size-fluid-xsmall: clamp( 1.125rem, calc(1.125rem + ((1vw - 0.24rem) * 0.2848)), 1.313rem ); /* 18px to 21px */
        --font-size-fluid-small: clamp( 1.313rem, calc(1.313rem + ((1vw - 0.24rem) * 0.3788)), 1.563rem ); /* 21px to 25px */
        --font-size-fluid-medium: clamp( 1.563rem, calc(1.563rem + ((1vw - 0.24rem) * 0.2833)), 1.75rem ); /* 25px to 28px */
        --font-size-fluid-large: clamp( 1.75rem, calc(1.75rem + ((1vw - 0.24rem) * 0.3788)), 2rem ); /* 28px to 32px */
        --font-size-fluid-xlarge: clamp( 2rem, calc(2rem + ((1vw - 0.24rem) * 0.3788)), 2.25rem ); /* 32px to 36px */
        --font-size-fluid-xxlarge: clamp( 4rem, calc(4rem + ((1vw - 0.24rem) * 2.4621)), 5.625rem ); /*  64px to 90px */
    }
}

/*!*************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./wwwroot/content/loginV2/gridSelection.css ***!
  \*************************************************************************************************************************/
.grid {
    height: 100%;
    width: 100%;
    display: grid;
    align-items: baseline;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 1fr max-content 1.15fr;
    grid-template-areas:
        ". ."
        "title form"
        ". footer";
    position: relative;
}

    .grid:before,
    .grid:after {
        content: "";
        position: absolute;
        z-index: 1;
        height: 6px;
        left: -3px;
        right: -3px;
    }

    .grid:before {
        background: linear-gradient( to right, transparent 6px calc(50% - 3px), var(--color-black) calc(50% - 3px) calc(50% + 3px), transparent calc(50% + 3px) calc(100% - 6px), var(--color-black) calc(100% - 6px) );
        top: -3px;
    }

    .grid:after {
        background: linear-gradient( to right, var(--color-black) 6px, transparent 6px calc(100% - 6px), var(--color-black) calc(100% - 6px) );
        bottom: -3px;
    }

.grid__title {
    grid-area: title;
    font-weight: normal;
    font-size: var(--font-size-xxxlarge);
    line-height: 1.1;
    margin: 0;
    color: var(--color-black);
    padding-right: 74px;
}

.grid__footer {
    grid-area: footer;
}

.grid__form {
    grid-area: form;
    margin-bottom: 70px;
}

@media (max-width: 48rem) {
    .grid {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, min-content) 1fr;
        grid-template-areas:
            "title"
            "form"
            "footer";
    }

    .grid__title {
        font-size: var(--font-size-xlarge);
        margin-bottom: 3.875rem;
        margin-top: 2.5rem;
    }

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

    .grid:before,
    .grid:after {
        display: none;
    }

    .eid-login-page .login-form__row {
        width: 100% !important;
    }
}

@media (max-width: 28rem) {

    .eid-login-page .eid-button {
        width: 21.375rem !important;
    }

    .eid-login-page .login-form__row {
        width: 100% !important;
    }

    .eid-login-page .eid-form {
        padding: 0px !important;
    }
}

@media (max-width: 22rem) {

    .eid-login-page .eid-button {
        width: 19.375rem !important;
    }

    .eid-login-page .eid-form {
        padding: 0px !important;
    }
}


@media only screen and (max-width: 52rem) and (orientation: portrait) {
    .eid-login-page .login-form {
        align-items: stretch;
    }

    .eid-login-page .eid-form {
        padding-left: 3.125rem;
        padding-right: 3.125rem;
    }

    .eid-login-page .grid {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, min-content) 1fr;
        grid-template-areas:
            "title"
            "form"
            "footer";
    }

    .eid-login-page .grid__title {
        font-size: var(--font-size-xlarge);
        margin-bottom: 3.875rem;
        margin-top: 2.5rem;
    }

    .eid-login-page .grid__footer {
        align-items: center !important;
    }

    .eid-login-page .grid:before,
    .grid:after {
        display: none;
    }

    .eid-login-page .login-form__row {
        width: 100% !important;
    }

}

/*!************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./wwwroot/content/loginV2/publicLayout.css ***!
  \************************************************************************************************************************/
.public-layout {
    display: flex;
    justify-content: center;
    width: 100%;
    min-height: 100vh;
    padding: 0 45px 48px;
    background-color: var(--color-white);
    z-index: 0; /* to contain child z-indexes */
    position: relative;
}

.public-layout__content {
    display: flex;
    flex: 1 1 auto;
    flex-flow: column;
    max-width: 1440px;
}

.public-layout__header {
    display: flex;
    align-items: flex-end;
    height: var(--header-height);
}

.public-layout__header-logo {
    height: 1.375rem;
    width: auto;
}

.public-layout__content main {
    flex: 1;
}

@media (max-width: 48rem) {
    .public-layout {
        padding: 0 24px 28px;
    }
}

/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./wwwroot/content/loginV2/login-form.css ***!
  \**********************************************************************************************************************/
.login-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.login-form__row {
    margin-top: 3rem;
}

    .login-form__row:first-child {
        margin-top: 0;
    }

.login-form__error {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    min-height: 1rem;
    color: var(--color-red);
}

    .login-form__error svg {
        margin-right: 0.5rem;
    }

.login-form__error--message {
    font-size: var(--font-size-xsmall);
}

    .login-form__error--message a {
        color: inherit;
    }

.login-form__input {
    width: 480px;
    max-width: 100%;
}

.d-table {
    display: table;
}

.d-flex {
    display: flex;
}

.d-grid {
    display: grid;
}

.eid-login-page .login-form {
    flex-direction: column;
    align-items: flex-start;
    display: initial;
}

.eid-login-page .eid-button {
    border: 1px solid #CCCCCC;
    max-width: 31.25rem;
    width: 31.25rem;
    padding: 1.875rem 1.563rem 1.563rem 1.563rem;
    border-radius: 1.875rem;
    text-decoration: none;
    display: block;
    color: #131313;
}

.eid-login-page .login-form__row {
    width: 480px;
    max-width: 100%;
}

.eid-login-page viedoc-button, viedoc-button-link {
    width: 100%;
}

.eid-login-page viedoc-button-link[variant="default"] {
    border: 1px solid #CCCCCC;
    border-radius: 134px;
}

    .eid-login-page viedoc-button-link[variant="default"]:hover {
        border: 1px solid #999999;
        background: #FAFAFA;
    }

    .eid-login-page .eid-button img {
        width: 6.25rem;
        height: 2.25rem;
    }

.eid-login-page .eid-button:hover {
    border: 1px solid #999999;
    background: #FAFAFA;
}

.eid-login-page .box__section {
    display: inline-grid;
    justify-content: center;
}

    .eid-login-page .box__section a:not(:first-of-type) {
        margin-top: 1.25rem;
    }

.align-self-center {
    align-self: center;
}

@media (max-width: 48rem) {
    .login-form {
        align-items: stretch;
    }

    .login-form__input {
        width: 100%;
    }
}

/*!*****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./wwwroot/content/loginV2/index.css ***!
  \*****************************************************************************************************************/
/*@import "./component.css";*/

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

:root {
    --color-white: #ffffff;
    --color-grey-10: #f2f2f2;
    --color-grey-20: #e7e7e7;
    --color-grey-30: #cccccc;
    --color-grey-40: #b4b4b4;
    --color-grey-50: #999999;
    --color-grey-60: #818181;
    --color-grey-70: #666666;
    --color-grey-80: #4d4d4d;
    --color-grey-90: #333333;
    --color-grey-100: #1a1a1a;
    --color-black: #000000;
    --color-green-darker: #007922;
    --color-green-dark: #008625;
    --color-green: #00ac26;
    --color-yellow: #ebe73d;
    --color-red-dark: #6a0023;
    --color-red: #ff2e00;
    --color-orange-dark: #e0420d;
    --color-orange: #f86800;
    --color-orange-light: #fdf6f3;
    --color-purple-dark: #7b4dff;
    --color-purple: #6f77ff;
    --color-blue-light: #3798e8;
    --color-blue: #0086d2;
    --screen-width-small: 375px;
    --screen-width-medium: 720px;
    --screen-width-large: 1440px;
    --button-size-small: 2.25rem;
    --button-size-large: 2.688rem;
    --button-size-large-mobile: 3rem;
    --circular-button-size-small: 2.375rem;
    --ciruclar-button-size-large: 3rem;
    --rectangular-button-size-small: 7.125rem;
    --rectangular-button-size-large: 9rem;
    --header-spacing-left: 1.5rem;
    --header-spacing-right: 1.5rem;
    --header-height: 3.75rem;
    --main-background-color: #ececec;
    --main-content-max-width: 58.75rem;
    --loading-indicator-animation-speed: 3s;
    --dashboard-gap-size: 2px;
    --border-radius: 1.875rem;
}

body {
    margin: 0;
    font-family: "Viedoc Monument Grotesk", Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    body:lang(ja) {
        font-family: "MPlus Rounded";
    }

    body.overlay-visible,
    body.modal-open {
        overflow: hidden;
    }

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}

svg {
    display: block;
    fill: currentColor;
}

.footer {
    align-items: center;
    color: var(--color-grey-70);
    display: flex;
    flex-direction: column;
    font-size: 0.813rem;
    margin-top: auto;
    text-align: center;
}

.footer--left-align {
    align-items: flex-start;
    text-align: left;
}

.footer__error {
    color: var(--color-red);
}

.footer__logo {
    height: 2.5rem;
    width: auto;
}

.footer--dark {
    color: var(--color-grey-50);
}

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

.provider-logo {
    width: 100%;
    margin-bottom: 1rem;
}


@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    to {
        opacity: 0;
    }
}
/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/@viedoc/viedoc-ui/dist/src/css/viedoc.css ***!
  \**************************************************************************************************************************************/
:root,
:host {
  /* TYPOGRAPHY */

  /* Font families */
  --font-family-monument: 'Monument Grotesk', Helvetica, Arial, sans-serif;
  --font-family-viedoc: 'Viedoc Monument Grotesk', 'Monument Grotesk', Helvetica,
    Arial, sans-serif;

  /* Font sizes */
  --font-size-4xl: 7.5rem; /* 120px */
  --font-size-3xl: 4rem; /* 64px */
  --font-size-2xl: 2rem; /* 32px */
  --font-size-xl: 1.75rem; /* 28px */
  --font-size-lg: 1.5rem; /* 24px */
  --font-size-md: 1.3125rem; /* 21px */
  --font-size-sm: 1rem; /* 16px */
  --font-size-xs: 0.875rem; /* 14px */
  --font-size-2xs: 0.8125rem; /* 13px */
  --font-size-3xs: 0.6875rem; /* 11px */

  /* Line heights */
  --line-height-densest: 1;
  --line-height-denser: 1.1;
  --line-height-dense: 1.15;
  --line-height-normal: 1.2; /* Desktop browsers use a default value of roughly 1.2 */
  --line-height-loose: 1.3;
  --line-height-looser: 1.35;

  /* COLORS */

  --color-gray-0: #ffffff;
  --color-gray-100: #000000;

  /* Gray scale */
  --color-gray-5: #fafafa;
  --color-gray-10: #f3f3f3;
  --color-gray-15: #ececec;
  --color-gray-20: #e0e0e0;
  --color-gray-30: #cccccc;
  --color-gray-40: #999999;
  --color-gray-50: #808080;
  --color-gray-60: #666666;
  --color-gray-70: #4c4c4c;
  --color-gray-80: #333333;
  --color-gray-85: #262626;
  --color-gray-90: #1b1b1b;
  --color-gray-95: #131313;

  /* Forest */
  --color-forest-5: #f2f9f4;
  --color-forest-10: #d9edde;
  --color-forest-15: #a6d5b3;
  --color-forest-20: #66b77d;
  --color-forest-30: #219742;
  --color-forest-40: #128f35;
  --color-forest-50: #008726;
  --color-forest-60: #007e23;
  --color-forest-70: #007521;
  --color-forest-80: #005819;
  --color-forest-85: #00360f;
  --color-forest-90: #001b08;
  --color-forest-95: #000e04;

  /* Green */
  --color-green-5: #f2fbf4;
  --color-green-10: #d9f3de;
  --color-green-15: #a6e2b3;
  --color-green-20: #66cd7d;
  --color-green-30: #21b742;
  --color-green-40: #12b235;
  --color-green-50: #00ac26;
  --color-green-60: #00a023;
  --color-green-70: #009621;
  --color-green-80: #00841c;
  --color-green-85: #006015;
  --color-green-90: #003c0c;
  --color-green-95: #002008;

  /* Yellow */
  --color-yellow-5: #fdfcec;
  --color-yellow-10: #fbfad8;
  --color-yellow-15: #f8f6bb;
  --color-yellow-20: #f3f08b;
  --color-yellow-30: #f0ec6d;
  --color-yellow-40: #eeea5a;
  --color-yellow-50: #ebe63d;
  --color-yellow-60: #dfda3a;
  --color-yellow-70: #d1cd36;
  --color-yellow-80: #aca92d;
  --color-yellow-85: #7c7920;
  --color-yellow-90: #626019;
  --color-yellow-95: #2d2c0b;

  /* Wine */
  --color-wine-5: #f8f2f4;
  --color-wine-10: #e9d9de;
  --color-wine-15: #cba6b2;
  --color-wine-20: #a6667b;
  --color-wine-30: #7d2140;
  --color-wine-40: #741232;
  --color-wine-50: #6a0023;
  --color-wine-60: #630021;
  --color-wine-70: #5c001e;
  --color-wine-80: #450017;
  --color-wine-85: #2a000e;
  --color-wine-90: #150007;
  --color-wine-95: #0b0004;

  /* Red */
  --color-red-5: #fff4f2;
  --color-red-10: #ffe0d9;
  --color-red-15: #ffb6a6;
  --color-red-20: #ff8266;
  --color-red-30: #ff4921;
  --color-red-40: #ff3d12;
  --color-red-50: #ff2e00;
  --color-red-60: #ed2b00;
  --color-red-70: #e52800;
  --color-red-80: #b92200;
  --color-red-85: #7f1600;
  --color-red-90: #450d00;
  --color-red-95: #2f0900;

  /* Carrot */
  --color-carrot-5: #fff7f2;
  --color-carrot-10: #fee8d9;
  --color-carrot-15: #fdcaa6;
  --color-carrot-20: #fba466;
  --color-carrot-30: #f97c21;
  --color-carrot-40: #f97312;
  --color-carrot-50: #f86800;
  --color-carrot-60: #ee5f00;
  --color-carrot-70: #e45800;
  --color-carrot-80: #cc4e00;
  --color-carrot-85: #b03e00;
  --color-carrot-90: #7a2a00;
  --color-carrot-95: #642200;

  /* Fire */
  --color-fire-5: #fff6f3;
  --color-fire-10: #ffe2d8;
  --color-fire-15: #ffbba3;
  --color-fire-20: #ff8962;
  --color-fire-30: #f55722;
  --color-fire-40: #ec4e19;
  --color-fire-50: #e0420d;
  --color-fire-60: #da3c07;
  --color-fire-70: #d43601;
  --color-fire-80: #a72b01;
  --color-fire-85: #6f1d01;
  --color-fire-90: #431201;
  --color-fire-95: #2c0c01;

  /* Iris */
  --color-iris-5: #f8f6ff;
  --color-iris-10: #ebe4ff;
  --color-iris-15: #d1c0ff;
  --color-iris-20: #b094ff;
  --color-iris-30: #8c63ff;
  --color-iris-40: #8459ff;
  --color-iris-50: #7b4cff;
  --color-iris-60: #7247ed;
  --color-iris-70: #6b42de;
  --color-iris-80: #5031a6;
  --color-iris-85: #311e66;
  --color-iris-90: #190f33;
  --color-iris-95: #0c081a;

  /* Periwinkle */
  --color-periwinkle-5: #f8f8ff;
  --color-periwinkle-10: #e9ebff;
  --color-periwinkle-15: #cccfff;
  --color-periwinkle-20: #a8adff;
  --color-periwinkle-30: #8189ff;
  --color-periwinkle-40: #7881ff;
  --color-periwinkle-50: #6e77ff;
  --color-periwinkle-60: #666fed;
  --color-periwinkle-70: #6068de;
  --color-periwinkle-80: #484da6;
  --color-periwinkle-85: #2c3066;
  --color-periwinkle-90: #161833;
  --color-periwinkle-95: #0b0c1a;

  /* Sky */
  --color-sky-5: #f5fafe;
  --color-sky-10: #e1f0fc;
  --color-sky-15: #b9dbf7;
  --color-sky-20: #87c1f1;
  --color-sky-30: #51a5eb;
  --color-sky-40: #459fea;
  --color-sky-50: #3798e8;
  --color-sky-60: #338dd8;
  --color-sky-70: #3084ca;
  --color-sky-80: #2c75b2;
  --color-sky-85: #205b8c;
  --color-sky-90: #133550;
  --color-sky-95: #0a1c2b;

  /* Blue */
  --color-blue-5: #f7fbfd;
  --color-blue-10: #d9edf8;
  --color-blue-15: #a6d5ef;
  --color-blue-20: #66b6e4;
  --color-blue-30: #2196d8;
  --color-blue-40: #128ed5;
  --color-blue-50: #0086d2;
  --color-blue-60: #057bc4;
  --color-blue-70: #0075b7;
  --color-blue-80: #00659f;
  --color-blue-85: #004c76;
  --color-blue-90: #003a5a;
  --color-blue-95: #002034;

  /* Base colors */
  --color-forest: var(--color-forest-50);
  --color-green: var(--color-green-50);
  --color-yellow: var(--color-yellow-50);
  --color-wine: var(--color-wine-50);
  --color-red: var(--color-red-50);
  --color-carrot: var(--color-carrot-50);
  --color-fire: var(--color-fire-50);
  --color-iris: var(--color-iris-50);
  --color-periwinkle: var(--color-periwinkle-50);
  --color-sky: var(--color-sky-50);
  --color-blue: var(--color-blue-50);
}

:root,
:host,
.viedoc-theme-light {
  /* Semantic colors */
  --primary-color: var(--color-gray-95);
  --primary-highlight-color: var(--color-gray-80);
  --primary-contrast-color: var(--color-gray-0);

  --secondary-color: var(--color-gray-60);
  --secondary-highlight-color: var(--color-gray-70);
  --secondary-contrast-color: var(--color-gray-0);

  --success-color: var(--color-forest);
  --success-highlight-color: var(--color-forest-70);
  --success-contrast-color: var(--color-gray-0);

  --error-color: var(--color-red-70);
  --error-highlight-color: var(--color-red-80);
  --error-contrast-color: var(--color-gray-0);

  --warning-color: var(--color-carrot-80);
  --warning-highlight-color: var(--color-carrot-85);
  --warning-contrast-color: var(--color-gray-0);

  --info-color: var(--color-blue-60);
  --info-highlight-color: var(--color-blue-80);
  --info-contrast-color: var(--color-gray-0);

  --neutral-color: var(--color-gray-20);
  --neutral-highlight-color: var(--color-gray-30);
  --neutral-contrast-color: var(--color-gray-95);

  --primary-text-color: var(--color-gray-95);
  --secondary-text-color: var(--color-gray-60);

  --primary-background-color: var(--color-gray-15);
  --secondary-background-color: var(--color-gray-0);
  --tertiary-background-color: var(--color-gray-10);

  /* Component theming */
  --avatar-color: var(--primary-contrast-color);
  --avatar-background-color: var(--primary-color);

  --graph-color: var(--primary-color);
  --graph-background-color: var(--tertiary-background-color);
  --graph-label-color: var(--secondary-color);

  --indicator-color: var(--color-gray-40);
  --track-color: var(--primary-background-color);

  --link-color: var(--primary-text-color);
}

.viedoc-theme-dark {
  --primary-color: var(--color-gray-0);
  --primary-highlight-color: var(--color-gray-10);
  --primary-contrast-color: var(--color-gray-100);

  --neutral-color: var(--color-gray-95);
  --neutral-highlight-color: var(--color-gray-90);
  --neutral-contrast-color: var(--color-gray-0);

  --primary-text-color: var(--color-gray-0);

  --primary-background-color: var(--color-gray-100);

  /* Component theming */
  --graph-color: var(--primary-color);
  --graph-background-color: var(--color-gray-90);
  --graph-label-color: var(--color-gray-0);

  --track-color: var(--color-gray-90);

  --link-color: var(--primary-text-color);
}