:root {
    /*Custom variables*/
    --Colors-radius: 8px;
    --bc-splitter-separator-size: 4px;

    /* Added variables to support bcHome.css */
    --bc-bg-fafa: #FAFAFA;
    --bc-gray-737: #737373;
    --bc-gray-606: #606060;
    --bc-danger: #dc3545;
    --bc-surface-fc: #FCFCFC;
    --bc-border-c8: #C8C8C8;
    --bc-card-metric-bg: #FCFCFC;
    --bc-card-metric-border: #CBD5E1;
    --bc-hover-f3: #F3F4F6;
    --bc-border-muted: #b1acac;
    --bc-gray-666: #666666; 
    --bc-error-dark: #721C24;
    --bc-color-bg-eee: var(--color-bg-eee);
    --bc-bright-grey: #e9ecef;
    --bc-heather-black: #212529;
    --bc-traditional-rose: #d94d5e;
    --bc-monza: #D60019;
    --bc-monza-intense: #c8001a;
    --bc-madder: #A30013;
    --bc-matte-graphite: #444444;
    --bc-concrete: #f2f2f2;
    --bc-baby-doll: #EEABBA;
    --bc-tranquil-black: #344054;
    --bc-stainless-steel: #ced4da;
    --bc-white-marble: #E7E9EB;
    
    --bc-surface-variant: #F0F0F0;
    --bc-border-weak: #BBBBBB; 
    --bc-bg-disabled-alt: #CCCCCC; 
    --bc-foreground-strong: #141414; 
    --bc-bg-f4: #F4F4F4;
    --bc-scrollbar-track: #f1f1f1;
    --bc-scrollbar-thumb: #888;
    --bc-scrollbar-thumb-hover: #555;
    --bc-surface-eb: #EBEBEB;
    /*endregion Custom variables*/
    
    /*region Component Variables*/
    --bc-primary: #C80019;
    --bc-lilac-bg: #E2E8F0;
    --bc-surface-light: #F7F7F7;
    --bc-warning-bg: #FCF2EB;
    --bc-warning-subtle: #FDEDE4;
    --bc-warning-border: #DC7C32;
    --bc-muted-800: #343A40;
    --bc-disabled-bg: #E0E0E0;
    --bc-disabled-foreground: #A0A0A0;
    --bc-border: #DFDFDF;
    --bc-success-bg: #EAFCEF;
    --bc-success-border: #74A089;
    --bc-success-foreground: #155724;
    --bc-error-bg: #FDF6F6;
    --bc-error-border: #EEABAA;
    --bc-error-foreground: #9D2120;
    --bc-tooltip-gray: #6c757d;
    --bc-subtle-500: #516077;
    --bc-chip-bg: #E0E2FC;
    --bc-chip-foreground: #252959;
    --bc-light-900: #94A3B8;
    --bc-dark-900: #212831;
    --bc-lilac-foreground: #242B35;

    --bc-radius-sm: 0.25rem;
    --bc-radius-md: 0.375rem;
    --bc-radius-lg: 0.5rem;
    /*endregion*/
    
    /*region Text*/
    /* Text Styles */
    --font-size-text-xs: 0.75rem;
    --line-height-text-xs: 1.125rem;

    --font-size-text-sm: 0.875rem;
    --line-height-text-sm: 1.25rem;

    --font-size-text-md: 1rem;
    --line-height-text-md: 1.375rem;

    --font-size-text-lg: 1.125rem;
    --line-height-text-lg: 1.625rem;

    --font-size-text-xl: 1.25rem;
    --line-height-text-xl: 1.75rem;

    /* Display Styles */
    --font-size-display-xs: 1.5rem;
    --line-height-display-xs: 2.125rem;

    --font-size-display-sm: 1.875rem;
    --line-height-display-sm: 2.625rem;

    --font-size-display-md: 2.25rem;
    --line-height-display-md: 3.125rem;

    /* Font Weight Tokens */
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 800;
    /*endregion Text*/

    /* Typography - DM Sans tokens (Display, Title, Subtitle, Label, Body) */
    --font-family-dm-sans: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;
    --font-dm-regular: 400;
    --font-dm-medium: 500;
    --font-dm-bold: 700;

    /* Display - Large (57 / 64) */
    --font-display-large-size: 57px; --font-display-large-line-height: 64px; --font-display-large-weight: var(--font-dm-regular); --font-display-large-emphasized-weight: var(--font-dm-bold);

    /* Display - Medium (45 / 52) */
    --font-display-medium-size: 45px; --font-display-medium-line-height: 52px; --font-display-medium-weight: var(--font-dm-regular); --font-display-medium-emphasized-weight: var(--font-dm-bold);

    /* Display - Small (36 / 44) */
    --font-display-small-size: 36px; --font-display-small-line-height: 44px; --font-display-small-weight: var(--font-dm-regular); --font-display-small-emphasized-weight: var(--font-dm-bold);

    /* Title - Large (32 / 40) */
    --font-title-large-size: 32px; --font-title-large-line-height: 40px; --font-title-large-weight: var(--font-dm-regular); --font-title-large-emphasized-weight: var(--font-dm-bold);

    /* Title - Medium (28 / 36) */
    --font-title-medium-size: 28px; --font-title-medium-line-height: 36px; --font-title-medium-weight: var(--font-dm-regular); --font-title-medium-emphasized-weight: var(--font-dm-bold);

    /* Title - Small (24 / 32) */
    --font-title-small-size: 24px; --font-title-small-line-height: 32px; --font-title-small-weight: var(--font-dm-regular); --font-title-small-emphasized-weight: var(--font-dm-bold);

    /* Subtitle - Large (22 / 28) */
    --font-subtitle-large-size: 22px; --font-subtitle-large-line-height: 28px; --font-subtitle-large-weight: var(--font-dm-regular); --font-subtitle-large-emphasized-weight: var(--font-dm-bold);

    /* Subtitle - Medium (16 / 24) */
    --font-subtitle-medium-size: 16px; --font-subtitle-medium-line-height: 24px; --font-subtitle-medium-weight: var(--font-dm-regular); --font-subtitle-medium-emphasized-weight: var(--font-dm-bold);

    /* Subtitle - Small (14 / 20) */
    --font-subtitle-small-size: 14px; --font-subtitle-small-line-height: 20px; --font-subtitle-small-weight: var(--font-dm-regular); --font-subtitle-small-emphasized-weight: var(--font-dm-bold);

    /* Label - Large (14 / 20) */
    --font-label-large-size: 14px; --font-label-large-line-height: 20px; --font-label-large-weight: var(--font-dm-medium); --font-label-large-emphasized-weight: var(--font-dm-bold);

    /* Label - Medium (12 / 16) */
    --font-label-medium-size: 12px; --font-label-medium-line-height: 16px; --font-label-medium-weight: var(--font-dm-medium); --font-label-medium-emphasized-weight: var(--font-dm-bold);

    /* Label - Small (11 / 16) */
    --font-label-small-size: 11px; --font-label-small-line-height: 16px; --font-label-small-weight: var(--font-dm-medium); --font-label-small-emphasized-weight: var(--font-dm-bold);

    /* Body - Large (16 / 24) */
    --font-body-large-size: 16px; --font-body-large-line-height: 24px; --font-body-large-weight: var(--font-dm-regular); --font-body-large-emphasized-weight: var(--font-dm-bold);

    /* Body - Medium (14 / 20) */
    --font-body-medium-size: 14px; --font-body-medium-line-height: 20px; --font-body-medium-weight: var(--font-dm-regular); --font-body-medium-emphasized-weight: var(--font-dm-bold);

    /* Body - Small (12 / 16) */
    --font-body-small-size: 12px; --font-body-small-line-height: 16px; --font-body-small-weight: var(--font-dm-regular); --font-body-small-emphasized-weight: var(--font-dm-bold);

    /* end Typography - DM Sans tokens */

    /* RethinkUI - Brand (Light) spacing, radius, border and height*/
    /* Spacing - Padding (px) */
    --space-padding-xs: 4px;
    --space-padding-sm: 8px;
    --space-padding-md: 12px;
    --space-padding-lg: 16px;
    --space-padding-xl: 32px;

    /* Spacing - Gap (px) */
    --space-gap-xs: 4px;
    --space-gap-sm: 8px;
    --space-gap-md: 16px;
    --space-gap-lg: 24px;
    --space-gap-xl: 32px;

    /* Radius (px) */
    --radius-none: 0;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 12px;
    --radius-full: 9999px;

    /* Border width (px) */
    --border-width-none: 0;
    --border-width-default: 1px;
    --border-width-strong: 2px;
    --border-width-heavy: 4px;

    /* Heights (px) */
    --height-xs: 16px;
    --height-sm: 20px;
    --height-md: 24px;
    --height-lg: 36px;
    --height-xl: 48px;

    /*region Colors*/

    /* RethinkUI primitives and semantic */

    /* Primitive colors */
    --primitive-black: #0B0909;
    --primitive-night: #161313;
    --primitive-white: #FFFFFF;
    --primitive-smoke: #EDEDED;

    /* Tints (overlay percentages) */
    --tints-0: 75%;
    --tints-1: 60%;
    --tints-2: 45%;
    --tints-3: 30%;
    --tints-4: 20%;
    --tints-5: 12%;
    --tints-6: 6%;
    --tints-7: 3%;

    /* Alpha variants - black (#0B0909 -> rgb(11,9,9)) */
    --alpha-black-a95: rgba(11,9,9,0.95);
    --alpha-black-a90: rgba(11,9,9,0.9);
    --alpha-black-a85: rgba(11,9,9,0.85);
    --alpha-black-a80: rgba(11,9,9,0.8);
    --alpha-black-a70: rgba(11,9,9,0.7);
    --alpha-black-a60: rgba(11,9,9,0.6);
    --alpha-black-a50: rgba(11,9,9,0.5);
    --alpha-black-a40: rgba(11,9,9,0.4);
    --alpha-black-a30: rgba(11,9,9,0.3);
    --alpha-black-a25: rgba(11,9,9,0.25);
    --alpha-black-a20: rgba(11,9,9,0.2);
    --alpha-black-a15: rgba(11,9,9,0.15);
    --alpha-black-a12: rgba(11,9,9,0.12);
    --alpha-black-a10: rgba(11,9,9,0.1);
    --alpha-black-a7: rgba(11,9,9,0.07);
    --alpha-black-a5: rgba(11,9,9,0.05);
    --alpha-black-a3: rgba(11,9,9,0.03);
    --alpha-black-a2: rgba(11,9,9,0.02);

    /* Alpha variants - night (#161313 -> rgb(22,19,19)) */
    --alpha-night-a95: rgba(22,19,19,0.95);
    --alpha-night-a90: rgba(22,19,19,0.9);
    --alpha-night-a85: rgba(22,19,19,0.85);
    --alpha-night-a80: rgba(22,19,19,0.8);
    --alpha-night-a70: rgba(22,19,19,0.7);
    --alpha-night-a60: rgba(22,19,19,0.6);
    --alpha-night-a50: rgba(22,19,19,0.5);
    --alpha-night-a40: rgba(22,19,19,0.4);
    --alpha-night-a30: rgba(22,19,19,0.3);
    --alpha-night-a25: rgba(22,19,19,0.25);
    --alpha-night-a20: rgba(22,19,19,0.2);
    --alpha-night-a15: rgba(22,19,19,0.15);
    --alpha-night-a12: rgba(22,19,19,0.12);
    --alpha-night-a10: rgba(22,19,19,0.1);
    --alpha-night-a7: rgba(22,19,19,0.07);
    --alpha-night-a5: rgba(22,19,19,0.05);
    --alpha-night-a3: rgba(22,19,19,0.03);
    --alpha-night-a2: rgba(22,19,19,0.02);

    /* Alpha variants - white (#FFFFFF -> rgb(255,255,255)) */
    --alpha-white-a95: rgba(255,255,255,0.95);
    --alpha-white-a90: rgba(255,255,255,0.9);
    --alpha-white-a85: rgba(255,255,255,0.85);
    --alpha-white-a80: rgba(255,255,255,0.8);
    --alpha-white-a70: rgba(255,255,255,0.7);
    --alpha-white-a60: rgba(255,255,255,0.6);
    --alpha-white-a50: rgba(255,255,255,0.5);
    --alpha-white-a40: rgba(255,255,255,0.4);
    --alpha-white-a30: rgba(255,255,255,0.3);
    --alpha-white-a25: rgba(255,255,255,0.25);
    --alpha-white-a20: rgba(255,255,255,0.2);
    --alpha-white-a15: rgba(255,255,255,0.15);
    --alpha-white-a12: rgba(255,255,255,0.12);
    --alpha-white-a10: rgba(255,255,255,0.1);
    --alpha-white-a7: rgba(255,255,255,0.07);
    --alpha-white-a5: rgba(255,255,255,0.05);
    --alpha-white-a3: rgba(255,255,255,0.03);
    --alpha-white-a2: rgba(255,255,255,0.02);

    /* Alpha variants - smoke (#EDEDED -> rgb(237,237,237)) */
    --alpha-smoke-a95: rgba(237,237,237,0.95);
    --alpha-smoke-a90: rgba(237,237,237,0.9);
    --alpha-smoke-a85: rgba(237,237,237,0.85);
    --alpha-smoke-a80: rgba(237,237,237,0.8);
    --alpha-smoke-a70: rgba(237,237,237,0.7);
    --alpha-smoke-a60: rgba(237,237,237,0.6);
    --alpha-smoke-a50: rgba(237,237,237,0.5);
    --alpha-smoke-a40: rgba(237,237,237,0.4);
    --alpha-smoke-a30: rgba(237,237,237,0.3);
    --alpha-smoke-a25: rgba(237,237,237,0.25);
    --alpha-smoke-a20: rgba(237,237,237,0.2);
    --alpha-smoke-a15: rgba(237,237,237,0.15);
    --alpha-smoke-a12: rgba(237,237,237,0.12);
    --alpha-smoke-a10: rgba(237,237,237,0.1);
    --alpha-smoke-a7: rgba(237,237,237,0.07);
    --alpha-smoke-a5: rgba(237,237,237,0.05);
    --alpha-smoke-a3: rgba(237,237,237,0.03);
    --alpha-smoke-a2: rgba(237,237,237,0.02);

    /* Eucalyptus palette */
    --eucalyptus-a7: #FAFBFA;
    --eucalyptus-a6: #F5F6F6;
    --eucalyptus-a5: #EBEDED;
    --eucalyptus-a4: #DDE1E0;
    --eucalyptus-a3: #CCD3D1;
    --eucalyptus-a2: #B3BCBA;
    --eucalyptus-a1: #9AA6A3;
    --eucalyptus-a0: #80908C;
    --eucalyptus-base: #566B66;
    --eucalyptus-b0: #465551;
    --eucalyptus-b1: #3C4845;
    --eucalyptus-b2: #333B38;
    --eucalyptus-b3: #292D2C;
    --eucalyptus-b4: #232524;
    --eucalyptus-b5: #1E1E1D;
    --eucalyptus-b6: #1A1818;
    --eucalyptus-b7: #181615;

    /* Lagoon palette */
    --lagoon-a7: #F9FBFB;
    --lagoon-a6: #D9DEDE;
    --lagoon-a5: #E6F1F1;
    --lagoon-a4: #D5E8E7;
    --lagoon-a3: #C0DCDB;
    --lagoon-a2: #A0CAC9;
    --lagoon-a1: #81B9B7;
    --lagoon-a0: #62A7A5;
    --lagoon-base: #2D8A87;
    --lagoon-b0: #276C6A;
    --lagoon-b1: #245A59;
    --lagoon-b2: #204947;
    --lagoon-b3: #1D3736;
    --lagoon-b4: #1B2B2A;
    --lagoon-b5: #192121;
    --lagoon-b6: #171A1A;
    --lagoon-b7: #171716;

    /* Bcc Grey */
    --bcc-grey-a7: #FCFCFC;
    --bcc-grey-a6: #F9F9F9;
    --bcc-grey-a5: #F3F3F3;
    --bcc-grey-a4: #EBEBEB;
    --bcc-grey-a3: #E0E0E0;
    --bcc-grey-a2: #D1D1D1;
    --bcc-grey-a1: #C2C2C2;
    --bcc-grey-a0: #B2B2B2;
    --bcc-grey-base: #999999;
    --bcc-grey-b0: #787878;
    --bcc-grey-b1: #656363;
    --bcc-grey-b2: #514F4F;
    --bcc-grey-b3: #3D3B3B;
    --bcc-grey-b4: #302E2E;
    --bcc-grey-b5: #262323;
    --bcc-grey-b6: #1E1B1B;
    --bcc-grey-b7: #1A1717;

    /* Bcc Red */
    --bcc-red-a7: #FEF8F8;
    --bcc-red-a6: #FDF0F1;
    --bcc-red-a5: #FCE1E3;
    --bcc-red-a4: #F9CDD0;
    --bcc-red-a3: #F7B4B8;
    --bcc-red-a2: #F28F95;
    --bcc-red-a1: #EE6A71;
    --bcc-red-a0: #EA444E;
    --bcc-red-base: #E30613;
    --bcc-red-b0: #B00913;
    --bcc-red-b1: #910B13;
    --bcc-red-b2: #720D13;
    --bcc-red-b3: #540F13;
    --bcc-red-b4: #3F1013;
    --bcc-red-b5: #2F1113;
    --bcc-red-b6: #221213;
    --bcc-red-b7: #1C1313;

    /* Orange */
    --orange-a7: #FFFCF9;
    --orange-a6: #FFF8F2;
    --orange-a5: #FFF1E5;
    --orange-a4: #FFE8D4;
    --orange-a3: #FFDDBE;
    --orange-a2: #FFCC9E;
    --orange-a1: #FFBB7E;
    --orange-a0: #FFA95E;
    --orange-base: #FF8D28;
    --orange-b0: #C56F23;
    --orange-b1: #A25C20;
    --orange-b2: #7F4A1C;
    --orange-b3: #5C3819;
    --orange-b4: #452B17;
    --orange-b5: #322216;
    --orange-b6: #241A14;
    --orange-b7: #1D1714;

    /* Yellow */
    --yellow-a7: #FFFDF7;
    --yellow-a6: #FFFCF0;
    --yellow-a5: #FFF9E0;
    --yellow-a4: #FFF5CC;
    --yellow-a3: #FFF0B2;
    --yellow-a2: #FFE88C;
    --yellow-a1: #FFE066;
    --yellow-a0: #FFD940;
    --yellow-base: #FFCC00;
    --yellow-b0: #C59E05;
    --yellow-b1: #A28208;
    --yellow-b2: #7F660A;
    --yellow-b3: #5C4B0D;
    --yellow-b4: #45380F;
    --yellow-b5: #322911;
    --yellow-b6: #241E12;
    --yellow-b7: #1D1912;

    /* Green */
    --green-a7: #F9FDFA;
    --green-a6: #F3FCF5;
    --green-a5: #E7F8EB;
    --green-a4: #D6F4DE;
    --green-a3: #C2EECD;
    --green-a2: #C2EECD;
    --green-a1: #A4E6B4;
    --green-a0: #67D582;
    --green-base: #34C759;
    --green-b0: #2D9A48;
    --green-b1: #287F3D;
    --green-b2: #246433;
    --green-b3: #1F4928;
    --green-b4: #1C3721;
    --green-b5: #1A291B;
    --green-b6: #181E17;
    --green-b7: #171815;

    /* Mint */
    --mint-a7: #F7FDFD;
    --mint-a6: #F0FCFA;
    --mint-a5: #E0F8F6;
    --mint-a4: #CCF4F0;
    --mint-a3: #B2EFE8;
    --mint-a2: #8CE6DD;
    --mint-a1: #66DED1;
    --mint-a0: #40D6C6;
    --mint-base: #00C8B3;
    --mint-b0: #069B8B;
    --mint-b1: #098073;
    --mint-b2: #0C645B;
    --mint-b3: #0F4943;
    --mint-b4: #123733;
    --mint-b5: #132926;
    --mint-b6: #151E1D;
    --mint-b7: #151818;

    /* Blue */
    --blue-a7: #F7FBFF;
    --blue-a6: #F0F8FF;
    --blue-a5: #E0F1FF;
    --blue-a4: #CCE7FF;
    --blue-a3: #B2DBFF;
    --blue-a2: #8CC9FF;
    --blue-a1: #66B8FF;
    --blue-a0: #40A6FF;
    --blue-base: #0088FF;
    --blue-b0: #066BC4;
    --blue-b1: #0959A1;
    --blue-b2: #0C487D;
    --blue-b3: #0F365A;
    --blue-b4: #122A42;
    --blue-b5: #13212F;
    --blue-b6: #151A21;
    --blue-b7: #15171A;

    /* Indigo */
    --indigo-a7: #FAFAFF;
    --indigo-a6: #F6F5FE;
    --indigo-a5: #ECEBFE;
    --indigo-a4: #DFDDFD;
    --indigo-a3: #D0CCFC;
    --indigo-a2: #B8B3FB;
    --indigo-a1: #A099F9;
    --indigo-a0: #8880F7;
    --indigo-base: #6155F5;
    --indigo-b0: #4E45BC;
    --indigo-b1: #433B9B;
    --indigo-b2: #383179;
    --indigo-b3: #2D2757;
    --indigo-b4: #252040;
    --indigo-b5: #1F1B2E;
    --indigo-b6: #1B1721;
    --indigo-b7: #18151A;

    /* Purple */
    --purple-a7: #FDF9FE;
    --purple-a6: #FCF3FD;
    --purple-a5: #F9E6FB;
    --purple-a4: #F5D6F9;
    --purple-a3: #EFC1F6;
    --purple-a2: #E8A2F1;
    --purple-a1: #E083EC;
    --purple-a0: #D864E8;
    --purple-base: #CB30E0;
    --purple-b0: #9E29AD;
    --purple-b1: #83248E;
    --purple-b2: #67206F;
    --purple-b3: #4C1C51;
    --purple-b4: #3A193C;
    --purple-b5: #2C162C;
    --purple-b6: #21151F;
    --purple-b7: #1B1419;

    /* Semantic (derived) colors - BASE */
    --base-fg-minimal: rgba(11,9,9,0.5);
    --base-fg-subtle: rgba(11,9,9,0.6);
    --base-fg-medium: rgba(11,9,9,0.8);
    --base-fg-main: rgba(11,9,9,1);

    --base-bg-dimmed: rgba(11,9,9,0.03);
    --base-bg-minimal: rgba(11,9,9,0.05);
    --base-bg-subtle: rgba(11,9,9,0.07);
    --base-bg-medium: rgba(11,9,9,0.1);
    --base-bg-main: rgba(11,9,9,1);
    --base-bg-hover: rgba(11,9,9,0.8);

    --base-border-dimmed: rgba(11,9,9,0.07);
    --base-border-minimal: rgba(11,9,9,0.12);
    --base-border-subtle: rgba(11,9,9,0.6);
    --base-border-medium: rgba(11,9,9,0.8);
    --base-border-main: rgba(11,9,9,1);

    /* Static */
    --static-brand-red: #E30613;
    --static-brand-gray: #999999;
    --static-brand-secondary-green: #566B66;
    --static-brand-secondary-sage: #CCD3D1;

    /* Inverted */
    --inverted-fg-main: #FFFFFF;
    --inverted-fg-subtle: rgba(255,255,255,0.6);
    --inverted-fg-minimal: rgba(255,255,255,0.5);
    --inverted-bg-dimmed: rgba(255,255,255,0.05);
    --inverted-bg-minimal: rgba(255,255,255,0.07);
    --inverted-bg-subtle: rgba(255,255,255,0.1);
    --inverted-bg-medium: rgba(255,255,255,0.12);
    --inverted-bg-main: #FFFFFF;
    --inverted-bg-hover: rgba(255,255,255,0.8);
    --inverted-border-dimmed: rgba(255,255,255,0.1);
    --inverted-border-minimal: rgba(255,255,255,0.15);
    --inverted-border-main: #FFFFFF;

    /* Primary (semantic tokens) */
    --primary-fg-main: #E30613;
    --primary-fg-strong: #B00913;
    --primary-fg-intense: #910B13;
    --primary-bg-dimmed: #FCE1E3;
    --primary-bg-minimal: #F9CDD0;
    --primary-bg-subtle: #F7B4B8;
    --primary-bg-medium: #F28F95;
    --primary-bg-main: #E30613;
    --primary-bg-strong: #B00913;
    --primary-bg-intense: #910B13;
    --primary-border-minimal: #F9CDD0;
    --primary-border-main: #E30613;
    --primary-border-strong: #B00913;
    --primary-border-intense: #910B13;

    /* Neutral */
    --neutral-fg-minimal: #C2C2C2;
    --neutral-fg-subtle: #B2B2B2;
    --neutral-fg-main: #787878;
    --neutral-fg-strong: #514F4F;
    --neutral-bg-dimmed: #F3F3F3;
    --neutral-bg-minimal: #EBEBEB;
    --neutral-bg-subtle: #E0E0E0;
    --neutral-bg-medium: #D1D1D1;
    --neutral-bg-main: #999999;
    --neutral-bg-strong: #787878;
    --neutral-bg-intense: #656363;
    --neutral-bg-hover: #787878;
    --neutral-border-dimmed: #EBEBEB;
    --neutral-border-minimal: #E0E0E0;
    --neutral-border-main: #999999;
    --neutral-border-strong: #514F4F;

    /* Negative */
    --negative-fg-main: #B00913;
    --negative-bg-minimal: #F9CDD0;
    --negative-bg-main: #E30613;
    --negative-bg-hover: #B00913;
    --negative-border-minimal: #F7B4B8;
    --negative-border-main: #E30613;

    /* Positive */
    --positive-fg-main: #246433;
    --positive-bg-minimal: #D6F4DE;
    --positive-bg-main: #34C759;
    --positive-bg-hover: #2D9A48;
    --positive-border-minimal: #C2EECD;
    --positive-border-main: #34C759;

    /* Informative */
    --informative-fg-main: #0959A1;
    --informative-bg-minimal: #CCE7FF;
    --informative-bg-main: #0088FF;
    --informative-bg-hover: #066BC4;
    --informative-border-minimal: #B2DBFF;
    --informative-border-main: #0088FF;

    /* Notice */
    --notice-fg-main: #7F660A;
    --notice-bg-minimal: #FFF5CC;
    --notice-bg-main: #FFCC00;
    --notice-bg-hover: #C59E05;
    --notice-border-minimal: #FFF0B2;
    --notice-border-main: #FFCC00;

    /* Utility (examples) */
    --utility-indigo-fg-main: #4E45BC;
    --utility-indigo-bg-minimal: #DFDDFD;
    --utility-indigo-bg-main: #6155F5;
    --utility-indigo-border-main: #6155F5;

    --utility-mint-fg-main: #0C645B;
    --utility-mint-bg-minimal: #CCF4F0;
    --utility-mint-bg-main: #00C8B3;
    --utility-mint-border-main: #00C8B3;

    --utility-orange-fg-main: #7F4A1C;
    --utility-orange-bg-minimal: #FFE8D4;
    --utility-orange-bg-main: #FF8D28;
    --utility-orange-border-main: #FF8D28;

    --utility-purple-fg-main: #83248E;
    --utility-purple-bg-minimal: #F5D6F9;
    --utility-purple-bg-main: #CB30E0;
    --utility-purple-border-main: #CB30E0;

    /* end RethinkUI*/

    /* Color ramp bc-red */
    --bc-red-100: #FAE6E8;
    --bc-red-200: #F1BFC6;
    --bc-red-300: #E4808C;
    --bc-red-400: #D64053;
    --bc-red-500: #C80019; --bc-red-500-30: #C800194D; --bc-red-500-20: #C8001933; --bc-red-500-00: #C8001900;
    --bc-red-600: #960013; --bc-red-600-20: #96001333;
    --bc-red-700: #64000D; --bc-red-700-20: #64000D33;
    --bc-red-800: #320006;
    /* Color ramp slate-grey */
    --slate-grey-100: #F5F7F9;
    --slate-grey-200: #E6E9ED;
    --slate-grey-300: #D8DCE1;
    --slate-grey-400: #BDC3C9;
    --slate-grey-500: #A2A9B0;
    --slate-grey-600: #7F878F;
    --slate-grey-700: #5C656E; --slate-grey-700-30: #5C656E4D; --slate-grey-700-20: #5C656E33; --slate-grey-700-00: #5C656E00;
    --slate-grey-800: #394147;

    /* Color ramp bc-blue */
    --bc-blue-100: #EBECF0; --bc-blue-100-20: #EBECF033;
    --bc-blue-200: #CECED9;
    --bc-blue-300: #9C9EB2;
    --bc-blue-400: #6B6D8C;
    --bc-blue-500: #393C65;
    --bc-blue-600: #2B2D4C;
    --bc-blue-700: #1D1E33;
    --bc-blue-800: #0E0F19;
    /* Color ramp bc-grey */
    --bc-grey-100: #FEFEFE; --bc-grey-100-85: #FEFEFED9;
    --bc-grey-200: #F9F9F9;
    --bc-grey-300: #E6E6E6;
    --bc-grey-400: #C6C6C6;
    --bc-grey-500: #999999; --bc-grey-500-60: #99999999;
    --bc-grey-600: #565656;
    --bc-grey-700: #262626;
    --bc-grey-800: #090909;

    --black: #000000;
    --white: #FFFFFF;
    --yellow: #ffd900;
    --yellow-subtle: #fffadb;
    --yellow-emphasis: #665700;
    --orange: #ff8000;
    --orange-subtle: #FAF5E3;
    --orange-emphasis: #944306;
    --red: #990000;
    --red-subtle: #FFF1F2;
    --red-emphasis: #830423;
    --purple: #5200cc;
    --purple-subtle: #eadbff;
    --purple-emphasis: #290066;
    --blue: #000099;
    --blue-subtle: #dfe0fc;
    --blue-emphasis: #212831;
    --green: #009900;
    --green-subtle: #DEF3E9;
    --green-emphasis: #035941;

    /* charts palettes */
    --bc-chart-palette-1: var(--bc-blue-700);
    --bc-chart-palette-2: var(--bc-blue-500);
    --bc-chart-palette-3: var(--bc-blue-300);
    --bc-chart-palette-4: var(--bc-blue-200);
    --bc-chart-palette-5: var(--bc-blue-100);

    /* metric colors */
    --bc-metric-1-foreground: #830423;
    --bc-metric-1-background: #FFF1F2;
    --bc-metric-2-foreground: #212831;
    --bc-metric-2-background: #E0E2FC;
    --bc-metric-3-foreground: #212831;
    --bc-metric-3-background: #E2E8F0;
    --bc-metric-4-foreground: #944306;
    --bc-metric-4-background: #FAF5E3;

    /* badge colors */
    --bc-badge-green-foreground: #035941;
    --bc-badge-green-background: #DEF3E9;
    --bc-badge-yellow-foreground: #944306;
    --bc-badge-yellow-background: #FAF5E3;
    --bc-badge-red-foreground: #830423;
    --bc-badge-red-background: #FFF1F2;
    --bc-badge-blue-foreground: #212831;
    --bc-badge-blue-background: #E0E2FC;


    /* Default Color Theme */
    --color-success: #009600;
    --color-warning: #FF7F00;
    --color-border: #C8C8C8;
    --color-bg-eee: #EEEEEE;
    --color-bg-f7: #F7F7F7;
    --color-text-dark: #212831;
    --color-muted: #516077;
    --color-overlay: #000000C2;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-lightgray: lightgray;
    --color-black-border: #000000;
    
    --chart-size: 500px;
    --gauge-padding: 32px;
    --gauge-gap: 32px;
    --value-width: 70px;
    --input-height: 25px;
    --list-item-height: 44px;
    --rotate-translate: 70px;
    --tooltip-offset: -20px;
    
    /* Primary colors */
    --theme-primary-emphasis: var(--bc-red-600);
    --theme-primary-default: var(--bc-red-500);
    --theme-primary-muted: var(--bc-red-300);
    --theme-primary-subtle: var(--bc-red-100);
    --theme-secondary-emphasis: var(--slate-grey-800);
    --theme-secondary-default: var(--slate-grey-700);
    --theme-secondary-muted: var(--slate-grey-400);
    --theme-secondary-subtle: var(--slate-grey-100);
    --theme-grey-emphasis: var(--bc-grey-700);
    --theme-grey-default: var(--bc-grey-500);
    --theme-grey-muted: var(--bc-grey-300);
    --theme-grey-subtle: var(--bc-grey-100);

    --theme-default-foreground: var(--theme-grey-emphasis);

    --theme-default-background: var(--theme-grey-subtle);
    --theme-hover-background: var(--bc-grey-200);
    --theme-active-background: var(--bc-grey-400);
    --theme-selected-background: var(--theme-primary-subtle);
    /* top logo */
    /*--bcnav-logo-path: url("/media/images/bcNAV-logo-sidemenu-color.svg");*/
    /* Menu colors */
    --theme-menu-background: var(--theme-grey-muted);
    --theme-menu-scrollbar-background: var(--theme-grey-muted);
    --theme-menu-scrollbar-thumb: var(--bc-grey-500-60);
    --theme-menu-interactive-foreground: var(--theme-grey-emphasis);
    --theme-menu-interactive-hover-background: var(--bc-red-500-20);
    --theme-menu-interactive-active-border: var(--theme-grey-muted);
    --theme-menu-interactive-active-background: var(--bc-red-500-30);
    --theme-menu-interactive-focus-border: var(--theme-grey-muted);
    --theme-menu-interactive-focus-background: var(--bc-red-500-20);
    --theme-menu-interactive-selected-background: var(--theme-primary-default);
    --theme-menu-interactive-selected-foreground: var(--theme-primary-subtle);
    --theme-menu-interactive-selected-module-background: var(--bc-red-500-00);
    --theme-menu-interactive-selected-module-foreground: var(--theme-primary-default);
    --theme-menu-disabled-background: var(--theme-grey-muted);
    --theme-menu-disabled-foreground: var(--theme-grey-default);
    --theme-menu-badge-background: var(--theme-primary-default);
    --theme-menu-badge-foreground: var(--theme-primary-subtle);
    --theme-menu-badge-selected-background: var(--theme-primary-subtle);
    --theme-menu-badge-selected-foreground: var(--theme-primary-default);
    --theme-menu-accents-border: var(--theme-grey-default);
    --theme-menu-foreground: var(--theme-grey-emphasis);
    /* Page colors */
    --theme-page-background: var(--theme-grey-subtle);
    --theme-page-background-85: var(--bc-grey-100-85);
    /*endregion Colors*/

    /*#region Button colors */
    /* Filled Primary buttons */
    --theme-button-primary-filled-background: var(--theme-primary-default);
    --theme-button-primary-filled-foreground: var(--theme-primary-subtle);

    --theme-button-primary-filled-hover-background: var(--theme-primary-emphasis);
    --theme-button-primary-filled-hover-foreground: var(--theme-primary-subtle);

    --theme-button-primary-filled-active-background: var(--theme-primary-default);
    --theme-button-primary-filled-active-foreground: var(--theme-primary-subtle);

    --theme-button-primary-filled-focus-background: var(--theme-primary-default);
    --theme-button-primary-filled-focus-foreground: var(--theme-primary-subtle);
    --theme-button-primary-filled-focus-shadow: var(--theme-primary-default);
    --theme-button-primary-filled-focus-outline: var(--theme-primary-subtle);

    --theme-button-primary-filled-disabled-background: var(--theme-primary-default);
    --theme-button-primary-filled-disabled-foreground: var(--theme-primary-subtle);

    /* Filled Secondary buttons */
    --theme-button-secondary-filled-background: var(--theme-secondary-default);
    --theme-button-secondary-filled-foreground: var(--theme-secondary-subtle);

    --theme-button-secondary-filled-hover-background: var(--theme-secondary-emphasis);
    --theme-button-secondary-filled-hover-foreground: var(--theme-secondary-subtle);

    --theme-button-secondary-filled-active-background: var(--theme-secondary-emphasis);
    --theme-button-secondary-filled-active-foreground: var(--theme-secondary-subtle);

    --theme-button-secondary-filled-focus-background: var(--theme-secondary-default);
    --theme-button-secondary-filled-focus-foreground: var(--theme-secondary-subtle);
    --theme-button-secondary-filled-focus-shadow: var(--theme-secondary-default);
    --theme-button-secondary-filled-focus-outline: var(--theme-secondary-subtle);

    --theme-button-secondary-filled-disabled-background: var(--theme-secondary-default);
    --theme-button-secondary-filled-disabled-foreground: var(--theme-secondary-subtle);
    /* Primary outline buttons */
    --theme-button-primary-outline-background: var(--theme-default-background);
    --theme-button-primary-outline-foreground: var(--theme-primary-default);
    --theme-button-primary-outline-border: var(--theme-primary-default);

    --theme-button-primary-outline-hover-background: var(--bc-red-500-20);
    --theme-button-primary-outline-hover-foreground: var(--theme-primary-emphasis);
    --theme-button-primary-outline-hover-border: var(--theme-primary-default);

    --theme-button-primary-outline-active-background: var(--bc-red-500-30);
    --theme-button-primary-outline-active-foreground: var(--theme-primary-emphasis);
    --theme-button-primary-outline-active-border: var(--theme-primary-default);

    --theme-button-primary-outline-focus-background: var(--bc-red-500-20);
    --theme-button-primary-outline-focus-foreground: var(--theme-primary-emphasis);
    --theme-button-primary-outline-focus-border: var(--theme-primary-default);

    --theme-button-primary-outline-disabled-background: var(--theme-default-background);
    --theme-button-primary-outline-disabled-foreground: var(--theme-primary-default);
    --theme-button-primary-outline-disabled-border: var(--theme-primary-default);
    /* Secondary outline buttons */
    --theme-button-secondary-outline-background: var(--theme-default-background);
    --theme-button-secondary-outline-foreground: var(--theme-secondary-default);
    --theme-button-secondary-outline-border: var(--theme-secondary-default);

    --theme-button-secondary-outline-hover-background: var(--slate-grey-700-20);
    --theme-button-secondary-outline-hover-foreground: var(--theme-secondary-emphasis);
    --theme-button-secondary-outline-hover-border: var(--theme-secondary-default);

    --theme-button-secondary-outline-active-background: var(--slate-grey-700-30);
    --theme-button-secondary-outline-active-foreground: var(--theme-secondary-emphasis);
    --theme-button-secondary-outline-active-border: var(--theme-secondary-default);

    --theme-button-secondary-outline-focus-background: var(--slate-grey-700-20);
    --theme-button-secondary-outline-focus-foreground: var(--theme-secondary-emphasis);
    --theme-button-secondary-outline-focus-border: var(--theme-secondary-default);

    --theme-button-secondary-outline-disabled-background: var(--theme-default-background);
    --theme-button-secondary-outline-disabled-foreground: var(--theme-secondary-default);
    --theme-button-secondary-outline-disabled-border: var(--theme-secondary-default);

    /* Primary tinted buttons */
    --theme-button-primary-tinted-background: var(--bc-red-500-20);
    --theme-button-primary-tinted-foreground: var(--theme-primary-emphasis);

    --theme-button-primary-tinted-hover-background: var(--bc-red-500-30);
    --theme-button-primary-tinted-hover-foreground: var(--theme-primary-emphasis);

    --theme-button-primary-tinted-active-background: var(--bc-red-500-20);
    --theme-button-primary-tinted-active-foreground: var(--theme-primary-emphasis);

    --theme-button-primary-tinted-focus-background: var(--bc-red-500-20);
    --theme-button-primary-tinted-focus-foreground: var(--theme-primary-emphasis);
    --theme-button-primary-tinted-focus-outline: var(--theme-primary-default);

    --theme-button-primary-tinted-disabled-background: var(--bc-red-500-20);
    --theme-button-primary-tinted-disabled-foreground: var(--theme-primary-emphasis);

    /* Secondary tinted buttons */
    --theme-button-secondary-tinted-background: var(--slate-grey-700-20);
    --theme-button-secondary-tinted-foreground: var(--theme-secondary-emphasis);

    --theme-button-secondary-tinted-hover-background: var(--slate-grey-700-30);
    --theme-button-secondary-tinted-hover-foreground: var(--theme-secondary-emphasis);

    --theme-button-secondary-tinted-active-background: var(--slate-grey-700-20);
    --theme-button-secondary-tinted-active-foreground: var(--theme-secondary-emphasis);

    --theme-button-secondary-tinted-focus-background: var(--slate-grey-700-20);
    --theme-button-secondary-tinted-focus-foreground: var(--theme-secondary-emphasis);
    --theme-button-secondary-tinted-focus-outline: var(--theme-secondary-default);

    --theme-button-secondary-tinted-disabled-background: var(--slate-grey-700-20);
    --theme-button-secondary-tinted-disabled-foreground: var(--theme-secondary-emphasis);

    /* Primary plain buttons */
    --theme-button-primary-plain-foreground: var(--theme-primary-default);

    --theme-button-primary-plain-hover-background: var(--bc-red-500-20);
    --theme-button-primary-plain-hover-foreground: var(--theme-primary-emphasis);

    --theme-button-primary-plain-active-background: var(--bc-red-500-30);
    --theme-button-primary-plain-active-foreground: var(--theme-primary-emphasis);

    --theme-button-primary-plain-focus-background: var(--bc-red-500-20);
    --theme-button-primary-plain-focus-foreground: var(--theme-primary-emphasis);
    --theme-button-primary-plain-focus-outline: var(--theme-primary-default);

    --theme-button-primary-plain-disabled-foreground: var(--theme-primary-default);

    /* Secondary plain buttons */
    --theme-button-secondary-plain-foreground: var(--theme-secondary-default);

    --theme-button-secondary-plain-hover-background: var(--slate-grey-700-20);
    --theme-button-secondary-plain-hover-foreground: var(--theme-secondary-emphasis);

    --theme-button-secondary-plain-active-background: var(--slate-grey-700-30);
    --theme-button-secondary-plain-active-foreground: var(--theme-secondary-emphasis);

    --theme-button-secondary-plain-focus-background: var(--slate-grey-700-20);
    --theme-button-secondary-plain-focus-foreground: var(--theme-secondary-emphasis);
    --theme-button-secondary-plain-focus-outline: var(--theme-secondary-default);

    --theme-button-secondary-plain-disabled-foreground: var(--theme-secondary-default);

    /* Dropdown buttons */
    --theme-dropdownbutton-menu-background: var(--theme-default-background);
    --theme-dropdownbutton-menu-foreground: var(--theme-default-foreground);
    --theme-dropdownbutton-menu-border: var(--theme-grey-default);

    --theme-dropdownbutton-menu-hover-background: var(--theme-hover-background);
    --theme-dropdownbutton-menu-hover-foreground: var(--theme-default-foreground);

    --theme-dropdownbutton-menu-active-background: var(--theme-active-background);
    --theme-dropdownbutton-menu-active-foreground: var(--theme-default-foreground);

    --theme-dropdownbutton-menu-focus-background: var(--theme-hover-background);
    --theme-dropdownbutton-menu-focus-foreground: var(--theme-default-foreground);

    /*#endregion Button colors */

    /*#region Input colors */
    --theme-input-background: var(--theme-default-background);
    --theme-input-foreground: var(--theme-default-foreground);
    --theme-input-border: var(--theme-grey-default);

    /* Text colors */
    --theme-text-default: #000000;
    --theme-text-title: #000000;
    --theme-text-subtitle: var(--theme-grey-emphasis);

    /* Dashboard cards */
    --theme-card-default-background: var(--theme-grey-subtle);
    --theme-card-default-foreground: var(--theme-grey-emphasis);
    --theme-card-default-border: var(--theme-grey-default);
    --theme-card-default-title: var(--theme-grey-emphasis);
    --theme-card-default-subtitle: var(--theme-grey-default);
    --theme-card-hover-background: var(--theme-grey-muted);
    --theme-card-hover-foreground: var(--theme-grey-emphasis);
    --theme-card-hover-border: var(--theme-primary-emphasis);
    --theme-card-active-background: var(--theme-grey-default);
    --theme-card-active-foreground: var(--theme-grey-emphasis);
    --theme-card-active-border: var(--theme-grey-default);
    --theme-card-focus-background: var(--theme-grey-subtle);
    --theme-card-focus-foreground: var(--theme-grey-emphasis);
    --theme-card-focus-border: var(--theme-grey-default);
    --theme-card-disabled-background: var(--theme-grey-muted);
    --theme-card-disabled-foreground: var(--theme-grey-default);
    --theme-card-disabled-border: var(--theme-grey-default);

    /* Tabs */
    --theme-tab-default-background: var(--theme-grey-subtle);
    --theme-tab-default-foreground: var(--theme-grey-emphasis);
    --theme-tab-default-border: var(--theme-grey-default);
    --theme-tab-hover-background: var(--theme-grey-muted);
    --theme-tab-hover-foreground: var(--theme-grey-emphasis);
    --theme-tab-hover-border: var(--theme-grey-default);
    --theme-tab-active-background: var(--bc-grey-400);
    --theme-tab-active-foreground: var(--theme-grey-emphasis);
    --theme-tab-active-border: var(--theme-primary-default);
    --theme-tab-focus-background: var(--theme-grey-muted);
    --theme-tab-focus-foreground: var(--theme-grey-emphasis);
    --theme-tab-focus-border: var(--theme-grey-default);
    --theme-tab-selected-background: var(--theme-grey-subtle);
    --theme-tab-selected-foreground: var(--theme-primary-default);
    --theme-tab-selected-border: var(--theme-primary-default);
    --theme-tab-disabled-background: var(--theme-grey-subtle);
    --theme-tab-disabled-foreground: var(--theme-grey-default);
    --theme-tab-disabled-border: var(--theme-grey-default);

    /* Grid */
    --theme-grid-default-border: var(--theme-grey-default);

    --theme-grid-header-default-background: var(--theme-grey-muted);
    --theme-grid-footer-default-background: var(--theme-grey-muted);

    --theme-grid-content-hover-background: var(--theme-hover-background);

    --theme-grid-content-selected-background: var(--theme-selected-background);

    /* Badges */
    --theme-badge-default-background: var(--theme-grey-muted);
    --theme-badge-default-foreground: var(--theme-grey-emphasis);

    --theme-badge-green-background: var(--bc-badge-green-background);
    --theme-badge-green-foreground: var(--bc-badge-green-foreground);
    --theme-badge-yellow-background: var(--bc-badge-yellow-background);
    --theme-badge-yellow-foreground: var(--bc-badge-yellow-foreground);
    --theme-badge-red-background: var(--bc-badge-red-background);
    --theme-badge-red-foreground: var(--bc-badge-red-foreground);
    --theme-badge-blue-background: var(--bc-badge-blue-background);
    --theme-badge-blue-foreground: var(--bc-badge-blue-foreground);
    /*endregion Input Colors*/
    
    /*Figma color themes */
    --Colors-border-default: rgba(0, 0, 0, 0.56);
    --Colors-foreground-tertiary: rgba(0, 0, 0, 0.68);
    --Colors-background-subtle-hover: rgba(0, 0, 0, 0.04);
    --background-subtle: #E2E8F0;
    --Colors-Page-Content-text--primary: #1A1A1A;
    --Black: #0F172A;
    --success-subtle: #DEF3E9;
    --Global-foreground: #212831;
    --Colors-background-accent-red: #F8D7DA;
    --Notification-General-on-notification-general: #343A40;
    --Colors-background-accent-blue: #CCE5FF;
    --Colors-background-accent-purple: #E2D4F0;
    --Colors-background-accent-green: #D4EDDA;
    --Colors-foreground-secondary: rgba(0, 0, 0, 0.76);
    --Colors-foreground-primary: rgba(0, 0, 0, 0.92);
    --Colors-background-tertiary: #EEE;
    --Colors-background-quaternary: #DCDCDC;
    --foreground-default: #212831;
    --foreground-muted: #516077;
    --theme-input-disabled-background: #f5f5f5;
    --theme-input-disabled-foreground: #6c757d;
    --Global-foreground-muted: #595959;
    --Accent-red: #F8D7DA;
    --bc-surface: #fff;
}

/* Other Color Themes */
[data-theme-mode="blue"] {
    /* Primary colors */
    --theme-primary-emphasis: var(--bc-blue-600);
    --theme-primary-default: var(--bc-blue-500);
    --theme-primary-muted: var(--bc-blue-300);
    --theme-primary-subtle: var(--bc-blue-100);
    --theme-secondary-emphasis: var(--bc-red-700);
    --theme-secondary-default: var(--bc-red-500);
    --theme-secondary-muted: var(--bc-red-300);
    --theme-secondary-subtle: var(--bc-red-100);
    --theme-grey-emphasis: var(--bc-grey-700);
    --theme-grey-default: var(--bc-grey-500);
    --theme-grey-muted: var(--bc-grey-300);
    --theme-grey-subtle: var(--bc-grey-100);
    /* top logo */
}

/*#region Fonts*/

/*#region Roboto*/
/*#region Roboto 400*/
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../../fonts/roboto/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../../fonts/roboto/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../../fonts/roboto/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../../fonts/roboto/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../../fonts/roboto/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../../fonts/roboto/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../../fonts/roboto/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*#endregion Roboto 400*/
/*#region Roboto 500*/
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../../fonts/roboto/Roboto-Medium-500.woff2) format('woff2');
}

/*#endregion Roboto 400*/
/*#region Roboto 700*/
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../../fonts/roboto/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../../fonts/roboto/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../../fonts/roboto/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../../fonts/roboto/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../../fonts/roboto/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../../fonts/roboto/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../../fonts/roboto/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*#endregion Roboto 700*/
/*#endregion Roboto*/

@font-face {
    font-family: 'Toast_icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*#endregion Fonts*/