/*
    MLX Theme - Light & Dark
    Version 2.0.0.0
*/
/*#region Common Styling*/

html, body, html * {
    font-family: var(--font-family), Helvetica, Arial, san-serif;
}

/*#endregion */

/*#region Animation */

.mlx-fadein {
    animation: mlx-fadein-keyframes 0.5s ease-in-out;
}

@keyframes mlx-fadein-keyframes {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.mlx-fadeout {
    animation: mlx-fadeout-keyframes 0.5s ease-in-out;
}

@keyframes mlx-fadein-keyframes {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.mlx-sticky-fadein {
    animation: mlx-sticky-fadein-keyframes 0.5s ease-in;
    animation-fill-mode: forwards;
    position: sticky !important;
}

@keyframes mlx-sticky-fadein-keyframes {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0%);
    }
}

.mlx-sticky-fadeout {
    animation: mlx-sticky-fadeout-keyframes 0.5s ease-out;
    animation-fill-mode: forwards;
    position: sticky !important;
    display: none !important;
}

@keyframes mlx-sticky-fadeout-keyframes {
    from {
        transform: translateY(0%);
       
    }

    to {
        transform: translateY(-100%);
       
    }
}


.mlx-gridtemplate-slide-container {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.2s ease-out;
    position: sticky;
    top: 0;
    z-index: 4;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
    border-bottom: solid 1px #e3e3e3;
}

    .mlx-gridtemplate-slide-container.mlx-slide-down {
        grid-template-rows: 1fr;
    }

    .mlx-gridtemplate-slide-container.mlx-slide-up {
        grid-template-rows: 0fr;
    }
    
.mlx-gridtemplate-slide-inner {
    overflow: hidden;
}

.delayed-opacity-1000 {
    opacity: 0;
    animation: delayVisibility 0s linear 1000ms forwards;
}

@keyframes delayVisibility {
    to {
        opacity: 1;
    }
}

/*#endregion */

/*#region Fonts */

:root {
    --font-family: 'Roboto';
    --font-regular: url("../fonts/roboto_regular.woff");
    --font-medium: url("../fonts/roboto_medium.woff");
    --font-semibold: url("../fonts/roboto_semibold.woff");
    --font-italic: url("../fonts/roboto_medium_italic.woff");
    --font-bold: url("../fonts/roboto_bold.woff");
    --font-weight-3: 300;
    --font-weight-4: 400;
    --font-weight-5: 500;
    --font-weight-6: 600;
    --font-weight-7: 500;
    --font-size-4: 12px;
    --font-size-5: 14px;
    --font-size-6: 16px;
    --font-size-7: 18px;
    --font-size-8: 20px;
    --font-size-9: 22px;
    --font-size-10: 24px;
    --font-line-height-2: 0.75;
    --font-line-height-4: 1;
    --font-line-height-5: 1.14;
    --font-line-height-6: 1.29;
    --font-line-height-7: 1.33;
    --font-line-height-8: 1.5;
    --font-letter-spacing-invert-5: -0.15px;
    --font-letter-spacing-4: 0.12px;
    --font-letter-spacing-5: 0.14px;
    --font-letter-spacing-6: 0.16px;
    --font-variation-fill-1: 1;
    --font-variation-wght-600: 600;
    --font-variation-opsz-20: 20;
    --font-variation-fill: 0;
    --font-variation-wght: 400;
    --font-variation-grad: 0;
    --font-variation-opsz: 24;
}

@font-face {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: var(--font-weight-4);
    src: var(--font-regular);
}

@font-face {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: var(--font-weight-5);
    src: var(--font-medium);
}

@font-face {
    font-family: var(--font-family);
    font-style: italic;
    font-weight: var(--font-weight-4);
    src: var(--font-italic);
}

@font-face {
    font-family: var(--font-family);
    font-style: italic;
    font-weight: var(--font-weight-5);
    src: var(--font-italic);
}

@font-face {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: var(--font-weight-7);
    src: var(--font-bold);
}

@font-face {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: var(--font-weight-6);
    src: var(--font-semibold);
}

@font-face {
    font-family: 'Mlx Material Symbols Outlined';
    font-style: normal;
    src: url("../../fonts/MLX-MaterialSymbolsOutlined.woff2") format('woff2');
}

.mlx-material-symbols-outlined, .rzi {
    font-family: 'MLX Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
}

/* font variations */

.mlx-font-variation-fill-outline {
    --font-variation-fill: 0;
}

.mlx-font-variation-fill-fill {
    --font-variation-fill: 1;
}

.mlx-font-variation-grad-md {
    --font-variation-grad: 0;
}

.mlx-font-variation-wght-md {
    --font-variation-wght: 400;
}

.mlx-font-variation-wght-lg {
    --font-variation-wght: 600;
}

.mlx-font-variation-opsz-sm {
    --font-variation-opsz: 20;
}

.mlx-font-variation-opsz-md {
    --font-variation-opsz: 24;
}

.mlx-font-variation {
    font-variation-settings: 'FILL' var(--font-variation-fill), 'wght' var(--font-variation-wght), 'GRAD' var(--font-variation-grad), 'opsz' var(--font-variation-opsz);
}


/*#endregion */

/*#region Colors - generated by a design tool */

:root {
    --light-gray-0: #FFFFFF;
    --light-gray-0-opacity-30: #FFFFFF4C;
    --light-gray-50: #F7F7F7;
    --light-gray-100: #F1F1F2;
    --light-gray-200: #E3E4E4;
    --light-gray-300: #C7C9CA;
    --light-gray-300-opacity-30: #C7C9CA4C;
    --light-gray-400: #ACADAF;
    --light-gray-500: #909295;
    --light-gray-600: #74777A;
    --light-gray-700: #5D5F62;
    --light-gray-800: #464749;
    --light-gray-900: #2E3031;
    --light-gray-1000: #171818;
    --light-blue-100: #E6F2F4;
    --light-blue-200: #CCE4E9;
    --light-blue-300: #B8DFE7;
    --light-blue-400: #7CB6C1;
    --light-blue-500: #3394A7;
    --light-blue-600: #007991;
    --light-blue-700: #006174;
    --light-blue-800: #004957;
    --light-blue-900: #00303A;
    --light-blue-1000: #00181D;
    --light-green-100: #E6F3F0;
    --light-green-200: #CDE7E0;
    --light-green-300: #99CCC0;
    --light-green-400: #68B6A3;
    --light-green-500: #369D84;
    --light-green-600: #048565;
    --light-green-700: #036A51;
    --light-green-800: #02503D;
    --light-green-900: #023528;
    --light-green-1000: #011B14;
    --light-red-100: #F9EAE8;
    --light-red-200: #F3D5D1;
    --light-red-300: #E7AAA3;
    --light-red-400: #DC8074;
    --light-red-500: #D05546;
    --light-red-600: #C42B18;
    --light-red-700: #9D2213;
    --light-red-800: #761A0E;
    --light-red-900: #651B12;
    --light-red-1000: #430A03;
    --light-orange-100: #FFF7E9;
    --light-orange-200: #FFE8C4;
    --light-orange-300: #FDD291;
    --light-orange-400: #FFBB63;
    --light-orange-500: #FFA037;
    --light-orange-600: #F68511;
    --light-orange-700: #E46F00;
    --light-orange-800: #CB5D00;
    --light-orange-900: #994200;
    --light-orange-1000: #662B02;
    --light-brightblue-100: #EAF1FA;
    --light-brightblue-200: #D6E2F5;
    --light-brightblue-300: #ADC5EB;
    --light-brightblue-400: #83A8E1;
    --light-brightblue-500: #5A8BD7;
    --light-brightblue-600: #316ECD;
    --light-brightblue-700: #2758A4;
    --light-brightblue-800: #1D427B;
    --light-brightblue-900: #142C52;
    --light-brightblue-1000: #0A1629;
    --light-lightgreen-100: #F5F9E8;
    --light-lightgreen-200: #EBF3D1;
    --light-lightgreen-300: #D7E7A3;
    --light-lightgreen-400: #C3DC74;
    --light-lightgreen-500: #AFD046;
    --light-lightgreen-600: #9BC418;
    --light-lightgreen-700: #7C9D13;
    --light-lightgreen-800: #5D760E;
    --light-lightgreen-900: #3E4E0A;
    --light-lightgreen-1000: #1F2705;
    --light-yellow-100: #FEF9ED;
    --light-yellow-200: #F9E8C7;
    --light-yellow-300: #F9DFAD;
    --light-yellow-400: #F5CE85;
    --light-yellow-500: #F2BE5C;
    --light-yellow-600: #EFAE33;
    --light-yellow-700: #BF8B29;
    --light-yellow-800: #8F681F;
    --light-yellow-900: #604614;
    --light-yellow-1000: #30230A;
    --light-purple-100: #f3eafa;
    --light-purple-200: #e4cff4;
    --light-purple-300: #ddc0f3;
    --light-purple-400: #bb86e3;
    --light-purple-500: #9b51d5;
    --light-purple-600: #7429ae;
    --light-purple-700: #4a1a6f;
    --light-purple-800: #4f1769;
    --light-purple-900: #35134f;
    --light-neutral-10: #7D7F8300;
    --light-neutral-100: #7D7F830F;
    --light-neutral-200: #7D7F831E;
    --dark-gray-100: #171818;
    --dark-gray-200: #2E3031;
    --dark-gray-300: #464749;
    --dark-gray-400: #5D5F62;
    --dark-gray-500: #74777A;
    --dark-gray-600: #ACADAF;
    --dark-gray-700: #C7C9CA;
    --dark-gray-800: #E3E4E4;
    --dark-gray-900: #F1F1F2;
    --dark-gray-1000: #F6F6F6;
    --dark-blue-100: #00303A;
    --dark-blue-300: #004957;
    --dark-blue-700: #006174;
    --dark-blue-900: #3394A7;
    --dark-blue-1000: #99C9D3;
    --dark-blue-1100: #D4E9ED;
    --dark-green-100: #023528;
    --dark-green-700: #02503D;
    --dark-green-900: #68B6A3;
    --dark-green-1000: #CDE7E0;
    --dark-green-1100: #E6F3F0;
    --dark-orange-100: #672C03;
    --dark-orange-700: #994200;
    --dark-orange-800: #FFA037;
    --dark-orange-900: #FDD291;
    --dark-orange-1000: #FFE8C4;
    --dark-red-100: #440A03;
    --dark-red-700: #761A0E;
    --dark-red-900: #D05546;
    --dark-red-1000: #F3D5D1;
    --dark-red-1100: #F9EAE8;
    --dark-brightblue-100: #0A1629;
    --dark-brightblue-700: #1D427B;
    --dark-brightblue-800: #83A8E1;
    --dark-brightblue-900: #D6E2F5;
    --dark-brightblue-1000: #D6E2F5;
    --dark-neutral-10: #FFFFFF00;
    --dark-neutral-100: #FEFEFE0F;
    --dark-neutral-200: #FFFFFF1E;
    --dark-yellow-100: #30230A;
    --dark-yellow-700: #604614;
    --dark-yellow-800: #E8B659;
    --dark-yellow-1000: #F9DFAD;
    --dark-yellow-1100: #FCEFD6;
    --dark-lightgreen-100: #3E4E0A;
    --dark-lightgreen-700: #5D760E;
    --dark-lightgreen-800: #c3dc74;
    --dark-lightgreen-900: #ebf3d1;
    --dark-lightgreen-1000: #f5f9e8;
    --Light-Neutral-10: #1F212214;
    --Light-Neutral-100: #1F21221F;
    --Light-Neutral-200: #1F212229;
    --Light-Accent-100: #F2FAE9FF;
    --Light-Accent-200: #E7F4D5FF;
    --Light-Accent-300: #D5E4C2FF;
    --Light-Accent-400: #B4CA97FF;
    --Light-Accent-500: #99B971FF;
    --Light-Accent-600: #82A75EFF;
    --Light-Accent-700: #719949FF;
    --Light-Accent-800: #4D6E27FF;
    --Light-Accent-900: #3A5916FF;
    --Light-Accent-1000: #1A250BFF;
    --Light-Blue-100: #EBF6FFFF;
    --Light-Blue-200: #D9E7F5FF;
    --Light-Blue-300: #BAD1E8FF;
    --Light-Blue-400: #91B4D7FF;
    --Light-Blue-500: #6490BFFF;
    --Light-Blue-600: #256BA2FF;
    --Light-Blue-700: #17598EFF;
    --Light-Blue-800: #0E4174FF;
    --Light-Blue-900: #0C2F5CFF;
    --Light-Blue-1000: #031833FF;
    --Light-Blue-Green-100: #F1FDFFFF;
    --Light-Blue-Green-200: #E8F6F9FF;
    --Light-Blue-Green-300: #C8EBF2FF;
    --Light-Blue-Green-400: #93D7E3FF;
    --Light-Blue-Green-500: #5DB8C8FF;
    --Light-Blue-Green-600: #36A3B6FF;
    --Light-Blue-Green-700: #0B7B8FFF;
    --Light-Blue-Green-800: #086D7FFF;
    --Light-Blue-Green-900: #0A5E6DFF;
    --Light-Blue-Green-1000: #02434FFF;
    --Light-Gray-0: #FFFFFFFF;
    --Light-Gray-100: #F7F7F7FF;
    --Light-Gray-200: #E9EBEDFF;
    --Light-Gray-300: #E1E3E6FF;
    --Light-Gray-400: #CED1D6FF;
    --Light-Gray-500: #BEC0C4FF;
    --Light-Gray-600: #A5A9ADFF;
    --Light-Gray-700: #808387FF;
    --Light-Gray-800: #525558FF;
    --Light-Gray-900: #1F2122FF;
    --Light-Gray-1000: #0A0A0AFF;
    --Light-Green-100: #E6F3F1FF;
    --Light-Intermediant-100: #FDF5E3FF;
    --Light-Intermediant-200: #F9E8C7FF;
    --Light-Intermediant-300: #F9DFADFF;
    --Light-Intermediant-400: #F5CE85FF;
    --Light-Intermediant-500: #F2BE5CFF;
    --Light-Intermediant-600: #EFAE33FF;
    --Light-Intermediant-700: #BF8B29FF;
    --Light-Intermediant-800: #8F681FFF;
    --Light-Intermediant-900: #604614FF;
    --Light-Intermediant-1000: #30230AFF;
    --Light-Green-200: #CDE7E7FF;
    --Light-Green-300: #99CCC9FF;
    --Light-Green-400: #68B6ACFF;
    --Light-Green-500: #369D8FFF;
    --Light-Green-600: #04857AFF;
    --Light-Green-700: #036A55FF;
    --Light-Green-800: #025047FF;
    --Light-Green-900: #023532FF;
    --Light-Green-1000: #011B18FF;
    --Light-Magenta-100: #F9EEF4FF;
    --Light-Magenta-200: #F1D4E6FF;
    --Light-Magenta-300: #E3ACCEFF;
    --Light-Magenta-400: #CE90B5FF;
    --Light-Magenta-500: #CA73A5FF;
    --Light-Magenta-600: #AE598BFF;
    --Light-Magenta-700: #991E66FF;
    --Light-Magenta-800: #7A214FFF;
    --Light-Magenta-900: #64183EFF;
    --Light-Magenta-1000: #2D091DFF;
    --Light-Orange-100: #FFF8EBFF;
    --Light-Red-100: #FFF6F4FF;
    --Light-Red-200: #FFEBE7FF;
    --Light-Red-300: #FFCDC3FF;
    --Light-Red-400: #FE907BFF;
    --Light-Red-500: #FD6D54FF;
    --Light-Red-600: #EE5640FF;
    --Light-Red-700: #D73B24FF;
    --Light-Red-800: #A82714FF;
    --Light-Red-900: #74130BFF;
    --Light-Red-1000: #7B0603FF;
    --Light-Orange-200: #FFECCCFF;
    --Light-Orange-300: #FFDFADFF;
    --Light-Orange-400: #F6B95DFF;
    --Light-Orange-500: #F99C3BFF;
    --Light-Orange-600: #FF8F1CFF;
    --Light-Orange-700: #E46F00FF;
    --Light-Orange-800: #9B4700FF;
    --Light-Orange-900: #753200FF;
    --Light-Orange-1000: #4C2000FF;
    --Dark-Neutral-10: #FFFFFF1F;
    --Dark-Neutral-100: #FFFFFF33;
    --Dark-Neutral-200: #FFFFFF47;
    --Dark-Blue-100: #003877FF;
    --Dark-Blue-200: #00418AFF;
    --Dark-Blue-300: #004DA3FF;
    --Dark-Blue-400: #0059C2FF;
    --Dark-Blue-500: #0367E0FF;
    --Dark-Blue-600: #1379F3FF;
    --Dark-Blue-700: #348FF4FF;
    --Dark-Blue-800: #54A3F6FF;
    --Dark-Blue-900: #72B7F9FF;
    --Dark-Blue-1000: #8FCAFCFF;
    --Dark-Blue-1100: #8FCAFCFF;
    --Dark-Blue-1200: #CCE9FFFF;
    --Dark-Blue-1300: #E8F6FFFF;
    --Dark-Blue-1400: #FFFFFFFF;
    --Dark-Gray-50: #1D1D1DFF;
    --Dark-Gray-75: #262626FF;
    --Dark-Gray-100: #323232FF;
    --Dark-Gray-200: #3F3F3FFF;
    --Dark-Gray-300: #545454FF;
    --Dark-Gray-400: #707070FF;
    --Dark-Gray-500: #909090FF;
    --Dark-Gray-600: #B2B2B2FF;
    --Dark-Gray-700: #D1D1D1FF;
    --Dark-Gray-800: #EBEBEBFF;
    --Dark-Gray-900: #FFFFFFFF;
    --Dark-Red-100: #7B0000FF;
    --Dark-Red-200: #8D0000FF;
    --Dark-Red-300: #A50000FF;
    --Dark-Red-400: #BE0403FF;
    --Dark-Red-500: #D71913FF;
    --Dark-Red-600: #EA3829FF;
    --Dark-Red-700: #F65843FF;
    --Dark-Red-800: #FF755EFF;
    --Dark-Red-900: #FF9581FF;
    --Dark-Red-1000: #FFB0A1FF;
    --Dark-Red-1100: #FFC9BDFF;
    --Dark-Red-1200: #FFDED8FF;
    --Dark-Red-1300: #FFF1EEFF;
    --Dark-Red-1400: #FFFFFFFF;
    --Dark-Purple-100: #282C8CFF;
    --Dark-Green-100: #044329FF;
    --Dark-Green-200: #004E2FFF;
    --Dark-Green-300: #005C38FF;
    --Dark-Green-400: #006C43FF;
    --Dark-Green-500: #007D4EFF;
    --Dark-Green-600: #008F5DFF;
    --Dark-Green-700: #12A26CFF;
    --Dark-Green-800: #2BB47DFF;
    --Dark-Green-900: #43C78FFF;
    --Dark-Green-1000: #5ED9A2FF;
    --Dark-Green-1100: #81E9B8FF;
    --Dark-Green-1200: #B1F4D1FF;
    --Dark-Green-1300: #DFFAEAFF;
    --Dark-Green-1400: #FEFFFCFF;
    --Dark-Orange-100: #662500FF;
    --Dark-Orange-200: #752D00FF;
    --Dark-Orange-300: #893700FF;
    --Dark-Orange-400: #9E4200FF;
    --Dark-Orange-500: #B44E00FF;
    --Dark-Orange-600: #CA5D00FF;
    --Dark-Orange-700: #E16D00FF;
    --Dark-Orange-800: #F4810CFF;
    --Dark-Orange-900: #FE9A2EFF;
    --Dark-Orange-1000: #FFB558FF;
    --Dark-Orange-1100: #FDCE88FF;
    --Dark-Orange-1200: #FFE1B3FF;
    --Dark-Orange-1300: #FFF2DDFF;
    --Dark-Orange-1400: #FFFDF9FF;
    --Dark-Purple-200: #2F34A3FF;
    --Dark-Purple-300: #393FBBFF;
    --Dark-Purple-400: #464BD3FF;
    --Dark-Purple-500: #555BE7FF;
    --Dark-Purple-600: #686DF4FF;
    --Dark-Purple-700: #7C81FBFF;
    --Dark-Purple-800: #9195FFFF;
    --Dark-Purple-900: #A7AAFFFF;
}


/*#endregion Colors */

/*#region Light Semantic Tokens - generated by a design tool */

:root, [data-bs-theme="light"] {
    color-scheme: light;
    --mlx-theme-light-display: block;
    --mlx-theme-dark-display: none;
    --mosai-theme-light-display: none;
    --text-weaker: var( --light-gray-500 );
    --text-weak: var( --light-gray-600 );
    --text-default: var( --light-gray-800 );
    --text-inverted-weaker: var( --light-gray-0 );
    --text-strong: var( --light-gray-900 );
    --text-stronger: var( --light-gray-1000 );
    --text-disabled: var( --light-gray-300 );
    --text-inverted-weak: var( --light-gray-50 );
    --text-inverted-default: var( --light-gray-100 );
    --text-inverted-strong: var( --light-gray-200 );
    --text-inverted-stronger: var( --light-gray-400 );
    --text-brand-weaker: var( --light-blue-400 );
    --text-brand-weak: var( --light-blue-300 );
    --text-brand-default: var( --light-blue-600 );
    --text-brand-strong: var( --light-blue-800 );
    --text-brand-stronger: var( --light-blue-900 );
    --text-accent-default: var( --light-brightblue-600 );
    --text-accent-strong: var( --light-brightblue-800 );
    --text-accent-stronger: var( --light-brightblue-900 );
    --text-danger-default: var( --light-red-600 );
    --text-danger-strong: var( --light-red-800 );
    --text-danger-stronger: var( --light-red-900 );
    --text-success-default: var( --light-green-600 );
    --text-success-strong: var( --light-green-800 );
    --text-success-stronger: var( --light-green-900 );
    --text-warning-default: var( --light-orange-700 );
    --text-warning-strong: var( --light-orange-800 );
    --text-warning-stronger: var( --light-orange-900 );
    --text-insight-default: var( --light-purple-600 );
    --text-insight-strong: var( --light-purple-700 );
    --text-insight-stronger: var( --light-purple-900 );
    --text-intermediate-stronger: var( --light-yellow-900 );
    --text-lightgreen-default: var( --light-lightgreen-600 );
    --text-lightgreen-strong: var( --light-lightgreen-800 );
    --text-lightgreen-stronger: var( --light-lightgreen-900 );
    --bg-highlight-default: #FFFFFF59;
    --bg-weaker: var( --light-gray-0 );
    --bg-weak: var( --light-gray-50 );
    --bg-default: var( --light-gray-100 );
    --bg-highlight-strong: var( --light-neutral-100 );
    --bg-strong: var( --light-gray-200 );
    --bg-highlight-stronger: var( --light-neutral-200 );
    --bg-stronger: var( --light-gray-300 );
    --bg-disabled: var( --light-gray-300 );
    --bg-highlight-disabled: var( --light-neutral-200 );
    --bg-highlight-selected: var( --light-gray-200 );
    --bg-bold-default: var( --light-gray-800 );
    --bg-bold-strong: var( --light-gray-900 );
    --bg-bold-stronger: var( --light-gray-1000 );
    --bg-brand-weaker: var( --light-blue-100 );
    --bg-brand-weak: var( --light-blue-200 );
    --bg-brand-weak-2: var( --light-blue-400 );
    --bg-brand-default: var( --light-blue-600 );
    --bg-brand-strong: var( --light-blue-700 );
    --bg-brand-stronger: var( --light-blue-800 );
    --bg-danger-weaker: var( --light-red-100 );
    --bg-accent-weaker: var( --light-brightblue-100 );
    --bg-accent-weak: var( --light-brightblue-200 );
    --bg-accent-weak-2: var( --light-brightblue-400 );
    --bg-accent-default: var( --light-brightblue-600 );
    --bg-accent-strong: var( --light-brightblue-800 );
    --bg-accent-stronger: var( --light-brightblue-900 );
    --bg-danger-weak: var( --light-red-200 );
    --bg-danger-default: var( --light-red-600 );
    --bg-danger-strong: var( --light-red-800 );
    --bg-danger-stronger: var( --light-red-900 );
    --bg-success-weaker: var( --light-green-100 );
    --bg-success-weak: var( --light-green-200 );
    --bg-success-default: var( --light-green-600 );
    --bg-success-strong: var( --light-green-800 );
    --bg-success-stronger: var( --light-green-900 );
    --bg-intermediate-weaker: var( --light-yellow-100 );
    --bg-intermediate-weak: var( --light-yellow-200 );
    --bg-intermediate-weak-2: var( --light-yellow-500 );
    --bg-intermediate-default: var( --light-yellow-600 );
    --bg-intermediate-strong: var( --light-yellow-800 );
    --bg-intermediate-stronger: var( --light-yellow-900 );
    --bg-warning-weaker: var( --light-orange-100 );
    --bg-warning-weak: var( --light-orange-200 );
    --bg-warning-default: var( --light-orange-700 );
    --bg-warning-strong: var( --light-orange-900 );
    --bg-warning-stronger: var( --light-orange-1000 );
    --bg-insight-weaker: var( --light-purple-100 );
    --bg-insight-weak: var( --light-purple-200 );
    --bg-insight-default: var( --light-purple-600 );
    --bg-insight-strong: var( --light-purple-700 );
    --bg-insight-stronger: var( --light-purple-900 );
    --bg-brand-contrast-weaker: var( --light-lightgreen-100 );
    --bg-brand-contrast-weak: var( --light-lightgreen-200 );
    --bg-brand-contrast-weak-2: var( --light-lightgreen-300 );
    --bg-brand-contrast-default: var( --light-lightgreen-600 );
    --bg-brand-contrast-strong: var( --light-lightgreen-700 );
    --bg-brand-contrast-stronger: var( --light-lightgreen-900 );
    --bg-surface-weaker: var( --light-gray-50 );
    --bg-surface-weak: var( --light-gray-50 );
    --bg-surface-default: var( --light-gray-0 );
    --bg-surface-strong: var( --light-gray-100 );
    --bg-surface-stronger: var( --light-gray-200 );
    --bg-neutral-weaker: var( --light-gray-0 );
    --bg-neutral-weak: var( --light-gray-50 );
    --bg-neutral-default: var( --light-gray-200 );
    --bg-neutral-strong: var( --light-gray-300 );
    --bg-neutral-strong-opacity-30: var( --light-gray-300-opacity-30 );
    --bg-neutral-stronger: var( --light-gray-400 );
    --bg-neutral-disabled: var( --light-gray-200 );
    --bg-data-1: var( --light-blue-200 );
    --bg-data-2: var( --light-brightblue-700 );
    --bg-data-3: var( --light-green-600 );
    --bg-data-4: var( --light-orange-700 );
    --bg-data-5: var( --light-red-700 );
    --icon-weakest-1: var( --light-gray-400 );
    --icon-weaker: var( --light-gray-500 );
    --icon-weak: var( --light-gray-600 );
    --icon-default: var( --light-gray-700 );
    --icon-strong: var( --light-gray-800 );
    --icon-stronger: var( --light-gray-900 );
    --icon-inverted-weaker: var(--light-gray-0);
    --icon-inverted-weak: var( --light-gray-600 );
    --icon-disabled: var( --light-gray-300 );
    --icon-inverted-default: var( --light-gray-0 );
    --icon-lightgreen-default: var( --light-lightgreen-600 );
    --icon-lightgreen-strong: var( --light-lightgreen-800 );
    --icon-lightgreen-stronger: var( --light-lightgreen-900 );
    --icon-brand-default: var( --light-blue-600 );
    --icon-brand-strong: var( --light-blue-800 );
    --icon-brand-stronger: var( --light-blue-900 );
    --icon-accent-weak: var( --light-brightblue-200 );
    --icon-accent-default: var( --light-brightblue-600 );
    --icon-accent-strong: var( --light-brightblue-800 );
    --icon-accent-stronger: var( --light-brightblue-900 );
    --icon-danger-default: var( --light-red-600 );
    --icon-danger-strong: var( --light-red-800 );
    --icon-danger-stronger: var( --light-red-900 );
    --icon-success-weak: var( --light-green-200 );
    --icon-success-default: var( --light-green-600 );
    --icon-success-strong: var( --light-green-800 );
    --icon-success-stronger: var( --light-green-900 );
    --icon-warning-default: var( --light-orange-700 );
    --icon-warning-strong: var( --light-orange-800 );
    --icon-warning-stronger: var( --light-orange-900 );
    --icon-insight-default: var( --light-purple-600 );
    --border-weaker: var( --light-gray-100 );
    --border-weak: var( --light-gray-200 );
    --border-default: var( --light-gray-300 );
    --border-strong: var( --light-gray-800 );
    --border-stronger: var( --light-gray-900 );
    --border-brand-weaker: var( --light-blue-100 );
    --border-brand-weak: var( --light-blue-300 );
    --border-brand-default: var( --light-blue-600 );
    --border-accent-weaker: var( --light-brightblue-100 );
    --border-brand-strong: var( --light-blue-800 );
    --border-accent-weak: var( --light-brightblue-300 );
    --border-brand-stronger: var( --light-blue-900 );
    --border-accent-default: var( --light-brightblue-600 );
    --border-accent-strong: var( --light-brightblue-800 );
    --border-accent-stronger: var( --light-brightblue-900 );
    --border-warning-weaker: var( --light-orange-100 );
    --border-warning-weak: var( --light-orange-300 );
    --border-warning-default: var( --light-orange-600 );
    --border-warning-strong: var( --light-orange-800 );
    --border-warning-stronger: var( --light-orange-900 );
    --border-brandcontrast-weaker: var( --light-lightgreen-100 );
    --border-brandcontrast-weak: var( --light-lightgreen-200 );
    --border-brandcontrast-weak-2: var( --light-lightgreen-300 );
    --border-brandcontrast-default: var( --light-lightgreen-600 );
    --border-brandcontrast-strong: var( --light-lightgreen-700 );
    --border-brandcontrast-stronger: var( --light-lightgreen-900 );
    --border-danger-weaker: var( --light-red-100 );
    --border-danger-weak: var( --light-red-300 );
    --border-danger-default: var( --light-red-600 );
    --border-danger-strong: var( --light-red-800 );
    --border-success-weaker: var( --light-green-100 );
    --border-danger-stronger: var( --light-red-900 );
    --border-success-weak: var( --light-green-300);
    --border-success-default: var( --light-green-600 );
    --border-success-strong: var( --light-green-800 );
    --border-success-stronger: var( --light-green-900 );
    --border-insight-weaker: var( --light-purple-100 );
    --border-insight-weak: var( --light-purple-300 );
    --border-insight-default: var( --light-purple-600 );
    --border-insight-strong: var( --light-purple-700 );
    --border-insight-stronger: var( --light-purple-900 );
    --border-intermediate-weaker: var( --light-yellow-200 );
    --border-intermediate-weak: var( --light-yellow-300 );
    --border-intermediate-default: var( --light-yellow-600 );
    --border-intermediate-strong: var( --light-yellow-800 );
    --border-intermediate-stronger: var( --light-yellow-1000 );
    --border-data-1: var( --light-blue-200 );
    --border-data-2: var( --light-brightblue-700 );
    --border-data-3: var( --light-green-600 );
    --border-data-4: var( --light-orange-700 );
    --border-data-5: var( --light-red-700 );
    --border-bold-default: var( --light-gray-800 );
    --border-bold-strong: var( --light-gray-900 );
    --border-bold-stronger: var( --light-gray-1000 );
}

/*#endregion Light Semantic Tokens */

/*#region Dark Semantic Tokens - generated by a design tool */

[data-bs-theme="dark"] {
    color-scheme: dark;
    --mlx-theme-light-display: none;
    --mlx-theme-dark-display: block;
    --mosai-theme-light-display: none;
    --mlx-color-testing-1: #FF00FF;
    --text-weaker: var( --mlx-color-testing-1 );
    --text-weak: var( --mlx-color-testing-1 );
    --text-default: var( --mlx-color-testing-1 );
    --text-inverted-weaker: var( --mlx-color-testing-1 );
    --text-strong: var( --mlx-color-testing-1 );
    --text-stronger: var( --mlx-color-testing-1 );
    --text-disabled: var( --mlx-color-testing-1 );
    --text-inverted-weak: var( --mlx-color-testing-1 );
    --text-inverted-default: var( --mlx-color-testing-1 );
    --text-inverted-strong: var( --mlx-color-testing-1 );
    --text-inverted-stronger: var( --mlx-color-testing-1 );
    --text-brand-weaker: var( --mlx-color-testing-1 );
    --text-brand-weak: var( --mlx-color-testing-1 );
    --text-brand-default: var( --mlx-color-testing-1 );
    --text-brand-strong: var( --mlx-color-testing-1 );
    --text-brand-stronger: var( --mlx-color-testing-1 );
    --text-accent-default: var( --mlx-color-testing-1 );
    --text-accent-strong: var( --mlx-color-testing-1 );
    --text-accent-stronger: var( --mlx-color-testing-1 );
    --text-danger-default: var( --mlx-color-testing-1 );
    --text-danger-strong: var( --mlx-color-testing-1 );
    --text-danger-stronger: var( --mlx-color-testing-1 );
    --text-success-default: var( --mlx-color-testing-1 );
    --text-success-strong: var( --mlx-color-testing-1 );
    --text-success-stronger: var( --mlx-color-testing-1 );
    --text-warning-default: var( --mlx-color-testing-1 );
    --text-warning-strong: var( --mlx-color-testing-1 );
    --text-warning-stronger: var( --mlx-color-testing-1 );
    --text-insight-default: var( --mlx-color-testing-1 );
    --text-insight-strong: var( --mlx-color-testing-1 );
    --text-insight-stronger: var( --mlx-color-testing-1 );
    --text-intermediate-stronger: var( --mlx-color-testing-1 );
    --text-lightgreen-default: var( --mlx-color-testing-1 );
    --text-lightgreen-strong: var( --mlx-color-testing-1 );
    --text-lightgreen-stronger: var( --mlx-color-testing-1 );
    --icon-weaker: var(--mlx-color-testing-1);
    --icon-weakest-1: var(--mlx-color-testing-1);
    --icon-weak: var(--mlx-color-testing-1);
    --icon-default: var(--mlx-color-testing-1);
    --icon-strong: var(--mlx-color-testing-1);
    --icon-stronger: var(--mlx-color-testing-1);
    --icon-inverted-weaker: var(--mlx-color-testing-1);
    --icon-inverted-weak: var(--mlx-color-testing-1);
    --icon-disabled: var(--mlx-color-testing-1);
    --icon-inverted-default: var(--mlx-color-testing-1);
    --icon-lightgreen-default: var(--mlx-color-testing-1);
    --icon-lightgreen-strong: var(--mlx-color-testing-1);
    --icon-lightgreen-stronger: var(--mlx-color-testing-1);
    --icon-brand-default: var(--mlx-color-testing-1);
    --icon-brand-strong: var(--mlx-color-testing-1);
    --icon-brand-stronger: var(--mlx-color-testing-1);
    --icon-accent-default: var(--mlx-color-testing-1);
    --icon-accent-strong: var(--mlx-color-testing-1);
    --icon-accent-stronger: var(--mlx-color-testing-1);
    --icon-danger-default: var(--mlx-color-testing-1);
    --icon-danger-strong: var(--mlx-color-testing-1);
    --icon-danger-stronger: var(--mlx-color-testing-1);
    --icon-success-default: var(--mlx-color-testing-1);
    --icon-success-strong: var(--mlx-color-testing-1);
    --icon-success-stronger: var(--mlx-color-testing-1);
    --icon-warning-default: var(--mlx-color-testing-1);
    --icon-warning-strong: var(--mlx-color-testing-1);
    --icon-warning-stronger: var(--mlx-color-testing-1);
    --bg-highlight-default: var(--mlx-color-testing-1);
    --bg-weaker: var(--mlx-color-testing-1);
    --bg-weak: var(--mlx-color-testing-1);
    --bg-default: var(--mlx-color-testing-1);
    --bg-highlight-strong: var(--mlx-color-testing-1);
    --bg-strong: var(--mlx-color-testing-1);
    --bg-highlight-stronger: var(--mlx-color-testing-1);
    --bg-stronger: var(--mlx-color-testing-1);
    --bg-disabled: var(--mlx-color-testing-1);
    --bg-highlight-disabled: var(--mlx-color-testing-1);
    --bg-highlight-selected: var(--mlx-color-testing-1);
    --bg-bold-default: var(--mlx-color-testing-1);
    --bg-bold-strong: var(--mlx-color-testing-1);
    --bg-bold-stronger: var(--mlx-color-testing-1);
    --bg-insight-weaker: var(--mlx-color-testing-1);
    --bg-insight-weak: var(--mlx-color-testing-1);
    --bg-insight-default: var(--mlx-color-testing-1);
    --bg-insight-strong: var(--mlx-color-testing-1);
    --bg-insight-stronger: var(--mlx-color-testing-1);
    --bg-brand-weaker: var(--mlx-color-testing-1);
    --bg-brand-weak: var(--mlx-color-testing-1);
    --bg-brand-default: var(--mlx-color-testing-1);
    --bg-brand-strong: var(--mlx-color-testing-1);
    --bg-brand-stronger: var(--mlx-color-testing-1);
    --bg-danger-weaker: var(--mlx-color-testing-1);
    --bg-accent-weaker: var(--mlx-color-testing-1);
    --bg-accent-weak: var(--mlx-color-testing-1);
    --bg-accent-default: var(--mlx-color-testing-1);
    --bg-accent-strong: var(--mlx-color-testing-1);
    --bg-accent-stronger: var(--mlx-color-testing-1);
    --bg-danger-weak: var(--mlx-color-testing-1);
    --bg-danger-default: var(--mlx-color-testing-1);
    --bg-danger-strong: var(--mlx-color-testing-1);
    --bg-danger-stronger: var(--mlx-color-testing-1);
    --bg-success-weaker: var(--mlx-color-testing-1);
    --bg-success-weak: var(--mlx-color-testing-1);
    --bg-success-default: var(--mlx-color-testing-1);
    --bg-success-strong: var(--mlx-color-testing-1);
    --bg-success-stronger: var(--mlx-color-testing-1);
    --bg-intermediate-weaker: var(--mlx-color-testing-1);
    --bg-intermediate-weak: var(--mlx-color-testing-1);
    --bg-intermediate-default: var(--mlx-color-testing-1);
    --bg-intermediate-strong: var(--mlx-color-testing-1);
    --bg-intermediate-stronger: var(--mlx-color-testing-1);
    --bg-warning-weaker: var(--mlx-color-testing-1);
    --bg-warning-weak: var(--mlx-color-testing-1);
    --bg-warning-default: var(--mlx-color-testing-1);
    --bg-warning-strong: var(--mlx-color-testing-1);
    --bg-warning-stronger: var(--mlx-color-testing-1);
    --bg-brand-contrast-weaker: var(--mlx-color-testing-1);
    --bg-brand-contrast-weak: var(--mlx-color-testing-1);
    --bg-brand-contrast-default: var(--mlx-color-testing-1);
    --bg-brand-contrast-strong: var(--mlx-color-testing-1);
    --bg-brand-contrast-stronger: var(--mlx-color-testing-1);
    --bg-surface-weaker: var(--mlx-color-testing-1);
    --bg-surface-weak: var(--mlx-color-testing-1);
    --bg-surface-default: var(--mlx-color-testing-1);
    --bg-surface-strong: var(--mlx-color-testing-1);
    --bg-surface-stronger: var(--mlx-color-testing-1);
    --bg-neutral-weaker: var(--mlx-color-testing-1);
    --bg-neutral-weak: var(--mlx-color-testing-1);
    --bg-neutral-default: var(--mlx-color-testing-1);
    --bg-neutral-strong: var(--mlx-color-testing-1);
    --bg-neutral-strong-opacity-30: var(--mlx-color-testing-1);
    --bg-neutral-stronger: var(--mlx-color-testing-1);
    --bg-neutral-disabled: var(--mlx-color-testing-1);
    --bg-data-1: var(--mlx-color-testing-1);
    --bg-data-2: var(--mlx-color-testing-1);
    --bg-data-3: var(--mlx-color-testing-1);
    --bg-data-4: var(--mlx-color-testing-1);
    --bg-data-5: var(--mlx-color-testing-1);
    --border-weaker: var(--mlx-color-testing-1);
    --border-weak: var(--mlx-color-testing-1);
    --border-default: var(--mlx-color-testing-1);
    --border-strong: var(--mlx-color-testing-1);
    --border-stronger: var(--mlx-color-testing-1);
    --border-brand-weaker: var(--mlx-color-testing-1);
    --border-brand-weak: var(--mlx-color-testing-1);
    --border-brand-default: var(--mlx-color-testing-1);
    --border-accent-weaker: var(--mlx-color-testing-1);
    --border-brand-strong: var(--mlx-color-testing-1);
    --border-accent-weak: var(--mlx-color-testing-1);
    --border-brand-stronger: var(--mlx-color-testing-1);
    --border-accent-default: var(--mlx-color-testing-1);
    --border-accent-strong: var(--mlx-color-testing-1);
    --border-accent-stronger: var(--mlx-color-testing-1);
    --border-warning-weaker: var(--mlx-color-testing-1);
    --border-warning-weak: var(--mlx-color-testing-1);
    --border-warning-default: var(--mlx-color-testing-1);
    --border-warning-strong: var(--mlx-color-testing-1);
    --border-warning-stronger: var(--mlx-color-testing-1);
    --border-brand-contrast-weaker: var(--mlx-color-testing-1);
    --border-brand-contrast-weak: var(--mlx-color-testing-1);
    --border-brand-contrast-default: var(--mlx-color-testing-1);
    --border-brand-contrast-strong: var(--mlx-color-testing-1);
    --border-brand-contrast-stronger: var(--mlx-color-testing-1);
    --border-danger-weaker: var(--mlx-color-testing-1);
    --border-danger-weak: var(--mlx-color-testing-1);
    --border-danger-default: var(--mlx-color-testing-1);
    --border-danger-strong: var(--mlx-color-testing-1);
    --border-success-weaker: var(--mlx-color-testing-1);
    --border-danger-stronger: var(--mlx-color-testing-1);
    --border-success-weak: var(--mlx-color-testing-1);
    --border-success-default: var(--mlx-color-testing-1);
    --border-success-strong: var(--mlx-color-testing-1);
    --border-success-stronger: var(--mlx-color-testing-1);
    --border-insight-weaker: var(--mlx-color-testing-1);
    --border-insight-weak: var(--mlx-color-testing-1);
    --border-insight-default: var(--mlx-color-testing-1);
    --border-insight-strong: var(--mlx-color-testing-1);
    --border-insight-stronger: var(--mlx-color-testing-1);
    --border-intermediate-weaker: var(--mlx-color-testing-1);
    --border-intermediate-weak: var(--mlx-color-testing-1);
    --border-intermediate-default: var(--mlx-color-testing-1);
    --border-intermediate-strong: var(--mlx-color-testing-1);
    --border-intermediate-stronger: var(--mlx-color-testing-1);
    --border-data-1: var(--mlx-color-testing-1);
    --border-data-2: var(--mlx-color-testing-1);
    --border-data-3: var(--mlx-color-testing-1);
    --border-data-4: var(--mlx-color-testing-1);
    --border-data-5: var(--mlx-color-testing-1);
    --border-bold-default: var(--mlx-color-testing-1);
    --border-bold-strong: var(--mlx-color-testing-1);
    --border-bold-stronger: var(--mlx-color-testing-1);
}

/*#endregion Dark Semantic Tokens */

/*#region Mosai Light Semantic Tokens - generated by a design tool */

[data-bs-theme="mosai-light"] {
    color-scheme: mosai-light;
    --mlx-theme-light-display: none;
    --mlx-theme-dark-display: none;
    --mosai-theme-light-display: block;
    /* custom */
    --Bg-AI-Active: var(--Light-Magenta-700);
    --Bg-Accent-Blue-Green-Bold: var(--Light-Blue-Green-700);
    --Bg-Neutral-Inverse-Default: var(--Light-Gray-0);
    --Bg-Neutral-Inverse-Hover: var(--Light-Gray-100);
    --Bg-Neutral-Inverse-Active: var(--Light-Gray-200);
    --Bg-Neutral-Inverted-Disabled: var(--Light-Gray-200);
    --Bg-Neutral-Inverse-Selected: var(--Light-Blue-300);
    /* generated */
    --text-weaker: var(--Light-Gray-600);
    --text-weak: var(--Light-Gray-700);
    --text-default: var(--Light-Gray-800);
    --text-inverted-weaker: var(--Light-Gray-0);
    --text-strong: var(--Light-Gray-900);
    --text-stronger: var(--Light-Gray-1000);
    --text-inverted-weak: var(--Light-Gray-100);
    --text-disabled: var(--Light-Gray-500);
    --text-inverted-default: var(--Light-Gray-300);
    --text-inverted-strong: var(--Light-Gray-400);
    --text-inverted-stronger: var(--Light-Gray-500);
    --text-brand-weak: var(--Light-Blue-100);
    --text-brand-weaker: var(--Light-Blue-300);
    --text-brand-default: var(--Light-Blue-700);
    --text-brand-strong: var(--Light-Blue-800);
    --text-brand-stronger: var(--Light-Blue-900);
    --text-accent-default: var(--Light-Blue-600);
    --text-accent-strong: var(--Light-Blue-800);
    --text-accent-stronger: var(--Light-Blue-900);
    --text-danger-default: var(--Light-Red-700);
    --text-danger-strong: var(--Light-Red-800);
    --text-danger-stronger: var(--Light-Red-900);
    --text-success-default: var(--Light-Green-600);
    --text-success-strong: var(--Light-Green-800);
    --text-success-stronger: var(--Light-Green-900);
    --text-warning-default: var(--Light-Orange-700);
    --text-warning-strong: var(--Light-Orange-800);
    --text-warning-stronger: var(--Light-Orange-900);
    --bg-highlight-default: var(--Light-Gray-0);
    --bg-neutral-weaker: var(--Light-Gray-0);
    --bg-neutral-weak: var(--Light-Gray-100);
    --bg-highlight-strong: var(--Bg-Neutral-Inverse-Hover);
    --bg-neutral-default: var(--Light-Gray-200);
    --icon-weaker: var(--Light-Gray-600);
    --bg-highlight-stronger: var(--Bg-Neutral-Inverse-Active);
    --bg-neutral-strong: var(--Light-Gray-400);
    --bg-neutral-stronger: var(--Light-Gray-500);
    --bg-neutral-disabled: var(--Light-Gray-300);
    --icon-weak: var(--Light-Gray-700);
    --icon-inverted-weaker: var(--Light-Gray-0);
    --bg-highlight-disabled: var(--Bg-Neutral-Inverted-Disabled);
    --icon-default: var(--Light-Gray-800);
    --bg-highlight-selected: var(--Light-Blue-700);
    --icon-strong: var(--Light-Gray-900);
    --icon-stronger: var(--Light-Gray-1000);
    --icon-disabled: var(--light-gray-300);
    --bg-bold-default: var(--Light-Gray-800);
    --icon-inverted-weak: var(--Light-Gray-600);
    --icon-inverted-default: var(--Light-Gray-700);
    --icon-inverted-strong: var(--Light-Gray-800);
    --icon-light-green-default: var(--Light-Accent-500);
    --icon-light-green-strong: var(--Light-Accent-800);
    --icon-light-green-stronger: var(--Light-Accent-900);
    --icon-inverted-stronger: var(--Light-Gray-900);
    --bg-bold-strong: var(--Light-Gray-800);
    --icon-brand-default: var(--Light-Blue-700);
    --icon-brand-strong: var(--Light-Blue-900);
    --icon-brand-stronger: var(--Light-Blue-1000);
    --icon-accent-default: var(--Light-Blue-600);
    --icon-accent-strong: var(--Light-Blue-800);
    --icon-accent-stronger: var(--Light-Blue-900);
    --icon-danger-default: var(--Light-Red-700);
    --icon-danger-strong: var(--Light-Red-800);
    --icon-danger-stronger: var(--Light-Red-1000);
    --icon-success-default: var(--Light-Green-600);
    --icon-success-strong: var(--Light-Green-800);
    --icon-success-stronger: var(--Light-Green-1000);
    --icon-warning-default: var(--Light-Orange-600);
    --icon-warning-strong: var(--Light-Orange-700);
    --icon-warning-stronger: var(--Light-Orange-800);
    --bg-bold-stronger: var(--Light-Gray-1000);
    --bg-brand-weaker: var(--Light-Blue-100);
    --bg-brand-weak: var(--Light-Blue-200);
    --bg-brand-default: var(--Light-Blue-700);
    --bg-brand-strong: var(--Light-Blue-800);
    --bg-brand-stronger: var(--Light-Blue-900);
    --bg-danger-weaker: var(--Light-Red-100);
    --bg-accent-weaker: var(--Light-Blue-100);
    --bg-accent-weak: var(--Light-Blue-200);
    --bg-accent-default: var(--Light-Blue-600);
    --bg-danger-weak: var(--Light-Red-200);
    --bg-accent-strong: var(--Light-Blue-800);
    --bg-accent-stronger: var(--Light-Blue-900);
    --bg-danger-default: var(--Light-Red-700);
    --bg-danger-strong: var(--Light-Red-900);
    --bg-danger-stronger: var(--Light-Red-1000);
    --bg-success-weaker: var(--Light-Green-100);
    --bg-success-weak: var(--Light-Green-200);
    --bg-success-default: var(--Light-Green-600);
    --bg-success-strong: var(--Light-Green-900);
    --bg-success-stronger: var(--Light-Green-1000);
    --bg-intermediate-weaker: var(--Light-Intermediant-100);
    --bg-intermediate-weak: var(--Light-Intermediant-200);
    --bg-intermediate-default: var(--Light-Intermediant-600);
    --bg-intermediate-strong: var(--Light-Intermediant-800);
    --bg-intermediate-stronger: var(--Light-Intermediant-900);
    --bg-warning-weaker: var(--Light-Orange-100);
    --bg-warning-weak: var(--Light-Orange-200);
    --bg-warning-default: var(--Light-Orange-700);
    --bg-warning-strong: var(--Light-Orange-800);
    --bg-warning-stronger: var(--Light-Orange-1000);
    --bg-brand-contrast-weaker: var(--Light-Accent-100);
    --bg-brand-contrast-weak: var(--Light-Accent-200);
    --bg-brand-contrast-default: var(--Light-Accent-700);
    --bg-brand-contrast-strong: var(--Light-Accent-800);
    --bg-brand-contrast-stronger: var(--Light-Accent-900);
    --bg-surface-weaker: var(--Light-Gray-100);
    --bg-surface-weak: var(--Light-Gray-200);
    --bg-surface-default: var(--Light-Gray-0);
    --bg-surface-strong: var(--Light-Gray-400);
    --bg-surface-stronger: var(--Light-Gray-500);
    --border-weaker: var(--Light-Gray-200);
    --border-weak: var(--Light-Gray-300);
    --border-default: var(--Light-Gray-400);
    --border-strong: var(--Light-Gray-800);
    --border-brand-contrast-weaker: var(--Light-Accent-100);
    --border-brand-contrast-weak: var(--Light-Accent-300);
    --border-brand-contrast-default: var(--Light-Accent-600);
    --border-brand-contrast-strong: var(--Light-Accent-800);
    --border-brand-contrast-stronger: var(--Light-Accent-1000);
    --border-stronger: var(--Light-Gray-900);
    --border-brand-weaker: var(--Light-Blue-100);
    --border-brand-weak: var(--Light-Blue-200);
    --border-brand-default: var(--Light-Blue-600);
    --border-brand-strong: var(--Light-Blue-900);
    --border-insight-weaker: var(--Light-Magenta-100);
    --border-brand-stronger: var(--Light-Blue-1000);
    --border-insight-weak: var(--Light-Magenta-300);
    --border-insight-default: var(--Light-Magenta-600);
    --border-insight-strong: var(--Light-Magenta-800);
    --border-insight-stronger: var(--Light-Magenta-1000);
    --border-warning-weaker: var(--Light-Orange-100);
    --border-warning-weak: var(--Light-Orange-300);
    --border-warning-default: var(--Light-Orange-700);
    --border-warning-strong: var(--Light-Orange-800);
    --border-warning-stronger: var(--Light-Orange-1000);
    --border-danger-weaker: var(--Light-Red-100);
    --border-danger-weak: var(--Light-Red-300);
    --border-danger-default: var(--Light-Red-800);
    --border-danger-strong: var(--Light-Red-900);
    --border-danger-stronger: var(--Light-Red-1000);
    --border-success-weaker: var(--Light-Green-100);
    --border-success-weak: var(--Light-Green-200);
    --border-success-default: var(--Light-Green-600);
    --border-success-strong: var(--Light-Green-800);
    --border-success-stronger: var(--Light-Green-900);
    --border-data-1: var(--Light-Blue-200);
    --border-data-2: var(--Light-Blue-600);
    --border-data-3: var(--Light-Accent-700);
    --border-data-4: var(--Light-Orange-700);
    --border-data-5: var(--Light-Red-800);
    --bg-data-1: var(--Light-Blue-200);
    --bg-data-2: var(--Light-Blue-800);
    --bg-data-3: var(--Light-Accent-700);
    --bg-data-4: var(--Light-Orange-700);
    --bg-data-5: var(--Light-Red-800);
    --bg-insight-weaker: var(--Light-Magenta-100);
    --bg-insight-weak: var(--Light-Magenta-200);
    --bg-insight-default: var(--Light-Magenta-700);
    --bg-insight-strong: var(--Light-Magenta-800);
    --bg-insight-stronger: var(--Light-Magenta-900);
    --icon-insight-default: var(--Light-Magenta-700);
    --icon-insight-strong: var(--Light-Magenta-800);
    --icon-insight-stronger: var(--Light-Magenta-900);
    --border-accent-weaker: var(--Light-Blue-100);
    --border-accent-weak: var(--Light-Blue-200);
    --border-accent-default: var(--Light-Blue-600);
    --border-accent-strong: var(--Light-Blue-700);
    --border-accent-stronger: var(--Light-Blue-900);
    --text-intermediate-weaker: var(--Light-Intermediant-100);
    --text-intermediate-weak: var(--Light-Intermediant-200);
    --text-intermediate-default: var(--Light-Intermediant-600);
    --text-intermediate-strong: var(--Light-Intermediant-800);
    --text-intermediate-stronger: var(--Light-Intermediant-900);
    --text-insight-default: var(--Light-Magenta-700);
    --text-insight-strong: var(--Light-Magenta-800);
    --text-insight-stronger: var(--Light-Magenta-900);
    --border-intermediate-weaker: var(--Light-Intermediant-100);
    --border-intermediate-weak: var(--Light-Intermediant-200);
    --border-intermediate-default: var(--Light-Intermediant-600);
    --border-intermediate-strong: var(--Light-Intermediant-800);
    --border-intermediate-stronger: var(--Light-Intermediant-1000);
    --text-light-green-default: var(--Light-Accent-500);
    --text-light-green-strong: var(--Light-Accent-800);
    --text-light-green-stronger: var(--Light-Accent-900);
}

/*#endregion Mosai Light Semantic Tokens */

/*#region Theme Switcher Classes */
.mlx-theme-light-display {
    display: var(--mlx-theme-light-display);
}

.mlx-theme-dark-display {
    display: var(--mlx-theme-dark-display);
}

.mosai-theme-light-display {
    display: var(--mosai-theme-light-display);
}

/*#endregion Theme Switcher */

/*#region Typograhy - generated from a design tool */

.mlx-headline100light {
    font-family: Roboto;
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: -1px;
}

.mlx-headline100heavy {
    font-family: Roboto;
    font-size: 32px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: -1px;
}

.mlx-headline200heavy {
    font-family: Roboto;
    font-size: 28px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: -1px;
}

.mlx-headline200light {
    font-family: Roboto;
    font-size: 28px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: -1px;
}

.mlx-headline300heavy {
    font-family: Roboto;
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: -1px;
}

.mlx-headline300light {
    font-family: Roboto;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: -1px;
}

.mlx-headline400heavy {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -1px;
}

.mlx-headline400light {
    font-family: Roboto;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -1px;
}

.mlx-headline500heavy {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
}

.mlx-headline500light {
    font-family: Roboto;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
}

.mlx-value100 {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.16px;
}

.mlx-paragraph100heavy {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
}

.mlx-headline600heavy {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
}

.mlx-button100 {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.16px;
}

.mlx-paragraph100light {
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
}

.mlx-label100 {
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
}

.mlx-headline600light {
    font-family: Roboto;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
}

.mlx-value200 {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: 0.14px;
}

.mlx-value250 {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: 0.14px;
}

.mlx-paragraph200heavy {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
}

.mlx-button200 {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.14px;
}

.mlx-paragraph200light {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
}

.mlx-label200 {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
}

.mlx-value300 {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.12px;
}

.mlx-paragraph300heavy {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
}

.mlx-paragraph300light {
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
}

.mlx-label300 {
    font-family: Roboto;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
}

.mlx-paragraph400heavy {
    font-family: Roboto;
    font-size: 11px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
}

.mlx-paragraph400light {
    font-family: Roboto;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
}

.mlx-value400 {
    font-family: Roboto;
    font-size: 10px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0.1px;
}

.mlx-label400 {
    font-family: Roboto;
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
}


/*#endregion */

/*#region Sizes - generated from a design tool */
:root {
    --xxxsmall-5: 2px;
    --xxxsmall-4: 4px;
    --xxxsmall-3: 8px;
    --xxxsmall-2: 12px;
    --xxxsmall: 16px;
    --xxsmall: 20px;
    --xsmall: 24px;
    --small: 32px;
    --medium: 40px;
    --large: 48px;
    --xlarge: 56px;
    --xxlarge: 64px;
    --xxxlarge: 80px;
    --xxxlarge-2: 96px;
    --xxxlarge-3: 112px;
    --xxxlarge-4: 128px;
    --xxxlarge-5: 152px;
    --xxxlarge-6: 224px;
    --xxxlarge-7: 280px;
    --icon-xxxsmall: 2px;
    --icon-xxxmsmall: 6px;
    --icon-xxsmall: 4px;
    --icon-xsmall: 8px;
    --icon-small: 12px;
    --icon-xmsmall: 14px;
    --icon-medium: 16px;
    --icon-large: 24px;
    --icon-xlarge: 32px;
    --icon-xxlarge: 40px;
    --icon-xxxlarge: 64px;
    --component-xxxxxsmall: 10px;
    --component-xxxxsmall: 12px;
    --component-xxxsmall: 16px;
    --component-xxmsmall: 18px;
    --component-xxsmall: 20px;
    --component-xsmall: 24px;
    --component-small: 32px;
    --component-base: 40px;
    --component-large: 48px;
    --component-xlarge: 56px;
    --component-xxlarge: 64px;
    --component-xxxlarge-2: 128px;
    --corner-xsmall: 3px;
    --corner-small: 4px;
    --corner-base: 8px;
    --corner-ring: 12px;
    --corner-round: 100px;
    --corner-circle: 50%;
    --container-xxxxxxsmall-9: 92px;
    --container-xxxsmall-6: 120px;
    --container-xxxsmall-5: 120px;
    --container-xxxsmall-4: 152px;
    --container-xxxsmall-4-lg: 180px;
    --container-xxxsmall-3: 224px;
    --container-xxxsmall-2: 256px;
    --container-xxxsmall-1: 274px;
    --container-xxxsmall: 280px;
    --container-xxsmall: 320px;
    --container-xxsmall-lg: 400px;
    --container-xxsmall-lg-2: 480px;
    --container-xxsmall-xl: 540px;
    --container-xsmall: 640px;
    --container-small: 768px;
    --container-medium: 960px;
    --container-large: 1024px;
    --container-xlarge: 1280px;
    --container-xxlarge: 1440px;
    --container-xxlarge-2: 1920px;
    --spacing-custom-none: 0px;
    --spacing-custom-xxxxsmall: 0.8px;
    --spacing-xxxsmall: 2px;
    --spacing-xxsmall: 4px;
    --spacing-xsmall-2: 6px;
    --spacing-xsmall: 8px;
    --spacing-xsmall-medium: 10px;
    --spacing-small: 12px;
    --spacing-medium: 16px;
    --spacing-large: 24px;
    --spacing-xlarge: 32px;
    --spacing-xxlarge: 40px;
    --Size-94XL: 800px;
    --Size-93XL: 792px;
    --Size-92XL: 784px;
    --Size-91XL: 776px;
    --Size-90XL: 768px;
    --Size-80XL: 688px;
    --Size-79XL: 680px;
    --Size-70XL: 608px;
    --Size-60XL: 528px;
    --Size-59XL: 520px;
    --Size-57XL: 504px;
    --Size-50XL: 448px;
    --Size-44XL: 400px;
    --Size-40XL: 368px;
    --Size-35XL: 328px;
    --Size-34XL: 320px;
    --Size-33XL: 312px;
    --Size-32XL: 304px;
    --Size-31XL: 296px;
    --Size-30XL: 288px;
    --Size-29XL: 280px;
    --Size-28XL: 272px;
    --Size-27XL: 264px;
    --Size-26XL: 256px;
    --Size-25XL: 248px;
    --Size-24XL: 240px;
    --Size-23XL: 232px;
    --Size-22XL: 224px;
    --Size-21XL: 216px;
    --Size-20XL: 208px;
    --Size-19XL: 200px;
    --Size-18XL: 192px;
    --Size-17XL: 184px;
    --Size-16XL: 176px;
    --Size-15XL: 168px;
    --Size-14XL: 160px;
    --Size-13XL: 152px;
    --Size-12XL: 144px;
    --Size-11XL: 136px;
    --Size-10XL: 128px;
    --Size-9XL: 120px;
    --Size-8XL: 112px;
    --Size-7XL: 104px;
    --Size-6XL: 88px;
    --Size-5XL: 80px;
    --Size-4XL: 64px;
    --Size-3XL: 56px;
    --Size-XXXL: 48px;
    --Size-XXL: 40px;
    --Size-XL: 32px;
    --Size-L: 24px;
    --Size-M: 16px;
    --Size-S: 12px;
    --Size-XS: 10px;
    --Size-XXS: 8px;
    --Size-XXXS: 6px;
    --Size-3XS: 4px;
    --Size-4XS: 2px;
    --Size-5XS: 1px;
    --Size-6XS: 0px;
    --Size---L: -16px;
    --Size---M: -8px;
    --Size---S: -4px;
    --Corner-L: 16px;
    --Corner-M: 8px;
    --Corner-S: 4px;
    --Corner-Ring: 12px;
    --Corner-Round: 100px;
}

/* components */


.mlx-component-size-xxsmall-min-width {
    min-width: var(--component-xxsmall);
}

.mlx-component-size-xxsmall-min-height {
    min-height: var(--component-xxsmall);
}

.mlx-component-size-xsmall-min-width {
    min-width: var(--component-xsmall);
}

.mlx-component-size-xlarge-min-width {
    min-width: var(--component-xlarge);
}

/* containers*/
.mlx-container-size-min-xxxxxxsmall-9 {
    min-width: var(--container-xxxxxxsmall-9);
}

.mlx-container-size-min-xxxsmall-6 {
    min-width: var(--container-xxxsmall-6);
}

.mlx-container-size-max-xxxsmall-6 {
    max-width: var(--container-xxxsmall-6);
}

.mlx-container-size-min-xxxsmall-5 {
    min-width: var(--container-xxxsmall-5);
}

.mlx-container-size-min-height-xxxsmall-3 {
    min-height: var(--container-xxxsmall-3);
}

.mlx-container-size-max-height-xxxsmall-2 {
    max-height: var(--container-xxxsmall-2);
}

.mlx-container-size-max-height-xxxsmall-3 {
    max-height: var(--container-xxxsmall-2);
}

.mlx-container-size-max-height-xxxsmall-4 {
    max-height: var(--container-xxxsmall-4);
}

.mlx-container-size-min-xxxsmall-4 {
    min-width: var(--container-xxxsmall-4);
}

.mlx-container-size-xxxsmall-4 {
    max-width: var(--container-xxxsmall-4);
}

.mlx-container-size-min-xxxsmall-4-lg {
    min-width: var(--container-xxxsmall-4-lg);
}

.mlx-container-size-xxxsmall-3 {
    max-width: var(--container-xxxsmall-3);
}

.mlx-container-size-min-xxxsmall-3 {
    min-width: var(--container-xxxsmall-3);
}

.mlx-container-size-xxxsmall-2 {
    max-width: var(--container-xxxsmall-3);
}

.mlx-container-size-min-xxxsmall-2 {
    min-width: var(--container-xxxsmall-3);
}

.mlx-container-size-xxxsmall {
    max-width: var(--container-xxxsmall);
}

.mlx-container-size-xxsmall {
    max-width: var(--container-xxsmall);
}

.mlx-container-size-xxsmall-lg {
    max-width: var(--container-xxsmall-lg);
}

.mlx-container-size-max-height-xxsmall-lg-2 {
    max-height: var(--container-xxsmall-lg-2);
}

.mlx-container-size-xxsmall-lg-2 {
    max-width: var(--container-xxsmall-lg-2);
}

.mlx-container-size-min-xxsmall-lg-2 {
    min-width: var(--container-xxsmall-lg-2);
}

.mlx-container-size-min-height-xxsmall-lg {
    min-height: var(--container-xxsmall) ;
}

.mlx-container-size-max-height-xxsmall-lg {
    max-height: var(--container-xxsmall-lg);
}

.mlx-container-size-height-xxsmall-lg {
    height: var(--container-xxsmall-lg);
}

.mlx-container-size-xxsmall-xl {
    max-width: var(--container-xxsmall-xl);
}

.mlx-container-size-max-height-xxsmall-xl {
    max-height: var(--container-xxsmall-xl);
}

.mlx-container-size-xsmall {
    max-width: var(--container-xsmall);
}

.mlx-container-size-max-height-xsmall {
    max-height: var(--container-xsmall);
}

.mlx-container-size-small {
    max-width: var(--container-small);
}

.mlx-container-size-max-height-small {
    max-height: var(--container-small);
}

.mlx-container-size-medium {
    max-width: var(--container-medium);
}

.mlx-container-size-min-medium {
    min-width: var(--container-medium);
}

.mlx-container-size-width-medium {
    min-width: var(--container-medium);
    width: var(--container-medium);
    max-width: var(--container-medium);
}

.mlx-container-size-large {
    max-width: var(--container-large);
}

.mlx-container-fit-content {
    width: fit-content;
}

.mlx-width-max-content {
    width: max-content !important;
}

/* icons */
.mlx-icon-xxsm {
    width: var(--xxxsmall-3);
    height: var(--xxxsmall-3);
}

.mlx-icon-xsm {
    width: var(--xxxsmall-2);
    height: var(--xxxsmall-2);
}

.mlx-icon-xmsm {
    width: var(--icon-xmsmall);
    height: var(--icon-xmsmall);
}

.mlx-icon-sm {
    width: var(--xxxsmall);
    height: var(--xxxsmall);
}

.mlx-icon-mds {
    width: var(--xxsmall);
    height: var(--xxsmall);
}

.mlx-icon-md {
    width: var(--xxsmall);
    height: var(--xxsmall);
}

.mlx-icon-lg {
    width: var(--xsmall);
    height: var(--xsmall);
}

.mlx-icon-xl {
    width: var(--medium);
    height: var(--medium);
}

.mlx-icon-xxl {
    width: var(--xlarge);
    height: var(--xlarge);
}

.mlx-font-icon-xxxsm {
    font-size: var(--icon-xxxmsmall);
}

.mlx-font-icon-xxsm {
    font-size: var(--xxxsmall-3);
}

.mlx-font-icon-xsm {
    font-size: var(--xxxsmall-2);
}

.mlx-font-icon-sm {
    font-size: var(--xxxsmall);
}

.mlx-font-icon-xmsm {
    font-size: var(--icon-xmsmall);
}

.mlx-font-icon-mds {
    font-size: var(--xxsmall);
}

.mlx-font-icon-md {
    font-size: var(--xxsmall);
}

.mlx-font-icon-lg {
    font-size: var(--xsmall);
}

.mlx-font-icon-xl {
    font-size: var(--small);
}

.mlx-font-icon-xxl {
    font-size: var(--medium);
}

.mlx-font-icon-xxxl {
    font-size: var(--large);
}

.mlx-font-icon-xxxxl {
    font-size: var(--xlarge);
}

.mlx-font-icon-xxxxxl {
    font-size: var(--xxlarge);
}

.mlx-font-icon-xxxxxxl {
    font-size: var(--xxxlarge);
}

.mlx-font-inherit {
    font-size: inherit;
    vertical-align: middle;
}
/*#endregion */

/*#region Mlx Text Semantic Classes */
/* .mlx-text was moved to mlx-theme-light.css for backward compatibility */
/*.mlx-text {
    --mlx-text-color: inherit;
    color: var(--mlx-text-color);
}*/

root {
    --mlx-text-color: inherit;
}

.mlx-Color-TextDefault {
    --mlx-text-color: var(--text-default);
}

.mlx-Color-TextWeak {
    --mlx-text-color: var(--text-weak);
}

.mlx-Color-TextWeaker {
    --mlx-text-color: var(--text-weaker);
}

.mlx-Color-TextInvertedWeaker {
    --mlx-text-color: var(--text-inverted-weaker);
}

.mlx-Color-TextStrong {
    --mlx-text-color: var(--text-strong);
}

.mlx-Color-TextStronger {
    --mlx-text-color: var(--text-stronger);
}

.mlx-Color-TextDisabled {
    --mlx-text-color: var(--text-disabled);
}

.mlx-Color-TextInvertedWeak {
    --mlx-text-color: var(--text-inverted-weak);
}

.mlx-Color-TextInvertedDefault {
    --mlx-text-color: var(--text-inverted-default);
}

.mlx-Color-TextInvertedStrong {
    --mlx-text-color: var(--text-inverted-strong);
}

.mlx-Color-TextInvertedStronger {
    --mlx-text-color: var(--text-inverted-stronger);
}

.mlx-Color-TextBrandWeaker {
    --mlx-text-color: var(--text-brand-weaker);
}

.mlx-Color-TextBrandWeak {
    --mlx-text-color: var(--text-brand-weak);
}

.mlx-Color-TextBrandDefault {
    --mlx-text-color: var(--text-brand-default);
}

.mlx-Color-TextBrandStrong {
    --mlx-text-color: var(--text-brand-strong);
}

.mlx-Color-TextBrandStronger {
    --mlx-text-color: var(--text-brand-stronger);
}

.mlx-Color-TextBrandStronger {
    --mlx-text-color: var(--text-brand-stronger);
}

.mlx-Color-TextBrandContrastStronger {
    --mlx-text-color: var(--bg-brand-contrast-stronger);
}

.mlx-Color-TextDangerDefault {
    --mlx-text-color: var(--text-danger-default);
}

.mlx-Color-TextDangerStrong {
    --mlx-text-color: var(--text-danger-strong);
}

.mlx-Color-TextDangerStronger {
    --mlx-text-color: var(--text-danger-stronger);
}

.mlx-Color-TextAccentDefault {
    --mlx-text-color: var(--text-accent-default);
}

.mlx-Color-TextAccentStrong {
    --mlx-text-color: var(--text-accent-strong);
}

.mlx-Color-TextAccentStronger {
    --mlx-text-color: var(--text-accent-stronger);
}

.mlx-Color-TextSuccessDefault {
    --mlx-text-color: var(--text-success-default);
}

.mlx-Color-TextSuccessStrong {
    --mlx-text-color: var(--text-success-strong);
}

.mlx-Color-TextSuccessStronger {
    --mlx-text-color: var(--text-success-stronger);
}

.mlx-Color-TextWarningDefault {
    --mlx-text-color: var(--text-warning-default);
}

.mlx-Color-TextWarningStrong {
    --mlx-text-color: var(--text-warning-strong);
}

.mlx-Color-TextWarningStronger {
    --mlx-text-color: var(--text-warning-stronger);
}

.mlx-Color-TextInsightDefault {
    --mlx-text-color: var(--text-insight-default);
}

.mlx-Color-TextInsightStrong {
    --mlx-text-color: var(--text-insight-strong);
}

.mlx-Color-TextInsightStronger {
    --mlx-text-color: var(--text-insight-stronger);
}

.mlx-Color-TextIntermediateStronger {
    --mlx-text-color: var(--text-intermediate-stronger);
}

.mlx-Color-TextLightGreenDefault {
    --mlx-text-color: var(--text-lightgreen-default);
}

.mlx-Color-TextLightGreenStrong {
    --mlx-text-color: var(--text-lightgreen-strong);
}

.mlx-Color-TextLightGreenStronger {
    --mlx-text-color: var(--text-lightgreen-stronger);
}

/*#endregion */
/*#region Mlx FontIcon Semantic Classes */
/* .mlx-text was moved to mlx-theme-light.css for backward compatibility */
.mlx-fonticon {
    --mlx-fonticon-color: inherit;
    color: var(--mlx-fonticon-color);
}

.mlx-Color-IconDefault {
    --mlx-fonticon-color: var(--icon-default);
}

.mlx-Color-IconWeak {
    --mlx-fonticon-color: var(--icon-weak);
}

.mlx-Color-IconWeaker {
    --mlx-fonticon-color: var(--icon-weaker);
}

.mlx-Color-IconWeakest1 {
    --mlx-fonticon-color: var(--icon-weakest-1);
}

.mlx-Color-IconInvertedWeaker {
    --mlx-fonticon-color: var(--icon-inverted-weaker);
}

.mlx-Color-IconStrong {
    --mlx-fonticon-color: var(--icon-strong);
}

.mlx-Color-IconStronger {
    --mlx-fonticon-color: var(--icon-stronger);
}

.mlx-Color-IconDisabled {
    --mlx-fonticon-color: var(--icon-disabled);
}

.mlx-Color-IconInvertedWeak {
    --mlx-fonticon-color: var(--icon-inverted-weak);
}

.mlx-Color-IconInvertedDefault {
    --mlx-fonticon-color: var(--icon-inverted-default);
}

.mlx-Color-IconBrandDefault {
    --mlx-fonticon-color: var(--icon-brand-default);
}

.mlx-Color-IconBrandStrong {
    --mlx-fonticon-color: var(--icon-brand-strong);
}

.mlx-Color-IconBrandStronger {
    --mlx-fonticon-color: var(--icon-brand-stronger);
}

.mlx-Color-IconDangerDefault {
    --mlx-fonticon-color: var(--icon-danger-default);
}

.mlx-Color-IconDangerStrong {
    --mlx-fonticon-color: var(--icon-danger-strong);
}

.mlx-Color-IconDangerStronger {
    --mlx-fonticon-color: var(--icon-danger-stronger);
}

.mlx-Color-IconAccentWeak {
    --mlx-fonticon-color: var(--icon-accent-weak);
}

.mlx-Color-IconAccentDefault {
    --mlx-fonticon-color: var(--icon-accent-default);
}

.mlx-Color-IconAccentStrong {
    --mlx-fonticon-color: var(--icon-accent-strong);
}

.mlx-Color-IconAccentStronger {
    --mlx-fonticon-color: var(--icon-accent-stronger);
}

.mlx-Color-IconSuccessWeak {
    --mlx-fonticon-color: var(--icon-success-weak);
}

.mlx-Color-IconSuccessDefault {
    --mlx-fonticon-color: var(--icon-success-default);
}

.mlx-Color-IconSuccessStrong {
    --mlx-fonticon-color: var(--icon-success-strong);
}

.mlx-Color-IconSuccessStronger {
    --mlx-fonticon-color: var(--icon-success-stronger);
}

.mlx-Color-IconWarningDefault {
    --mlx-fonticon-color: var(--icon-warning-default);
}

.mlx-Color-IconWarningStrong {
    --mlx-fonticon-color: var(--icon-warning-strong);
}

.mlx-Color-IconWarningStronger {
    --mlx-fonticon-color: var(--icon-warning-stronger);
}

.mlx-Color-IconInsightDefault {
    --mlx-fonticon-color: var(--icon-insight-default);
}

/*#endregion */

/*#region Mlx Background Classes */

root {
    --mlx-background-color: inherit;
}

.mlx-Color-BgHighlightDefault {
    --mlx-background-color: var(--bg-highlight-default);
}

.mlx-Color-BgWeaker {
    --mlx-background-color: var(--bg-neutral-weaker);
}

.mlx-Color-BgWeak {
    --mlx-background-color: var(--bg-neutral-weak);
}

.mlx-Color-BgDefault {
    --mlx-background-color: var(--bg-neutral-default);
}

.mlx-Color-BgHighlightStrong {
    --mlx-background-color: var(--bg-highlight-strong);
}

.mlx-Color-BgStrong {
    --mlx-background-color: var(--bg-neutral-strong);
}

.mlx-Color-BgHighlightStronger {
    --mlx-background-color: var(--bg-highlight-stronger);
}

.mlx-Color-BgStronger {
    --mlx-background-color: var(--bg-neutral-stronger);
}

.mlx-Color-BgDisabled {
    --mlx-background-color: var(--bg-disabled);
}

.mlx-Color-BgHighlightDisabled {
    --mlx-background-color: var(--bg-highlight-disabled);
}

.mlx-Color-BgHighlightSelected {
    --mlx-background-color: var(--bg-highlight-selected);
}

.mlx-Color-BgBoldDefault {
    --mlx-background-color: var(--bg-bold-default);
}

.mlx-Color-BgBoldStrong {
    --mlx-background-color: var(--bg-bold-strong);
}

.mlx-Color-BgBoldStronger {
    --mlx-background-color: var(--bg-bold-stronger);
}

.mlx-Color-BgInsightWeaker {
    --mlx-background-color: var(--bg-insight-weaker);
}

.mlx-Color-BgInsightWeak {
    --mlx-background-color: var(--bg-insight-weak);
}

.mlx-Color-BgInsightDefault {
    --mlx-background-color: var(--bg-insight-default);
}

.mlx-Color-BgInsightStrong {
    --mlx-background-color: var(--bg-insight-strong);
}

.mlx-Color-BgInsightStronger {
    --mlx-background-color: var(--bg-insight-stronger);
}

.mlx-Color-BgBrandWeaker {
    --mlx-background-color: var(--bg-brand-weaker);
}

.mlx-Color-BgBrandWeak {
    --mlx-background-color: var(--bg-brand-weak);
}

.mlx-Color-BgBrandWeak2 {
    --mlx-background-color: var(--bg-brand-weak-2);
}

.mlx-Color-BgBrandDefault {
    --mlx-background-color: var(--bg-brand-default);
}

.mlx-Color-BgBrandStrong {
    --mlx-background-color: var(--bg-brand-strong);
}

.mlx-Color-BgBrandStronger {
    --mlx-background-color: var(--bg-brand-stronger);
}

.mlx-Color-BgDangerWeaker {
    --mlx-background-color: var(--bg-danger-weaker);
}

.mlx-Color-BgAccentWeaker {
    --mlx-background-color: var(--bg-accent-weaker);
}

.mlx-Color-BgAccentWeak {
    --mlx-background-color: var(--bg-accent-weak);
}

.mlx-Color-BgAccentWeak2 {
    --mlx-background-color: var(--bg-accent-weak-2);
}

.mlx-Color-BgAccentDefault {
    --mlx-background-color: var(--bg-accent-default);
}

.mlx-Color-BgDangerWeak {
    --mlx-background-color: var(--bg-danger-weak);
}

.mlx-Color-BgAccentStrong {
    --mlx-background-color: var(--bg-accent-strong);
}

.mlx-Color-BgAccentStronger {
    --mlx-background-color: var(--bg-accent-stronger);
}

.mlx-Color-BgDangerDefault {
    --mlx-background-color: var(--bg-danger-default);
}

.mlx-Color-BgDangerStrong {
    --mlx-background-color: var(--bg-danger-strong);
}

.mlx-Color-BgDangerStronger {
    --mlx-background-color: var(--bg-danger-stronger);
}

.mlx-Color-BgSuccessWeaker {
    --mlx-background-color: var(--bg-success-weaker);
}

.mlx-Color-BgSuccessWeak {
    --mlx-background-color: var(--bg-success-weak);
}

.mlx-Color-BgSuccessDefault {
    --mlx-background-color: var(--bg-success-default);
}

.mlx-Color-BgSuccessStrong {
    --mlx-background-color: var(--bg-success-strong);
}

.mlx-Color-BgSuccessStronger {
    --mlx-background-color: var(--bg-success-stronger);
}

.mlx-Color-BgIntermediateWeaker {
    --mlx-background-color: var(--bg-intermediate-weaker);
}

.mlx-Color-BgIntermediateWeak {
    --mlx-background-color: var(--bg-intermediate-weak);
}

.mlx-Color-BgIntermediateWeak2 {
    --mlx-background-color: var(--bg-intermediate-weak-2);
}

.mlx-Color-BgIntermediateDefault {
    --mlx-background-color: var(--bg-intermediate-default);
}

.mlx-Color-BgIntermediateStrong {
    --mlx-background-color: var(--bg-intermediate-strong);
}

.mlx-Color-BgIntermediateStronger {
    --mlx-background-color: var(--bg-intermediate-stronger);
}

.mlx-Color-BgWarningWeaker {
    --mlx-background-color: var(--bg-warning-weaker);
}

.mlx-Color-BgWarningWeak {
    --mlx-background-color: var(--bg-warning-weak);
}

.mlx-Color-BgWarningDefault {
    --mlx-background-color: var(--bg-warning-default);
}

.mlx-Color-BgWarningStrong {
    --mlx-background-color: var(--bg-warning-strong);
}

.mlx-Color-BgWarningStronger {
    --mlx-background-color: var(--bg-warning-stronger);
}

.mlx-Color-BgBrandContrastWeaker {
    --mlx-background-color: var(--bg-brand-contrast-weaker);
}

.mlx-Color-BgBrandContrastWeak {
    --mlx-background-color: var(--bg-brand-contrast-weak);
}

.mlx-Color-BgBrandContrastWeak2 {
    --mlx-background-color: var(--bg-brand-contrast-weak-2);
}

.mlx-Color-BgBrandContrastDefault {
    --mlx-background-color: var(--bg-brand-contrast-default);
}

.mlx-Color-BgBrandContrastStrong {
    --mlx-background-color: var(--bg-brand-contrast-strong);
}

.mlx-Color-BgBrandContrastStronger {
    --mlx-background-color: var(--bg-brand-contrast-stronger);
}

.mlx-Color-BgSurfaceWeaker {
    --mlx-background-color: var(--bg-surface-weaker);
}

.mlx-Color-BgSurfaceWeak {
    --mlx-background-color: var(--bg-surface-weak);
}

.mlx-Color-BgSurfaceDefault {
    --mlx-background-color: var(--bg-surface-default);
}

.mlx-Color-BgSurfaceStrong {
    --mlx-background-color: var(--bg-surface-strong);
}

.mlx-Color-BgSurfaceStronger {
    --mlx-background-color: var(--bg-surface-stronger);
}

.mlx-Color-BgNeutralWeaker {
    --mlx-background-color: var(--bg-neutral-weaker);
}

.mlx-Color-BgNeutralWeak {
    --mlx-background-color: var(--bg-neutral-weak);
}

.mlx-Color-BgNeutralDefault {
    --mlx-background-color: var(--bg-neutral-default);
}

.mlx-Color-BgNeutralStrong {
    --mlx-background-color: var(--bg-neutral-strong);
}

.mlx-Color-BgNeutralStrongOpacity30 {
    --mlx-background-color: var(--bg-neutral-strong-opacity-30);
}

.mlx-Color-BgNeutralStronger {
    --mlx-background-color: var(--bg-neutral-stronger);
}

.mlx-Color-BgNeutralDisabled {
    --mlx-background-color: var(--bg-neutral-disabled);
}

.mlx-Color-BgData1 {
    --mlx-background-color: var(--bg-data-1);
}

.mlx-Color-BgData2 {
    --mlx-background-color: var(--bg-data-2);
}

.mlx-Color-BgData3 {
    --mlx-background-color: var(--bg-data-3);
}

.mlx-Color-BgData4 {
    --mlx-background-color: var(--bg-data-4);
}

.mlx-Color-BgData5 {
    --mlx-background-color: var(--bg-data-5);
}

/*#endregion Mlx Background Classes */

/*#region Mlx Border Classes */

root {
    --mlx-border-color: inherit;
}

.mlx-Color-BorderBackgroundColor {
    --mlx-border-color: var(--mlx-background-color);
}

.mlx-Color-BorderWeaker {
    --mlx-border-color: var(--border-weaker);
}

.mlx-Color-BorderWeak {
    --mlx-border-color: var(--border-weak);
}

.mlx-Color-BorderDefault {
    --mlx-border-color: var(--border-default);
}

.mlx-Color-BorderStrong {
    --mlx-border-color: var(--border-strong);
}

.mlx-Color-BorderStronger {
    --mlx-border-color: var(--border-stronger);
}

.mlx-Color-BorderBrandWeaker {
    --mlx-border-color: var(--border-brand-weaker);
}

.mlx-Color-BorderBrandWeak {
    --mlx-border-color: var(--border-brand-weak);
}

.mlx-Color-BorderBrandDefault {
    --mlx-border-color: var(--border-brand-default);
}

.mlx-Color-BorderAccentWeaker {
    --mlx-border-color: var(--border-accent-weaker);
}

.mlx-Color-BorderBrandStrong {
    --mlx-border-color: var(--border-brand-strong);
}

.mlx-Color-BorderAccentWeak {
    --mlx-border-color: var(--border-accent-weak);
}

.mlx-Color-BorderBrandStronger {
    --mlx-border-color: var(--border-brand-stronger);
}

.mlx-Color-BorderAccentDefault {
    --mlx-border-color: var(--border-accent-default);
}

.mlx-Color-BorderAccentStrong {
    --mlx-border-color: var(--border-accent-strong);
}

.mlx-Color-BorderAccentStronger {
    --mlx-border-color: var(--border-accent-stronger);
}

.mlx-Color-BorderWarningWeaker {
    --mlx-border-color: var(--border-warning-weaker);
}

.mlx-Color-BorderWarningWeak {
    --mlx-border-color: var(--border-warning-weak);
}

.mlx-Color-BorderWarningDefault {
    --mlx-border-color: var(--border-warning-default);
}

.mlx-Color-BorderWarningStrong {
    --mlx-border-color: var(--border-warning-strong);
}

.mlx-Color-BorderWarningStronger {
    --mlx-border-color: var(--border-warning-stronger);
}

.mlx-Color-BorderBrandcontrastWeaker {
    --mlx-border-color: var(--border-brand-contrast-weaker);
}

.mlx-Color-BorderBrandcontrastWeak {
    --mlx-border-color: var(--border-brand-contrast-weak);
}

.mlx-Color-BorderBrandContrastWeak2 {
    --mlx-border-color: var(--border-brand-contrast-weak);
}

.mlx-Color-BorderBrandcontrastDefault {
    --mlx-border-color: var(--border-brand-contrast-default);
}

.mlx-Color-BorderBrandcontrastStrong {
    --mlx-border-color: var(--border-brand-contrast-strong);
}

.mlx-Color-BorderBrandcontrastStronger {
    --mlx-border-color: var(--border-brand-contrast-stronger);
}

.mlx-Color-BorderDangerWeaker {
    --mlx-border-color: var(--border-danger-weaker);
}

.mlx-Color-BorderDangerWeak {
    --mlx-border-color: var(--border-danger-weak);
}

.mlx-Color-BorderDangerDefault {
    --mlx-border-color: var(--border-danger-default);
}

.mlx-Color-BorderDangerStrong {
    --mlx-border-color: var(--border-danger-strong);
}

.mlx-Color-BorderSuccessWeaker {
    --mlx-border-color: var(--border-success-weaker);
}

.mlx-Color-BorderDangerStronger {
    --mlx-border-color: var(--border-danger-stronger);
}

.mlx-Color-BorderSuccessWeak {
    --mlx-border-color: var(--border-success-weak);
}

.mlx-Color-BorderSuccessDefault {
    --mlx-border-color: var(--border-success-default);
}

.mlx-Color-BorderSuccessStrong {
    --mlx-border-color: var(--border-success-strong);
}

.mlx-Color-BorderSuccessStronger {
    --mlx-border-color: var(--border-success-stronger);
}

.mlx-Color-BorderInsightWeaker {
    --mlx-border-color: var(--border-insight-weaker);
}

.mlx-Color-BorderInsightWeak {
    --mlx-border-color: var(--border-insight-weak);
}

.mlx-Color-BorderInsightDefault {
    --mlx-border-color: var(--border-insight-default);
}

.mlx-Color-BorderInsightStrong {
    --mlx-border-color: var(--border-insight-strong);
}

.mlx-Color-BorderInsightStronger {
    --mlx-border-color: var(--border-insight-stronger);
}

.mlx-Color-BorderIntermediateWeaker {
    --mlx-border-color: var(--border-intermediate-weaker);
}

.mlx-Color-BorderIntermediateWeak {
    --mlx-border-color: var(--border-intermediate-weak);
}

.mlx-Color-BorderIntermediateDefault {
    --mlx-border-color: var(--border-intermediate-default);
}

.mlx-Color-BorderIntermediateStrong {
    --mlx-border-color: var(--border-intermediate-strong);
}

.mlx-Color-BorderIntermediateStronger {
    --mlx-border-color: var(--border-intermediate-stronger);
}

.mlx-Color-BorderData1 {
    --mlx-border-color: var(--border-data-1);
}

.mlx-Color-BorderData2 {
    --mlx-border-color: var(--border-data-2);
}

.mlx-Color-BorderData3 {
    --mlx-border-color: var(--border-data-3);
}

.mlx-Color-BorderData4 {
    --mlx-border-color: var(--border-data-4);
}

.mlx-Color-BorderData5 {
    --mlx-border-color: var(--border-data-5);
}

.mlx-Color-BorderBoldDefault {
    --mlx-border-color: var(--border-bold-default);
}

.mlx-Color-BorderBoldStrong {
    --mlx-border-color: var(--border-bold-strong);
}

.mlx-Color-BorderBoldStronger {
    --mlx-border-color: var(--border-bold-stronger);
}

.mlx-border-left-weak {
    border-left: 1px solid var(--border-weak);
}

/*#endregion Mlx Border Classes */

/*#region Mlx HighChart fill/stroke classes */

.mlx-highchart-fill-bg-weaker {
    --mlx-highchart-fill: var(--bg-weaker);
}

.mlx-highchart-fill-bg-brandcontrast-default {
    --mlx-highchart-fill: var(--bg-brand-contrast-default);
}

.mlx-highchart-stroke-bg-brandcontrast-default {
    --mlx-highchart-stroke: var(--bg-brand-contrast-default);
}

.mlx-highchart-fill-bg-brand-default {
    --mlx-highchart-fill: var(--bg-brand-default);
}

.mlx-highchart-stroke-bg-brand-default {
    --mlx-highchart-stroke: var(--bg-brand-default);
}

.mlx-highchart-fill-bg-data-1 {
    --mlx-highchart-fill: var(--bg-data-1);
}

.mlx-highchart-stroke-bg-data-1 {
    --mlx-highchart-stroke: var(--bg-data-1);
}

.mlx-highchart-fill-bg-accent-default {
    --mlx-highchart-fill: var(--bg-accent-default);
}

.mlx-highchart-stroke-bg-accent-default {
    --mlx-highchart-stroke: var(--bg-accent-default);
}

.mlx-highchart-fill-bg-intermediate-default {
    --mlx-highchart-fill: var(--bg-intermediate-default);
}

.mlx-highchart-stroke-bg-intermediate-default {
    --mlx-highchart-stroke: var(--bg-intermediate-default);
}

.mlx-highchart-fill-bg-warning-default {
    --mlx-highchart-fill: var(--bg-warning-default);
}

.mlx-highchart-stroke-bg-warning-default {
    --mlx-highchart-stroke: var(--bg-warning-default);
}

.mlx-highchart-fill-bg-danger-weak {
    --mlx-highchart-fill: var(--bg-danger-weak);
}

.mlx-highchart-stroke-bg-danger-weak {
    --mlx-highchart-stroke: var(--bg-danger-weak);
}

.mlx-highchart-fill-bg-danger-default {
    --mlx-highchart-fill: var(--bg-danger-default);
}

.mlx-highchart-stroke-bg-danger-default {
    --mlx-highchart-stroke: var(--bg-danger-default);
}

.mlx-highchart-fill-bg-success-default {
    --mlx-highchart-fill: var(--bg-success-default);
}

.mlx-highchart-stroke-bg-success-default {
    --mlx-highchart-stroke: var(--bg-success-default);
}

/*#endregion Mlx HighChart fill/stroke classes*/

/*#region Mlx Grid */
.mlx-grid-col {
    --mlx-col-min-width: initial;
    --mlx-col-max-width: initial;
    min-width: var(--mlx-col-min-width);
    max-width: var(--mlx-col-max-width);
}

.mlx-grid-col {
    --mlx-col-min-width: var(--xxxlarge);
}

.mlx-grid-col-2 {
    --mlx-col-min-width: var(--xxxlarge-2);
}

.mlx-grid-col-3 {
    --mlx-col-min-width: var(--xxxlarge-3);
}

.mlx-grid-col-4 {
    --mlx-col-min-width: var(--xxxlarge-4);
}

.mlx-grid-col-5 {
    --mlx-col-min-width: var(--xxxlarge-5);
}

.mlx-grid-col-6 {
    --mlx-col-min-width: var(--xxxlarge-6);
}

.mlx-grid-col-7 {
    --mlx-col-min-width: var(--xxxlarge-7);
}

/*#endregion*/

/*#region Display Classes*/

@media (min-width: 540px) {

    .mlx-d-xxxsm-none {
        display: none !important;
    }

    .mlx-d-xxxsm-inline {
        display: inline !important;
    }

    .mlx-d-xxxsm-inline-block {
        display: inline-block !important;
    }

    .mlx-d-xxxsm-block {
        display: block !important;
    }

    .mlx-d-xxxsm-table {
        display: table !important;
    }

    .mlx-d-xxxsm-table-row {
        display: table-row !important;
    }

    .mlx-d-xxxsm-table-cell {
        display: table-cell !important;
    }

    .mlx-d-xxxsm-flex {
        display: flex !important;
    }

    .mlx-d-xxxsm-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 640px) {
    .mlx-d-xxsm-none {
        display: none !important;
    }

    .mlx-d-xxsm-inline {
        display: inline !important;
    }

    .mlx-d-xxsm-inline-block {
        display: inline-block !important;
    }

    .mlx-d-xxsm-block {
        display: block !important;
    }

    .mlx-d-xxsm-table {
        display: table !important;
    }

    .mlx-d-xxsm-table-row {
        display: table-row !important;
    }

    .mlx-d-xxsm-table-cell {
        display: table-cell !important;
    }

    .mlx-d-xxsm-flex {
        display: flex !important;
    }

    .mlx-d-xxsm-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .mlx-d-xsm-none {
        display: none !important;
    }

    .mlx-d-xsm-inline {
        display: inline !important;
    }

    .mlx-d-xsm-inline-block {
        display: inline-block !important;
    }

    .mlx-d-xsm-block {
        display: block !important;
    }

    .mlx-d-xsm-table {
        display: table !important;
    }

    .mlx-d-xsm-table-row {
        display: table-row !important;
    }

    .mlx-d-xsm-table-cell {
        display: table-cell !important;
    }

    .mlx-d-xsm-flex {
        display: flex !important;
    }

    .mlx-d-xsm-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 960px) {
    .mlx-d-sm-none {
        display: none !important;
    }

    .mlx-d-sm-inline {
        display: inline !important;
    }

    .mlx-d-sm-inline-block {
        display: inline-block !important;
    }

    .mlx-d-sm-block {
        display: block !important;
    }

    .mlx-d-sm-table {
        display: table !important;
    }

    .mlx-d-sm-table-row {
        display: table-row !important;
    }

    .mlx-d-sm-table-cell {
        display: table-cell !important;
    }

    .mlx-d-sm-flex {
        display: flex !important;
    }

    .mlx-d-sm-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1024px) {
    .mlx-d-md-none {
        display: none !important;
    }

    .mlx-d-md-inline {
        display: inline !important;
    }

    .mlx-d-md-inline-block {
        display: inline-block !important;
    }

    .mlx-d-md-block {
        display: block !important;
    }

    .mlx-d-md-table {
        display: table !important;
    }

    .mlx-d-md-table-row {
        display: table-row !important;
    }

    .mlx-d-md-table-cell {
        display: table-cell !important;
    }

    .mlx-d-md-flex {
        display: flex !important;
    }

    .mlx-d-md-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1280px) {
    .mlx-d-lg-none {
        display: none !important;
    }

    .mlx-d-lg-inline {
        display: inline !important;
    }

    .mlx-d-lg-inline-block {
        display: inline-block !important;
    }

    .mlx-d-lg-block {
        display: block !important;
    }

    .mlx-d-lg-table {
        display: table !important;
    }

    .mlx-d-lg-table-row {
        display: table-row !important;
    }

    .mlx-d-lg-table-cell {
        display: table-cell !important;
    }

    .mlx-d-lg-flex {
        display: flex !important;
    }

    .mlx-d-lg-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1440px) {
    .mlx-d-xlg-none {
        display: none !important;
    }

    .mlx-d-xlg-inline {
        display: inline !important;
    }

    .mlx-d-xlg-inline-block {
        display: inline-block !important;
    }

    .mlx-d-xlg-block {
        display: block !important;
    }

    .mlx-d-xlg-table {
        display: table !important;
    }

    .mlx-d-xlg-table-row {
        display: table-row !important;
    }

    .mlx-d-xlg-table-cell {
        display: table-cell !important;
    }

    .mlx-d-xlg-flex {
        display: flex !important;
    }

    .mlx-d-xlg-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1920px) {
    .mlx-d-xxlg-none {
        display: none !important;
    }

    .mlx-d-xxlg-inline {
        display: inline !important;
    }

    .mlx-d-xxlg-inline-block {
        display: inline-block !important;
    }

    .mlx-d-xxlg-block {
        display: block !important;
    }

    .mlx-d-xxlg-table {
        display: table !important;
    }

    .mlx-d-xxlg-table-row {
        display: table-row !important;
    }

    .mlx-d-xxlg-table-cell {
        display: table-cell !important;
    }

    .mlx-d-xxlg-flex {
        display: flex !important;
    }

    .mlx-d-xxlg-inline-flex {
        display: inline-flex !important;
    }
}

/*#endregion Display Classes*/

/*#region Gap Classes */

.rz-stack {
    --mlx-stack-gap: var(--spacing-medium);
    gap: var(--mlx-stack-gap);
    --rz-gap: 1rem;
}

.mlx-stack-flex-grow {
    flex-grow: 1;
    min-width: 0;
}

.rz-stack.mlx-empty > *:empty {
    display: none;
}

.rz-display-flex.mlx-gap-0 {
    --mlx-stack-gap: var(--spacing-custom-none) !important;
    --rz-gap: 0px;
}

.rz-display-flex.mlx-gap-xxxxs {
    --mlx-stack-gap: var(--spacing-custom-xxxxsmall);
}

.rz-display-flex.mlx-gap-xxxs {
    --mlx-stack-gap: var(--spacing-xxxsmall) var(--spacing-xxxsmall);
}

.rz-display-flex.mlx-gap-xxs {
    --mlx-stack-gap: var(--spacing-xxsmall) var(--spacing-xxsmall);
}

.rz-display-flex.mlx-gap-xs {
    --mlx-stack-gap: var(--spacing-xxsmall) var(--spacing-xxsmall);
}

.rz-display-flex.mlx-gap-sm {
    --mlx-stack-gap: var(--spacing-xsmall) var(--spacing-xsmall);
}

.rz-display-flex.mlx-gap-md {
    --mlx-stack-gap: var(--spacing-medium) var(--spacing-medium);
    --rz-gap: var(--spacing-medium);
}

.rz-display-flex.mlx-gap-lg {
    --mlx-stack-gap: var(--spacing-large) var(--spacing-large);
    --rz-gap: var(--spacing-large);
}

.rz-display-flex.mlx-gap-xl {
    --mlx-stack-gap: var(--spacing-xlarge) var(--spacing-xlarge);
    --rz-gap: var(--spacing-xlarge);
}

.rz-display-flex.mlx-gap-xxl {
    --mlx-stack-gap: var(--spacing-xxlarge) var(--spacing-xxlarge);
}

.rz-display-flex.mlx-gap-fixed-sm {
    --mlx-stack-gap: var(--spacing-xxsmall) var(--spacing-xxsmall);
}

.rz-display-flex.mlx-gap-fixed-md {
    --mlx-stack-gap: var(--spacing-xsmall) var(--spacing-xsmall);
}

.rz-display-flex.mlx-gap-mds {
    --mlx-stack-gap: var(--spacing-small) var(--spacing-small);
}

.rz-display-flex.mlx-gap-fixed-xl {
    --mlx-stack-gap: var(--spacing-xlarge) var(--spacing-xlarge);
}

/*#endregion*/

/*#region Row-Gap Classes */

.rz-row {
    --mlx-row-gap: var(--spacing-medium);
    --mlx-stack-gap: var(--spacing-medium);
    gap: var(--mlx-stack-gap);
    row-gap: var(--mlx-row-gap);
}

.rz-display-flex.mlx-row-gap-0 {
    --mlx-row-gap: var(--spacing-custom-none);
}

.rz-display-flex.mlx-row-gap-xs {
    --mlx-row-gap: var(--spacing-xxsmall);
}

.rz-display-flex.mlx-row-gap-sm {
    --mlx-row-gap: var(--spacing-xsmall);
}

.rz-display-flex.mlx-row-gap-md {
    --mlx-row-gap: var(--spacing-medium);
}

.rz-display-flex.mlx-row-gap-xmd {
    --mlx-row-gap: var(--spacing-small);
}

.rz-display-flex.mlx-row-gap-lg {
    --mlx-row-gap: var(--spacing-large);
}

.rz-display-flex.mlx-row-gap-xl {
    --mlx-row-gap: var(--spacing-xlarge);
}

.rz-display-flex.mlx-row-gap-xxl {
    --mlx-row-gap: var(--spacing-xxlarge);
}

/*#endregion*/

/*#region Mlx Badges */

.mlx-badge {
    --mlx-badge-padding: var(--spacing-xxsmall) var(--spacing-xsmall);
    --mlx-badge-backgroundcolor: var(--mlx-background-color);
    --mlx-badge-color: var(--mlx-text-color);
    --mlx-badge-border-radius: var(--corner-base);
    --mlx-badge-border: solid 1px var(--mlx-border-color);
    --mlx-badge-font-weight: var(--font-weight-5);
    --mlx-badge-font-size: var(--font-size-4);
    --mlx-badge-line-height: var(--font-line-height-4);
    --mlx-badge-letter-spacing: var(--font-letter-spacing-4);
    font-weight: var(--mlx-badge-font-weight);
    font-size: var(--mlx-badge-font-size);
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: var(--mlx-badge-letter-spacing);
    text-align: center;
    text-transform: none;
    white-space: nowrap;
    padding: var(--mlx-badge-padding);
    border: var(--mlx-badge-border);
    color: var(--mlx-badge-color);
    display: inline-block;
    border-radius: var(--mlx-badge-border-radius);
    height: fit-content;
    background-color: var(--mlx-badge-backgroundcolor);
}

    /* Bullets */

    .mlx-badge.mlx-badge-type-bulletround.mlx-size-small {
        height: var(--xxxsmall-3);
        padding: initial;
        width: var(--xxxsmall-3);
    }

    .mlx-badge.mlx-badge-type-bulletround.mlx-size-medium {
        height: var(--xxxsmall-2);
        padding: initial;
        width: var(--xxxsmall-2);
    }

    .mlx-badge.mlx-badge-type-bulletrounded.mlx-size-small {
        height: 10px;
        padding: initial;
        width: 10px;
        border-radius: var(--corner-xsmall);
        border: solid 1px var(--icon-inverted-default);
    }

    .mlx-badge.mlx-badge-type-bullettall.mlx-size-small {
        height: 10px;
        padding: initial;
        width: 5px;
        border-radius: var(--corner-small);
    }

    .mlx-badge.mlx-badge-type-bullettall.mlx-size-medium {
        height: 24px;
        padding: initial;
        width: 8px;
    }

    .mlx-badge.mlx-badge-type-bulletsquare.mlx-size-medium {
        --mlx-badge-border-radius: initial;
        height: inherit;
        padding: initial;
        width: inherit;
    }

    /* Bars */

    .mlx-badge.mlx-badge-type-bar.mlx-size-medium {
        --mlx-badge-border-radius: initial;
        height: var(--icon-xxsmall);
        padding: initial;
        width: var(--component-xxsmall);
    }

    .mlx-badge.mlx-badge-type-barstart.mlx-size-medium {
        --mlx-badge-border-radius: 2px 0 0 2px;
        height: var(--icon-xxsmall);
        padding: initial;
        width: var(--component-xxsmall);
    }

    .mlx-badge.mlx-badge-type-barend.mlx-size-medium {
        --mlx-badge-border-radius: 0px 2px 2px 0px;
        height: var(--icon-xxsmall);
        padding: initial;
        width: var(--component-xxsmall);
    }

    /* Sizes */

    .mlx-badge.mlx-size-xsmall {
        --mlx-badge-font-size: var(--font-size-4);
        --mlx-badge-letter-spacing: var(--font-letter-spacing-4);
        --mlx-badge-padding: var(--spacing-xxsmall) var(--spacing-xsmall);
        --mlx-badge-padding: 0px var(--spacing-xxxsmall);
        --mlx-badge-border-radius: var(--corner-small);
    }

    .mlx-badge.mlx-size-small {
        --mlx-badge-font-size: var(--font-size-4);
        --mlx-badge-letter-spacing: var(--font-letter-spacing-4);
    }

    .mlx-badge.mlx-size-medium {
        --mlx-badge-font-size: var(--font-size-5);
        --mlx-badge-letter-spacing: var(--font-letter-spacing-4);
    }

    .mlx-badge.mlx-size-large {
        --mlx-badge-font-size: var(--font-size-5);
        --mlx-badge-line-height: var(--font-line-height-5);
        --mlx-badge-letter-spacing: var(--font-letter-spacing-5);
    }

    .mlx-badge.mlx-size-xlarge {
        --mlx-badge-font-size: var(--font-size-6);
        --mlx-badge-letter-spacing: var(--font-letter-spacing-6);
        --mlx-badge-padding: 5px var(--spacing-xsmall);
    }

    /* Nested */
    .mlx-badge.mlx-badge-type-nested {
        --mlx-badge-padding: var(--spacing-xxsmall) var(--spacing-xxsmall);
    }

    /* Aligned */

    .mlx-badge.mlx-badge-type-aligned {
        --mlx-badge-padding: 0px 0px 0px var(--spacing-xsmall);
    }

    .mlx-badge.mlx-badge-type-aligned .mlx-badge {
        --mlx-badge-padding: 2px 4px;
        --mlx-badge-border-radius: 6px;
    }

    .mlx-badge.mlx-size-small.mlx-badge-type-aligned .mlx-badge {
        --mlx-badge-padding: 3px 4px;
        --mlx-badge-border-radius: 6px;
    }

    .mlx-badge.mlx-size-xlarge.mlx-badge-type-aligned .mlx-badge {
        --mlx-badge-padding: 4px 4px;
        --mlx-badge-border-radius: 6px;
    }

    /* Aligned Left*/

    .mlx-badge.mlx-badge-type-alignedleft {
        --mlx-badge-padding: 2px 6px 2px 2px;
    }

    .mlx-badge.mlx-badge-type-alignedleft .mlx-badge {
        --mlx-badge-padding: 2px 4px;
        --mlx-badge-border-radius: 6px;
    }

    .mlx-badge.mlx-size-small.mlx-badge-type-alignedleft .mlx-badge {
        --mlx-badge-padding: 2px 0px 1px 0px;
        --mlx-badge-border-radius: 6px;
    }

    .mlx-badge.mlx-size-large.mlx-badge-type-alignedleft .mlx-badge {
        line-height: 0.92;
        --mlx-badge-padding: 4px 4px;
        --mlx-badge-border-radius: 6px;
    }

    .mlx-badge.mlx-size-xlarge.mlx-badge-type-alignedleft .mlx-badge {
        --mlx-badge-padding: 4px 4px;
        --mlx-badge-border-radius: 6px;
    }

    /* Rounded */

    .mlx-badge.mlx-badge-type-rounded {
        --mlx-badge-border-radius: var(--corner-round);
    }

    /* Hover */

    .mlx-badge.mlx-badge-hover {
        cursor: pointer;
    }

        .mlx-badge.mlx-badge-hover:hover {
            box-shadow: inset 0 0 0 1px rgba(0,0,0,.15) !important
        }
       
    /* Profile */

    .mlx-badge.mlx-badge-profile {
        --mlx-badge-backgroundcolor: var(--bg-stronger) !important;
        --mlx-badge-color: var(--text-weaker) !important;
        --mlx-badge-border-radius: 50%;
        padding: 0px 11px;
        vertical-align: middle;
        line-height: var(--component-base);
        border: initial;
    }

    .mlx-badge.mlx-badge-circle {
        width: var(--component-xsmall);
        height: var(--component-xsmall);
        flex-grow: 0;
        border-radius: 50%;
        background-color: var(--mlx-badge-backgroundcolor);
        padding: initial;
        vertical-align: middle;
        line-height: 1;
        border: initial;
    }

    .mlx-badge.mlx-badge-rounded {
        width: var(--component-xsmall);
        height: var(--component-xsmall);
        flex-grow: 0;
        border-radius: 8px;
        vertical-align: middle;
        line-height: 1;
        border: initial;
    }

    /* Insight Circle Badge */
    .mlx-badge.mlx-badge-insight-circle {
        line-height: var(--component-base);
    }

    /* Warning Circle Badge */
    .mlx-badge.mlx-badge-warning-circle {
        padding: 0px 0px 2px 0px;
    }

    /* Brand */

    .mlx-badge.mlx-badge-style-brand.mlx-variant-filled.mlx-shade-higher {
        --mlx-badge-backgroundcolor: var(--bg-brand-strong);
        --mlx-badge-color: var(--text-inverted-weaker);
        --mlx-badge-border: solid 1px var(--bg-brand-strong);
    }

    .mlx-badge.mlx-badge-style-brand.mlx-variant-filled.mlx-shade-high {
        --mlx-badge-backgroundcolor: var(--bg-brand-default);
        --mlx-badge-color: var(--text-inverted-weaker);
        --mlx-badge-border: solid 1px var(--bg-brand-default);
    }

    .mlx-badge.mlx-badge-style-brand.mlx-variant-filled.mlx-shade-low {
        --mlx-badge-backgroundcolor: var(--bg-brand-weak);
        --mlx-badge-color: var(--text-brand-stronger);
        --mlx-badge-border: solid 1px var(--bg-brand-weak);
    }

    .mlx-badge.mlx-badge-style-brand.mlx-variant-filled.mlx-shade-lower {
        --mlx-badge-backgroundcolor: var(--bg-brand-contrast-weak);
        --mlx-badge-color: var(--text-brand-stronger);
        --mlx-badge-border: solid 1px var(--bg-brand-contrast-weak);
    }

    .mlx-badge.mlx-badge-style-brand.mlx-variant-outlined.mlx-shade-low {
        --mlx-badge-backgroundcolor: var(--bg-brand-weaker);
        --mlx-badge-color: var(--text-brand-stronger);
        --mlx-badge-border: solid 1px var(--border-brand-weak);
    }

    .mlx-badge.mlx-badge-style-brand.mlx-variant-outlined.mlx-shade-lower {
        --mlx-badge-backgroundcolor: var(--bg-brand-contrast-weaker);
        --mlx-badge-color: var(--text-brand-stronger);
        --mlx-badge-border: solid 1px var(--bg-brand-contrast-weak-2);
    }

    /* Neutral */
   
    .mlx-badge.mlx-badge-style-neutral.mlx-variant-filled.mlx-shade-high {
        --mlx-badge-backgroundcolor: var(--bg-bold-default);
        --mlx-badge-color: var(--text-inverted-weaker);
        --mlx-badge-border: solid 1px var(--bg-bold-default);
    }

    .mlx-badge.mlx-badge-style-neutral.mlx-variant-filled.mlx-shade-lower {
        --mlx-badge-backgroundcolor: var(--bg-default);
        --mlx-badge-color: var(--text-default);
        --mlx-badge-border: solid 1px var(--bg-default);
    }

    .mlx-badge.mlx-badge-style-neutral.mlx-variant-filled.mlx-shade-low {
        --mlx-badge-backgroundcolor: var(--bg-neutral-default);
        --mlx-badge-color: var(--text-default);
        --mlx-badge-border: solid 1px var(--bg-neutral-default);
    }

    .mlx-badge.mlx-badge-style-neutral.mlx-variant-filled.mlx-shade-lowest {
        --mlx-badge-backgroundcolor: var(--bg-weaker);
        --mlx-badge-color: var(--text-default);
        --mlx-badge-border: solid 1px var(--bg-weaker);
    }


    .mlx-badge.mlx-badge-style-neutral.mlx-variant-outlined.mlx-shade-high {
        --mlx-badge-backgroundcolor: var(--bg-strong);
        --mlx-badge-color: var(--text-default);
        --mlx-badge-border: solid 1px var(--border-default);
    }

    .mlx-badge.mlx-badge-style-neutral.mlx-variant-outlined.mlx-shade-low {
        --mlx-badge-backgroundcolor: var(--bg-weak);
        --mlx-badge-color: var(--text-strong);
        --mlx-badge-border: solid 1px var(--border-weak);
    }

    .mlx-badge.mlx-badge-style-neutral.mlx-variant-outlined.mlx-shade-lower {
        --mlx-badge-backgroundcolor: var(--bg-neutral-weaker);
        --mlx-badge-color: var(--text-strong);
        --mlx-badge-border: solid 1px var(--border-weak);
    }

    /* Secondary */

    .mlx-badge.mlx-badge-style-secondary.mlx-variant-filled.mlx-shade-high {
        --mlx-badge-backgroundcolor: var(--icon-accent-default);
        --mlx-badge-color: var(--text-inverted-weaker);
        --mlx-badge-border: solid 1px var(--icon-accent-default);
    }

    .mlx-badge.mlx-badge-style-secondary.mlx-variant-filled.mlx-shade-low {
        --mlx-badge-backgroundcolor: var(--bg-accent-weak);
        --mlx-badge-color: var(--text-accent-stronger);
        --mlx-badge-border: solid 1px var(--bg-accent-weak);
    }

    .mlx-badge.mlx-badge-style-secondary.mlx-variant-outlined.mlx-shade-low {
        --mlx-badge-backgroundcolor: var(--bg-accent-weaker);
        --mlx-badge-color: var(--text-accent-stronger);
        --mlx-badge-border: solid 1px var(--border-accent-weak);
    }

    .mlx-badge.mlx-badge-style-secondary.mlx-variant-outlined.mlx-shade-lowest {
        --mlx-badge-backgroundcolor: var(--bg-weaker);
        --mlx-badge-color: var(--text-accent-stronger);
        --mlx-badge-border: solid 1px var(--border-accent-weak);
    }

    /* Success */

    .mlx-badge.mlx-badge-style-success.mlx-variant-filled.mlx-shade-high {
        --mlx-badge-backgroundcolor: var(--bg-success-default);
        --mlx-badge-color: var(--text-inverted-weaker);
        --mlx-badge-border: solid 1px var(--bg-success-default);
    }

    .mlx-badge.mlx-badge-style-success.mlx-variant-filled.mlx-shade-low {
        --mlx-badge-backgroundcolor: var(--bg-success-weak);
        --mlx-badge-color: var(--text-success-strong);
        --mlx-badge-border: solid 1px var(--bg-success-weak);
    }

    .mlx-badge.mlx-badge-style-success.mlx-variant-outlined.mlx-shade-low {
        --mlx-badge-backgroundcolor: var(--bg-success-weaker);
        --mlx-badge-color: var(--text-success-strong);
        --mlx-badge-border: solid 1px var(--border-success-weak);
    }

    .mlx-badge.mlx-badge-style-success.mlx-variant-outlined.mlx-shade-lowest {
        --mlx-badge-backgroundcolor: var(--bg-weaker);
        --mlx-badge-color: var(--text-success-strong);
        --mlx-badge-border: solid 1px var(--border-success-weak);
    }

    /* Warning */

    .mlx-badge.mlx-badge-style-warning.mlx-variant-filled.mlx-shade-high {
        --mlx-badge-backgroundcolor: var(--bg-warning-default);
        --mlx-badge-color: var(--text-inverted-weaker);
        --mlx-badge-border: solid 1px var(--bg-warning-default);
    }

    .mlx-badge.mlx-badge-style-warning.mlx-variant-filled.mlx-shade-low {
        --mlx-badge-backgroundcolor: var(--bg-warning-weak);
        --mlx-badge-color: var(--text-warning-stronger);
        --mlx-badge-border: solid 1px var(--bg-warning-weak);
    }

    .mlx-badge.mlx-badge-style-warning.mlx-variant-outlined.mlx-shade-low {
        --mlx-badge-backgroundcolor: var(--bg-warning-weaker);
        --mlx-badge-color: var(--text-warning-stronger);
        --mlx-badge-border: solid 1px var(--border-warning-weak);
    }

    .mlx-badge.mlx-badge-style-warning.mlx-variant-outlined.mlx-shade-lowest {
        --mlx-badge-backgroundcolor: var(--bg-weaker);
        --mlx-badge-color: var(--text-warning-stronger);
        --mlx-badge-border: solid 1px var(--border-warning-weak);
    }

    /* Danger */

    .mlx-badge.mlx-badge-style-danger.mlx-variant-filled.mlx-shade-high {
        --mlx-badge-backgroundcolor: var(--bg-danger-default);
        --mlx-badge-color: var(--text-inverted-weaker);
        --mlx-badge-border: solid 1px var(--bg-danger-default);
    }

    .mlx-badge.mlx-badge-style-danger.mlx-variant-filled.mlx-shade-lower {
        --mlx-badge-backgroundcolor: var(--light-red-400);
        --mlx-badge-color: var(--text-inverted-weaker);
        --mlx-badge-border: solid 1px var(--light-red-400);
    }

    .mlx-badge.mlx-badge-style-danger.mlx-variant-filled.mlx-shade-low {
        --mlx-badge-backgroundcolor: var(--bg-danger-weak);
        --mlx-badge-color: var(--text-danger-stronger);
        --mlx-badge-border: solid 1px var(--bg-danger-weak);
    }

    .mlx-badge.mlx-badge-style-danger.mlx-variant-outlined.mlx-shade-low {
        --mlx-badge-backgroundcolor: var(--bg-danger-weaker);
        --mlx-badge-color: var(--text-danger-stronger);
        --mlx-badge-border: solid 1px var(--border-danger-weak);
    }

    .mlx-badge.mlx-badge-style-danger.mlx-variant-outlined.mlx-shade-lowest {
        --mlx-badge-backgroundcolor: var(--bg-weaker);
        --mlx-badge-color: var(--text-danger-stronger);
        --mlx-badge-border: solid 1px var(--border-danger-weak);
    }
    /* Intermediate */

    .mlx-badge.mlx-badge-style-intermediate.mlx-variant-filled.mlx-shade-high {
        --mlx-badge-backgroundcolor: var(--bg-intermediate-default);
        --mlx-badge-color: var(--text-strong);
        --mlx-badge-border: solid 1px var(--bg-intermediate-default);
    }

    .mlx-badge.mlx-badge-style-intermediate.mlx-variant-filled.mlx-shade-low {
        --mlx-badge-backgroundcolor: var(--bg-intermediate-weak);
        --mlx-badge-color: var(--bg-intermediate-stronger);
        --mlx-badge-border: solid 1px var(--bg-intermediate-weak);
    }

    .mlx-badge.mlx-badge-style-intermediate.mlx-variant-outlined.mlx-shade-low {
        --mlx-badge-backgroundcolor: var(--bg-intermediate-weaker);
        --mlx-badge-color: var(--bg-intermediate-stronger);
        --mlx-badge-border: solid 1px var(--border-intermediate-weak);
    }

    .mlx-badge.mlx-badge-style-intermediate.mlx-variant-outlined.mlx-shade-lowest {
        --mlx-badge-backgroundcolor: var(--bg-weaker);
        --mlx-badge-color: var(--bg-intermediate-stronger);
        --mlx-badge-border: solid 1px var(--bg-intermediate-default);
    }

    /* Insight */

    .mlx-badge.mlx-badge-style-insight.mlx-variant-filled.mlx-shade-high {
        --mlx-badge-backgroundcolor: var(--bg-insight-default);
        --mlx-badge-color: var(--text-inverted-weaker);
        --mlx-badge-border: solid 1px var(--bg-insight-default);
    }

    .mlx-badge.mlx-badge-style-insight.mlx-variant-filled.mlx-shade-low {
        --mlx-badge-backgroundcolor: var(--bg-insight-weak);
        --mlx-badge-color: var(--text-insight-stronger);
        --mlx-badge-border: solid 1px var(--bg-insight-weak);
    }

    .mlx-badge.mlx-badge-style-insight.mlx-variant-outlined.mlx-shade-low {
        --mlx-badge-backgroundcolor: var(--bg-insight-weaker);
        --mlx-badge-color: var(--text-insight-stronger); 
        --mlx-badge-border: solid 1px var(--border-insight-weak);
    }

    .mlx-badge.mlx-badge-style-insight.mlx-variant-outlined.mlx-shade-lowest {
        --mlx-badge-backgroundcolor: var(--bg-weaker);
        --mlx-badge-color: var(--text-insight-stronger);
        --mlx-badge-border: solid 1px var(--border-insight-weak);
    }

/*#endregion */

/*#region Card */

.mlx-card {
    --mlx-card-border-width: 1px;
    --mlx-card-padding: var(--spacing-large) var(--spacing-large);
    --mlx-card-border-radius: var(--corner-ring);
    --mlx-card-background-color: var(--bg-weaker);
    --mlx-card-border-color: var(--bg-strong);
    padding: var(--mlx-card-padding);
    border-radius: var(--mlx-card-border-radius);
    border: solid var(--mlx-card-border-width) var(--mlx-card-border-color);
    background-color: var(--mlx-card-background-color);
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}

    /* Sizes */

.mlx-card-pt-0 {
    padding-top: 0px;
}

.mlx-card-pb-0 {
    padding-bottom: 0px;
}

.mlx-card-pl-0 {
    padding-left: 0px;
}

.mlx-card-pr-0 {
    padding-right: 0px;
}

.mlx-card-pr-xxxs {
    padding-right: var(--spacing-xxxsmall);
}

.mlx-card-pl-xxxs {
    padding-left: var(--spacing-xxxsmall);
}

.mlx-card-pt-xxxs {
    padding-top: var(--spacing-xxxsmall);
}

.mlx-card-pb-xxxs {
    padding-bottom: var(--spacing-xxxsmall);
}

.mlx-card-pr-xxs {
    padding-right: var(--spacing-xxsmall);
}

.mlx-card-pl-xxs {
    padding-left: var(--spacing-xxsmall);
}

.mlx-card-pt-xxs {
    padding-top: var(--spacing-xxsmall);
}

.mlx-card-pb-xxs {
    padding-bottom: var(--spacing-xxsmall);
}

.mlx-card-pr-xs {
    padding-right: var(--spacing-xsmall);
}

.mlx-card-pl-xs {
    padding-left: var(--spacing-xsmall);
}

.mlx-card-pt-xs {
    padding-top: var(--spacing-xsmall);
}

.mlx-card-pb-xs {
    padding-bottom: var(--spacing-xsmall);
}

.mlx-card-pr-md {
    padding-right: var(--spacing-medium);
}

.mlx-card-pr-lg {
    padding-right: var(--spacing-large);
}

.mlx-card-pl-md {
    padding-left: var(--spacing-medium);
}

.mlx-card-pl-lg {
    padding-left: var(--spacing-large);
}

.mlx-card-pt-md {
    padding-top: var(--spacing-medium);
}

.mlx-card-pb-md {
    padding-bottom: var(--spacing-medium);
}

    .mlx-card.mlx-card-xxxsm {
        --mlx-card-padding: var(--spacing-custom-none);
    }

    .mlx-card.mlx-card-xxsm {
        --mlx-card-padding: var(--spacing-xxsmall) var(--spacing-xsmall);
    }

    .mlx-card.mlx-card-xsm {
        --mlx-card-padding: var(--spacing-small);
    }

    .mlx-card.mlx-card-xsm.mlx-card-size-xsmall-small {
        --mlx-card-padding: var(--spacing-xsmall) var(--spacing-small);
    }

    .mlx-card.mlx-card-xsm.mlx-card-size-xsmall-xsmall {
        --mlx-card-padding: var(--spacing-xsmall) var(--spacing-xsmall);
    }

    .mlx-card.mlx-card-xsm.mlx-card-size-medium {
        --mlx-card-padding: var(--spacing-xsmall-medium) var(--spacing-xsmall-medium);
    }

    .mlx-card.mlx-card-sm.mlx-card-size-small-large {
        --mlx-card-padding: var(--spacing-small) var(--spacing-large);
    }

    .mlx-card.mlx-card-sm {
        --mlx-card-padding: var(--spacing-medium);
    }

    .mlx-card.mlx-card-md {
        --mlx-card-padding: var(--spacing-large);
    }

    .mlx-card.mlx-card-md.mlx-card-bottom-sm {
        --mlx-card-padding: var(--spacing-large) var(--spacing-large) var(--spacing-medium) var(--spacing-large);
    }

    .mlx-card.mlx-card-md.mlx-card-top-bottom-sm {
        --mlx-card-padding: var(--spacing-medium) var(--spacing-large) var(--spacing-medium) var(--spacing-large);
    }

    .mlx-card.mlx-card-md.mlx-card-right-none {
        --mlx-card-padding: var(--spacing-large) var(--spacing-custom-none) var(--spacing-large) var(--spacing-large);
    }

    .mlx-card.mlx-card-lg {
        --mlx-card-padding: var(--spacing-xlarge) var(--spacing-large) var(--spacing-xlarge) var(--spacing-large);
    }

    .mlx-card.mlx-card-responsive.mlx-card-lg {
        --mlx-card-padding: var(--spacing-large) var(--spacing-large) var(--spacing-large) var(--spacing-large);
    }

@media (min-width: 1024px) {

    .mlx-card.mlx-card-responsive.mlx-card-xsm {
        --mlx-card-padding: var(--spacing-xxsmall) var(--spacing-xsmall);
    }

    .mlx-card.mlx-card-responsive.mlx-card-sm {
        --mlx-card-padding: var(--spacing-medium);
    }

    .mlx-card.mlx-card-responsive.mlx-card-md {
        --mlx-card-padding: var(--spacing-large);
    }

    .mlx-card.mlx-card-responsive.mlx-card-lg {
        --mlx-card-padding: var(--spacing-xlarge) var(--spacing-large) var(--spacing-xlarge) var(--spacing-large);
    }
}

/* Types */
.mlx-card.mlx-type-square {
    --mlx-card-border-radius: initial;
}

.mlx-card.mlx-type-square-left {
    --mlx-card-border-radius: 0px var(--corner-ring) var(--corner-ring) 0px;
}

.mlx-card.mlx-type-square-right {
    --mlx-card-border-radius: var(--corner-ring) 0px 0px var(--corner-ring);
}

.mlx-card.mlx-type-square-top {
    --mlx-card-border-radius: 0px 0px var(--corner-ring) var(--corner-ring);
}

.mlx-card.mlx-type-square-bottom {
    --mlx-card-border-radius: var(--corner-ring) var(--corner-ring) 0px 0px;
}

.mlx-card.mlx-type-round-top-right {
    --mlx-card-border-radius: 0px var(--corner-ring) 0px 0px;
}

.mlx-card.mlx-type-round-bottom-right {
    --mlx-card-border-radius: 0px 0px var(--corner-ring) 0px;
}

.mlx-card.mlx-border-0 {
    --mlx-card-border-width: 0px;
}

.mlx-card.mlx-border-tall {
    --mlx-card-border-width: 2px;
}

/* Corners */

.mlx-card.mlx-card-corner-sm {
    --mlx-card-border-radius: var(--corner-base);
}

.mlx-card.mlx-card-corner-xs {
    --mlx-card-border-radius: var(--corner-small);
}

/* Styles */
.mlx-card.mlx-style-base {
    background-color: initial;
    border: initial;
    border-radius: initial;
}

.mlx-card.mlx-style-primary {
    --mlx-card-background-color: var(--bg-weaker);
    --mlx-card-border-color: var(--bg-weaker);
}

    .mlx-card.mlx-style-primary.mlx-shade-dark {
        --mlx-card-background-color: var(--bg-weak);
        --mlx-card-border-color: var(--bg-weak);
    }

    .mlx-card.mlx-style-primary.mlx-shade-darker {
        --mlx-card-background-color: var(--bg-default);
        --mlx-card-border-color: var(--bg-default);
    }

    .mlx-card.mlx-style-primary.mlx-shade-darker.mlx-variant-outlined {
        --mlx-card-background-color: var(--bg-default);
        --mlx-card-border-color: var(--bg-strong);
    }

    .mlx-card.mlx-style-primary.mlx-variant-flat.mlx-shade-default {
        --mlx-card-background-color: var(--bg-neutral-default);
        --mlx-card-border-color: var(--bg-neutral-default);
    }

    .mlx-card.mlx-style-primary.mlx-variant-flat.mlx-shade-default {
        --mlx-card-background-color: var(--bg-neutral-default);
        --mlx-card-border-color: var(--bg-neutral-default);
    }

    .mlx-card.mlx-style-primary.mlx-variant-outlined {
        --mlx-card-background-color: var(--bg-weaker);
        --mlx-card-border-color: var(--border-weak);
    }

        .mlx-card.mlx-style-primary.mlx-variant-outlined.mlx-shade-dark {
            --mlx-card-background-color: var(--bg-weaker);
            --mlx-card-border-color: var(--bg-stronger);
        }

        .mlx-card.mlx-style-primary.mlx-variant-outlined.mlx-shade-light {
            --mlx-card-background-color: var(--bg-weaker);
            --mlx-card-border-color: var(--bg-neutral-default);
        }

.mlx-card.mlx-style-info {
    --mlx-card-background-color: var(--bg-accent-weaker);
    --mlx-card-border-color: var(--bg-accent-weaker);
}

    .mlx-card.mlx-style-info.mlx-variant-outlined {
        --mlx-card-background-color: var(--bg-accent-weaker);
        --mlx-card-border-color: var(--border-accent-weak);
    }

        .mlx-card.mlx-style-info.mlx-variant-outlined.mlx-shade-dark {
            --mlx-card-background-color: var(--bg-accent-weaker);
            --mlx-card-border-color: var(--bg-accent-default);
        }

.mlx-card.mlx-style-dark {
    --mlx-card-background-color: var(--bg-brand-strong);
    --mlx-card-border-color: var(--bg-brand-strong);
}

.mlx-card.mlx-style-dark.mlx-variant-filled.mlx-shade-darker {
    --mlx-card-background-color: var(--bg-brand-stronger);
    --mlx-card-border-color: var(--bg-brand-stronger);
}

.mlx-card.mlx-style-brand {
    --mlx-card-background-color: var(--bg-brand-weaker);
    --mlx-card-border-color: var(--bg-brand-weaker);
}

.mlx-card.mlx-style-brand.mlx-variant-outlined.mlx-shade-dark {
    --mlx-card-background-color: var(--bg-brand-weaker);
    --mlx-card-border-color: var(--border-brand-weak);
}

.mlx-card.mlx-style-success {
    --mlx-card-background-color: var(--bg-success-weaker);
    --mlx-card-border-color: var(--bg-success-weaker);
}

    .mlx-card.mlx-style-success.mlx-variant-outlined {
        --mlx-card-background-color: var(--bg-success-weaker);
        --mlx-card-border-color: var(--bg-success-weak);
    }

        .mlx-card.mlx-style-success.mlx-variant-outlined.mlx-shade-dark {
            --mlx-card-background-color: var(--bg-success-weaker);
            --mlx-card-border-color: var(--bg-success-default);
        }

        .mlx-card.mlx-style-success.mlx-variant-outlined.mlx-shade-darker {
            --mlx-card-background-color: var(--bg-success-weak);
            --mlx-card-border-color: var(--border-success-weak);
        }

        .mlx-card.mlx-style-success.mlx-variant-outlined.mlx-shade-light {
            --mlx-card-background-color: var(--bg-weaker);
            --mlx-card-border-color: var(--border-success-weak);
        }
.mlx-card.mlx-style-intermediate {
    --mlx-card-background-color: var(--bg-intermediate-weaker);
    --mlx-card-border-color: var(--bg-intermediate-weaker);
}

    .mlx-card.mlx-style-intermediate.mlx-variant-outlined {
        --mlx-card-background-color: var(--bg-intermediate-weaker);
        --mlx-card-border-color: var(--bg-intermediate-weak);
    }

.mlx-card.mlx-type-depth1.mlx-style-intermediate.mlx-variant-outlined.mlx-shade-light {
    --mlx-card-background-color: var(--bg-intermediate-weaker);
    --mlx-card-border-color: var(--border-intermediate-weak);
}

.mlx-card.mlx-type-depth1.mlx-style-intermediate.mlx-variant-outlined.mlx-shade-default {
    --mlx-card-background-color: var(--bg-intermediate-weaker);
    --mlx-card-border-color: var(--border-intermediate-default);
}

.mlx-card.mlx-type-depth1.mlx-style-intermediate.mlx-variant-outlined.mlx-shade-dark {
    --mlx-card-background-color: var(--bg-intermediate-weaker);
    --mlx-card-border-color: var(--bg-intermediate-strong);
}

.mlx-card.mlx-type-depth4.mlx-style-intermediate.mlx-variant-outlined.mlx-shade-light {
    --mlx-card-background-color: var(--bg-intermediate-weaker);
    --mlx-card-border-color: var(--bg-intermediate-weak);
    border-left: solid 1px var(--border-intermediate-weak);
    border-top: solid 1px var(--border-intermediate-weak);
    border-right: solid 4px var(--border-intermediate-weak);
    border-bottom: solid 4px var(--border-intermediate-weak); 
}

.mlx-card.mlx-type-depth4.mlx-style-intermediate.mlx-variant-outlined.mlx-shade-default {
    --mlx-card-background-color: var(--bg-intermediate-weaker);
    --mlx-card-border-color: var(--bg-intermediate-weak);
    border-left: solid 1px var(--bg-intermediate-default);
    border-top: solid 1px var(--bg-intermediate-default);
    border-right: solid 4px var(--bg-intermediate-default);
    border-bottom: solid 4px var(--bg-intermediate-default);
}

.mlx-card.mlx-type-depth4.mlx-style-intermediate.mlx-variant-outlined.mlx-shade-dark {
    --mlx-card-background-color: var(--bg-intermediate-weaker);
    --mlx-card-border-color: var(--bg-intermediate-weak);
    border-left: solid 1px var(--bg-intermediate-strong);
    border-top: solid 1px var(--bg-intermediate-strong);
    border-right: solid 4px var(--bg-intermediate-strong);
    border-bottom: solid 4px var(--bg-intermediate-strong);
}

        .mlx-card.mlx-style-intermediate.mlx-variant-outlined.mlx-shade-dark {
            --mlx-card-background-color: var(--bg-intermediate-weaker);
            --mlx-card-border-color: var(--bg-intermediate-default);
        }

.mlx-card.mlx-style-warning {
    --mlx-card-background-color: var(--bg-warning-weaker);
    --mlx-card-border-color: var(--bg-warning-weaker);
}

    .mlx-card.mlx-style-warning.mlx-variant-outlined {
        --mlx-card-background-color: var(--bg-warning-weaker);
        --mlx-card-border-color: var(--bg-warning-weak);
    }

        .mlx-card.mlx-style-warning.mlx-variant-outlined.mlx-shade-dark {
            --mlx-card-background-color: var(--bg-warning-weaker);
            --mlx-card-border-color: var(--border-warning-weak);
        }

        .mlx-card.mlx-style-warning.mlx-variant-outlined.mlx-shade-light {
            --mlx-card-background-color: var(--bg-weaker);
            --mlx-card-border-color: var(--border-warning-weak);
        }

.mlx-card.mlx-style-danger {
    --mlx-card-background-color: var(--bg-danger-weaker);
    --mlx-card-border-color: var(--bg-danger-weaker);
}

    .mlx-card.mlx-style-danger.mlx-variant-outlined {
        --mlx-card-background-color: var(--bg-danger-weaker);
        --mlx-card-border-color: var(--bg-danger-weak);
    }

        .mlx-card.mlx-style-danger.mlx-variant-outlined.mlx-shade-dark {
            --mlx-card-background-color: var(--bg-danger-weaker);
            --mlx-card-border-color: var(--bg-danger-default);
        }

        .mlx-card.mlx-style-danger.mlx-variant-outlined.mlx-shade-light {
            --mlx-card-background-color: var(--bg-weaker);
            --mlx-card-border-color: var(--bg-danger-default);
        }

        .mlx-card.mlx-style-danger.mlx-variant-outlined.mlx-shade-lighter {
            --mlx-card-background-color: var(--bg-weaker);
            --mlx-card-border-color: var(--bg-danger-weak);
        }

.mlx-card.mlx-style-insight {
    --mlx-card-background-color: var(--bg-insight-weaker);
    --mlx-card-border-color: var(--bg-insight-weaker);
}
.mlx-card.mlx-style-insight.mlx-shade-dark {
    --mlx-card-background-color: var(--bg-insight-weak);
    --mlx-card-border-color: var(--bg-insight-weak);
}


.mlx-card.mlx-style-brand.mlx-variant-outlined {
    --mlx-card-background-color: var(--bg-neutral-weaker);
    --mlx-card-border-color: var(--border-brand-default);
}

/* Borders */
.mlx-card.mlx-border-shadow {
    border-top: var(--mlx-card-border-color) solid 1px;
    border-left: var(--mlx-card-border-color) solid 1px;
    border-right: var(--mlx-card-border-color) solid 3px;
    border-bottom: var(--mlx-card-border-color) solid 3px;
}

border-top-0 {
    border-top: none;
}

border-bottom-0 {
    border-top: none;
}

border-left-0 {
    border-top: none;
}

border-right-0 {
    border-top: none;
}
/*#endregion */

/*#region Stack */

.rz-stack.mlx-stack-hscroll-padding-md {
    padding-left: var(--spacing-large);
    padding-right: var(--spacing-large);
    width: fit-content;
}

/*#endregion Stack*/

/*#region DropDown */

.mlx-dropdown {
    --bs-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.08);
    --bs-dropdown-padding-y: 0px;
    --bs-dropdown-bg: var(--bg-weaker);
    --bs-dropdown-border-color: var(--border-weak);
    --bs-dropdown-border-radius: var(--corner-ring);
    box-shadow: var(--bs-box-shadow);
}

/*#endregion DropDown*/

/*#region Menu */

.rz-menu:not(.rz-profile-menu).mlx-shade-default .rz-navigation-item-link.active .mlx-fonticon,
.rz-menu:not(.rz-profile-menu).mlx-shade-default .rz-navigation-item-link.active .mlx-text {
    color: var(--icon-brand-stronger);
}

.rz-menu:not(.rz-profile-menu) {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    background-color: var(--bg-weaker);
}

/*#endregion Menu*/

/*#region Shadow Scrolling */
.mlx-shadow-top, .mlx-shadow-bottom {
    position: sticky;
    left: 0;
    right: 0;
    height: 6px;
    z-index: 2;
    pointer-events: none;
    
}

.mlx-shadow-top {
    top: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.18), rgba(0,0,0,0));
    opacity: 0;
}

.mlx-shadow-bottom {
    bottom: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.18), rgba(0,0,0,0));
    opacity: 1;
}
/*#endregion Shadow Scrolling */

/*#region Modal Dialog */

.mlx-dialog-container .modal-content {
    background-color: initial;
    border-radius: initial;
    border: initial;
    min-width: var(--bs-modal-width);
}

.mlx-dialog {
    --bs-modal-width: var(--container-xxsmall);
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
}

.mlx-dialog .btn-close {
    --mlx-dialog-btn-color: var(--icon-weaker);
    --mlx--dialog-btn-size-large: 32px;
    --mlx--dialog-btn-size-small: 32px;
    background-color: initial;
    border: initial;
    color: var(--mlx-dialog-btn-color);
    appearance: none;
    width: var(--mlx--dialog-btn-size-large);
    height: var(--mlx--dialog-btn-size-large);
    border-radius: initial;
    min-width: var(--mlx--dialog-btn-size-large);
    max-width: var(--mlx--dialog-btn-size-large);
    min-height: var(--mlx--dialog-btn-size-large);
    max-height: var(--mlx--dialog-btn-size-large);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: initial;
    background: initial;
    padding: initial;
    box-shadow: initial;    
}

.mlx-dialog .btn-close:before {
    content: 'close';
    color: var(--mlx-dialog-btn-color);
    vertical-align: top;
    font-size: var(--font-size-10);
    line-height: 1.0;
    width: var(--font-size-10);
    display: inline-block;
    height: var(--font-size-10);
}

.mlx-dialog .btn-close:hover {
    background: var(--bg-weak);
    border-radius: 50%;
}

.mlx-dialog .btn-close:focus-visible {
    box-shadow: 0 0 0 3px rgba(0, 121, 145, 0.2), 0 0 0 1px var(--white);
}

.mlx-dialog .modal-content.mlx-container-size-max-height-small {
    max-height: var(--container-small);
}

.mlx-dialog .modal-content.mlx-container-size-max-height-xsmall {
    max-height: var(--container-xsmall);
}

.mlx-dialog .modal-content .mlx-LayoutShrinkGrowBody {
    max-height: 70vh;
}

.rz-dialog.mlx-using-ShrinkGrow .rz-dialog-content {
    overflow: hidden !important;
    width: 100%;
}

.rz-dialog.mlx-using-ShrinkGrow .mlx-LayoutShrinkGrowBody {
    max-height: 70vh;
}

@media (max-height: 700px) {
    .mlx-dialog .modal-content .mlx-LayoutShrinkGrowBody {
        max-height: 60vh;
    }
    .rz-dialog.mlx-using-ShrinkGrow .mlx-LayoutShrinkGrowBody {
        max-height: 60vh;
    }
}

@media (max-height: 400px) {
    .mlx-dialog .modal-content .mlx-LayoutShrinkGrowBody {
        max-height: 30vh;
    }

    .rz-dialog.mlx-using-ShrinkGrow .mlx-LayoutShrinkGrowBody {
        max-height: 30vh;
    }
}

@media (min-width: 320px) {
    .mlx-dialog {
        --bs-modal-width: var(--container-xxsmall);
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 480px) {
    .mlx-dialog {
        --bs-modal-width: var(--container-xxsmall);
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 576px) {

    .mlx-dialog.mlx-size-medium {
        --bs-modal-width: var(--container-xxsmall);
    }

    .mlx-dialog.mlx-size-large {
        --bs-modal-width: var(--container-xxsmall);
    }

    .mlx-dialog.mlx-size-xlarge {
        --bs-modal-width: var(--container-xxsmall);
    }   
  
}

@media (min-width: 768px) {

    .mlx-dialog.mlx-size-medium {
        --bs-modal-width: var(--container-xsmall);
    }

    .mlx-dialog.mlx-size-large {
        --bs-modal-width: var(--container-xsmall);
    }

    .mlx-dialog.mlx-size-xlarge {
        --bs-modal-width: var(--container-xsmall);
    }   
}

@media (min-width: 992px) {
    .mlx-dialog.mlx-size-medium {
        --bs-modal-width: var(--container-xsmall);
    }

    .mlx-dialog.mlx-size-large {
        --bs-modal-width: var(--container-small);
    }

    .mlx-dialog.mlx-size-xlarge {
        --bs-modal-width: var(--container-small);
    }   
}

@media (min-width: 1024px) {
    .mlx-dialog.mlx-size-medium {
        --bs-modal-width: var(--container-xsmall);
    }

    .mlx-dialog.mlx-size-large {
        --bs-modal-width: var(--container-small);
    }

    .mlx-dialog.mlx-size-xlarge {
        --bs-modal-width: var(--container-small);
    }   
}

@media (min-width: 1200px) {
    .mlx-dialog.mlx-size-medium {
        --bs-modal-width: var(--container-xsmall);
    }

    .mlx-dialog.mlx-size-large {
        --bs-modal-width: var(--container-small);
    }

    .mlx-dialog.mlx-size-xlarge {
        --bs-modal-width: 960px;
    } 
}

@media (min-width: 1280px) {
    .mlx-dialog.mlx-size-medium {
        --bs-modal-width: var(--container-xsmall);
    }
    .mlx-dialog.mlx-size-large {
        --bs-modal-width: var(--container-small);
    }
    .mlx-dialog.mlx-size-xlarge {
        --bs-modal-width: var(--container-medium);
    } 
}

/*#endregion */

/*#region Bootstrap Tooltip */

.tooltip-inner {
    min-width: 100px;
    max-width: 100%;
}

/*#endregion */

/*#region AutoComplete */

.mlx-autocomplete {
    position:relative;
}

.rz-autocomplete.mlx-autocomplete {
    border: initial;
    border-radius: initial;
    background-color: initial;
}

.rz-autocomplete.mlx-autocomplete:hover {
    border: initial;
    border-radius: initial;
    background-color: initial;
}

.mlx-autocomplete .mlx-autocomplete-input {
    --mlx-autocomplete-border: initial;
    --mlx-autocomplete-background-color: var(--bg-brand-default);
    --mlx-autocomplete-color: var(--text-inverted-weaker);
    --mlx-autocomplete-radius: var(--corner-base);
    --mlx-autocomplete-padding: var(--spacing-small) var(--spacing-small) var(--spacing-small) 34px;
    width: inherit;
    border: var(--mlx-autocomplete-border);
    border-radius: var(--mlx-autocomplete-radius);
    padding: var(--mlx-autocomplete-padding);
    background-color: var(--mlx-autocomplete-background-color);
    color: var(--mlx-autocomplete-color);
    line-height: 1.0;
}

.mlx-autocomplete::before {
    font-family: 'Mlx Material Symbols Outlined';
    content: 'search';
    color: var(--icon-inverted-weaker);
    font-size: var(--font-size-9);
    line-height: 1.0;
    width: var(--font-size-9);
    display: block;
    height: var(--font-size-9);
    position: absolute;
    pointer-events: none;
    margin: 9px 8px;
}

.mlx-autocomplete .mlx-autocomplete-input:focus-visible {
    outline: var(--border-brand-weak) solid 1px;
    box-shadow: initial;
}

.mlx-autocomplete input::placeholder {
    color: var(--mlx-autocomplete-color);
}

.mlx-autocomplete-dropdown-menu {
    --mlx-autocomplete-dropdown-menu-background: var(--bg-surface-default);
    --mlx-autocomplete-dropdown-menu-maxheight: var(--container-xxxsmall-2);
    --mlx-autocomplete-dropdown-menu-maxwidth: var(--container-xxsmall);
    --mlx-autocomplete-dropdown-menu-border: initial;
    --mlx-autocomplete-dropdown-menu-background-color: var(--bg-brand-default);
    --mlx-autocomplete-dropdown-menu-radius: var(--corner-base);
    --mlx-autocomplete-dropdown-menu-padding: var(--spacing-small) 0px var(--spacing-xsmall) var(--spacing-small);
}

.mlx-autocomplete-dropdown-menu.dropdown-menu {
    max-height: var(--mlx-autocomplete-dropdown-menu-maxheight);
    max-width: var(--mlx-autocomplete-dropdown-menu-maxwidth);
    overflow-y: auto;
    background: var(--mlx-autocomplete-dropdown-menu-background);
    box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.08);
    padding: var(--mlx-autocomplete-dropdown-menu-padding);
}

.mlx-autocomplete-dropdown-menu:empty {
    display: none;
}

.mlx-autocomplete-item {
    --mlx-autocomplete-item-background: var(--bg-surface-default);
    --mlx-autocomplete-item-padding: var(--spacing-xsmall) var(--spacing-small) var(--spacing-xsmall) var(--spacing-small);
    --mlx-autocomplete-item-radius: var(--spacing-xsmall);
    background: var(--mlx-autocomplete-item-background);
    padding: var(--mlx-autocomplete-item-padding);
    border-radius: var(--mlx-autocomplete-item-radius);
}

.mlx-autocomplete-item:hover {
    --mlx-autocomplete-item-background: var(--bg-neutral-weak);
}

.mlx-autocomplete-item:active {
    --mlx-autocomplete-item-background: var(--bg-brand-weaker);
}

    .mlx-autocomplete-item:has(.rz-button:focus) {
        background-color: var(--bg-brand-weaker);
    }

.mlx-autocomplete-item .mlx-text-bold, .mlx-autocomplete-item .mlx-text-default {
    --mlx-autocomplete-item-text-color: var(--text-default);
    color: var(--mlx-autocomplete-item-text-color);
    line-height: 1.29;
}

.mlx-autocomplete-item:active .mlx-text-bold, .mlx-autocomplete-item:active .mlx-text-default {
    --mlx-autocomplete-item-text-color: var(--text-brand-strong);
}

.mlx-autocomplete-item .rz-button-box {
    width: 100%;
}

/*#endregion */

/*#region Footer */

.mlx-hide-footer ~ .mlx-footer {
    display: none;
}

/*#endregion */

/*#region Form */

.form-check.mlx-form {
    padding: 0px;
}

/*#endregion */

/*#region Select */

.form-select.mlx-select {
    border: 1px solid var(--border-default);
    font-family: Roboto;
    font-size: var(--font-size-5);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    border-radius: 8px;
    width: inherit;
    color: var(--text-weak);
    background-color: var(--bg-weaker);
    padding: 8px 34px 8px 12px;
    cursor: pointer;
}

.form-select.mlx-select.mlx-size-medium {
    padding: var(--spacing-xxsmall) 34px var(--spacing-xxsmall) 12px;
    line-height: 1.6;
}

.form-select.mlx-select:hover {
    border: 1px solid var(--border-brand-default);
}

.form-select.mlx-select:active, .form-select.mlx-select:focus, .form-select.mlx-select:focus-visible {
    border: 1px solid var(--border-brand-default);
    box-shadow: initial;
}

.form-select.mlx-select:invalid, .form-select.mlx-select.is-invalid {
    border: 1px solid var(--border-danger-default);
    --bs-form-select-bg-icon: url() !important;
}

.mlx-select-option:hover {
    background-color: var(--bg-default);
}

.mlx-select-option:checked {
    background-color: var(--bg-brand-default);
    color: white;
}

/* Brand */

.form-select.mlx-select.mlx-style-brand.mlx-variant-filled.mlx-shade-default {
    background-color: var(--bg-brand-strong);
    color: var(--text-inverted-weaker);
    border: solid 1px var(--bg-brand-strong);
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-select.mlx-select.mlx-style-brand.mlx-variant-filled.mlx-shade-default:hover,
.form-select.mlx-select.mlx-style-brand.mlx-variant-filled.mlx-shade-default:active,
.form-select.mlx-select.mlx-style-brand.mlx-variant-filled.mlx-shade-default:focus,
.form-select.mlx-select.mlx-style-brand.mlx-variant-filled.mlx-shade-default:focus-visible {
    background-color: var(--bg-brand-default);
}

.form-select.mlx-select.mlx-style-brand.mlx-variant-filled.mlx-shade-default option {
    background: var(--bg-surface-default);
    color: var(--text-default);
}

/*#endregion */

/*region use-bootstrap-select */

/* Default Input */

.use-bootstrap-select-wrapper:focus-visible {
    border-radius: initial;
    box-shadow: initial;
}
.use-bootstrap-select-wrapper .form-select {
    --use-bs-select-wrapper-border-color: var(--border-default);
    border: 1px solid var(--use-bs-select-wrapper-border-color);
    background-color: var(--bg-neutral-weaker);
    border-radius: var(--corner-base);
    padding: var(--spacing-xsmall) var(--spacing-small);
    font-size: var(--font-size-5);
    line-height: 1.43;
    color: var(--text-weak);
}

.use-bootstrap-select-wrapper .form-select.focus, .use-bootstrap-select-wrapper .form-select:focus-visible, .use-bootstrap-select-wrapper .form-select:focus, .use-bootstrap-select-wrapper .form-select:active {
    outline: solid 1px var(--border-brand-default);
    box-shadow: initial;
    border: 1px solid var(--bg-neutral-weaker);
}

.use-bootstrap-select-wrapper .form-select:hover {
    border: 1px solid var(--border-brand-default);
}

.use-bootstrap-select input[type=text] {
    top: 2px;
}

/* Brand Input*/

.use-bootstrap-select .form-select.mlx-select.mlx-style-brand.mlx-variant-filled.mlx-shade-default .input-wrapper input {
    color: var(--text-inverted-weaker);
}

.use-bootstrap-select .form-select.mlx-select.mlx-style-brand.mlx-variant-filled.mlx-shade-default {
    --bs-form-select-bg-img: none;
}

.use-bootstrap-select .form-select.mlx-select.mlx-style-brand.mlx-variant-filled.mlx-shade-default::after {
    font-family: 'Mlx Material Symbols Outlined';
    content: 'expand_more';
    color: var(--bg-weaker);
    font-size: var(--font-size-10);
    line-height: 1.0;
    width: var(--font-size-10);
    display: block;
    height: var(--font-size-10);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}

.use-bootstrap-select .form-select.mlx-select.mlx-style-brand.mlx-variant-filled.mlx-shade-default:has(+ .dropdown-menu.show )::after {
    font-family: 'Mlx Material Symbols Outlined';
    content: 'expand_less';
    color: var(--bg-weaker);
    font-size: var(--font-size-10);
    line-height: 1.0;
    width: var(--font-size-10);
    display: block;
    height: var(--font-size-10);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}

.use-bootstrap-select-wrapper .mlx-select.mlx-style-brand.mlx-variant-filled.mlx-shade-default {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    background-color: var(--bg-brand-strong);
    color: var(--text-inverted-weaker);
    border: solid 1px var(--bg-brand-strong);
    outline: initial;
}

.use-bootstrap-select-wrapper .form-select.focus, .use-bootstrap-select-wrapper .form-select:focus-visible, .use-bootstrap-select-wrapper .form-select:focus, .use-bootstrap-select-wrapper .form-select:active {
    outline: solid 1px var(--border-brand-default);
    box-shadow: initial;
    border: 1px solid var(--bg-neutral-weaker);
}

.use-bootstrap-select-wrapper .form-select.mlx-select.mlx-style-brand.mlx-variant-filled.mlx-shade-default:hover,
.use-bootstrap-select-wrapper .form-select.mlx-select.mlx-style-brand.mlx-variant-filled.mlx-shade-default.focus,
.use-bootstrap-select-wrapper .form-select.mlx-select.mlx-style-brand.mlx-variant-filled.mlx-shade-default.focus-visible,
.use-bootstrap-select-wrapper .form-select.mlx-select.mlx-style-brand.mlx-variant-filled.mlx-shade-default.active {
    background-color: var(--bg-brand-default);
}

.use-bootstrap-select .mlx-select.mlx-style-brand.mlx-variant-filled.mlx-shade-default input[type=text]::placeholder {
    color: var(--text-inverted-weaker);
}


/* Dropdown Menu */
.use-bootstrap-select-wrapper .dropdown-menu {
    padding: var(--spacing-xsmall) var(--spacing-small);
    border-radius: var(--corner-base);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.12);
    border: solid 1px var(--border-weak);
    background: var(--bg-surface-default);
    max-height: var(--container-xxxsmall-2) !important;
}

/*Dropdown Item*/

.use-bootstrap-select-wrapper .dropdown-item {
    --use-bs-select-item-background-color: initial;
    --use-bs-select-dropdown-item-color: var(--text-default);
    white-space: normal;
    background-color: var(--use-bs-select-item-background-color);
    font-size: var(--font-size-5);
    line-height: var(--font-line-height-5);
    margin-bottom: var(--spacing-xxsmall);
    color: var(--use-bs-select-dropdown-item-color);
    padding: var(--spacing-xsmall) var(--spacing-small);
    border-radius: var(--corner-base);
}

.use-bootstrap-select-wrapper .dropdown-item.active {
    --use-bs-select-item-background-color: var(--bg-neutral-weak);
}

.use-bootstrap-select-wrapper .dropdown-item.active:active {
    border: 1px solid var(--bg-brand-default);
    --use-bs-select-item-background-color: var(--bg-brand-weaker);
    --use-bs-select-dropdown-item-color: var(--text-brand-strong);
}

.use-bootstrap-select-wrapper .dropdown-item.selected {
    --use-bs-select-item-background-color: var(--bg-brand-weaker);
    --use-bs-select-dropdown-item-color: var(--text-brand-strong);
}

.use-bootstrap-select-wrapper .dropdown-item.disabled {
    --use-bs-select-dropdown-item-color: var(--text-disabled);
}

.use-bootstrap-select-wrapper .input-wrapper:focus-visible {
    box-shadow: initial;
}

.use-bootstrap-select-wrapper .input-wrapper input:focus-visible {
    box-shadow: initial;
}

.use-bootstrap-select-wrapper .dropdown-item u {
    text-decoration: none;
    font-weight: bold;
}

/*endregion use-bootstrap-select*/

/*#region Breadcrumb */
.mlx-breadcrumb {
    --mlx-breadcrumb-font-size: var(--font-size-5);
    --mlx-breadcrumb-font-weight: var(--font-weight-5);
    --mlx-breadcrumb-letter-spacing: var(--font-letter-spacing-invert-5);
    --mlx-breadcrumb-line-height: var(--font-line-height-6);
    --mlx-breadcrumb-gap: var(--spacing-xsmall);
    --mlx-breadcrumb-label-color: var(--text-weak);
    --mlx-breadcrumb-label-link: var(--text-brand-default);
    --mlx-breadcrumb-separator-color: var(--text-inverted-stronger);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--mlx-breadcrumb-gap);
    padding: 0;
}

.mlx-breadcrumb * {
    font-size: var(--mlx-breadcrumb-font-size);
    font-weight: var(--mlx-breadcrumb-font-weight);
    line-height: var(--mlx-breadcrumb-line-height);
    letter-spacing: var(--mlx-breadcrumb-letter-spacing);
}

.mlx-breadcrumb .rz-label {
    color: var(--mlx-breadcrumb-label-color);
}

.mlx-breadcrumb .rz-link:hover {
    color: var(--mlx-breadcrumb-label-link);
}

.rz-breadcrumb-item {
    flex-grow: 0;
}

.rz-breadcrumb-item + .rz-breadcrumb-item::before {
    content: '/';
    flex-grow: 0;
    color: var(--mlx-breadcrumb-separator-color);
    margin-right: 4px;
}

/*#endregion */

/*#region SVG Images and icons */

/* https://yoksel.github.io/url-encoder/ for encoding SVG to data URL */

.mlx-svg-logo {
    width: 128px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='pulse-brand' viewBox='0 0 128 32' fill='none'%3E%3Cpath opacity='.8' d='M0 15.792c0-1.068.884-1.935 1.975-1.935H7.24c1.091 0 1.975.867 1.975 1.935 0 1.069-.884 1.935-1.975 1.935H1.975C.885 17.727 0 16.861 0 15.792z' fill='%239BC418'/%3E%3Cpath d='M6.25 17.678a1.914 1.914 0 0 1-.723-2.643l4.677-7.937c.545-.925 1.753-1.243 2.698-.708a1.914 1.914 0 0 1 .723 2.643L8.947 16.97c-.545.926-1.753 1.243-2.698.708z' fill='%2366AFBD'/%3E%3Cpath opacity='.8' d='M23.719 27.868a2.03 2.03 0 0 1-2.48-.812L10.244 9.086a1.916 1.916 0 0 1 .707-2.673 2 2 0 0 1 2.683.676l11.049 17.938c.638 1.036.18 2.385-.964 2.84z' fill='%2393D2C2'/%3E%3Cpath opacity='.9' d='M29.274 14.093a1.916 1.916 0 0 1 .859 2.604l-5.378 10.297c-.497.952-1.687 1.328-2.658.841a1.916 1.916 0 0 1-.858-2.604l5.377-10.297c.497-.95 1.687-1.327 2.658-.84z' fill='%23D6E2F5'/%3E%3Cpath opacity='.8' d='M37.62 15.801c0 1.069-.884 1.935-1.975 1.935h-7.229c-1.09 0-1.975-.866-1.975-1.935 0-1.068.884-1.935 1.975-1.935h7.23c1.09 0 1.974.867 1.974 1.935z' fill='%239BC418'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M83.876 0v23.782h3.14V0h-3.14zM51.91 23.974c-1.439 0-2.758-.32-3.957-.961a7.12 7.12 0 0 1-2.093-1.792V30h-3.14V17.5h3.443c.111.336.25.656.417.962a5.545 5.545 0 0 0 2.093 2.083c.894.491 1.886.737 2.976.737 1.112 0 2.104-.246 2.976-.737.894-.492 1.81-1.186 2.31-2.084.524-.918.786-1.976.786-3.172 0-1.219-.262-2.265-.785-3.142a5.255 5.255 0 0 0-2.093-2.083c-.872-.491-2.082-.737-3.194-.737-1.09 0-2.082.246-2.976.737a5.545 5.545 0 0 0-2.093 2.083 5.495 5.495 0 0 0-.6 1.603h-3.26V6.795h3.01v2.669a6.721 6.721 0 0 1 2.158-1.868c1.199-.64 2.54-.961 4.022-.961 1.7 0 3.205.363 4.513 1.09a8.098 8.098 0 0 1 3.107 3.044c.763 1.282 1.145 2.789 1.145 4.52 0 1.73-.382 3.247-1.145 4.55a8.097 8.097 0 0 1-3.107 3.046c-1.308.726-2.812 1.09-4.513 1.09zm18.76 0c-1.482 0-2.79-.267-3.924-.8a5.945 5.945 0 0 1-2.616-2.437c-.61-1.11-.916-2.5-.916-4.166V6.794h3.14v9.423c0 1.667.403 2.917 1.21 3.75.828.833 1.984 1.25 3.466 1.25 1.09 0 2.039-.214 2.845-.641a4.578 4.578 0 0 0 1.864-1.923c.437-.855.654-1.88.654-3.077V6.795h3.14v16.987h-2.976v-2.547a6.038 6.038 0 0 1-2.06 1.81c-1.134.62-2.41.93-3.827.93zm25.674 0c-1.439 0-2.812-.192-4.12-.577-1.287-.384-2.3-.854-3.042-1.41l1.308-2.436c.742.492 1.657.908 2.748 1.25 1.09.342 2.202.513 3.335.513 1.461 0 2.508-.203 3.14-.609.654-.406.981-.972.981-1.699 0-.534-.196-.95-.589-1.25-.392-.299-.915-.523-1.57-.673-.632-.15-1.34-.277-2.125-.384a45.67 45.67 0 0 1-2.355-.449 10.652 10.652 0 0 1-2.158-.77 4.23 4.23 0 0 1-1.57-1.377c-.392-.599-.589-1.39-.589-2.372 0-1.026.295-1.923.883-2.693.589-.769 1.417-1.356 2.486-1.762 1.09-.428 2.376-.641 3.859-.641 1.133 0 2.278.139 3.434.416 1.177.257 2.136.63 2.878 1.122l-1.341 2.436a7.49 7.49 0 0 0-2.453-1.058c-.85-.192-1.7-.288-2.551-.288-1.373 0-2.398.224-3.074.673-.676.427-1.014.983-1.014 1.667 0 .577.196 1.025.589 1.346.414.299.937.534 1.57.705.654.17 1.373.32 2.158.449.785.106 1.57.256 2.355.448.784.171 1.493.417 2.125.738.654.32 1.178.769 1.57 1.346.414.576.621 1.346.621 2.307 0 1.026-.305 1.913-.915 2.66-.611.748-1.472 1.336-2.584 1.763-1.112.406-2.442.61-3.99.61zm12.59-1.121c1.418.747 3.053 1.121 4.906 1.121 1.439 0 2.736-.235 3.892-.705 1.177-.47 2.158-1.154 2.943-2.051l-1.733-1.987a6.101 6.101 0 0 1-2.224 1.538c-.829.342-1.755.513-2.78.513-1.243 0-2.344-.246-3.303-.737-.959-.492-1.711-1.175-2.257-2.051a5.74 5.74 0 0 1-.731-2.18h14.074c.022-.15.033-.31.033-.48.022-.172.033-.321.033-.45 0-1.752-.371-3.28-1.112-4.583-.72-1.325-1.722-2.35-3.009-3.077-1.286-.726-2.769-1.09-4.447-1.09-1.657 0-3.151.375-4.481 1.122a8.098 8.098 0 0 0-3.107 3.045c-.741 1.304-1.112 2.8-1.112 4.488 0 1.688.382 3.183 1.145 4.487.785 1.303 1.875 2.329 3.27 3.077zm-1.293-8.75c.092-.776.316-1.481.672-2.116a4.998 4.998 0 0 1 1.995-2.019c.85-.492 1.82-.737 2.911-.737 1.112 0 2.082.245 2.91.737a5.053 5.053 0 0 1 1.995 1.987c.364.648.583 1.364.659 2.148h-11.142z' fill='%23fff'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

[data-bs-theme="mosai-light"] .mlx-svg-logo {
    width: 139px;
    height: 32px;
    background-image: url("data:image/svg+xml,	%3Csvg	xmlns='http://www.w3.org/2000/svg' width='139' height='32' viewBox='0 0 139 32' fill='none'%3E%3Cpath d='M9.02924 24.6773V23.6905C9.02924 23.3368 8.73048 23.0501 8.36184 23.0501H7.33342C6.96477 23.0501 6.66602 23.3368 6.66602 23.6905V24.6773C6.66602 25.0312 6.96477 25.3179 7.33342 25.3179H8.36184C8.73048 25.3179 9.02924 25.0312 9.02924 24.6773Z' fill='%23F78F26'/%3E%3Cpath d='M9.68589 19.0431V17.4105C9.68589 16.887 9.24391 16.463 8.69857 16.463H6.99709C6.45175 16.463 6.00977 16.8873 6.00977 17.4105V19.0431C6.00977 19.5663 6.45175 19.9906 6.99709 19.9906H8.69857C9.24391 19.9906 9.68589 19.5663 9.68589 19.0431Z' fill='%23991E66'/%3E%3Cpath d='M3.67613 16.463V14.8302C3.67613 14.307 3.23414 13.8827 2.6888 13.8827H0.987322C0.441982 13.8827 0 14.307 0 14.8302V16.463C0 16.9862 0.441982 17.4105 0.987322 17.4105H2.6888C3.23414 17.4105 3.67613 16.9862 3.67613 16.463Z' fill='%23991E66'/%3E%3Cpath d='M5.35352 10.8604V13.6782C5.35352 14.2221 5.81297 14.6631 6.37997 14.6631H9.31634C9.88309 14.6631 10.3425 14.2221 10.3425 13.6782V10.8604C10.3425 10.3165 9.88309 9.87549 9.31634 9.87549H6.37997C5.81322 9.87549 5.35352 10.3165 5.35352 10.8604Z' fill='%23A9C23F'/%3E%3Cpath d='M9.02924 6.80561V5.81876C9.02924 5.46511 8.73048 5.17841 8.36184 5.17841H7.33342C6.96477 5.17841 6.66602 5.46511 6.66602 5.81876V6.80561C6.66602 7.15926 6.96477 7.44596 7.33342 7.44596H8.36184C8.73048 7.44596 9.02924 7.15926 9.02924 6.80561Z' fill='%2384CAC9'/%3E%3Cpath d='M15.7572 25.0002V23.3673C15.7572 22.8441 15.315 22.4199 14.7696 22.4199H13.0684C12.523 22.4199 12.0811 22.8441 12.0811 23.3673V25.0002C12.0811 25.5234 12.523 25.9477 13.0684 25.9477H14.7696C15.315 25.9477 15.7572 25.5237 15.7572 25.0002Z' fill='%231C6887'/%3E%3Cpath d='M11.4248 16.8177V19.6355C11.4248 20.1794 11.8843 20.6204 12.4513 20.6204H15.3876C15.9546 20.6204 16.4141 20.1794 16.4141 19.6355V16.8177C16.4141 16.2738 15.9546 15.8328 15.3876 15.8328H12.4513C11.8845 15.8328 11.4248 16.2735 11.4248 16.8177Z' fill='%23F78F26'/%3E%3Cpath d='M15.7572 11.453C15.7572 10.9298 15.315 10.5055 14.7696 10.5055H13.0684C12.523 10.5055 12.0811 10.9298 12.0811 11.453V13.0858C12.0811 13.609 12.523 14.0333 13.0684 14.0333H14.7696C15.315 14.0333 15.7572 13.6093 15.7572 13.0858V11.453Z' fill='%23991E66'/%3E%3Cpath d='M11.4248 4.90328V7.72112C11.4248 8.265 11.8843 8.706 12.4513 8.706H15.3876C15.9546 8.706 16.4141 8.265 16.4141 7.72112V4.90328C16.4141 4.35941 15.9546 3.9184 15.3876 3.9184H12.4513C11.8845 3.9184 11.4248 4.35941 11.4248 4.90328Z' fill='%2382A75E'/%3E%3Cpath d='M17.4961 22.775V25.5928C17.4961 26.1369 17.9555 26.5777 18.5225 26.5777H21.4589C22.0257 26.5777 22.4854 26.1369 22.4854 25.5928V22.775C22.4854 22.2311 22.0259 21.7901 21.4589 21.7901H18.5225C17.9555 21.7901 17.4961 22.2311 17.4961 22.775Z' fill='%2382A75E'/%3E%3Cpath d='M18.1523 17.4103V19.0429C18.1523 19.5661 18.5946 19.9904 19.1397 19.9904H20.8411C21.3865 19.9904 21.8285 19.5661 21.8285 19.0429V17.4103C21.8285 16.8868 21.3865 16.4628 20.8411 16.4628H19.1397C18.5946 16.4628 18.1523 16.887 18.1523 17.4103Z' fill='%2336A3B6'/%3E%3Cpath d='M17.4961 10.8604V13.6782C17.4961 14.2221 17.9555 14.6631 18.5225 14.6631H21.4589C22.0257 14.6631 22.4854 14.2221 22.4854 13.6782V10.8604C22.4854 10.3165 22.0259 9.87549 21.4589 9.87549H18.5225C17.9555 9.87549 17.4961 10.3165 17.4961 10.8604Z' fill='%2336A3B6'/%3E%3Cpath d='M18.1523 5.49564V7.12826C18.1523 7.65146 18.5946 8.07574 19.1397 8.07574H20.8411C21.3865 8.07574 21.8285 7.65146 21.8285 7.12826V5.49564C21.8285 4.97243 21.3865 4.54816 20.8411 4.54816H19.1397C18.5946 4.54816 18.1523 4.97243 18.1523 5.49564Z' fill='%231C6887'/%3E%3Cpath d='M18.5635 29.997V31.2644C18.5635 31.6707 18.9065 31.9998 19.3298 31.9998H20.6506C21.0739 31.9998 21.4172 31.6705 21.4172 31.2644V29.997C21.4172 29.5909 21.0739 29.2617 20.6506 29.2617H19.3298C18.9065 29.2617 18.5635 29.5909 18.5635 29.997Z' fill='%23A9C23F'/%3E%3Cpath d='M19.1396 0.438548V1.19432C19.1396 1.43648 19.3444 1.63287 19.5966 1.63287H20.3841C20.6366 1.63287 20.8411 1.43648 20.8411 1.19432V0.438548C20.8411 0.196387 20.6366 0 20.3841 0H19.5966C19.3444 0 19.1396 0.196387 19.1396 0.438548Z' fill='%231C6887'/%3E%3Cpath d='M24.8799 23.6905V24.6773C24.8799 25.0312 25.1789 25.3179 25.5473 25.3179H26.5757C26.9441 25.3179 27.2429 25.0312 27.2429 24.6773V23.6905C27.2429 23.3368 26.9441 23.0501 26.5757 23.0501H25.5473C25.1789 23.0501 24.8799 23.3368 24.8799 23.6905Z' fill='%23A9C23F'/%3E%3Cpath d='M24.2236 17.4103V19.0429C24.2236 19.5661 24.6656 19.9904 25.211 19.9904H26.9124C27.4575 19.9904 27.8998 19.5661 27.8998 19.0429V17.4103C27.8998 16.8868 27.4575 16.4628 26.9124 16.4628H25.211C24.6656 16.4628 24.2236 16.887 24.2236 17.4103Z' fill='%23991E66'/%3E%3Cpath d='M23.5674 10.8604V13.6782C23.5674 14.2221 24.0268 14.6631 24.5938 14.6631H27.5302C28.0972 14.6631 28.5567 14.2221 28.5567 13.6782V10.8604C28.5567 10.3165 28.0972 9.87549 27.5302 9.87549H24.5938C24.0271 9.87549 23.5674 10.3165 23.5674 10.8604Z' fill='%23A9C23F'/%3E%3Cpath d='M24.8799 5.81876V6.80561C24.8799 7.15926 25.1789 7.44596 25.5473 7.44596H26.5757C26.9441 7.44596 27.2429 7.15926 27.2429 6.80561V5.81876C27.2429 5.46511 26.9441 5.17841 26.5757 5.17841H25.5473C25.1789 5.17841 24.8799 5.46511 24.8799 5.81876Z' fill='%23F78F26'/%3E%3Cpath d='M123.776 5.98489V8.24237C123.776 8.78625 124.241 9.22727 124.814 9.22727H127.191C127.763 9.22727 128.228 8.78625 128.228 8.24237V5.98489C128.228 5.44101 127.764 5 127.191 5H124.814C124.241 5 123.776 5.44101 123.776 5.98489Z' fill='%23F78F26'/%3E%3Cpath d='M128.226 11.3176V23.4075C128.226 24.1871 128.464 24.2239 128.921 24.2239C129.152 24.2239 129.431 24.1766 129.649 24.1018L130.296 23.8811V26.9729L129.928 27.0647C129.554 27.158 128.579 27.3752 127.59 27.3752C124.987 27.3752 123.774 26.1516 123.774 23.5256V11.3176H128.226Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M75.2773 11.1106C80.664 11.1106 84.0098 14.0343 84.0098 18.7405V19.7444C84.0098 24.4506 80.6867 27.3743 75.2773 27.3743C69.868 27.3743 66.5078 24.4506 66.5078 19.7444V18.7405C66.5078 14.0343 69.868 11.1106 75.2773 11.1106ZM75.2773 14.0842C72.2903 14.0842 70.959 15.5205 70.959 18.7405V19.7444C70.959 22.9644 72.2906 24.4006 75.2773 24.4006C78.2385 24.4006 79.5586 22.9644 79.5586 19.7444V18.7405C79.5586 15.5205 78.2385 14.0842 75.2773 14.0842Z' fill='white'/%3E%3Cpath d='M92.9482 11.1106C95.7776 11.1106 98.0498 11.9966 99.7012 13.7444L100.073 14.1379L97.2559 16.2219L96.9629 15.8469C96.0739 14.7104 94.6874 14.0842 93.0596 14.0842C92.5234 14.0842 90.7747 14.1753 90.7744 15.344C90.7744 15.6327 90.7748 16.5117 92.7773 17.0334L95.4404 17.7424C98.8408 18.637 100.424 20.1556 100.424 22.5208C100.424 25.3786 97.4562 27.3743 93.207 27.3743C89.9076 27.3742 87.1402 26.1195 85.8057 24.0178L85.5449 23.6067L88.4541 21.8225L88.709 22.2434C89.7701 24.0018 91.6808 24.3713 93.0967 24.3713C93.789 24.3713 96.0469 24.2586 96.0469 22.8157C96.0468 22.1808 95.7585 21.5152 93.6699 20.9485L90.8584 20.1799C88.0235 19.415 86.3965 17.7277 86.3965 15.551C86.3965 12.8949 89.0296 11.1107 92.9482 11.1106Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M109.733 11.1106C112.198 11.1106 114.155 11.8321 115.455 13.2083L115.935 11.3176H119.132V23.4065C119.132 24.1865 119.37 24.2229 119.827 24.2229C120.026 24.2229 120.312 24.1742 120.573 24.0959L121.202 23.9084V26.9729L120.834 27.0647C120.234 27.2146 119.295 27.3743 118.459 27.3743C116.622 27.3742 115.532 26.7655 115.039 25.428C113.81 26.7052 111.998 27.3743 109.733 27.3743C105.168 27.3742 102.332 24.5076 102.332 19.8928V18.593C102.332 13.978 105.168 11.1107 109.733 11.1106ZM110.658 14.1731C108.123 14.1731 106.783 15.6915 106.783 18.5637V19.8928C106.783 22.8059 108.087 24.2825 110.658 24.2825C113.303 24.2824 114.643 22.8055 114.644 19.8928V18.593C114.644 15.6606 113.303 14.1732 110.658 14.1731Z' fill='white'/%3E%3Cpath d='M56.8604 11.1106C61.3401 11.1106 63.708 13.422 63.708 17.7952V27.1379H59.2568V17.7952C59.2568 15.4047 58.2132 14.2914 55.9736 14.2913C53.4025 14.2913 52.0988 15.6885 52.0986 18.4446V27.1379H47.6475V17.7952C47.6474 15.4046 46.6033 14.2913 44.3633 14.2913C41.7677 14.2913 40.4512 15.6893 40.4512 18.4456V27.1379H36V11.3176H39.6426L39.9248 13.1252C41.0985 11.7874 42.8721 11.1106 45.2139 11.1106C47.8489 11.1107 49.7233 11.9793 50.7998 13.6956C52.0491 12.0214 54.1653 11.1106 56.8604 11.1106Z' fill='white'/%3E%3Cpath d='M132.182 26.1871V26.3395H131.792L131.9 26.2489V27.1871H131.681V26.2489L131.785 26.3395H131.399V26.1871H132.182ZM132.355 26.1871H132.659L132.923 26.8252H132.904L133.169 26.1871H133.475V27.1871H133.256V26.4442H133.251L132.981 27.0941H132.849L132.579 26.4442H132.574V27.1871H132.355L132.355 26.1871Z' fill='white'/%3E%3C/svg%3E");
}

.mosai-svg-logo-light {
    width: 139px;
    height: 32px;
    background-image: url("data:image/svg+xml,	%3Csvg	xmlns='http://www.w3.org/2000/svg' width='139' height='32' viewBox='0 0 139 32' fill='none'%3E%3Cpath d='M9.12431 24.6775V23.6906C9.12431 23.337 8.82242 23.0503 8.44991 23.0503H7.41072C7.03821 23.0503 6.73633 23.337 6.73633 23.6906V24.6775C6.73633 25.0314 7.03821 25.3181 7.41072 25.3181H8.44991C8.82242 25.3181 9.12431 25.0314 9.12431 24.6775Z' fill='%23F78F26'/%3E%3Cpath d='M9.78788 19.0432V17.4106C9.78788 16.8872 9.34127 16.4631 8.79021 16.4631H7.07091C6.51985 16.4631 6.07324 16.8874 6.07324 17.4106V19.0432C6.07324 19.5665 6.51985 19.9907 7.07091 19.9907H8.79021C9.34127 19.9907 9.78788 19.5665 9.78788 19.0432Z' fill='%23992067'/%3E%3Cpath d='M3.71464 16.4632V14.8303C3.71464 14.3071 3.26802 13.8828 2.71697 13.8828H0.997665C0.446612 13.8828 0 14.3071 0 14.8303V16.4632C0 16.9864 0.446612 17.4107 0.997665 17.4107H2.71697C3.26802 17.4107 3.71464 16.9864 3.71464 16.4632Z' fill='%23992067'/%3E%3Cpath d='M5.40918 10.8604V13.6782C5.40918 14.2221 5.87345 14.6631 6.44638 14.6631H9.41352C9.9862 14.6631 10.4505 14.2221 10.4505 13.6782V10.8604C10.4505 10.3165 9.9862 9.87549 9.41352 9.87549H6.44638C5.8737 9.87549 5.40918 10.3165 5.40918 10.8604Z' fill='%23A9C23F'/%3E%3Cpath d='M9.12431 6.80568V5.81882C9.12431 5.46517 8.82242 5.17847 8.44991 5.17847H7.41072C7.03821 5.17847 6.73633 5.46517 6.73633 5.81882V6.80568C6.73633 7.15933 7.03821 7.44604 7.41072 7.44604H8.44991C8.82242 7.44604 9.12431 7.15933 9.12431 6.80568Z' fill='%2384CAC9'/%3E%3Cpath d='M15.9226 25.0004V23.3675C15.9226 22.8443 15.4758 22.42 14.9247 22.42H13.2057C12.6546 22.42 12.208 22.8443 12.208 23.3675V25.0004C12.208 25.5236 12.6546 25.9479 13.2057 25.9479H14.9247C15.4758 25.9479 15.9226 25.5239 15.9226 25.0004Z' fill='%231C6887'/%3E%3Cpath d='M11.5439 16.8178V19.6356C11.5439 20.1795 12.0082 20.6205 12.5811 20.6205H15.5483C16.1212 20.6205 16.5855 20.1795 16.5855 19.6356V16.8178C16.5855 16.2739 16.1212 15.8329 15.5483 15.8329H12.5811C12.0085 15.8329 11.5439 16.2737 11.5439 16.8178Z' fill='%23F78F26'/%3E%3Cpath d='M15.9226 11.453C15.9226 10.9298 15.4758 10.5055 14.9247 10.5055H13.2057C12.6546 10.5055 12.208 10.9298 12.208 11.453V13.0859C12.208 13.6091 12.6546 14.0333 13.2057 14.0333H14.9247C15.4758 14.0333 15.9226 13.6093 15.9226 13.0859V11.453Z' fill='%23992067'/%3E%3Cpath d='M11.5439 4.90335V7.7212C11.5439 8.26508 12.0082 8.70609 12.5811 8.70609H15.5483C16.1212 8.70609 16.5855 8.26508 16.5855 7.7212V4.90335C16.5855 4.35947 16.1212 3.91846 15.5483 3.91846H12.5811C12.0085 3.91846 11.5439 4.35947 11.5439 4.90335Z' fill='%2382A75E'/%3E%3Cpath d='M17.6797 22.7751V25.5929C17.6797 26.137 18.144 26.5778 18.7169 26.5778H21.684C22.2567 26.5778 22.7212 26.137 22.7212 25.5929V22.7751C22.7212 22.2312 22.257 21.7902 21.684 21.7902H18.7169C18.144 21.7902 17.6797 22.2312 17.6797 22.7751Z' fill='%2382A75E'/%3E%3Cpath d='M18.3428 17.4104V19.043C18.3428 19.5662 18.7896 19.9905 19.3404 19.9905H21.0597C21.6108 19.9905 22.0574 19.5662 22.0574 19.043V17.4104C22.0574 16.8869 21.6108 16.4629 21.0597 16.4629H19.3404C18.7896 16.4629 18.3428 16.8872 18.3428 17.4104Z' fill='%2336A3B6'/%3E%3Cpath d='M17.6797 10.8604V13.6782C17.6797 14.2221 18.144 14.6631 18.7169 14.6631H21.684C22.2567 14.6631 22.7212 14.2221 22.7212 13.6782V10.8604C22.7212 10.3165 22.257 9.87549 21.684 9.87549H18.7169C18.144 9.87549 17.6797 10.3165 17.6797 10.8604Z' fill='%2336A3B6'/%3E%3Cpath d='M18.3428 5.4957V7.12833C18.3428 7.65154 18.7896 8.07582 19.3404 8.07582H21.0597C21.6108 8.07582 22.0574 7.65154 22.0574 7.12833V5.4957C22.0574 4.97249 21.6108 4.54822 21.0597 4.54822H19.3404C18.7896 4.54822 18.3428 4.97249 18.3428 5.4957Z' fill='%231C6887'/%3E%3Cpath d='M18.7578 29.9972V31.2646C18.7578 31.6709 19.1045 32 19.5322 32H20.8668C21.2945 32 21.6414 31.6707 21.6414 31.2646V29.9972C21.6414 29.5911 21.2945 29.2618 20.8668 29.2618H19.5322C19.1045 29.2618 18.7578 29.5911 18.7578 29.9972Z' fill='%23A9C23F'/%3E%3Cpath d='M19.3398 0.438551V1.19432C19.3398 1.43649 19.5467 1.63288 19.8016 1.63288H20.5974C20.8525 1.63288 21.0591 1.43649 21.0591 1.19432V0.438551C21.0591 0.196388 20.8525 0 20.5974 0H19.8016C19.5467 0 19.3398 0.196388 19.3398 0.438551Z' fill='%231C6887'/%3E%3Cpath d='M25.1406 23.6906V24.6775C25.1406 25.0314 25.4428 25.3181 25.815 25.3181H26.8542C27.2265 25.3181 27.5284 25.0314 27.5284 24.6775V23.6906C27.5284 23.337 27.2265 23.0503 26.8542 23.0503H25.815C25.4428 23.0503 25.1406 23.337 25.1406 23.6906Z' fill='%23A9C23F'/%3E%3Cpath d='M24.4775 17.4104V19.043C24.4775 19.5662 24.9242 19.9905 25.4752 19.9905H27.1945C27.7453 19.9905 28.1922 19.5662 28.1922 19.043V17.4104C28.1922 16.8869 27.7453 16.4629 27.1945 16.4629H25.4752C24.9242 16.4629 24.4775 16.8872 24.4775 17.4104Z' fill='%23992067'/%3E%3Cpath d='M23.8145 10.8604V13.6782C23.8145 14.2221 24.2787 14.6631 24.8517 14.6631H27.8188C28.3917 14.6631 28.856 14.2221 28.856 13.6782V10.8604C28.856 10.3165 28.3917 9.87549 27.8188 9.87549H24.8517C24.279 9.87549 23.8145 10.3165 23.8145 10.8604Z' fill='%23A9C23F'/%3E%3Cpath d='M25.1406 5.81882V6.80568C25.1406 7.15933 25.4428 7.44604 25.815 7.44604H26.8542C27.2265 7.44604 27.5284 7.15933 27.5284 6.80568V5.81882C27.5284 5.46517 27.2265 5.17847 26.8542 5.17847H25.815C25.4428 5.17847 25.1406 5.46517 25.1406 5.81882Z' fill='%23F78F26'/%3E%3Cpath d='M123.776 5.98489V8.24237C123.776 8.78625 124.241 9.22727 124.814 9.22727H127.191C127.763 9.22727 128.228 8.78625 128.228 8.24237V5.98489C128.228 5.44101 127.764 5 127.191 5H124.814C124.241 5 123.776 5.44101 123.776 5.98489Z' fill='%23F78F26'/%3E%3Cpath d='M128.226 11.3176V23.4075C128.226 24.1871 128.464 24.2239 128.921 24.2239C129.152 24.2239 129.431 24.1766 129.649 24.1018L130.296 23.8811V26.9729L129.928 27.0647C129.554 27.158 128.579 27.3752 127.59 27.3752C124.987 27.3752 123.774 26.1516 123.774 23.5256V11.3176H128.226Z' fill='%230E4174'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M75.2773 11.1106C80.664 11.1106 84.0098 14.0343 84.0098 18.7405V19.7444C84.0098 24.4506 80.6867 27.3743 75.2773 27.3743C69.868 27.3743 66.5078 24.4506 66.5078 19.7444V18.7405C66.5078 14.0343 69.868 11.1106 75.2773 11.1106ZM75.2773 14.0842C72.2903 14.0842 70.959 15.5205 70.959 18.7405V19.7444C70.959 22.9644 72.2906 24.4006 75.2773 24.4006C78.2385 24.4006 79.5586 22.9644 79.5586 19.7444V18.7405C79.5586 15.5205 78.2385 14.0842 75.2773 14.0842Z' fill='%230E4174'/%3E%3Cpath d='M92.9482 11.1106C95.7776 11.1106 98.0498 11.9966 99.7012 13.7444L100.073 14.1379L97.2559 16.2219L96.9629 15.8469C96.0739 14.7104 94.6874 14.0842 93.0596 14.0842C92.5234 14.0842 90.7747 14.1753 90.7744 15.344C90.7744 15.6327 90.7748 16.5117 92.7773 17.0334L95.4404 17.7424C98.8408 18.637 100.424 20.1556 100.424 22.5208C100.424 25.3786 97.4562 27.3743 93.207 27.3743C89.9076 27.3742 87.1402 26.1195 85.8057 24.0178L85.5449 23.6067L88.4541 21.8225L88.709 22.2434C89.7701 24.0018 91.6808 24.3713 93.0967 24.3713C93.789 24.3713 96.0469 24.2586 96.0469 22.8157C96.0468 22.1808 95.7585 21.5152 93.6699 20.9485L90.8584 20.1799C88.0235 19.415 86.3965 17.7277 86.3965 15.551C86.3965 12.8949 89.0296 11.1107 92.9482 11.1106Z' fill='%230E4174'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M109.733 11.1106C112.198 11.1106 114.155 11.8321 115.455 13.2083L115.935 11.3176H119.132V23.4065C119.132 24.1865 119.37 24.2229 119.827 24.2229C120.026 24.2229 120.312 24.1742 120.573 24.0959L121.202 23.9084V26.9729L120.834 27.0647C120.234 27.2146 119.295 27.3743 118.459 27.3743C116.622 27.3742 115.532 26.7655 115.039 25.428C113.81 26.7052 111.998 27.3743 109.733 27.3743C105.168 27.3742 102.332 24.5076 102.332 19.8928V18.593C102.332 13.978 105.168 11.1107 109.733 11.1106ZM110.658 14.1731C108.123 14.1731 106.783 15.6915 106.783 18.5637V19.8928C106.783 22.8059 108.087 24.2825 110.658 24.2825C113.303 24.2824 114.643 22.8055 114.644 19.8928V18.593C114.644 15.6606 113.303 14.1732 110.658 14.1731Z' fill='%230E4174'/%3E%3Cpath d='M56.8604 11.1106C61.3401 11.1106 63.708 13.422 63.708 17.7952V27.1379H59.2568V17.7952C59.2568 15.4047 58.2132 14.2914 55.9736 14.2913C53.4025 14.2913 52.0988 15.6885 52.0986 18.4446V27.1379H47.6475V17.7952C47.6474 15.4046 46.6033 14.2913 44.3633 14.2913C41.7677 14.2913 40.4512 15.6893 40.4512 18.4456V27.1379H36V11.3176H39.6426L39.9248 13.1252C41.0985 11.7874 42.8721 11.1106 45.2139 11.1106C47.8489 11.1107 49.7233 11.9793 50.7998 13.6956C52.0491 12.0214 54.1653 11.1106 56.8604 11.1106Z' fill='%230E4174'/%3E%3Cpath d='M132.182 26.1871V26.3395H131.792L131.9 26.2489V27.1871H131.681V26.2489L131.785 26.3395H131.399V26.1871H132.182ZM132.355 26.1871H132.659L132.923 26.8252H132.904L133.169 26.1871H133.475V27.1871H133.256V26.4442H133.251L132.981 27.0941H132.849L132.579 26.4442H132.574V27.1871H132.355L132.355 26.1871Z' fill='%230E4174'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.mlx-svg-background-primary {
    background-image: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio%3D%22none%22%20viewBox%3D%220%200%201800%20128%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_3455_318333)%22%3E%0A%3Crect%20width%3D%221800%22%20height%3D%22128%22%20fill%3D%22url(%23paint0_linear_3455_318333)%22%2F%3E%0A%3Cg%20opacity%3D%220.2%22%3E%0A%3Cpath%20d%3D%22M131.698%20692.723C39.1224%20692.88%20-35.7974%20618.108%20-35.6403%20525.714L-34.2927%20-266.685C-34.1355%20-359.079%2041.039%20-434.106%20133.614%20-434.263C226.19%20-434.42%20301.109%20-359.648%20300.952%20-267.254L299.605%20525.145C299.448%20617.539%20224.273%20692.566%20131.698%20692.723Z%22%20fill%3D%22%23007991%22%2F%3E%0A%3Cpath%20opacity%3D%220.8%22%20d%3D%22M1857.14%20712.827C1805.39%20779.143%201713.06%20798.083%201639.63%20757.448L54.6346%20-119.682C-27.2407%20-164.992%20-55.8242%20-268.582%20-8.8372%20-349.713C36.9961%20-428.851%20137.748%20-457.019%20217.746%20-413.061L1805.37%20459.343C1897.07%20509.735%201921.67%20630.145%201857.14%20712.827Z%22%20fill%3D%22%23153566%22%2F%3E%0A%3Cpath%20opacity%3D%220.9%22%20d%3D%22M1670.88%20-553.546C1763.35%20-558.381%201841.98%20-487.504%201846.51%20-395.237L1895.55%20603.432C1900.09%20695.699%201828.8%20774.417%201736.34%20779.253C1643.87%20784.089%201565.24%20713.211%201560.71%20620.944L1511.67%20-377.724C1507.14%20-469.992%201578.42%20-548.71%201670.88%20-553.546Z%22%20fill%3D%22%23007991%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_3455_318333%22%20x1%3D%22-490%22%20y1%3D%22271.729%22%20x2%3D%221729.62%22%20y2%3D%22367.825%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%233394A7%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23003A46%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3CclipPath%20id%3D%22clip0_3455_318333%22%3E%0A%3Crect%20width%3D%221800%22%20height%3D%22128%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
}

.mlx-svg-background-secondary {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%222000%22%20height%3D%22392%22%20viewBox%3D%220%200%202000%20392%22%20fill%3D%22none%22%20opacity%3D%220.1%22%3E%0A%20%20%3Cg%20clip-path%3D%22url%28%23clip0_3247_504996%29%22%3E%0A%20%20%20%20%3Crect%20width%3D%222000%22%20height%3D%22392%22%20fill%3D%22%23F7F7F7%22/%3E%0A%20%20%20%20%3Cmask%20id%3D%22mask0_3247_504996%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%22-1%22%20width%3D%222011%22%20height%3D%22393%22%3E%0A%20%20%20%20%20%20%3Crect%20y%3D%22-1%22%20width%3D%222011%22%20height%3D%22393%22%20fill%3D%22%23007991%22/%3E%0A%20%20%20%20%3C/mask%3E%0A%20%20%20%20%3Cg%20mask%3D%22url%28%23mask0_3247_504996%29%22%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-288%22%20y%3D%22-395%22%20width%3D%222445%22%20height%3D%221189%22%20fill%3D%22%23007991%22/%3E%0A%20%20%20%20%20%20%3Cg%20opacity%3D%220.31%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20opacity%3D%220.89%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2476.18%201640.23C2669.62%201640.99%202788.51%201452.22%202686.76%201305.88L2109.87%20476.241L1532.99%20-353.4C1432.13%20-498.447%201196.16%20-501.491%201090.62%20-359.108C1033.57%20-282.146%201032.77%20-182.53%201088.58%20-104.852L2269.72%201539.12C2314.77%201601.82%202392.52%201639.9%202476.18%201640.23Z%22%20fill%3D%22%23153566%22/%3E%0A%20%20%20%20%20%20%3Cpath%20opacity%3D%220.8%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M691.276%203.39584C710.853%20-28.4853%20708.364%20-67.4914%20684.858%20-97.1981L630.463%20-165.943C544.615%20-274.438%20363.546%20-273.745%20278.75%20-164.597L-1028.23%201513.02C-1151.08%201671.14%20-1033.31%201876.24%20-817.231%201876.24C-703.381%201876.24%20-660.877%201851.94%20-610.783%201785.77L453.522%20390.579L691.276%203.39584Z%22%20fill%3D%22%239BC418%22/%3E%0A%20%20%20%20%20%20%3Cpath%20opacity%3D%220.4%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1647.42%201882.94C1839.9%201883.47%201956.47%201695.37%201853.74%201550.02L661.722%20-136.505C569328%20-267229%20357133%20-271616%20259819%20-144814C206276%20-750474%20204314%201652354%20254818%20886321L143905%20177947C148395%201843575%20156275%201882704%20164742%20188294Z%22%20fill%3D%22%23D4E9ED%22/%3E%0A%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%20%20%3C/g%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip0_3247_504996%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%222000%22%20height%3D%22392%22%20fill%3D%22white%22/%3E%0A%20%20%20%20%3C/clipPath%3E%0A%20%20%3C/defs%3E%0A%3C/svg%3E');
    background-repeat: no-repeat;
}

.mlx-svg-background-light {
    background-image: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio%3D%22none%22%20viewBox%3D%220%200%201800%20128%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_4805_238159)%22%3E%0A%3Crect%20width%3D%221800%22%20height%3D%22128%22%20fill%3D%22url(%23paint0_linear_4805_238159)%22%20fill-opacity%3D%220.5%22%2F%3E%0A%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%221800%22%20height%3D%22276%22%20fill%3D%22%23D4E9ED%22%2F%3E%0A%3Cg%20opacity%3D%220.04%22%3E%0A%3Crect%20width%3D%223196.12%22%20height%3D%222043.5%22%20transform%3D%22translate(-862%2064.0586)%20rotate(-30)%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M134.809%20728.723C42.2332%20728.88%20-32.6866%20654.107%20-32.5295%20561.714L-31.1818%20-230.685C-31.0247%20-323.079%2044.1498%20-398.106%20136.725%20-398.264V-398.264C229.301%20-398.421%20304.22%20-323.648%20304.063%20-231.254L302.716%20561.145C302.558%20653.539%20227.384%20728.566%20134.809%20728.723V728.723Z%22%20fill%3D%22%23007991%22%2F%3E%0A%3Cpath%20opacity%3D%220.8%22%20d%3D%22M1860.25%20748.826C1808.5%20815.142%201716.17%20834.083%201642.74%20793.447L57.745%20-83.6827C-24.1303%20-128.992%20-52.7139%20-232.583%20-5.72691%20-313.713V-313.713C40.1064%20-392.851%20140.859%20-421.02%20220.856%20-377.061L1808.48%20495.343C1900.18%20545.734%201924.78%20666.144%201860.25%20748.826V748.826Z%22%20fill%3D%22%23153566%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_4805_238159%22%20x1%3D%22-30.9375%22%20y1%3D%22-0.000188246%22%20x2%3D%221567.16%22%20y2%3D%22130.179%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23CCE4E9%22%2F%3E%0A%3Cstop%20offset%3D%220.931657%22%20stop-color%3D%22%23007991%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3CclipPath%20id%3D%22clip0_4805_238159%22%3E%0A%3Crect%20width%3D%221800%22%20height%3D%22128%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
    background-repeat: no-repeat;
}

[data-bs-theme="mosai-light"] .mlx-svg-background-light {
    background-image: linear-gradient(96deg, #ebf6ff -1%, #bad1e8 99%);
}

.mosai-svg-background-primary {
    background: linear-gradient(255deg, var(--Bg-AI-Active, #7A214F) -17.98%, var(--bg-brand-default, #0E4174) 35.72%, var(--bg-brand-default, #0E4174) 61.93%, var(--Bg-Accent-Blue-Green-Bold, #0B7B8F) 114.99%);
}

.mlx-svgicon.mlx-style-primary {
    fill: var(--light-blue-600);
}

.mlx-svgicon.mlx-style-danger {
    fill: var(--light-red-600);
}

.mlx-svgicon.mlx-svgicon-mosai-pulse-brand.mlx-icon-lg, .mlx-svgicon.mlx-svgicon-mosai-pulse-brand-dark.mlx-icon-lg {
    width: 139px;
    height: 32px;
}

.mlx-svgicon.mlx-svgicon-pulse-brand.mlx-icon-lg {
    width: 128px;
    height: 32px;
}

.mlx-svgicon.mlx-svgicon-pulse-brand-print.mlx-icon-lg {
    width: 112px;
    height: 28px;
}

.mlx-svgicon.mlx-svgicon-muse-brand.mlx-icon-lg {
    width: 128px;
    height: 32px;
}

.mlx-svgicon.mlx-svgicon-forcura-logo-lg {
    width: 66px;
    height: 18px;
}

.mlx-svgicon.mlx-svgicon-forcura-logo-sm {
    width: 24px;
    height: 18px;
}

.mlx-svgicon.mlx-svgicon-ai {
    color: var(--icon-inverted-weaker);
}

/*#endregion */

/*#region Spinner */

.mlx-spinner {
    --mlx-spinner-color: var(--bg-neutral-stronger);
    color: var(--mlx-spinner-color);
}
.mlx-spinner.mlx-size-small {
    --bs-spinner-width: var(--icon-medium);
    --bs-spinner-height: var(--icon-medium);
    --bs-spinner-border-width: 0.2em;
}

.mlx-spinner.mlx-size-medium {
    --bs-spinner-width: var(--icon-large);
    --bs-spinner-height: var(--icon-large);
    --bs-spinner-border-width: 0.25em;
}

.mlx-spinner.mlx-size-xlarge {
    --bs-spinner-width: var(--icon-xxxlarge);
    --bs-spinner-height: var(--icon-xxxlarge);
    --bs-spinner-border-width: 0.25em;
}

.mlx-spinner.delayed-opacity-1000 {
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name), delayVisibility 0s linear 1000ms forwards;
}

.mlx-spinner.mlx-style-base {
    --mlx-spinner-color: var(--bg-neutral-stronger);
}

.mlx-spinner.mlx-style-primary {
    --mlx-spinner-color: var(--icon-brand-default);
}

.mlx-spinner.mlx-style-insight {
    --mlx-spinner-color: var(--icon-insight-default);
}


.center {
   position: fixed; 
   top: 50%;  
   left: 50%; 
}

/* Icon Spinner */
.mlx-spinner-icon {
    position: relative;
}

.mlx-spinner-icon.mlx-size-small {
    width: var(--icon-medium);
    height: var(--icon-medium);
}

.mlx-spinner-icon.mlx-size-medium {
    width: var(--icon-large);
    height: var(--icon-large);
}

.mlx-spinner-icon.mlx-size-xlarge {
    width: var(--icon-xxxlarge);
    height: var(--icon-xxxlarge);
}

.mlx-spinner-icon .mlx-fonticon {
    animation: mlx-rotate 2s linear infinite;
    position: absolute;
    left: 50%;
    top: 50%;
}

@keyframes mlx-rotate {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.htmx-request .mlx-overlay {
    display: flex;
}

.htmx-request.mlx-overlay {
    display: flex;
}

.mlx-overlay {
    --overlay-background: var(--bg-neutral-strong-opacity-30);
    display:none;
    position: absolute;
    top: 0;
    background-color: initial;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.mlx-overlay::before {
    content: '';
    border-radius: inherit;
    border: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--overlay-background);
}

/*#endregion */

/*#region Button Styling*/
/* 
    Button State reference
    1. default
    2. hover - mouse enter
    3. active - mouse button down
    4. hover - mouse button up
    5. focused - mouse leave
*/
    .rz-button[aria-expanded='true'] .mlx-aria-collapse-true {
    display: none !important;
}

.rz-button[aria-expanded='false'] .mlx-aria-collapse-false {
    display: none !important;
}


.mlx-collapsing-noanimation.collapsing {
    transition: none !important;
    height: auto !important;
}


.rz-button.rz-dark, .rz-button.rz-variant-flat.rz-danger, .rz-button.rz-variant-flat.rz-light, .rz-button.rz-variant-flat.rz-primary, .rz-button.rz-variant-flat.rz-secondary {
    --mlx-button-border: solid 1px var(--bg-insight-default);
    --mlx-button-background-color: var(--bg-insight-default);
    --mlx-button-color: var(--text-inverted-default);
    --mlx-button-font-size: var(--font-size-5);
    --mlx-button-padding: 0px var(--spacing-small);
    --mlx-button-height: var(--component-small);
    background-image: initial !important;
    box-shadow: initial;
    color: var(--mlx-button-color);
    background-color: var(--mlx-button-background-color);
    font-weight: var(--font-weight-5);
    font-stretch: normal;
    font-style: normal;
    line-height: var(--font-line-height-4);
    letter-spacing: var(--font-letter-spacing-6);
    font-size: var(--mlx-button-font-size);
    padding: var(--mlx-button-padding);
    height: var(--mlx-button-height);
    border: var(--mlx-button-border);
}

.rz-button.mlx-transparent-background {
    --mlx-button-background-color: transparent !important;
}

.rz-button.rz-variant-flat.rz-button-lg {
    --mlx-button-font-size: var(--font-size-5);
    --mlx-button-padding: 0px var(--spacing-medium);
    --mlx-button-height: var(--component-base);
}

.rz-button.rz-variant-flat.rz-button-lg .rz-button-box {
    line-height: var(--font-line-height-4);
    gap: var(--spacing-xxsmall);
}

.rz-button.rz-variant-flat.rz-button-md {
    --mlx-button-font-size: var(--font-size-5);
    --mlx-button-padding: 0px var(--spacing-small);
    --mlx-button-height: var(--component-small);
}

.rz-button.rz-variant-flat.rz-button-md .rz-button-box {
    line-height: var(--font-line-height-4);
    gap: var(--spacing-xxsmall);
}

.rz-button.rz-variant-flat.rz-button-sm {
    --mlx-button-font-size: var(--font-size-5);
    --mlx-button-padding: 0px var(--spacing-small);
    --mlx-button-height: var(--component-xsmall);
}

.rz-button.rz-variant-flat.rz-button-sm .rz-button-box {
    line-height: var(--font-line-height-4);
    gap: var(--spacing-xxsmall);
}

.rz-button.rz-variant-flat.rz-button-lg.mlx-button-icon {
    padding: initial;
    width: var(--component-base);
}

.rz-button.rz-variant-flat.rz-button-md.mlx-button-icon {
    padding: initial;
    width: var(--component-small);
}

.rz-button.rz-variant-flat.rz-button-sm.mlx-button-icon {
    padding: initial;
    width: var(--component-xsmall);
    border-radius: var(--corner-base);
}

.mlx-button-circle {
    border-radius: var(--corner-circle) !important;
}


/* Dark Default */
.rz-button.rz-dark.rz-shade-default {
    --mlx-button-border: solid 1px var(--bg-insight-default);
    --mlx-button-background-color: var(--bg-insight-default);
    --mlx-button-color: var(--text-inverted-weaker);
}

.rz-button.rz-dark.rz-shade-default:not(.rz-state-disabled):hover:not(:active) {
    --mlx-button-border: solid 1px var(--bg-insight-strong);
    --mlx-button-background-color: var(--bg-insight-strong);
}

.rz-button.rz-dark.rz-shade-default:focus {
    --mlx-button-background-color: var(--bg-insight-strong);
    box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--border-brand-default);
}

.rz-button.rz-dark.rz-shade-default:not(.rz-state-disabled):active {
    --mlx-button-background-color: var(--bg-insight-strong);
}

/* Danger Dark */

.rz-button.rz-danger.rz-shade-dark {
    --mlx-button-border: solid 1px var(--bg-danger-default);
    --mlx-button-background-color: var(--bg-danger-default);
    --mlx-button-color: var(--text-inverted-weaker);
}

.rz-button.rz-danger.rz-shade-dark:not(.rz-state-disabled):hover:not(:active) {
    --mlx-button-border: solid 1px var(--bg-danger-strong);
    --mlx-button-background-color: var(--bg-danger-strong);
}

.rz-button.rz-danger.rz-shade-dark:focus {
    --mlx-button-background-color: var(--bg-danger-strong);
    box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--border-brand-default);
}

.rz-button.rz-danger.rz-shade-dark:not(.rz-state-disabled):active {
    --mlx-button-border: solid 1px var(--bg-danger-stronger);
    --mlx-button-background-color: var(--bg-danger-stronger)
}

.rz-button.rz-danger.rz-shade-dark:active:hover {
    --mlx-button-background-color: var(--bg-danger-stronger);
}

/* Danger Light */

.rz-button.rz-danger.rz-shade-light {
    --mlx-button-border: solid 1px var(--bg-danger-default);
    --mlx-button-background-color: var(--bg-neutral-weaker);
    --mlx-button-color: var(--text-danger-default);
}

.rz-button.rz-danger.rz-shade-light:not(.rz-state-disabled):hover:not(:active) {
    --mlx-button-border: solid 1px var(--bg-danger-default);
    --mlx-button-background-color: var(--bg-neutral-weak);
}

.rz-button.rz-danger.rz-shade-light:focus {
    --mlx-button-background-color: var(--bg-neutral-default);
    box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--border-brand-default);
}

.rz-button.rz-danger.rz-shade-light:not(.rz-state-disabled):active {
    --mlx-button-background-color: var(--bg-neutral-default);
}

.rz-button.rz-danger.rz-shade-light:active:hover {
    --mlx-button-background-color: var(--bg-neutral-default);
}

/* Light Dark */

.rz-button.rz-light.rz-shade-dark {
    --mlx-button-border: solid 1px var(--bg-neutral-default);
    --mlx-button-background-color: var(--bg-neutral-default);
    --mlx-button-color: var(--text-stronger);
}

.rz-button.rz-light.rz-shade-dark:not(.rz-state-disabled):hover:not(:active) {
    --mlx-button-border: solid 1px var(--bg-neutral-strong);
    --mlx-button-background-color: var(--bg-neutral-strong);
}

.rz-button.rz-light.rz-shade-dark:focus {
    --mlx-button-background-color: var(--bg-neutral-strong);
    box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--border-brand-default);
}

.rz-button.rz-light.rz-shade-dark:not(.rz-state-disabled):active {
    --mlx-button-background-color: var(--bg-neutral-stronger);
}

.rz-button.rz-light.rz-shade-dark:active:hover {
    --mlx-button-background-color: var(--bg-neutral-stronger);
}

/* Light Light */

.rz-button.rz-light.rz-shade-light {
    --mlx-button-border: solid 1px var(--border-default);
    --mlx-button-background-color: var(--bg-neutral-weaker);
    --mlx-button-color: var(--text-brand-default);
}

.rz-button.rz-light.rz-shade-light:not(.rz-state-disabled):hover:not(:active) {
    --mlx-button-border: solid 1px var(--border-default);
    --mlx-button-background-color: var(--bg-neutral-weak);
    --mlx-button-color: var(--text-brand-strong);
}

.rz-button.rz-light.rz-shade-light:focus {
    --mlx-button-border: solid 1px var(--border-default);
    --mlx-button-background-color: var(--bg-neutral-weak);
    --mlx-button-color: var(--text-brand-strong);
    box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--border-brand-default);
}

.rz-button.rz-light.rz-shade-light:not(.rz-state-disabled):active {
    --mlx-button-border: solid 1px var(--border-stronger);
    --mlx-button-background-color: var(--bg-neutral-default);
    --mlx-button-color: var(--text-brand-strong);
}

.rz-button.rz-light.rz-shade-light:active:hover {
    --mlx-button-border: solid 1px var(--border-stronger);
    --mlx-button-background-color: var(--bg-neutral-default);
    --mlx-button-color: var(--text-brand-strong);
}


/* Primary Dark */

.rz-button.rz-primary.rz-shade-dark {
    --mlx-button-border: solid 1px var(--bg-brand-default);
    --mlx-button-background-color: var(--bg-brand-default);
    --mlx-button-color: var(--text-inverted-weaker);
}

.rz-button.rz-primary.rz-shade-dark:not(.rz-state-disabled):hover:not(:active) {
    --mlx-button-border: solid 1px var(--bg-brand-strong);
    --mlx-button-background-color: var(--bg-brand-strong);
}

.rz-button.rz-primary.rz-shade-dark:focus {
    --mlx-button-border: solid 1px var(--bg-brand-stronger);
    --mlx-button-background-color: var(--bg-brand-stronger);
    box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--border-brand-default);
}

.rz-button.rz-primary.rz-shade-dark:not(.rz-state-disabled):active {
    --mlx-button-background-color: var(--bg-brand-stronger);
}

.rz-button.rz-primary.rz-shade-dark:active:hover {
    --mlx-button-background-color: var(--bg-brand-stronger);
}

/* Secondary Dark */

.rz-button.rz-secondary.rz-shade-dark {
    --mlx-button-border: solid 1px var(--border-brand-default);
    --mlx-button-background-color: var(--bg-neutral-weaker);
    --mlx-button-color: var(--text-brand-default);
}

.rz-button.rz-secondary.rz-shade-dark:not(.rz-state-disabled):hover:not(:active) {
    --mlx-button-border: solid 1px var(--border-brand-strong);
    --mlx-button-background-color: var(--bg-neutral-weak);
    --mlx-button-color: var(--text-brand-strong);
}

.rz-button.rz-secondary.rz-shade-dark:focus {
    --mlx-button-border: solid 1px var(--border-brand-strong);
    --mlx-button-background-color: var(--bg-neutral-weak);
    --mlx-button-color: var(--text-brand-strong);
    box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--border-brand-default);
}

.rz-button.rz-secondary.rz-shade-dark:not(.rz-state-disabled):active {
    --mlx-button-border: solid 1px var(--border-brand-stronger);
    --mlx-button-background-color: var(--bg-neutral-default);
    --mlx-button-color: var(--text-brand-stronger);
}

.rz-button.rz-secondary.rz-shade-dark:active:hover {
    --mlx-button-border: solid 1px var(--border-brand-stronger);
    --mlx-button-background-color: var(--bg-neutral-default);
    --mlx-button-color: var(--text-brand-stronger);
}

/*#endregion */

/*#region Dual Button*/

/* Dual Left */

.mlx-button-dual-left {
    --mlx-button-dual-size: var(--component-small);
}

.mlx-button-dual-right {
    --mlx-button-dual-size: var(--component-small);
}

.rz-button.rz-info.rz-shade-light.mlx-button-dual-left {
    width: var(--mlx-button-dual-size);
    height: var(--mlx-button-dual-size);
    background-color: var(--bg-weak);
    border-radius: var(--corner-small) 0px 0px var(--corner-small);
    border-right: solid 1px var(--bg-strong);
}

.rz-button.rz-info.rz-shade-light.mlx-button-dual-left:not(.rz-state-disabled):hover:not(:active) {
    width: var(--mlx-button-dual-size);
    height: var(--mlx-button-dual-size);
    background-color: var(--bg-strong);
    border-right: solid 1px var(--bg-strong);
}

.rz-button.rz-info.rz-shade-light.mlx-button-dual-left:not(.rz-state-disabled):active {
    width: var(--mlx-button-dual-size);
    height: var(--mlx-button-dual-size);
    background-color: var(--bg-strong);
    border-right: solid 1px var(--bg-strong);
}

/* dual Right */

.rz-button.rz-info.rz-shade-light.mlx-button-dual-right {
    width: var(--mlx-button-dual-size);
    height: var(--mlx-button-dual-size);
    background-color: var(--bg-weak);
    border-radius: 0px var(--corner-small) var(--corner-small) 0px;
}

.rz-button.rz-info.rz-shade-light.mlx-button-dual-right:not(.rz-state-disabled):hover:not(:active) {
    width: var(--mlx-button-dual-size);
    height: var(--mlx-button-dual-size);
    background-color: var(--bg-strong);
    border-radius: 0px var(--corner-small) var(--corner-small) 0px;
}

.rz-button.rz-info.rz-shade-light.mlx-button-dual-right:not(.rz-state-disabled):active {
    width: var(--mlx-button-dual-size);
    height: var(--mlx-button-dual-size);
    background-color: var(--bg-strong);
    border-radius: 0px var(--corner-small) var(--corner-small) 0px;
}

  
/*#endregion*/

/*#region TextArea */

.mlx-textarea.form-control {   
    font-size: var(--font-size-5);   
}

.mlx-textarea.form-control:disabled, .mlx-textarea.form-control[readonly] {
    background-color: var(--bg-weak);
    color: var(--text-strong);
    opacity: 1;
    font-size: 14px;
    line-height: 20px;
}

.mlx-textarea.mlx-textarea-resize-none, .rz-textarea.mlx-textarea-resize-none {
    resize: none;
    min-height: var(--container-xxxsmall-5) !important;
}

.mlx-textarea.mlx-textarea-size-small {
    min-height: var(--container-xxxsmall-5) !important;
}

.mlx-textarea.mlx-textarea-size-medium {
    min-height: var(--container-xxxsmall) !important;
}

.mlx-textarea.mlx-textarea-size-large {
    min-height: var(--container-xxsmall-lg) !important;
}

.mlx-textarea.form-control.is-invalid {
    background-image : initial;
}

/*#endregion TextArea */

/*#region Checkbox Styling*/

.mlx-checkbox-container:has(> .rz-stack > .rz-chkbox.mlx-checkbox.mlx-label-w-100) {
    width: 100%;
}

.mlx-checkbox-container:has(> .rz-stack > .rz-chkbox.mlx-checkbox.mlx-label-w-100.mlx-checkbox-label-primary) {
    background-color: var(--bg-weaker);
}
.mlx-checkbox-stack:has(> .rz-chkbox.mlx-checkbox.mlx-label-w-100) {
    border: solid 1px var(--border-weak);
    padding: var(--spacing-small) var(--spacing-small);
    border-radius: var(--corner-base);
    width: 100%;
    cursor: pointer;
}

.mlx-checkbox-stack:has(> .rz-chkbox.mlx-checkbox.mlx-label-w-100.mlx-checkbox-label-primary) {
    border: solid 1px var(--border-weak);
    padding: var(--spacing-xxsmall) var(--spacing-xsmall);
}

.mlx-checkbox-stack:has(> .rz-chkbox.mlx-checkbox.mlx-label-w-100:checked) {
    border: solid 1px var(--border-brand-default);
}

.mlx-checkbox-stack:has(> .rz-chkbox.mlx-checkbox.mlx-label-w-100.mlx-checkbox-label-primary:checked) {
    background-color: var(--bg-brand-weaker);
}

.mlx-checkbox-stack:has(> .rz-chkbox.mlx-checkbox.mlx-label-w-100:hover) {
    border: solid 1px var(--border-brand-strong);
}

.mlx-checkbox-stack:has(> .rz-chkbox.mlx-checkbox.mlx-label-w-100.mlx-checkbox-label-primary:hover) {
    background-color: var(--bg-weak);
    border: solid 1px var(--border-weak) ;
}

.rz-chkbox.mlx-checkbox.mlx-label-w-100 + .mlx-checkbox-label {
    width: 100%;
    padding-right: 0px;
}

.rz-chkbox.mlx-checkbox.mlx-label-w-100 + .mlx-checkbox-label:has(.mlx-card.mlx-ellipse) {
    padding-right: 20px;
}

.mlx-checkbox-label {
    vertical-align: middle;
    color: var(--text-default);
    font-size: var(--font-size-5);
}

.rz-chkbox.mlx-checkbox {
    --mlx-checkbox-background-color: var(--bg-weaker);
    --mlx-checkbox-border-color: var(--icon-default);
    --mlx-checkbox-size-large: 18px;
    --mlx-checkbox-size-small: 15px;
    background-color: var(--mlx-checkbox-background-color);
    border: solid 1px var(--mlx-checkbox-border-color);
    appearance: none;
    width: var(--mlx-checkbox-size-large);
    height: var(--mlx-checkbox-size-large);
    border-radius: 2px;
    min-width: var(--mlx-checkbox-size-large);
    max-width: var(--mlx-checkbox-size-large);
    min-height: var(--mlx-checkbox-size-large);
    max-height: var(--mlx-checkbox-size-large);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.rz-chkbox.mlx-checkbox.mlx-size-small {
   
    width: var(--mlx-checkbox-size-small);
    height: var(--mlx-checkbox-size-small);
    border-radius: 0px;
    min-width: var(--mlx-checkbox-size-small);
    max-width: var(--mlx-checkbox-size-small);
    min-height: var(--mlx-checkbox-size-small);
    max-height: var(--mlx-checkbox-size-small);
}

.rz-chkbox.mlx-checkbox:focus-visible {
    box-shadow: initial;
}

.rz-chkbox.mlx-checkbox:focus {
    box-shadow: initial;
}

.rz-chkbox.mlx-checkbox:not(:checked):not(:disabled):not(:indeterminate):hover {
    --mlx-checkbox-background-color: var(--bg-weaker);
    --mlx-checkbox-border-color: var(--icon-brand-default);
}

.rz-chkbox.mlx-checkbox:checked {
    --mlx-checkbox-background-color: var(--icon-brand-default);
    --mlx-checkbox-border-color: var(--icon-brand-default);
}

.rz-chkbox.mlx-checkbox:checked::before {
    content: 'check';
    color: var(--bg-weaker);
    vertical-align: top;
    border-radius: 2px;
    font-size: 18px;
    line-height: 1.0;
    width: 18px;
    display: inline-block;
    height: 18px;
}

.rz-chkbox.mlx-checkbox.mlx-size-small:checked::before {
    content: 'check';
    color: var(--bg-weaker);
    vertical-align: top;
    border-radius: 2px;
    font-size: 16px;
    line-height: 1.1;
}

.rz-chkbox.mlx-checkbox:checked:hover {
    --mlx-checkbox-background-color: var(--bg-brand-strong);
    --mlx-checkbox-border-color: var(--bg-brand-strong);
}

.rz-chkbox.mlx-checkbox:disabled {
    --mlx-checkbox-background-color: var(--bg-neutral-disabled);
    --mlx-checkbox-border-color: var(--icon-disabled);
}

.rz-chkbox.mlx-checkbox:disabled:hover {
    --mlx-checkbox-background-color: var(--bg-neutral-disabled);
    --mlx-checkbox-border-color: var(--icon-disabled);
}

.rz-chkbox.mlx-checkbox:not(:disabled):indeterminate {
    --mlx-checkbox-background-color: var(--icon-brand-default);
    --mlx-checkbox-border-color: var(--icon-brand-default);
}

.rz-chkbox.mlx-checkbox:not(:disabled):indeterminate:hover {
    --mlx-checkbox-background-color: var(--bg-brand-strong);
    --mlx-checkbox-border-color: var(--bg-brand-strong);
}

.rz-chkbox.mlx-checkbox:indeterminate::before {
    content: 'remove';
    color: var(--bg-weaker);
    vertical-align: top;
    border-radius: 2px;
    font-size: 18px;
    line-height: 1.0;
    width: 18px;
    display: inline-block;
    height: 18px;
}


/*#endregion */

/*#region Radio Button Styling*/

.mlx-radio-container:has(> .rz-stack > .rz-chkbox.mlx-radio.mlx-label-w-100) {
    width: 100%;
}

.mlx-radio-container:has(> .rz-stack > .rz-chkbox.mlx-radio.mlx-label-w-100.mlx-container-size-xxsmall) {
   max-width: var(--container-xxsmall);
}

.mlx-radio-stack:has(> .rz-chkbox.mlx-radio.mlx-label-w-100) {
    border: solid 1px var(--border-weak);
    padding: var(--spacing-small) var(--spacing-small);
    border-radius: var(--corner-base);
    width: 100%;
    cursor: pointer;
}

.mlx-radio-stack:has(> .rz-chkbox.mlx-radio.mlx-label-w-100:checked) {
    border: solid 1px var(--border-brand-default);
}

.mlx-radio-stack:has(> .rz-chkbox.mlx-radio.mlx-label-w-100:hover) {
    border: solid 1px var(--border-brand-strong);
}

.mlx-radio-label {
    vertical-align: middle;
    color: var(--text-default);
    font-size: var(--font-size-6);
}

.rz-chkbox.mlx-radio.mlx-label-w-100 + .mlx-radio-label {
    width: 100%;
    padding-right: 0px;
}

.rz-chkbox.mlx-radio.mlx-label-w-100 + .mlx-radio-label:has(.mlx-card.mlx-ellipse) {
    padding-right: 20px;
}

.rz-chkbox.mlx-radio.mlx-label-w-100.mlx-size-small + .mlx-radio-label {
    width: 100%;
    padding-right: 0px;
}

.rz-chkbox.mlx-radio.mlx-label-w-100.mlx-size-small + .mlx-radio-label:has(.mlx-card.mlx-ellipse) {
    padding-right: 14px;
}

.rz-chkbox.mlx-radio.mlx-size-small + .mlx-radio-label {
    font-size: var(--font-size-5);
}

.rz-chkbox.mlx-radio {
    --mlx-radio-background-color: var(--bg-neutral-weaker);
    --mlx-radio-border-color: var(--bg-weaker);
    --mlx-radio-border-size: 0px;
    --mlx-radio-outline-color: var(--icon-default);
    --mlx-radio-size-large: var(--component-xxsmall);
    --mlx-radio-size-small: var(--font-size-5);
    background-color: var(--mlx-radio-background-color);
    border: solid var(--mlx-radio-border-size) var(--mlx-radio-border-color);
    outline: solid 1px var(--mlx-radio-outline-color);
    appearance: none;
    width: var(--mlx-radio-size-large);
    height: var(--mlx-radio-size-large);
    border-radius: 50%;
    min-width: var(--mlx-radio-size-large);
    max-width: var(--mlx-radio-size-large);
    min-height: var(--mlx-radio-size-large);
    max-height: var(--mlx-radio-size-large);
    display: inline-flex;
    cursor: pointer;
}

.rz-chkbox.mlx-radio.mlx-size-small {
    width: var(--mlx-radio-size-small);
    height: var(--mlx-radio-size-small);
    border-radius: 50%;
    min-width: var(--mlx-radio-size-small);
    max-width: var(--mlx-radio-size-small);
    min-height: var(--mlx-radio-size-small);
    max-height: var(--mlx-radio-size-small);

}

.rz-chkbox.mlx-radio:focus-visible {
    box-shadow: initial;
}

.rz-chkbox.mlx-radio:focus {
    box-shadow: initial;
}

.rz-chkbox.mlx-radio:checked {
    --mlx-radio-outline-color: var(--icon-brand-default);
    --mlx-radio-background-color: var(--icon-brand-default);
    --mlx-radio-border-size: 5px;
}

.rz-chkbox.mlx-radio.mlx-size-small:checked {
    --mlx-radio-border-size: 4px;
}

.rz-chkbox.mlx-radio:hover {
    --mlx-radio-outline-color: var(--icon-brand-strong);
}
    
.rz-chkbox.mlx-radio:hover:checked {
    --mlx-radio-background-color: var(--icon-brand-strong);
}

.rz-chkbox.mlx-radio:disabled {
    --mlx-radio-outline-color: var(--icon-disabled);
}

.rz-chkbox.mlx-radio:disabled:checked {
    --mlx-radio-background-color: var(--icon-disabled);
}

.rz-chkbox.mlx-radio:disabled:hover {
    --mlx-radio-outline-color: var(--icon-disabled);
}

.rz-chkbox.mlx-radio:disabled:hover:checked {
    --mlx-radio-outline-color: var(--icon-disabled);
    --mlx-radio-background-color: var(--icon-disabled);
}

/*#endregion */

/*#region Button Group Styling*/
.btn-group.mlx-buttongroup {
    --mlx-buttongroup-background-color: var(--bg-neutral-default);
    background-color: var(--mlx-buttongroup-background-color);
    padding: var(--spacing-xxsmall);
    border-radius: var(--corner-ring);
}

.btn-group.mlx-buttongroup.mlx-buttongroup-type-badge {
    --mlx-buttongroup-background-color: initial;
    padding: initial;
    border-radius: initial;
}

.btn-group.mlx-buttongroup.mlx-buttongroup-type-legend {
    --mlx-buttongroup-background-color: initial;    
    padding: initial;
    border-radius: initial;
}

.mlx-buttongroup .btn {
    border: var(--bs-btn-border-width) solid var(--bg-neutral-default);
    padding: var(--spacing-xsmall) var(--spacing-small);
    font-size: var(--font-size-5);
    font-weight: var(--font-weight-5);
    line-height: var(--font-line-height-4);
    letter-spacing: var(--font-letter-spacing-5);
    border-radius: var(--corner-base) !important;
    color: var(--text-default);
}

.mlx-buttongroup.mlx-buttongroup-type-badge .btn {
    padding: var(--spacing-xsmall) var(--spacing-xsmall);
    min-width: 0;
}

.mlx-buttongroup.mlx-buttongroup-type-legend .btn {
    border: var(--bs-btn-border-width) solid #0000;
    padding: var(--spacing-xxxsmall) var(--spacing-xxxsmall);
    min-width: 0;
}

.mlx-buttongroup.mlx-buttongroup-type-link .btn {
    position: relative;
    color: var(--text-strong);
    border: initial;
    font-weight: var(--font-weight-4);
    text-align: left;
}

.mlx-buttongroup.mlx-buttongroup-type-badge.mlx-buttongroup-small .btn {
    padding: var(--spacing-xxsmall) var(--spacing-xxsmall) var(--spacing-xxsmall) var(--spacing-xsmall);
    min-width: 0;
}

.mlx-buttongroup .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: var(--text-brand-default);
    background-color: var(--bg-weaker);
    border-color: var(--bg-weaker);
}

.mlx-buttongroup.mlx-buttongroup-type-badge .btn-check:checked + .btn {
    background-color: var(--bg-brand-weaker);
    border-color: var(--border-brand-default);
}

.mlx-buttongroup.mlx-buttongroup-type-legend .btn-check:checked + .btn {
    background-color: var(--bg-brand-weaker);
    border-color: #0000;
}

.mlx-buttongroup.mlx-buttongroup-type-badge .btn-check + .btn .mlx-badge {
    --mlx-badge-backgroundcolor: initial;
    --mlx-badge-border: initial;
}

.mlx-buttongroup.mlx-buttongroup-type-badge .btn-check:checked + .btn .mlx-badge {
    --mlx-badge-backgroundcolor: var(--bg-brand-weak);
    --mlx-badge-border: var(--border-brand-weak);
}

.mlx-buttongroup .btn-check + .btn:hover {
    color: inherit;
    border: var(--bs-btn-border-width) solid var(--bg-neutral-default);
    background-color: var(--bg-default);
}

.mlx-buttongroup.mlx-buttongroup-type-badge .btn-check + .btn:hover {
    background-color: var(--bg-default);
}

    .mlx-buttongroup.mlx-buttongroup-type-badge .btn-check + .btn:hover .mlx-badge {
        --mlx-badge-backgroundcolor: initial;
        --mlx-badge-border: initial;
    }

.btn-group.mlx-buttongroup > .btn-group:not(:first-child), .btn-group > :not(.btn-check:first-child) + .btn {
    margin-left: var(--spacing-xxsmall);
}

.mlx-buttongroup .btn-check:checked + .btn:focus-visible {
    box-shadow: 0 0 0 3px rgba(0, 121, 145, 0.2), 0 0 0 1px var(--white);
}

.mlx-buttongroup .btn-check:disabled + .btn, .mlx-buttongroup .btn-check[disabled] + .btn {
    opacity: initial;
    color: var(--text-weaker);
}

.btn-group.mlx-buttongroup.mlx-buttongroup-type-link {
    --mlx-buttongroup-background-color: initial;
    padding: initial;
    border-radius: initial;
    padding: var(--spacing-xxsmall) var(--spacing-xxsmall);
}


.btn-group.mlx-buttongroup.mlx-buttongroup-type-link .btn-check:checked {
    background-color: initial;
}


.btn-group.mlx-buttongroup.mlx-buttongroup-type-link .btn-check:checked + .btn {
    font-weight: var(--font-weight-5);
    background: initial;
}

.btn-group.mlx-buttongroup.mlx-buttongroup-type-link .btn-check:checked + .btn::before {
    content: '';
    border-radius: inherit;
    border: inherit;
    border-radius: initial;
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: var(--text-brand-default);
}

.btn-group.mlx-buttongroup.mlx-buttongroup-type-link .btn:hover {
    color: var(--text-strong-default);
    background: initial;
    border: initial;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.btn-group.mlx-buttongroup.mlx-buttongroup-type-link .btn-check:checked + .btn:hover {
    color: var(--text-brand-default);
}

.btn-group.mlx-buttongroup.mlx-buttongroup-type-link .btn:focus-visible {
    color: var(--text-brand-default);
    background: initial;
    box-shadow: initial;
}

.btn-group.mlx-buttongroup.mlx-buttongroup-type-link .btn:focus {
    color: var(--text-brand-default);
    background: initial;
    box-shadow: initial;
}
   

/*#endregion */
/*#region Switch */
.form-check.form-switch {
    padding-left: initial;
}

.rz-switch.mlx-switch {
    min-width: initial;
}
.form-switch .form-check-input.mlx-switch {
    --mlx-switch-size-width: var(--component-base);
    --mlx-switch-size-height: var(--component-xsmall);
    width: var(--mlx-switch-size-width);
    height: var(--mlx-switch-size-height); 
}

.form-switch .form-check-input.mlx-switch.mlx-size-medium {
    --mlx-switch-size-width: var(--component-small);
    --mlx-switch-size-height: var(--component-xxmsmall);
}

.form-switch .form-check-input.mlx-switch.mlx-size-small {
    --mlx-switch-size-width: var(--component-xxxsmall);
    --mlx-switch-size-height: var(--component-xxxxxsmall);
}

.form-switch .mlx-switch.form-check-input {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    --mlx-switch-background-color: var(--icon-weaker);
    --mlx-switch-border-color: var(--icon-weaker);
    --mlx-switch-background-position: left center;
    background-image: var(--bs-form-switch-bg);
    background-position: var(--mlx-switch-background-position);
    margin-left: initial;
    margin-top: initial;
    border-radius: 2em;
    transition: background-position .15s ease-in-out;
    background-color: var(--mlx-switch-background-color);
    border-color: var(--mlx-switch-border-color);
    position: relative;
    cursor: pointer;
}

.form-switch .mlx-switch.form-check-input:checked:not(:disabled) {
    --mlx-switch-background-color: var(--icon-brand-default);
    --mlx-switch-border-color: var(--icon-brand-default);
    --mlx-switch-background-position: right center;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-switch .mlx-switch.form-check-input:checked:hover:not(:disabled) {
    --mlx-switch-background-color: var(--bg-brand-strong);
    --mlx-switch-border-color: var(--bg-brand-strong);
    --mlx-switch-background-position: right center;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-switch .mlx-switch.form-check-input:focus:not(:disabled) {  
    box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--border-brand-default);
}

.form-switch .mlx-switch.form-check-input:disabled {
    --mlx-switch-background-color: var(--bg-neutral-disabled);
    --mlx-switch-border-color: var(--bg-neutral-disabled);
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23c7c9ca'/%3e%3c/svg%3e");
    opacity: 1;
}
.mlx-switch-label {
    --mlx-switch-label-color: var(--text-default);
    --mlx-switch-label-font-size: var(--font-size-5);
    color: var(--mlx-switch-label-color);
    font-size: var(--mlx-switch-label-font-size);
}

.form-switch .mlx-switch-label.mlx-size-medium {
    --mlx-switch-label-font-size: var(--font-size-5);
}

.form-switch .mlx-switch-label.mlx-size-small {
    --mlx-switch-label-font-size: var(--font-size-5);
    --mlx-switch-label-color: var(--text-default);
}

.form-switch .mlx-switch.form-check-input:disabled + .mlx-switch-label {
    --mlx-switch-label-color: var(--text-disabled);
}

/*#endregion */

/*#region Accordion */

.accordion.mlx-accordion {
    --bs-accordion-color: var(--text-default);
    --bs-accordion-bg: var(--bg-weaker);
    --bs-accordion-border-color: var(--border-weak);
    --bs-accordion-border-radius: var(--corner-base);
    --bs-accordion-btn-padding-x: var(--spacing-medium);
    --bs-accordion-btn-padding-y: var(--spacing-xsmall);
    --bs-accordion-active-color: var(--text-default);
    --bs-accordion-active-bg: var(--bg-weaker);
}

.accordion.mlx-accordion.mlx-accordion-style-secondary {
    --bs-accordion-bg: transparent;
    --bs-accordion-btn-padding-x: 0px;
    --bs-accordion-btn-padding-y: 0px;
    --bs-accordion-border-color: initial;
    margin-left: -2px; 
}

.accordion.mlx-accordion .accordion-header {
    background: initial; 
    margin-bottom: 4px;
    margin-top: 4px;
}

.accordion.mlx-accordion .accordion-button {
    background: initial;
    font-size: var(--font-size-5);
    font-weight: var(--font-weight-5);
    line-height: var(--font-line-height-8);
    letter-spacing: normal;
    color: var(--text-default);
    box-shadow: initial;
}

.accordion.mlx-accordion.mlx-accordion-style-secondary .accordion-button {
    font-size: var(--font-size-5);
    padding: 0px;
    color: var(--text-strong);
}

.accordion.mlx-accordion .accordion-button:focus-visible {
    box-shadow: 0 0 0 3px rgba(0, 121, 145, 0.2), 0 0 0 1px var(--white);
}

.accordion-body {   
    --bs-accordion-body-padding-x: var(--spacing-medium);
    --bs-accordion-body-padding-y: var(--spacing-small);
}

.accordion.mlx-accordion.mlx-accordion-style-secondary .accordion-body {
    --bs-accordion-body-padding-y: 2px;
}

.accordion.mlx-accordion.mlx-accordion-style-default .accordion-button::after {
    --mlx-accordion-expand-size: var(--font-size-10);
    font-family: 'MLX Material Symbols Outlined';
    font-size: var(--mlx-accordion-expand-size);
    font-weight: var(--font-weight-3);
    color: var(--icon-weak);
    flex-shrink: 0;
    width: var(--mlx-accordion-expand-size);
    height: var(--mlx-accordion-expand-size);
    line-height: var(--font-line-height-4);
    margin-left: auto;
    content: "expand_more";
    background-image: initial;
    background-repeat: no-repeat;
    background-size: initial;
    transition: initial;
}

.accordion.mlx-accordion.mlx-accordion-style-default .accordion-button:hover::after {
    background: var(--border-weaker);
    border-radius: 50%;
}

.accordion.mlx-accordion.mlx-accordion-style-default .accordion-button:not(.collapsed)::after {
    background-image: initial;
    transform: initial;
    content: "expand_less";
}

.accordion.mlx-accordion.mlx-accordion-style-secondary .accordion-button::before {
    --mlx-accordion-expand-size: var(--font-size-10);
    font-family: 'MLX Material Symbols Outlined';
    font-size: var(--font-size-6);
    flex-shrink: 0;
    width: var(--font-size-6);
    height: var(--font-size-6);
    line-height: var(--font-line-height-4);
    margin-left: 0px;
    content: "expand_more";
    background-image: initial;
    background-repeat: no-repeat;
    background-size: initial;
    transition: initial;
}

.accordion.mlx-accordion.mlx-accordion-style-secondary .accordion-button:not(.collapsed)::before {
    background-image: initial;
    transform: initial;
    content: "expand_less";
}

.accordion.mlx-accordion.mlx-accordion-style-secondary .accordion-button::after {
    content: "";
    display:none;
}

.accordion.mlx-accordion.mlx-accordion-style-secondary .accordion-button:not(.collapsed)::after {
    content: "";
    display:none;
}

/*#endregion*/

/*#region Pre */

pre {
    margin-top: initial;
    margin-bottom: 0px;
    overflow: auto;
}

.mlx-pre {
    white-space: pre-wrap;
    color: var(--text-stronger);
}

/*#endregion */

/*#region Grid-Template Layout */

.mlx-master-detail-layout-body .mlx-container-size-xxxsmall-2 {
    width: var(--container-xxxsmall-2);
    max-width: var(--container-xxxsmall-2);
}

.mlx-master-body.mlx-container-size-fit-content {
    width: fit-content;
    max-width: fit-content;
}

.mlx-master-body.mlx-container-size-xxxsmall {
    width: var(--container-xxxsmall);
    max-width: var(--container-xxxsmall);
}

/*#endregion */

/*#region Alert */

.alert.mlx-alert.mlx-size-small {
    --bs-alert-padding-x: var(--spacing-small);
    --bs-alert-padding-y: var(--spacing-small);
}


.alert.mlx-alert {
    --bs-alert-padding-x: var(--spacing-medium);
    --bs-alert-padding-y: var(--spacing-medium);
    --bs-alert-border-radius: var(--corner-base);
    margin-bottom: initial;
}

.alert.mlx-alert .mlx-alert-title {
    color: var(--text-default);
    line-height: 1.3;
}

.alert.mlx-alert .mlx-alert-text {
    color: var(--text-default);
}

.alert.mlx-alert.mlx-size-small .mlx-alert-title {
    font-size: var(--font-size-5);
    line-height: 1.5;
}

.alert-dismissible .btn-close.mlx-alert-close {
    padding: var(--spacing-xxsmall) var(--spacing-xxsmall);
    --bs-btn-close-bg: none;
    filter: initial;
    opacity: initial;
    color: var(--icon-default);
    margin: 8px;
}

.alert-dismissible .btn-close.mlx-alert-close:before {
    content: 'close';
    color: inherit;
    vertical-align: top;
    font-size: var(--font-size-10);
    line-height: 1.0;
    width: var(--font-size-10);
    display: inline-block;
    height: var(--font-size-10);
}

.alert-dismissible .btn-close.mlx-alert-close:hover {
    background: var(--Light-Neutral-200);
    border-radius: 50%;
}

.alert-dismissible .btn-close.mlx-alert-close:focus-visible {
    box-shadow: initial;
}

.alert-dismissible .btn-close.mlx-alert-close:focus {
    box-shadow: initial;
}

.mlx-banner .alert {
    border-radius: initial;
    margin-bottom: initial;
}

/* Info */

.alert.mlx-alert.alert-info {
    --bs-alert-bg: var(--bg-accent-weaker);
    --bs-alert-border-color: var(--border-accent-weak);
    --bs-alert-color: var(--icon-accent-default);
}

.alert.mlx-alert.alert-info .mlx-alert-title {
    color: var(--text-accent-strong);
}

/* Success */

.alert.mlx-alert.alert-success {
    --bs-alert-bg: var(--bg-success-weaker);
    --bs-alert-border-color: var(--border-success-weak);
    --bs-alert-color: var(--icon-success-default);
}

.alert.mlx-alert.alert-success .mlx-alert-title {
    color: var(--text-success-strong);
}

/* Warning */

.alert.mlx-alert.alert-warning {
    --bs-alert-bg: var(--bg-warning-weaker);
    --bs-alert-border-color: var(--border-warning-weak);
    --bs-alert-color: var(--icon-warning-default);
}

.alert.mlx-alert.alert-warning .mlx-alert-title {
    color: var(--text-warning-stronger);
}

/* Danger */

.alert.mlx-alert.alert-danger {
    --bs-alert-bg: var(--bg-danger-weaker);
    --bs-alert-border-color: var(--border-danger-weak);
    --bs-alert-color: var(--icon-danger-default);
}

.alert.mlx-alert.alert-danger .mlx-alert-title {
    color: var(--text-danger-stronger);
}

/* Dark */

.alert.mlx-alert.alert-dark {
    --bs-alert-bg: var(--bg-insight-weaker);
    --bs-alert-border-color: var(--border-insight-weak);
    --bs-alert-color: var(--icon-insight-default);
}

.alert.mlx-alert.alert-dark .mlx-alert-title {
    color: var(--text-insight-strong);
}

/*#endregion Alert */

/*#region Date Picker */

.mlx-datepicker {
    border: 1px solid var(--border-default);
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    border-radius: 8px;
    width: inherit;
    color: var(--text-weak);
    background-color: var(--bg-weaker);
    padding: 8px 12px 8px 12px;
    box-shadow: initial;
    cursor: pointer;
}
.mlx-datepicker-label {
    color: var(--text-default);
    font-size: 14px;
}
.mlx-datepicker.mlx-size-medium {
    font-size: 14px;
    padding: 6px 12px 6px 12px;
}
.mlx-datepicker:hover {
    border: 1px solid var(--border-brand-default);
}

.mlx-datepicker:active, .mlx-datepicker:focus, .mlx-datepicker:focus-visible {
    border: 1px solid var(--border-brand-default);
    box-shadow: initial;
}

.mlx-datepicker:invalid {
    border: 1px solid var(--border-danger-default);
}

.mlx-datepicker.is-invalid {
    border: 1px solid var(--border-danger-default);
}

.mlx-datepicker-wrapper:has(.mlx-datepicker-stack .mlx-datepicker.mlx-w-100) {
    width: 100%;
}

.mlx-datepicker-stack:has(.mlx-datepicker.mlx-w-100)
{
    width: 100%;
}

::-webkit-datetime-edit-text {
    color: var(--text-default);
}

::-webkit-datetime-edit-month-field {
    color: var(--text-default);
}

::-webkit-datetime-edit-month-field:focus {
    color: var(--text-default);
    background: var(--bg-neutral-weak);
}

::-webkit-datetime-edit-day-field {
    color: var(--text-default);
    background: initial;
}

::-webkit-datetime-edit-day-field:focus {
    color: var(--text-default);
    background: var(--bg-neutral-weak);
}
::-webkit-datetime-edit-year-field {
    color: var(--text-default);
    background: initial;
}

::-webkit-datetime-edit-year-field:focus {
    color: var(--text-default);
    background: var(--bg-neutral-weak);
}

.mlx-datepicker:disabled {
    border: 1px solid var(--border-weak);
    color: var(--text-weak);
    background-color: var(--bg-default);
}

/*::-webkit-calendar-picker-indicator {
    background-image: url(http://icons.iconarchive.com/icons/dakirby309/simply-styled/256/Calendar-icon.png);
    background-position: center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    color: rgba(204,204,204,0);
}*/

/*::-webkit-inner-spin-button {
    display: none;
}*/

/*::-webkit-calendar-picker-indicator {
    background-color: red;
}*/
/*
::-webkit-datetime-edit-ampm-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-week-field,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-text {
    color: red; 
}*/

/*#endregion Date Picker */

/*#region Form Control */

.form-control {
    padding: var(--spacing-small);
    font-size: var(--font-size-6);
    font-weight: normal;
    line-height: 1.5;
    color: var(--text-weak);
    background-color: var(--light-gray-0);
    border: 1px solid var(--border-default);
    border-radius: var(--corner-base);
}

.form-control:hover:not(.form-control[readonly]) {
    border: 1px solid var(--border-brand-default);
}

.form-control:focus {
    outline: solid 1px var(--border-brand-default);
    box-shadow: initial;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: var(--border-danger-default);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23C42B18' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23F31155' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
}

.form-control.is-invalid:hover:not(.form-control[readonly]) {
    border-color: var(--border-danger-default);
    outline: solid 1px var(--border-danger-default);
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
    outline: solid 1px var(--border-danger-default);
    box-shadow: initial;
}

/*#endregion Form Control */

/*#region DataGrid */

.mlx-datagrid-noheader thead {
    visibility: collapse;
}

.mlx-datagrid-basic-primary .mlx-always-show-scroll .rz-data-grid-data {
    overflow-y: visible;
}

.mlx-datagrid-basic-primary.rz-datatable {
    border: solid 1px var(--border-weak);
    background-color: var(--bg-weaker);
}

.mlx-datagrid-basic-primary.rz-datatable.mlx-datagrid-noheader {
    border: solid 0px var(--border-weak);      
}

.mlx-datagrid-basic-primary.rz-datatable.mlx-datagrid-noheader .rz-data-grid-data {
    border-radius: 0px;
}

.mlx-datagrid-basic-primary .rz-grid-table {
    border-radius: var(--corner-base);
    border: initial;
    background-color: var(--bg-weaker);
    padding: 0;
}

.mlx-datagrid-basic-primary .rz-datatable-thead th .rz-column-title, .mlx-datagrid-basic-primary .rz-grid-table thead th .rz-column-title {
    font-size: var(--font-size-4);
    font-weight: var(--font-weight-7);
    color: var(--text-weak);
}

.mlx-datagrid-basic-primary .rz-datatable-thead th, .mlx-datagrid-basic-primary .rz-grid-table thead th {
    height: var(--component-base);
    background-color: var(--bg-weaker);
    padding: var(--spacing-xsmall) var(--spacing-small);
    border-bottom: 1px solid var(--bg-bold-default);
    vertical-align: middle;
}

.mlx-datagrid-basic-primary .rz-grid-table thead th {
    padding: var(--spacing-xxsmall) var(--spacing-xsmall);
}

.mlx-datagrid-basic-primary .rz-datatable-data td, .mlx-datagrid-basic-primary .rz-grid-table td {
    border-bottom: 1px solid var(--border-weak);
    padding: var(--spacing-xxsmall);
    vertical-align: middle;
}

.mlx-datagrid-basic-primary .rz-grid-table td {
    padding: var(--spacing-xxsmall) var(--spacing-xsmall);
}
 

.mlx-datagrid-basic-primary.mlx-datagrid-no-bottom .rz-datatable-data tr:last-child td, .mlx-datagrid-basic-primary.mlx-datagrid-no-bottom .rz-grid-table tr:last-child td {
    border-bottom: none;
}

.overflow-unset {
    overflow: unset !important;
}

.mlx-datagrid-basic-primary .rz-datatable-data td.overflow-unset .rz-cell-data, .mlx-datagrid-basic-primary .rz-grid-table td.overflow-unset .rz-cell-data {
    overflow: unset !important;
}

.mlx-datagrid-basic-primary .rz-data-row td:has(.mlx-datagrid-noheader) {
    padding: 0px !important;
}

.mlx-datagrid-basic-primary tr.rz-data-row:has([mlx-data-grid-row-height="medium"]) {
    height: var(--component-base);
}

.mlx-datagrid-basic-primary tr.rz-data-row:has([mlx-data-grid-row-background="danger"]) {
    background: var(--bg-danger-weaker);
}

.mlx-datagrid-basic-primary tr.rz-data-row:has([mlx-data-grid-row-background="warning"]) {
    background: var(--bg-warning-weaker);
}

.mlx-datagrid-basic-primary tr.rz-data-row:has([mlx-data-grid-row-background="default"]) {
    background: var(--bg-surface-strong);
}

.mlx-datagrid-basic-primary tr.rz-data-row:has([mlx-data-grid-row-background="weak"]) {
    background: var(--bg-surface-weaker);
}

.mlx-datagrid-basic-primary .mlx-datagrid-col-title-w-100 .rz-column-title {
    width: 100%
}

.mlx-datagrid-basic-primary td:has([mlx-data-grid-row-type="HasDetail"]) {
    border-bottom: none;
}

.mlx-datagrid-basic-primary td:has([mlx-data-grid-row-type="Detail"]) {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.mlx-datagrid-basic-primary .mlx-grid-pr-scrollbar {
    padding-right: 17px !important;
}

/* grid padding extensions */

.mlx-datagrid-basic-primary .mlx-grid-pr-0 {
    padding-right: 0px !important;
}

.mlx-datagrid-basic-primary .mlx-grid-pl-0 {
    padding-left: 0px !important;
}

.mlx-datagrid-basic-primary .mlx-grid-pt-0 {
    padding-right: 0px !important;
}

.mlx-datagrid-basic-primary .mlx-grid-pb-0 {
    padding-left: 0px !important;
}

.mlx-datagrid-basic-primary .mlx-grid-pr-1 {
    padding-right: var(--spacing-xxsmall) !important;
}

.mlx-datagrid-basic-primary .mlx-grid-pl-1 {
    padding-left: var(--spacing-xxsmall) !important;
}

.mlx-datagrid-basic-primary .mlx-grid-pt-1 {
    padding-right: var(--spacing-xxsmall) !important;
}

.mlx-datagrid-basic-primary .mlx-grid-pb-1 {
    padding-left: var(--spacing-xxsmall) !important;
}

.mlx-datagrid-basic-primary .mlx-grid-pr-2 {
    padding-right: var(--spacing-xsmall) !important;
}

.mlx-datagrid-basic-primary .mlx-grid-pl-2 {
    padding-left: var(--spacing-xsmall) !important;
}

.mlx-datagrid-basic-primary .mlx-grid-pt-2 {
    padding-top: var(--spacing-xsmall) !important;
}

.mlx-datagrid-basic-primary .mlx-grid-pb-2 {
    padding-bottom: var(--spacing-xsmall) !important;
}

.mlx-datagrid-basic-primary .mlx-grid-pr-3 {
    padding-right: var(--spacing-small) !important;
}

.mlx-datagrid-basic-primary .mlx-grid-pl-3 {
    padding-left: var(--spacing-small) !important;
}

.mlx-datagrid-basic-primary .mlx-grid-pt-3 {
    padding-top: var(--spacing-small) !important;
}

.mlx-datagrid-basic-primary .mlx-grid-pb-3 {
    padding-bottom: var(--spacing-small) !important;
}

.mlx-datagrid-basic-primary .mlx-grid-pr-4 {
    padding-right: var(--spacing-medium) !important;
}

.mlx-datagrid-basic-primary .mlx-grid-pl-4 {
    padding-left: var(--spacing-medium) !important;
}

.mlx-datagrid-basic-primary .mlx-grid-pt-4 {
    padding-top: var(--spacing-medium) !important;
}

.mlx-datagrid-basic-primary .mlx-grid-pb-4 {
    padding-bottom: var(--spacing-medium) !important;
}

.mlx-datagrid-tr-position-relative tr {
    position: relative;
}

/*#endregion DataGrid */

/*#region SearchInput */
.mlx-search-input-container {
    position: relative;
    display: block;
    padding: var(--spacing-xsmall);
    background: var(--bg-neutral-weak);
    border-bottom: 1px solid var(--border-weak);
    border-top: 1px solid var(--border-weak);
}

.mlx-search-input-container::before {
    font-family: 'Mlx Material Symbols Outlined';
    content: 'search';
    color: var(--icon-default);
    font-size: var(--font-size-10);
    line-height: 1.0;
    width: var(--font-size-10);
    display: block;
    height: var(--font-size-10);
    position: absolute;
    pointer-events: none;
    margin: 6px 8px;
}

.mlx-dropdown .mlx-search-input-container {
    border-top-left-radius: var(--bs-dropdown-border-radius);
    border-top-right-radius: var(--bs-dropdown-border-radius);
}

/*#endregion SearchInput */
/*#region SearchInput */
.mlx-filter-checkbox-filter .accordion-body {
    padding: 0px 0px var(--spacing-small) 0px;
    /*padding: var(--spacing-small) var(--spacing-medium) var(--spacing-small) var(--spacing-medium);*/
}

.mlx-searchinput-input {
    padding: var(--spacing-small) var(--spacing-small) var(--spacing-small) 34px;
    font-size: var(--font-size-5);
}
/*#endregion SearchInput */

/*#region TextBox */

.mlx-textbox {
    height: initial;
    border-radius: var(--corner-base);
    font-size: var(--font-size-5);
    line-height: 1.6;
}

.mlx-textbox.mlx-size-medium {
    padding: var(--spacing-xxsmall) var(--spacing-small);
}

.mlx-textbox.mlx-size-large {
    padding: var(--spacing-xsmall) var(--spacing-small);
}

.mlx-textbox.form-control.is-invalid {
    background-image: initial;
}

.mlx-textbox:not(:disabled):not(.rz-state-disabled):focus {  
    box-shadow: initial;
}
input.mlx-textbox[type=number]::-webkit-inner-spin-button,
input.mlx-textbox[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.mlx-textbox[type=number] {
    -moz-appearance: textfield;
}


/*#endregion TextBox */

/*#region DropDownSelect */
.mlx-dropdown-select .rz-button.rz-light.rz-shade-light {
    color: var(--text-weak);
    box-shadow: initial;
}

.mlx-dropdown-select.is-invalid .rz-button.rz-light.rz-shade-light {
    border: 1px solid var(--border-danger-default);
}

.mlx-dropdown-select .rz-button-box {
    width: 100%;
}

/*.mlx-dropdown-select .mlx-fonticon:has(.mlx-dropdown-select .rz-button[aria-expanded="false"]) */
.mlx-dropdown-select .rz-button[aria-expanded="false"] .mlx-fonticon.mlx-openclose::after, .dropdown .rz-button[aria-expanded="false"] .mlx-fonticon.mlx-openclose::after {
    content: 'keyboard_arrow_down';
}

.mlx-dropdown-select .rz-button[aria-expanded="true"] .mlx-fonticon.mlx-openclose::after, .dropdown .rz-button[aria-expanded="true"] .mlx-fonticon.mlx-openclose::after {
    content: 'keyboard_arrow_up';
}

.mlx-dropdown-select .mlx-radio-stack:has(.mlx-radio) {
    gap: 0px;
}

.mlx-dropdown-select .mlx-radio {
    --mlx-dropdown-select-label-color: var(--text-default);
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    min-width: 0;
    max-width: 0;
    min-height: 0;
    max-height: 0;
    border: initial;
    appearance: initial;
}

.mlx-dropdown-select .mlx-radio-stack:has(.mlx-radio.active) {
    background-color: var(--bg-brand-weaker);
    --mlx-dropdown-select-label-color: var(--text-brand-stronger);
    border-radius: var(--corner-base);
}

.mlx-dropdown-select .mlx-radio-stack:has(.mlx-radio:hover) {
    background-color: var(--bg-neutral-weak);
    border-radius: var(--corner-base);
}

.mlx-dropdown-select .mlx-radio-stack:has(.mlx-radio.active):has(.mlx-radio:hover) {
    background-color: var(--bg-neutral-weak);
    border-radius: var(--corner-base);
}

.mlx-dropdown-select .mlx-radio-stack:has(.mlx-radio:active),
.mlx-dropdown-select .mlx-radio-stack:has(.mlx-radio:focus),
.mlx-dropdown-select .mlx-radio-stack:has(.mlx-radio:focus-visible) {
    background-color: var(--bg-brand-weaker);
    border: 1px solid var(--bg-brand-default);
    --mlx-dropdown-select-label-color: var(--text-brand-strong);
    border-radius: var(--corner-base);
}

.mlx-dropdown-select .mlx-searchinput-input {
    background: var(--bg-weaker);
}

.mlx-dropdown-select .mlx-radio-label {
    width: 100%;
    font-size: var(--font-size-5);
    color: var(--text-default);
    padding: var(--spacing-xsmall) var(--spacing-xsmall);
}

.mlx-dropdown-select .mlx-searchinput-input::placeholder {
    color: var(--text-weak);
}

.mlx-dropdown-select.mlx-placeholder-size-small .rz-button-box .mlx-text {
    display:none;
}

.mlx-dropdown-select .mlx-close {
    color: var(--icon-weaker);
}

.mlx-dropdown-select .mlx-close:hover {
    color: var(--icon-default);
}

/*#endregion DropDownSelect */

/*#region Header */
.mlx-header .mlx-header-main-card.mlx-style-dark.mlx-shade-darker .mlx-header-label {
    color: var(--text-brand-weak);
}

.mlx-header .mlx-header-main-card.mlx-style-primary.mlx-shade-default .mlx-header-label {
    color: var(--text-default);
}


/*#endregion Header */

/*#region Lists */

.mlx-list-ul, .mlx-list-ol {
    padding-left: var(--spacing-medium);
    margin-bottom: 0px;
}

.mlx-list-ul.mlx-list-custom-bullets {
    list-style-type: none;
    padding-left: var(--spacing-medium);
}

.mlx-list-ul .mlx-list-item .mlx-fonticon {
    width: var(--icon-medium);
    min-width: var(--icon-medium);
    text-align: center;
    margin-top: 2px;
}

.mlx-list-ul .mlx-list-item .mlx-fonticon.mlx-font-icon-xxxsm {
    margin-top: 6px;
}

.mlx-list-ul .mlx-list-item .mlx-svgicon {
    margin-top: 2px;
}

.mlx-list-ul .mlx-list-item {
    padding-top: var(--spacing-xxsmall);
}

.mlx-list-ul .mlx-list-item.mlx-list-item-style-default:first-child {
    padding-top: initial;
}

.mlx-list-ul .mlx-list-item:not(.mlx-list-item-style-default) {
    border-radius: var(--corner-base);
    padding-top: var(--spacing-xsmall-2);
    padding-bottom: var(--spacing-xsmall-2);
    padding-left: var(--spacing-xsmall-2);
    padding-right: var(--spacing-xsmall-2);
    margin-left: calc(var(--spacing-xsmall-2) * -1);
    margin-bottom: var(--spacing-xxsmall);
}

.mlx-list-ul .mlx-list-item.mlx-list-item-style-danger.mlx-shade-dark {
    background-color: var(--bg-danger-weak);
    border: solid 1px var(--border-danger-weak);  
}

.mlx-list-ul .mlx-list-item.mlx-list-item-style-danger {
    background-color: var(--bg-danger-weaker);
    border: solid 1px var(--border-danger-weak);   
}

.mlx-list-item.mlx-list-item-style-warning {
    background-color: var(--bg-warning-weaker);
    border: solid 1px var(--border-warning-weak);  
}

/*#endregion Lists*/
/*#region Sortable */
.mlx-sortable .mlx-sortable-item-container {
    padding: 12px 16px;
    background: var(--bg-weaker);
    border: 1px solid var(--border-default);
    cursor: grab;
}

.mlx-sortable .mlx-sortable-item-container.mlx-sortable-ghost {
    background: var(--bg-brand-weaker);
    border: 1px solid var(--border-brand-default);
}

.mlx-sortable .mlx-sortable-item-container.locked {
    background: var(--bg-weaker);
    border: 1px solid var(--border-weaker);
    cursor: initial;
    color: var(--text-weak);
}

    .mlx-sortable .mlx-sortable-item-container.locked .mlx-text {
        --mlx-text-color: var(--text-weak);
    }

    .mlx-sortable .mlx-sortable-item-container.filtered.unlocked {
        border: solid 1px var(--border-weak);
        background: var(--bg-weak);
        cursor: initial;
    }

.mlx-sortable .mlx-sortable-item-container.filtered:not(.locked) .mlx-fonticon::before {
    content: "visibility_off";
}

.mlx-sortable .mlx-sortable-item-container.unfiltered:not(locked) .mlx-fonticon::before {
    content: "visibility";
}

/*#endregion Sortable */

/*#region Toast */

.mlx-toast-container {
    z-index: 10;
    width: var(--container-xxxsmall-3);
}

.mlx-toast-container .mlx-toast-item-fadeout {
        opacity: 0;
        transition: opacity 1.5s linear;
    }

.mlx-toast-container .mlx-toast-item-fadeout {
    animation: mlx-toast-item-fadeout-keyframes 3.5s ease-in;
    animation-fill-mode: forwards;
    opacity: 1;
}

@keyframes mlx-toast-item-fadeout-keyframes {
    0% {
        opacity: 1;
    }

    85% {
        transform: translateY(0%);
        opacity: 1;
    }

    100% {
        transform: translateY(+100%);
        opacity: 0;
        display: none;
    }

}

/*#endregion Toast */

/*#region PopOver */

.popover {
    --bs-popover-bg: var(--bg-surface-default);
    --bs-popover-border-color: var(--border-weak);
    max-width: min-content;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.12) !important;
}

.popover-body {
    --bs-popover-body-padding-y: 12px;
    --bs-popover-body-padding-x: 8px;
}

.popover-body .rz-button.rz-info.rz-shade-lighter {
    padding: 4px 8px;
}

.popover-body .rz-button.rz-info.rz-shade-lighter:not(.rz-state-disabled):hover:not(:active) {
    background: var(--bg-surface-weaker);
}

.mlx-popover .rz-button.rz-button-sm.mlx-button-icon {
    margin: var(--spacing-xxsmall);
}

.mlx-popover .rz-button.rz-button-sm.mlx-button-icon .rz-button-icon-left.rzi {
    font-size: var(--font-size-6);
    line-height: var(--font-size-6);
    width: var(--font-size-6);
    height: var(--font-size-6);
}


/*endregion PopOver */

/*#region Highcharts defaults */

.highcharts-root text {
    color: var(--text-weak) !important;
    fill: var(--text-weak) !important;
}

.highcharts-background {
    fill: var(--bg-weaker);
}

/*endregion Highcharts defaults */

/*#region Highcharts Vital Sign Widget */

/* Default Series */

.mlx-vitalschart-container {
    width: 100%;
}

.mlx-vitals-chart .mlx-vitals-chart-select-stack {
    margin-left: 32px;
    margin-bottom: 8px;
}

.mlx-vitals-chart .highcharts-series .highcharts-graph {
    stroke: var(--bg-brand-default);
    stroke-width: 1;
}

.mlx-vitals-chart .highcharts-series.highcharts-series-hover .highcharts-graph {
    stroke-width: 3;
}

.mlx-vitals-chart .highcharts-markers .highcharts-point{
    fill: var(--bg-brand-default);
}

.mlx-vitals-chart .highcharts-legend-item .highcharts-graph {
    stroke: var(--bg-neutral-strong);
}

.mlx-vitals-chart .highcharts-legend-item .highcharts-point {
    fill: var(--bg-brand-default);
}

/* Series 1 */

.mlx-vitals-chart .highcharts-series.highcharts-series-1 .highcharts-graph {
    stroke: var(--bg-brand-contrast-default);
    stroke-width: 1;
}

.mlx-vitals-chart .highcharts-markers.highcharts-series-1 .highcharts-point {
    fill: var(--bg-brand-contrast-default);
}

.mlx-vitals-chart highcharts-legend-item.highcharts-series-1 .highcharts-graph {
    stroke: var(--bg-brand-strong);
}

.mlx-vitals-chart .highcharts-legend-item.highcharts-series-1 .highcharts-point {
    fill: var(--bg-brand-contrast-default);
}

/* Axis */

.mlx-vitals-chart .highcharts-axis .highcharts-axis-line, .mlx-vitals-chart .highcharts-axis .highcharts-tick {
    stroke: var(--bg-stronger);
}

.mlx-vitals-chart .highcharts-axis.highcharts-yaxis .highcharts-axis-title {
    font-size: 10px !important;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
    color: var(--light-gray-600);
}

.mlx-vitals-chart .highcharts-legend-item text {
    font-size: 12px !important;
    font-weight: normal !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: var(--text-default) !important;
}

.mlx-vitals-chart .highcharts-axis-labels text{
    font-size: var(--font-size-4) !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: var(--text-weak) !important;
}
.mlx-vitals-chart .current-data-point {
    font-size: var(--font-size-5);
    padding: var( --spacing-xsmall, --spacing-medium);
    line-height: 0.9;
}

.mlx-vitals-chart-tooltip-close-button {
    background: transparent;
    border: none;
    font-size: var(--font-size-9);
    align-self: baseline;
    display: flex;
    margin-top: -5px;
    float: right;
}

/*#endregion Highcharts Vital Sign Widget*/

/*#region Highcharts Wound Sign Widget */

/* Default Series */

.mlx-woundschart-container {
    width: 100%;
}

.mlx-wounds-chart .mlx-wounds-chart-select-stack {
    margin-left: 32px;
    margin-bottom: 8px;
}

.mlx-wounds-chart .highcharts-series .highcharts-graph {
    stroke: var(--bg-brand-default);
    stroke-width: 1;
}

.mlx-wounds-chart .highcharts-series.highcharts-series-hover .highcharts-graph {
    stroke-width: 1;
}

.mlx-wounds-chart .highcharts-markers .highcharts-point {
    fill: var(--bg-brand-default);
}

.mlx-wounds-chart .highcharts-legend-item .highcharts-graph {
    stroke: var(--bg-brand-default);
    stroke-width: 1;
}

.mlx-wounds-chart .highcharts-legend-item .highcharts-point {
    fill: var(--bg-brand-default);
}

/* Series 1 */
.mlx-wounds-chart .highcharts-series.highcharts-series-1 .highcharts-graph {
    stroke: var(--bg-brand-contrast-default);
    stroke-width: 1;
}

.mlx-wounds-chart .highcharts-markers.highcharts-series-1 .highcharts-point {
    fill: var(--bg-brand-contrast-default);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-1 .highcharts-graph {
    stroke: var(--bg-brand-contrast-default);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-1 .highcharts-point {
    fill: var(--bg-brand-contrast-default);
}

/* Series 2 */
.mlx-wounds-chart .highcharts-series.highcharts-series-2 .highcharts-graph {
    stroke: var(--bg-accent-default);
    stroke-width: 1;
}

.mlx-wounds-chart .highcharts-markers.highcharts-series-2 .highcharts-point {
    fill: var(--bg-accent-default);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-2 .highcharts-graph {
    stroke: var(--bg-accent-default);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-2 .highcharts-point {
    fill: var(--bg-accent-default);
}

/* Series 3 */
.mlx-wounds-chart .highcharts-series.highcharts-series-3 .highcharts-graph {
    stroke: var(--bg-intermediate-default);
    stroke-width: 1;
}

.mlx-wounds-chart .highcharts-markers.highcharts-series-3 .highcharts-point {
    fill: var(--bg-intermediate-default);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-3 .highcharts-graph {
    stroke: var(--bg-intermediate-default);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-3 .highcharts-point {
    fill: var(--bg-intermediate-default);
}

/* Series 4 */
.mlx-wounds-chart .highcharts-series.highcharts-series-4 .highcharts-graph {
    stroke: var(--bg-warning-default);
    stroke-width: 1;
}

.mlx-wounds-chart .highcharts-markers.highcharts-series-4 .highcharts-point {
    fill: var(--bg-warning-default);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-4 .highcharts-graph {
    stroke: var(--bg-warning-default);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-4 .highcharts-point {
    fill: var(--bg-warning-default);
}

/* Series 5 */
.mlx-wounds-chart .highcharts-series.highcharts-series-5 .highcharts-graph {
    stroke: var(--bg-danger-default);
    stroke-width: 1;
}

.mlx-wounds-chart .highcharts-markers.highcharts-series-5 .highcharts-point {
    fill: var(--bg-danger-default);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-5 .highcharts-graph {
    stroke: var(--bg-danger-default);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-5 .highcharts-point {
    fill: var(--bg-danger-default);
}

/* Series 6 */
.mlx-wounds-chart .highcharts-series.highcharts-series-6 .highcharts-graph {
    stroke: var(--bg-success-default);
    stroke-width: 1;
}

.mlx-wounds-chart .highcharts-markers.highcharts-series-6 .highcharts-point {
    fill: var(--bg-success-default);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-6 .highcharts-graph {
    stroke: var(--bg-success-default);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-6 .highcharts-point {
    fill: var(--bg-success-default);
}

/* Series 7 */
.mlx-wounds-chart .highcharts-series.highcharts-series-7 .highcharts-graph {
    stroke: var(--bg-insight-default);
    stroke-width: 1;
}

.mlx-wounds-chart .highcharts-markers.highcharts-series-7 .highcharts-point {
    fill: var(--bg-insight-default);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-7 .highcharts-graph {
    stroke: var(--bg-insight-default);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-7 .highcharts-point {
    fill: var(--bg-insight-default);
}

/* Series 8 */
.mlx-wounds-chart .highcharts-series.highcharts-series-8 .highcharts-graph {
    stroke: var(--bg-data-2);
    stroke-width: 1;
}

.mlx-wounds-chart .highcharts-markers.highcharts-series-8 .highcharts-point {
    fill: var(--bg-data-2);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-8 .highcharts-graph {
    stroke: var(--bg-data-2);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-8 .highcharts-point {
    fill: var(--bg-data-2);
}

/* Series 9 */
.mlx-wounds-chart .highcharts-series.highcharts-series-9 .highcharts-graph {
    stroke: var(--bg-brand-contrast-strong);
    stroke-width: 1;
}

.mlx-wounds-chart .highcharts-markers.highcharts-series-9 .highcharts-point {
    fill: var(--bg-brand-contrast-strong);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-9 .highcharts-graph {
    stroke: var(--bg-brand-contrast-strong);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-9 .highcharts-point {
    fill: var(--bg-brand-contrast-strong);
}

/* Series 10 */
.mlx-wounds-chart .highcharts-series.highcharts-series-10 .highcharts-graph {
    stroke: var(--bg-accent-strong);
    stroke-width: 1;
}

.mlx-wounds-chart .highcharts-markers.highcharts-series-10 .highcharts-point {
    fill: var(--bg-accent-strong);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-10 .highcharts-graph {
    stroke: var(--bg-accent-strong);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-10 .highcharts-point {
    fill: var(--bg-accent-strong);
}

/* Series 11 */
.mlx-wounds-chart .highcharts-series.highcharts-series-11 .highcharts-graph {
    stroke: var(--bg-warning-strong);
    stroke-width: 1;
}

.mlx-wounds-chart .highcharts-markers.highcharts-series-11 .highcharts-point {
    fill: var(--bg-warning-strong);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-11 .highcharts-graph {
    stroke: var(--bg-warning-strong);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-11 .highcharts-point {
    fill: var(--bg-warning-strong);
}

/* Series 12 */
.mlx-wounds-chart .highcharts-series.highcharts-series-12 .highcharts-graph {
    stroke: var(--bg-danger-strong);
    stroke-width: 1;
}

.mlx-wounds-chart .highcharts-markers.highcharts-series-12 .highcharts-point {
    fill: var(--bg-danger-strong);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-12 .highcharts-graph {
    stroke: var(--bg-danger-strong);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-12 .highcharts-point {
    fill: var(--bg-danger-strong);
}

/* Series 13 */
.mlx-wounds-chart .highcharts-series.highcharts-series-13 .highcharts-graph {
    stroke: var(--bg-success-strong);
    stroke-width: 1;
}

.mlx-wounds-chart .highcharts-markers.highcharts-series-13 .highcharts-point {
    fill: var(--bg-success-strong);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-13 .highcharts-graph {
    stroke: var(--bg-success-strong);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-13 .highcharts-point {
    fill: var(--bg-success-strong);
}

/* Series 14 */
.mlx-wounds-chart .highcharts-series.highcharts-series-14 .highcharts-graph {
    stroke: var(--bg-insight-strong);
    stroke-width: 1;
}

.mlx-wounds-chart .highcharts-markers.highcharts-series-14 .highcharts-point {
    fill: var(--bg-insight-strong);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-14 .highcharts-graph {
    stroke: var(--bg-insight-strong);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-14 .highcharts-point {
    fill: var(--bg-insight-strong);
}

/* Series 15 */
.mlx-wounds-chart .highcharts-series.highcharts-series-15 .highcharts-graph {
    stroke: var(--bg-brand-strong);
    stroke-width: 1;
}

.mlx-wounds-chart .highcharts-markers.highcharts-series-15 .highcharts-point {
    fill: var(--bg-brand-strong);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-15 .highcharts-graph {
    stroke: var(--bg-brand-strong);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-15 .highcharts-point {
    fill: var(--bg-brand-strong);
}

/* Series 16 */
.mlx-wounds-chart .highcharts-series.highcharts-series-16 .highcharts-graph {
    stroke: var(--bg-intermediate-strong);
    stroke-width: 1;
}

.mlx-wounds-chart .highcharts-markers.highcharts-series-16 .highcharts-point {
    fill: var(--bg-intermediate-strong);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-16 .highcharts-graph {
    stroke: var(--bg-intermediate-strong);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-16 .highcharts-point {
    fill: var(--bg-intermediate-strong);
}

/* Series 17 */
.mlx-wounds-chart .highcharts-series.highcharts-series-17 .highcharts-graph {
    stroke: var(--bg-brand-contrast-weak);
    stroke-width: 1;
}

.mlx-wounds-chart .highcharts-markers.highcharts-series-17 .highcharts-point {
    fill: var(--bg-brand-contrast-weak);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-17 .highcharts-graph {
    stroke: var(--bg-brand-contrast-weak);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-17 .highcharts-point {
    fill: var(--bg-brand-contrast-weak);
}

/* Series 18 */
.mlx-wounds-chart .highcharts-series.highcharts-series-18 .highcharts-graph {
    stroke: var(--bg-accent-stronger);
    stroke-width: 1;
}

.mlx-wounds-chart .highcharts-markers.highcharts-series-18 .highcharts-point {
    fill: var(--bg-accent-stronger);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-18 .highcharts-graph {
    stroke: var(--bg-accent-stronger);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-18 .highcharts-point {
    fill: var(--bg-accent-stronger);
}

/* Series 19 */
.mlx-wounds-chart .highcharts-series.highcharts-series-19 .highcharts-graph {
    stroke: var(--bg-warning-stronger);
    stroke-width: 1;
}

.mlx-wounds-chart .highcharts-markers.highcharts-series-19 .highcharts-point {
    fill: var(--bg-warning-stronger);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-19 .highcharts-graph {
    stroke: var(--bg-warning-stronger);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-19 .highcharts-point {
    fill: var(--bg-warning-stronger);
}

/* Series 20 */
.mlx-wounds-chart .highcharts-series.highcharts-series-20 .highcharts-graph {
    stroke: var(--bg-data-2);
    stroke-width: 1;
}

.mlx-wounds-chart .highcharts-markers.highcharts-series-20 .highcharts-point {
    fill: var(--bg-data-2);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-20 .highcharts-graph {
    stroke: var(--bg-data-2);
}

.mlx-wounds-chart .highcharts-legend-item.highcharts-series-20 .highcharts-point {
    fill: var(--bg-data-2);
}
/* Axis */
.mlx-wounds-chart .highcharts-axis .highcharts-axis-line, .mlx-wounds-chart .highcharts-axis .highcharts-tick {
    stroke: var(--bg-stronger);
}

.mlx-wounds-chart .highcharts-axis.highcharts-yaxis .highcharts-axis-title {
    font-size: 10px !important;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
    color: var(--light-gray-600);
}

.mlx-wounds-chart .highcharts-legend-item text {
    font-size: 12px !important;
    font-weight: normal !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: var(--text-default) !important;
}

.mlx-wounds-chart .highcharts-axis-labels text {
    font-size: var(--font-size-4) !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: var(--text-weak) !important;
}
.mlx-wounds-chart-tooltip-close-button {
    background: transparent;
    border: none;
    font-size: var(--font-size-9);
    align-self: baseline;
    display: flex;
    margin-top: -5px;
    float: right;
}
.mlx-wounds-chart .current-data-point {
    font-size: var(--font-size-5);
    padding: var( --spacing-xsmall, --spacing-medium);
    line-height: 0.9;
}
/*#endregion Highcharts Wound Sign Widget*/


/*#region Highcharts TIF Widget */

/* Override the global text color for specific plot line icons */
.highcharts-root text.tif-bolt-icon {
    color: var(--special-danger-danger) !important;
    fill: var(--special-danger-danger) !important;
}

.highcharts-root text.tif-period-start-icon {
    color: var(--neutral-neutral-5000) !important;
    fill: var(--neutral-neutral-500) !important;
}

.highcharts-root text.tif-today-icon {
    color: var(--neutral-neutral-900) !important;
    fill: var(--neutral-neutral-900) !important;
}

/* current position badge */

.mlx-tif-chart .current-data-point {
    font-size: var(--font-size-5);
    padding: var( --spacing-xsmall, --spacing-medium);
    line-height: 0.9;
}

/* plot bands */

.mlx-chart-tif-plot-line-high {
    stroke: var(--icon-danger-default);
}

.mlx-chart-tif-plot-line-low {
    stroke: var(--bg-neutral-stronger);
}

.mlx-chart-tif-plot-band-verylow, .mlx-chart-tif-plot-band-low, .mlx-chart-tif-plot-band-moderate, .mlx-chart-tif-plot-band-elevated {
    fill: var(--bg-weaker);
    opacity: 0;
}

.mlx-chart-tif-plot-band-high {
    fill: var(--bg-danger-weaker);
    ;
}

.mlx-chart-tif-plot-band-veryhigh {
    fill: var(--bg-danger-weak);
    
}

.mlx-chart-tif-plot-band-vertical {
    fill: var(--bg-danger-default);
    opacity: 0.1;
}

.mlx-chart-tif-label-very-high {
    fill: var(--bg-danger-default);
}

.mlx-chart-tif-label-high {
    fill: var(--bg-danger-weak);
}

.mlx-chart-tif-label-elevated {
    fill: var(--bg-intermediate-weak);
}

.mlx-chart-tif-label-moderate {
    fill: #EBF3D1; /* bg-brandcontrast-weak */
}

.mlx-chart-tif-label-low {
    fill: var(--icon-accent-weak);
}

.mlx-chart-tif-label-very-low rect {
    fill: var(--bg-brand-weaker);
}

/*#endregion Highcharts TIF Widget */

/*#region Highcharts Donut Widget */

.mlx-donut-chart.mlx-size-small {
    width: 100px;
    height: 100px;
}

.mlx-donut-chart.mlx-size-small.mlx-donut-legend-default {
    width: 180px;
}

.mlx-donut-chart.mlx-size-medium {
    width: 200px;
    height: 200px;
}

.mlx-donut-chart.mlx-size-medium.mlx-donut-legend-default {
    width: 300px;
}

.mlx-donut-chart .highcharts-halo {
    opacity: 0.5;
}

.mlx-donut-chart .highcharts-point.highcharts-color-0, .mlx-donut-chart .highcharts-halo.highcharts-color-0, .mlx-donut-chart .highcharts-legend-item.highcharts-color-0 rect {
    fill: var(--bg-brand-contrast-weak-2);
}

.mlx-donut-chart .highcharts-point.highcharts-color-1, .mlx-donut-chart .highcharts-halo.highcharts-color-1, .mlx-donut-chart .highcharts-legend-item.highcharts-color-1 rect {
    fill: var(--bg-brand-weak-2);
}

.mlx-donut-chart .highcharts-point.highcharts-color-2, .mlx-donut-chart .highcharts-halo.highcharts-color-2, .mlx-donut-chart .highcharts-legend-item.highcharts-color-2 rect {
    fill: var(--bg-accent-weak-2);
}

.mlx-donut-chart .highcharts-point.highcharts-color-3, .mlx-donut-chart .highcharts-halo.highcharts-color-3, .mlx-donut-chart .highcharts-legend-item.highcharts-color-3 rect {
    fill: var(--bg-intermediate-weak-2);
}

/* Primary */

.mlx-donut-chart.mlx-donut-style-primary .highcharts-point.highcharts-color-0, .mlx-donut-chart.mlx-donut-style-primary .highcharts-halo.highcharts-color-0, .mlx-donut-chart.mlx-donut-style-primary .highcharts-legend-item.highcharts-color-0 rect {
    fill: var(--bg-success-weak);
}

.mlx-donut-chart.mlx-donut-style-primary .highcharts-point.highcharts-color-1, .mlx-donut-chart.mlx-donut-style-primary .highcharts-halo.highcharts-color-1, .mlx-donut-chart.mlx-donut-style-primary .highcharts-legend-item.highcharts-color-1 rect {
    fill: var(--bg-success-default);
}

/* Danger */

.mlx-donut-chart.mlx-donut-style-danger .highcharts-point.highcharts-color-0, .mlx-donut-chart.mlx-donut-style-danger .highcharts-halo.highcharts-color-0, .mlx-donut-chart.mlx-donut-style-danger .highcharts-legend-item.highcharts-color-0 rect {
    fill: var(--light-red-400);
}

.mlx-donut-chart.mlx-donut-style-danger .highcharts-point.highcharts-color-1, .mlx-donut-chart.mlx-donut-style-danger .highcharts-halo.highcharts-color-1, .mlx-donut-chart.mlx-donut-style-danger .highcharts-legend-item.highcharts-color-1 rect {
    fill: var(--light-red-300);
}

.mlx-donut-chart.mlx-donut-style-danger .highcharts-point.highcharts-color-2, .mlx-donut-chart.mlx-donut-style-danger .highcharts-halo.highcharts-color-2, .mlx-donut-chart.mlx-donut-style-danger .highcharts-legend-item.highcharts-color-2 rect {
    fill: var(--light-orange-200);
}

.mlx-donut-chart.mlx-donut-style-danger .highcharts-point.highcharts-color-3, .mlx-donut-chart.mlx-donut-style-danger .highcharts-halo.highcharts-color-3, .mlx-donut-chart.mlx-donut-style-danger .highcharts-legend-item.highcharts-color-3 rect {
    fill: var(--light-orange-400);
}

.mlx-donut-chart.mlx-donut-style-danger .highcharts-point.highcharts-color-4, .mlx-donut-chart.mlx-donut-style-danger .highcharts-halo.highcharts-color-4 .mlx-donut-chart.mlx-donut-style-danger .highcharts-legend-item.highcharts-color-4 rect {
    fill: var(--bg-success-weak);
}
.mlx-donut-chart.mlx-donut-style-danger .highcharts-point.highcharts-color-5, .mlx-donut-chart.mlx-donut-style-danger .highcharts-halo.highcharts-color-5, .mlx-donut-chart.mlx-donut-style-danger .highcharts-legend-item.highcharts-color-5 rect {
    fill: pink;
}

.mlx-donut-chart.mlx-donut-style-danger .highcharts-point.highcharts-color-0, .mlx-donut-chart.mlx-donut-style-danger .highcharts-halo.highcharts-color-0, .mlx-donut-chart.mlx-donut-style-danger .highcharts-legend-item.highcharts-color-0 rect {
    fill: var(--light-red-400);
}

/* Dynamic Base */
.mlx-donut-chart.mlx-donut-style-base .highcharts-point, .mlx-donut-chart.mlx-donut-style-base .highcharts-halo, .mlx-donut-chart.mlx-donut-style-base .highcharts-legend-item rect {
    fill: var(--mlx-highchart-fill);
}

/*#endregion Highcharts Donut Widget */

/*#region Highcharts Column Widget */

.mlx-column-chart {
    --mlx-highchart-stroke: transparent;
    --mlx-highchart-fill: transparent;
}

/* Default Style */
.mlx-column-chart .highcharts-series.highcharts-series-0.highcharts-column-series path {
    fill: var(--bg-brand-contrast-default);
}

.mlx-column-chart .highcharts-series.highcharts-series-1.highcharts-column-series path {
    fill: var(--bg-brand-default);
}

.mlx-column-chart .highcharts-series.highcharts-series-2.highcharts-column-series path {
    fill: var(--bg-data-1);
}

.mlx-column-chart .highcharts-legend-item.highcharts-column-series.highcharts-series-0 rect {
    fill: var(--bg-brand-contrast-default);
}

.mlx-column-chart .highcharts-legend-item.highcharts-column-series.highcharts-series-1 rect {
    fill: var(--bg-brand-default);
}

.mlx-column-chart .highcharts-legend-item.highcharts-column-series.highcharts-series-2 rect {
    fill: var(--bg-data-1);
}

/* Secondary Style */

.mlx-column-chart.mlx-column-style-secondary .highcharts-series.highcharts-series-0.highcharts-column-series path {
    fill: var(--bg-data-1);
}

.mlx-column-chart.mlx-column-style-secondary .highcharts-series.highcharts-series-1.highcharts-column-series path {
    fill: var(--bg-danger-weak);
}

.mlx-column-chart.mlx-column-style-secondary .highcharts-series.highcharts-series-2.highcharts-column-series path {
    fill: var(--bg-brand-contrast-default);
}

.mlx-column-chart.mlx-column-style-secondary .highcharts-legend-item.highcharts-column-series.highcharts-series-0 rect {
    fill: var(--bg-data-1);
}

.mlx-column-chart.mlx-column-style-secondary .highcharts-legend-item.highcharts-column-series.highcharts-series-1 rect {
    fill: var(--bg-danger-weak);
}

.mlx-column-chart.mlx-column-style-secondary .highcharts-legend-item.highcharts-column-series.highcharts-series-2 rect {
    fill: var(--bg-brand-contrast-default);
}

/* Axis */
.mlx-column-chart .highcharts-axis.highcharts-yaxis .highcharts-axis-title, .mlx-column-chart .highcharts-axis-labels.highcharts-yaxis-labels text, .mlx-column-chart .highcharts-axis-labels.highcharts-xaxis-labels text, .mlx-column-chart .highcharts-legend-item.highcharts-column-series text {
    font-size: var(--font-size-4) !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: var(--font-line-height-7);
    letter-spacing: normal;
    text-align: center;
    color: var(--text-strong) !important;
}

.mlx-column-chart .highcharts-axis-labels.highcharts-yaxis-labels, .mlx-column-chart .highcharts-axis-labels.highcharts-xaxis-labels {
    color: var(--text-default) !important;
}

.mlx-column-chart .highcharts-grid path 
{
    stroke: var(--light-gray-200);
}

.mlx-column-chart-tooltip-close-button {
    background: transparent;
    border: none;
    font-size: var(--font-size-9);
    align-self: baseline;
    display: flex;
    margin-top: -5px;
    float: right;
}


/* Series 2 */
.mlx-column-chart .highcharts-series.highcharts-series-2 .highcharts-graph {
    stroke: var(--bg-intermediate-default);
    stroke-width: 1;
}

.mlx-column-chart .highcharts-markers.highcharts-series-2 .highcharts-point {
    fill: var(--bg-intermediate-default);
}

.mlx-column-chart .highcharts-legend-item.highcharts-series-2 .highcharts-graph {
    stroke: var(--bg-intermediate-default);
}

.mlx-column-chart .highcharts-legend-item.highcharts-series-2 .highcharts-point {
    fill: var(--bg-intermediate-default);
}

/* Series 2 Secondary */
.mlx-column-chart.mlx-column-style-secondary .highcharts-series.highcharts-series-2 .highcharts-graph {
    stroke: var(--border-warning-default);
}

.mlx-column-chart.mlx-column-style-secondary .highcharts-markers.highcharts-series-2 .highcharts-point {
    fill: var(--bg-weaker);
}

.mlx-column-chart.mlx-column-style-secondary .highcharts-legend-item.highcharts-series-2 .highcharts-graph {
    stroke: var(--border-warning-default);
}

.mlx-column-chart.mlx-column-style-secondary .highcharts-legend-item.highcharts-series-2 .highcharts-point {
    fill: var(--bg-weaker);
}


/* Series 3 */

.mlx-column-chart .highcharts-series.highcharts-series-3 .highcharts-graph {
    stroke: var(--bg-accent-default);
    stroke-width: 1;
}

.mlx-column-chart .highcharts-markers.highcharts-series-3 .highcharts-point {
    fill: var(--bg-accent-default);
}

.mlx-column-chart .highcharts-legend-item.highcharts-series-3 .highcharts-graph {
    stroke: var(--bg-accent-default);
}

.mlx-column-chart .highcharts-legend-item.highcharts-series-3 .highcharts-point {
    fill: var(--bg-accent-default);
}

/* Series 4 */
.mlx-column-chart .highcharts-series.highcharts-series-4 .highcharts-graph {
    stroke: var(--bg-warning-default);
    stroke-width: 1;
}

.mlx-column-chart .highcharts-markers.highcharts-series-4 .highcharts-point {
    fill: var(--bg-warning-default);
}

.mlx-column-chart .highcharts-legend-item.highcharts-series-4 .highcharts-graph {
    stroke: var(--bg-warning-default);
}

.mlx-column-chart .highcharts-legend-item.highcharts-series-4 .highcharts-point {
    fill: var(--bg-warning-default);
}

/* Series 5 */
.mlx-column-chart .highcharts-series.highcharts-series-5 .highcharts-graph {
    stroke: var(--bg-danger-default);
    stroke-width: 1;
}

.mlx-column-chart .highcharts-markers.highcharts-series-5 .highcharts-point {
    fill: var(--bg-danger-default);
}

.mlx-column-chart .highcharts-legend-item.highcharts-series-5 .highcharts-graph {
    stroke: var(--bg-danger-default);
}

.mlx-column-chart .highcharts-legend-item.highcharts-series-5 .highcharts-point {
    fill: var(--bg-danger-default);
}

/* Series 6 */
.mlx-column-chart .highcharts-series.highcharts-series-6 .highcharts-graph {
    stroke: var(--bg-success-default);
    stroke-width: 1;
}

.mlx-column-chart .highcharts-markers.highcharts-series-6 .highcharts-point {
    fill: var(--bg-success-default);
}

.mlx-column-chart .highcharts-legend-item.highcharts-series-6 .highcharts-graph {
    stroke: var(--bg-success-default);
}

.mlx-column-chart .highcharts-legend-item.highcharts-series-6 .highcharts-point {
    fill: var(--bg-success-default);
}

/* Series 7 */
.mlx-column-chart .highcharts-series.highcharts-series-7 .highcharts-graph {
    stroke: var(--bg-insight-default);
    stroke-width: 1;
}

.mlx-column-chart .highcharts-markers.highcharts-series-7 .highcharts-point {
    fill: var(--bg-insight-default);
}

.mlx-column-chart .highcharts-legend-item.highcharts-series-7 .highcharts-graph {
    stroke: var(--bg-insight-default);
}

.mlx-column-chart .highcharts-legend-item.highcharts-series-7 .highcharts-point {
    fill: var(--bg-insight-default);
}

/* Dynamic Base Theme */

/* Dynamic fill/strokes */
.mlx-column-chart.mlx-column-style-base .highcharts-series.highcharts-column-series path {
    fill: var(--mlx-highchart-fill);
}

.mlx-column-chart.mlx-column-style-base .highcharts-series .highcharts-graph,
.mlx-column-chart.mlx-column-style-base .highcharts-spline-series .highcharts-graph,
.mlx-column-chart.mlx-column-style-base .highcharts-legend-item .highcharts-graph {
    stroke: var(--mlx-highchart-stroke);
    stroke-width: 1;
}

.mlx-column-chart.mlx-column-style-base .highcharts-markers .highcharts-point,
.mlx-column-chart.mlx-column-style-base .highcharts-area-series .highcharts-area,
.mlx-column-chart.mlx-column-style-base .highcharts-legend-item .highcharts-point {
    fill: var(--mlx-highchart-fill);
    stroke: var(--mlx-highchart-stroke);
}


/*#endregion Highcharts Column Widget*/
/*#region TimelineChart */
.mlx-timeline-chart, TimelineChart-SVG {
    max-width: 100%;
    max-height: 400px;
}

.mlx-timeline-chart .green-line, TimelineChart-SVG .green-line {
    stroke: var(--icon-lightgreen-default);
    stroke-width: 3px;
}

.mlx-timeline-chart .red-line, TimelineChart-SVG .red-line {
    stroke: var(--icon-danger-default);
    stroke-width: 2px;
}

.mlx-timeline-chart .grey-line, TimelineChart-SVG .grey-line {
    stroke: var(--border-weak);
    stroke-width: 3px;
}

.mlx-timeline-chart .transparent-line, TimelineChart-SVG .transparent-line {
    stroke: #00000000;
    stroke-width: 3px;
}

.mlx-timeline-chart .TimelineChart-Overlay {
    fill: transparent;
    /*    stroke: blue;*/
    stroke-width: 2px;
}

.mlx-timeline-chart .TimelineChart-Overlay:hover {
    fill: transparent;
    stroke: var(--border-data-1);
    stroke-width: 2px;
}

.mlx-timeline-chart .TimelineChart-Line {
    stroke: var(--bg-neutral-weaker);
    stroke-width: 3px;
}

.mlx-timeline-chart .TimelineChart-Img {
}

/* mlx-timeline */ 
.mlx-timeline-container {
    width: 100%;
    height: 32px;
}

.mlx-timeline-container svg {
    width: 100%;
    height: 100%;
    display: block;
}

.mlx-timeline-info-box {
    padding: 10px;
    background-color: #f0f0f0;
    border-top: 1px solid #ccc;
}
.mlx-timeline-event-overlay:hover {
    stroke: var(--light-blue-200);
}

.mlx-timeline-event-no-overlay:hover {
    stroke: transparent;
}

.mlx-timeline-line-green {
    stroke: var(--light-lightgreen-600);
}

.mlx-timeline-line-red {
    stroke: var(--light-red-600);
}

.mlx-timeline-line-gray {
    stroke: var(--light-gray-200);
}

/*#endregion TimelineChart */
/*#region MlxDemoGraphicCard */
@media (min-width: 1920px) {
    .mlx-demographic-card .mlx-container-size-xxsmall {
        max-width: var(--container-xxsmall-xl) !important;
    }
}

/*#endregion MlxDemoGraphicCard */

/*#region MlxLink */

.mlx-link.text-brand-default {
    color: var(--text-brand-default) !important;
    text-decoration-color: currentColor;
}

/*#endregion MlxLink*
    /
/*#region MlxCssGrid */

:root {
    --spacing-grid-m: 16px;
    --spacing-grid-l: 24px;
    --spacing-grid-xl: 32px;
    --spacing-grid-2xl: 40px;
    --spacing-grid-3xl: 48px;
    --spacing-grid-4xl: 56px;
    --spacing-grid-5xl: 64px;
    --spacing-grid-6xl: 72px;
    --spacing-grid-7xl: 80px;
    --spacing-grid-8xl: 88px;
    --spacing-grid-9xl: 96px;
    --spacing-grid-10xl: 104px;
    --spacing-grid-11xl: 112px;
    --spacing-grid-12xl: 120px;
    --spacing-grid-13xl: 128px;
    --spacing-grid-14xl: 136px;
    --spacing-grid-15xl: 144px;
    --spacing-grid-16xl: 152px;
    --spacing-grid-17xl: 160px;
    --spacing-grid-18xl: 168px;
    --spacing-grid-19xl: 176px;
    --spacing-grid-20xl: 184px;
    --spacing-grid-21xl: 192px;
    --spacing-grid-22xl: 200px;
    --spacing-grid-23xl: 208px;
    --spacing-grid-24xl: 216px;
    --spacing-grid-25xl: 224px;
    --spacing-grid-26xl: 232px;
    --spacing-grid-27xl: 240px;
    --spacing-grid-28xl: 248px;
    --spacing-grid-29xl: 256px;
    --spacing-grid-30xl: 264px;
    --spacing-grid-31xl: 272px;
    --spacing-grid-32xl: 280px;
    --spacing-grid-33xl: 288px;
    --spacing-grid-34xl: 296px;
}

.mlx-grid-height-4xl {
    height: var(--spacing-grid-4xl);:
}

.mlx-cssgrid .mlx-cssgrid-head {
    display: contents;
}

.mlx-cssgrid .mlx-cssgrid-body {
    display: contents;
}

.mlx-cssgrid .mlx-cssgrid-row {
    display: contents;
}

.mlx-cssgrid-gap-xsm {
    gap: var(--spacing-xsmall);
}

.mlx-cssgrid-col-shrinkgrow {
    display: flex;
    flex: 1 1 0; /* Allow shrinking and growing */
    min-width: 0; /* Crucial for ellipsis */
}

@keyframes shadow-inside {
    from {
        box-shadow: inset -5px 0 0px 0px rgb(255 0 0 / 0.8);
    }

    to {
        box-shadow: inset 5px 0 0px 0px rgb(255 0 0 / 0.8);
    }
}

@keyframes shadow-outside {
    from {
        box-shadow: none;
    }

    to {
        /* offset-x offset-y blure-radius spread-radius*/
        box-shadow: 5px 0 0px 0px rgb(255 0 0 / 0.8);
    }
}

/* Primary */

.mlx-cssgrid-container {
    opacity: 1;
}

.mlx-cssgrid-container.htmx-settling {
    opacity: 0;
}

.mlx-cssgrid .mlx-cssgrid-col {
    display: flex;
    align-items: center; 
}

/* overlay active */

.mlx-cssgrid-container.overlay-active {
    overflow: hidden !important;
}

.mlx-cssgrid-container.overlay-active  {
    position: relative;
}

.mlx-cssgrid-container.overlay-active::before {
    content: "";
    position: absolute;
    background: var(--bg-neutral-strong-opacity-30);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    /* pointer-events: auto;*/
}

.mlx-cssgrid-container.overlay-active::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--icon-large);
    height: var(--icon-large);
    border-radius: 50%;
    border: 4px solid var(--bg-neutral-stronger);
    border-right-color: transparent;
    animation: 0.75s linear infinite spinner-border;
}

 /* end overlay active */

.mlx-cssgrid.mlx-cssgrid-style-primary {
    padding: initial;
    border-radius: var(--corner-base);
    border: solid 1px var(--border-weak);
    background-color: var(--bg-weaker);
    overflow: auto;
    overflow-anchor: none;
    display: grid;
    grid-template-columns: 1fr;
    box-sizing: border-box;
}

.mlx-cssgrid.mlx-cssgrid-style-primary .mlx-cssgrid-header {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: var(--bg-weaker);
}

.mlx-cssgrid.mlx-cssgrid-style-primary .mlx-cssgrid-data {
    padding: 4px;
    border-bottom: solid 1px var(--border-weak);
    background-color: var(--bg-weaker);
}

.mlx-cssgrid.mlx-cssgrid-style-primary .mlx-cssgrid-header  {
    border-bottom: solid 1px var(--bg-neutral-stronger);
    width: 100%;
    background-color: var(--bg-weaker);
}

.mlx-cssgrid.mlx-cssgrid-style-primary .mlx-cssgrid-row.mlx-cssgrid-details > .mlx-cssgrid-col {
    grid-column: 1 / -1;
}

.mlx-cssgrid.mlx-cssgrid-style-primary .mlx-cssgrid-row.mlx-cssgrid-header > .mlx-cssgrid-col, 
.mlx-cssgrid.mlx-cssgrid-style-primary .mlx-cssgrid-row.mlx-cssgrid-data > .mlx-cssgrid-col, 
.mlx-cssgrid.mlx-cssgrid-style-primary .mlx-cssgrid-row.mlx-cssgrid-details > .mlx-cssgrid-col {
    padding: var(--spacing-xxsmall);
    background: var(--bg-weaker);
}

/* Nested */

.mlx-cssgrid.mlx-cssgrid-style-nested {
    width: 100%;
    height: initial;
    display: block;
}

.mlx-cssgrid.mlx-cssgrid-style-nested .mlx-cssgrid-row > .mlx-cssgrid-col {
    border-bottom: initial;
}

/* Utility */

.mlx-sticky-2 {
    z-index: 2 !important;
}


.mlx-cssgrid .mlx-cssgrid-col.mlx-cssgrid-p-0 {
    padding: 0px !important;
}

.mlx-cssgrid .mlx-sticky-spacing-0 {
    position: sticky;
    left: 0;
}

.mlx-cssgrid .mlx-sticky-spacing-m {
    position: sticky;
    left: var(--spacing-grid-m);
}

.mlx-cssgrid .mlx-sticky-spacing-m-13xl {
    position: sticky;
    left: calc(var(--spacing-grid-m) + var(--spacing-grid-13xl));
}


.mlx-cssgrid .mlx-sticky-divider {
    box-shadow: inset -1px 0 0 var(--border-weak);
}

.mlx-cssgrid.mlx-cssgrid-sticky-inside-animation {
    animation: shadow-inside linear;
    animation-timeline: scroll(self inline);
}

.mlx-cssgrid.mlx-cssgrid-sticky-inside-animation {
    animation: shadow-outside linear;
    animation-timeline: scroll(nearest inline);
}

/* sort button */
.rz-button.rz-info.rz-shade-default.sort-toggle {
    font-size: var(--font-size-4);
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    border: initial;
    background-color: initial;
    color: var(--text-weak);
    padding: initial;
    height: initial;
    cursor: pointer;
}

.rz-button.rz-info.rz-shade-default.sort-toggle:not(.rz-state-disabled):hover:not(:active), .rz-button.rz-info.rz-shade-default.sort-toggle[aria-pressed="true"]:not(.rz-state-disabled) {
    background-image: initial;
    box-shadow: initial;
    border: initial;
    background-color: initial;
    text-decoration: initial;
    padding: initial;
    height: initial;
    color: var(--text-default);
}


.sort-toggle::after {
    content: "";
    margin-left: var( --spacing-xxsmall);
    visibility: hidden;
}

.sort-toggle[aria-pressed="true"][aria-sort="ascending"]::after {
    font-family: 'MLX Material Symbols Outlined';
    font-size: var(--font-size-5);
    content: "arrow_upward";
    visibility: visible;
}

.sort-toggle[aria-pressed="true"][aria-sort="descending"]::after {
    font-family: 'MLX Material Symbols Outlined';
    font-size: var(--font-size-5);
    content: "arrow_downward";
    visibility: visible;
}

/*#endregion MlxCssGrid */

/*#region Flatpickr*/

.mlx-flatpickr.form-control.active {
    border: 1px solid var(--border-default);
}

.flatpickr-input[readonly] {
    cursor: pointer;
    background: var(--bg-weaker);
}

.flatpickr-months .flatpickr-month {
    background: transparent;
    color: var(--text-strong);
    fill: var(--text-strong);
    height: 42px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}


.flatpickr-day.today:hover, .flatpickr-day.today {
    border-color: var(--bg-stronger);
    background: none;
    color: var(--text-stronger);
}

.flatpickr-day.today:hover, .flatpickr-day.today:focus {
    background: var(--bg-stronger);
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: var(--bg-brand-default);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--text-inverted-weaker);
    border-color: var(--bg-brand-strong);
}

.flatpickr-day {
    color: var(--text-strong);
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
    background: var(--bg-default);
    border-color: var(--bg-default);
}

.flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 var(--bg-default), 5px 0 0 var(--bg-default);
    box-shadow: -5px 0 0 var(--bg-default), 5px 0 0 var(--bg-default);
}

span.flatpickr-weekday {
    color: var(--text-weak);
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 var(--bg-brand-default);
    box-shadow: -10px 0 0 var(--bg-brand-default);
}

.flatpickr-current-month input.cur-year {
   border-radius: var(--corner-base);
   padding: 4px;
}

.flatpickr-current-month input.cur-year:focus-visible {
    border: 1px solid var(--border-brand-default);
    box-shadow: initial;
}

.numInputWrapper span {
    border-radius: 4px;
}

.numInputWrapper:hover {
    background: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    margin: -1px 4px 0 0;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus-visible {
    border: 1px solid var(--border-brand-default);
    box-shadow: initial;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    background: none;
    border-radius: var(--corner-base);
    padding: 4px;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: none;
  
}

select option.flatpickr-monthDropdown-month {
    color: #333;
    background-color: #f0f0f0; /* May not work in all browsers */
    font-size: 14px;
}

select option.flatpickr-monthDropdown-month:hover {
    color: #333;
    background-color: red/* May not work in all browsers */
  
}

    /*#endregion Flatpickr*/