@supports (font: -apple-system-body) {
    html {
        font: -apple-system-body !important;
    }
}

:root{
    --brand-bg-default: #373c42;
    --brand-bg-hover: #373c42;
    --brand-bg-focus: #464c54;
    --brand-bg-active: #464c54;
    --brand-bg-disabled: #e1e4e8;
    --brand-bg-gradient-start: #373c42;
    --brand-bg-gradient-end: #0f1214;
    --brand-bg-gradient-default: linear-gradient(90deg, #373c42 0%, #0f1214 100%);
    --brand-bg-strong-default: #373c42;
    --brand-bg-strong-hover: #373c42;
    --brand-bg-strong-focus: #373c42;
    --brand-bg-strong-active: #373c42;
    --brand-text-default: #f7f7f7;
    --brand-text-hover: #f7f7f7;
    --brand-text-active: #f7f7f7;
    --brand-text-weak-default: #f7f7f7;
    --brand-text-weak-hover: #f7f7f7;
    --brand-text-weak-focus: #f7f7f7;
    --brand-text-weak-active: #f7f7f7;
    --brand-text-strong-default: #f0f1f2;
    --brand-icon-default: #f7f7f7;
    --brand-icon-hover: #fff;
    --brand-icon-active: #fff;
    --brand-icon-weak-default: #f7f7f7;
    --brand-icon-weak-hover: #f7f7f7;
    --brand-icon-weak-focus: #f7f7f7;
    --brand-icon-weak-active: #f7f7f7;
    --brand-border-active: #cce1ff;
    --brand-accent-icon-default: #7e868f;
    --brand-accent-icon-focus: #fff;
    --brand-accent-icon-active: #45991f;
    --brand-accent-icon-disabled: #d0d4d9;
    --brand-accent-icon-weak-default: #c1c6cc;
    --brand-accent-icon-weak-focus: #fff;
    --brand-accent-icon-weak-active: #6bbf41;
    --brand-accent-icon-weak-disabled: #d0d4d9;
    --brand-accent-icon-medium-default: #a7adb5;
    --brand-accent-icon-medium-focus: #fff;
    --brand-accent-icon-medium-active: #52a62b;
    --brand-accent-icon-medium-disabled: #d0d4d9;
    --brand-accent-border-default: #52a62b;
    --brand-accent-border-hover: #e1e4e8;
    --brand-accent-border-focus: #45991f;
    --brand-accent-border-active: #45991f;
    --brand-accent-border-weak-default: #d0d4d9;
    --brand-accent-border-weak-hover: #fff;
    --brand-accent-border-weak-focus: #fff;
    --brand-accent-border-weak-active: #6bbf41;
    --brand-accent-border-weak-disabled: #fff;
    --brand-accent-border-medium-default: #f0f1f2;
    --brand-accent-border-medium-hover: #fff;
    --brand-accent-border-medium-focus: #fff;
    --brand-accent-border-medium-active: #e0f5d5;
    --brand-accent-border-medium-disabled: #fff;
    --brand-accent-border-strong-default: #f7f7f7;
    --brand-accent-border-strong-hover: #f7f7f7;
    --brand-accent-border-strong-focus: #f7f7f7;
    --brand-accent-border-strong-active: #f7f7f7;
    --brand-accent-border-strong-disabled: #fff;
    --base-bg-default: #f7f7f7;
    --base-bg-hover: #f7f7f7;
    --base-bg-active: #f7f7f7;
    --base-bg-disabled: #f0f1f2;
    --base-bg-weak-default: #fff;
    --base-bg-weak-hover: rgba(225,228,232,.8);
    --base-bg-weak-active: #f0f1f2;
    --base-bg-weak-disabled: #f0f1f2;
    --base-bg-medium-default: #f7f7f7;
    --base-bg-medium-hover: #e1e4e8;
    --base-bg-medium-active: #f0f1f2;
    --base-bg-medium-disabled: #f7f7f7;
    --base-bg-strong-default: #656c75;
    --base-bg-strong-hover: #23282e;
    --base-bg-strong-focus: #23282e;
    --base-bg-strong-active: #23282e;
    --base-bg-strong-disabled: #d0d4d9;
    --base-icon-in-default: #fff;
    --base-icon-in-hover: #fff;
    --base-icon-in-focus: #fff;
    --base-icon-in-active: #fff;
    --base-icon-in-disabled: #fff;
    --base-text-default: #23282e;
    --base-text-disabled: #c1c6cc;
    --base-text-weak-default: #889099;
    --base-text-weak-disabled: #c1c6cc;
    --base-text-medium-default: #596069;
    --base-text-medium-disabled: #c1c6cc;
    --base-text-strong-default: #373c42;
    --base-text-strong-disabled: #c1c6cc;
    --base-text-in-default: #fff;
    --base-text-in-hover: #fff;
    --base-text-in-focus: #fff;
    --base-text-in-active: #fff;
    --base-text-in-disabled: #fff;
    --base-text-in-weak-default: #f7f7f7;
    --base-border-default: #e1e4e8;
    --base-border-weak-default: #fff;
    --base-border-medium-default: #e1e4e8;
    --base-border-strong-default: #656c75;
    --base-border-gradient-default: linear-gradient( 180deg, #f7f7f7 0%, #e1e4e8 50%, #f7f7f7 100% );
    --inverse-bg-default: #373c42;
    --inverse-bg-hover: #373c42;
    --inverse-bg-focus: #464c54;
    --inverse-bg-active: #464c54;
    --inverse-bg-disabled: #e1e4e8;
    --inverse-bg-gradient-start: #373c42;
    --inverse-bg-gradient-end: #0f1214;
    --inverse-bg-gradient-default: linear-gradient( 90deg, #373c42 0%, #0f1214 100% );
    --inverse-bg-weak-default: #373c42;
    --inverse-text-default: #f7f7f7;
    --inverse-text-hover: #f7f7f7;
    --inverse-text-focus: #f7f7f7;
    --inverse-text-active: #f7f7f7;
    --inverse-text-disabled: #656c75;
    --inverse-text-medium-default: #c1c6cc;
    --inverse-text-medium-disabled: #656c75;
    --inverse-icon-default: #f7f7f7;
    --inverse-icon-hover: #fff;
    --inverse-icon-focus: #fff;
    --inverse-icon-active: #fff;
    --inverse-icon-disabled: #6f7680;
    --inverse-icon-strong-default: #fff;
    --inverse-icon-strong-hover: #fff;
    --inverse-icon-strong-focus: #fff;
    --inverse-icon-strong-active: #fff;
    --inverse-icon-strong-disabled: #fff;
    --inverse-border-default: #6f7680;
    --inverse-border-hover: #649ef5;
    --inverse-border-focus: #cce1ff;
    --inverse-border-active: #cce1ff;
    --inverse-border-disabled: #e1e4e8;
    --control-bg-default: #fff;
    --control-bg-hover: #e3eeff;
    --control-bg-focus: #f0f1f2;
    --control-bg-active: #f0f1f2;
    --control-bg-disabled: #f7f7f7;
    --control-bg-weak-default: #fff;
    --control-bg-weak-hover: #cce1ff;
    --control-bg-weak-focus: #e3eeff;
    --control-bg-weak-active: #e3eeff;
    --control-bg-weak-disabled: #f7f7f7;
    --control-bg-medium-default: #fff;
    --control-bg-medium-hover: #f7f7f7;
    --control-bg-medium-focus: #e3eeff;
    --control-bg-medium-active: #e3eeff;
    --control-bg-medium-disabled: #e1e4e8;
    --control-bg-strong-default: #2774d9;
    --control-bg-strong-hover: #0d5cbd;
    --control-bg-strong-focus: #0d5cbd;
    --control-bg-strong-active: #0d5cbd;
    --control-bg-strong-disabled: #bad6ff;
    --control-icon-default: #1d69cc;
    --control-icon-hover: #0d5cbd;
    --control-icon-focus: #0d5cbd;
    --control-icon-active: #0d5cbd;
    --control-icon-disabled: #a3c8ff;
    --control-icon-weak-default: #7e868f;
    --control-icon-weak-hover: #2774d9;
    --control-icon-weak-focus: #2774d9;
    --control-icon-weak-active: #2774d9;
    --control-icon-weak-disabled: #d0d4d9;
    --control-icon-medium-default: #2774d9;
    --control-icon-medium-hover: #0d5cbd;
    --control-icon-medium-focus: #0d5cbd;
    --control-icon-medium-active: #0d5cbd;
    --control-icon-medium-disabled: #a3c8ff;
    --control-icon-strong-default: #656c75;
    --control-icon-strong-hover: #464c54;
    --control-icon-strong-focus: #1d69cc;
    --control-icon-strong-active: #1d69cc;
    --control-icon-strong-disabled: #c1c6cc;
    --control-icon-in-default: #fff;
    --control-icon-in-hover: #fff;
    --control-icon-in-focus: #fff;
    --control-icon-in-active: #fff;
    --control-icon-in-disabled: #c1c6cc;
    --control-icon-in-strong-default: #2774d9;
    --control-icon-in-strong-hover: #2774d9;
    --control-icon-in-strong-focus: #2774d9;
    --control-icon-in-strong-active: #2774d9;
    --control-icon-in-strong-disabled: #c1c6cc;
    --control-border-default: #889099;
    --control-border-hover: #3e84e5;
    --control-border-focus: #3e84e5;
    --control-border-active: #3e84e5;
    --control-border-disabled: #d0d4d9;
    --control-border-weak-default: #e1e4e8;
    --control-border-weak-hover: #7cadf7;
    --control-border-weak-focus: #7cadf7;
    --control-border-weak-active: #7cadf7;
    --control-border-weak-disabled: #d0d4d9;
    --control-border-medium-default: #2774d9;
    --control-border-medium-hover: #bad6ff;
    --control-border-medium-focus: #2774d9;
    --control-border-medium-active: #2774d9;
    --control-border-medium-disabled: #d0d4d9;
    --control-border-strong-default: #656c75;
    --control-border-strong-hover: #656c75;
    --control-border-strong-focus: #2774d9;
    --control-border-strong-active: #2774d9;
    --control-border-strong-disabled: #d0d4d9;
    --interact-bg-default: #1d69cc;
    --interact-bg-hover: #0d5cbd;
    --interact-bg-focus: #0d5cbd;
    --interact-bg-active: #0d5cbd;
    --interact-bg-disabled: #a3c8ff;
    --interact-bg-weak-default: #fff;
    --interact-bg-weak-hover: #cce1ff;
    --interact-bg-weak-focus: #cce1ff;
    --interact-bg-weak-active: #cce1ff;
    --interact-bg-weak-disabled: #fff;
    --interact-bg-medium-default: #2774d9;
    --interact-bg-medium-hover: #cce1ff;
    --interact-bg-medium-active: #cce1ff;
    --interact-bg-strong-active: #f7f7f7;
    --interact-bg-strong-hover: #f7f7f7;
    --interact-text-default: #1d69cc;
    --interact-text-hover: #0d5cbd;
    --interact-text-focus: #0d5cbd;
    --interact-text-active: #0d5cbd;
    --interact-text-disabled: #a3c8ff;
    --interact-text-weak-default: #656c75;
    --interact-text-weak-hover: #1d69cc;
    --interact-text-weak-focus: #1d69cc;
    --interact-text-weak-active: #1d69cc;
    --interact-text-weak-disabled: #c1c6cc;
    --interact-text-in-default: #fff;
    --interact-text-in-hover: #fff;
    --interact-text-in-focus: #fff;
    --interact-text-in-active: #fff;
    --interact-text-in-disabled: #fff;
    --interact-icon-default: #1d69cc;
    --interact-icon-hover: #0d5cbd;
    --interact-icon-focus: #0d5cbd;
    --interact-icon-active: #0d5cbd;
    --interact-icon-disabled: #a3c8ff;
    --interact-icon-weak-default: #7e868f;
    --interact-icon-weak-hover: #6f7680;
    --interact-icon-weak-focus: #6f7680;
    --interact-icon-weak-active: #6f7680;
    --interact-icon-weak-disabled: #d0d4d9;
    --interact-icon-medium-default: #7e868f;
    --interact-icon-medium-hover: #2774d9;
    --interact-icon-medium-focus: #2774d9;
    --interact-icon-medium-active: #2774d9;
    --interact-icon-medium-disabled: #c1c6cc;
    --interact-icon-strong-default: #656c75;
    --interact-icon-strong-hover: #464c54;
    --interact-icon-strong-focus: #464c54;
    --interact-icon-strong-active: #464c54;
    --interact-icon-strong-disabled: #a7adb5;
    --interact-icon-in-default: #fff;
    --interact-icon-in-hover: #fff;
    --interact-icon-in-focus: #fff;
    --interact-icon-in-active: #fff;
    --interact-icon-in-disabled: #fff;
    --interact-border-default: #1d69cc;
    --interact-border-hover: #0d5cbd;
    --interact-border-focus: #0d5cbd;
    --interact-border-active: #0d5cbd;
    --interact-border-disabled: #a3c8ff;
    --interact-border-weak-default: #e1e4e8;
    --interact-border-weak-hover: #cce1ff;
    --interact-border-weak-focus: #e1e4e8;
    --interact-border-weak-active: #e1e4e8;
    --interact-border-weak-disabled: #e1e4e8;
    --interact-border-medium-default: #2774d9;
    --interact-border-medium-hover: #bad6ff;
    --interact-border-medium-focus: #2774d9;
    --interact-border-medium-active: #2774d9;
    --interact-border-medium-disabled: #e1e4e8;
    --positive-bg-default: #45991f;
    --positive-bg-hover: #45991f;
    --positive-bg-focus: #45991f;
    --positive-bg-active: #45991f;
    --positive-bg-disabled: #b0e396;
    --positive-bg-weak-default: #fff;
    --positive-bg-weak-hover: #fff;
    --positive-bg-weak-focus: #fff;
    --positive-bg-weak-active: #fff;
    --positive-bg-weak-disabled: #fff;
    --positive-bg-medium-default: #e0f5d5;
    --positive-bg-medium-hover: #e0f5d5;
    --positive-bg-medium-focus: #e0f5d5;
    --positive-bg-medium-active: #e0f5d5;
    --positive-bg-medium-disabled: #f7f7f7;
    --positive-bg-strong-default: #e0f5d5;
    --positive-icon-default: #45991f;
    --positive-icon-hover: #45991f;
    --positive-icon-focus: #45991f;
    --positive-icon-active: #45991f;
    --positive-icon-disabled: #d0d4d9;
    --positive-icon-weak-default: #b0e396;
    --positive-icon-weak-hover: #b0e396;
    --positive-icon-weak-focus: #b0e396;
    --positive-icon-weak-active: #b0e396;
    --positive-icon-weak-disabled: #b0e396;
    --positive-icon-strong-default: #45991f;
    --positive-icon-strong-hover: #45991f;
    --positive-icon-strong-focus: #45991f;
    --positive-icon-strong-active: #45991f;
    --positive-icon-strong-disabled: #d0d4d9;
    --positive-icon-in-default: #fff;
    --positive-icon-in-hover: #fff;
    --positive-icon-in-focus: #fff;
    --positive-icon-in-active: #fff;
    --positive-icon-in-disabled: #fff;
    --positive-border-default: #45991f;
    --positive-border-hover: #45991f;
    --positive-border-focus: #45991f;
    --positive-border-active: #45991f;
    --positive-border-disabled: #d0d4d9;
    --positive-border-weak-default: #fff;
    --positive-border-weak-hover: #fff;
    --positive-border-weak-focus: #fff;
    --positive-border-weak-active: #fff;
    --positive-border-weak-disabled: #d0d4d9;
    --positive-border-strong-default: #398519;
    --positive-border-strong-hover: #398519;
    --positive-border-strong-focus: #398519;
    --positive-border-strong-active: #398519;
    --positive-border-strong-disabled: #398519;
    --positive-text-in-default: #fff;
    --positive-text-in-hover: #fff;
    --positive-text-in-focus: #fff;
    --positive-text-in-active: #fff;
    --positive-text-in-disabled: #fff;
    --warning-bg-default: #cc8604;
    --warning-bg-hover: #cc8604;
    --warning-bg-focus: #cc8604;
    --warning-bg-active: #cc8604;
    --warning-bg-disabled: #f2d268;
    --warning-bg-weak-default: #fff;
    --warning-bg-weak-hover: #fff;
    --warning-bg-weak-focus: #fff;
    --warning-bg-weak-active: #fff;
    --warning-bg-weak-disabled: #fff;
    --warning-bg-medium-default: #faefb9;
    --warning-bg-medium-hover: #faefb9;
    --warning-bg-medium-focus: #faefb9;
    --warning-bg-medium-active: #faefb9;
    --warning-bg-medium-disabled: #f7f7f7;
    --warning-bg-strong-default: #faefb9;
    --warning-icon-default: #cc8604;
    --warning-icon-hover: #cc8604;
    --warning-icon-focus: #cc8604;
    --warning-icon-active: #cc8604;
    --warning-icon-disabled: #d0d4d9;
    --warning-icon-strong-default: #bd7202;
    --warning-icon-strong-hover: #bd7202;
    --warning-icon-strong-focus: #bd7202;
    --warning-icon-strong-active: #bd7202;
    --warning-icon-strong-disabled: #d0d4d9;
    --warning-icon-in-default: #fff;
    --warning-icon-in-hover: #fff;
    --warning-icon-in-focus: #fff;
    --warning-icon-in-active: #fff;
    --warning-icon-in-disabled: #fff;
    --warning-border-default: #cc8604;
    --warning-border-hover: #cc8604;
    --warning-border-focus: #cc8604;
    --warning-border-active: #cc8604;
    --warning-border-disabled: #d0d4d9;
    --warning-border-weak-default: #fff;
    --warning-border-weak-hover: #fff;
    --warning-border-weak-focus: #fff;
    --warning-border-weak-active: #fff;
    --warning-border-weak-disabled: #d0d4d9;
    --warning-border-strong-default: #a65503;
    --warning-border-strong-hover: #a65503;
    --warning-border-strong-focus: #a65503;
    --warning-border-strong-active: #a65503;
    --warning-border-strong-disabled: #a65503;
    --warning-text-in-default: #fff;
    --warning-text-in-hover: #fff;
    --warning-text-in-focus: #fff;
    --warning-text-in-active: #fff;
    --warning-text-in-disabled: #fff;
    --severe-warning-bg-default: #f26722;
    --severe-warning-bg-hover: #f26722;
    --severe-warning-bg-focus: #f26722;
    --severe-warning-bg-active: #f26722;
    --severe-warning-bg-disabled: #fcc9a7;
    --severe-warning-bg-weak-default: #fff;
    --severe-warning-bg-weak-hover: #fff;
    --severe-warning-bg-weak-focus: #fff;
    --severe-warning-bg-weak-active: #fff;
    --severe-warning-bg-weak-disabled: #fff;
    --severe-warning-bg-medium-default: #ffeadb;
    --severe-warning-bg-medium-hover: #ffeadb;
    --severe-warning-bg-medium-focus: #ffeadb;
    --severe-warning-bg-medium-active: #ffeadb;
    --severe-warning-bg-medium-disabled: #f7f7f7;
    --severe-warning-bg-strong-default: #ffeadb;
    --severe-warning-icon-default: #f26722;
    --severe-warning-icon-hover: #d95a1a;
    --severe-warning-icon-focus: #c44f14;
    --severe-warning-icon-active: #c44f14;
    --severe-warning-icon-disabled: #d0d4d9;
    --severe-warning-icon-strong-default: #d95a1a;
    --severe-warning-icon-strong-hover: #d95a1a;
    --severe-warning-icon-strong-focus: #d95a1a;
    --severe-warning-icon-strong-active: #d95a1a;
    --severe-warning-icon-strong-disabled: #d95a1a;
    --severe-warning-icon-in-default: #fff;
    --severe-warning-icon-in-hover: #fff;
    --severe-warning-icon-in-focus: #fff;
    --severe-warning-icon-in-active: #fff;
    --severe-warning-icon-in-disabled: #fff;
    --severe-warning-border-default: #f26722;
    --severe-warning-border-hover: #f26722;
    --severe-warning-border-focus: #f26722;
    --severe-warning-border-active: #f26722;
    --severe-warning-border-disabled: #f26722;
    --severe-warning-border-weak-default: #fff;
    --severe-warning-border-weak-hover: #fff;
    --severe-warning-border-weak-focus: #fff;
    --severe-warning-border-weak-active: #fff;
    --severe-warning-border-weak-disabled: #d0d4d9;
    --negative-bg-default: #cc2d37;
    --negative-bg-hover: #cc2d37;
    --negative-bg-focus: #cc2d37;
    --negative-bg-active: #cc2d37;
    --negative-bg-disabled: #ffb2b5;
    --negative-bg-weak-default: #fff;
    --negative-bg-weak-hover: #ffd4d5;
    --negative-bg-weak-focus: #ffd4d5;
    --negative-bg-weak-active: #ffd4d5;
    --negative-bg-weak-disabled: #fff;
    --negative-bg-medium-default: #ffe8e9;
    --negative-bg-medium-hover: #ffe8e9;
    --negative-bg-medium-focus: #ffe8e9;
    --negative-bg-medium-active: #ffe8e9;
    --negative-bg-medium-disabled: #f7f7f7;
    --negative-bg-strong-default: #ffe8e9;
    --negative-text-default: #cc2d37;
    --negative-text-hover: #b2242d;
    --negative-text-focus: #b2242d;
    --negative-text-active: #b2242d;
    --negative-text-disabled: #ffb2b5;
    --negative-text-in-default: #fff;
    --negative-text-in-hover: #fff;
    --negative-text-in-focus: #fff;
    --negative-text-in-active: #fff;
    --negative-text-in-disabled: #fff;
    --negative-icon-default: #cc2d37;
    --negative-icon-hover: #b2242d;
    --negative-icon-focus: #b2242d;
    --negative-icon-active: #b2242d;
    --negative-icon-disabled: #ffb2b5;
    --negative-icon-weak-default: #ffc7c9;
    --negative-icon-weak-hover: #ffc7c9;
    --negative-icon-weak-focus: #ffc7c9;
    --negative-icon-weak-active: #ffc7c9;
    --negative-icon-weak-disabled: #d0d4d9;
    --negative-icon-in-default: #fff;
    --negative-icon-in-hover: #fff;
    --negative-icon-in-focus: #fff;
    --negative-icon-in-active: #fff;
    --negative-icon-in-disabled: #fff;
    --negative-border-default: #cc2d37;
    --negative-border-hover: #b2242d;
    --negative-border-focus: #b2242d;
    --negative-border-active: #b2242d;
    --negative-border-disabled: #ffb2b5;
    --negative-border-weak-default: #fff;
    --negative-border-weak-hover: #fff;
    --negative-border-weak-focus: #fff;
    --negative-border-weak-active: #fff;
    --negative-border-weak-disabled: #d0d4d9;
    --negative-border-medium-default: #d93843;
    --negative-border-medium-hover: #d93843;
    --negative-border-medium-focus: #d93843;
    --negative-border-medium-active: #d93843;
    --negative-border-medium-disabled: #ffb2b5;
    --negative-border-strong-default: #b2242d;
    --negative-border-strong-hover: #b2242d;
    --negative-border-strong-focus: #b2242d;
    --negative-border-strong-active: #b2242d;
    --negative-border-strong-disabled: #ffb2b5;
    --info-bg-default: #2774d9;
    --info-bg-hover: #2774d9;
    --info-bg-focus: #2774d9;
    --info-bg-active: #2774d9;
    --info-bg-disabled: #2774d9;
    --info-bg-weak-default: #fff;
    --info-bg-weak-hover: #fff;
    --info-bg-weak-focus: #fff;
    --info-bg-weak-active: #fff;
    --info-bg-weak-disabled: #fff;
    --info-bg-medium-default: #e3eeff;
    --info-bg-medium-hover: #e3eeff;
    --info-bg-medium-focus: #e3eeff;
    --info-bg-medium-active: #e3eeff;
    --info-bg-medium-disabled: #f7f7f7;
    --info-bg-strong-default: #e3eeff;
    --info-icon-default: #2774d9;
    --info-icon-hover: #2774d9;
    --info-icon-focus: #2774d9;
    --info-icon-active: #2774d9;
    --info-icon-disabled: #d0d4d9;
    --info-icon-weak-default: #a3c8ff;
    --info-icon-weak-hover: #a3c8ff;
    --info-icon-weak-focus: #a3c8ff;
    --info-icon-weak-active: #a3c8ff;
    --info-icon-weak-disabled: #a3c8ff;
    --info-icon-in-default: #fff;
    --info-icon-in-hover: #fff;
    --info-icon-in-focus: #fff;
    --info-icon-in-active: #fff;
    --info-icon-in-disabled: #fff;
    --info-border-default: #2774d9;
    --info-border-hover: #2774d9;
    --info-border-focus: #2774d9;
    --info-border-active: #2774d9;
    --info-border-disabled: #d0d4d9;
    --info-border-weak-default: #fff;
    --info-border-weak-hover: #fff;
    --info-border-weak-focus: #fff;
    --info-border-weak-active: #fff;
    --info-border-weak-disabled: #d0d4d9;
    --dormant-bg-default: #6f7680;
    --dormant-bg-disabled: #6f7680;
    --dormant-bg-medium-default: #e1e4e8;
    --dormant-bg-medium-disabled: #f7f7f7;
    --dormant-icon-default: #6f7680;
    --dormant-icon-disabled: #d0d4d9;
    --dormant-icon-medium-default: #fff;
    --dormant-icon-in-default: #fff;
    --dormant-icon-in-disabled: #fff;
    --dormant-icon-in-medium-default: #fff;
    --dormant-border-default: #889099;
    --dormant-border-disabled: #d0d4d9;
    --accent-a-default: #7d8aff;
    --accent-a-hover: #6977f0;
    --accent-a-weak-default: #ebedff;
    --accent-b-default: #b02863;
    --accent-b-hover: #991d53;
    --accent-b-weak-default: #ffe8ef;
    --accent-c-default: #f2638c;
    --accent-c-hover: #e3447c;
    --accent-c-weak-default: #ffd4e0;
    --accent-d-default: #753bcc;
    --accent-d-hover: #6732b8;
    --accent-d-weak-default: #f3ebff;
    --accent-e-default: #7da11b;
    --accent-e-hover: #6c8c14;
    --accent-e-weak-default: #eaf2d3;
    --accent-f-default: #ad3907;
    --accent-f-hover: #942e03;
    --accent-f-weak-default: #ffeadb;
    --accent-g-default: #04a4b0;
    --accent-g-hover: #028e99;
    --accent-g-weak-default: #d5f5f5;
    --accent-h-default: #006773;
    --accent-h-hover: #005c66;
    --accent-h-weak-default: #a9ebeb;
    --accent-i-default: #e85fc6;
    --accent-i-hover: #d649b3;
    --accent-i-weak-default: #ffe8f9;
    --accent-j-default: #545c8a;
    --accent-j-hover: #484f7a;
    --accent-j-weak-default: #ebedff;
    --accent-k-default: #21a65f;
    --accent-k-hover: #169855;
    --accent-k-weak-default: #d4f5e1;
    --in-progress-bg-medium-default: #e3eeff;
    --in-progress-bg-medium-hover: #e3eeff;
    --in-progress-bg-medium-focus: #e3eeff;
    --in-progress-bg-medium-active: #e3eeff;
    --in-progress-bg-medium-disabled: #f7f7f7;
    --in-progress-icon-default: #2774d9;
    --in-progress-icon-hover: #2774d9;
    --in-progress-icon-focus: #2774d9;
    --in-progress-icon-active: #2774d9;
    --in-progress-icon-disabled: #d0d4d9;
    --in-progress-icon-in-default: #fff;
    --in-progress-icon-in-hover: #fff;
    --in-progress-icon-in-focus: #fff;
    --in-progress-icon-in-active: #fff;
    --in-progress-icon-in-disabled: #fff;
    --in-progress-border-default: #2774d9;
    --in-progress-border-hover: #2774d9;
    --in-progress-border-focus: #2774d9;
    --in-progress-border-active: #2774d9;
    --in-progress-border-disabled: #d0d4d9;
    --low-warning-bg-medium-default: #d5f5f5;
    --low-warning-bg-medium-hover: #d5f5f5;
    --low-warning-bg-medium-focus: #d5f5f5;
    --low-warning-bg-medium-active: #d5f5f5;
    --low-warning-bg-medium-disabled: #f7f7f7;
    --low-warning-icon-default: #028e99;
    --low-warning-icon-hover: #028e99;
    --low-warning-icon-focus: #028e99;
    --low-warning-icon-active: #028e99;
    --low-warning-icon-disabled: #d0d4d9;
    --low-warning-icon-in-default: #fff;
    --low-warning-icon-in-hover: #fff;
    --low-warning-icon-in-focus: #fff;
    --low-warning-icon-in-active: #fff;
    --low-warning-icon-in-disabled: #fff;
    --low-warning-border-default: #028e99;
    --low-warning-border-hover: #028e99;
    --low-warning-border-focus: #028e99;
    --low-warning-border-active: #028e99;
    --low-warning-border-disabled: #d0d4d9;
    --excellent-bg-medium-default: #d4f5e1;
    --excellent-bg-medium-hover: #d4f5e1;
    --excellent-bg-medium-focus: #d4f5e1;
    --excellent-bg-medium-active: #d4f5e1;
    --excellent-bg-medium-disabled: #f7f7f7;
    --excellent-icon-default: #087041;
    --excellent-icon-hover: #087041;
    --excellent-icon-focus: #087041;
    --excellent-icon-active: #087041;
    --excellent-icon-disabled: #d0d4d9;
    --excellent-icon-in-default: #fff;
    --excellent-icon-in-hover: #fff;
    --excellent-icon-in-focus: #fff;
    --excellent-icon-in-active: #fff;
    --excellent-icon-in-disabled: #fff;
    --excellent-border-default: #075e39;
    --excellent-border-hover: #075e39;
    --excellent-border-focus: #075e39;
    --excellent-border-active: #075e39;
    --excellent-border-disabled: #d0d4d9;
    --port-diagram-base-bg-default: #c1c6cc;
    --port-diagram-base-bg-active: #889099;
    --port-diagram-base-bg-medium-default: #d0d4d9;
    --port-diagram-base-bg-medium-active: #c1c6cc;
    --port-diagram-base-bg-weak-default: #f0f1f2;
    --port-diagram-base-border-default: #6f7680;
    --port-diagram-base-border-active: #6f7680;
    --port-diagram-base-border-medium-active: #6f7680;
    --port-diagram-base-border-strong-default: #23282e;
    --port-diagram-base-border-strong-active: #23282e;
    --port-diagram-base-icon-in-default: #373c42;
    --port-diagram-base-icon-in-active: #373c42;
    --port-diagram-full-speed-bg-default: #2b7a0c;
    --port-diagram-full-speed-bg-active: #266b0b;
    --port-diagram-full-speed-bg-medium-default: #b0e396;
    --port-diagram-full-speed-bg-medium-active: #6bbf41;
    --port-diagram-full-speed-border-medium-active: #266b0b;
    --port-diagram-full-speed-border-strong-default: #23282e;
    --port-diagram-full-speed-border-strong-active: #23282e;
    --port-diagram-full-speed-icon-in-default: #fff;
    --port-diagram-full-speed-icon-in-active: #fff;
    --port-diagram-disconnected-bg-default: #373c42;
    --port-diagram-disconnected-bg-active: #23282e;
    --port-diagram-disconnected-bg-medium-default: #d0d4d9;
    --port-diagram-disconnected-bg-medium-active: #c1c6cc;
    --port-diagram-disconnected-border-medium-active: #6f7680;
    --port-diagram-disconnected-border-strong-default: #23282e;
    --port-diagram-disconnected-border-strong-active: #23282e;
    --port-diagram-disconnected-icon-in-default: #fff;
    --port-diagram-disconnected-icon-in-active: #fff;
    --port-diagram-reduced-speed-bg-default: #2b7a0c;
    --port-diagram-reduced-speed-bg-active: #266b0b;
    --port-diagram-reduced-speed-bg-medium-default: #45991f;
    --port-diagram-reduced-speed-bg-medium-active: #398519;
    --port-diagram-reduced-speed-border-default: #fff;
    --port-diagram-reduced-speed-border-active: #fff;
    --port-diagram-reduced-speed-border-medium-active: #266b0b;
    --port-diagram-reduced-speed-border-strong-default: #23282e;
    --port-diagram-reduced-speed-border-strong-active: #23282e;
    --port-diagram-reduced-speed-icon-in-default: #fff;
    --port-diagram-reduced-speed-icon-in-active: #fff;
    --port-diagram-warning-bg-default: #b05f04;
    --port-diagram-warning-bg-active: #944b03;
    --port-diagram-warning-bg-medium-default: #f0c243;
    --port-diagram-warning-bg-medium-active: #e0a419;
    --port-diagram-warning-border-medium-active: #944b03;
    --port-diagram-warning-border-strong-default: #23282e;
    --port-diagram-warning-border-strong-active: #23282e;
    --port-diagram-warning-border-default: #fff;
    --port-diagram-warning-icon-in-default: #fff;
    --port-diagram-warning-icon-in-active: #fff;
    --port-diagram-critical-bg-default: #cc2d37;
    --port-diagram-critical-bg-active: #a01d26;
    --port-diagram-critical-bg-medium-default: #ffb2b5;
    --port-diagram-critical-bg-medium-active: #ff878b;
    --port-diagram-critical-border-medium-active: #a01d26;
    --port-diagram-critical-border-strong-default: #23282e;
    --port-diagram-critical-border-strong-active: #23282e;
    --port-diagram-critical-icon-in-default: #fff;
    --port-diagram-critical-icon-in-active: #fff;
    --port-diagram-low-power-bg-default: #b05f04;
    --port-diagram-low-power-bg-active: #944b03;
    --port-diagram-low-power-bg-medium-default: #f0c243;
    --port-diagram-low-power-bg-medium-active: #e0a419;
    --port-diagram-low-power-bg-weak-default: #f5e08e;
    --port-diagram-low-power-bg-weak-active: #f2d268;
    --port-diagram-low-power-border-medium-active: #944b03;
    --port-diagram-low-power-border-strong-default: #23282e;
    --port-diagram-low-power-border-strong-active: #23282e;
    --port-diagram-low-power-icon-in-default: #b05f04;
    --port-diagram-low-power-icon-in-active: #944b03;
    --elevation-control-default: 0px -3px 8px 0px rgba(0,0,0,.07843);
    --elevation-control-focus: 0px 0px 0px 2px #cce1ff, 0px 0px 0px 4px #2774d9;
    --elevation-control-select: 0px 0px 0px 2px #3e84e5;
    --elevation-data-viz-focus: 0px 0px 0px 2px #fff, 0px 0px 0px 4px #23282e, 0px 0px 0px 6px #cce1ff, 0px 0px 0px 8px #3e84e5;
    --elevation-data-viz-select: 0px 0px 0px 2px #fff, 0px 0px 0px 4px #23282e;
    --elevation-floating-default: 0px 4px 12px 0px rgba(0,0,0,.18039);
    --elevation-invalid-default: 0px 0px 0px 2px #ffd4d5;
    --elevation-invalid-focus: 0px 0px 0px 2px #ffd4d5, 0px 0px 0px 4px #d93843;
    --elevation-lifted-default: 0px 3px 8px 0px rgba(0,0,0,.07843);
    --elevation-lifted-inset: 10px 0 8px -8px rgba(0,0,0,.07843) inset;
    --elevation-raised-default: 0px 4px 12px 0px rgba(0,0,0,.12157);
    --elevation-subtle-default: 0px 2px 5px 0px rgba(0,0,0,.05098);

    /* Images / logos */
    --cisco-icon-image-url: url("/idb/images/Cisco_Logo_Dark.svg");

    /* imports from design-tokens/builds/light/variables.css */
    --typography-weight-bold: 700;
    --typography-weight-semi-bold: 600;
    --typography-weight-regular: 400;
    --typography-font-code: roboto mono, sfmono-regular, consolas,
    "Liberation Mono", menlo, courier, monospace;
    --typography-font-fallback: -apple-system, blinkmacsystemfont, "Segoe UI",
    roboto, sans-serif;
    --size-table-width-sorter: 15px;
    --size-loading-lg: 72px;
    --size-loading-xs: 20px;
    --size-interact-padding-vert-icononly: 0;
    --size-interact-padding-vert-tertiary: 0;
    --size-interact-padding-vert-md: 5px;
    --size-interact-padding-vert-sm: 3px;
    --size-interact-padding-horiz-icononly: 0;
    --size-interact-padding-horiz-tertiary: 0;
    --size-interact-padding-horiz-md: 10px;
    --size-interact-padding-horiz-sm: 7px;
    --size-interact-height-tertiary: 20px;
    --size-interact-height-icononly: 32px;
    --size-interact-height: 28px;
    --size-interact-line-height-sm: 18px;
    --size-interact-line-height-md: 20px;
    --size-interact-radius-border: 6px;
    --size-input-padding-horiz-lg-special: 13px;
    --size-input-padding-horiz-md-special: 5px;
    --size-input-padding-horiz-md-rare: 14px;
    --size-input-padding-horiz-sm-special: 7px;
    --size-input-padding-horiz-sm-rare: 6px;
    --size-select-border-stroke: var(--size-stroke-strong);
    --size-select-border-radius: var(--size-radius-border-sm);
    --size-select-padding-horiz-lg: var(--size-md);
    --size-select-padding-horiz-md: var(--size-sm);
    --size-select-padding-horiz-xs: var(--size-2xs);
    --size-select-padding-horiz-sm: var(--size-xs);
    --size-select-padding-horiz-lg-special: 13px;
    --size-select-padding-horiz-md-special: 10px;
    --size-select-padding-horiz-md-rare: 14px;
    --size-select-padding-horiz-xs-special: 3px;
    --size-select-padding-horiz-sm-special: 6px;
    --size-select-padding-horiz-sm-rare: 6px;
    --size-font-3xl: 60px;
    --size-font-2xl: 48px;
    --size-font-xl: 40px;
    --size-font-lg: 32px;
    --size-font-md: 24px;
    --size-font-sm: 18px;
    --size-font-xs: 16px;
    --size-font-2xs: 14px;
    --size-font-3xs: 12px;
    --size-font-height-line-3xl: 72px;
    --size-font-height-line-2xl: 60px;
    --size-font-height-line-xl: 52px;
    --size-font-height-line-lg: 44px;
    --size-font-height-line-md: 34px;
    --size-font-height-line-sm: 24px;
    --size-font-height-line-xs: 22px;
    --size-font-height-line-2xs: 20px;
    --size-font-height-line-3xs: 18px;
    --size-font-weight-strong: 700;
    --size-font-weight-medium: 600;
    --size-font-weight: 400;
    --size-contain-max-width: 400px;
    --size-contain-border-stroke-strong: 3px;
    --size-stroke-strong: 2px;
    --size-stroke-medium: 1px;
    --size-radius-border-sm: 6px;
    --size-2xl: 48px; /* the extra-extra-large size of the spacing or font */
    --size-xl: 36px; /* the extra-large size of the spacing or font */
    --size-lg: 24px; /* the large size of the spacing or font */
    --size-md: 16px; /*  the medium size of the spacing or font */
    --size-sm: 12px; /* the small size of the spacing or font */
    --size-xs: 8px; /* the extra-small size of the spacing or font */
    --size-2xs: 4px; /* the extra-extra-small size of the spacing or font */
    --size-none: 0; /* the small size of the spacing or font */
    --size-balance-lg: 7px;
    --size-balance-md: 5px;
    --size-balance-sm: 3px;
    --size-balance-xs: 1px;
    --shadow-floating-reverse: 0 -4px 12px #000000e6;
    --shadow-floating: 0 4px 12px #000000e6;
    --shadow-raised-reverse: 0 -4px 12px #0000001f;
    --shadow-raised: 0 4px 12px #0000001f;
    --shadow-lifted-reverse: 0 -3px 8px #00000014;
    --shadow-lifted: 0 3px 8px #00000014;
    --shadow-subtle-reverse: 0 -2px 5px #0000000d;
    --shadow-subtle: 0 2px 5px #0000000d;
    --colors-chart-heat-10: #049fd9;
    --colors-chart-heat-9: #049fd9e6;
    --colors-chart-heat-8: #049fd9cc;
    --colors-chart-heat-7: #049fd9b3;
    --colors-chart-heat-6: #049fd999;
    --colors-chart-heat-5: #049fd980;
    --colors-chart-heat-4: #049fd966;
    --colors-chart-heat-3: #049fd94d;
    --colors-chart-heat-2: #049fd933;
    --colors-chart-heat-1: #049fd91a;
    --color-interact-border-strong-disabled: #0000;
    --color-interact-border-strong-destructive: #0000;
    --color-interact-border-strong-hover: #0000;
    --color-interact-border-strong: #0000;
    --color-interact-background-medium-destructive: #0000;
    --color-interact-background-light-disabled: #0000;
    --color-interact-background-light-destructive: #0000;
    --color-interact-background-light: #0000;
    --color-header-gradient-end: #20ab4eff;
    --color-header-gradient-start: #53a828ff;
    --color-status-negative-strong: #c83721ff;
    --color-status-warning-strong: #ad7a03ff;
    --color-status-positive-strong: #377a19ff;
    --color-danger-border-strong-disabled: #0000;
    --color-danger-border-strong-hover: #0000;
    --color-danger-border-strong: #0000;
    --color-accent-j-3: #006c7dff;
    --color-accent-j-2: #80b5beff;
    --color-accent-j-1: #cce2e5ff;
    --color-accent-i-3: #00a889ff;
    --color-accent-i-2: #80d3c4ff;
    --color-accent-i-1: #cceee7ff;
    --color-accent-h-3: #316e27ff;
    --color-accent-h-2: #98b693ff;
    --color-accent-h-1: #d6e2d4ff;
    --color-accent-g-3: #9c9711ff;
    --color-accent-g-2: #cdcb88ff;
    --color-accent-g-1: #ebeacfff;
    --color-accent-f-3: #b73000ff;
    --color-accent-f-2: #db9780ff;
    --color-accent-f-1: #f1d6ccff;
    --color-accent-e-3: #f4647aff;
    --color-accent-e-2: #f9b1bcff;
    --color-accent-e-1: #fde0e4ff;
    --color-accent-d-3: #c0006fff;
    --color-accent-d-2: #df80b7ff;
    --color-accent-d-1: #f2cce2ff;
    --color-accent-c-3: #b180d6ff;
    --color-accent-c-2: #d8bfeaff;
    --color-accent-c-1: #efe6f7ff;
    --color-accent-b-3: #0d56e2ff;
    --color-accent-b-2: #86aaf0ff;
    --color-accent-b-1: #cfddf9ff;
    --color-accent-a-3: #049fd9ff;
    --color-accent-a-2: #81cfecff;
    --color-accent-a-1: #cdecf7ff;
    --color-yellow-10: #945f03ff;
    --color-yellow-9: #a16c03ff;
    --color-yellow-8: #ad7a03ff;
    --color-yellow-7: #bf8c00ff;
    --color-yellow-6: #cc9c00ff;
    --color-yellow-5: #d9b216ff;
    --color-yellow-4: #e5d067ff;
    --color-yellow-3: #f2e49bff;
    --color-yellow-2: #f7ecb2ff;
    --color-yellow-1: #fcf6d4ff;
    --color-purple-10: #3a26bdff;
    --color-purple-9: #4e3bccff;
    --color-purple-8: #6250d4ff;
    --color-purple-7: #7565dbff;
    --color-purple-6: #887be3ff;
    --color-purple-5: #9c90e8ff;
    --color-purple-4: #b1a8f0ff;
    --color-purple-3: #c8c1f5ff;
    --color-purple-2: #e0dcfaff;
    --color-purple-1: #f6f5ffff;
    --color-red-10: #9e2c1bff;
    --color-red-9: #b03927ff;
    --color-red-8: #c24632ff;
    --color-red-7: #e05843ff;
    --color-red-6: #eb6b57ff;
    --color-red-5: #f08878ff;
    --color-red-4: #f0b3aaff;
    --color-red-3: #f7d7d2ff;
    --color-red-2: #fce2deff;
    --color-red-1: #fcf2f0ff;
    --color-neutral-18: #000f;
    --color-neutral-17: #0f1214ff;
    --color-neutral-16: #23282eff;
    --color-neutral-15: #373c42ff;
    --color-neutral-14: #464c54ff;
    --color-neutral-13: #596069ff;
    --color-neutral-12: #656c75ff;
    --color-neutral-11: #6f7680ff;
    --color-neutral-10: #7e868fff;
    --color-neutral-9: #889099ff;
    --color-neutral-8: #979fa8ff;
    --color-neutral-7: #a7adb5ff;
    --color-neutral-6: #c1c6ccff;
    --color-neutral-5: #d0d4d9ff;
    --color-neutral-4: #e1e4e8ff;
    --color-neutral-3: #f0f1f2ff;
    --color-neutral-2: #f7f7f7ff;
    --color-neutral-1: #ffff;
    --color-green-10: #266b0bff;
    --color-green-9: #2b7a0cff;
    --color-green-8: #388716ff;
    --color-green-7: #45991fff;
    --color-green-6: #53a828ff;
    --color-green-5: #6dc242ff;
    --color-green-4: #a1db84ff;
    --color-green-3: #c7edb4ff;
    --color-green-2: #d1f5bfff;
    --color-green-1: #eaf7e4ff;
    --color-blue-10: #1650b5ff;
    --color-blue-9: #235ec4ff;
    --color-blue-8: #326cd1ff;
    --color-blue-7: #4580e5ff;
    --color-blue-6: #5b91f0ff;
    --color-blue-5: #7aa7f5ff;
    --color-blue-4: #a6c3f5ff;
    --color-blue-3: #ccdefcff;
    --color-blue-2: #d9e7ffff;
    --color-blue-1: #edf4ffff;
    --color-black: #000f;
    --color-white: #ffff;
    --color-admin-interact-border-strong-disabled: #0000;
    --color-admin-interact-border-strong-destructive: #0000;
    --color-admin-interact-border-strong-hover: #0000;
    --color-admin-interact-border-strong: #0000;
    --color-admin-interact-background-light-disabled: #0000;
    --color-admin-interact-background-light-destructive: #0000;
    --color-admin-interact-background-light: #0000;
    --typography-font-heading: "Sharp Sans", var(--typography-font-fallback);
    --typography-font-body: inter, var(--typography-font-fallback);
    --size-loading-md: var(--size-2xl);
    --size-loading-sm: var(--size-xl);
    --size-interact-icon-spacing-md: var(--size-xs);
    --size-interact-icon-spacing-sm: var(--size-2xs);
    --size-interact-font-weight: 700;
    --size-interact-font-sm: var(--size-font-3xs);
    --size-interact-font-md: var(--size-font-2xs);
    --size-interact-stroke: var(--size-stroke-strong);
    --size-input-border-stroke: var(--size-stroke-strong);
    --size-input-border-radius: var(--size-radius-border-sm);
    --size-input-padding-horiz-lg: var(--size-md);
    --size-input-padding-horiz-md: var(--size-sm);
    --size-input-padding-horiz-xs: var(--size-2xs);
    --size-input-padding-horiz-sm: var(--size-xs);
    --size-contain-padding-2xs: var(--size-2xs);
    --size-contain-padding-xs: var(--size-xs);
    --size-contain-padding-sm: var(--size-sm);
    --size-contain-padding-md: var(--size-md);
    --size-contain-padding-lg: var(--size-lg);
    --size-contain-padding-xl: var(--size-xl);
    --size-contain-padding-2xl: var(--size-2xl);
    --size-contain-border-stroke: var(--size-stroke-strong);
    --size-stroke-light: var(--size-none);
    --size-radius-border-lg: var(--size-sm);
    --size-radius-border-md: var(--size-xs);
    --size-radius-border-xs: var(--size-2xs);
    --size-radius-border-none: var(--size-none);
    --shadow-contain-strong: var(--shadow-raised);
    --shadow-contain-medium: var(--shadow-lifted);
    --shadow-contain-weak: var(--shadow-subtle);
    --shadow-none: var(--size-none);
    --shadow-admin-contain: var(--shadow-subtle);
    --height-skeleton-lg: var(--size-xl);
    --height-skeleton-md: var(--size-lg);
    --height-skeleton-sm: var(--size-md);
    --color-text-strong: var(--color-neutral-16);
    --color-text-medium: var(--color-neutral-15);
    --color-text-weak: var(--color-neutral-12);
    --color-text: var(--color-neutral-11);
    --color-loading-background-regular: var(--color-neutral-2);
    --color-loading-background-strong: var(--color-neutral-4);
    --color-interact-border-medium-disabled: var(--color-blue-4);
    --color-interact-border-medium-destructive: var(--color-red-8);
    --color-interact-border-medium-hover: var(--color-blue-8);
    --color-interact-border-medium: var(--color-blue-8);
    --color-interact-background-strong-disabled: var(--color-blue-4);
    --color-interact-background-strong-destructive: var(--color-red-8);
    --color-interact-background-strong-hover: var(--color-blue-9);
    --color-interact-background-strong: var(--color-blue-8);
    --color-interact-background-medium-disabled: var(--color-white);
    --color-interact-background-medium-hover: var(--color-blue-2);
    --color-interact-background-medium: var(--color-neutral-1);
    --color-interact-background-light-hover: var(--color-blue-2);
    --color-interact-text-strong-disabled: var(--color-white);
    --color-interact-text-strong-destructive: var(--color-white);
    --color-interact-text-strong-hover: var(--color-white);
    --color-interact-text-strong: var(--color-white);
    --color-interact-text-medium-disabled: var(--color-blue-4);
    --color-interact-text-medium-destructive: var(--color-red-8);
    --color-interact-text-medium-hover: var(--color-blue-8);
    --color-interact-text-medium: var(--color-blue-8);
    --color-input-border-medium-indeterminate: var(--color-blue-8);
    --color-input-border-medium-disabled: var(--color-neutral-5);
    --color-input-border-medium-hover: var(--color-blue-5);
    --color-input-border-medium: var(--color-neutral-5);
    --color-input-icon-hover: var(--color-neutral-17);
    --color-input-icon: var(--color-white);
    --color-input-background-active: var(--color-neutral-5);
    --color-input-background-hover-weak: var(--color-blue-1);
    --color-input-background-hover: var(--color-blue-2);
    --color-input-background-indeterminate: var(--color-blue-8);
    --color-input-background-disabled: var(--color-neutral-2);
    --color-input-text-placeholder: var(--color-neutral-6);
    --color-input-text-disabled: var(--color-neutral-6);
    --color-input-text: var(--color-neutral-16);
    --color-status-negative-weak: var(--color-red-2);
    --color-status-negative: var(--color-red-7);
    --color-status-warning-weak: var(--color-yellow-2);
    --color-status-warning: var(--color-yellow-5);
    --color-status-positive-weak: var(--color-green-1);
    --color-status-positive: var(--color-green-7);
    --color-status-info: var(--color-blue-7);
    --color-status-info-weak: var(--color-blue-2);
    --color-status-device-info: var(--color-blue-6);
    --color-status-device-neutral: var(--color-neutral-7);
    --color-status-device-disabled: var(--color-neutral-6);
    --color-status-device-dormant: var(--color-neutral-6);
    --color-danger-border-medium-disabled: var(--color-red-4);
    --color-danger-border-medium-hover: var(--color-red-8);
    --color-danger-border-medium: var(--color-red-8);
    --color-danger-background-strong-disabled: var(--color-red-4);
    --color-danger-background-strong-hover: var(--color-red-9);
    --color-danger-background-strong: var(--color-red-8);
    --color-danger-background-medium-disabled: var(--color-white);
    --color-danger-background-medium-hover: var(--color-red-2);
    --color-danger-background-medium: var(--color-white);
    --color-danger-text-strong-disabled: var(--color-white);
    --color-danger-text-strong-hover: var(--color-white);
    --color-danger-text-strong: var(--color-white);
    --color-danger-text-medium-disabled: var(--color-red-4);
    --color-danger-text-medium-hover: var(--color-red-8);
    --color-danger-text-medium: var(--color-red-8);
    --color-contain-intensity-strong: var(--color-neutral-5);
    --color-contain-intensity-medium: var(--color-neutral-4);
    --color-contain-intensity-weak: var(--color-neutral-2);
    --color-contain-border-selected: var(--color-blue-7);
    --color-contain-border-selectable: var(--color-neutral-4);
    --color-contain-border-hover: var(--color-blue-5);
    --color-contain-border-dynamic-success: var(--color-green-5);
    --color-contain-border-dynamic: var(--color-neutral-4);
    --color-contain-background: var(--color-white);
    --color-contain-accent-disabled: var(--color-neutral-5);
    --color-contain-accent-success: var(--color-green-7);
    --color-contain-accent: var(--color-blue-7);
    --color-chart-data-empty-strong: var(--color-neutral-6);
    --color-chart-data-empty-medium: var(--color-neutral-5);
    --color-chart-data-empty-weak: var(--color-neutral-4);
    --color-chart-j: var(--color-accent-j-3);
    --color-chart-i: var(--color-accent-i-3);
    --color-chart-h: var(--color-accent-h-3);
    --color-chart-g: var(--color-accent-g-3);
    --color-chart-f: var(--color-accent-f-3);
    --color-chart-e: var(--color-accent-e-3);
    --color-chart-d: var(--color-accent-d-3);
    --color-chart-c: var(--color-accent-c-3);
    --color-chart-b: var(--color-accent-b-3);
    --color-chart-a: var(--color-accent-a-3);
    --color-admin-interact-border-medium-disabled: var(--color-purple-4);
    --color-admin-interact-border-medium-destructive: var(--color-red-8);
    --color-admin-interact-border-medium-hover: var(--color-purple-8);
    --color-admin-interact-border-medium: var(--color-purple-8);
    --color-admin-interact-background-strong-disabled: var(--color-purple-4);
    --color-admin-interact-background-strong-destructive: var(--color-red-8);
    --color-admin-interact-background-strong-hover: var(--color-purple-9);
    --color-admin-interact-background-strong: var(--color-purple-8);
    --color-admin-interact-background-medium-disabled: var(--color-purple-2);
    --color-admin-interact-background-medium-destructive: var(--color-white);
    --color-admin-interact-background-medium-hover: var(--color-purple-2);
    --color-admin-interact-background-medium: var(--color-white);
    --color-admin-interact-background-light-hover: var(--color-purple-2);
    --color-admin-interact-text-strong-disabled: var(--color-white);
    --color-admin-interact-text-strong-destructive: var(--color-white);
    --color-admin-interact-text-strong-hover: var(--color-white);
    --color-admin-interact-text-strong: var(--color-white);
    --color-admin-interact-text-medium-disabled: var(--color-purple-4);
    --color-admin-interact-text-medium-destructive: var(--color-red-8);
    --color-admin-interact-text-medium-hover: var(--color-purple-8);
    --color-admin-interact-text-medium: var(--color-purple-8);
    --color-admin-visited-link: var(--color-purple-10);
    --color-admin-text: var(--color-purple-8);
    --color-admin-border: var(--color-purple-6);
    --color-admin-background: var(--color-purple-1);
    --size-contain-border-radius-sm: var(--size-radius-border-md);
    --size-contain-border-radius: var(--size-radius-border-lg);
    --color-status-device-disconnected: var(--color-status-negative);
    --color-status-device-connected: var(--color-status-positive);
    --color-status-device-unreachable: var(--color-status-negative);
    --color-status-device-alerting: var(--color-status-warning);
    --color-status-device-active: var(--color-status-positive);
}