@charset "UTF-8";
:root {
    --DS-border-radius-full: 62rem;
    --DS-border-radius-160: 1rem;
    --DS-border-radius-120: 0.75rem;
    --DS-border-radius-80: 0.5rem;
    --DS-border-radius-60: 0.375rem;
    --DS-border-radius-50: 0.3125rem;
    --DS-border-radius-40: 0.25rem;
    --DS-border-radius-30: 0.188rem;
    --DS-border-radius-20: 0.125rem;
    --DS-border-radius-10: 0.063rem;
    --DS-border-radius-0: 0rem;
}
:root {
    --DS-border-width-40: 0.25rem;
    --DS-border-width-30: 0.188rem;
    --DS-border-width-20: 0.125rem;
    --DS-border-width-10: 0.063rem;
    --DS-border-width-0: 0rem;
}
:root {
    --DS-opacity-100: 1;
    --DS-opacity-95: 0.95;
    --DS-opacity-90: 0.9;
    --DS-opacity-85: 0.85;
    --DS-opacity-80: 0.8;
    --DS-opacity-75: 0.75;
    --DS-opacity-70: 0.7;
    --DS-opacity-65: 0.65;
    --DS-opacity-60: 0.6;
    --DS-opacity-55: 0.55;
    --DS-opacity-50: 0.5;
    --DS-opacity-45: 0.45;
    --DS-opacity-40: 0.4;
    --DS-opacity-35: 0.35;
    --DS-opacity-30: 0.3;
    --DS-opacity-25: 0.25;
    --DS-opacity-20: 0.2;
    --DS-opacity-15: 0.15;
    --DS-opacity-10: 0.1;
    --DS-opacity-5: 0.05;
    --DS-opacity-0: 0;
}
:root {
    --DS-sizing-minus-40: -0.25rem;
    --DS-sizing-minus-20: -0.125rem;
    --DS-sizing-minus-10: -0.063rem;
    --DS-sizing-1600: 10rem;
    --DS-sizing-1200: 7.5rem;
    --DS-sizing-960: 6rem;
    --DS-sizing-880: 5.5rem;
    --DS-sizing-800: 5rem;
    --DS-sizing-720: 4.5rem;
    --DS-sizing-640: 4rem;
    --DS-sizing-600: 3.75rem;
    --DS-sizing-560: 3.5rem;
    --DS-sizing-520: 3.25rem;
    --DS-sizing-480: 3rem;
    --DS-sizing-440: 2.75rem;
    --DS-sizing-400: 2.5rem;
    --DS-sizing-360: 2.25rem;
    --DS-sizing-320: 2rem;
    --DS-sizing-300: 1.875rem;
    --DS-sizing-280: 1.75rem;
    --DS-sizing-260: 1.625rem;
    --DS-sizing-240: 1.5rem;
    --DS-sizing-230: 1.438rem;
    --DS-sizing-220: 1.375rem;
    --DS-sizing-210: 1.313rem;
    --DS-sizing-200: 1.25rem;
    --DS-sizing-190: 1.188rem;
    --DS-sizing-180: 1.125rem;
    --DS-sizing-170: 1.063rem;
    --DS-sizing-160: 1rem;
    --DS-sizing-150: 0.938rem;
    --DS-sizing-140: 0.875rem;
    --DS-sizing-130: 0.813rem;
    --DS-sizing-120: 0.75rem;
    --DS-sizing-110: 0.688rem;
    --DS-sizing-100: 0.625rem;
    --DS-sizing-90: 0.563rem;
    --DS-sizing-80: 0.5rem;
    --DS-sizing-70: 0.438rem;
    --DS-sizing-60: 0.375rem;
    --DS-sizing-50: 0.313rem;
    --DS-sizing-40: 0.25rem;
    --DS-sizing-30: 0.188rem;
    --DS-sizing-20: 0.125rem;
    --DS-sizing-10: 0.063rem;
    --DS-sizing-0: 0rem;
}
:root {
    --DS-color-theme-builder-focus-static-inverted: var(
        --DS-color-border-focus-static-inverted
    );
    --DS-color-theme-builder-focus-static: var(--DS-color-border-focus-static);
    --DS-color-theme-builder-backdrop: rgba(var(--DS-neutral-250), 0.4);
    --DS-color-theme-builder-focus-inverted: var(
        --DS-color-border-focus-inverted
    );
    --DS-color-theme-builder-focus: var(--DS-color-border-focus);
    --DS-sizing-theme-builder-item-gap-large: var(--DS-sizing-160);
    --DS-sizing-theme-builder-item-gap-medium: var(--DS-sizing-120);
    --DS-sizing-theme-builder-item-gap-small: var(--DS-sizing-80);
    --DS-border-width-theme-builder-focus: var(--DS-border-width-20);
    --DS-border-radius-theme-builder-default: var(--DS-border-radius-40);
}
:root {
    --DS-box-shadow-border-inner-primary-full: inset 0 0 0 999px
        var(--DS-color-surface-primary-default-rest);
    --DS-box-shadow-border-inner-primary-20: inset 0 0 0 2px
        var(--DS-color-surface-primary-default-rest);
    --DS-box-shadow-inset-shadow-1:
        inset 0 1px 2px 0 var(--DS-color-shadow-key),
        inset 0 0 2px 0 var(--DS-color-shadow-ambient);
    --DS-box-shadow-shadow-6:
        0 32px 64px 0 var(--DS-color-shadow-key-darker),
        0 0 8px 0 var(--DS-color-shadow-key-darker);
    --DS-box-shadow-shadow-5:
        0 14px 28px 0 var(--DS-color-shadow-key-darker),
        0 0 8px 0 var(--DS-color-shadow-ambient-darker);
    --DS-box-shadow-shadow-4:
        0 8px 16px 0 var(--DS-color-shadow-key),
        0 0 2px 0 var(--DS-color-shadow-ambient);
    --DS-box-shadow-shadow-3:
        0 4px 8px 0 var(--DS-color-shadow-key),
        0 0 2px 0 var(--DS-color-shadow-ambient);
    --DS-box-shadow-shadow-2:
        0 2px 4px 0 var(--DS-color-shadow-key),
        0 0 2px 0 var(--DS-color-shadow-ambient);
    --DS-box-shadow-shadow-1:
        0 1px 2px 0 var(--DS-color-shadow-key),
        0 0 2px 0 var(--DS-color-shadow-ambient);
    --DS-box-shadow-shadow-0:
        0 0 0 0 var(--DS-color-shadow-none),
        inset 0 0 0 0 var(--DS-color-shadow-none);
}
:root {
    --DS-text-case-display: none;
    --DS-text-case-large-title: none;
    --DS-text-case-title-1: none;
    --DS-text-case-title-2: none;
    --DS-text-case-title-3: none;
    --DS-text-case-subtitle-1: none;
    --DS-text-case-subtitle-2-stronger: none;
    --DS-text-case-subtitle-2: none;
    --DS-text-case-body-2: none;
    --DS-text-case-body-1-strong: none;
    --DS-text-case-body-1: none;
    --DS-text-case-caption-1-strong: none;
    --DS-text-case-caption-1: none;
    --DS-text-case-caption-2-strong: none;
    --DS-text-case-caption-2: none;
    --DS-letter-spacing-display: normal;
    --DS-letter-spacing-large-title: normal;
    --DS-letter-spacing-title-1: normal;
    --DS-letter-spacing-title-2: normal;
    --DS-letter-spacing-title-3: normal;
    --DS-letter-spacing-subtitle-1: normal;
    --DS-letter-spacing-subtitle-2-stronger: normal;
    --DS-letter-spacing-subtitle-2: normal;
    --DS-letter-spacing-body-2: normal;
    --DS-letter-spacing-body-1-strong: normal;
    --DS-letter-spacing-body-1: normal;
    --DS-letter-spacing-caption-1-strong: normal;
    --DS-letter-spacing-caption-1: normal;
    --DS-letter-spacing-caption-2-strong: normal;
    --DS-letter-spacing-caption-2: normal;
    --DS-font-family-mono:
        Menlo, Consolas, Monaco, "Liberation Mono", "Lucida Console", monospace;
    --DS-font-family-serif:
        "Iowan Old Style", "Apple Garamond", Baskerville, "Times New Roman",
        "Droid Serif", Times, "Source Serif Pro", serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol";
    --DS-font-family-sans-serif:
        -apple-system, BlinkMacSystemFont, "avenir next", avenir, "segoe ui",
        "helvetica neue", helvetica, Cantarell, Ubuntu, roboto, noto, arial,
        sans-serif;
    --DS-line-height-display: 5.75rem;
    --DS-line-height-large-title: 3.25rem;
    --DS-line-height-title-1: 2.5rem;
    --DS-line-height-title-2: 2.25rem;
    --DS-line-height-title-3: 2rem;
    --DS-line-height-subtitle-1: 1.75rem;
    --DS-line-height-subtitle-2-stronger: 1.375rem;
    --DS-line-height-subtitle-2: 1.375rem;
    --DS-line-height-body-2: 1.375rem;
    --DS-line-height-body-1-strong: 1.25rem;
    --DS-line-height-body-1: 1.25rem;
    --DS-line-height-caption-1-strong: 1rem;
    --DS-line-height-caption-1: 1rem;
    --DS-line-height-caption-2-strong: 0.875rem;
    --DS-line-height-caption-2: 0.875rem;
    --DS-font-size-display: 4.25rem;
    --DS-font-size-large-title: 2.5rem;
    --DS-font-size-title-1: 2rem;
    --DS-font-size-title-2: 1.75rem;
    --DS-font-size-title-3: 1.5rem;
    --DS-font-size-subtitle-1: 1.25rem;
    --DS-font-size-subtitle-2-stronger: 1rem;
    --DS-font-size-subtitle-2: 1rem;
    --DS-font-size-body-2: 1rem;
    --DS-font-size-body-1-strong: 0.875rem;
    --DS-font-size-body-1: 0.875rem;
    --DS-font-size-caption-1-strong: 0.75rem;
    --DS-font-size-caption-1: 0.75rem;
    --DS-font-size-caption-2-strong: 0.625rem;
    --DS-font-size-caption-2: 0.625rem;
    --DS-font-weight-display: 600;
    --DS-font-weight-large-title: 600;
    --DS-font-weight-title-1: 600;
    --DS-font-weight-title-2: 600;
    --DS-font-weight-title-3: 600;
    --DS-font-weight-subtitle-1: 600;
    --DS-font-weight-subtitle-2-stronger: 700;
    --DS-font-weight-subtitle-2: 600;
    --DS-font-weight-body-2: 400;
    --DS-font-weight-body-1-strong: 600;
    --DS-font-weight-body-1: 400;
    --DS-font-weight-caption-1-strong: 600;
    --DS-font-weight-caption-1: 400;
    --DS-font-weight-caption-2-strong: 600;
    --DS-font-weight-caption-2: 400;
}
:root {
    --DS-utility-indigo-120: #0d1126;
    --DS-utility-indigo-110: #182047;
    --DS-utility-indigo-100: #2c3c85;
    --DS-utility-indigo-90: #3c51b4;
    --DS-utility-indigo-80: #4760d5;
    --DS-utility-indigo-70: #4f6bed;
    --DS-utility-indigo-60: #637cef;
    --DS-utility-indigo-50: #778df1;
    --DS-utility-indigo-40: #93a4f4;
    --DS-utility-indigo-30: #c8d1fa;
    --DS-utility-indigo-20: #e1e6fc;
    --DS-utility-indigo-10: #f7f9fe;
    --DS-utility-purple-120: #0f0717;
    --DS-utility-purple-110: #1c0e2b;
    --DS-utility-purple-100: #341a51;
    --DS-utility-purple-90: #46236e;
    --DS-utility-purple-80: #532982;
    --DS-utility-purple-70: #5c2e91;
    --DS-utility-purple-60: #6b3f9e;
    --DS-utility-purple-50: #7c52ab;
    --DS-utility-purple-40: #9470bd;
    --DS-utility-purple-30: #c6b1de;
    --DS-utility-purple-20: #e0d3ed;
    --DS-utility-purple-10: #f7f4fb;
    --DS-utility-pink-120: #24091b;
    --DS-utility-pink-110: #441232;
    --DS-utility-pink-100: #80215d;
    --DS-utility-pink-90: #ad2d7e;
    --DS-utility-pink-80: #cd3595;
    --DS-utility-pink-70: #e43ba6;
    --DS-utility-pink-60: #e750b0;
    --DS-utility-pink-50: #ea66ba;
    --DS-utility-pink-40: #ef85c8;
    --DS-utility-pink-30: #f7c0e3;
    --DS-utility-pink-20: #fbddf0;
    --DS-utility-pink-10: #fef6fb;
    --DS-utility-red-120: #210809;
    --DS-utility-red-110: #3f1011;
    --DS-utility-red-100: #751d1f;
    --DS-utility-red-90: #9f282b;
    --DS-utility-red-80: #bc2f32;
    --DS-utility-red-70: #d13438;
    --DS-utility-red-60: #d7494c;
    --DS-utility-red-50: #dc5e62;
    --DS-utility-red-40: #e37d80;
    --DS-utility-red-30: #f1bbbc;
    --DS-utility-red-20: #f8dadb;
    --DS-utility-red-10: #fdf6f6;
    --DS-utility-orange-120: #271002;
    --DS-utility-orange-110: #4a1e04;
    --DS-utility-orange-100: #8a3707;
    --DS-utility-orange-90: #bc4b09;
    --DS-utility-orange-80: #de590b;
    --DS-utility-orange-70: #f7630c;
    --DS-utility-orange-60: #f87528;
    --DS-utility-orange-50: #f98845;
    --DS-utility-orange-40: #faa06b;
    --DS-utility-orange-30: #fdcfb4;
    --DS-utility-orange-20: #fee5d7;
    --DS-utility-orange-10: #fff9f5;
    --DS-utility-yellow-120: #251a00;
    --DS-utility-yellow-110: #463100;
    --DS-utility-yellow-100: #835b00;
    --DS-utility-yellow-90: #b27c00;
    --DS-utility-yellow-80: #d39300;
    --DS-utility-yellow-70: #eaa300;
    --DS-utility-yellow-60: #edad1c;
    --DS-utility-yellow-50: #efb839;
    --DS-utility-yellow-40: #f2c661;
    --DS-utility-yellow-30: #f9e2ae;
    --DS-utility-yellow-20: #fcefd3;
    --DS-utility-yellow-10: #fefbf4;
    --DS-utility-green-120: #031403;
    --DS-utility-green-110: #052505;
    --DS-utility-green-100: #094509;
    --DS-utility-green-90: #0c5e0c;
    --DS-utility-green-80: #0e700e;
    --DS-utility-green-70: #107c10;
    --DS-utility-green-60: #218c21;
    --DS-utility-green-50: #359b35;
    --DS-utility-green-40: #54b054;
    --DS-utility-green-30: #9fd89f;
    --DS-utility-green-20: #c9eac9;
    --DS-utility-green-10: #f1faf1;
    --DS-utility-teal-120: #001010;
    --DS-utility-teal-110: #001f1f;
    --DS-utility-teal-100: #003939;
    --DS-utility-teal-90: #004e4e;
    --DS-utility-teal-80: #005c5c;
    --DS-utility-teal-70: #006666;
    --DS-utility-teal-60: #0e7878;
    --DS-utility-teal-50: #218b8b;
    --DS-utility-teal-40: #41a3a3;
    --DS-utility-teal-30: #92d1d1;
    --DS-utility-teal-20: #c2e7e7;
    --DS-utility-teal-10: #eff9f9;
    --DS-utility-cyan-120: #00181e;
    --DS-utility-cyan-110: #002e38;
    --DS-utility-cyan-100: #005669;
    --DS-utility-cyan-90: #00748f;
    --DS-utility-cyan-80: #008aa9;
    --DS-utility-cyan-70: #0099bc;
    --DS-utility-cyan-60: #18a4c4;
    --DS-utility-cyan-50: #31afcc;
    --DS-utility-cyan-40: #56bfd7;
    --DS-utility-cyan-30: #a4deeb;
    --DS-utility-cyan-20: #cdedf4;
    --DS-utility-cyan-10: #f2fafc;
    --DS-utility-blue-120: #001322;
    --DS-utility-blue-110: #002440;
    --DS-utility-blue-100: #004377;
    --DS-utility-blue-90: #005ba1;
    --DS-utility-blue-80: #006cbf;
    --DS-utility-blue-70: #0078d4;
    --DS-utility-blue-60: #1a86d9;
    --DS-utility-blue-50: #3595de;
    --DS-utility-blue-40: #5caae5;
    --DS-utility-blue-30: #a9d3f2;
    --DS-utility-blue-20: #d0e7f8;
    --DS-utility-blue-10: #f3f9fd;
    --DS-utility-gray-120: #090909;
    --DS-utility-gray-110: #111111;
    --DS-utility-gray-100: #202020;
    --DS-utility-gray-90: #2b2b2b;
    --DS-utility-gray-80: #333333;
    --DS-utility-gray-70: #393939;
    --DS-utility-gray-60: #515151;
    --DS-utility-gray-50: #686868;
    --DS-utility-gray-40: #888888;
    --DS-utility-gray-30: #c4c4c4;
    --DS-utility-gray-20: #dfdfdf;
    --DS-utility-gray-10: #f7f7f7;
}
:root {
    --accent-color-oklch-lightness-min: 0.15;
    --accent-color-oklch-lightness-max: 0.95;
    --accent-color-oklch-chroma-min: 0.04;
    --dxbl-accent-color-10: oklch(
        from var(--dxbl-accent-color)
            calc(
                l + 8 *
                    (
                        var(--accent-color-oklch-lightness-max) -
                            min(l, var(--accent-color-oklch-lightness-max))
                    ) /
                    8
            )
            calc(
                c - 8 *
                    (
                        max(c, var(--accent-color-oklch-chroma-min)) -
                            var(--accent-color-oklch-chroma-min)
                    ) /
                    8
            )
            h
    );
    --dxbl-accent-color-20: oklch(
        from var(--dxbl-accent-color)
            calc(
                l + 7 *
                    (
                        var(--accent-color-oklch-lightness-max) -
                            min(l, var(--accent-color-oklch-lightness-max))
                    ) /
                    8
            )
            calc(
                c - 7 *
                    (
                        max(c, var(--accent-color-oklch-chroma-min)) -
                            var(--accent-color-oklch-chroma-min)
                    ) /
                    8
            )
            h
    );
    --dxbl-accent-color-30: oklch(
        from var(--dxbl-accent-color)
            calc(
                l + 6 *
                    (
                        var(--accent-color-oklch-lightness-max) -
                            min(l, var(--accent-color-oklch-lightness-max))
                    ) /
                    8
            )
            calc(
                c - 6 *
                    (
                        max(c, var(--accent-color-oklch-chroma-min)) -
                            var(--accent-color-oklch-chroma-min)
                    ) /
                    8
            )
            h
    );
    --dxbl-accent-color-40: oklch(
        from var(--dxbl-accent-color)
            calc(
                l + 5 *
                    (
                        var(--accent-color-oklch-lightness-max) -
                            min(l, var(--accent-color-oklch-lightness-max))
                    ) /
                    8
            )
            calc(
                c - 5 *
                    (
                        max(c, var(--accent-color-oklch-chroma-min)) -
                            var(--accent-color-oklch-chroma-min)
                    ) /
                    8
            )
            h
    );
    --dxbl-accent-color-50: oklch(
        from var(--dxbl-accent-color)
            calc(
                l + 4 *
                    (
                        var(--accent-color-oklch-lightness-max) -
                            min(l, var(--accent-color-oklch-lightness-max))
                    ) /
                    8
            )
            calc(
                c - 4 *
                    (
                        max(c, var(--accent-color-oklch-chroma-min)) -
                            var(--accent-color-oklch-chroma-min)
                    ) /
                    8
            )
            h
    );
    --dxbl-accent-color-60: oklch(
        from var(--dxbl-accent-color)
            calc(
                l + 3 *
                    (
                        var(--accent-color-oklch-lightness-max) -
                            min(l, var(--accent-color-oklch-lightness-max))
                    ) /
                    8
            )
            calc(
                c - 3 *
                    (
                        max(c, var(--accent-color-oklch-chroma-min)) -
                            var(--accent-color-oklch-chroma-min)
                    ) /
                    8
            )
            h
    );
    --dxbl-accent-color-70: oklch(
        from var(--dxbl-accent-color)
            calc(
                l + 2 *
                    (
                        var(--accent-color-oklch-lightness-max) -
                            min(l, var(--accent-color-oklch-lightness-max))
                    ) /
                    8
            )
            calc(
                c - 2 *
                    (
                        max(c, var(--accent-color-oklch-chroma-min)) -
                            var(--accent-color-oklch-chroma-min)
                    ) /
                    8
            )
            h
    );
    --dxbl-accent-color-80: oklch(
        from var(--dxbl-accent-color)
            calc(
                l + 1 *
                    (
                        var(--accent-color-oklch-lightness-max) -
                            min(l, var(--accent-color-oklch-lightness-max))
                    ) /
                    8
            )
            calc(
                c - 1 *
                    (
                        max(c, var(--accent-color-oklch-chroma-min)) -
                            var(--accent-color-oklch-chroma-min)
                    ) /
                    8
            )
            h
    );
    --dxbl-accent-color-90: oklch(from var(--dxbl-accent-color) l c h);
    --dxbl-accent-color-100: oklch(
        from var(--dxbl-accent-color)
            calc(
                l - 1 *
                    (
                        max(l, var(--accent-color-oklch-lightness-min)) -
                            var(--accent-color-oklch-lightness-min)
                    ) /
                    8
            )
            calc(
                c - 1 *
                    (
                        max(c, var(--accent-color-oklch-chroma-min)) -
                            var(--accent-color-oklch-chroma-min)
                    ) /
                    8
            )
            h
    );
    --dxbl-accent-color-110: oklch(
        from var(--dxbl-accent-color)
            calc(
                l - 2 *
                    (
                        max(l, var(--accent-color-oklch-lightness-min)) -
                            var(--accent-color-oklch-lightness-min)
                    ) /
                    8
            )
            calc(
                c - 2 *
                    (
                        max(c, var(--accent-color-oklch-chroma-min)) -
                            var(--accent-color-oklch-chroma-min)
                    ) /
                    8
            )
            h
    );
    --dxbl-accent-color-120: oklch(
        from var(--dxbl-accent-color)
            calc(
                l - 3 *
                    (
                        max(l, var(--accent-color-oklch-lightness-min)) -
                            var(--accent-color-oklch-lightness-min)
                    ) /
                    8
            )
            calc(
                c - 3 *
                    (
                        max(c, var(--accent-color-oklch-chroma-min)) -
                            var(--accent-color-oklch-chroma-min)
                    ) /
                    8
            )
            h
    );
    --dxbl-accent-color-130: oklch(
        from var(--dxbl-accent-color)
            calc(
                l - 4 *
                    (
                        max(l, var(--accent-color-oklch-lightness-min)) -
                            var(--accent-color-oklch-lightness-min)
                    ) /
                    8
            )
            calc(
                c - 4 *
                    (
                        max(c, var(--accent-color-oklch-chroma-min)) -
                            var(--accent-color-oklch-chroma-min)
                    ) /
                    8
            )
            h
    );
    --dxbl-accent-color-140: oklch(
        from var(--dxbl-accent-color)
            calc(
                l - 5 *
                    (
                        max(l, var(--accent-color-oklch-lightness-min)) -
                            var(--accent-color-oklch-lightness-min)
                    ) /
                    8
            )
            calc(
                c - 5 *
                    (
                        max(c, var(--accent-color-oklch-chroma-min)) -
                            var(--accent-color-oklch-chroma-min)
                    ) /
                    8
            )
            h
    );
    --dxbl-accent-color-150: oklch(
        from var(--dxbl-accent-color)
            calc(
                l - 6 *
                    (
                        max(l, var(--accent-color-oklch-lightness-min)) -
                            var(--accent-color-oklch-lightness-min)
                    ) /
                    8
            )
            calc(
                c - 6 *
                    (
                        max(c, var(--accent-color-oklch-chroma-min)) -
                            var(--accent-color-oklch-chroma-min)
                    ) /
                    8
            )
            h
    );
    --dxbl-accent-color-160: oklch(
        from var(--dxbl-accent-color)
            calc(
                l - 7 *
                    (
                        max(l, var(--accent-color-oklch-lightness-min)) -
                            var(--accent-color-oklch-lightness-min)
                    ) /
                    8
            )
            calc(
                c - 7 *
                    (
                        max(c, var(--accent-color-oklch-chroma-min)) -
                            var(--accent-color-oklch-chroma-min)
                    ) /
                    8
            )
            h
    );
    --dxbl-accent-color-170: oklch(
        from var(--dxbl-accent-color)
            calc(
                l - 8 *
                    (
                        max(l, var(--accent-color-oklch-lightness-min)) -
                            var(--accent-color-oklch-lightness-min)
                    ) /
                    8
            )
            calc(
                c - 8 *
                    (
                        max(c, var(--accent-color-oklch-chroma-min)) -
                            var(--accent-color-oklch-chroma-min)
                    ) /
                    8
            )
            h
    );
}
.dxbl-image {
    --dxbl-image-height: var(--DS-sizing-200);
    --dxbl-image-width: var(--DS-sizing-200);
    --dxbl-image-margin-x: 0;
    --dxbl-image-margin-y: 0;
    --dxbl-image-fill: currentcolor;
    margin: var(--dxbl-image-margin-y) var(--dxbl-image-margin-x);
    width: auto;
    height: auto;
}
.dxbl-image:not(svg) {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    line-height: 1;
}
.dxbl-image:not(.dxbl-image-fill) {
    fill: var(--dxbl-image-fill);
}
.dxbl-image .dxbl-icon-set-default {
    display: none;
}
.dxbl-image .dxbl-icon-set-fluent-large,
.dxbl-image .dxbl-icon-set-fluent-small {
    display: none;
}
svg.dxbl-image {
    width: var(--dxbl-image-width);
    height: var(--dxbl-image-height);
}
.dxbl-sm .dxbl-image {
    --dxbl-image-height: var(--DS-sizing-160);
    --dxbl-image-width: var(--DS-sizing-160);
    --dxbl-image-margin-x: 0;
    --dxbl-image-margin-y: 0;
}
.dxbl-sm .dxbl-image .dxbl-icon-set-fluent,
.dxbl-sm .dxbl-image .dxbl-icon-set-fluent-large {
    display: none;
}
.dxbl-sm .dxbl-image .dxbl-icon-set-fluent-small {
    display: inline;
}
.dxbl-lg .dxbl-image {
    --dxbl-image-height: var(--DS-sizing-240);
    --dxbl-image-width: var(--DS-sizing-240);
    --dxbl-image-margin-x: 0;
    --dxbl-image-margin-y: 0;
}
.dxbl-lg .dxbl-image .dxbl-icon-set-fluent,
.dxbl-lg .dxbl-image .dxbl-icon-set-fluent-small {
    display: none;
}
.dxbl-lg .dxbl-image .dxbl-icon-set-fluent-large {
    display: inline;
}
.dxbl-text {
    --dxbl-text-font-family: inherit;
    --dxbl-text-font-size: inherit;
    --dxbl-text-line-height: inherit;
    --dxbl-text-border-color: transparent;
    --dxbl-text-border-style: solid;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--dxbl-text-font-family);
    font-size: var(--dxbl-text-font-size);
    line-height: var(--dxbl-text-line-height);
    margin: 0;
}
.dxbl-hint {
    position: absolute;
    opacity: 0.3;
    pointer-events: none;
    z-index: 4;
}
*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
dl,
ol,
ul {
    margin-top: 0;
}
@-webkit-keyframes dxbl-skeleton-opacity-animation {
    0% {
        opacity: 0.05;
    }
    50% {
        opacity: 0.15;
    }
    100% {
        opacity: 0.05;
    }
}
@-o-keyframes dxbl-skeleton-opacity-animation {
    0% {
        opacity: 0.05;
    }
    50% {
        opacity: 0.15;
    }
    100% {
        opacity: 0.05;
    }
}
@keyframes dxbl-skeleton-opacity-animation {
    0% {
        opacity: 0.05;
    }
    50% {
        opacity: 0.15;
    }
    100% {
        opacity: 0.05;
    }
}
.dxbl-invisible {
    visibility: hidden !important;
}
.dxbl-visible {
    visibility: visible !important;
}
.dxbl-invisible-content > * {
    visibility: hidden !important;
}
.dxbl-invisible-off-screen {
    visibility: hidden !important;
    -webkit-transform: translateX(-100000px) !important;
    -o-transform: translateX(-100000px) !important;
    transform: translateX(-100000px) !important;
}
.dxbl-visually-hidden {
    border: 0;
    clip: rect(0, 0, 0, 0);
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
}
.dxbl-display-none {
    display: none !important;
}
.dxbl-align-center {
    text-align: center;
}
.dxbl-align-left {
    text-align: left;
}
.dxbl-align-right {
    text-align: right;
}
.dxbl-nowrap {
    white-space: nowrap !important;
}
.dxbl-prevent-safari-scrolling {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.dxbl-preventsel {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dxbl-flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}
.dxbl-flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}
.dxbl-flex-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}
.dxbl-skeleton-animate .dxbl-skeleton-item > div {
    -webkit-animation: 2s linear infinite forwards
        dxbl-skeleton-opacity-animation;
    -o-animation: 2s linear infinite forwards dxbl-skeleton-opacity-animation;
    animation: 2s linear infinite forwards dxbl-skeleton-opacity-animation;
}
.dxbl-skeleton-item > div {
    height: 100%;
    border-radius: 10rem;
    background-color: currentcolor;
    opacity: 0.1;
}
.dxbl-skeleton-item.dxbl-align-right > div {
    margin-left: auto;
    margin-right: 0;
}
.dxbl-skeleton-item.dxbl-align-center > div {
    margin-left: auto;
    margin-right: auto;
}
.dxbl-skeleton-item > .dxbl-skeleton-date {
    max-width: 8rem;
}
.dxbl-skeleton-item > .dxbl-skeleton-bool {
    max-width: 4rem;
}
.dxbl-skeleton-item > .dxbl-skeleton-string-0 {
    width: 50%;
}
.dxbl-skeleton-item > .dxbl-skeleton-number-0 {
    max-width: 3em;
}
.dxbl-skeleton-item > .dxbl-skeleton-string-1 {
    width: 70%;
}
.dxbl-skeleton-item > .dxbl-skeleton-number-1 {
    max-width: 5em;
}
.dxbl-skeleton-item > .dxbl-skeleton-string-2 {
    width: 40%;
}
.dxbl-skeleton-item > .dxbl-skeleton-number-2 {
    max-width: 2em;
}
.dxbl-skeleton-item > .dxbl-skeleton-string-3 {
    width: 60%;
}
.dxbl-skeleton-item > .dxbl-skeleton-number-3 {
    max-width: 4em;
}
.dxbl-skeleton-item > .dxbl-skeleton-string-4 {
    width: 80%;
}
.dxbl-skeleton-item > .dxbl-skeleton-number-4 {
    max-width: 6em;
}
.dxbl-virtual-items-container-pattern {
    position: fixed;
    top: -10000px;
    left: -10000px;
    visibility: hidden;
}
.dxbl-a11y-status-helper {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.dx-prevent-selection {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none;
}
.dxbl-calendar[data-dx-focus-hidden] :focus-within,
.dxbl-dropdown[data-dx-focus-hidden] :focus-within,
.dxbl-grid tbody[data-dx-focus-hidden] :focus,
.dxbl-grid tr[data-dx-focus-hidden] > td:focus,
.dxbl-grid[data-dx-focus-hidden] :focus,
.dxbl-list-box[data-dx-focus-hidden] :focus,
.dxbl-modal[data-dx-focus-hidden] :focus-within,
.dxbl-scheduler[data-dx-focus-hidden] :focus-visible,
[data-dx-focus-hidden] .dxbs-clear-btn:focus,
[data-toggle="gridview-column-sort"]:focus {
    outline: 0 !important;
}
.dxbl-grid[data-dx-focus-hidden] .dxbl-grid-bottom-panel:focus-visible,
.dxbl-grid[data-dx-focus-hidden] .dxbl-grid-focused-row:focus-visible,
.dxbl-grid[data-dx-focus-hidden] .dxbl-grid-group-row:focus-visible,
.dxbl-grid[data-dx-focus-hidden] .dxbl-grid-header:focus-visible,
.dxbl-grid[data-dx-focus-hidden] .dxbl-grid-search-box-container:focus-visible,
.dxbl-grid[data-dx-focus-hidden] .dxbl-grid-toolbar-container:focus-visible,
.dxbl-grid[data-dx-focus-hidden] .dxbl-grid-top-panel:focus-visible,
.dxbl-grid[data-dx-focus-hidden] td:focus-visible,
.dxbl-grid[data-dx-focus-hidden] td:focus-within,
.dxbl-grid[data-dx-focus-hidden] th:focus-visible {
    border-radius: unset !important;
}
.dxbl-checkbox {
    --dxbl-checkbox-font-family: var(--DS-font-family-sans-serif);
    --dxbl-checkbox-text-transform: var(--DS-text-case-body-1);
    --dxbl-checkbox-spacing: var(--DS-sizing-80);
    --dxbl-checkbox-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-checkbox-label-margin-y: calc(
        -1 *
            (
                (
                        var(--dxbl-checkbox-line-height) -
                            var(--dxbl-checkbox-check-element-height)
                    ) /
                    2
            )
    );
    --dxbl-checkbox-disabled-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-checkbox-hover-check-element-border: var(
        --dxbl-checkbox-check-element-border
    );
    --dxbl-checkbox-hover-check-element-bg: var(
        --dxbl-checkbox-check-element-bg
    );
    --dxbl-checkbox-focused-border-radius: var(--DS-border-radius-20);
    --dxbl-checkbox-focused-check-element-frame-outline-offset: var(
        --DS-border-width-10
    );
    --dxbl-checkbox-focused-check-element-frame-outline-width: var(
        --DS-border-width-20
    );
    --dxbl-checkbox-focused-check-element-frame-outline-color: var(
        --DS-color-theme-builder-focus
    );
    --dxbl-checkbox-focused-check-element-frame-outline-style: solid;
    --dxbl-checkbox-primary-checked-check-element-bg: var(
        --DS-color-content-primary-additional-rest
    );
    --dxbl-checkbox-primary-checked-check-element-border: var(
        --DS-color-border-primary-additional-rest
    );
    --dxbl-checkbox-primary-checked-hover-check-element-bg: var(
        --DS-color-content-primary-additional-hovered
    );
    --dxbl-checkbox-primary-checked-hover-check-element-border: var(
        --DS-color-border-primary-additional-hovered
    );
    --dxbl-checkbox-primary-checked-readonly-check-element-bg: var(
        --DS-color-surface-neutral-default-disabled
    );
    --dxbl-checkbox-primary-checked-readonly-check-element-border: var(
        --DS-color-border-neutral-default-disabled
    );
    --dxbl-checkbox-primary-unchecked-check-element-bg: var(
        --DS-color-surface-neutral-muted-rest
    );
    --dxbl-checkbox-primary-unchecked-check-element-border: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-checkbox-check-element-primary-unchecked-hover-bg: var(
        --DS-color-surface-neutral-muted-rest
    );
    --dxbl-checkbox-primary-unchecked-hover-check-element-border: var(
        --DS-color-border-neutral-default-hovered
    );
    --dxbl-checkbox-primary-unchecked-readonly-check-element-bg: var(
        --DS-color-surface-neutral-muted-rest
    );
    --dxbl-checkbox-primary-unchecked-readonly-check-element-border: var(
        --DS-color-border-neutral-default-disabled
    );
    --dxbl-checkbox-success-checked-check-element-bg: var(
        --DS-color-content-success-additional-rest
    );
    --dxbl-checkbox-success-checked-check-element-border: var(
        --DS-color-border-success-additional-rest
    );
    --dxbl-checkbox-success-checked-hover-check-element-bg: var(
        --DS-color-content-success-additional-hovered
    );
    --dxbl-checkbox-success-checked-hover-check-element-border: var(
        --DS-color-border-success-additional-hovered
    );
    --dxbl-checkbox-danger-checked-check-element-bg: var(
        --DS-color-content-danger-additional-rest
    );
    --dxbl-checkbox-danger-checked-check-element-border: var(
        --DS-color-border-danger-additional-rest
    );
    --dxbl-checkbox-danger-checked-hover-check-element-bg: var(
        --DS-color-content-danger-additional-hovered
    );
    --dxbl-checkbox-danger-checked-hover-check-element-border: var(
        --DS-color-border-danger-additional-hovered
    );
    --dxbl-checkbox-primary-indeterminate-readonly-check-element-bg: var(
        --DS-color-content-neutral-default-disabled
    );
    --dxbl-checkbox-padding-s: var(--DS-sizing-40);
    --dxbl-checkbox-padding-m: var(--DS-sizing-80);
    --dxbl-checkbox-padding-l: var(--DS-sizing-100);
    --dxbl-checkbox-font-weight-s: var(--DS-font-weight-caption-1);
    --dxbl-checkbox-font-weight-m: var(--DS-font-weight-body-1);
    --dxbl-checkbox-font-weight-l: var(--DS-font-weight-body-2);
    --dxbl-checkbox-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-checkbox-font-size-m: var(--DS-font-size-body-1);
    --dxbl-checkbox-font-size-l: var(--DS-font-size-body-2);
    --dxbl-checkbox-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-checkbox-line-height-m: var(--DS-line-height-body-1);
    --dxbl-checkbox-line-height-l: var(--DS-line-height-body-2);
    --dxbl-checkbox-letter-spacing-s: var(--DS-letter-spacing-caption-1);
    --dxbl-checkbox-letter-spacing-m: var(--DS-letter-spacing-body-1);
    --dxbl-checkbox-letter-spacing-l: var(--DS-letter-spacing-body-2);
}
.dxbl-checkbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--dxbl-checkbox-font-family);
    font-weight: var(--dxbl-checkbox-font-weight);
    font-size: var(--dxbl-checkbox-font-size);
    line-height: var(--dxbl-checkbox-line-height);
    letter-spacing: var(--dxbl-checkbox-letter-spacing);
    text-transform: var(--dxbl-checkbox-text-transform);
    color: var(--dxbl-checkbox-color);
    padding: var(--dxbl-checkbox-padding);
}
.dxbl-checkbox.dxbl-checkbox-space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.dxbl-checkbox.dxbl-checkbox-space-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.dxbl-checkbox.dxbl-checkbox-align-left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.dxbl-checkbox.dxbl-checkbox-align-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.dxbl-checkbox.dxbl-checkbox-align-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.dxbl-checkbox.dxbl-disabled {
    color: var(--dxbl-checkbox-disabled-color);
}
.dxbl-checkbox > label.dxbl-text {
    margin-bottom: var(--dxbl-checkbox-label-margin-y);
    margin-top: var(--dxbl-checkbox-label-margin-y);
}
.dxbl-checkbox > label.dxbl-text:first-child {
    padding-right: var(--dxbl-checkbox-spacing);
}
.dxbl-checkbox > label.dxbl-text:last-child {
    padding-left: var(--dxbl-checkbox-spacing);
}
.dxbl-checkbox > label.dxbl-text.dxbl-checkbox-label-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dxbl-checkbox input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
}
.dxbl-checkbox input::after,
.dxbl-checkbox input::before {
    content: none !important;
}
.dxbl-checkbox input:focus {
    outline: 0;
}
.dxbl-checkbox input:indeterminate {
    background-color: transparent;
}
.dxbl-checkbox:hover .dxbl-checkbox-check-element {
    border-color: var(--dxbl-checkbox-hover-check-element-border);
    background-color: var(--dxbl-checkbox-hover-check-element-bg);
}
.dxbl-checkbox .dxbl-checkbox-check-element {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: var(--dxbl-checkbox-check-element-width);
    min-width: var(--dxbl-checkbox-check-element-width);
    height: var(--dxbl-checkbox-check-element-height);
    min-height: var(--dxbl-checkbox-check-element-height);
    border-radius: var(--dxbl-checkbox-check-element-border-radius);
    border-width: var(--dxbl-checkbox-check-element-border-width);
    border-style: var(--dxbl-checkbox-check-element-border-style);
    border-color: var(--dxbl-checkbox-check-element-border);
    background-color: var(--dxbl-checkbox-check-element-bg);
}
.dxbl-checkbox .dxbl-checkbox-check-element :focus,
.dxbl-checkbox .dxbl-checkbox-check-element :focus-visible,
.dxbl-checkbox .dxbl-checkbox-check-element :focus-within {
    outline: 0 !important;
}
.dxbl-checkbox
    .dxbl-checkbox-check-element:has(
        input[type="checkbox"]:focus-visible,
        input[type="radio"]:focus-visible
    ) {
    outline: var(--dxbl-checkbox-focused-check-element-frame-outline-width)
        var(--dxbl-checkbox-focused-check-element-frame-outline-style)
        var(--dxbl-checkbox-focused-check-element-frame-outline-color);
    outline-offset: var(
        --dxbl-checkbox-focused-check-element-frame-outline-offset
    );
}
.dxbl-checkbox:not(.dxbl-disabled):not(.dxbl-readonly) input,
.dxbl-checkbox:not(.dxbl-disabled):not(.dxbl-readonly) label {
    cursor: pointer;
}
.dxbl-checkbox {
    --dxbl-checkbox-font-weight: var(--dxbl-checkbox-font-weight-m);
    --dxbl-checkbox-font-size: var(--dxbl-checkbox-font-size-m);
    --dxbl-checkbox-line-height: var(--dxbl-checkbox-line-height-m);
    --dxbl-checkbox-letter-spacing: var(--dxbl-checkbox-letter-spacing-m);
    --dxbl-checkbox-padding: var(--dxbl-checkbox-padding-m);
}
.dxbl-checkbox.dxbl-sm {
    --dxbl-checkbox-font-weight: var(--dxbl-checkbox-font-weight-s);
    --dxbl-checkbox-font-size: var(--dxbl-checkbox-font-size-s);
    --dxbl-checkbox-line-height: var(--dxbl-checkbox-line-height-s);
    --dxbl-checkbox-letter-spacing: var(--dxbl-checkbox-letter-spacing-s);
    --dxbl-checkbox-padding: var(--dxbl-checkbox-padding-s);
}
.dxbl-checkbox.dxbl-lg {
    --dxbl-checkbox-font-weight: var(--dxbl-checkbox-font-weight-l);
    --dxbl-checkbox-font-size: var(--dxbl-checkbox-font-size-l);
    --dxbl-checkbox-line-height: var(--dxbl-checkbox-line-height-l);
    --dxbl-checkbox-letter-spacing: var(--dxbl-checkbox-letter-spacing-l);
    --dxbl-checkbox-padding: var(--dxbl-checkbox-padding-l);
}
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio) {
    --dxbl-checkbox-indeterminate-check-element-icon-border-radius: var(
        --DS-border-radius-20
    );
    --dxbl-checkbox-check-element-checkbox-border-radius: var(
        --DS-border-radius-20
    );
    --dxbl-checkbox-check-element-checkbox-border-width: var(
        --DS-border-width-10
    );
    --dxbl-checkbox-check-element-checkbox-border-style: solid;
    --dxbl-checkbox-check-element-check-icon-primary-color: var(
        --DS-color-content-neutral-inverted-rest
    );
    --dxbl-checkbox-primary-unchecked-check-element-border: var(
        --DS-color-border-neutral-inverted-subdued-rest
    );
    --dxbl-checkbox-primary-unchecked-hover-check-element-border: var(
        --DS-color-border-neutral-inverted-subdued-hovered
    );
    --dxbl-checkbox-check-element-icon-size-s: var(--DS-sizing-120);
    --dxbl-checkbox-check-element-icon-size-m: var(--DS-sizing-120);
    --dxbl-checkbox-check-element-icon-size-l: var(--DS-sizing-160);
}
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio),
.dxbl-list-box:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio) {
    --dxbl-checkbox-check-element-checkbox-size-s: var(--DS-sizing-160);
    --dxbl-checkbox-check-element-checkbox-size-m: var(--DS-sizing-160);
    --dxbl-checkbox-check-element-checkbox-size-l: var(--DS-sizing-200);
}
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio)
    .dxbl-checkbox-check-element {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio)
    .dxbl-checkbox-check-element
    > .dxbl-image {
    width: var(--dxbl-checkbox-check-element-icon-size);
    height: var(--dxbl-checkbox-check-element-icon-size);
    color: var(--dxbl-checkbox-check-element-check-icon-color);
}
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(
        .dxbl-checkbox-radio
    ).dxbl-checkbox-indeterminate
    .dxbl-checkbox-check-element::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: calc(
        2 * var(--dxbl-checkbox-indeterminate-check-element-icon-border-radius)
    );
    background-color: var(--dxbl-checkbox-indeterminate-check-element-bg);
    border: 1px solid var(--dxbl-checkbox-indeterminate-check-element-bg);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(
        .dxbl-checkbox-radio
    ).dxbl-checkbox-indeterminate:hover
    .dxbl-checkbox-check-element::before {
    background-color: var(--dxbl-checkbox-indeterminate-hover-check-element-bg);
}
.dxbl-checkbox.dxbl-checkbox-disable-default-render
    .dxbl-checkbox-check-element {
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    min-width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    margin: -1px !important;
    border: 0 !important;
    background: 0 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    top: 0 !important;
    left: 0 !important;
}
.dxbl-checkbox.dxbl-checkbox-disable-default-render
    .dxbl-checkbox-check-element::before {
    content: none !important;
}
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio) {
    --dxbl-checkbox-check-element-border-radius: var(
        --dxbl-checkbox-check-element-checkbox-border-radius
    );
    --dxbl-checkbox-check-element-border-width: var(
        --dxbl-checkbox-check-element-checkbox-border-width
    );
    --dxbl-checkbox-check-element-border-style: var(
        --dxbl-checkbox-check-element-checkbox-border-style
    );
    --dxbl-checkbox-check-element-check-icon-color: var(
        --dxbl-checkbox-check-element-check-icon-primary-color
    );
    --dxbl-checkbox-check-element-width: var(
        --dxbl-checkbox-check-element-checkbox-size-m
    );
    --dxbl-checkbox-check-element-height: var(
        --dxbl-checkbox-check-element-checkbox-size-m
    );
    --dxbl-checkbox-check-element-icon-size: var(
        --dxbl-checkbox-check-element-icon-size-m
    );
}
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-sm {
    --dxbl-checkbox-check-element-width: var(
        --dxbl-checkbox-check-element-checkbox-size-s
    );
    --dxbl-checkbox-check-element-height: var(
        --dxbl-checkbox-check-element-checkbox-size-s
    );
    --dxbl-checkbox-check-element-icon-size: var(
        --dxbl-checkbox-check-element-icon-size-s
    );
}
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-lg {
    --dxbl-checkbox-check-element-width: var(
        --dxbl-checkbox-check-element-checkbox-size-l
    );
    --dxbl-checkbox-check-element-height: var(
        --dxbl-checkbox-check-element-checkbox-size-l
    );
    --dxbl-checkbox-check-element-icon-size: var(
        --dxbl-checkbox-check-element-icon-size-l
    );
}
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(
        .dxbl-readonly
    ):not(.dxbl-disabled).dxbl-checkbox-checked {
    --dxbl-checkbox-check-element-bg: var(
        --dxbl-checkbox-primary-checked-check-element-bg
    );
    --dxbl-checkbox-check-element-border: var(
        --dxbl-checkbox-primary-checked-check-element-border
    );
    --dxbl-checkbox-hover-check-element-border: var(
        --dxbl-checkbox-primary-checked-hover-check-element-border
    );
    --dxbl-checkbox-hover-check-element-bg: var(
        --dxbl-checkbox-primary-checked-hover-check-element-bg
    );
}
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(
        .dxbl-readonly
    ):not(.dxbl-disabled).dxbl-checkbox-checked.valid.modified {
    --dxbl-checkbox-check-element-bg: var(
        --dxbl-checkbox-success-checked-check-element-bg
    );
    --dxbl-checkbox-check-element-border: var(
        --dxbl-checkbox-success-checked-check-element-border
    );
    --dxbl-checkbox-hover-check-element-border: var(
        --dxbl-checkbox-success-checked-hover-check-element-border
    );
    --dxbl-checkbox-hover-check-element-bg: var(
        --dxbl-checkbox-success-checked-hover-check-element-bg
    );
}
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(
        .dxbl-readonly
    ):not(.dxbl-disabled).dxbl-checkbox-checked.invalid {
    --dxbl-checkbox-check-element-bg: var(
        --dxbl-checkbox-danger-checked-check-element-bg
    );
    --dxbl-checkbox-check-element-border: var(
        --dxbl-checkbox-danger-checked-check-element-border
    );
    --dxbl-checkbox-hover-check-element-border: var(
        --dxbl-checkbox-danger-checked-hover-check-element-border
    );
    --dxbl-checkbox-hover-check-element-bg: var(
        --dxbl-checkbox-danger-checked-hover-check-element-bg
    );
}
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(
        .dxbl-readonly
    ):not(.dxbl-disabled).dxbl-checkbox-unchecked {
    --dxbl-checkbox-check-element-bg: var(
        --dxbl-checkbox-primary-unchecked-check-element-bg
    );
    --dxbl-checkbox-check-element-border: var(
        --dxbl-checkbox-primary-unchecked-check-element-border
    );
    --dxbl-checkbox-hover-check-element-border: var(
        --dxbl-checkbox-primary-unchecked-hover-check-element-border
    );
    --dxbl-checkbox-hover-check-element-bg: var(
        --dxbl-checkbox-check-element-primary-unchecked-hover-bg
    );
}
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(
        .dxbl-checkbox-radio
    ).dxbl-readonly {
    --dxbl-checkbox-check-element-bg: var(
        --dxbl-checkbox-primary-unchecked-readonly-check-element-bg
    );
    --dxbl-checkbox-check-element-border: var(
        --dxbl-checkbox-primary-checked-readonly-check-element-border
    );
    --dxbl-checkbox-check-element-check-icon-color: var(
        --dxbl-checkbox-primary-checked-check-element-bg
    );
    --dxbl-checkbox-indeterminate-check-element-bg: var(
        --dxbl-checkbox-primary-checked-check-element-bg
    );
    --dxbl-checkbox-indeterminate-hover-check-element-bg: var(
        --dxbl-checkbox-primary-checked-check-element-bg
    );
}
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(
        .dxbl-checkbox-radio
    ).dxbl-readonly.valid.modified {
    --dxbl-checkbox-check-element-check-icon-color: var(
        --dxbl-checkbox-success-checked-check-element-bg
    );
    --dxbl-checkbox-indeterminate-check-element-bg: var(
        --dxbl-checkbox-success-checked-check-element-bg
    );
    --dxbl-checkbox-indeterminate-hover-check-element-bg: var(
        --dxbl-checkbox-success-checked-check-element-bg
    );
}
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(
        .dxbl-checkbox-radio
    ).dxbl-readonly.invalid {
    --dxbl-checkbox-check-element-check-icon-color: var(
        --dxbl-checkbox-danger-checked-check-element-bg
    );
    --dxbl-checkbox-indeterminate-check-element-bg: var(
        --dxbl-checkbox-danger-checked-check-element-bg
    );
    --dxbl-checkbox-indeterminate-hover-check-element-bg: var(
        --dxbl-checkbox-danger-checked-check-element-bg
    );
}
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(
        .dxbl-checkbox-radio
    ).dxbl-disabled {
    --dxbl-checkbox-check-element-bg: var(
        --dxbl-checkbox-primary-unchecked-readonly-check-element-bg
    );
    --dxbl-checkbox-check-element-border: var(
        --dxbl-checkbox-primary-checked-readonly-check-element-border
    );
    --dxbl-checkbox-check-element-check-icon-color: var(
        --dxbl-checkbox-primary-indeterminate-readonly-check-element-bg
    );
    --dxbl-checkbox-indeterminate-check-element-bg: var(
        --dxbl-checkbox-primary-indeterminate-readonly-check-element-bg
    );
    --dxbl-checkbox-indeterminate-hover-check-element-bg: var(
        --dxbl-checkbox-primary-indeterminate-readonly-check-element-bg
    );
}
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(
        .dxbl-checkbox-radio
    ).dxbl-checkbox-indeterminate:not(.dxbl-readonly):not(.dxbl-disabled) {
    --dxbl-checkbox-check-element-border: var(
        --dxbl-checkbox-primary-checked-check-element-border
    );
    --dxbl-checkbox-hover-check-element-border: var(
        --dxbl-checkbox-primary-checked-hover-check-element-border
    );
    --dxbl-checkbox-indeterminate-check-element-bg: var(
        --dxbl-checkbox-primary-checked-check-element-bg
    );
    --dxbl-checkbox-indeterminate-hover-check-element-bg: var(
        --dxbl-checkbox-primary-checked-hover-check-element-bg
    );
}
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(
        .dxbl-checkbox-radio
    ).dxbl-checkbox-indeterminate:not(.dxbl-readonly):not(
        .dxbl-disabled
    ).valid.modified {
    --dxbl-checkbox-check-element-border: var(
        --dxbl-checkbox-success-checked-check-element-border
    );
    --dxbl-checkbox-hover-check-element-border: var(
        --dxbl-checkbox-success-checked-hover-check-element-border
    );
    --dxbl-checkbox-indeterminate-check-element-bg: var(
        --dxbl-checkbox-success-checked-check-element-bg
    );
    --dxbl-checkbox-indeterminate-hover-check-element-bg: var(
        --dxbl-checkbox-success-checked-hover-check-element-bg
    );
}
.dxbl-checkbox:not(.dxbl-checkbox-switch):not(
        .dxbl-checkbox-radio
    ).dxbl-checkbox-indeterminate:not(.dxbl-readonly):not(
        .dxbl-disabled
    ).invalid {
    --dxbl-checkbox-check-element-border: var(
        --dxbl-checkbox-danger-checked-check-element-border
    );
    --dxbl-checkbox-hover-check-element-border: var(
        --dxbl-checkbox-danger-checked-hover-check-element-border
    );
    --dxbl-checkbox-indeterminate-check-element-bg: var(
        --dxbl-checkbox-danger-checked-check-element-bg
    );
    --dxbl-checkbox-indeterminate-hover-check-element-bg: var(
        --dxbl-checkbox-danger-checked-hover-check-element-bg
    );
}
.dxbl-checkbox.dxbl-checkbox-radio {
    --dxbl-checkbox-check-element-radio-border-radius: var(
        --DS-border-radius-full
    );
    --dxbl-checkbox-check-element-radio-border-width: var(--DS-border-width-10);
    --dxbl-checkbox-check-element-radio-border-style: solid;
    --dxbl-checkbox-primary-unchecked-check-element-border: var(
        --DS-color-border-neutral-inverted-subdued-rest
    );
    --dxbl-checkbox-primary-unchecked-hover-check-element-border: var(
        --DS-color-border-neutral-inverted-subdued-hovered
    );
    --dxbl-checkbox-check-element-radio-size-s: var(--DS-sizing-160);
    --dxbl-checkbox-check-element-radio-size-m: var(--DS-sizing-160);
    --dxbl-checkbox-check-element-radio-size-l: var(--DS-sizing-200);
}
.dxbl-checkbox.dxbl-checkbox-radio.dxbl-checkbox-checked
    .dxbl-checkbox-check-element {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.dxbl-checkbox.dxbl-checkbox-radio.dxbl-checkbox-checked
    .dxbl-checkbox-check-element::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: var(--DS-border-radius-full);
    background-color: var(--dxbl-checkbox-check-element-border);
    -webkit-transform: scale(0.625);
    -o-transform: scale(0.625);
    transform: scale(0.625);
}
.dxbl-checkbox.dxbl-checkbox-radio.dxbl-checkbox-checked:hover
    .dxbl-checkbox-check-element::before {
    background-color: var(--dxbl-checkbox-hover-check-element-border);
}
.dxbl-checkbox.dxbl-checkbox-radio {
    --dxbl-checkbox-check-element-width: var(
        --dxbl-checkbox-check-element-radio-size-m
    );
    --dxbl-checkbox-check-element-height: var(
        --dxbl-checkbox-check-element-radio-size-m
    );
    --dxbl-checkbox-check-element-border-radius: var(
        --dxbl-checkbox-check-element-radio-border-radius
    );
    --dxbl-checkbox-check-element-border-width: var(
        --dxbl-checkbox-check-element-radio-border-width
    );
    --dxbl-checkbox-check-element-border-style: var(
        --dxbl-checkbox-check-element-radio-border-style
    );
}
.dxbl-checkbox.dxbl-checkbox-radio.dxbl-sm {
    --dxbl-checkbox-check-element-width: var(
        --dxbl-checkbox-check-element-radio-size-s
    );
    --dxbl-checkbox-check-element-height: var(
        --dxbl-checkbox-check-element-radio-size-s
    );
}
.dxbl-checkbox.dxbl-checkbox-radio.dxbl-lg {
    --dxbl-checkbox-check-element-width: var(
        --dxbl-checkbox-check-element-radio-size-l
    );
    --dxbl-checkbox-check-element-height: var(
        --dxbl-checkbox-check-element-radio-size-l
    );
}
.dxbl-checkbox.dxbl-checkbox-radio.dxbl-disabled,
.dxbl-checkbox.dxbl-checkbox-radio.dxbl-readonly {
    --dxbl-checkbox-check-element-border: var(
        --dxbl-checkbox-primary-checked-readonly-check-element-border
    );
}
.dxbl-checkbox.dxbl-checkbox-radio:not(.dxbl-readonly):not(
        .dxbl-disabled
    ).dxbl-checkbox-checked {
    --dxbl-checkbox-check-element-bg: var(
        --DS-color-surface-neutral-muted-rest
    );
    --dxbl-checkbox-hover-check-element-bg: var(
        --DS-color-surface-neutral-muted-rest
    );
    --dxbl-checkbox-check-element-border: var(
        --dxbl-checkbox-primary-checked-check-element-border
    );
    --dxbl-checkbox-hover-check-element-border: var(
        --dxbl-checkbox-primary-checked-hover-check-element-border
    );
}
.dxbl-checkbox.dxbl-checkbox-radio:not(.dxbl-readonly):not(
        .dxbl-disabled
    ).dxbl-checkbox-checked.valid.modified {
    --dxbl-checkbox-check-element-border: var(
        --dxbl-checkbox-success-checked-check-element-border
    );
    --dxbl-checkbox-hover-check-element-border: var(
        --dxbl-checkbox-success-checked-hover-check-element-border
    );
}
.dxbl-checkbox.dxbl-checkbox-radio:not(.dxbl-readonly):not(
        .dxbl-disabled
    ).dxbl-checkbox-checked.invalid {
    --dxbl-checkbox-check-element-border: var(
        --dxbl-checkbox-danger-checked-check-element-border
    );
    --dxbl-checkbox-hover-check-element-border: var(
        --dxbl-checkbox-danger-checked-hover-check-element-border
    );
}
.dxbl-checkbox.dxbl-checkbox-radio:not(.dxbl-readonly):not(
        .dxbl-disabled
    ).dxbl-checkbox-unchecked {
    --dxbl-checkbox-check-element-border: var(
        --dxbl-checkbox-primary-unchecked-check-element-border
    );
    --dxbl-checkbox-hover-check-element-border: var(
        --dxbl-checkbox-primary-unchecked-hover-check-element-border
    );
}
.dxbl-checkbox.dxbl-checkbox-switch {
    --dxbl-checkbox-check-element-switch-margin: var(--DS-sizing-30);
    --dxbl-checkbox-check-element-switch-border-radius: var(
        --DS-border-radius-full
    );
    --dxbl-checkbox-check-element-switch-border-width: var(
        --DS-border-width-10
    );
    --dxbl-checkbox-check-element-switch-border-style: solid;
    --dxbl-checkbox-check-element-switch-trigger-border-radius: var(
        --DS-border-radius-full
    );
    --dxbl-checkbox-check-element-switch-trigger-bg: var(
        --DS-color-content-neutral-inverted-rest
    );
    --dxbl-checkbox-primary-checked-check-element-trigger-bg: var(
        --DS-color-content-neutral-inverted-rest
    );
    --dxbl-checkbox-primary-checked-hover-check-element-trigger-bg: var(
        --DS-color-content-neutral-inverted-rest
    );
    --dxbl-checkbox-primary-checked-readonly-check-element-trigger-bg: var(
        --DS-color-content-neutral-default-disabled
    );
    --dxbl-checkbox-primary-unchecked-check-element-trigger-bg: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-checkbox-primary-unchecked-hover-check-element-trigger-bg: var(
        --DS-color-content-neutral-subdued-hovered
    );
    --dxbl-checkbox-primary-unchecked-readonly-check-element-trigger-bg: var(
        --DS-color-content-neutral-subdued-disabled
    );
    --dxbl-checkbox-success-checked-check-element-trigger-bg: var(
        --DS-color-content-neutral-inverted-rest
    );
    --dxbl-checkbox-success-checked-check-element-hover-trigger-bg: var(
        --DS-color-content-neutral-inverted-rest
    );
    --dxbl-checkbox-danger-checked-check-element-trigger-bg: var(
        --DS-color-content-neutral-inverted-rest
    );
    --dxbl-checkbox-danger-checked-hover-check-element-trigger-bg: var(
        --DS-color-content-neutral-inverted-rest
    );
    --dxbl-checkbox-primary-unchecked-check-element-border: var(
        --DS-color-border-neutral-inverted-subdued-rest
    );
    --dxbl-checkbox-primary-unchecked-hover-check-element-border: var(
        --DS-color-border-neutral-inverted-subdued-hovered
    );
    --dxbl-checkbox-padding-s: var(--DS-sizing-40);
    --dxbl-checkbox-padding-m: var(--DS-sizing-60);
    --dxbl-checkbox-padding-l: var(--DS-sizing-80);
    --dxbl-checkbox-check-element-switch-width-s: calc(
        2 * var(--DS-sizing-160)
    );
    --dxbl-checkbox-check-element-switch-width-m: calc(
        2 * var(--DS-sizing-200)
    );
    --dxbl-checkbox-check-element-switch-width-l: calc(
        2 * var(--DS-sizing-240)
    );
    --dxbl-checkbox-check-element-switch-height-s: var(--DS-sizing-160);
    --dxbl-checkbox-check-element-switch-height-m: var(--DS-sizing-200);
    --dxbl-checkbox-check-element-switch-height-l: var(--DS-sizing-240);
    --dxbl-checkbox-check-element-switch-trigger-width-s: var(--DS-sizing-100);
    --dxbl-checkbox-check-element-switch-trigger-width-m: var(--DS-sizing-140);
    --dxbl-checkbox-check-element-switch-trigger-width-l: calc(
        var(--DS-sizing-200) - var(--DS-sizing-20)
    );
    --dxbl-checkbox-check-element-switch-trigger-height-s: var(--DS-sizing-100);
    --dxbl-checkbox-check-element-switch-trigger-height-m: var(--DS-sizing-140);
    --dxbl-checkbox-check-element-switch-trigger-height-l: calc(
        var(--DS-sizing-200) - var(--DS-sizing-20)
    );
}
.dxbl-checkbox.dxbl-checkbox-switch .dxbl-checkbox-check-element::before {
    content: "";
    position: absolute;
    top: calc(
        50% - var(--dxbl-checkbox-check-element-switch-trigger-height) / 2
    );
    width: var(--dxbl-checkbox-check-element-switch-trigger-width);
    height: var(--dxbl-checkbox-check-element-switch-trigger-height);
    border-radius: var(
        --dxbl-checkbox-check-element-switch-trigger-border-radius
    );
    background-color: var(--dxbl-checkbox-check-element-switch-trigger-bg);
    -webkit-transition: -webkit-transform 0.15s ease-in-out;
    transition: -webkit-transform 0.15s ease-in-out;
    -o-transition: -o-transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out;
    transition:
        transform 0.15s ease-in-out,
        -webkit-transform 0.15s ease-in-out,
        -o-transform 0.15s ease-in-out;
    -webkit-transform: translateX(
        var(--dxbl-checkbox-check-element-switch-trigger-transform)
    );
    -o-transform: translateX(
        var(--dxbl-checkbox-check-element-switch-trigger-transform)
    );
    transform: translateX(
        var(--dxbl-checkbox-check-element-switch-trigger-transform)
    );
}
.dxbl-checkbox.dxbl-checkbox-switch:hover .dxbl-checkbox-check-element::before {
    background-color: var(--dxbl-checkbox-hover-check-element-trigger-bg);
}
.dxbl-checkbox.dxbl-checkbox-switch {
    --dxbl-checkbox-check-element-width: var(
        --dxbl-checkbox-check-element-switch-width-m
    );
    --dxbl-checkbox-check-element-height: var(
        --dxbl-checkbox-check-element-switch-height-m
    );
    --dxbl-checkbox-check-element-switch-trigger-width: var(
        --dxbl-checkbox-check-element-switch-trigger-width-m
    );
    --dxbl-checkbox-check-element-switch-trigger-height: var(
        --dxbl-checkbox-check-element-switch-trigger-height-m
    );
    --dxbl-checkbox-check-element-border-radius: var(
        --dxbl-checkbox-check-element-switch-border-radius
    );
    --dxbl-checkbox-check-element-border-width: var(
        --dxbl-checkbox-check-element-switch-border-width
    );
    --dxbl-checkbox-check-element-border-style: var(
        --dxbl-checkbox-check-element-switch-border-style
    );
    --dxbl-checkbox-check-element-switch-trigger-transform: var(
        --dxbl-checkbox-check-element-switch-margin
    );
}
.dxbl-checkbox.dxbl-checkbox-switch.dxbl-sm {
    --dxbl-checkbox-check-element-width: var(
        --dxbl-checkbox-check-element-switch-width-s
    );
    --dxbl-checkbox-check-element-height: var(
        --dxbl-checkbox-check-element-switch-height-s
    );
    --dxbl-checkbox-check-element-switch-trigger-width: var(
        --dxbl-checkbox-check-element-switch-trigger-width-s
    );
    --dxbl-checkbox-check-element-switch-trigger-height: var(
        --dxbl-checkbox-check-element-switch-trigger-height-s
    );
}
.dxbl-checkbox.dxbl-checkbox-switch.dxbl-lg {
    --dxbl-checkbox-check-element-width: var(
        --dxbl-checkbox-check-element-switch-width-l
    );
    --dxbl-checkbox-check-element-height: var(
        --dxbl-checkbox-check-element-switch-height-l
    );
    --dxbl-checkbox-check-element-switch-trigger-width: var(
        --dxbl-checkbox-check-element-switch-trigger-width-l
    );
    --dxbl-checkbox-check-element-switch-trigger-height: var(
        --dxbl-checkbox-check-element-switch-trigger-height-l
    );
}
.dxbl-checkbox.dxbl-checkbox-switch.dxbl-checkbox-checked
    .dxbl-checkbox-check-element {
    --dxbl-checkbox-check-element-switch-trigger-transform: calc(
        var(--dxbl-checkbox-check-element-width) -
            var(--dxbl-checkbox-check-element-switch-trigger-width) -
            var(--dxbl-checkbox-check-element-switch-margin) - 2 *
            var(--dxbl-checkbox-check-element-switch-border-width)
    );
}
.dxbl-checkbox.dxbl-checkbox-switch.dxbl-disabled.dxbl-checkbox-checked,
.dxbl-checkbox.dxbl-checkbox-switch.dxbl-readonly.dxbl-checkbox-checked {
    --dxbl-checkbox-check-element-bg: var(
        --dxbl-checkbox-primary-checked-readonly-check-element-bg
    );
    --dxbl-checkbox-check-element-border: var(
        --dxbl-checkbox-primary-checked-readonly-check-element-border
    );
    --dxbl-checkbox-check-element-switch-trigger-bg: var(
        --dxbl-checkbox-primary-checked-readonly-check-element-trigger-bg
    );
    --dxbl-checkbox-hover-check-element-trigger-bg: var(
        --dxbl-checkbox-primary-checked-readonly-check-element-trigger-bg
    );
}
.dxbl-checkbox.dxbl-checkbox-switch.dxbl-disabled.dxbl-checkbox-unchecked,
.dxbl-checkbox.dxbl-checkbox-switch.dxbl-readonly.dxbl-checkbox-unchecked {
    --dxbl-checkbox-check-element-bg: var(
        --dxbl-checkbox-primary-unchecked-readonly-check-element-bg
    );
    --dxbl-checkbox-check-element-border: var(
        --dxbl-checkbox-primary-unchecked-readonly-check-element-border
    );
    --dxbl-checkbox-check-element-switch-trigger-bg: var(
        --dxbl-checkbox-primary-unchecked-readonly-check-element-trigger-bg
    );
    --dxbl-checkbox-hover-check-element-trigger-bg: var(
        --dxbl-checkbox-primary-unchecked-readonly-check-element-trigger-bg
    );
}
.dxbl-checkbox.dxbl-checkbox-switch:not(.dxbl-readonly):not(
        .dxbl-disabled
    ).dxbl-checkbox-checked {
    --dxbl-checkbox-check-element-bg: var(
        --dxbl-checkbox-primary-checked-check-element-bg
    );
    --dxbl-checkbox-check-element-border: var(
        --dxbl-checkbox-primary-checked-check-element-border
    );
    --dxbl-checkbox-check-element-switch-trigger-bg: var(
        --dxbl-checkbox-primary-checked-check-element-trigger-bg
    );
    --dxbl-checkbox-hover-check-element-border: var(
        --dxbl-checkbox-primary-checked-hover-check-element-border
    );
    --dxbl-checkbox-hover-check-element-bg: var(
        --dxbl-checkbox-primary-checked-hover-check-element-bg
    );
    --dxbl-checkbox-hover-check-element-trigger-bg: var(
        --dxbl-checkbox-primary-checked-hover-check-element-trigger-bg
    );
}
.dxbl-checkbox.dxbl-checkbox-switch:not(.dxbl-readonly):not(
        .dxbl-disabled
    ).dxbl-checkbox-checked.valid.modified {
    --dxbl-checkbox-check-element-bg: var(
        --dxbl-checkbox-success-checked-check-element-bg
    );
    --dxbl-checkbox-check-element-border: var(
        --dxbl-checkbox-success-checked-check-element-border
    );
    --dxbl-checkbox-check-element-switch-trigger-bg: var(
        --dxbl-checkbox-success-checked-check-element-trigger-bg
    );
    --dxbl-checkbox-hover-check-element-border: var(
        --dxbl-checkbox-success-checked-hover-check-element-border
    );
    --dxbl-checkbox-hover-check-element-bg: var(
        --dxbl-checkbox-success-checked-hover-check-element-bg
    );
    --dxbl-checkbox-hover-check-element-trigger-bg: var(
        --dxbl-checkbox-success-checked-check-element-hover-trigger-bg
    );
}
.dxbl-checkbox.dxbl-checkbox-switch:not(.dxbl-readonly):not(
        .dxbl-disabled
    ).dxbl-checkbox-checked.invalid {
    --dxbl-checkbox-check-element-bg: var(
        --dxbl-checkbox-danger-checked-check-element-bg
    );
    --dxbl-checkbox-check-element-border: var(
        --dxbl-checkbox-danger-checked-check-element-border
    );
    --dxbl-checkbox-check-element-switch-trigger-bg: var(
        --dxbl-checkbox-danger-checked-check-element-trigger-bg
    );
    --dxbl-checkbox-hover-check-element-border: var(
        --dxbl-checkbox-danger-checked-hover-check-element-border
    );
    --dxbl-checkbox-hover-check-element-bg: var(
        --dxbl-checkbox-danger-checked-hover-check-element-bg
    );
    --dxbl-checkbox-hover-check-element-trigger-bg: var(
        --dxbl-checkbox-danger-checked-hover-check-element-trigger-bg
    );
}
.dxbl-checkbox.dxbl-checkbox-switch:not(.dxbl-readonly):not(
        .dxbl-disabled
    ).dxbl-checkbox-unchecked {
    --dxbl-checkbox-check-element-bg: var(
        --dxbl-checkbox-primary-unchecked-check-element-bg
    );
    --dxbl-checkbox-check-element-border: var(
        --dxbl-checkbox-primary-unchecked-check-element-border
    );
    --dxbl-checkbox-check-element-switch-trigger-bg: var(
        --dxbl-checkbox-primary-unchecked-check-element-trigger-bg
    );
    --dxbl-checkbox-hover-check-element-border: var(
        --dxbl-checkbox-primary-unchecked-hover-check-element-border
    );
    --dxbl-checkbox-hover-check-element-bg: var(
        --dxbl-checkbox-check-element-primary-unchecked-hover-bg
    );
    --dxbl-checkbox-hover-check-element-trigger-bg: var(
        --dxbl-checkbox-primary-unchecked-hover-check-element-trigger-bg
    );
}
.dxbl-progress-bar {
    --dxbl-progress-bar-label-font-family: var(--DS-font-family-sans-serif);
    --dxbl-progress-bar-label-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-progress-bar-track-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-progress-bar-primary-color: var(
        --DS-color-content-primary-default-rest
    );
    --dxbl-progress-bar-success-color: var(
        --DS-color-content-success-default-rest
    );
    --dxbl-progress-bar-error-color: var(
        --DS-color-content-danger-default-rest
    );
    --dxbl-progress-bar-pause-color: var(
        --DS-color-content-warning-default-rest
    );
    --dxbl-progress-bar-thickness-s: var(--DS-sizing-20);
    --dxbl-progress-bar-thickness-m: var(--DS-sizing-40);
    --dxbl-progress-bar-thickness-l: var(--DS-sizing-60);
    --dxbl-progress-bar-border-radius-s: var(--DS-border-radius-20);
    --dxbl-progress-bar-border-radius-m: var(--DS-border-radius-40);
    --dxbl-progress-bar-border-radius-l: var(--DS-border-radius-60);
    --dxbl-progress-bar-label-space-s: var(--DS-sizing-80);
    --dxbl-progress-bar-label-space-m: var(--DS-sizing-120);
    --dxbl-progress-bar-label-space-l: var(--DS-sizing-160);
    --dxbl-progress-bar-label-gap-s: var(--DS-sizing-40);
    --dxbl-progress-bar-label-gap-m: var(--DS-sizing-60);
    --dxbl-progress-bar-label-gap-l: var(--DS-sizing-80);
    --dxbl-progress-bar-icon-width-s: var(--DS-sizing-160);
    --dxbl-progress-bar-icon-width-m: var(--DS-sizing-200);
    --dxbl-progress-bar-icon-width-l: var(--DS-sizing-240);
    --dxbl-progress-bar-label-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-progress-bar-label-font-size-m: var(--DS-font-size-body-1);
    --dxbl-progress-bar-label-font-size-l: var(--DS-font-size-body-2);
    --dxbl-progress-bar-label-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-progress-bar-label-line-height-m: var(--DS-line-height-body-1);
    --dxbl-progress-bar-label-line-height-l: var(--DS-line-height-body-2);
}
@-webkit-keyframes dxbl-progress-bar-indeterminate-horizontal {
    0% {
        -webkit-transform: translateX(0) scaleX(0);
        transform: translateX(0) scaleX(0);
    }
    40% {
        -webkit-transform: translateX(0) scaleX(0.4);
        transform: translateX(0) scaleX(0.4);
    }
    100% {
        -webkit-transform: translateX(100%) scaleX(0.5);
        transform: translateX(100%) scaleX(0.5);
    }
}
@-o-keyframes dxbl-progress-bar-indeterminate-horizontal {
    0% {
        -o-transform: translateX(0) scaleX(0);
        transform: translateX(0) scaleX(0);
    }
    40% {
        -o-transform: translateX(0) scaleX(0.4);
        transform: translateX(0) scaleX(0.4);
    }
    100% {
        -o-transform: translateX(100%) scaleX(0.5);
        transform: translateX(100%) scaleX(0.5);
    }
}
@keyframes dxbl-progress-bar-indeterminate-horizontal {
    0% {
        -webkit-transform: translateX(0) scaleX(0);
        -o-transform: translateX(0) scaleX(0);
        transform: translateX(0) scaleX(0);
    }
    40% {
        -webkit-transform: translateX(0) scaleX(0.4);
        -o-transform: translateX(0) scaleX(0.4);
        transform: translateX(0) scaleX(0.4);
    }
    100% {
        -webkit-transform: translateX(100%) scaleX(0.5);
        -o-transform: translateX(100%) scaleX(0.5);
        transform: translateX(100%) scaleX(0.5);
    }
}
@-webkit-keyframes dxbl-progress-bar-indeterminate-vertical {
    0% {
        -webkit-transform: translateY(100%) scaleY(0.5);
        transform: translateY(100%) scaleY(0.5);
    }
    80% {
        -webkit-transform: translateY(0) scaleY(0.4);
        transform: translateY(0) scaleY(0.4);
    }
    100% {
        -webkit-transform: translateY(0) scaleY(0);
        transform: translateY(0) scaleY(0);
    }
}
@-o-keyframes dxbl-progress-bar-indeterminate-vertical {
    0% {
        -o-transform: translateY(100%) scaleY(0.5);
        transform: translateY(100%) scaleY(0.5);
    }
    80% {
        -o-transform: translateY(0) scaleY(0.4);
        transform: translateY(0) scaleY(0.4);
    }
    100% {
        -o-transform: translateY(0) scaleY(0);
        transform: translateY(0) scaleY(0);
    }
}
@keyframes dxbl-progress-bar-indeterminate-vertical {
    0% {
        -webkit-transform: translateY(100%) scaleY(0.5);
        -o-transform: translateY(100%) scaleY(0.5);
        transform: translateY(100%) scaleY(0.5);
    }
    80% {
        -webkit-transform: translateY(0) scaleY(0.4);
        -o-transform: translateY(0) scaleY(0.4);
        transform: translateY(0) scaleY(0.4);
    }
    100% {
        -webkit-transform: translateY(0) scaleY(0);
        -o-transform: translateY(0) scaleY(0);
        transform: translateY(0) scaleY(0);
    }
}
@-webkit-keyframes dxbl-progress-bar-indeterminate-circular {
    from {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes dxbl-progress-bar-indeterminate-circular {
    from {
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
    to {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes dxbl-progress-bar-indeterminate-circular {
    from {
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.dxbl-progress-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
}
.dxbl-progress-bar.dxbl-progress-bar-vertical {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.dxbl-progress-bar.dxbl-progress-bar-vertical .dxbl-progress-bar-indicator {
    bottom: 0;
}
.dxbl-progress-bar.dxbl-progress-circular-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-progress-bar.dxbl-progress-circular-bar .dxbl-progress-bar-container {
    position: relative;
}
.dxbl-progress-bar.dxbl-progress-circular-bar.dxbl-progress-bar-indeterminate
    .dxbl-progress-bar-circle {
    height: 100%;
    -webkit-animation: dxbl-progress-bar-indeterminate-circular
        var(--dxbl-progress-bar-indeterminate-animation-length) linear infinite;
    -o-animation: dxbl-progress-bar-indeterminate-circular
        var(--dxbl-progress-bar-indeterminate-animation-length) linear infinite;
    animation: dxbl-progress-bar-indeterminate-circular
        var(--dxbl-progress-bar-indeterminate-animation-length) linear infinite;
}
.dxbl-progress-bar.dxbl-progress-circular-bar
    .dxbl-progress-circular-bar-container {
    position: relative;
    width: 100%;
    height: 100%;
}
.dxbl-progress-bar.dxbl-progress-circular-bar
    .dxbl-progress-circular-bar-container
    .dxbl-progress-bar-circle {
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.dxbl-progress-bar.dxbl-progress-circular-bar
    .dxbl-progress-circular-bar-container
    .dxbl-progress-circular-bar-track {
    fill: none;
    stroke-width: var(--dxbl-progress-bar-thickness);
    stroke: var(--dxbl-progress-bar-track-color);
}
.dxbl-progress-bar.dxbl-progress-circular-bar
    .dxbl-progress-circular-bar-container
    .dxbl-progress-circular-bar-indicator {
    fill: none;
    stroke-width: var(--dxbl-progress-bar-thickness);
    stroke-linecap: round;
    stroke: var(--dxbl-progress-bar-indicator-color);
}
.dxbl-progress-bar.dxbl-progress-bar-error.dxbl-progress-bar-horizontal
    .dxbl-progress-bar-indicator,
.dxbl-progress-bar.dxbl-progress-bar-success.dxbl-progress-bar-horizontal
    .dxbl-progress-bar-indicator {
    width: 100%;
}
.dxbl-progress-bar.dxbl-progress-bar-error.dxbl-progress-bar-vertical
    .dxbl-progress-bar-indicator,
.dxbl-progress-bar.dxbl-progress-bar-success.dxbl-progress-bar-vertical
    .dxbl-progress-bar-indicator {
    height: 100%;
}
.dxbl-progress-bar.dxbl-progress-bar-indeterminate
    .dxbl-progress-bar-track-container {
    overflow: hidden;
}
.dxbl-progress-bar.dxbl-progress-bar-indeterminate.dxbl-progress-bar-error
    .dxbl-progress-bar-indicator,
.dxbl-progress-bar.dxbl-progress-bar-indeterminate.dxbl-progress-bar-success
    .dxbl-progress-bar-indicator {
    -webkit-animation: unset;
    -o-animation: unset;
    animation: unset;
}
.dxbl-progress-bar.dxbl-progress-bar-indeterminate
    .dxbl-progress-bar-track-container
    > .dxbl-progress-bar-indicator {
    width: 100%;
    height: 100%;
    -webkit-animation: var(--dxbl-progress-bar-indeterminate-animation);
    -o-animation: var(--dxbl-progress-bar-indeterminate-animation);
    animation: var(--dxbl-progress-bar-indeterminate-animation);
    -webkit-transform-origin: var(
        --dxbl-progress-bar-indeterminate-transform-origin
    );
    -o-transform-origin: var(
        --dxbl-progress-bar-indeterminate-transform-origin
    );
    transform-origin: var(--dxbl-progress-bar-indeterminate-transform-origin);
}
.dxbl-progress-bar .dxbl-progress-bar-container {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.dxbl-progress-bar .dxbl-progress-bar-container.dxbl-progress-bar-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.dxbl-progress-bar
    .dxbl-progress-bar-container.dxbl-progress-bar-row
    .dxbl-progress-bar-label.dxbl-progress-bar-label-before {
    margin-right: var(--dxbl-progress-bar-label-space);
}
.dxbl-progress-bar
    .dxbl-progress-bar-container.dxbl-progress-bar-row
    .dxbl-progress-bar-label.dxbl-progress-bar-label-after {
    margin-left: var(--dxbl-progress-bar-label-space);
}
.dxbl-progress-bar .dxbl-progress-bar-container.dxbl-progress-bar-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.dxbl-progress-bar
    .dxbl-progress-bar-container.dxbl-progress-bar-column
    .dxbl-progress-bar-label.dxbl-progress-bar-label-before {
    margin-bottom: var(--dxbl-progress-bar-label-space);
}
.dxbl-progress-bar
    .dxbl-progress-bar-container.dxbl-progress-bar-column
    .dxbl-progress-bar-label.dxbl-progress-bar-label-after {
    margin-top: var(--dxbl-progress-bar-label-space);
}
.dxbl-progress-bar .dxbl-progress-bar-track-container {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    position: relative;
    height: var(--dxbl-progress-bar-track-height);
    width: var(--dxbl-progress-bar-track-width);
    border-radius: var(--dxbl-progress-bar-border-radius);
}
.dxbl-progress-bar .dxbl-progress-bar-track-container .dxbl-progress-bar-track {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: var(--dxbl-progress-bar-track-color);
    border-radius: var(--dxbl-progress-bar-border-radius);
}
.dxbl-progress-bar
    .dxbl-progress-bar-track-container
    .dxbl-progress-bar-indicator {
    position: absolute;
    background-color: var(--dxbl-progress-bar-indicator-color);
    border-radius: var(--dxbl-progress-bar-border-radius);
    width: var(--dxbl-progress-bar-indicator-width);
    height: var(--dxbl-progress-bar-indicator-height);
}
.dxbl-progress-bar .dxbl-progress-bar-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.dxbl-progress-bar .dxbl-progress-bar-label.dxbl-progress-bar-label-hidden {
    display: none;
}
.dxbl-progress-bar .dxbl-progress-bar-label.dxbl-progress-circular-bar-label {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
}
.dxbl-progress-bar
    .dxbl-progress-bar-label.dxbl-progress-circular-bar-label
    .dxbl-progress-bar-label-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--dxbl-progress-bar-label-gap);
}
.dxbl-progress-bar
    .dxbl-progress-bar-label.dxbl-progress-circular-bar-label
    .dxbl-progress-bar-label-container
    > p {
    max-width: var(--dxbl-progress-bar-label-width);
}
.dxbl-progress-bar .dxbl-progress-bar-label .dxbl-progress-bar-label-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--dxbl-progress-bar-label-gap);
}
.dxbl-progress-bar
    .dxbl-progress-bar-label
    .dxbl-progress-bar-label-container
    > p {
    color: var(--dxbl-progress-bar-label-color);
    margin: 0;
    font-family: var(--dxbl-progress-bar-label-font-family);
    line-height: var(--dxbl-progress-bar-label-line-height);
    font-size: var(--dxbl-progress-bar-label-font-size);
    max-width: var(--dxbl-progress-bar-width);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.dxbl-progress-bar
    .dxbl-progress-bar-label
    .dxbl-progress-bar-label-container
    > svg {
    fill: var(--dxbl-progress-bar-indicator-color);
    width: var(--dxbl-progress-bar-icon-width);
    height: var(--dxbl-progress-bar-icon-width);
}
.dxbl-progress-bar .dxbl-progress-bar-label.dxbl-progress-bar-label-before {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
.dxbl-progress-bar .dxbl-progress-bar-label.dxbl-progress-bar-label-after {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}
.dxbl-progress-bar {
    --dxbl-progress-bar-indicator-color: var(--dxbl-progress-bar-primary-color);
    --dxbl-progress-bar-default-thickness: var(--dxbl-progress-bar-thickness-m);
    --dxbl-progress-bar-border-radius: var(--dxbl-progress-bar-border-radius-m);
    --dxbl-progress-bar-label-font-size: var(
        --dxbl-progress-bar-label-font-size-m
    );
    --dxbl-progress-bar-label-line-height: var(
        --dxbl-progress-bar-label-line-height-m
    );
    --dxbl-progress-bar-label-space: var(--dxbl-progress-bar-label-space-m);
    --dxbl-progress-bar-label-gap: var(--dxbl-progress-bar-label-gap-m);
    --dxbl-progress-bar-icon-width: var(--dxbl-progress-bar-icon-width-m);
    --dxbl-progress-bar-indeterminate-animation: unset;
    --dxbl-progress-bar-indeterminate-transform-origin: unset;
    --dxbl-progress-bar-indeterminate-animation-length: 2s;
    --dxbl-progress-bar-thickness: var(--dxbl-progress-bar-thickness-m);
    --dxbl-progress-bar-track-height: 100%;
    --dxbl-progress-bar-track-width: 100%;
}
.dxbl-progress-bar.dxbl-sm {
    --dxbl-progress-bar-default-thickness: var(--dxbl-progress-bar-thickness-s);
    --dxbl-progress-bar-border-radius: var(--dxbl-progress-bar-border-radius-s);
    --dxbl-progress-bar-label-space: var(--dxbl-progress-bar-label-space-s);
    --dxbl-progress-bar-label-gap: var(--dxbl-progress-bar-label-gap-s);
    --dxbl-progress-bar-label-line-height: var(
        --dxbl-progress-bar-label-line-height-s
    );
    --dxbl-progress-bar-label-font-size: var(
        --dxbl-progress-bar-label-font-size-s
    );
    --dxbl-progress-bar-icon-width: var(--dxbl-progress-bar-icon-width-s);
    --dxbl-progress-bar-thickness: var(--dxbl-progress-bar-thickness-s);
}
.dxbl-progress-bar.dxbl-lg {
    --dxbl-progress-bar-default-thickness: var(--dxbl-progress-bar-thickness-l);
    --dxbl-progress-bar-border-radius: var(--dxbl-progress-bar-border-radius-l);
    --dxbl-progress-bar-label-space: var(--dxbl-progress-bar-label-space-l);
    --dxbl-progress-bar-label-gap: var(--dxbl-progress-bar-label-gap-l);
    --dxbl-progress-bar-label-line-height: var(
        --dxbl-progress-bar-label-line-height-l
    );
    --dxbl-progress-bar-label-font-size: var(
        --dxbl-progress-bar-label-font-size-l
    );
    --dxbl-progress-bar-icon-width: var(--dxbl-progress-bar-icon-width-l);
    --dxbl-progress-bar-thickness: var(--dxbl-progress-bar-thickness-l);
}
.dxbl-progress-bar.dxbl-progress-bar-success {
    --dxbl-progress-bar-indicator-color: var(--dxbl-progress-bar-success-color);
}
.dxbl-progress-bar.dxbl-progress-bar-error {
    --dxbl-progress-bar-indicator-color: var(--dxbl-progress-bar-error-color);
}
.dxbl-progress-bar.dxbl-progress-bar-pause {
    --dxbl-progress-bar-indicator-color: var(--dxbl-progress-bar-pause-color);
    --dxbl-progress-bar-track-color: var(--dxbl-progress-bar-pause-color);
}
.dxbl-progress-bar.dxbl-progress-bar-horizontal {
    --dxbl-progress-bar-track-height: var(--dxbl-progress-bar-thickness);
    --dxbl-progress-bar-track-width: 100%;
    --dxbl-progress-bar-indeterminate-animation: dxbl-progress-bar-indeterminate-horizontal
        var(--dxbl-progress-bar-indeterminate-animation-length) linear infinite;
    --dxbl-progress-bar-indeterminate-transform-origin: 0 50%;
}
.dxbl-progress-bar.dxbl-progress-bar-vertical {
    --dxbl-progress-bar-track-height: 100%;
    --dxbl-progress-bar-track-width: var(--dxbl-progress-bar-thickness);
    --dxbl-progress-bar-indeterminate-animation: dxbl-progress-bar-indeterminate-vertical
        var(--dxbl-progress-bar-indeterminate-animation-length) linear infinite;
    --dxbl-progress-bar-indeterminate-transform-origin: 0 0;
}
.dxbl-progress-bar .dxbl-progress-bar-label.dxbl-progress-bar-no-icon {
    --dxbl-progress-bar-icon-width: 0px;
}
.dxbl-btn {
    --dxbl-btn-font-family: var(--DS-font-family-sans-serif);
    --dxbl-btn-letter-spacing: var(--DS-letter-spacing-body-1);
    --dxbl-btn-focus-outline-color: var(--DS-color-theme-builder-focus);
    --dxbl-btn-focus-outline-size: var(--DS-border-width-20);
    --dxbl-btn-focus-outline-offset: var(--DS-border-width-10);
    --dxbl-btn-border-style: solid;
    --dxbl-btn-border-width: var(--DS-border-width-10);
    --dxbl-btn-border-radius: var(--DS-border-radius-40);
    --dxbl-btn-link-text-decoration: underline;
    --dxbl-btn-active-bg: var(--dxbl-btn-bg);
    --dxbl-btn-active-color: var(--dxbl-btn-color);
    --dxbl-btn-hover-bg: var(--dxbl-btn-bg);
    --dxbl-btn-hover-color: var(--dxbl-btn-color);
    --dxbl-btn-padding-x-s: var(--DS-sizing-80);
    --dxbl-btn-padding-x-m: var(--DS-sizing-120);
    --dxbl-btn-padding-x-l: var(--DS-sizing-160);
    --dxbl-btn-padding-y-s: var(--DS-sizing-30);
    --dxbl-btn-padding-y-m: calc(var(--DS-sizing-60) - var(--DS-sizing-10));
    --dxbl-btn-padding-y-l: calc(var(--DS-sizing-80) - var(--DS-sizing-10));
    --dxbl-btn-icon-only-padding-x-s: var(--DS-sizing-30);
    --dxbl-btn-icon-only-padding-x-m: calc( var(--DS-sizing-40) + var(--DS-sizing-10) );
    --dxbl-btn-icon-only-padding-x-l: calc( var(--DS-sizing-60) + var(--DS-sizing-10) );
    --dxbl-btn-image-spacing-s: var(--DS-sizing-40);
    --dxbl-btn-image-spacing-m: var(--DS-sizing-40);
    --dxbl-btn-image-spacing-l: var(--DS-sizing-20);
    --dxbl-btn-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-btn-line-height-m: var(--DS-line-height-body-1-strong);
    --dxbl-btn-line-height-l: var(--DS-line-height-subtitle-2);
    --dxbl-btn-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-btn-font-size-m: var(--DS-font-size-body-1-strong);
    --dxbl-btn-font-size-l: var(--DS-font-size-subtitle-2);
    --dxbl-btn-font-weight-s: var(--DS-font-weight-caption-1);
    --dxbl-btn-font-weight-m: var(--DS-font-weight-body-1-strong);
    --dxbl-btn-font-weight-l: var(--DS-font-weight-subtitle-2);
    --dxbl-btn-link-font-weight-s: var(--DS-font-weight-caption-1);
    --dxbl-btn-link-font-weight-m: var(--DS-font-weight-body-1);
    --dxbl-btn-link-font-weight-l: var(--DS-font-weight-body-2);
    --dxbl-btn-btn-caption-padding-horizontal-s: var(--DS-sizing-0);
    --dxbl-btn-btn-caption-padding-horizontal-m: var(--DS-sizing-20);
    --dxbl-btn-btn-caption-padding-horizontal-l: var(--DS-sizing-40);
    --dxbl-btn-btn-caption-padding-top-s: var(--DS-sizing-0);
    --dxbl-btn-btn-caption-padding-top-m: var(--DS-sizing-0);
    --dxbl-btn-btn-caption-padding-top-l: var(--DS-sizing-10);
    --dxbl-btn-btn-caption-padding-bottom-s: var(--DS-sizing-0);
    --dxbl-btn-btn-caption-padding-bottom-m: var(--DS-sizing-0);
    --dxbl-btn-btn-caption-padding-bottom-l: var(--DS-sizing-10);
    --dxbl-btn-none-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-btn-none-hover-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-btn-none-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-btn-none-border-color: var(--DS-color-border-neutral-muted-rest);
    --dxbl-btn-none-hover-border-color: var( --DS-color-border-neutral-muted-rest );
    --dxbl-btn-none-active-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-btn-none-active-border-color: var( --DS-color-border-neutral-muted-rest );
    --dxbl-btn-primary-bg: #007A55;
    --dxbl-btn-primary-border-color: var(--DS-color-border-neutral-muted-rest);
    --dxbl-btn-primary-color: var(--DS-color-content-neutral-static-rest);
    --dxbl-btn-primary-active-bg: var( --DS-color-surface-primary-default-pressed );
    --dxbl-btn-primary-active-border-color: var( --DS-color-border-neutral-muted-pressed );
    --dxbl-btn-primary-hover-bg: var( --DS-color-surface-primary-default-hovered );
    --dxbl-btn-primary-hover-border-color: var( --DS-color-border-neutral-muted-hovered );
    --dxbl-btn-success-bg: var(--DS-color-surface-success-default-rest);
    --dxbl-btn-success-border-color: var(--DS-color-border-neutral-muted-rest);
    --dxbl-btn-success-color: var(--DS-color-content-neutral-static-rest);
    --dxbl-btn-success-active-bg: var( --DS-color-surface-success-default-pressed );
    --dxbl-btn-success-active-border-color: var( --DS-color-border-neutral-muted-pressed );
    --dxbl-btn-success-hover-bg: var( --DS-color-surface-success-default-hovered );
    --dxbl-btn-success-hover-border-color: var( --DS-color-border-neutral-muted-hovered );
    --dxbl-btn-warning-bg: var(--DS-color-surface-warning-default-rest);
    --dxbl-btn-warning-border-color: var(--DS-color-border-neutral-muted-rest);
    --dxbl-btn-warning-color: var( --DS-color-content-neutral-static-inverted-rest );
    --dxbl-btn-warning-active-bg: var( --DS-color-surface-warning-default-pressed );
    --dxbl-btn-warning-active-border-color: var( --DS-color-border-neutral-muted-pressed );
    --dxbl-btn-warning-active-color: var( --DS-color-content-neutral-static-rest );
    --dxbl-btn-warning-hover-bg: var( --DS-color-surface-warning-default-hovered );
    --dxbl-btn-warning-hover-border-color: var( --DS-color-border-neutral-muted-hovered );
    --dxbl-btn-warning-hover-color: var( --DS-color-content-neutral-inverted-rest );
    --dxbl-btn-danger-bg: var(--DS-color-surface-danger-default-rest);
    --dxbl-btn-danger-border-color: var(--DS-color-border-neutral-muted-rest);
    --dxbl-btn-danger-color: var(--DS-color-content-neutral-static-rest);
    --dxbl-btn-danger-active-bg: var(--DS-color-surface-danger-default-pressed);
    --dxbl-btn-danger-active-border-color: var( --DS-color-border-neutral-muted-pressed );
    --dxbl-btn-danger-hover-bg: var(--DS-color-surface-danger-default-hovered);
    --dxbl-btn-danger-hover-border-color: var( --DS-color-border-neutral-muted-hovered );
    --dxbl-btn-dark-bg: var(--DS-color-surface-neutral-static-inverted-rest);
    --dxbl-btn-dark-border-color: var( --DS-color-border-neutral-static-inverted-rest );
    --dxbl-btn-dark-color: var(--DS-color-content-neutral-static-rest);
    --dxbl-btn-dark-active-color: var( --DS-color-content-neutral-static-pressed );
    --dxbl-btn-dark-active-bg: var( --DS-color-surface-neutral-static-inverted-pressed );
    --dxbl-btn-dark-active-border-color: var( --DS-color-border-neutral-static-inverted-pressed );
    --dxbl-btn-dark-hover-color: var(--DS-color-content-neutral-static-hovered);
    --dxbl-btn-dark-hover-bg: var( --DS-color-surface-neutral-static-inverted-hovered );
    --dxbl-btn-dark-hover-border-color: var( --DS-color-border-neutral-static-inverted-hovered );
    --dxbl-btn-dark-focus-outline-color: var( --DS-color-border-focus-static-inverted );
    --dxbl-btn-light-bg: var(--DS-color-surface-neutral-static-rest);
    --dxbl-btn-light-border-color: var(--DS-color-border-neutral-static-rest);
    --dxbl-btn-light-color: var( --DS-color-content-neutral-static-inverted-rest );
    --dxbl-btn-light-active-bg: var(--DS-color-surface-neutral-static-pressed);
    --dxbl-btn-light-active-border-color: var( --DS-color-border-neutral-static-pressed );
    --dxbl-btn-light-active-color: var( --DS-color-content-neutral-static-inverted-pressed );
    --dxbl-btn-light-hover-bg: var(--DS-color-surface-neutral-static-hovered);
    --dxbl-btn-light-hover-border-color: var( --DS-color-border-neutral-static-hovered );
    --dxbl-btn-light-hover-color: var( --DS-color-content-neutral-static-inverted-hovered );
    --dxbl-btn-light-focus-outline-color: var(--DS-color-border-focus-static);
    --dxbl-btn-secondary-bg: var(--DS-color-surface-secondary-default-rest);
    --dxbl-btn-secondary-border-color: var( --DS-color-border-secondary-subdued-rest );
    --dxbl-btn-secondary-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-btn-secondary-active-bg: var( --DS-color-surface-secondary-default-pressed );
    --dxbl-btn-secondary-active-border-color: var( --DS-color-border-secondary-subdued-pressed );
    --dxbl-btn-secondary-hover-bg: var( --DS-color-surface-secondary-default-hovered );
    --dxbl-btn-secondary-hover-border-color: var( --DS-color-border-secondary-subdued-hovered );
    --dxbl-btn-info-bg: var(--DS-color-surface-info-default-rest);
    --dxbl-btn-info-border-color: var(--DS-color-border-neutral-muted-rest);
    --dxbl-btn-info-color: var(--DS-color-content-neutral-static-rest);
    --dxbl-btn-info-active-bg: var(--DS-color-surface-info-default-pressed);
    --dxbl-btn-info-active-border-color: var( --DS-color-border-neutral-muted-pressed );
    --dxbl-btn-info-hover-bg: var(--DS-color-surface-info-default-hovered);
    --dxbl-btn-info-hover-border-color: var( --DS-color-border-neutral-muted-hovered );
    --dxbl-btn-link-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-btn-link-border-color: var(--DS-color-border-neutral-muted-rest);
    --dxbl-btn-link-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-btn-link-active-border-color: var( --DS-color-border-neutral-muted-pressed );
    --dxbl-btn-link-active-color: var( --DS-color-content-primary-default-pressed );
    --dxbl-btn-link-hover-border-color: var( --DS-color-border-neutral-muted-hovered );
    --dxbl-btn-link-hover-color: var( --DS-color-content-primary-default-hovered );
    --dxbl-btn-outline-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-btn-outline-border-color: var( --DS-color-border-neutral-default-rest );
    --dxbl-btn-outline-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-btn-outline-active-bg: var( --DS-color-surface-neutral-default-pressed );
    --dxbl-btn-outline-active-border-color: var( --DS-color-border-neutral-default-pressed );
    --dxbl-btn-outline-hover-bg: var( --DS-color-surface-neutral-default-hovered );
    --dxbl-btn-outline-hover-border-color: var( --DS-color-border-neutral-default-hovered );
    --dxbl-btn-outline-link-border-color: var( --DS-color-border-neutral-muted-rest );
    --dxbl-btn-outline-link-hover-border-color: var( --DS-color-border-neutral-muted-hovered );
    --dxbl-btn-outline-primary-active-color: var( --DS-color-content-primary-default-pressed );
    --dxbl-btn-outline-primary-hover-color: var( --DS-color-content-primary-default-hovered );
    --dxbl-btn-outline-info-active-color: var( --DS-color-content-info-default-pressed );
    --dxbl-btn-outline-info-hover-color: var( --DS-color-content-info-default-hovered );
    --dxbl-btn-outline-success-active-color: var( --DS-color-content-success-default-pressed );
    --dxbl-btn-outline-success-hover-color: var( --DS-color-content-success-default-hovered );
    --dxbl-btn-outline-warning-active-color: var( --DS-color-content-warning-default-pressed );
    --dxbl-btn-outline-warning-hover-color: var( --DS-color-content-warning-default-hovered );
    --dxbl-btn-outline-danger-active-color: var( --DS-color-content-danger-default-pressed );
    --dxbl-btn-outline-danger-hover-color: var( --DS-color-content-danger-default-hovered );
    --dxbl-btn-outline-light-color: var(--DS-color-content-neutral-static-rest);
    --dxbl-btn-outline-light-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-btn-outline-light-border-color: color( from var(--DS-color-content-neutral-static-rest) srgb calc(r) calc(g) calc(b)/var(--DS-opacity-30) );
    --dxbl-btn-outline-light-active-bg: color( from var(--DS-color-surface-neutral-static-rest) srgb calc(r) calc(g) calc(b)/var(--DS-opacity-5) );
    --dxbl-btn-outline-light-active-border-color: color( from var(--DS-color-content-neutral-static-rest) srgb calc(r) calc(g) calc(b)/var(--DS-opacity-25) );
    --dxbl-btn-outline-light-active-color: var( --DS-color-content-neutral-static-pressed );
    --dxbl-btn-outline-light-hover-bg: color( from var(--DS-color-surface-neutral-static-rest) srgb calc(r) calc(g) calc(b)/var(--DS-opacity-15) );
    --dxbl-btn-outline-light-hover-border-color: color( from var(--DS-color-content-neutral-static-rest) srgb calc(r) calc(g) calc(b)/var(--DS-opacity-35) );
    --dxbl-btn-outline-light-hover-color: var( --DS-color-content-neutral-static-hovered );
    --dxbl-btn-outline-light-focus-outline-color: var( --DS-color-border-focus-static );
    --dxbl-btn-outline-dark-color: var( --DS-color-content-neutral-static-inverted-rest );
    --dxbl-btn-outline-dark-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-btn-outline-dark-border-color: color( from var(--DS-color-content-neutral-static-inverted-rest) srgb calc(r) calc(g) calc(b)/var(--DS-opacity-20) );
    --dxbl-btn-outline-dark-active-bg: color( from var(--DS-color-surface-neutral-static-inverted-rest) srgb calc(r) calc(g) calc(b)/var(--DS-opacity-15) );
    --dxbl-btn-outline-dark-active-border-color: color( from var(--DS-color-content-neutral-static-inverted-rest) srgb calc(r) calc(g) calc(b)/var(--DS-opacity-15) );
    --dxbl-btn-outline-dark-active-color: var( --DS-color-content-neutral-static-inverted-pressed );
    --dxbl-btn-outline-dark-hover-bg: color( from var(--DS-color-surface-neutral-static-inverted-rest) srgb calc(r) calc(g) calc(b)/var(--DS-opacity-5) );
    --dxbl-btn-outline-dark-hover-border-color: color( from var(--DS-color-content-neutral-static-inverted-rest) srgb calc(r) calc(g) calc(b)/var(--DS-opacity-20) );
    --dxbl-btn-outline-dark-hover-color: var( --DS-color-content-neutral-static-inverted-hovered );
    --dxbl-btn-outline-dark-focus-outline-color: var( --DS-color-border-focus-static-inverted );
    --dxbl-btn-text-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-btn-text-border-color: var(--DS-color-border-neutral-muted-rest);
    --dxbl-btn-text-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-btn-text-active-border-color: var( --DS-color-border-neutral-muted-pressed );
    --dxbl-btn-text-hover-border-color: var( --DS-color-border-neutral-muted-hovered );
    --dxbl-btn-text-hover-bg: var(--DS-color-surface-neutral-muted-hovered);
    --dxbl-btn-text-active-bg: unset;
    --dxbl-btn-text-primary-hover-color: var( --DS-color-content-primary-default-hovered );
    --dxbl-btn-text-primary-hover-bg: var( --DS-color-surface-neutral-default-hovered );
    --dxbl-btn-text-primary-active-color: var( --DS-color-content-primary-default-pressed );
    --dxbl-btn-text-primary-active-bg: var( --DS-color-surface-neutral-default-pressed );
    --dxbl-btn-text-secondary-hover-color: var( --DS-color-content-secondary-default-hovered );
    --dxbl-btn-text-secondary-hover-bg: var( --DS-color-surface-neutral-default-hovered );
    --dxbl-btn-text-secondary-active-color: var( --DS-color-content-secondary-default-pressed );
    --dxbl-btn-text-secondary-active-bg: var( --DS-color-surface-neutral-default-pressed );
    --dxbl-btn-text-info-hover-color: var( --DS-color-content-info-default-hovered );
    --dxbl-btn-text-info-hover-bg: var( --DS-color-surface-neutral-default-hovered );
    --dxbl-btn-text-info-active-color: var( --DS-color-content-info-default-pressed );
    --dxbl-btn-text-info-active-bg: var( --DS-color-surface-neutral-default-pressed );
    --dxbl-btn-text-success-hover-color: var( --DS-color-content-success-default-hovered );
    --dxbl-btn-text-success-hover-bg: var( --DS-color-surface-neutral-default-hovered );
    --dxbl-btn-text-success-active-color: var( --DS-color-content-success-default-pressed );
    --dxbl-btn-text-success-active-bg: var( --DS-color-surface-neutral-default-pressed );
    --dxbl-btn-text-warning-hover-color: var( --DS-color-content-warning-default-hovered );
    --dxbl-btn-text-warning-hover-bg: var( --DS-color-surface-neutral-default-hovered );
    --dxbl-btn-text-warning-active-color: var( --DS-color-content-warning-default-pressed );
    --dxbl-btn-text-warning-active-bg: var( --DS-color-surface-neutral-default-pressed );
    --dxbl-btn-text-danger-hover-color: var( --DS-color-content-danger-default-hovered );
    --dxbl-btn-text-danger-hover-bg: var( --DS-color-surface-neutral-default-hovered );
    --dxbl-btn-text-danger-active-color: var( --DS-color-content-danger-default-pressed );
    --dxbl-btn-text-danger-active-bg: var( --DS-color-surface-neutral-default-pressed );
    --dxbl-btn-text-light-color: var(--DS-color-content-neutral-static-rest);
    --dxbl-btn-text-light-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-btn-text-light-border-color: var( --DS-color-border-neutral-muted-rest );
    --dxbl-btn-text-light-active-color: var( --DS-color-content-neutral-static-pressed );
    --dxbl-btn-text-light-active-bg: color( from var(--DS-color-surface-neutral-static-rest) srgb calc(r) calc(g) calc(b)/var(--DS-opacity-5) );
    --dxbl-btn-text-light-active-border-color: var( --DS-color-border-neutral-muted-pressed );
    --dxbl-btn-text-light-hover-color: var( --DS-color-content-neutral-static-hovered );
    --dxbl-btn-text-light-hover-bg: color( from var(--DS-color-surface-neutral-static-rest) srgb calc(r) calc(g) calc(b)/var(--DS-opacity-15) );
    --dxbl-btn-text-light-hover-border-color: var( --DS-color-border-neutral-muted-hovered );
    --dxbl-btn-text-light-focus-outline-color: var( --DS-color-border-focus-static );
    --dxbl-btn-text-dark-color: var( --DS-color-content-neutral-static-inverted-rest );
    --dxbl-btn-text-dark-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-btn-text-dark-border-color: var( --DS-color-border-neutral-muted-rest );
    --dxbl-btn-text-dark-active-color: var( --DS-color-content-neutral-static-inverted-pressed );
    --dxbl-btn-text-dark-active-bg: color( from var(--DS-color-surface-neutral-static-inverted-rest) srgb calc(r) calc(g) calc(b)/var(--DS-opacity-15) );
    --dxbl-btn-text-dark-active-border-color: var( --DS-color-border-neutral-muted-pressed );
    --dxbl-btn-text-dark-hover-color: var( --DS-color-content-neutral-static-inverted-hovered );
    --dxbl-btn-text-dark-hover-bg: color( from var(--DS-color-surface-neutral-static-inverted-rest) srgb calc(r) calc(g) calc(b)/var(--DS-opacity-5) );
    --dxbl-btn-text-dark-hover-border-color: var( --DS-color-border-neutral-muted-hovered );
    --dxbl-btn-text-dark-focus-outline-color: var( --DS-color-border-focus-static-inverted );
    --dxbl-btn-disabled-color: hsla(162, 100%, 24%, 0.4);
    --dxbl-btn-disabled-bg: var(--DS-color-surface-neutral-default-disabled);
    --dxbl-btn-disabled-border-color: var( --DS-color-border-neutral-subdued-disabled );
    --dxbl-btn-primary-disabled-border-color: var( --DS-color-border-neutral-muted-disabled );
    --dxbl-btn-success-disabled-border-color: var( --DS-color-border-neutral-muted-disabled );
    --dxbl-btn-warning-disabled-border-color: var( --DS-color-border-neutral-muted-disabled );
    --dxbl-btn-danger-disabled-border-color: var( --DS-color-border-neutral-muted-disabled );
    --dxbl-btn-info-disabled-border-color: var( --DS-color-border-neutral-muted-disabled );
    --dxbl-btn-text-disabled-color: var( --DS-color-content-neutral-default-disabled );
    --dxbl-btn-text-disabled-bg: var(--DS-color-surface-neutral-muted-disabled);
    --dxbl-btn-text-disabled-border-color: var( --DS-color-border-neutral-muted-disabled );
    --dxbl-btn-outline-disabled-color: var( --DS-color-content-neutral-default-disabled );
    --dxbl-btn-outline-disabled-bg: var( --DS-color-surface-neutral-muted-disabled );
    --dxbl-btn-outline-disabled-border-color: var( --DS-color-border-neutral-default-disabled );
    --dxbl-btn-outline-link-disabled-bg: var( --DS-color-surface-neutral-muted-disabled );
    --dxbl-btn-outline-link-disabled-border-color: var( --DS-color-border-neutral-muted-disabled );
    --dxbl-btn-light-disabled-color: var( --DS-color-content-neutral-static-inverted-disabled );
    --dxbl-btn-light-disabled-bg: var( --DS-color-surface-neutral-static-disabled );
    --dxbl-btn-light-disabled-border-color: var( --DS-color-border-neutral-static-disabled );
    --dxbl-btn-dark-disabled-color: var( --DS-color-content-neutral-static-disabled );
    --dxbl-btn-dark-disabled-bg: var( --DS-color-surface-neutral-static-inverted-disabled );
    --dxbl-btn-dark-disabled-border-color: var( --DS-color-border-neutral-static-inverted-disabled );
    --dxbl-btn-outline-light-disabled-color: color( from var(--DS-color-content-neutral-static-rest) srgb calc(r) calc(g) calc(b)/var(--DS-opacity-40) );
    --dxbl-btn-outline-light-disabled-bg: var( --DS-color-surface-neutral-muted-disabled );
    --dxbl-btn-outline-light-disabled-border-color: color( from var(--DS-color-content-neutral-static-rest) srgb calc(r) calc(g) calc(b)/var(--DS-opacity-10) );
    --dxbl-btn-outline-dark-disabled-color: color( from var(--DS-color-content-neutral-static-inverted-rest) srgb calc(r) calc(g) calc(b)/var(--DS-opacity-35) );
    --dxbl-btn-outline-dark-disabled-bg: var( --DS-color-surface-neutral-muted-disabled );
    --dxbl-btn-outline-dark-disabled-border-color: color( from var(--DS-color-content-neutral-static-inverted-rest) srgb calc(r) calc(g) calc(b)/var(--DS-opacity-15) );
    --dxbl-btn-link-disabled-bg: var(--DS-color-surface-neutral-muted-disabled);
    --dxbl-btn-link-disabled-border-color: var( --DS-color-border-neutral-muted-disabled );
    --dxbl-btn-secondary-disabled-border-color: var( --DS-color-border-secondary-subdued-disabled );
    --dxbl-btn-secondary-disabled-bg: var( --DS-color-surface-secondary-default-disabled );
    --dxbl-btn-text-light-disabled-color: color( from var(--DS-color-content-neutral-static-rest) srgb calc(r) calc(g) calc(b)/var(--DS-opacity-40) );
    --dxbl-btn-text-light-disabled-bg: var( --DS-color-surface-neutral-muted-disabled );
    --dxbl-btn-text-light-disabled-border-color: var( --DS-color-border-neutral-muted-disabled );
    --dxbl-btn-text-dark-disabled-color: color( from var(--DS-color-content-neutral-static-inverted-rest) srgb calc(r) calc(g) calc(b)/var(--DS-opacity-35) );
    --dxbl-btn-text-dark-disabled-bg: var( --DS-color-surface-neutral-muted-disabled );
    --dxbl-btn-text-dark-disabled-border-color: var( --DS-color-border-neutral-muted-disabled );
}
.dxbl-btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--dxbl-btn-bg);
    border-radius: var(--dxbl-btn-border-radius);
    border-width: var(--dxbl-btn-border-width);
    border-style: var(--dxbl-btn-border-style);
    border-color: var(--dxbl-btn-border-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--dxbl-btn-color);
    font-family: var(--dxbl-btn-font-family);
    font-size: var(--dxbl-btn-font-size);
    font-weight: var(--dxbl-btn-font-weight);
    letter-spacing: var(--dxbl-btn-letter-spacing);
    line-height: var(--dxbl-btn-line-height);
    padding: var(--dxbl-btn-padding-y) var(--dxbl-btn-padding-x);
    -webkit-text-decoration: var(--dxbl-btn-text-decoration);
    text-decoration: var(--dxbl-btn-text-decoration);
}
.dxbl-btn > .dxbl-image + *,
.dxbl-btn > :not(.dxbl-image) + .dxbl-image:not(:first-child) {
    margin-left: var(--dxbl-btn-image-spacing);
}
.dxbl-btn:hover {
    background-color: var(--dxbl-btn-hover-bg);
    border-color: var(--dxbl-btn-hover-border-color);
    color: var(--dxbl-btn-hover-color);
}
.dxbl-btn.dxbl-disabled:hover {
    background-color: var(--dxbl-btn-bg);
    border-color: var(--dxbl-btn-border-color);
    color: var(--dxbl-btn-color);
}
.dxbl-btn:focus-visible {
    outline: var(--dxbl-btn-focus-outline-color) solid
        var(--dxbl-btn-focus-outline-size);
    outline-offset: var(--dxbl-btn-focus-outline-offset);
}
.dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-active,
.dxbl-btn:not(.dxbl-disabled):not(:disabled):active {
    background-color: var(--dxbl-btn-active-bg);
    border-color: var(--dxbl-btn-active-border-color);
    color: var(--dxbl-btn-active-color);
}
.dxbl-btn.dxbl-btn-standalone.dxbl-btn-icon-only {
    --dxbl-btn-padding-x: var(--dxbl-btn-icon-only-padding-x);
}
.dxbl-btn.dxbl-btn-link,
.dxbl-btn.dxbl-btn-outline-link,
.dxbl-btn.dxbl-btn-text-link {
    font-weight: var(--dxbl-btn-link-font-weight);
}
.dxbl-btn .dxbl-btn-caption {
    padding: var(--dxbl-btn-btn-caption-padding-top)
        var(--dxbl-btn-btn-caption-padding-horizontal)
        var(--dxbl-btn-btn-caption-padding-bottom);
}
.dxbl-btn {
    --dxbl-btn-bg: var(--dxbl-btn-none-bg);
    --dxbl-btn-hover-bg: var(--dxbl-btn-none-hover-bg);
    --dxbl-btn-color: var(--dxbl-btn-none-color);
    --dxbl-btn-border-color: var(--dxbl-btn-none-border-color);
    --dxbl-btn-hover-border-color: var(--dxbl-btn-none-hover-border-color);
    --dxbl-btn-active-bg: var(--dxbl-btn-none-active-bg);
    --dxbl-btn-active-border-color: var(--dxbl-btn-none-active-border-color);
    --dxbl-btn-padding-x: var(--dxbl-btn-padding-x-m);
    --dxbl-btn-padding-y: var(--dxbl-btn-padding-y-m);
    --dxbl-btn-image-spacing: var(--dxbl-btn-image-spacing-m);
    --dxbl-btn-font-size: var(--dxbl-btn-font-size-m);
    --dxbl-btn-font-weight: var(--dxbl-btn-font-weight-m);
    --dxbl-btn-link-font-weight: var(--dxbl-btn-link-font-weight-m);
    --dxbl-btn-line-height: var(--dxbl-btn-line-height-m);
    --dxbl-btn-btn-caption-padding-horizontal: var(
        --dxbl-btn-btn-caption-padding-horizontal-m
    );
    --dxbl-btn-btn-caption-padding-top: var(
        --dxbl-btn-btn-caption-padding-top-m
    );
    --dxbl-btn-btn-caption-padding-bottom: var(
        --dxbl-btn-btn-caption-padding-bottom-m
    );
    --dxbl-btn-icon-only-padding-x: var(--dxbl-btn-icon-only-padding-x-m);
}
.dxbl-btn.dxbl-sm {
    --dxbl-btn-padding-x: var(--dxbl-btn-padding-x-s);
    --dxbl-btn-padding-y: var(--dxbl-btn-padding-y-s);
    --dxbl-btn-image-spacing: var(--dxbl-btn-image-spacing-s);
    --dxbl-btn-font-size: var(--dxbl-btn-font-size-s);
    --dxbl-btn-font-weight: var(--dxbl-btn-font-weight-s);
    --dxbl-btn-link-font-weight: var(--dxbl-btn-link-font-weight-s);
    --dxbl-btn-line-height: var(--dxbl-btn-line-height-s);
    --dxbl-btn-btn-caption-padding-horizontal: var(
        --dxbl-btn-btn-caption-padding-horizontal-s
    );
    --dxbl-btn-btn-caption-padding-top: var(
        --dxbl-btn-btn-caption-padding-top-s
    );
    --dxbl-btn-btn-caption-padding-bottom: var(
        --dxbl-btn-btn-caption-padding-bottom-s
    );
    --dxbl-btn-icon-only-padding-x: var(--dxbl-btn-icon-only-padding-x-s);
}
.dxbl-btn.dxbl-lg {
    --dxbl-btn-padding-x: var(--dxbl-btn-padding-x-l);
    --dxbl-btn-padding-y: var(--dxbl-btn-padding-y-l);
    --dxbl-btn-image-spacing: var(--dxbl-btn-image-spacing-l);
    --dxbl-btn-font-size: var(--dxbl-btn-font-size-l);
    --dxbl-btn-font-weight: var(--dxbl-btn-font-weight-l);
    --dxbl-btn-link-font-weight: var(--dxbl-btn-link-font-weight-l);
    --dxbl-btn-line-height: var(--dxbl-btn-line-height-l);
    --dxbl-btn-btn-caption-padding-horizontal: var(
        --dxbl-btn-btn-caption-padding-horizontal-l
    );
    --dxbl-btn-btn-caption-padding-top: var(
        --dxbl-btn-btn-caption-padding-top-l
    );
    --dxbl-btn-btn-caption-padding-bottom: var(
        --dxbl-btn-btn-caption-padding-bottom-l
    );
    --dxbl-btn-icon-only-padding-x: var(--dxbl-btn-icon-only-padding-x-l);
}
.dxbl-btn.dxbl-btn-primary {
    --dxbl-btn-bg: var(--dxbl-btn-primary-bg);
    --dxbl-btn-hover-bg: var(--dxbl-btn-primary-hover-bg);
    --dxbl-btn-color: var(--dxbl-btn-primary-color);
    --dxbl-btn-border-color: var(--dxbl-btn-primary-border-color);
    --dxbl-btn-hover-border-color: var(--dxbl-btn-primary-hover-border-color);
    --dxbl-btn-active-bg: var(--dxbl-btn-primary-active-bg);
    --dxbl-btn-active-border-color: var(--dxbl-btn-primary-active-border-color);
}
.dxbl-btn.dxbl-btn-secondary {
    --dxbl-btn-bg: var(--dxbl-btn-secondary-bg);
    --dxbl-btn-hover-bg: var(--dxbl-btn-secondary-hover-bg);
    --dxbl-btn-color: var(--dxbl-btn-secondary-color);
    --dxbl-btn-border-color: var(--dxbl-btn-secondary-border-color);
    --dxbl-btn-hover-border-color: var(--dxbl-btn-secondary-hover-border-color);
    --dxbl-btn-active-bg: var(--dxbl-btn-secondary-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-secondary-active-border-color
    );
}
.dxbl-btn.dxbl-btn-info {
    --dxbl-btn-bg: var(--dxbl-btn-info-bg);
    --dxbl-btn-hover-bg: var(--dxbl-btn-info-hover-bg);
    --dxbl-btn-color: var(--dxbl-btn-info-color);
    --dxbl-btn-border-color: var(--dxbl-btn-info-border-color);
    --dxbl-btn-hover-border-color: var(--dxbl-btn-info-hover-border-color);
    --dxbl-btn-active-bg: var(--dxbl-btn-info-active-bg);
    --dxbl-btn-active-border-color: var(--dxbl-btn-info-active-border-color);
}
.dxbl-btn.dxbl-btn-link {
    --dxbl-btn-bg: var(--dxbl-btn-link-bg);
    --dxbl-btn-color: var(--dxbl-btn-link-color);
    --dxbl-btn-hover-color: var(--dxbl-btn-link-hover-color);
    --dxbl-btn-border-color: var(--dxbl-btn-link-border-color);
    --dxbl-btn-hover-border-color: var(--dxbl-btn-link-hover-border-color);
    --dxbl-btn-text-decoration: var(--dxbl-btn-link-text-decoration);
    --dxbl-btn-active-color: var(--dxbl-btn-link-active-color);
    --dxbl-btn-active-border-color: var(--dxbl-btn-link-active-border-color);
}
.dxbl-btn.dxbl-btn-success {
    --dxbl-btn-bg: var(--dxbl-btn-success-bg);
    --dxbl-btn-hover-bg: var(--dxbl-btn-success-hover-bg);
    --dxbl-btn-color: var(--dxbl-btn-success-color);
    --dxbl-btn-border-color: var(--dxbl-btn-success-border-color);
    --dxbl-btn-hover-border-color: var(--dxbl-btn-success-hover-border-color);
    --dxbl-btn-active-bg: var(--dxbl-btn-success-active-bg);
    --dxbl-btn-active-border-color: var(--dxbl-btn-success-active-border-color);
}
.dxbl-btn.dxbl-btn-warning {
    --dxbl-btn-bg: var(--dxbl-btn-warning-bg);
    --dxbl-btn-hover-bg: var(--dxbl-btn-warning-hover-bg);
    --dxbl-btn-color: var(--dxbl-btn-warning-color);
    --dxbl-btn-hover-color: var(--dxbl-btn-warning-hover-color);
    --dxbl-btn-border-color: var(--dxbl-btn-warning-border-color);
    --dxbl-btn-hover-border-color: var(--dxbl-btn-warning-hover-border-color);
    --dxbl-btn-active-bg: var(--dxbl-btn-warning-active-bg);
    --dxbl-btn-active-border-color: var(--dxbl-btn-warning-active-border-color);
    --dxbl-btn-active-color: var(--dxbl-btn-warning-active-color);
}
.dxbl-btn.dxbl-btn-danger {
    --dxbl-btn-bg: var(--dxbl-btn-danger-bg);
    --dxbl-btn-hover-bg: var(--dxbl-btn-danger-hover-bg);
    --dxbl-btn-color: var(--dxbl-btn-danger-color);
    --dxbl-btn-border-color: var(--dxbl-btn-danger-border-color);
    --dxbl-btn-hover-border-color: var(--dxbl-btn-danger-hover-border-color);
    --dxbl-btn-active-bg: var(--dxbl-btn-danger-active-bg);
    --dxbl-btn-active-border-color: var(--dxbl-btn-danger-active-border-color);
}
.dxbl-btn.dxbl-btn-dark {
    --dxbl-btn-bg: var(--dxbl-btn-dark-bg);
    --dxbl-btn-hover-bg: var(--dxbl-btn-dark-hover-bg);
    --dxbl-btn-color: var(--dxbl-btn-dark-color);
    --dxbl-btn-border-color: var(--dxbl-btn-dark-border-color);
    --dxbl-btn-hover-border-color: var(--dxbl-btn-dark-hover-border-color);
    --dxbl-btn-hover-color: var(--dxbl-btn-dark-hover-border-color);
    --dxbl-btn-active-bg: var(--dxbl-btn-dark-active-bg);
    --dxbl-btn-active-border-color: var(--dxbl-btn-dark-active-border-color);
    --dxbl-btn-active-color: var(--dxbl-btn-dark-active-border-color);
    --dxbl-btn-focus-outline-color: var(--dxbl-btn-dark-focus-outline-color);
}
.dxbl-btn.dxbl-btn-light {
    --dxbl-btn-bg: var(--dxbl-btn-light-bg);
    --dxbl-btn-hover-bg: var(--dxbl-btn-light-hover-bg);
    --dxbl-btn-color: var(--dxbl-btn-light-color);
    --dxbl-btn-border-color: var(--dxbl-btn-light-border-color);
    --dxbl-btn-hover-border-color: var(--dxbl-btn-light-hover-border-color);
    --dxbl-btn-hover-color: var(--dxbl-btn-light-hover-border-color);
    --dxbl-btn-active-bg: var(--dxbl-btn-light-active-bg);
    --dxbl-btn-active-border-color: var(--dxbl-btn-light-active-border-color);
    --dxbl-btn-active-color: var(--dxbl-btn-light-active-border-color);
    --dxbl-btn-focus-outline-color: var(--dxbl-btn-light-focus-outline-color);
}
.dxbl-btn.dxbl-btn-outline-danger,
.dxbl-btn.dxbl-btn-outline-dark,
.dxbl-btn.dxbl-btn-outline-info,
.dxbl-btn.dxbl-btn-outline-light,
.dxbl-btn.dxbl-btn-outline-primary,
.dxbl-btn.dxbl-btn-outline-secondary,
.dxbl-btn.dxbl-btn-outline-success,
.dxbl-btn.dxbl-btn-outline-warning {
    --dxbl-btn-bg: var(--dxbl-btn-outline-bg);
    --dxbl-btn-hover-bg: var(--dxbl-btn-outline-hover-bg);
    --dxbl-btn-color: var(--dxbl-btn-outline-color);
    --dxbl-btn-border-color: var(--dxbl-btn-outline-border-color);
    --dxbl-btn-hover-border-color: var(--dxbl-btn-outline-hover-border-color);
    --dxbl-btn-active-bg: var(--dxbl-btn-outline-active-bg);
    --dxbl-btn-active-border-color: var(--dxbl-btn-outline-active-border-color);
}
.dxbl-btn.dxbl-btn-outline-primary {
    --dxbl-btn-active-color: var(--dxbl-btn-outline-primary-active-color);
    --dxbl-btn-hover-color: var(--dxbl-btn-outline-primary-hover-color);
}
.dxbl-btn.dxbl-btn-outline-info {
    --dxbl-btn-active-color: var(--dxbl-btn-outline-info-active-color);
    --dxbl-btn-hover-color: var(--dxbl-btn-outline-info-hover-color);
}
.dxbl-btn.dxbl-btn-outline-success {
    --dxbl-btn-active-color: var(--dxbl-btn-outline-success-active-color);
    --dxbl-btn-hover-color: var(--dxbl-btn-outline-success-hover-color);
}
.dxbl-btn.dxbl-btn-outline-warning {
    --dxbl-btn-active-color: var(--dxbl-btn-outline-warning-active-color);
    --dxbl-btn-hover-color: var(--dxbl-btn-outline-warning-hover-color);
}
.dxbl-btn.dxbl-btn-outline-danger {
    --dxbl-btn-active-color: var(--dxbl-btn-outline-danger-active-color);
    --dxbl-btn-hover-color: var(--dxbl-btn-outline-danger-hover-color);
}
.dxbl-btn.dxbl-btn-outline-light {
    --dxbl-btn-bg: var(--dxbl-btn-outline-light-bg);
    --dxbl-btn-border-color: var(--dxbl-btn-outline-light-border-color);
    --dxbl-btn-color: var(--dxbl-btn-outline-light-color);
    --dxbl-btn-hover-bg: var(--dxbl-btn-outline-light-hover-bg);
    --dxbl-btn-hover-border-color: var(
        --dxbl-btn-outline-light-hover-border-color
    );
    --dxbl-btn-hover-color: var(--dxbl-btn-outline-light-hover-color);
    --dxbl-btn-active-bg: var(--dxbl-btn-outline-light-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-outline-light-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-outline-light-active-color);
    --dxbl-btn-focus-outline-color: var(
        --dxbl-btn-outline-light-focus-outline-color
    );
}
.dxbl-btn.dxbl-btn-outline-dark {
    --dxbl-btn-bg: var(--dxbl-btn-outline-dark-bg);
    --dxbl-btn-border-color: var(--dxbl-btn-outline-dark-border-color);
    --dxbl-btn-color: var(--dxbl-btn-outline-dark-color);
    --dxbl-btn-hover-bg: var(--dxbl-btn-outline-dark-hover-bg);
    --dxbl-btn-hover-border-color: var(
        --dxbl-btn-outline-dark-hover-border-color
    );
    --dxbl-btn-hover-color: var(--dxbl-btn-outline-dark-hover-color);
    --dxbl-btn-active-bg: var(--dxbl-btn-outline-dark-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-outline-dark-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-outline-dark-active-color);
    --dxbl-btn-focus-outline-color: var(
        --dxbl-btn-outline-dark-focus-outline-color
    );
}
.dxbl-btn.dxbl-btn-outline-link {
    --dxbl-btn-color: var(--dxbl-btn-link-color);
    --dxbl-btn-hover-color: var(--dxbl-btn-link-hover-color);
    --dxbl-btn-active-color: var(--dxbl-btn-link-active-color);
    --dxbl-btn-border-color: var(--dxbl-btn-outline-link-border-color);
    --dxbl-btn-hover-border-color: var(--dxbl-btn-outline-link-border-color);
    --dxbl-btn-text-decoration: var(--dxbl-btn-link-text-decoration);
    --dxbl-btn-active-border-color: var(--dxbl-btn-link-active-border-color);
}
.dxbl-btn.dxbl-btn-text-danger,
.dxbl-btn.dxbl-btn-text-dark,
.dxbl-btn.dxbl-btn-text-info,
.dxbl-btn.dxbl-btn-text-light,
.dxbl-btn.dxbl-btn-text-link,
.dxbl-btn.dxbl-btn-text-primary,
.dxbl-btn.dxbl-btn-text-secondary,
.dxbl-btn.dxbl-btn-text-success,
.dxbl-btn.dxbl-btn-text-warning {
    --dxbl-btn-bg: var(--dxbl-btn-text-bg);
    --dxbl-btn-hover-bg: var(--dxbl-btn-text-hover-bg);
    --dxbl-btn-active-bg: var(--dxbl-btn-text-active-bg);
    --dxbl-btn-color: var(--dxbl-btn-text-color);
    --dxbl-btn-border-color: var(--dxbl-btn-text-border-color);
    --dxbl-btn-hover-border-color: var(--dxbl-btn-text-hover-border-color);
    --dxbl-btn-active-border-color: var(--dxbl-btn-text-active-border-color);
}
.dxbl-btn.dxbl-btn-text-primary {
    --dxbl-btn-hover-color: var(--dxbl-btn-text-primary-hover-color);
    --dxbl-btn-hover-bg: var(--dxbl-btn-text-primary-hover-bg);
    --dxbl-btn-active-color: var(--dxbl-btn-text-primary-active-color);
    --dxbl-btn-active-bg: var(--dxbl-btn-text-primary-active-bg);
}
.dxbl-btn.dxbl-btn-text-secondary {
    --dxbl-btn-hover-color: var(--dxbl-btn-text-secondary-hover-color);
    --dxbl-btn-hover-bg: var(--dxbl-btn-text-secondary-hover-bg);
    --dxbl-btn-active-color: var(--dxbl-btn-text-secondary-active-color);
    --dxbl-btn-active-bg: var(--dxbl-btn-text-secondary-active-bg);
}
.dxbl-btn.dxbl-btn-text-info {
    --dxbl-btn-hover-color: var(--dxbl-btn-text-info-hover-color);
    --dxbl-btn-hover-bg: var(--dxbl-btn-text-info-hover-bg);
    --dxbl-btn-active-color: var(--dxbl-btn-text-info-active-color);
    --dxbl-btn-active-bg: var(--dxbl-btn-text-info-active-bg);
}
.dxbl-btn.dxbl-btn-text-link {
    --dxbl-btn-color: var(--dxbl-btn-link-color);
    --dxbl-btn-hover-color: var(--dxbl-btn-link-hover-color);
    --dxbl-btn-active-color: var(--dxbl-btn-link-active-color);
    --dxbl-btn-border-color: var(--dxbl-btn-outline-link-border-color);
    --dxbl-btn-hover-border-color: var(--dxbl-btn-outline-link-border-color);
    --dxbl-btn-text-decoration: var(--dxbl-btn-link-text-decoration);
}
.dxbl-btn.dxbl-btn-text-success {
    --dxbl-btn-hover-color: var(--dxbl-btn-text-success-hover-color);
    --dxbl-btn-hover-bg: var(--dxbl-btn-text-success-hover-bg);
    --dxbl-btn-active-color: var(--dxbl-btn-text-success-active-color);
    --dxbl-btn-active-bg: var(--dxbl-btn-text-success-active-bg);
}
.dxbl-btn.dxbl-btn-text-warning {
    --dxbl-btn-hover-color: var(--dxbl-btn-text-warning-hover-color);
    --dxbl-btn-hover-bg: var(--dxbl-btn-text-warning-hover-bg);
    --dxbl-btn-active-color: var(--dxbl-btn-text-warning-active-color);
    --dxbl-btn-active-bg: var(--dxbl-btn-text-warning-active-bg);
}
.dxbl-btn.dxbl-btn-text-danger {
    --dxbl-btn-hover-color: var(--dxbl-btn-text-danger-hover-color);
    --dxbl-btn-hover-bg: var(--dxbl-btn-text-danger-hover-bg);
    --dxbl-btn-active-color: var(--dxbl-btn-text-danger-active-color);
    --dxbl-btn-active-bg: var(--dxbl-btn-text-danger-active-bg);
}
.dxbl-btn.dxbl-btn-text-light {
    --dxbl-btn-bg: var(--dxbl-btn-text-light-bg);
    --dxbl-btn-border-color: var(--dxbl-btn-text-light-border-color);
    --dxbl-btn-color: var(--dxbl-btn-text-light-color);
    --dxbl-btn-hover-bg: var(--dxbl-btn-text-light-hover-bg);
    --dxbl-btn-hover-border-color: var(
        --dxbl-btn-text-light-hover-border-color
    );
    --dxbl-btn-hover-color: var(--dxbl-btn-text-light-hover-color);
    --dxbl-btn-active-bg: var(--dxbl-btn-text-light-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-text-light-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-text-light-active-color);
    --dxbl-btn-focus-outline-color: var(
        --dxbl-btn-text-light-focus-outline-color
    );
}
.dxbl-btn.dxbl-btn-text-dark {
    --dxbl-btn-bg: var(--dxbl-btn-text-dark-bg);
    --dxbl-btn-border-color: var(--dxbl-btn-text-dark-border-color);
    --dxbl-btn-color: var(--dxbl-btn-text-dark-color);
    --dxbl-btn-hover-bg: var(--dxbl-btn-text-dark-hover-bg);
    --dxbl-btn-hover-border-color: var(--dxbl-btn-text-dark-hover-border-color);
    --dxbl-btn-hover-color: var(--dxbl-btn-text-dark-hover-color);
    --dxbl-btn-active-bg: var(--dxbl-btn-text-dark-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-text-dark-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-text-dark-active-color);
    --dxbl-btn-focus-outline-color: var(
        --dxbl-btn-text-dark-focus-outline-color
    );
}
.dxbl-btn.dxbl-disabled.dxbl-btn-danger,
.dxbl-btn.dxbl-disabled.dxbl-btn-dark,
.dxbl-btn.dxbl-disabled.dxbl-btn-info,
.dxbl-btn.dxbl-disabled.dxbl-btn-link,
.dxbl-btn.dxbl-disabled.dxbl-btn-primary,
.dxbl-btn.dxbl-disabled.dxbl-btn-secondary,
.dxbl-btn.dxbl-disabled.dxbl-btn-success,
.dxbl-btn.dxbl-disabled.dxbl-btn-warning {
    --dxbl-btn-color: var(--dxbl-btn-disabled-color);
    --dxbl-btn-bg: var(--dxbl-btn-disabled-bg);
    --dxbl-btn-border-color: var(--dxbl-btn-disabled-border-color);
}
.dxbl-btn.dxbl-disabled.dxbl-btn-light {
    --dxbl-btn-color: var(--dxbl-btn-light-disabled-color);
    --dxbl-btn-bg: var(--dxbl-btn-light-disabled-bg);
    --dxbl-btn-border-color: var(--dxbl-btn-light-disabled-border-color);
}
.dxbl-btn.dxbl-disabled.dxbl-btn-link {
    --dxbl-btn-bg: var(--dxbl-btn-link-disabled-bg);
    --dxbl-btn-border-color: var(--dxbl-btn-link-disabled-border-color);
}
.dxbl-btn.dxbl-disabled.dxbl-btn-primary {
    --dxbl-btn-border-color: var(--dxbl-btn-primary-disabled-border-color);
}
.dxbl-btn.dxbl-disabled.dxbl-btn-info {
    --dxbl-btn-border-color: var(--dxbl-btn-info-disabled-border-color);
}
.dxbl-btn.dxbl-disabled.dxbl-btn-success {
    --dxbl-btn-border-color: var(--dxbl-btn-success-disabled-border-color);
}
.dxbl-btn.dxbl-disabled.dxbl-btn-warning {
    --dxbl-btn-border-color: var(--dxbl-btn-warning-disabled-border-color);
}
.dxbl-btn.dxbl-disabled.dxbl-btn-danger {
    --dxbl-btn-border-color: var(--dxbl-btn-danger-disabled-border-color);
}
.dxbl-btn.dxbl-disabled.dxbl-btn-secondary {
    --dxbl-btn-bg: var(--dxbl-btn-secondary-disabled-bg);
    --dxbl-btn-border-color: var(--dxbl-btn-secondary-disabled-border-color);
}
.dxbl-btn.dxbl-disabled.dxbl-btn-outline-danger,
.dxbl-btn.dxbl-disabled.dxbl-btn-outline-dark,
.dxbl-btn.dxbl-disabled.dxbl-btn-outline-info,
.dxbl-btn.dxbl-disabled.dxbl-btn-outline-link,
.dxbl-btn.dxbl-disabled.dxbl-btn-outline-primary,
.dxbl-btn.dxbl-disabled.dxbl-btn-outline-secondary,
.dxbl-btn.dxbl-disabled.dxbl-btn-outline-success,
.dxbl-btn.dxbl-disabled.dxbl-btn-outline-warning {
    --dxbl-btn-color: var(--dxbl-btn-outline-disabled-color);
    --dxbl-btn-bg: var(--dxbl-btn-outline-disabled-bg);
    --dxbl-btn-border-color: var(--dxbl-btn-outline-disabled-border-color);
}
.dxbl-btn.dxbl-disabled.dxbl-btn-outline-link {
    --dxbl-btn-bg: var(--dxbl-btn-outline-link-disabled-bg);
    --dxbl-btn-border-color: var(--dxbl-btn-outline-link-disabled-border-color);
}
.dxbl-btn.dxbl-disabled.dxbl-btn-outline-light {
    --dxbl-btn-color: var(--dxbl-btn-outline-light-disabled-color);
    --dxbl-btn-bg: var(--dxbl-btn-outline-light-disabled-bg);
    --dxbl-btn-border-color: var(
        --dxbl-btn-outline-light-disabled-border-color
    );
}
.dxbl-btn.dxbl-disabled.dxbl-btn-outline-dark {
    --dxbl-btn-color: var(--dxbl-btn-outline-dark-disabled-color);
    --dxbl-btn-bg: var(--dxbl-btn-outline-dark-disabled-bg);
    --dxbl-btn-border-color: var(--dxbl-btn-outline-dark-disabled-border-color);
}
.dxbl-btn.dxbl-disabled.dxbl-btn-text-danger,
.dxbl-btn.dxbl-disabled.dxbl-btn-text-dark,
.dxbl-btn.dxbl-disabled.dxbl-btn-text-info,
.dxbl-btn.dxbl-disabled.dxbl-btn-text-light,
.dxbl-btn.dxbl-disabled.dxbl-btn-text-link,
.dxbl-btn.dxbl-disabled.dxbl-btn-text-primary,
.dxbl-btn.dxbl-disabled.dxbl-btn-text-secondary,
.dxbl-btn.dxbl-disabled.dxbl-btn-text-success,
.dxbl-btn.dxbl-disabled.dxbl-btn-text-warning {
    --dxbl-btn-color: var(--dxbl-btn-text-disabled-color);
    --dxbl-btn-bg: var(--dxbl-btn-text-disabled-bg);
    --dxbl-btn-border-color: var(--dxbl-btn-text-disabled-border-color);
}
.dxbl-btn.dxbl-disabled.dxbl-btn-text-light {
    --dxbl-btn-color: var(--dxbl-btn-text-light-disabled-color);
    --dxbl-btn-bg: var(--dxbl-btn-text-light-disabled-bg);
    --dxbl-btn-border-color: var(--dxbl-btn-text-light-disabled-border-color);
}
.dxbl-btn.dxbl-disabled.dxbl-btn-text-dark {
    --dxbl-btn-color: var(--dxbl-btn-text-dark-disabled-color);
    --dxbl-btn-bg: var(--dxbl-btn-text-dark-disabled-bg);
    --dxbl-btn-border-color: var(--dxbl-btn-text-dark-disabled-border-color);
}
.dxbl-btn-split {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.dxbl-btn-split > .dxbl-btn:not(:last-child):not(.dxbl-btn-last) {
    margin-right: calc(-1 * var(--dxbl-btn-border-width));
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-right-color: transparent !important;
}
.dxbl-btn-split > .dxbl-btn:not(:last-child):not(.dxbl-btn-last).dxbl-active,
.dxbl-btn-split > .dxbl-btn:not(:last-child):not(.dxbl-btn-last):active,
.dxbl-btn-split > .dxbl-btn:not(:last-child):not(.dxbl-btn-last):hover {
    border-right-color: transparent;
}
.dxbl-btn-split > .dxbl-btn:not(:first-child):not(.dxbl-btn-first) {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
.dxbl-btn-split > .dxbl-btn-split-dropdown {
    padding-left: calc(var(--dxbl-btn-padding-x) / 2) !important;
    padding-right: calc(var(--dxbl-btn-padding-x) / 2) !important;
}
.dxbl-btn-split {
    --dxbl-btn-split-btn-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-btn-split-btn-hover-bg: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxbl-btn-split-btn-active-bg: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxbl-btn-split-item-separator-border-top: var(--DS-border-width-10) solid
        var(--DS-color-border-neutral-default-rest);
    --dxbl-btn-split-contained-primary-active-bg: var(
        --DS-color-surface-primary-default-selected
    );
    --dxbl-btn-split-contained-primary-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-split-contained-primary-active-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-btn-split-contained-secondary-active-bg: var(
        --DS-color-surface-secondary-default-selected
    );
    --dxbl-btn-split-contained-secondary-active-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-btn-split-contained-secondary-active-color: var(
        --DS-color-content-secondary-default-rest
    );
    --dxbl-btn-split-contained-info-active-bg: var(
        --DS-color-surface-info-default-selected
    );
    --dxbl-btn-split-contained-info-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-split-contained-info-active-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-btn-split-contained-success-active-bg: var(
        --DS-color-surface-success-default-selected
    );
    --dxbl-btn-split-contained-success-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-split-contained-success-active-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-btn-split-contained-warning-active-bg: var(
        --DS-color-surface-warning-default-selected
    );
    --dxbl-btn-split-contained-warning-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-split-contained-warning-active-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-btn-split-contained-danger-active-bg: var(
        --DS-color-surface-danger-default-selected
    );
    --dxbl-btn-split-contained-danger-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-split-contained-danger-active-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-btn-split-contained-dark-active-bg: var(
        --DS-color-surface-dark-default-selected
    );
    --dxbl-btn-split-contained-dark-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-split-contained-dark-active-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-btn-split-contained-light-active-bg: var(
        --DS-color-surface-neutral-inverted-selected
    );
    --dxbl-btn-split-contained-light-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-split-contained-light-active-color: var(
        --DS-color-content-neutral-inverted-rest
    );
    --dxbl-btn-split-contained-link-active-bg: var(
        --DS-color-surface-neutral-muted-rest
    );
    --dxbl-btn-split-contained-link-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-split-contained-link-active-color: var(
        --DS-color-content-primary-default-rest
    );
    --dxbl-btn-split-outline-primary-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-split-outline-primary-active-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-btn-split-outline-primary-active-color: var(
        --DS-color-content-primary-default-rest
    );
    --dxbl-btn-split-outline-secondary-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-split-outline-secondary-active-border-color: var(
        --DS-color-border-secondary-default-rest
    );
    --dxbl-btn-split-outline-secondary-active-color: var(
        --DS-color-content-secondary-default-rest
    );
    --dxbl-btn-split-outline-info-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-split-outline-info-active-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-btn-split-outline-info-active-color: var(
        --DS-color-content-info-default-rest
    );
    --dxbl-btn-split-outline-success-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-split-outline-success-active-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-btn-split-outline-success-active-color: var(
        --DS-color-content-success-default-rest
    );
    --dxbl-btn-split-outline-warning-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-split-outline-warning-active-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-btn-split-outline-warning-active-color: var(
        --DS-color-content-warning-default-rest
    );
    --dxbl-btn-split-outline-danger-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-split-outline-danger-active-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-btn-split-outline-danger-active-color: var(
        --DS-color-content-danger-default-rest
    );
    --dxbl-btn-split-outline-dark-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-split-outline-dark-active-border-color: var(
        --DS-color-border-dark-subdued-rest
    );
    --dxbl-btn-split-outline-dark-active-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-btn-split-outline-light-active-bg: var(
        --DS-color-surface-neutral-inverted-selected
    );
    --dxbl-btn-split-outline-light-active-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-btn-split-outline-light-active-color: var(
        --DS-color-content-neutral-inverted-rest
    );
    --dxbl-btn-split-outline-link-active-bg: var(
        --DS-color-surface-neutral-muted-rest
    );
    --dxbl-btn-split-outline-link-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-split-outline-link-active-color: var(
        --DS-color-content-primary-default-rest
    );
    --dxbl-btn-split-text-primary-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-split-text-primary-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-split-text-primary-active-color: var(
        --DS-color-content-primary-default-rest
    );
    --dxbl-btn-split-text-secondary-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-split-text-secondary-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-split-text-secondary-active-color: var(
        --DS-color-content-secondary-default-rest
    );
    --dxbl-btn-split-text-info-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-split-text-info-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-split-text-info-active-color: var(
        --DS-color-content-info-default-rest
    );
    --dxbl-btn-split-text-success-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-split-text-success-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-split-text-success-active-color: var(
        --DS-color-content-success-default-rest
    );
    --dxbl-btn-split-text-warning-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-split-text-warning-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-split-text-warning-active-color: var(
        --DS-color-content-warning-default-rest
    );
    --dxbl-btn-split-text-danger-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-split-text-danger-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-split-text-danger-active-color: var(
        --DS-color-content-danger-default-rest
    );
    --dxbl-btn-split-text-dark-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-split-text-dark-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-split-text-dark-active-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-btn-split-text-light-active-bg: var(
        --DS-color-surface-neutral-inverted-selected
    );
    --dxbl-btn-split-text-light-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-split-text-light-active-color: var(
        --DS-color-content-neutral-inverted-rest
    );
    --dxbl-btn-split-text-link-active-bg: var(
        --DS-color-surface-neutral-muted-rest
    );
    --dxbl-btn-split-text-link-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-split-text-link-active-color: var(
        --DS-color-content-primary-default-rest
    );
}
.dxbl-btn-split-popup {
    --dxbl-btn-split-btn-focus-outline-color: var(
        --DS-color-theme-builder-focus
    );
    --dxbl-btn-split-btn-focus-outline-width: var(--DS-border-width-20);
}
.dxbl-btn-split > .dxbl-btn.dxbl-btn-primary.dxbl-btn-split-dropdown {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-contained-primary-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-contained-primary-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-split-contained-primary-active-color
    );
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-secondary {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-contained-secondary-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-contained-secondary-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-split-contained-secondary-active-color
    );
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-info {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-contained-info-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-contained-info-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-split-contained-info-active-color);
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-success {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-contained-success-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-contained-success-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-split-contained-success-active-color
    );
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-warning {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-contained-warning-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-contained-warning-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-split-contained-warning-active-color
    );
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-danger {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-contained-danger-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-contained-danger-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-split-contained-danger-active-color
    );
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-dark {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-contained-dark-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-contained-dark-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-split-contained-dark-active-color);
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-light {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-contained-light-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-contained-light-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-split-contained-light-active-color);
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-link {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-contained-link-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-contained-link-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-split-contained-link-active-color);
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-outline-primary {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-outline-primary-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-outline-primary-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-split-outline-primary-active-color);
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-outline-secondary {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-outline-secondary-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-outline-secondary-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-split-outline-secondary-active-color
    );
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-outline-info {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-outline-info-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-outline-info-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-split-outline-info-active-color);
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-outline-success {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-outline-success-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-outline-success-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-split-outline-success-active-color);
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-outline-warning {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-outline-warning-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-outline-warning-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-split-outline-warning-active-color);
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-outline-danger {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-outline-danger-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-outline-danger-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-split-outline-danger-active-color);
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-outline-dark {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-outline-dark-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-outline-dark-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-split-outline-dark-active-color);
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-outline-light {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-outline-light-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-outline-light-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-split-outline-light-active-color);
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-outline-link {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-outline-link-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-outline-link-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-split-outline-link-active-color);
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-text-primary {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-text-primary-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-text-primary-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-split-text-primary-active-color);
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-text-secondary {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-text-secondary-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-text-secondary-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-split-text-secondary-active-color);
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-text-info {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-text-info-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-text-info-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-split-text-info-active-color);
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-text-success {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-text-success-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-text-success-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-split-text-success-active-color);
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-text-warning {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-text-warning-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-text-warning-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-split-text-warning-active-color);
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-text-danger {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-text-danger-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-text-danger-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-split-text-danger-active-color);
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-text-dark {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-text-dark-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-text-dark-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-split-text-dark-active-color);
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-text-light {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-text-light-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-text-light-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-split-text-light-active-color);
}
.dxbl-btn-split > .dxbl-btn.dxbl-active.dxbl-btn-text-link {
    --dxbl-btn-active-bg: var(--dxbl-btn-split-text-link-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-split-text-link-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-split-text-link-active-color);
}
.dxbl-btn-dropdown-popup {
    --dxbl-dropdown-color: var(--dxbl-btn-dropdown-color);
    --dxbl-dropdown-bg: var(--dxbl-btn-dropdown-bg);
    --dxbl-dropdown-border-radius: var(--dxbl-btn-dropdown-border-radius);
    --dxbl-dropdown-border-width: var(--dxbl-btn-dropdown-border-width);
    --dxbl-dropdown-border-color: var(--dxbl-btn-dropdown-border-color);
    --dxbl-dropdown-border-style: var(--dxbl-btn-dropdown-border-style);
    --dxbl-dropdown-min-width: var(--dxbl-btn-dropdown-min-width);
    --dxbl-dropdown-box-shadow: var(--dxbl-btn-dropdown-box-shadow);
}
.dxbl-btn-dropdown-popup > .dxbl-dropdown-body,
.dxbl-btn-dropdown-popup > .dxbl-modal-content > .dxbl-modal-body {
    --dxbl-dropdown-body-padding-x: var(--dxbl-btn-dropdown-padding-x);
    --dxbl-dropdown-body-padding-top: var(--dxbl-btn-dropdown-padding-y);
    --dxbl-dropdown-body-padding-bottom: var(--dxbl-btn-dropdown-padding-y);
    --dxbl-popup-body-padding-x: var(--dxbl-btn-dropdown-padding-x);
    --dxbl-popup-body-padding-top: var(--dxbl-btn-dropdown-padding-y);
    --dxbl-popup-body-padding-bottom: var(--dxbl-btn-dropdown-padding-y);
}
.dxbl-btn-dropdown-popup
    > .dxbl-dropdown-body
    > .dxbl-btn-dropdown-content-template,
.dxbl-btn-dropdown-popup
    > .dxbl-modal-content
    > .dxbl-modal-body
    > .dxbl-btn-dropdown-content-template {
    width: 100%;
}
.dxbl-btn-dropdown-popup
    > .dxbl-dropdown-body
    > .dxbl-btn-dropdown-list:has(.dxbl-btn-icon)
    > .dxbl-btn-dropdown-list-item
    > .dxbl-btn-dropdown-item
    > .dxbl-btn:not(:has(.dxbl-btn-icon)),
.dxbl-btn-dropdown-popup
    > .dxbl-modal-content
    > .dxbl-modal-body
    > .dxbl-btn-dropdown-list:has(.dxbl-btn-icon)
    > .dxbl-btn-dropdown-list-item
    > .dxbl-btn-dropdown-item
    > .dxbl-btn:not(:has(.dxbl-btn-icon)) {
    --dxbl-btn-btn-caption-padding-horizontal: var(
        --dxbl-btn-dropdown-item-text-padding-x
    );
}
.dxbl-btn-dropdown-popup > .dxbl-dropdown-body > .dxbl-btn-dropdown-list,
.dxbl-btn-dropdown-popup
    > .dxbl-modal-content
    > .dxbl-modal-body
    > .dxbl-btn-dropdown-list {
    list-style: none;
    padding: var(--dxbl-btn-dropdown-popup-padding);
    margin: 0;
    width: 100%;
}
.dxbl-btn-dropdown-popup
    > .dxbl-dropdown-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-item-separator,
.dxbl-btn-dropdown-popup
    > .dxbl-modal-content
    > .dxbl-modal-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-item-separator {
    margin: var(--dxbl-btn-dropdown-item-separator-margin);
    height: 0;
    border-top: var(--dxbl-btn-dropdown-item-separator-width)
        var(--dxbl-btn-dropdown-item-separator-style)
        var(--dxbl-btn-dropdown-item-separator-color);
}
.dxbl-btn-dropdown-popup
    > .dxbl-dropdown-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item,
.dxbl-btn-dropdown-popup
    > .dxbl-modal-content
    > .dxbl-modal-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: var(--dxbl-btn-dropdown-list-item-border-radius);
    margin-bottom: var(--dxbl-btn-dropdown-list-item-margin-bottom);
}
.dxbl-btn-dropdown-popup
    > .dxbl-dropdown-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item:last-of-type,
.dxbl-btn-dropdown-popup
    > .dxbl-modal-content
    > .dxbl-modal-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item:last-of-type {
    --dxbl-btn-dropdown-list-item-margin-bottom: 0;
}
.dxbl-dropdown:not([data-dx-focus-hidden])
    .dxbl-btn-dropdown-popup
    > .dxbl-dropdown-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item
    > .dxbl-btn-dropdown-item
    > .dxbl-btn:focus-visible,
.dxbl-dropdown:not([data-dx-focus-hidden])
    .dxbl-btn-dropdown-popup
    > .dxbl-modal-content
    > .dxbl-modal-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item
    > .dxbl-btn-dropdown-item
    > .dxbl-btn:focus-visible,
.dxbl-modal:not([data-dx-focus-hidden])
    .dxbl-btn-dropdown-popup
    > .dxbl-dropdown-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item
    > .dxbl-btn-dropdown-item
    > .dxbl-btn:focus-visible,
.dxbl-modal:not([data-dx-focus-hidden])
    .dxbl-btn-dropdown-popup
    > .dxbl-modal-content
    > .dxbl-modal-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item
    > .dxbl-btn-dropdown-item
    > .dxbl-btn:focus-visible {
    --dxbl-btn-focus-outline-color: var(
        --dxbl-btn-dropdown-btn-focus-outline-color
    );
    --dxbl-btn-focus-outline-size: var(
        --dxbl-btn-dropdown-btn-focus-outline-width
    );
    --dxbl-btn-focus-outline-offset: calc(
        var(--dxbl-btn-dropdown-btn-focus-outline-width) * -1
    );
}
.dxbl-btn-dropdown-popup
    > .dxbl-dropdown-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item
    .dxbl-btn-dropdown-item,
.dxbl-btn-dropdown-popup
    > .dxbl-modal-content
    > .dxbl-modal-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item
    .dxbl-btn-dropdown-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.dxbl-btn-dropdown-popup
    > .dxbl-dropdown-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item
    .dxbl-btn-dropdown-item
    > .dxbl-btn:first-of-type,
.dxbl-btn-dropdown-popup
    > .dxbl-modal-content
    > .dxbl-modal-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item
    .dxbl-btn-dropdown-item
    > .dxbl-btn:first-of-type {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.dxbl-btn-dropdown-popup
    > .dxbl-dropdown-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item
    .dxbl-btn-dropdown-item
    > .dxbl-btn,
.dxbl-btn-dropdown-popup
    > .dxbl-modal-content
    > .dxbl-modal-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item
    .dxbl-btn-dropdown-item
    > .dxbl-btn {
    position: relative;
    text-decoration: none;
    text-align: inherit;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    --dxbl-btn-image-spacing: var(--dxbl-btn-dropdown-item-image-spacing);
    --dxbl-btn-btn-caption-padding-top: var(
        --dxbl-btn-dropdown-item-text-padding-y
    );
    --dxbl-btn-btn-caption-padding-bottom: var(
        --dxbl-btn-dropdown-item-text-padding-y
    );
    --dxbl-btn-btn-caption-padding-horizontal: 0;
    --dxbl-btn-padding-x: var(--dxbl-btn-dropdown-item-padding-x);
    --dxbl-btn-padding-y: var(--dxbl-btn-dropdown-item-padding-y);
    --dxbl-btn-bg: var(--dxbl-btn-dropdown-item-bg);
    --dxbl-btn-color: var(--dxbl-btn-dropdown-item-color);
    --dxbl-btn-border-color: var(--dxbl-btn-dropdown-item-border-color);
    --dxbl-btn-border-radius: var(--dxbl-btn-dropdown-item-border-radius);
    --dxbl-btn-hover-border-color: var(
        --dxbl-btn-dropdown-item-hover-border-color
    );
    --dxbl-btn-hover-color: var(--dxbl-btn-dropdown-item-hover-color);
    --dxbl-btn-hover-bg: var(--dxbl-btn-dropdown-item-hover-bg);
    --dxbl-btn-font-family: var(--dxbl-btn-dropdown-font-family);
    --dxbl-btn-font-size: var(--dxbl-btn-dropdown-item-font-size);
    --dxbl-btn-font-weight: var(--dxbl-btn-dropdown-item-font-weight);
    --dxbl-btn-line-height: var(--dxbl-btn-dropdown-item-line-height);
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-item-bg);
    --dxbl-btn-active-color: var(--dxbl-btn-dropdown-item-color);
    --dxbl-btn-active-border-color: var(--dxbl-btn-dropdown-item-border-color);
}
.dxbl-btn-dropdown-popup
    > .dxbl-dropdown-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item
    .dxbl-btn-dropdown-item
    > .dxbl-btn.dxbl-disabled,
.dxbl-btn-dropdown-popup
    > .dxbl-modal-content
    > .dxbl-modal-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item
    .dxbl-btn-dropdown-item
    > .dxbl-btn.dxbl-disabled {
    --dxbl-btn-bg: var(--dxbl-btn-dropdown-item-disabled-bg);
    --dxbl-btn-color: var(--dxbl-btn-dropdown-item-disabled-color);
    --dxbl-btn-border-color: var(
        --dxbl-btn-dropdown-item-disabled-border-color
    );
}
.dxbl-btn-dropdown-popup
    > .dxbl-dropdown-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item
    .dxbl-btn-dropdown-item
    > .dxbl-btn.dxbl-active:hover,
.dxbl-btn-dropdown-popup
    > .dxbl-modal-content
    > .dxbl-modal-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item
    .dxbl-btn-dropdown-item
    > .dxbl-btn.dxbl-active:hover {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-item-hover-bg);
    --dxbl-btn-active-color: var(--dxbl-btn-dropdown-item-hover-color);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-item-hover-border-color
    );
}
.dxbl-btn-dropdown-popup
    > .dxbl-dropdown-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item
    .dxbl-btn-dropdown-item
    > .dxbl-btn:not(.dxbl-active),
.dxbl-btn-dropdown-popup
    > .dxbl-modal-content
    > .dxbl-modal-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item
    .dxbl-btn-dropdown-item
    > .dxbl-btn:not(.dxbl-active) {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-item-active-bg);
    --dxbl-btn-active-color: var(--dxbl-btn-dropdown-item-active-color);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-item-active-border-color
    );
}
.dxbl-btn-dropdown-popup
    > .dxbl-dropdown-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item
    .dxbl-btn-dropdown-item
    > .dxbl-btn
    > .dxbl-btn-dropdown-toggle,
.dxbl-btn-dropdown-popup
    > .dxbl-modal-content
    > .dxbl-modal-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item
    .dxbl-btn-dropdown-item
    > .dxbl-btn
    > .dxbl-btn-dropdown-toggle {
    margin-left: auto;
}
.dxbl-btn-dropdown-popup
    > .dxbl-dropdown-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item
    .dxbl-btn-dropdown-item
    > .dxbl-btn:hover:not(:active):not(.dxbl-disabled)
    > .dxbl-btn-icon,
.dxbl-btn-dropdown-popup
    > .dxbl-modal-content
    > .dxbl-modal-body
    > .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item
    .dxbl-btn-dropdown-item
    > .dxbl-btn:hover:not(:active):not(.dxbl-disabled)
    > .dxbl-btn-icon {
    color: var(--dxbl-btn-dropdown-item-icon-hover-color);
}
.dxbl-btn-dropdown > .dxbl-btn > .dxbl-image {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.dxbl-btn-dropdown {
    --dxbl-btn-dropdown-btn-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-btn-dropdown-btn-hover-bg: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxbl-btn-dropdown-btn-active-bg: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxbl-btn-dropdown-item-separator-border-top: var(--DS-border-width-10)
        solid var(--DS-color-border-neutral-default-rest);
    --dxbl-btn-dropdown-contained-primary-active-bg: var(
        --DS-color-surface-primary-default-selected
    );
    --dxbl-btn-dropdown-contained-primary-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-dropdown-contained-primary-active-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-btn-dropdown-contained-secondary-active-bg: var(
        --DS-color-surface-secondary-default-selected
    );
    --dxbl-btn-dropdown-contained-secondary-active-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-btn-dropdown-contained-secondary-active-color: var(
        --DS-color-content-secondary-default-rest
    );
    --dxbl-btn-dropdown-contained-info-active-bg: var(
        --DS-color-surface-info-default-selected
    );
    --dxbl-btn-dropdown-contained-info-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-dropdown-contained-info-active-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-btn-dropdown-contained-success-active-bg: var(
        --DS-color-surface-success-default-selected
    );
    --dxbl-btn-dropdown-contained-success-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-dropdown-contained-success-active-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-btn-dropdown-contained-warning-active-bg: var(
        --DS-color-surface-warning-default-selected
    );
    --dxbl-btn-dropdown-contained-warning-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-dropdown-contained-warning-active-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-btn-dropdown-contained-danger-active-bg: var(
        --DS-color-surface-danger-default-selected
    );
    --dxbl-btn-dropdown-contained-danger-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-dropdown-contained-danger-active-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-btn-dropdown-contained-dark-active-bg: var(
        --DS-color-surface-dark-default-selected
    );
    --dxbl-btn-dropdown-contained-dark-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-dropdown-contained-dark-active-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-btn-dropdown-contained-light-active-bg: var(
        --DS-color-surface-neutral-inverted-selected
    );
    --dxbl-btn-dropdown-contained-light-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-dropdown-contained-light-active-color: var(
        --DS-color-content-neutral-inverted-rest
    );
    --dxbl-btn-dropdown-contained-link-active-bg: var(
        --DS-color-surface-neutral-muted-rest
    );
    --dxbl-btn-dropdown-contained-link-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-dropdown-contained-link-active-color: var(
        --DS-color-content-primary-default-rest
    );
    --dxbl-btn-dropdown-outline-primary-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-dropdown-outline-primary-active-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-btn-dropdown-outline-primary-active-color: var(
        --DS-color-content-primary-default-rest
    );
    --dxbl-btn-dropdown-outline-secondary-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-dropdown-outline-secondary-active-border-color: var(
        --DS-color-border-secondary-default-rest
    );
    --dxbl-btn-dropdown-outline-secondary-active-color: var(
        --DS-color-content-secondary-default-rest
    );
    --dxbl-btn-dropdown-outline-info-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-dropdown-outline-info-active-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-btn-dropdown-outline-info-active-color: var(
        --DS-color-content-info-default-rest
    );
    --dxbl-btn-dropdown-outline-success-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-dropdown-outline-success-active-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-btn-dropdown-outline-success-active-color: var(
        --DS-color-content-success-default-rest
    );
    --dxbl-btn-dropdown-outline-warning-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-dropdown-outline-warning-active-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-btn-dropdown-outline-warning-active-color: var(
        --DS-color-content-warning-default-rest
    );
    --dxbl-btn-dropdown-outline-danger-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-dropdown-outline-danger-active-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-btn-dropdown-outline-danger-active-color: var(
        --DS-color-content-danger-default-rest
    );
    --dxbl-btn-dropdown-outline-dark-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-dropdown-outline-dark-active-border-color: var(
        --DS-color-border-dark-subdued-rest
    );
    --dxbl-btn-dropdown-outline-dark-active-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-btn-dropdown-outline-light-active-bg: var(
        --DS-color-surface-neutral-inverted-selected
    );
    --dxbl-btn-dropdown-outline-light-active-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-btn-dropdown-outline-light-active-color: var(
        --DS-color-content-neutral-inverted-rest
    );
    --dxbl-btn-dropdown-outline-link-active-bg: var(
        --DS-color-surface-neutral-muted-rest
    );
    --dxbl-btn-dropdown-outline-link-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-dropdown-outline-link-active-color: var(
        --DS-color-content-primary-default-rest
    );
    --dxbl-btn-dropdown-text-primary-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-dropdown-text-primary-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-dropdown-text-primary-active-color: var(
        --DS-color-content-primary-default-rest
    );
    --dxbl-btn-dropdown-text-secondary-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-dropdown-text-secondary-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-dropdown-text-secondary-active-color: var(
        --DS-color-content-secondary-default-rest
    );
    --dxbl-btn-dropdown-text-info-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-dropdown-text-info-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-dropdown-text-info-active-color: var(
        --DS-color-content-info-default-rest
    );
    --dxbl-btn-dropdown-text-success-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-dropdown-text-success-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-dropdown-text-success-active-color: var(
        --DS-color-content-success-default-rest
    );
    --dxbl-btn-dropdown-text-warning-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-dropdown-text-warning-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-dropdown-text-warning-active-color: var(
        --DS-color-content-warning-default-rest
    );
    --dxbl-btn-dropdown-text-danger-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-dropdown-text-danger-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-dropdown-text-danger-active-color: var(
        --DS-color-content-danger-default-rest
    );
    --dxbl-btn-dropdown-text-dark-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-dropdown-text-dark-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-dropdown-text-dark-active-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-btn-dropdown-text-light-active-bg: var(
        --DS-color-surface-neutral-inverted-selected
    );
    --dxbl-btn-dropdown-text-light-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-dropdown-text-light-active-color: var(
        --DS-color-content-neutral-inverted-rest
    );
    --dxbl-btn-dropdown-text-link-active-bg: var(
        --DS-color-surface-neutral-muted-rest
    );
    --dxbl-btn-dropdown-text-link-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-dropdown-text-link-active-color: var(
        --DS-color-content-primary-default-rest
    );
}
.dxbl-btn-dropdown-popup {
    --dxbl-btn-dropdown-font-family: var(--DS-font-family-sans-serif);
    --dxbl-btn-dropdown-color: var(--DS-color-content-neutral-subdued-rest);
    --dxbl-btn-dropdown-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-btn-dropdown-border-radius: var(--DS-border-radius-40);
    --dxbl-btn-dropdown-border-width: var(--DS-border-width-0);
    --dxbl-btn-dropdown-border-color: var(--DS-color-border-neutral-muted-rest);
    --dxbl-btn-dropdown-border-style: none;
    --dxbl-btn-dropdown-box-shadow: var(--DS-box-shadow-shadow-4);
    --dxbl-btn-dropdown-padding: var(--DS-sizing-40);
    --dxbl-btn-dropdown-padding-x: 0;
    --dxbl-btn-dropdown-padding-y: 0;
    --dxbl-btn-dropdown-min-width: 200px;
    --dxbl-btn-dropdown-item-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-btn-dropdown-item-font-size-m: var(--DS-font-size-body-1);
    --dxbl-btn-dropdown-item-font-size-l: var(--DS-font-size-body-2);
    --dxbl-btn-dropdown-item-font-weight-s: var(--DS-font-weight-caption-1);
    --dxbl-btn-dropdown-item-font-weight-m: var(--DS-font-weight-body-1);
    --dxbl-btn-dropdown-item-font-weight-l: var(--DS-font-weight-body-2);
    --dxbl-btn-dropdown-item-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-btn-dropdown-item-line-height-m: var(--DS-line-height-body-1);
    --dxbl-btn-dropdown-item-line-height-l: var(--DS-line-height-body-2);
    --dxbl-btn-dropdown-item-padding-x-s: var(--DS-sizing-40);
    --dxbl-btn-dropdown-item-padding-x-m: var(--DS-sizing-60);
    --dxbl-btn-dropdown-item-padding-x-l: var(--DS-sizing-80);
    --dxbl-btn-dropdown-item-padding-y-s: var(--DS-sizing-20);
    --dxbl-btn-dropdown-item-padding-y-m: var(--DS-sizing-40);
    --dxbl-btn-dropdown-item-padding-y-l: var(--DS-sizing-60);
    --dxbl-btn-dropdown-item-text-padding-y-s: var(--DS-sizing-0);
    --dxbl-btn-dropdown-item-text-padding-y-m: var(--DS-sizing-0);
    --dxbl-btn-dropdown-item-text-padding-y-l: var(--DS-sizing-10);
    --dxbl-btn-dropdown-item-image-spacing-s: var(--DS-sizing-40);
    --dxbl-btn-dropdown-item-image-spacing-m: var(--DS-sizing-60);
    --dxbl-btn-dropdown-item-image-spacing-l: var(--DS-sizing-80);
    --dxbl-btn-dropdown-item-empty-space-s: var(--DS-sizing-160);
    --dxbl-btn-dropdown-item-empty-space-m: var(--DS-sizing-200);
    --dxbl-btn-dropdown-item-empty-space-l: var(--DS-sizing-240);
    --dxbl-btn-dropdown-btn-focus-outline-color: var(
        --DS-color-theme-builder-focus
    );
    --dxbl-btn-dropdown-btn-focus-outline-width: var(--DS-border-width-20);
    --dxbl-btn-dropdown-popup-padding: var(--DS-sizing-40);
}
.dxbl-btn-dropdown-item-separator {
    --dxbl-btn-dropdown-item-separator-width: var(--DS-border-width-10);
    --dxbl-btn-dropdown-item-separator-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-btn-dropdown-item-separator-style: solid;
    --dxbl-btn-dropdown-item-separator-margin: var(--DS-sizing-20)
        calc(var(--DS-sizing-40) * -1);
}
.dxbl-btn-dropdown-list {
    --dxbl-btn-dropdown-list-item-border-radius: var(--DS-border-radius-40);
    --dxbl-btn-dropdown-list-item-margin-bottom: var(--DS-sizing-20);
}
.dxbl-btn-dropdown-list-item {
    --dxbl-btn-dropdown-list-item-border-radius: var(--DS-border-radius-40);
    --dxbl-btn-dropdown-list-item-margin-bottom: var(--DS-sizing-20);
}
.dxbl-btn-dropdown-item {
    --dxbl-btn-dropdown-item-border-width: var(--DS-border-width-20);
    --dxbl-btn-dropdown-item-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-dropdown-item-border-radius: var(--DS-border-radius-40);
    --dxbl-btn-dropdown-item-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-btn-dropdown-item-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-btn-dropdown-item-text-padding-x: calc(
        var(--dxbl-btn-dropdown-item-empty-space) +
            var(--dxbl-btn-dropdown-item-image-spacing)
    );
    --dxbl-btn-dropdown-item-hover-color: var(
        --DS-color-content-neutral-subdued-hovered
    );
    --dxbl-btn-dropdown-item-hover-bg: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxbl-btn-dropdown-item-hover-border-color: var(
        --DS-color-border-neutral-muted-hovered
    );
    --dxbl-btn-dropdown-item-icon-hover-color: var(
        --DS-color-content-primary-default-hovered
    );
    --dxbl-btn-dropdown-item-active-bg: var(
        --DS-color-surface-primary-default-rest
    );
    --dxbl-btn-dropdown-item-active-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-btn-dropdown-item-active-border-color: var(
        --DS-color-border-neutral-muted-pressed
    );
    --dxbl-btn-dropdown-item-disabled-bg: var(
        --DS-color-surface-neutral-muted-disabled
    );
    --dxbl-btn-dropdown-item-disabled-color: var(
        --DS-color-content-neutral-subdued-disabled
    );
    --dxbl-btn-dropdown-item-disabled-border-color: var(
        --DS-color-border-neutral-muted-disabled
    );
}
.dxbl-btn-dropdown-popup {
    --dxbl-btn-dropdown-item-font-size: var(
        --dxbl-btn-dropdown-item-font-size-m
    );
    --dxbl-btn-dropdown-item-font-weight: var(
        --dxbl-btn-dropdown-item-font-weight-m
    );
    --dxbl-btn-dropdown-item-line-height: var(
        --dxbl-btn-dropdown-item-line-height-m
    );
    --dxbl-btn-dropdown-item-padding-x: var(
        --dxbl-btn-dropdown-item-padding-x-m
    );
    --dxbl-btn-dropdown-item-padding-y: var(
        --dxbl-btn-dropdown-item-padding-y-m
    );
    --dxbl-btn-dropdown-item-cursor: pointer;
    --dxbl-btn-dropdown-item-text-padding-y: var(
        --dxbl-btn-dropdown-item-text-padding-y-m
    );
    --dxbl-btn-dropdown-item-image-spacing: var(
        --dxbl-btn-dropdown-item-image-spacing-m
    );
    --dxbl-btn-dropdown-item-empty-space: var(
        --dxbl-btn-dropdown-item-empty-space-m
    );
}
.dxbl-btn-dropdown-popup
    .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item
    > .dxbl-btn-dropdown-item
    > .dxbl-btn.dxbl-sm {
    --dxbl-btn-dropdown-item-font-size: var(
        --dxbl-btn-dropdown-item-font-size-s
    );
    --dxbl-btn-dropdown-item-font-weight: var(
        --dxbl-btn-dropdown-item-font-weight-s
    );
    --dxbl-btn-dropdown-item-line-height: var(
        --dxbl-btn-dropdown-item-line-height-s
    );
    --dxbl-btn-dropdown-item-padding-x: var(
        --dxbl-btn-dropdown-item-padding-x-s
    );
    --dxbl-btn-dropdown-item-padding-y: var(
        --dxbl-btn-dropdown-item-padding-y-s
    );
    --dxbl-btn-dropdown-item-text-padding-y: var(
        --dxbl-btn-dropdown-item-text-padding-y-s
    );
    --dxbl-btn-dropdown-item-image-spacing: var(
        --dxbl-btn-dropdown-item-image-spacing-s
    );
    --dxbl-btn-dropdown-item-empty-space: var(
        --dxbl-btn-dropdown-item-empty-space-s
    );
}
.dxbl-btn-dropdown-popup
    .dxbl-btn-dropdown-list
    .dxbl-btn-dropdown-list-item
    > .dxbl-btn-dropdown-item
    > .dxbl-btn.dxbl-lg {
    --dxbl-btn-dropdown-item-font-size: var(
        --dxbl-btn-dropdown-item-font-size-l
    );
    --dxbl-btn-dropdown-item-font-weight: var(
        --dxbl-btn-dropdown-item-font-weight-l
    );
    --dxbl-btn-dropdown-item-line-height: var(
        --dxbl-btn-dropdown-item-line-height-l
    );
    --dxbl-btn-dropdown-item-padding-x: var(
        --dxbl-btn-dropdown-item-padding-x-l
    );
    --dxbl-btn-dropdown-item-padding-y: var(
        --dxbl-btn-dropdown-item-padding-y-l
    );
    --dxbl-btn-dropdown-item-text-padding-y: var(
        --dxbl-btn-dropdown-item-text-padding-y-l
    );
    --dxbl-btn-dropdown-item-image-spacing: var(
        --dxbl-btn-dropdown-item-image-spacing-l
    );
    --dxbl-btn-dropdown-item-empty-space: var(
        --dxbl-btn-dropdown-item-empty-space-l
    );
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-primary {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-contained-primary-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-contained-primary-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-dropdown-contained-primary-active-color
    );
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-secondary {
    --dxbl-btn-active-bg: var(
        --dxbl-btn-dropdown-contained-secondary-active-bg
    );
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-contained-secondary-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-dropdown-contained-secondary-active-color
    );
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-info {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-contained-info-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-contained-info-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-dropdown-contained-info-active-color
    );
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-success {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-contained-success-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-contained-success-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-dropdown-contained-success-active-color
    );
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-warning {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-contained-warning-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-contained-warning-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-dropdown-contained-warning-active-color
    );
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-danger {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-contained-danger-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-contained-danger-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-dropdown-contained-danger-active-color
    );
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-dark {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-contained-dark-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-contained-dark-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-dropdown-contained-dark-active-color
    );
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-light {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-contained-light-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-contained-light-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-dropdown-contained-light-active-color
    );
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-link {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-contained-link-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-contained-link-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-dropdown-contained-link-active-color
    );
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-outline-primary {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-outline-primary-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-outline-primary-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-dropdown-outline-primary-active-color
    );
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-outline-secondary {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-outline-secondary-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-outline-secondary-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-dropdown-outline-secondary-active-color
    );
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-outline-info {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-outline-info-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-outline-info-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-dropdown-outline-info-active-color);
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-outline-success {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-outline-success-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-outline-success-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-dropdown-outline-success-active-color
    );
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-outline-warning {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-outline-warning-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-outline-warning-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-dropdown-outline-warning-active-color
    );
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-outline-danger {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-outline-danger-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-outline-danger-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-dropdown-outline-danger-active-color
    );
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-outline-dark {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-outline-dark-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-outline-dark-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-dropdown-outline-dark-active-color);
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-outline-light {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-outline-light-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-outline-light-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-dropdown-outline-light-active-color
    );
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-outline-link {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-outline-link-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-outline-link-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-dropdown-outline-link-active-color);
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-text-primary {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-text-primary-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-text-primary-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-dropdown-text-primary-active-color);
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-text-secondary {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-text-secondary-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-text-secondary-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-dropdown-text-secondary-active-color
    );
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-text-info {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-text-info-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-text-info-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-dropdown-text-info-active-color);
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-text-success {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-text-success-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-text-success-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-dropdown-text-success-active-color);
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-text-warning {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-text-warning-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-text-warning-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-dropdown-text-warning-active-color);
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-text-danger {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-text-danger-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-text-danger-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-dropdown-text-danger-active-color);
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-text-dark {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-text-dark-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-text-dark-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-dropdown-text-dark-active-color);
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-text-light {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-text-light-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-text-light-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-dropdown-text-light-active-color);
}
.dxbl-btn-dropdown > .dxbl-btn.dxbl-active.dxbl-btn-text-link {
    --dxbl-btn-active-bg: var(--dxbl-btn-dropdown-text-link-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-dropdown-text-link-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-dropdown-text-link-active-color);
}
.dxbl-btn-container[data-dx-focus-hidden] > .dxbl-btn {
    --dxbl-btn-focus-outline-color: trasparent;
    --dxbl-btn-focus-outline-size: 0;
    --dxbl-btn-focus-outline-offset: 0;
}
.dxbl-btn-group {
    --dxbl-btn-group-contained-primary-active-bg: var(
        --DS-color-surface-primary-default-selected
    );
    --dxbl-btn-group-contained-primary-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-group-contained-primary-active-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-btn-group-contained-secondary-active-bg: var(
        --DS-color-surface-secondary-default-selected
    );
    --dxbl-btn-group-contained-secondary-active-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-btn-group-contained-secondary-active-color: var(
        --DS-color-content-secondary-default-rest
    );
    --dxbl-btn-group-contained-info-active-bg: var(
        --DS-color-surface-info-default-selected
    );
    --dxbl-btn-group-contained-info-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-group-contained-info-active-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-btn-group-contained-success-active-bg: var(
        --DS-color-surface-success-default-selected
    );
    --dxbl-btn-group-contained-success-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-group-contained-success-active-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-btn-group-contained-warning-active-bg: var(
        --DS-color-surface-warning-default-selected
    );
    --dxbl-btn-group-contained-warning-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-group-contained-warning-active-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-btn-group-contained-danger-active-bg: var(
        --DS-color-surface-danger-default-selected
    );
    --dxbl-btn-group-contained-danger-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-group-contained-danger-active-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-btn-group-contained-dark-active-bg: var(
        --DS-color-surface-neutral-static-inverted-selected
    );
    --dxbl-btn-group-contained-dark-active-border-color: var(
        --DS-color-border-neutral-static-inverted-rest
    );
    --dxbl-btn-group-contained-dark-active-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-btn-group-contained-light-active-bg: var(
        --DS-color-surface-neutral-static-selected
    );
    --dxbl-btn-group-contained-light-active-border-color: var(
        --DS-color-border-neutral-static-rest
    );
    --dxbl-btn-group-contained-light-active-color: var(
        --DS-color-content-neutral-static-inverted-rest
    );
    --dxbl-btn-group-contained-link-active-bg: var(
        --DS-color-surface-neutral-muted-rest
    );
    --dxbl-btn-group-contained-link-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-group-contained-link-active-color: var(
        --DS-color-content-primary-default-rest
    );
    --dxbl-btn-group-outline-primary-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-group-outline-primary-active-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-btn-group-outline-primary-active-color: var(
        --DS-color-content-primary-default-rest
    );
    --dxbl-btn-group-outline-secondary-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-group-outline-secondary-active-border-color: var(
        --DS-color-border-secondary-default-rest
    );
    --dxbl-btn-group-outline-secondary-active-color: var(
        --DS-color-content-secondary-default-rest
    );
    --dxbl-btn-group-outline-info-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-group-outline-info-active-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-btn-group-outline-info-active-color: var(
        --DS-color-content-info-default-rest
    );
    --dxbl-btn-group-outline-success-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-group-outline-success-active-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-btn-group-outline-success-active-color: var(
        --DS-color-content-success-default-rest
    );
    --dxbl-btn-group-outline-warning-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-group-outline-warning-active-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-btn-group-outline-warning-active-color: var(
        --DS-color-content-warning-default-rest
    );
    --dxbl-btn-group-outline-danger-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-group-outline-danger-active-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-btn-group-outline-danger-active-color: var(
        --DS-color-content-danger-default-rest
    );
    --dxbl-btn-group-outline-dark-active-bg: color(
        from var(--DS-color-surface-neutral-static-inverted-rest) srgb calc(r)
            calc(g) calc(b)/var(--DS-opacity-10)
    );
    --dxbl-btn-group-outline-dark-active-border-color: color(
        from var(--DS-color-content-neutral-static-inverted-rest) srgb calc(r)
            calc(g) calc(b)/var(--DS-opacity-10)
    );
    --dxbl-btn-group-outline-dark-active-color: var(
        --DS-color-content-neutral-static-inverted-rest
    );
    --dxbl-btn-group-outline-light-active-bg: color(
        from var(--DS-color-surface-neutral-static-rest) srgb calc(r) calc(g)
            calc(b)/var(--DS-opacity-10)
    );
    --dxbl-btn-group-outline-light-active-border-color: color(
        from var(--DS-color-content-neutral-static-rest) srgb calc(r) calc(g)
            calc(b)/var(--DS-opacity-30)
    );
    --dxbl-btn-group-outline-light-active-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-btn-group-outline-link-active-bg: var(
        --DS-color-surface-neutral-muted-rest
    );
    --dxbl-btn-group-outline-link-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-group-outline-link-active-color: var(
        --DS-color-content-primary-default-rest
    );
    --dxbl-btn-group-text-primary-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-group-text-primary-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-group-text-primary-active-color: var(
        --DS-color-content-primary-default-rest
    );
    --dxbl-btn-group-text-secondary-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-group-text-secondary-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-group-text-secondary-active-color: var(
        --DS-color-content-secondary-default-rest
    );
    --dxbl-btn-group-text-info-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-group-text-info-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-group-text-info-active-color: var(
        --DS-color-content-info-default-rest
    );
    --dxbl-btn-group-text-success-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-group-text-success-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-group-text-success-active-color: var(
        --DS-color-content-success-default-rest
    );
    --dxbl-btn-group-text-warning-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-group-text-warning-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-group-text-warning-active-color: var(
        --DS-color-content-warning-default-rest
    );
    --dxbl-btn-group-text-danger-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-group-text-danger-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-group-text-danger-active-color: var(
        --DS-color-content-danger-default-rest
    );
    --dxbl-btn-group-text-dark-active-bg: color(
        from var(--DS-color-surface-neutral-static-inverted-rest) srgb calc(r)
            calc(g) calc(b)/var(--DS-opacity-10)
    );
    --dxbl-btn-group-text-dark-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-group-text-dark-active-color: var(
        --DS-color-content-neutral-static-inverted-rest
    );
    --dxbl-btn-group-text-light-active-bg: color(
        from var(--DS-color-surface-neutral-static-rest) srgb calc(r) calc(g)
            calc(b)/var(--DS-opacity-10)
    );
    --dxbl-btn-group-text-light-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-group-text-light-active-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-btn-group-text-link-active-bg: var(
        --DS-color-surface-neutral-muted-rest
    );
    --dxbl-btn-group-text-link-active-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-btn-group-text-link-active-color: var(
        --DS-color-content-primary-default-rest
    );
}
.dxbl-btn-group,
.dxbl-btn-group-vertical {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.dxbl-btn-group-vertical > .dxbl-btn,
.dxbl-btn-group-vertical > .dxbl-btn-split > .dxbl-btn,
.dxbl-btn-group-vertical > .dxbl-text-edit,
.dxbl-btn-group > .dxbl-btn,
.dxbl-btn-group > .dxbl-btn-split > .dxbl-btn,
.dxbl-btn-group > .dxbl-text-edit {
    position: relative;
}
.dxbl-btn-group-vertical
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-focused,
.dxbl-btn-group-vertical
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled):focus-visible,
.dxbl-btn-group > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-focused,
.dxbl-btn-group > .dxbl-btn:not(.dxbl-disabled):not(:disabled):focus-visible {
    z-index: 1;
}
.dxbl-btn-group-vertical
    > .dxbl-btn-split
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-focused,
.dxbl-btn-group-vertical
    > .dxbl-btn-split
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled):focus-visible,
.dxbl-btn-group
    > .dxbl-btn-split
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-focused,
.dxbl-btn-group
    > .dxbl-btn-split
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled):focus-visible {
    z-index: 1;
}
.dxbl-btn-group-vertical > .dxbl-text-edit.dxbl-focused,
.dxbl-btn-group-vertical > .dxbl-text-edit:focus-within,
.dxbl-btn-group > .dxbl-text-edit.dxbl-focused,
.dxbl-btn-group > .dxbl-text-edit:focus-within {
    z-index: 1;
}
.dxbl-btn-group-vertical > .dxbl-text-edit:has(:focus),
.dxbl-btn-group > .dxbl-text-edit:has(:focus) {
    z-index: 1;
}
:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group:not(.dxbl-pager).dxbl-btn-group-right
    > .dxbl-btn,
:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group:not(.dxbl-pager)
    > .dxbl-btn-split:not(:first-child)
    > .dxbl-btn:first-child,
:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group:not(.dxbl-pager)
    > .dxbl-btn:not(:first-child):not(.dxbl-btn-first),
:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group:not(.dxbl-pager)
    > .dxbl-text-edit:not(:first-child),
:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group:not(.dxbl-pager)
    > .dxbl-text-edit:not(:first-child)
    > .dxbl-btn-group-left
    > .dxbl-btn:first-child,
:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group.dxbl-btn-group-right
    > .dxbl-btn,
:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-btn-split:not(:first-child)
    > .dxbl-btn:first-child,
:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-btn:not(:first-child):not(.dxbl-btn-first),
:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-text-edit:not(:first-child),
:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-text-edit:not(:first-child)
    > .dxbl-btn-group-left
    > .dxbl-btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group:not(.dxbl-pager).dxbl-btn-group-left
    > .dxbl-btn,
:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group:not(.dxbl-pager)
    > .dxbl-btn-split:not(:last-child):not(.dxbl-btn-last)
    > .dxbl-btn:last-child,
:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group:not(.dxbl-pager)
    > .dxbl-btn:not(:last-child):not(.dxbl-btn-last),
:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group:not(.dxbl-pager)
    > .dxbl-text-edit:not(:last-child),
:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group:not(.dxbl-pager)
    > .dxbl-text-edit:not(:last-child)
    > .dxbl-btn-group-right
    > .dxbl-btn:last-child,
:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group.dxbl-btn-group-left
    > .dxbl-btn,
:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-btn-split:not(:last-child):not(.dxbl-btn-last)
    > .dxbl-btn:last-child,
:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-btn:not(:last-child):not(.dxbl-btn-last),
:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-text-edit:not(:last-child),
:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-text-edit:not(:last-child)
    > .dxbl-btn-group-right
    > .dxbl-btn:last-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group:not(.dxbl-pager)
    > .dxbl-btn-split:not(:last-child):not(.dxbl-btn-last),
:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group:not(.dxbl-pager)
    > .dxbl-btn:not(:last-child):not(.dxbl-btn-last),
:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-btn-split:not(:last-child):not(.dxbl-btn-last),
:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-btn:not(:last-child):not(.dxbl-btn-last) {
    margin-right: calc(-1 * var(--dxbl-btn-border-width));
}
.dxbl-btn-group-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.dxbl-btn-group-vertical > .dxbl-btn:not(:first-child):not(.dxbl-btn-first),
.dxbl-btn-group-vertical > .dxbl-text-edit:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.dxbl-btn-group-vertical.dxbl-btn-group-right > .dxbl-btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.dxbl-btn-group-vertical > .dxbl-btn:not(:last-child):not(.dxbl-btn-last),
.dxbl-btn-group-vertical > .dxbl-text-edit:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: calc(-1 * var(--dxbl-btn-border-width));
}
.dxbl-btn-group-vertical.dxbl-btn-group-left > .dxbl-btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.dxbl-btn-group-vertical
    > .dxbl-btn-split
    > .dxbl-btn:where(:not(.dxbl-btn-standalone)),
.dxbl-btn-group-vertical > .dxbl-btn:where(:not(.dxbl-btn-standalone)),
.dxbl-btn-group > .dxbl-btn-split > .dxbl-btn:where(:not(.dxbl-btn-standalone)),
.dxbl-btn-group > .dxbl-btn:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-padding-x-m: calc(var(--DS-sizing-40) + var(--DS-sizing-10));
    --dxbl-btn-padding-y-m: calc(var(--DS-sizing-40) + var(--DS-sizing-10));
    --dxbl-btn-padding-x-s: var(--DS-sizing-30);
    --dxbl-btn-padding-y-s: var(--DS-sizing-30);
    --dxbl-btn-padding-x-l: calc(var(--DS-sizing-60) + var(--DS-sizing-10));
    --dxbl-btn-padding-y-l: calc(var(--DS-sizing-60) + var(--DS-sizing-10));
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-primary,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-primary {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-contained-primary-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-contained-primary-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-group-contained-primary-active-color
    );
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-secondary,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-secondary {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-contained-secondary-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-contained-secondary-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-group-contained-secondary-active-color
    );
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-info,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-info {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-contained-info-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-contained-info-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-group-contained-info-active-color);
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-success,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-success {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-contained-success-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-contained-success-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-group-contained-success-active-color
    );
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-warning,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-warning {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-contained-warning-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-contained-warning-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-group-contained-warning-active-color
    );
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-danger,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-danger {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-contained-danger-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-contained-danger-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-group-contained-danger-active-color
    );
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-dark,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-dark {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-contained-dark-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-contained-dark-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-group-contained-dark-active-color);
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-light,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-light {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-contained-light-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-contained-light-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-group-contained-light-active-color);
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-link,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-link {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-contained-link-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-contained-link-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-group-contained-link-active-color);
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-outline-primary,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-outline-primary {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-outline-primary-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-outline-primary-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-group-outline-primary-active-color);
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-outline-secondary,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-outline-secondary {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-outline-secondary-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-outline-secondary-active-border-color
    );
    --dxbl-btn-active-color: var(
        --dxbl-btn-group-outline-secondary-active-color
    );
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-outline-info,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-outline-info {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-outline-info-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-outline-info-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-group-outline-info-active-color);
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-outline-success,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-outline-success {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-outline-success-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-outline-success-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-group-outline-success-active-color);
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-outline-warning,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-outline-warning {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-outline-warning-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-outline-warning-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-group-outline-warning-active-color);
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-outline-danger,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-outline-danger {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-outline-danger-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-outline-danger-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-group-outline-danger-active-color);
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-outline-dark,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-outline-dark {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-outline-dark-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-outline-dark-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-group-outline-dark-active-color);
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-outline-light,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-outline-light {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-outline-light-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-outline-light-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-group-outline-light-active-color);
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-outline-link,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-outline-link {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-outline-link-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-outline-link-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-group-outline-link-active-color);
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-text-primary,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-text-primary {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-text-primary-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-text-primary-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-group-text-primary-active-color);
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-text-secondary,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-text-secondary {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-text-secondary-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-text-secondary-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-group-text-secondary-active-color);
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-text-info,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-text-info {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-text-info-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-text-info-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-group-text-info-active-color);
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-text-success,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-text-success {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-text-success-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-text-success-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-group-text-success-active-color);
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-text-warning,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-text-warning {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-text-warning-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-text-warning-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-group-text-warning-active-color);
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-text-danger,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-text-danger {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-text-danger-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-text-danger-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-group-text-danger-active-color);
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-text-dark,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-text-dark {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-text-dark-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-text-dark-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-group-text-dark-active-color);
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-text-light,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-text-light {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-text-light-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-text-light-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-group-text-light-active-color);
}
.dxbl-btn-group-vertical > .dxbl-btn.dxbl-active.dxbl-btn-text-link,
.dxbl-btn-group > .dxbl-btn.dxbl-active.dxbl-btn-text-link {
    --dxbl-btn-active-bg: var(--dxbl-btn-group-text-link-active-bg);
    --dxbl-btn-active-border-color: var(
        --dxbl-btn-group-text-link-active-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-btn-group-text-link-active-color);
}
:root {
    --dxbl-client-component-palette-primary: var(
        --DS-color-surface-utility-blue-default-rest
    );
    --dxbl-client-component-palette-success: var(
        --DS-color-surface-utility-green-default-rest
    );
    --dxbl-client-component-palette-info: var(
        --DS-color-surface-utility-cyan-default-rest
    );
    --dxbl-client-component-palette-warning: var(
        --DS-color-surface-utility-red-default-rest
    );
    --dxbl-client-component-palette-danger: var(
        --DS-color-surface-utility-orange-default-rest
    );
    --dxbl-client-component-tooltip-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-client-component-tooltip-font-color: var(
        --DS-color-content-neutral-default-rest
    );
}
dxbl-map {
    --dxbl-map-marker-tooltip-color: var(--DS-utility-gray-100);
}
dxbl-map {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
dxbl-map .dxbl-widget-container > div {
    height: 100%;
}
dxbl-map .dx-map-marker-tooltip {
    margin: 10px;
    color: var(--dxbl-map-marker-tooltip-color);
}
dxbl-map .gm-style div[role="dialog"] {
    color: var(--dxbl-map-marker-tooltip-color);
}
.dxbl-html-editor.dxbl-invisible {
    display: none;
}
.dxbl-html-editor {
    --dxbl-html-editor-invalid-color: var(
        --DS-color-content-danger-default-rest
    );
    --dxbl-html-editor-border-radius: 0.1875rem;
    --dxbl-html-editor-primary-color: var(
        --DS-color-content-primary-default-rest
    );
    --dxbl-html-editor-border-width: var(--DS-border-width-10);
    --dxbl-html-editor-border-style: solid;
    --dxbl-html-editor-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-html-editor-table-resize-frame: 0.313rem;
    --dxbl-html-editor-block-font-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-html-editor-invalid-message-color: white;
    --dxbl-html-editor-invalid-message-font-size: 0.85rem;
    --dxbl-html-editor-invalid-message-padding-x: 1rem;
    --dxbl-html-editor-invalid-message-padding-y: 0.5rem;
    --dxbl-html-editor-resize-border-width: var(--DS-border-width-10);
    --dxbl-html-editor-resize-border-style: dashed;
    --dxbl-html-editor-resizable-handle-size: 0.3rem;
    --dxbl-html-editor-content-padding-x: 1rem;
    --dxbl-html-editor-content-padding-y: 0.75rem;
    --dxbl-html-editor-placeholder-color: var(
        --DS-color-surface-neutral-default-pressed
    );
    --dxbl-html-editor-placeholder-offset: 15px;
    --dxbl-html-editor-placeholder-opacity: 0.5;
    --dxbl-html-editor-code-block-background-color: var(
        --DS-color-surface-neutral-default-pressed
    );
    --dxbl-html-editor-code-block-padding: 0.5rem;
    --dxbl-html-editor-list-inline-start: 1.5rem;
    --dxbl-html-editor-list-inline-end: 0.3rem;
    --dxbl-html-editor-list-width: 1.2rem;
    --dxbl-html-editor-blockquote-padding-inline-start: 12px;
    --dxbl-html-editor-blockquote-border-inline-start-width: 4px;
    --dxbl-html-editor-blockquote-border-inline-start-style: solid;
    --dxbl-html-editor-blockquote-margin-x: 0;
    --dxbl-html-editor-blockquote-margin-y: 0.5rem;
    --dxbl-html-editor-table-padding-x: 0.313rem;
    --dxbl-html-editor-table-padding-y: 0.125rem;
    --dxbl-html-editor-variable-padding-x: 0.375rem;
    --dxbl-html-editor-variable-padding-y: 0.25rem;
    --dxbl-html-editor-variable-border-radius: 0.5rem;
    --dxbl-html-editor-variable-opacity: 0.1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    border: var(--dxbl-html-editor-border-width)
        var(--dxbl-html-editor-border-style)
        var(--dxbl-html-editor-border-color);
    border-radius: var(--dxbl-html-editor-border-radius);
    width: 100%;
}
.dxbl-html-editor .dxbl-office-ribbon {
    overflow: hidden;
    width: 100%;
    border-bottom: var(--dxbl-html-editor-border-width)
        var(--dxbl-html-editor-border-style)
        var(--dxbl-html-editor-border-color);
}
.dxbl-html-editor .dxbl-html-editor-combobox-size {
    width: 5.625rem;
}
.dxbl-html-editor .dxbl-html-editor-combobox-font {
    width: 9.375rem;
}
.dxbl-html-editor .dx-htmleditor {
    border: var(--dxbl-html-editor-border-width)
        var(--dxbl-html-editor-border-style) transparent;
}
.dxbl-html-editor .dx-htmleditor.dx-state-focused {
    border-color: var(--dxbl-html-editor-primary-color);
}
.dxbl-html-editor .dx-htmleditor.dx-invalid {
    border-color: var(--dxbl-html-editor-invalid-color);
}
.dxbl-html-editor .dx-state-invisible {
    display: none !important;
}
.dxbl-html-editor .dx-invalid-message.dx-overlay-wrapper {
    pointer-events: none;
    visibility: hidden;
}
.dxbl-html-editor .dx-invalid-message.dx-invalid-message-always,
.dxbl-html-editor .dx-state-focused.dx-invalid .dx-invalid-message-auto {
    visibility: visible;
}
.dxbl-html-editor .dx-invalid-message > .dx-overlay-content {
    color: var(--dxbl-html-editor-invalid-message-color);
    background-color: var(--dxbl-html-editor-invalid-color);
    border-radius: var(--dxbl-html-editor-border-radius);
    display: inline-block;
    border-width: 0;
    padding: var(--dxbl-html-editor-invalid-message-padding-y)
        var(--dxbl-html-editor-invalid-message-padding-x);
    font-size: var(--dxbl-html-editor-invalid-message-font-size);
    line-height: normal;
    word-wrap: break-word;
    position: absolute;
    pointer-events: auto;
    z-index: 1000;
    outline: 0;
    overflow: clip;
}
.dxbl-html-editor .dx-mention {
    color: var(--dxbl-html-editor-primary-color);
    padding: 1px 0;
}
.dxbl-html-editor .dxbl-widget-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    height: 10%;
}
.dxbl-html-editor .dxbl-widget-container .dx-quill-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    min-height: 1px;
    margin: 0;
    position: relative;
    overflow: hidden;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable {
    border: var(--dxbl-html-editor-resize-border-width)
        var(--dxbl-html-editor-resize-border-style)
        var(--dxbl-html-editor-primary-color);
    pointer-events: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable
    .dx-resizable-handle {
    position: absolute;
    z-index: 50;
    pointer-events: auto;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable
    .dx-resizable-handle-bottom,
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable
    .dx-resizable-handle-top {
    left: 0;
    width: 100%;
    height: var(--dxbl-html-editor-resizable-handle-size);
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable
    .dx-resizable-handle-left,
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable
    .dx-resizable-handle-right {
    top: 0;
    height: 100%;
    width: var(--dxbl-html-editor-resizable-handle-size);
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable
    .dx-resizable-handle-top {
    top: 0;
    cursor: s-resize;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable
    .dx-resizable-handle-bottom {
    bottom: 0;
    cursor: s-resize;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable
    .dx-resizable-handle-left {
    left: 0;
    cursor: e-resize;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable
    .dx-resizable-handle-right {
    right: 0;
    cursor: e-resize;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable
    .dx-resizable-handle-bottom::after {
    bottom: calc(-1 * var(--dxbl-html-editor-resizable-handle-size));
    left: calc(50% - var(--dxbl-html-editor-resizable-handle-size));
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable
    .dx-resizable-handle-top::after {
    top: calc(-1 * var(--dxbl-html-editor-resizable-handle-size));
    left: calc(50% - var(--dxbl-html-editor-resizable-handle-size));
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable
    .dx-resizable-handle-left::after {
    left: calc(-1 * var(--dxbl-html-editor-resizable-handle-size));
    top: calc(50% - var(--dxbl-html-editor-resizable-handle-size));
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable
    .dx-resizable-handle-right::after {
    right: calc(-1 * var(--dxbl-html-editor-resizable-handle-size));
    top: calc(50% - var(--dxbl-html-editor-resizable-handle-size));
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable
    .dx-resizable-handle-bottom::after,
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable
    .dx-resizable-handle-corner-bottom-left,
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable
    .dx-resizable-handle-corner-bottom-right,
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable
    .dx-resizable-handle-corner-top-left,
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable
    .dx-resizable-handle-corner-top-right,
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable
    .dx-resizable-handle-left::after,
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable
    .dx-resizable-handle-right::after,
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable
    .dx-resizable-handle-top::after {
    background-color: var(--dxbl-html-editor-primary-color);
    content: "";
    position: absolute;
    width: calc(2 * var(--dxbl-html-editor-resizable-handle-size));
    height: calc(2 * var(--dxbl-html-editor-resizable-handle-size));
    border: var(--dxbl-html-editor-border-width)
        var(--dxbl-html-editor-border-style)
        var(--dxbl-html-editor-border-color);
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable
    .dx-resizable-handle-corner-bottom-right {
    cursor: se-resize;
    bottom: calc(-1 * var(--dxbl-html-editor-resizable-handle-size));
    right: calc(-1 * var(--dxbl-html-editor-resizable-handle-size));
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable
    .dx-resizable-handle-corner-bottom-left {
    cursor: ne-resize;
    bottom: calc(-1 * var(--dxbl-html-editor-resizable-handle-size));
    left: calc(-1 * var(--dxbl-html-editor-resizable-handle-size));
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable
    .dx-resizable-handle-corner-top-right {
    cursor: ne-resize;
    top: calc(-1 * var(--dxbl-html-editor-resizable-handle-size));
    right: calc(-1 * var(--dxbl-html-editor-resizable-handle-size));
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-resize-frame.dx-resizable
    .dx-resizable-handle-corner-top-left {
    cursor: se-resize;
    top: calc(-1 * var(--dxbl-html-editor-resizable-handle-size));
    left: calc(-1 * var(--dxbl-html-editor-resizable-handle-size));
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-table-resize-frame {
    position: absolute;
    pointer-events: none;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-table-resize-frame
    .dx-htmleditor-row-resizer {
    height: var(--dxbl-html-editor-table-resize-frame);
    left: 0;
    width: 100%;
    cursor: row-resize;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-table-resize-frame
    > div {
    position: absolute;
    pointer-events: auto;
    background-color: transparent;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-quill-container
    .dx-table-resize-frame
    .dx-htmleditor-column-resizer {
    width: var(--dxbl-html-editor-table-resize-frame);
    top: 0;
    height: 100%;
    cursor: col-resize;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.42;
    width: 100%;
    outline: 0;
    overflow-y: auto;
    padding: var(--dxbl-html-editor-content-padding-y)
        var(--dxbl-html-editor-content-padding-x);
    white-space: pre-wrap;
    word-wrap: break-word;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content > * {
    cursor: text;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content li {
    list-style-type: none;
    -webkit-padding-start: var(--dxbl-html-editor-list-inline-start);
    -moz-padding-start: var(--dxbl-html-editor-list-inline-start);
    padding-inline-start: var(--dxbl-html-editor-list-inline-start);
    position: relative;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content
    li[data-list="bullet"]::before {
    content: "•";
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content li::before {
    display: inline-block;
    -webkit-margin-start: calc(0 - var(--dxbl-html-editor-list-inline-start));
    -moz-margin-start: calc(0 - var(--dxbl-html-editor-list-inline-start));
    margin-inline-start: calc(0 - var(--dxbl-html-editor-list-inline-start));
    -webkit-margin-end: var(--dxbl-html-editor-list-inline-end);
    -moz-margin-end: var(--dxbl-html-editor-list-inline-end);
    margin-inline-end: var(--dxbl-html-editor-list-inline-end);
    text-align: end;
    white-space: nowrap;
    width: var(--dxbl-html-editor-list-width);
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content
    li[data-list="ordered"] {
    counter-reset: add-counter-reset(9);
    counter-increment: list-0;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content
    li[data-list="ordered"]::before {
    content: counter(list-0, decimal) ". ";
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content blockquote {
    -webkit-padding-start: var(
        --dxbl-html-editor-blockquote-padding-inline-start
    );
    -moz-padding-start: var(--dxbl-html-editor-blockquote-padding-inline-start);
    padding-inline-start: var(
        --dxbl-html-editor-blockquote-padding-inline-start
    );
    -webkit-border-start: var(
            --dxbl-html-editor-blockquote-border-inline-start-width
        )
        var(--dxbl-html-editor-blockquote-border-inline-start-style);
    -moz-border-start: var(
            --dxbl-html-editor-blockquote-border-inline-start-width
        )
        var(--dxbl-html-editor-blockquote-border-inline-start-style);
    border-inline-start: var(
            --dxbl-html-editor-blockquote-border-inline-start-width
        )
        var(--dxbl-html-editor-blockquote-border-inline-start-style);
    color: var(--dxbl-html-editor-block-font-color);
    border-inline-start-color: var(--dxbl-html-editor-primary-color);
    margin: var(--dxbl-html-editor-blockquote-margin-y)
        var(--dxbl-html-editor-blockquote-margin-x);
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content
    .ql-code-block-container {
    font-family: monospace;
    background-color: var(--dxbl-html-editor-code-block-background-color);
    color: var(--dxbl-html-editor-block-font-color);
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content a {
    pointer-events: none;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content .ql-code-block {
    padding: var(--dxbl-html-editor-code-block-padding);
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content.ql-blank::before {
    opacity: var(--dxbl-html-editor-placeholder-opacity);
    color: var(--dxbl-html-editor-placeholder-color);
    content: attr(data-placeholder);
    left: var(--dxbl-html-editor-placeholder-offset);
    pointer-events: none;
    position: absolute;
    right: var(--dxbl-html-editor-placeholder-offset);
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content.ql-blank::after {
    content: attr(data-placeholder);
    z-index: -1;
    visibility: hidden;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content.ql-blank[data-placeholder]
    > p {
    height: 0.1px;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content
    ol
    li[data-list="ordered"].ql-indent-1 {
    counter-increment: dxbl-list-1;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content
    ol
    li[data-list="ordered"].ql-indent-1::before {
    content: counter(dxbl-list-1, lower-alpha) ". ";
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content li.ql-indent-1 {
    counter-reset: dxbl-list-2 dxbl-list-3 dxbl-list-4 dxbl-list-5 dxbl-list-6
        dxbl-list-7 dxbl-list-8 dxbl-list-9;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content
    ol
    li[data-list="ordered"].ql-indent-2 {
    counter-increment: dxbl-list-2;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content
    ol
    li[data-list="ordered"].ql-indent-2::before {
    content: counter(dxbl-list-2, lower-roman) ". ";
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content li.ql-indent-2 {
    counter-reset: dxbl-list-3 dxbl-list-4 dxbl-list-5 dxbl-list-6 dxbl-list-7
        dxbl-list-8 dxbl-list-9;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content
    ol
    li[data-list="ordered"].ql-indent-3 {
    counter-increment: dxbl-list-3;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content
    ol
    li[data-list="ordered"].ql-indent-3::before {
    content: counter(dxbl-list-3, decimal) ". ";
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content li.ql-indent-3 {
    counter-reset: dxbl-list-4 dxbl-list-5 dxbl-list-6 dxbl-list-7 dxbl-list-8
        dxbl-list-9;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content
    ol
    li[data-list="ordered"].ql-indent-4 {
    counter-increment: dxbl-list-4;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content
    ol
    li[data-list="ordered"].ql-indent-4::before {
    content: counter(dxbl-list-4, lower-alpha) ". ";
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content li.ql-indent-4 {
    counter-reset: dxbl-list-5 dxbl-list-6 dxbl-list-7 dxbl-list-8 dxbl-list-9;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content
    ol
    li[data-list="ordered"].ql-indent-5 {
    counter-increment: dxbl-list-5;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content
    ol
    li[data-list="ordered"].ql-indent-5::before {
    content: counter(dxbl-list-5, lower-roman) ". ";
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content li.ql-indent-5 {
    counter-reset: dxbl-list-6 dxbl-list-7 dxbl-list-8 dxbl-list-9;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content
    ol
    li[data-list="ordered"].ql-indent-6 {
    counter-increment: dxbl-list-6;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content
    ol
    li[data-list="ordered"].ql-indent-6::before {
    content: counter(dxbl-list-6, decimal) ". ";
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content li.ql-indent-6 {
    counter-reset: dxbl-list-7 dxbl-list-8 dxbl-list-9;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content
    ol
    li[data-list="ordered"].ql-indent-7 {
    counter-increment: dxbl-list-7;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content
    ol
    li[data-list="ordered"].ql-indent-7::before {
    content: counter(dxbl-list-7, lower-alpha) ". ";
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content li.ql-indent-7 {
    counter-reset: dxbl-list-8 dxbl-list-9;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content
    ol
    li[data-list="ordered"].ql-indent-8 {
    counter-increment: dxbl-list-8;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content
    ol
    li[data-list="ordered"].ql-indent-8::before {
    content: counter(dxbl-list-8, lower-roman) ". ";
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content li.ql-indent-8 {
    counter-reset: dxbl-list-9;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content
    ol
    li[data-list="ordered"].ql-indent-9 {
    counter-increment: dxbl-list-9;
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content
    ol
    li[data-list="ordered"].ql-indent-9::before {
    content: counter(dxbl-list-9, decimal) ". ";
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content .ql-indent-1 {
    -webkit-padding-start: 3em;
    -moz-padding-start: 3em;
    padding-inline-start: 3em;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content li.ql-indent-1 {
    -webkit-padding-start: 4.5rem;
    -moz-padding-start: 4.5rem;
    padding-inline-start: 4.5rem;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content .ql-indent-2 {
    -webkit-padding-start: 6em;
    -moz-padding-start: 6em;
    padding-inline-start: 6em;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content li.ql-indent-2 {
    -webkit-padding-start: 7.5rem;
    -moz-padding-start: 7.5rem;
    padding-inline-start: 7.5rem;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content .ql-indent-3 {
    -webkit-padding-start: 9em;
    -moz-padding-start: 9em;
    padding-inline-start: 9em;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content li.ql-indent-3 {
    -webkit-padding-start: 10.5rem;
    -moz-padding-start: 10.5rem;
    padding-inline-start: 10.5rem;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content .ql-indent-4 {
    -webkit-padding-start: 12em;
    -moz-padding-start: 12em;
    padding-inline-start: 12em;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content li.ql-indent-4 {
    -webkit-padding-start: 13.5rem;
    -moz-padding-start: 13.5rem;
    padding-inline-start: 13.5rem;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content .ql-indent-5 {
    -webkit-padding-start: 15em;
    -moz-padding-start: 15em;
    padding-inline-start: 15em;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content li.ql-indent-5 {
    -webkit-padding-start: 16.5rem;
    -moz-padding-start: 16.5rem;
    padding-inline-start: 16.5rem;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content .ql-indent-6 {
    -webkit-padding-start: 18em;
    -moz-padding-start: 18em;
    padding-inline-start: 18em;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content li.ql-indent-6 {
    -webkit-padding-start: 19.5rem;
    -moz-padding-start: 19.5rem;
    padding-inline-start: 19.5rem;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content .ql-indent-7 {
    -webkit-padding-start: 21em;
    -moz-padding-start: 21em;
    padding-inline-start: 21em;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content li.ql-indent-7 {
    -webkit-padding-start: 22.5rem;
    -moz-padding-start: 22.5rem;
    padding-inline-start: 22.5rem;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content .ql-indent-8 {
    -webkit-padding-start: 24em;
    -moz-padding-start: 24em;
    padding-inline-start: 24em;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content li.ql-indent-8 {
    -webkit-padding-start: 25.5rem;
    -moz-padding-start: 25.5rem;
    padding-inline-start: 25.5rem;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content .ql-indent-9 {
    -webkit-padding-start: 27em;
    -moz-padding-start: 27em;
    padding-inline-start: 27em;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content li.ql-indent-9 {
    -webkit-padding-start: 28.5rem;
    -moz-padding-start: 28.5rem;
    padding-inline-start: 28.5rem;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content p {
    margin: 0;
    padding: 0;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content table {
    width: 50%;
    border-collapse: collapse;
    table-layout: fixed;
    display: table;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: initial;
    unicode-bidi: -webkit-isolate;
    unicode-bidi: -moz-isolate;
    unicode-bidi: isolate;
    border-spacing: 2px;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content thead {
    display: table-header-group;
    vertical-align: middle;
    unicode-bidi: -webkit-isolate;
    unicode-bidi: -moz-isolate;
    unicode-bidi: isolate;
    border-color: inherit;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content tbody {
    display: table-row-group;
    vertical-align: middle;
    unicode-bidi: -webkit-isolate;
    unicode-bidi: -moz-isolate;
    unicode-bidi: isolate;
    border-color: inherit;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content tr {
    display: table-row;
    vertical-align: inherit;
    unicode-bidi: -webkit-isolate;
    unicode-bidi: -moz-isolate;
    unicode-bidi: isolate;
    border-color: inherit;
}
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content td,
.dxbl-html-editor .dxbl-widget-container .dx-htmleditor-content th {
    outline: 0;
    border: var(--dxbl-html-editor-border-width)
        var(--dxbl-html-editor-border-style)
        var(--dxbl-html-editor-border-color);
    padding: var(--dxbl-html-editor-table-padding-y)
        var(--dxbl-html-editor-table-padding-x);
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content
    .dx-variable
    > span {
    position: relative;
    padding: var(--dxbl-html-editor-variable-padding-y)
        var(--dxbl-html-editor-variable-padding-x);
}
.dxbl-html-editor
    .dxbl-widget-container
    .dx-htmleditor-content
    .dx-variable
    > span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--dxbl-html-editor-variable-border-radius);
    background-color: var(--dxbl-html-editor-primary-color);
    opacity: var(--dxbl-html-editor-variable-opacity);
}
.dx-popup-wrapper.dx-suggestion-list-wrapper {
    --dxbl-html-editor-mentions-list-border-width: var(--DS-border-width-10);
    --dxbl-html-editor-mentions-list-border-style: solid;
    --dxbl-html-editor-mentions-list-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-html-editor-mentions-list-background: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-html-editor-mentions-list-item-border-width: 2px;
    --dxbl-html-editor-mentions-list-item-border-style: solid;
    --dxbl-html-editor-primary-color: var(
        --DS-color-content-primary-default-rest
    );
    --dxbl-html-editor-mentions-scrollbar-width: 8px;
    --dxbl-html-editor-mentions-scrollbar-color: rgba(191, 191, 191, 0.7);
    --dxbl-html-editor-mentions-list-background-color: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxbl-html-editor-mentions-list-padding-x: 0.5rem;
    --dxbl-html-editor-mentions-list-padding-y: 0.5rem;
    top: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 1000;
    font-weight: 400;
    line-height: 1.35715;
}
.dx-popup-wrapper.dx-suggestion-list-wrapper > .dx-overlay-content {
    border: var(--dxbl-html-editor-mentions-list-border-width)
        var(--dxbl-html-editor-mentions-list-border-style)
        var(--dxbl-html-editor-mentions-list-border-color);
    background: var(--dxbl-html-editor-mentions-list-background);
    -webkit-box-shadow: 0 4px 15px -3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 15px -3px rgba(0, 0, 0, 0.1);
    border-radius: var(--dxbl-html-editor-border-radius);
    position: absolute;
    pointer-events: auto;
    outline: 0;
    overflow: clip;
}
.dx-popup-wrapper.dx-suggestion-list-wrapper .dx-popup-content {
    padding: 1px;
}
.dx-popup-wrapper.dx-suggestion-list-wrapper .dx-list .dx-empty-message,
.dx-popup-wrapper.dx-suggestion-list-wrapper .dx-list-item-content {
    padding: 10px;
}
.dx-popup-wrapper.dx-suggestion-list-wrapper .dx-list-item {
    position: static;
    cursor: pointer;
    display: table;
    width: 100%;
    table-layout: fixed;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: var(--dxbl-html-editor-mentions-list-item-border-width)
        var(--dxbl-html-editor-mentions-list-item-border-style) transparent;
}
.dx-popup-wrapper.dx-suggestion-list-wrapper .dx-suggestion-list .dx-list-item {
    display: block;
}
.dx-popup-wrapper.dx-suggestion-list-wrapper .dx-suggestion-list {
    min-width: 50px;
}
.dx-popup-wrapper.dx-suggestion-list-wrapper .dx-scrollable,
.dx-popup-wrapper.dx-suggestion-list-wrapper .dx-scrollable-container,
.dx-popup-wrapper.dx-suggestion-list-wrapper .dx-scrollable-wrapper {
    min-height: inherit;
    max-height: inherit;
}
.dx-popup-wrapper.dx-suggestion-list-wrapper .dx-scrollable-container {
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
}
.dx-popup-wrapper.dx-suggestion-list-wrapper .dx-scrollable-content {
    position: relative;
    min-height: 100%;
}
.dx-popup-wrapper.dx-suggestion-list-wrapper .dx-scrollbar-vertical {
    top: 0;
    right: 0;
    height: 100%;
    width: var(--dxbl-html-editor-mentions-scrollbar-width);
    -webkit-transition:
        width 0.2s linear 0.15s,
        background-color 0.2s linear 0.15s;
    -o-transition:
        width 0.2s linear 0.15s,
        background-color 0.2s linear 0.15s;
    transition:
        width 0.2s linear 0.15s,
        background-color 0.2s linear 0.15s;
    background-color: transparent;
}
.dx-popup-wrapper.dx-suggestion-list-wrapper .dx-scrollable-scrollbar {
    position: absolute;
    pointer-events: auto;
}
.dx-popup-wrapper.dx-suggestion-list-wrapper
    .dx-scrollbar-vertical
    .dx-scrollable-scroll {
    float: right;
    width: var(--dxbl-html-editor-mentions-scrollbar-width);
    -webkit-padding-end: 2px;
    -moz-padding-end: 2px;
    padding-inline-end: 2px;
}
.dx-popup-wrapper.dx-suggestion-list-wrapper .dx-scrollable-scroll-content {
    width: 100%;
    height: 100%;
    background-color: var(--dxbl-html-editor-mentions-scrollbar-color);
}
.dx-popup-wrapper.dx-suggestion-list-wrapper
    .dx-list
    .dx-list-item.dx-state-focused {
    border: var(--dxbl-html-editor-mentions-list-item-border-width)
        var(--dxbl-html-editor-mentions-list-item-border-style)
        var(--dxbl-html-editor-primary-color);
}
.dx-popup-wrapper.dx-suggestion-list-wrapper
    .dx-list
    .dx-list-item.dx-state-hover {
    background-color: var(--dxbl-html-editor-mentions-list-background-color);
}
.dx-popup-wrapper.dx-suggestion-list-wrapper .dx-list-item-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: table-cell;
    width: 100%;
    padding: var(--dxbl-html-editor-mentions-list-padding-y)
        var(--dxbl-html-editor-mentions-list-padding-x);
}
.dx-popup-wrapper.dx-suggestion-list-wrapper .dx-state-invisible {
    display: none !important;
}
.dx-popup-wrapper.dx-suggestion-list-wrapper
    .dx-scrollable-native.dx-scrollable-wrapper
    > .dx-scrollable-container,
.dx-popup-wrapper.dx-suggestion-list-wrapper
    .dx-scrollable-native
    > div.dx-scrollable-wrapper
    > .dx-scrollable-container {
    position: relative;
    height: 100%;
}
.dx-popup-wrapper.dx-suggestion-list-wrapper
    .dx-scrollable-native.dx-scrollable-vertical,
.dx-popup-wrapper.dx-suggestion-list-wrapper
    .dx-scrollable-native.dx-scrollable-vertical
    > .dx-scrollable-wrapper
    > .dx-scrollable-container {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    overflow-x: hidden;
    overflow-y: auto;
}
.dx-popup-wrapper.dx-suggestion-list-wrapper
    .dx-scrollable-native.dx-scrollable-native-ios
    .dx-scrollable-content {
    min-height: 101%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.dx-popup-wrapper.dx-suggestion-list-wrapper
    .dx-scrollable-native.dx-scrollable-native-ios.dx-scrollable-horizontal
    .dx-scrollable-content {
    min-height: 0;
    padding: 0;
}
.dx-popup-wrapper.dx-suggestion-list-wrapper
    .dx-scrollable-native.dx-scrollable-native-android
    .dx-scrollable-content {
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 0;
}
.dxbl-html-editor-modal-dialog {
    --dxbl-html-editor-dialog-footer-margin-bottom: 0.75rem;
    --dxbl-html-editor-drop-zone-border-radius: var(--DS-border-radius-60);
    --dxbl-html-editor-drop-zone-border-width: var(--DS-border-width-20);
    --dxbl-html-editor-drop-zone-border-style: dashed;
    --dxbl-html-editor-drop-zone-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-html-editor-drop-zone-background-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-html-editor-drop-zone-drag-over-border-color: var(
        --DS-color-border-neutral-default-hovered
    );
}
.dxbl-html-editor-modal-dialog .dxbl-dialog-label {
    margin-bottom: 0.25rem;
}
.dxbl-html-editor-modal-dialog .dxbl-dialog-column-direction {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.dxbl-html-editor-modal-dialog .dxbl-dialog-row-direction {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.dxbl-html-editor-modal-dialog .dxbl-mobile-dialog-buttons {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.dxbl-html-editor-modal-dialog .dxbl-mobile-dialog-button {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
}
.dxbl-html-editor-modal-dialog .dxbl-dialog-row-gap {
    row-gap: 0.5rem;
}
.dxbl-html-editor-modal-dialog .dxbl-dialog-column-gap {
    -webkit-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
}
.dxbl-html-editor-modal-dialog .dxbl-aspect-ratio {
    width: 28px;
    height: 28px;
    padding: 0;
    margin: 0 0.5rem;
}
.dxbl-html-editor-modal-dialog .dxbl-grid-container {
    display: grid;
    grid-template-columns: auto calc(28px + 1rem) auto;
}
.dxbl-html-editor-modal-dialog .dxbl-grid-column-3 {
    grid-column: 3;
}
.dxbl-html-editor-modal-dialog .dxbl-drop-zone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: var(--dxbl-html-editor-drop-zone-border-width)
        var(--dxbl-html-editor-drop-zone-border-style)
        var(--dxbl-html-editor-drop-zone-border-color);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 14.375rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 0.5rem;
    width: 100%;
    border-radius: var(--dxbl-html-editor-drop-zone-border-radius);
    background-color: var(--dxbl-html-editor-drop-zone-background-color);
}
.dxbl-html-editor-modal-dialog .dxbl-drop-zone-drag-over {
    border-color: var(--dxbl-html-editor-drop-zone-drag-over-border-color);
}
.dxbl-html-editor-modal-dialog .dxbl-drop-image-icon {
    width: 48px;
    height: 48px;
}
.dxbl-html-editor-modal-dialog .dxbl-drop-zone-container {
    padding: 0.25rem 0 0;
}
.dxbl-html-editor-modal-dialog .dxbl-stretched {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-html-editor-modal-dialog
    > .dxbl-modal-content
    > .dxbl-footer {
    background-color: #000;
    border-top: 0;
    margin-bottom: var(--dxbl-html-editor-dialog-footer-margin-bottom);
    padding-top: 0;
}
.dxbl-chart-root {
    --dxbl-chart-widget-container-padding: var(--DS-sizing-160);
    --dxbl-chart-title-font-size: var(--DS-font-size-title-3);
    --dxbl-chart-subtitle-font-size: var(--DS-font-size-subtitle-2);
    --dxbl-chart-legend-title-font-size: var(--DS-font-size-subtitle-2);
    --dxbl-chart-legend-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-chart-legend-border: var(--DS-border-width-10) solid
        var(--DS-color-border-neutral-default-rest);
    --dxbl-chart-legend-padding: var(--DS-sizing-80) var(--DS-sizing-140);
    --dxbl-chart-legend-title-padding-bottom: var(--DS-sizing-80);
    --dxbl-chart-legend-icon-size: var(--DS-sizing-160);
    --dxbl-chart-legend-margin: var(--DS-sizing-200);
    --dxbl-chart-legend-icon-margin-right: var(--DS-sizing-80);
    --dxbl-chart-legend-item-margin-right: var(--DS-sizing-200);
    --dxbl-chart-legend-item-margin-bottom: var(--DS-sizing-160);
    --dxbl-chart-loading-indicator-transition: opacity 200ms 300ms;
    --dxbl-chart-tooltip-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-chart-tooltip-border: var(--DS-border-width-10) solid
        var(--DS-color-border-neutral-default-rest);
    --dxbl-chart-tooltip-border-radius: var(--DS-border-radius-40);
    --dxbl-chart-tooltip-no-template-padding: var(--DS-sizing-160);
    --dxbl-chart-axis-title-font-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-chart-axis-line-color: var(--DS-color-border-neutral-default-rest);
    --dxbl-chart-constant-line-color: var(
        --DS-color-border-neutral-inverted-rest
    );
    --dxbl-chart-error-bar-color: var(--DS-color-border-neutral-inverted-rest);
    --dxbl-chart-annotation-color: var(--DS-color-surface-neutral-default-rest);
    --dxbl-chart-annotation-text-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-chart-focus-outline-width: var(--DS-border-width-20);
    --dxbl-chart-focus-outline-color: var(--DS-color-theme-builder-focus);
    --dxbl-chart-focus-outline-style: solid;
    --dxbl-chart-focus-outline-offset: var(--DS-border-width-10);
    --dxbl-chart-container-background-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-chart-candlestick-inner-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-chart-zoom-drag-box-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-chart-axis-label-font-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-chart-axis-label-font-opacity: 0.75;
    --dxbl-chart-font-color: var(--DS-color-content-neutral-default-rest);
}
@-webkit-keyframes dxbl-rotating {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes dxbl-rotating {
    from {
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes dxbl-rotating {
    from {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.dxbl-chart-root {
    background-color: unset;
    border-width: 0;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--dxbl-chart-font-color);
}
.dxbl-chart-root:focus-visible {
    outline: var(--dxbl-chart-focus-outline-width)
        var(--dxbl-chart-focus-outline-style)
        var(--dxbl-chart-focus-outline-color);
    outline-offset: var(--dxbl-chart-focus-outline-offset);
}
.dxbl-chart-root .dxbl-widget-container {
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: var(--dxbl-chart-widget-container-padding);
    height: 100%;
    width: 100%;
}
.dxbl-chart-root .dxbl-widget-container > svg {
    opacity: 1;
    -webkit-transition: opacity 0s 0s;
    -o-transition: opacity 0s 0s;
    transition: opacity 0s 0s;
}
.dxbl-chart-root .dxbl-widget-container::after {
    opacity: 0;
    content: " ";
    display: block;
}
.dxbl-chart-root.dxbl-chart-with-legend-container {
    height: 100%;
    width: 100%;
}
.dxbl-chart-root.dxbl-chart-first-loading .dxbl-chart-legend,
.dxbl-chart-root.dxbl-chart-first-loading .dxbl-chart-title {
    visibility: hidden;
}
.dxbl-chart-tooltip {
    visibility: hidden;
    display: block;
    z-index: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translate(-50%, -100%);
    -o-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    position: absolute;
    will-change: filter;
}
.dxbl-chart-tooltip > .dxbl-chart-tooltip-content-container {
    width: initial;
    height: initial;
    padding: 0;
    white-space: nowrap;
    background-color: var(--dxbl-chart-tooltip-bg);
    border: var(--dxbl-chart-tooltip-border);
    border-radius: var(--dxbl-chart-tooltip-border-radius);
}
.dxbl-chart-tooltip
    > .dxbl-chart-tooltip-content-container
    .dxbl-chart-tooltip-content.dxbl-chart-tooltip-user-template-not-defined {
    padding: var(--dxbl-chart-tooltip-no-template-padding);
}
.dxbl-chart-title {
    width: 100%;
    font-size: var(--dxbl-chart-title-font-size);
}
.dxbl-chart-subtitle {
    font-size: var(--dxbl-chart-subtitle-font-size);
}
.dxbl-chart-legend-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}
.dxbl-chart-legend {
    opacity: 1;
    padding: var(--dxbl-chart-legend-padding);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.dxbl-chart-legend .dxbl-chart-title {
    padding-bottom: var(--dxbl-chart-legend-title-padding-bottom);
    font-size: var(--dxbl-chart-legend-title-font-size);
    display: block;
}
.dxbl-chart-legend.dxbl-chart-legend-horizontal
    .dxbl-chart-legend-item:not(:last-child) {
    margin-right: var(--dxbl-chart-legend-item-margin-right);
}
.dxbl-chart-legend.dxbl-chart-legend-vertical
    .dxbl-chart-legend-item:not(:last-child) {
    margin-bottom: var(--dxbl-chart-legend-item-margin-bottom);
}
.dxbl-chart-legend.dxbl-chart-legend-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.dxbl-chart-legend.dxbl-chart-legend-horizontal.dxbl-chart-legend-align-right {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.dxbl-chart-legend .dxbl-chart-legend-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.dxbl-chart-legend-icon {
    height: var(--dxbl-chart-legend-icon-size);
    width: var(--dxbl-chart-legend-icon-size);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 var(--dxbl-chart-legend-icon-size);
    -ms-flex: 0 0 var(--dxbl-chart-legend-icon-size);
    flex: 0 0 var(--dxbl-chart-legend-icon-size);
    margin-right: var(--dxbl-chart-legend-icon-margin-right);
    position: relative;
    overflow: hidden;
}
.dxbl-chart-legend-icon ~ * {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.dxbl-chart-legend-text {
    white-space: nowrap;
}
.dxbl-chart-with-legend-container {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background-color: inherit;
}
.dxbl-chart-legend-outside {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.dxbl-chart-legend-outside
    .dxbl-chart-legend.dxbl-chart-legend-horizontal.dxbl-chart-legend-valign-top,
.dxbl-chart-legend-outside
    .dxbl-chart-legend.dxbl-chart-legend-vertical.dxbl-chart-legend-align-center.dxbl-chart-legend-valign-top {
    margin-bottom: var(--dxbl-chart-legend-margin);
}
.dxbl-chart-legend-outside
    .dxbl-chart-legend.dxbl-chart-legend-vertical.dxbl-chart-legend-align-left {
    margin-right: var(--dxbl-chart-legend-margin);
}
.dxbl-chart-legend-outside
    .dxbl-chart-legend.dxbl-chart-legend-vertical.dxbl-chart-legend-align-right {
    margin-left: var(--dxbl-chart-legend-margin);
}
.dxbl-chart-legend-outside
    .dxbl-chart-legend.dxbl-chart-legend-horizontal.dxbl-chart-legend-valign-bottom,
.dxbl-chart-legend-outside
    .dxbl-chart-legend.dxbl-chart-legend-vertical.dxbl-chart-legend-align-center.dxbl-chart-legend-valign-bottom {
    margin-top: var(--dxbl-chart-legend-margin);
}
.dxbl-chart-legend-outside
    .dxbl-chart-legend.dxbl-chart-legend-horizontal.dxbl-chart-legend-align-left,
.dxbl-chart-legend-outside
    .dxbl-chart-legend.dxbl-chart-legend-vertical.dxbl-chart-legend-valign-top:not(
        .dxbl-chart-legend-align-center
    ) {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.dxbl-chart-legend-outside
    .dxbl-chart-legend.dxbl-chart-legend-horizontal.dxbl-chart-legend-align-right,
.dxbl-chart-legend-outside
    .dxbl-chart-legend.dxbl-chart-legend-vertical.dxbl-chart-legend-valign-bottom:not(
        .dxbl-chart-legend-align-center
    ) {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.dxbl-chart-legend-inside {
    position: relative;
}
.dxbl-chart-legend-inside .dxbl-chart-legend {
    position: absolute;
    background-color: var(--dxbl-chart-legend-bg);
    border: var(--dxbl-chart-legend-border);
    word-wrap: break-word;
}
.dxbl-chart-legend-inside .dxbl-chart-legend.dxbl-chart-legend-align-left {
    left: 0;
}
.dxbl-chart-legend-inside .dxbl-chart-legend.dxbl-chart-legend-align-right {
    right: 0;
}
.dxbl-chart-legend-inside .dxbl-chart-legend.dxbl-chart-legend-valign-top {
    top: 0;
}
.dxbl-chart-legend-inside .dxbl-chart-legend.dxbl-chart-legend-valign-bottom {
    bottom: 0;
}
.dxbl-chart-legend-inside .dxbl-chart-legend.dxbl-chart-legend-align-center {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.dxbl-chart-legend-horizontal .dxbl-chart-legend-items {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.dxbl-chart-legend-vertical .dxbl-chart-legend-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
dxbl-bar-gauge {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
dxbl-bar-gauge .dxbl-widget-container {
    width: 100%;
    height: 100%;
}
dxbl-bar-gauge {
    --dxbl-bar-gauge-title-font-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-bar-gauge-subtitle-font-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-bar-gauge-legend-title-font-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-bar-gauge-legend-subtitle-font-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-bar-gauge-legend-item-font-color: var(
        --DS-color-content-neutral-subdued-rest
    );
}
dxbl-sankey {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
dxbl-sankey .dxbl-widget-container {
    width: 100%;
    height: 100%;
}
dxbl-sankey {
    --dxbl-sankey-title-font-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-sankey-subtitle-font-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-sankey-label-font-color: var(
        --DS-color-content-neutral-default-rest
    );
}
.dxbl-tabs {
    --dxbl-tabs-tab-horizontal-width: 120px;
    --dxbl-tabs-tab-font-family: var(--DS-font-family-sans-serif);
    --dxbl-tabs-tab-border-offset-x: var(--DS-sizing-80);
    --dxbl-tabs-tab-border-offset-y: var(--DS-sizing-80);
    --dxbl-tabs-text-padding-x: var(--DS-sizing-40);
    --dxbl-tabs-tab-border-thickness: var(--DS-sizing-30);
    --dxbl-tabs-tab-drag-bg-color: var(--DS-color-surface-neutral-default-rest);
    --dxbl-tabs-tab-drag-shadow: var(--DS-box-shadow-shadow-3);
    --dxbl-tabs-tab-drop-indicator-shadow: var( --DS-box-shadow-border-inner-primary-20 );
    --dxbl-tabs-tab-default-cursor: pointer;
    --dxbl-tabs-tab-default-font-weight: var(--DS-font-weight-body-1);
    --dxbl-tabs-tab-default-color: var(--DS-color-content-neutral-subdued-rest);
    --dxbl-tabs-tab-default-hover-color: var( --DS-color-content-neutral-subdued-hovered );
    --dxbl-tabs-tab-default-bg: transparent;
    --dxbl-tabs-tab-default-hover-bg: var( --DS-color-content-neutral-subdued-disabled );
    --dxbl-tabs-tab-default-icon-color: var( --DS-color-content-neutral-subdued-rest );
    --dxbl-tabs-tab-default-icon-hover-color: var( --DS-color-content-neutral-subdued-hovered );
    --dxbl-tabs-tab-active-cursor: default;
    --dxbl-tabs-tab-active-font-weight: var(--DS-font-weight-body-1-strong);
    --dxbl-tabs-tab-active-color: var( --DS-color-content-neutral-subdued-pressed );
    --dxbl-tabs-tab-active-hover-color: var( --DS-color-content-neutral-default-rest );
    --dxbl-tabs-tab-active-bg: #F6EEDF;
    --dxbl-tabs-tab-active-hover-bg: var( --DS-color-content-primary-default-rest );
    --dxbl-tabs-tab-active-icon-color: var( --DS-color-content-primary-default-rest );
    --dxbl-tabs-tab-active-icon-hover-color: var( --DS-color-content-primary-default-rest );
    --dxbl-tabs-tab-context-color: var(--DS-color-content-primary-default-rest);
    --dxbl-tabs-tab-context-font-weight: var(--DS-font-weight-body-1-strong);
    --dxbl-tabs-tab-context-bg: transparent;
    --dxbl-tabs-tab-context-hover-bg: var( --DS-color-content-primary-default-hovered );
    --dxbl-tabs-tab-context-hover-color: var( --DS-color-content-primary-default-hovered );
    --dxbl-tabs-tab-context-icon-color: var( --DS-color-content-primary-default-rest );
    --dxbl-tabs-tab-context-icon-hover-color: var( --DS-color-content-primary-default-hovered );
    --dxbl-tabs-tab-disabled-cursor: default;
    --dxbl-tabs-tab-disabled-font-weight: var(--DS-font-weight-body-1);
    --dxbl-tabs-tab-disabled-color: var( --DS-color-content-neutral-subdued-disabled );
    --dxbl-tabs-tab-disabled-bg: transparent;
    --dxbl-tabs-tab-padding-y: var(--DS-sizing-80);
    --dxbl-tabs-tab-padding-x: var(--DS-sizing-80);
    --dxbl-tabs-tab-border-radius: var(--DS-border-radius-20);
    --dxbl-tabs-tab-border-border-radius: var(--DS-border-radius-20);
    --dxbl-tabs-tab-disabled-icon-color: var( --DS-color-content-neutral-subdued-disabled );
    --dxbl-tabs-tab-focus-outline-color: var(--DS-color-theme-builder-focus);
    --dxbl-tabs-tab-focus-outline-size: var(--DS-border-width-20);
    --dxbl-tabs-tab-focus-outline-offset: var(--DS-border-width-10);
    --dxbl-tabs-tab-close-btn-border-radius: var(--DS-border-radius-full);
    --dxbl-tabs-tab-close-btn-padding-x: var(--DS-sizing-40);
    --dxbl-tabs-tab-close-btn-padding-y: var(--DS-sizing-40);
    --dxbl-tabs-tab-close-btn-border-width: var(--DS-border-width-0);
    --dxbl-tabs-tab-close-btn-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-tabs-tab-hover-close-btn-bg: var( --DS-color-surface-neutral-subdued-hovered );
    --dxbl-tabs-tab-close-btn-color: var( --DS-color-content-neutral-subdued-rest );
    --dxbl-tabs-tab-hover-close-btn-color: var( --DS-color-content-neutral-subdued-hovered );
    --dxbl-tabs-tab-disabled-close-btn-bg: var( --DS-color-surface-neutral-muted-disabled );
    --dxbl-tabs-tab-disabled-hover-close-btn-bg: var( --DS-color-surface-neutral-muted-disabled );
    --dxbl-tabs-tab-disabled-close-btn-color: var( --DS-color-content-neutral-subdued-disabled );
    --dxbl-tabs-tab-disabled-hover-close-btn-color: var( --DS-color-content-neutral-subdued-disabled );
    --dxbl-tabs-tab-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-tabs-tab-font-size-m: var(--DS-font-size-body-1);
    --dxbl-tabs-tab-font-size-l: var(--DS-font-size-body-2);
    --dxbl-tabs-tab-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-tabs-tab-line-height-m: var(--DS-line-height-body-1);
    --dxbl-tabs-tab-line-height-l: var(--DS-line-height-body-2);
    --dxbl-tabs-tab-close-btn-size-s: var(--DS-sizing-120);
    --dxbl-tabs-tab-close-btn-size-m: var(--DS-sizing-160);
    --dxbl-tabs-tab-close-btn-size-l: var(--DS-sizing-200);
    --dxbl-tabs-text-padding-y-s: var(--DS-sizing-20);
    --dxbl-tabs-text-padding-y-m: var(--DS-sizing-20);
    --dxbl-tabs-text-padding-y-l: var(--DS-sizing-30);
}
.dxbl-tabs {
    display: var(--dxbl-tabs-display);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: var(--dxbl-tabs-flex-direction);
    -ms-flex-direction: var(--dxbl-tabs-flex-direction);
    flex-direction: var(--dxbl-tabs-flex-direction);
    height: var(--dxbl-tabs-height);
}
.dxbl-tabs
    > .dxbl-tabs-tablist
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul,
.dxbl-tabs > .dxbl-tabs-tablist > ul {
    margin-bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    padding: calc(
        var(--dxbl-tabs-tab-focus-outline-size) +
            var(--dxbl-tabs-tab-focus-outline-offset)
    );
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: var(--dxbl-tabs-list-flex-direction) wrap;
    -ms-flex-flow: var(--dxbl-tabs-list-flex-direction) wrap;
    flex-flow: var(--dxbl-tabs-list-flex-direction) wrap;
}
.dxbl-tabs
    > .dxbl-tabs-tablist
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li,
.dxbl-tabs > .dxbl-tabs-tablist > ul > li {
    list-style: none;
}
.dxbl-tabs
    > .dxbl-tabs-tablist
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li
    > .dxbl-tabs-item,
.dxbl-tabs > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item {
    cursor: var(--dxbl-tabs-tab-cursor);
    z-index: 0;
    color: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.dxbl-tabs
    > .dxbl-tabs-tablist
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li
    > .dxbl-tabs-item.dxbl-dragging,
.dxbl-tabs > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item.dxbl-dragging {
    background-color: var(--dxbl-tabs-tab-drag-bg-color);
    pointer-events: none;
    -webkit-box-shadow: var(--dxbl-tabs-tab-drag-shadow);
    box-shadow: var(--dxbl-tabs-tab-drag-shadow);
    z-index: 20000;
}
.dxbl-tabs
    > .dxbl-tabs-tablist
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li
    > .dxbl-tabs-item
    > .dxbl-tabs-text-container,
.dxbl-tabs
    > .dxbl-tabs-tablist
    > ul
    > li
    > .dxbl-tabs-item
    > .dxbl-tabs-text-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.dxbl-tabs
    > .dxbl-tabs-tablist
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li
    > .dxbl-tabs-item
    > .dxbl-tabs-text-container:has(> .dxbl-text > .dxbl-tabs-text-overflow),
.dxbl-tabs
    > .dxbl-tabs-tablist
    > ul
    > li
    > .dxbl-tabs-item
    > .dxbl-tabs-text-container:has(> .dxbl-text > .dxbl-tabs-text-overflow) {
    overflow: hidden;
}
.dxbl-tabs
    > .dxbl-tabs-tablist
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li
    > .dxbl-tabs-item
    > .dxbl-tabs-text-container
    > .dxbl-text,
.dxbl-tabs
    > .dxbl-tabs-tablist
    > ul
    > li
    > .dxbl-tabs-item
    > .dxbl-tabs-text-container
    > .dxbl-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: var(--dxbl-tabs-text-padding-y);
    padding-bottom: var(--dxbl-tabs-text-padding-y);
}
.dxbl-tabs
    > .dxbl-tabs-tablist
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li
    > .dxbl-tabs-item
    > .dxbl-tabs-text-container
    > .dxbl-text.dxbl-tabs-space-reservation,
.dxbl-tabs
    > .dxbl-tabs-tablist
    > ul
    > li
    > .dxbl-tabs-item
    > .dxbl-tabs-text-container
    > .dxbl-text.dxbl-tabs-space-reservation {
    font-weight: var(--dxbl-tabs-tab-active-font-weight);
    height: 0;
    padding: 0;
    visibility: hidden;
}
.dxbl-tabs
    > .dxbl-tabs-tablist
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li
    > .dxbl-tabs-item
    > .dxbl-tabs-text-container
    > .dxbl-text
    .dxbl-tabs-text-overflow,
.dxbl-tabs
    > .dxbl-tabs-tablist
    > ul
    > li
    > .dxbl-tabs-item
    > .dxbl-tabs-text-container
    > .dxbl-text
    .dxbl-tabs-text-overflow {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: var(--dxbl-tabs-text-padding-x);
    padding-right: var(--dxbl-tabs-text-padding-x);
}
.dxbl-tabs
    > .dxbl-tabs-tablist
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li
    > .dxbl-tabs-item
    > .dxbl-tabs-close-button,
.dxbl-tabs
    > .dxbl-tabs-tablist
    > ul
    > li
    > .dxbl-tabs-item
    > .dxbl-tabs-close-button {
    --dxbl-btn-bg: var(--dxbl-tabs-tab-close-btn-bg);
    --dxbl-btn-hover-bg: var(--dxbl-tabs-tab-hover-close-btn-bg);
    --dxbl-btn-color: var(--dxbl-tabs-tab-close-btn-color);
    --dxbl-btn-hover-color: var(--dxbl-tabs-tab-hover-close-btn-color);
    --dxbl-btn-border-radius: var(--dxbl-tabs-tab-close-btn-border-radius);
    --dxbl-btn-padding-x: var(--dxbl-tabs-tab-close-btn-padding-x);
    --dxbl-btn-padding-y: var(--dxbl-tabs-tab-close-btn-padding-y);
    --dxbl-btn-border-width: var(--dxbl-tabs-tab-close-btn-border-width);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.dxbl-tabs
    > .dxbl-tabs-tablist
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li
    > .dxbl-tabs-item
    > .dxbl-tabs-close-button
    > .dxbl-image,
.dxbl-tabs
    > .dxbl-tabs-tablist
    > ul
    > li
    > .dxbl-tabs-item
    > .dxbl-tabs-close-button
    > .dxbl-image {
    --dxbl-image-width: var(--dxbl-tabs-tab-close-btn-size);
    --dxbl-image-height: var(--dxbl-tabs-tab-close-btn-size);
}
.dxbl-dragging.dxbl-tabs
    > .dxbl-tabs-tablist
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li
    > .dxbl-tabs-item
    > .dxbl-tabs-close-button,
.dxbl-dragging.dxbl-tabs
    > .dxbl-tabs-tablist
    > ul
    > li
    > .dxbl-tabs-item
    > .dxbl-tabs-close-button {
    --dxbl-btn-hover-bg: var(--dxbl-btn-bg);
    --dxbl-btn-hover-color: var(--dxbl-btn-color);
}
.dxbl-tabs
    > .dxbl-tabs-tablist
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li
    > .dxbl-tabs-item
    > .dxbl-image,
.dxbl-tabs > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item > .dxbl-image {
    color: var(--dxbl-tabs-tab-icon-color);
}
.dxbl-tabs
    > .dxbl-tabs-tablist
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li
    > .dxbl-tabs-item:not(.dxbl-tabs-tmpl),
.dxbl-tabs
    > .dxbl-tabs-tablist
    > ul
    > li
    > .dxbl-tabs-item:not(.dxbl-tabs-tmpl) {
    font-family: var(--dxbl-tabs-tab-font-family);
    font-size: var(--dxbl-tabs-tab-font-size);
    line-height: var(--dxbl-tabs-tab-line-height);
    font-weight: var(--dxbl-tabs-tab-font-weight);
    color: var(--dxbl-tabs-tab-color);
    border-radius: var(--dxbl-tabs-tab-border-radius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--dxbl-tabs-tab-padding-y) var(--dxbl-tabs-tab-padding-x);
    text-decoration: none;
    max-width: var(--dxbl-tabs-tab-width);
}
.dxbl-tabs
    > .dxbl-tabs-tablist
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li
    > .dxbl-tabs-item:not(.dxbl-tabs-tmpl)::after,
.dxbl-tabs
    > .dxbl-tabs-tablist
    > ul
    > li
    > .dxbl-tabs-item:not(.dxbl-tabs-tmpl)::after {
    content: "";
    position: absolute;
    background-color: var(--dxbl-tabs-tab-bg);
    left: var(--dxbl-tabs-tab-border-left);
    right: var(--dxbl-tabs-tab-border-right);
    bottom: var(--dxbl-tabs-tab-border-bottom);
    top: var(--dxbl-tabs-tab-border-top);
    height: var(--dxbl-tabs-tab-border-height);
    width: var(--dxbl-tabs-tab-border-width);
    border-radius: var(--dxbl-tabs-tab-border-border-radius);
    -webkit-transition:
        background-color 0.1s,
        top 0.2s,
        left 0.2s,
        bottom 0.2s,
        right 0.2s;
    -o-transition:
        background-color 0.1s,
        top 0.2s,
        left 0.2s,
        bottom 0.2s,
        right 0.2s;
    transition:
        background-color 0.1s,
        top 0.2s,
        left 0.2s,
        bottom 0.2s,
        right 0.2s;
}
.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-drop-target-indicator,
.dxbl-tabs
    > .dxbl-tabs-tablist
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-drop-target-indicator {
    -webkit-box-shadow: var(--dxbl-tabs-tab-drop-indicator-shadow);
    box-shadow: var(--dxbl-tabs-tab-drop-indicator-shadow);
    height: 2px;
    pointer-events: none;
    position: fixed;
    -webkit-transition: -webkit-box-shadow 0.25s;
    transition: -webkit-box-shadow 0.25s;
    -o-transition: box-shadow 0.25s;
    transition: box-shadow 0.25s;
    transition:
        box-shadow 0.25s,
        -webkit-box-shadow 0.25s;
    width: 2px;
    z-index: 3;
}
.dxbl-tabs > .dxbl-tabs-tablist.dxbl-tabs-tablist-scrollable {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: var(--dxbl-tabs-list-flex-direction) nowrap;
    -ms-flex-flow: var(--dxbl-tabs-list-flex-direction) nowrap;
    flex-flow: var(--dxbl-tabs-list-flex-direction) nowrap;
}
.dxbl-tabs > .dxbl-tabs-tablist.dxbl-tabs-tablist-scrollable > .dxbl-btn {
    display: none;
}
.dxbl-tabs
    > .dxbl-tabs-tablist.dxbl-tabs-tablist-scrollable.dxbl-tabs-tablist-has-overflow
    > .dxbl-btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: calc(
        var(--dxbl-tabs-tab-focus-outline-size) +
            var(--dxbl-tabs-tab-focus-outline-offset)
    );
}
.dxbl-tabs
    > .dxbl-tabs-tablist.dxbl-tabs-tablist-scrollable.dxbl-tabs-tablist-has-overflow
    > .dxbl-btn:disabled {
    --dxbl-btn-color: var(--dxbl-btn-text-disabled-color);
    --dxbl-btn-hover-color: var(--dxbl-btn-text-disabled-color);
    --dxbl-btn-active-color: var(--dxbl-btn-text-disabled-color);
    --dxbl-btn-hover-bg: var(--dxbl-btn-text-disabled-bg);
    cursor: default;
}
.dxbl-tabs
    > .dxbl-tabs-tablist.dxbl-tabs-tablist-scrollable
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-hor-scroll-bar:not(.dxbl-disabled):not(
        :disabled
    ).dxbl-active,
.dxbl-tabs
    > .dxbl-tabs-tablist.dxbl-tabs-tablist-scrollable
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-vert-scroll-bar:not(.dxbl-disabled):not(
        :disabled
    ).dxbl-active {
    display: none;
}
.dxbl-tabs
    > .dxbl-tabs-tablist.dxbl-tabs-tablist-scrollable
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.dxbl-tabs
    > .dxbl-tabs-tablist[data-dx-focus-hidden]
    .dxbl-tabs-item:focus-visible {
    outline: unset;
}
.dxbl-tabs
    > .dxbl-tabs-tablist:not([data-dx-focus-hidden])
    .dxbl-tabs-item:focus-visible {
    outline: var(--dxbl-tabs-tab-focus-outline-color) solid
        var(--dxbl-tabs-tab-focus-outline-size);
    outline-offset: var(--dxbl-tabs-tab-focus-outline-offset);
}
.dxbl-tabs .dxbl-tabs-content-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
}
.dxbl-tabs
    .dxbl-tabs-content-panel.dxbl-loaded:not(.dxbl-tabs-render-default)
    > .dxbl-tabs-content:not([data-dx-tab-loaded]),
.dxbl-tabs
    .dxbl-tabs-content-panel:not(.dxbl-tabs-render-default)
    > .dxbl-tabs-content:not([data-dx-tab-loaded]):not(.dxbl-active) {
    position: absolute;
    visibility: hidden;
    left: -10000px;
}
.dxbl-tabs .dxbl-tabs-content-panel .dxbl-tabs-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
}
.dxbl-tabs {
    --dxbl-tabs-tab-font-size: var(--dxbl-tabs-tab-font-size-m);
    --dxbl-tabs-tab-line-height: var(--dxbl-tabs-tab-line-height-m);
    --dxbl-tabs-tab-close-btn-size: var(--dxbl-tabs-tab-close-btn-size-m);
    --dxbl-tabs-text-padding-y: var(--dxbl-tabs-text-padding-y-m);
}
.dxbl-tabs-bottom.dxbl-tabs > .dxbl-tabs-tablist,
.dxbl-tabs-top.dxbl-tabs > .dxbl-tabs-tablist {
    --dxbl-tabs-tab-border-left: var(--dxbl-tabs-tab-border-offset-x);
    --dxbl-tabs-tab-border-right: var(--dxbl-tabs-tab-border-offset-x);
    --dxbl-tabs-tab-border-height: var(--dxbl-tabs-tab-border-thickness);
}
.dxbl-tabs-bottom.dxbl-tabs
    > .dxbl-tabs-tablist
    .dxbl-tabs-item.dxbl-active:hover,
.dxbl-tabs-top.dxbl-tabs
    > .dxbl-tabs-tablist
    .dxbl-tabs-item.dxbl-active:hover {
    --dxbl-tabs-tab-border-left: 0;
    --dxbl-tabs-tab-border-right: 0;
}
.dxbl-tabs-top.dxbl-tabs > .dxbl-tabs-tablist {
    --dxbl-tabs-tab-border-bottom: 0;
}
.dxbl-tabs-bottom.dxbl-tabs > .dxbl-tabs-tablist {
    --dxbl-tabs-tab-border-top: 0;
}
.dxbl-tabs-left.dxbl-tabs > .dxbl-tabs-tablist,
.dxbl-tabs-right.dxbl-tabs > .dxbl-tabs-tablist {
    --dxbl-tabs-tab-border-top: var(--dxbl-tabs-tab-border-offset-y);
    --dxbl-tabs-tab-border-bottom: var(--dxbl-tabs-tab-border-offset-y);
    --dxbl-tabs-tab-border-width: var(--dxbl-tabs-tab-border-thickness);
}
.dxbl-tabs-left.dxbl-tabs
    > .dxbl-tabs-tablist
    .dxbl-tabs-item.dxbl-active:hover,
.dxbl-tabs-right.dxbl-tabs
    > .dxbl-tabs-tablist
    .dxbl-tabs-item.dxbl-active:hover {
    --dxbl-tabs-tab-border-top: 0;
    --dxbl-tabs-tab-border-bottom: 0;
}
.dxbl-tabs-left.dxbl-tabs > .dxbl-tabs-tablist {
    --dxbl-tabs-tab-border-right: 0;
}
.dxbl-tabs-right.dxbl-tabs > .dxbl-tabs-tablist {
    --dxbl-tabs-tab-border-left: 0;
}
.dxbl-tabs.dxbl-tabs-bottom,
.dxbl-tabs.dxbl-tabs-top {
    --dxbl-tabs-list-flex-direction: row;
    --dxbl-tabs-tab-width: auto;
    --dxbl-tabs-height: auto;
}
.dxbl-tabs.dxbl-tabs-top {
    --dxbl-tabs-display: block;
}
.dxbl-tabs.dxbl-tabs-bottom {
    --dxbl-tabs-display: flex;
    --dxbl-tabs-flex-direction: column-reverse;
}
.dxbl-tabs.dxbl-tabs-left,
.dxbl-tabs.dxbl-tabs-right {
    --dxbl-tabs-tab-width: var(--dxbl-tabs-tab-horizontal-width);
    --dxbl-tabs-height: 100%;
    --dxbl-tabs-display: flex;
    --dxbl-tabs-list-flex-direction: column;
}
.dxbl-tabs.dxbl-tabs-left {
    --dxbl-tabs-flex-direction: row;
}
.dxbl-tabs.dxbl-tabs-right {
    --dxbl-tabs-flex-direction: row-reverse;
}
.dxbl-tabs .dxbl-tabs-item {
    --dxbl-tabs-tab-cursor: var(--dxbl-tabs-tab-default-cursor);
    --dxbl-tabs-tab-font-weight: var(--dxbl-tabs-tab-default-font-weight);
    --dxbl-tabs-tab-color: var(--dxbl-tabs-tab-default-color);
    --dxbl-tabs-tab-hover-color: var(--dxbl-tabs-tab-default-hover-color);
    --dxbl-tabs-tab-bg: var(--dxbl-tabs-tab-default-bg);
    --dxbl-tabs-tab-hover-bg: var(--dxbl-tabs-tab-default-hover-bg);
    --dxbl-tabs-tab-icon-color: var(--dxbl-tabs-tab-default-icon-color);
    --dxbl-tabs-tab-icon-hover-color: var(
        --dxbl-tabs-tab-default-icon-hover-color
    );
}
.dxbl-tabs .dxbl-tabs-item.dxbl-active {
    --dxbl-tabs-tab-cursor: var(--dxbl-tabs-tab-active-cursor);
    --dxbl-tabs-tab-font-weight: var(--dxbl-tabs-tab-active-font-weight);
    --dxbl-tabs-tab-color: var(--dxbl-tabs-tab-active-color);
    --dxbl-tabs-tab-hover-color: var(--dxbl-tabs-tab-active-hover-color);
    --dxbl-tabs-tab-bg: transparent !important; // aktif
    --dxbl-tabs-tab-hover-bg: var(--dxbl-tabs-tab-active-hover-bg);
    --dxbl-tabs-tab-icon-color: var(--dxbl-tabs-tab-active-icon-color);
    --dxbl-tabs-tab-icon-hover-color: var(
        --dxbl-tabs-tab-active-icon-hover-color
    );
}
.dxbl-tabs .dxbl-tabs-item.dxbl-disabled {
    --dxbl-tabs-tab-cursor: var(--dxbl-tabs-tab-disabled-cursor);
    --dxbl-tabs-tab-font-weight: var(--dxbl-tabs-tab-disabled-font-weight);
    --dxbl-tabs-tab-color: var(--dxbl-tabs-tab-disabled-color);
    --dxbl-tabs-tab-hover-color: var(--dxbl-tabs-tab-disabled-color);
    --dxbl-tabs-tab-bg: var(--dxbl-tabs-tab-disabled-bg);
    --dxbl-tabs-tab-hover-bg: var(--dxbl-tabs-tab-disabled-bg);
    --dxbl-tabs-tab-close-btn-bg: var(--dxbl-tabs-tab-disabled-close-btn-bg);
    --dxbl-tabs-tab-hover-close-btn-bg: var(
        --dxbl-tabs-tab-disabled-close-btn-bg
    );
    --dxbl-tabs-tab-close-btn-color: var(
        --dxbl-tabs-tab-disabled-close-btn-color
    );
    --dxbl-tabs-tab-hover-close-btn-color: var(
        --dxbl-tabs-tab-disabled-close-btn-color
    );
    --dxbl-tabs-tab-icon-color: var(--dxbl-tabs-tab-disabled-icon-color);
    --dxbl-tabs-tab-icon-hover-color: var(--dxbl-tabs-tab-disabled-icon-color);
}
:not(.dxbl-dragging).dxbl-tabs .dxbl-tabs-item:hover {
    --dxbl-tabs-tab-color: var(--dxbl-tabs-tab-hover-color);
    --dxbl-tabs-tab-bg: var(--dxbl-tabs-tab-hover-bg);
    --dxbl-tabs-tab-icon-color: var(--dxbl-tabs-tab-icon-hover-color);
}
.dxbl-tabs.dxbl-sm {
    --dxbl-tabs-tab-font-size: var(--dxbl-tabs-tab-font-size-s);
    --dxbl-tabs-tab-line-height: var(--dxbl-tabs-tab-line-height-s);
    --dxbl-tabs-tab-close-btn-size: var(--dxbl-tabs-tab-close-btn-size-s);
}
.dxbl-tabs.dxbl-lg {
    --dxbl-tabs-tab-font-size: var(--dxbl-tabs-tab-font-size-l);
    --dxbl-tabs-tab-line-height: var(--dxbl-tabs-tab-line-height-l);
    --dxbl-tabs-tab-close-btn-size: var(--dxbl-tabs-tab-close-btn-size-l);
    --dxbl-tabs-text-padding-y: var(--dxbl-tabs-text-padding-y-l);
}
.dxbl-scroll-viewer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 0;
    --dxbl-scroll-viewer-hor-scroll-bar-height: 0.2rem;
    --dxbl-scroll-viewer-hor-scroll-bar-hover-height: 0.5rem;
    --dxbl-scroll-viewer-vert-scroll-bar-width: 0.2rem;
    --dxbl-scroll-viewer-vert-scroll-bar-hover-width: 0.5rem;
}
.dxTouchUI
    .dxbl-scroll-viewer:not([data-qa-dxbl-scrolling])
    > .dxbl-scroll-viewer-hor-scroll-bar:not(.dxbl-disabled):not(
        :disabled
    ).dxbl-active,
.dxTouchUI
    .dxbl-scroll-viewer:not([data-qa-dxbl-scrolling])
    > .dxbl-scroll-viewer-vert-scroll-bar:not(.dxbl-disabled):not(
        :disabled
    ).dxbl-active {
    display: none;
}
.dxTouchUI
    .dxbl-scroll-viewer:not([data-qa-dxbl-scrolling])
    > .dxbl-scroll-viewer-hor-scroll-bar:not(.dxbl-disabled):not(
        :disabled
    ).dxbl-active
    > .dxbl-scroll-viewer-scroll-thumb,
.dxTouchUI
    .dxbl-scroll-viewer:not([data-qa-dxbl-scrolling])
    > .dxbl-scroll-viewer-vert-scroll-bar:not(.dxbl-disabled):not(
        :disabled
    ).dxbl-active
    > .dxbl-scroll-viewer-scroll-thumb {
    display: none;
}
.dxbl-scroll-viewer > .dxbl-scroll-viewer-hor-scroll-bar,
.dxbl-scroll-viewer > .dxbl-scroll-viewer-vert-scroll-bar {
    bottom: 0;
    right: 0;
    position: absolute;
    display: none;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    z-index: 1;
    background-color: transparent;
}
.dxbl-scroll-viewer
    > .dxbl-scroll-viewer-hor-scroll-bar:not(.dxbl-disabled):not(
        :disabled
    ).dxbl-active,
.dxbl-scroll-viewer
    > .dxbl-scroll-viewer-vert-scroll-bar:not(.dxbl-disabled):not(
        :disabled
    ).dxbl-active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-scroll-viewer
    > .dxbl-scroll-viewer-hor-scroll-bar
    > .dxbl-scroll-viewer-scroll-thumb,
.dxbl-scroll-viewer
    > .dxbl-scroll-viewer-vert-scroll-bar
    > .dxbl-scroll-viewer-scroll-thumb {
    background-color: var(--DS-color-content-neutral-subdued-rest);
    opacity: 0.5;
    border-radius: 0.1rem;
    cursor: default;
}
.dxbl-scroll-viewer > .dxbl-scroll-viewer-vert-scroll-bar {
    top: 0;
    width: var(--dxbl-scroll-viewer-vert-scroll-bar-hover-width);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}
.dxbl-scroll-viewer
    > .dxbl-scroll-viewer-vert-scroll-bar
    > .dxbl-scroll-viewer-scroll-thumb {
    width: var(--dxbl-scroll-viewer-vert-scroll-bar-width);
    -webkit-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}
.dxbl-scroll-viewer
    > .dxbl-scroll-viewer-vert-scroll-bar
    > .dxbl-scroll-viewer-scroll-thumb[data-qa-dxbl-dragging] {
    opacity: 0.75;
    width: var(--dxbl-scroll-viewer-vert-scroll-bar-hover-width);
    border-radius: 0.75rem;
}
.dxTouchUI
    .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-vert-scroll-bar
    > .dxbl-scroll-viewer-scroll-thumb[data-qa-dxbl-dragging] {
    width: var(--dxbl-scroll-viewer-vert-scroll-bar-width);
}
.dxbl-scroll-viewer
    > .dxbl-scroll-viewer-vert-scroll-bar:not(.dxbl-disabled):not(
        :disabled
    ):hover
    .dxbl-scroll-viewer-scroll-thumb {
    opacity: 0.75;
    width: var(--dxbl-scroll-viewer-vert-scroll-bar-hover-width);
    border-radius: 0.75rem;
}
.dxTouchUI
    .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-vert-scroll-bar:not(.dxbl-disabled):not(
        :disabled
    ):hover
    .dxbl-scroll-viewer-scroll-thumb {
    width: var(--dxbl-scroll-viewer-vert-scroll-bar-width);
}
.dxbl-scroll-viewer > .dxbl-scroll-viewer-hor-scroll-bar {
    left: 0;
    height: var(--dxbl-scroll-viewer-hor-scroll-bar-hover-height);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}
.dxbl-scroll-viewer
    > .dxbl-scroll-viewer-hor-scroll-bar
    > .dxbl-scroll-viewer-scroll-thumb {
    height: var(--dxbl-scroll-viewer-hor-scroll-bar-height);
    -webkit-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}
.dxbl-scroll-viewer
    > .dxbl-scroll-viewer-hor-scroll-bar
    > .dxbl-scroll-viewer-scroll-thumb[data-qa-dxbl-dragging] {
    opacity: 0.75;
    height: var(--dxbl-scroll-viewer-hor-scroll-bar-hover-height);
    border-radius: 0.75rem;
}
.dxTouchUI
    .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-hor-scroll-bar
    > .dxbl-scroll-viewer-scroll-thumb[data-qa-dxbl-dragging] {
    height: var(--dxbl-scroll-viewer-hor-scroll-bar-height);
}
.dxbl-scroll-viewer
    > .dxbl-scroll-viewer-hor-scroll-bar:not(.dxbl-disabled):not(
        :disabled
    ):hover
    .dxbl-scroll-viewer-scroll-thumb {
    opacity: 0.75;
    height: var(--dxbl-scroll-viewer-hor-scroll-bar-hover-height);
    border-radius: 0.75rem;
}
.dxTouchUI
    .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-hor-scroll-bar:not(.dxbl-disabled):not(
        :disabled
    ):hover
    .dxbl-scroll-viewer-scroll-thumb {
    height: var(--dxbl-scroll-viewer-hor-scroll-bar-height);
}
.dxbl-scroll-viewer > .dxbl-scroll-viewer-content {
    overflow: auto;
    width: 100%;
    scrollbar-width: none;
    scrollbar-height: none;
}
.dxbl-scroll-viewer > .dxbl-scroll-viewer-content::-webkit-scrollbar {
    display: none;
}
.dxbl-carousel {
    --dxbl-carousel-background-color: var(
        --DS-color-surface-neutral-subdued-rest
    );
    --dxbl-carousel-button-background: color(
        from var(--DS-color-surface-neutral-default-rest) srgb calc(r) calc(g)
            calc(b)/var(--DS-opacity-85)
    );
    --dxbl-carousel-button-background-hover: color(
        from var(--DS-color-surface-neutral-default-hovered) srgb calc(r)
            calc(g) calc(b)/var(--DS-opacity-100)
    );
    --dxbl-carousel-button-background-disabled: color(
        from var(--DS-color-surface-neutral-default-disabled) srgb calc(r)
            calc(g) calc(b)/var(--DS-opacity-15)
    );
    --dxbl-carousel-button-border-radius: var(--DS-border-radius-40);
    --dxbl-carousel-button-icon-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-carousel-button-icon-color-disabled: var(
        --DS-color-content-neutral-default-disabled
    );
    --dxbl-carousel-button-border-width: var(--DS-border-width-0);
    --dxbl-carousel-button-icon-color-hover: var(
        --DS-color-content-primary-default-hovered
    );
    --dxbl-carousel-button-padding-lg: var(--DS-sizing-80);
    --dxbl-carousel-button-padding-sm: var(--DS-sizing-40);
    --dxbl-carousel-button-padding: var(--DS-sizing-60);
    --dxbl-carousel-button-icon-size-lg: var(--DS-sizing-240);
    --dxbl-carousel-button-icon-size-sm: var(--DS-sizing-160);
    --dxbl-carousel-button-icon-size: var(--DS-sizing-200);
    --dxbl-carousel-pages-padding-y: var(--DS-sizing-20);
    --dxbl-carousel-pages-padding-x: var(--DS-sizing-60);
    --dxbl-carousel-pages-padding-y-sm: var(--DS-sizing-20);
    --dxbl-carousel-pages-padding-x-sm: var(--DS-sizing-40);
    --dxbl-carousel-pages-padding-y-lg: var(--DS-sizing-40);
    --dxbl-carousel-pages-padding-x-lg: var(--DS-sizing-80);
    --dxbl-carousel-pages-background-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-carousel-pages-background-opacity: var(--DS-opacity-85);
    --dxbl-carousel-pages-background-border-radius: var(--DS-border-radius-80);
    --dxbl-carousel-page-size: var(--DS-sizing-80);
    --dxbl-carousel-page-size-lg: var(--DS-sizing-100);
    --dxbl-carousel-page-size-sm: var(--DS-sizing-60);
    --dxbl-carousel-page-background-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-carousel-page-margin: var(--DS-sizing-60);
    --dxbl-carousel-page-opacity: var(--DS-opacity-70);
    --dxbl-carousel-page-hover-opacity: var(--DS-opacity-85);
    --dxbl-carousel-page-hover-opacity-active: var(--DS-opacity-100);
    --dxbl-carousel-page-active-background-color: var(
        --DS-color-surface-primary-default-rest
    );
    --dxbl-carousel-overlay-color: var(--DS-color-surface-neutral-default-rest);
    --dxbl-carousel-overlay-opacity: var(--DS-opacity-85);
    --dxbl-carousel-focus-outline-width: var(--DS-border-width-20);
    --dxbl-carousel-focus-outline-color: var(--DS-color-theme-builder-focus);
    --dxbl-carousel-margin: var(--DS-sizing-240);
    --dxbl-carousel-margin-sm: var(--DS-sizing-160);
    --dxbl-carousel-margin-lg: var(--DS-sizing-320);
}
.dxbl-carousel {
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: var(--dxbl-carousel-background-color);
}
.dxbl-carousel.dxbl-carousel-swipe-x {
    -ms-touch-action: pan-y pinch-zoom;
    touch-action: pan-y pinch-zoom;
}
.dxbl-carousel.dxbl-disabled {
    pointer-events: none;
}
.dxbl-carousel .dxbl-overlay.dxbl-disabled {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--dxbl-carousel-overlay-color);
    opacity: var(--dxbl-carousel-overlay-opacity);
}
.dxbl-carousel .dxbl-gesture-cover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 2147483647;
    pointer-events: all;
}
.dxbl-carousel:focus-visible {
    outline: var(--dxbl-carousel-focus-outline-width) solid
        var(--dxbl-carousel-focus-outline-color);
}
.dxbl-carousel .dxbl-carousel-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: 100%;
}
.dxbl-carousel .dxbl-carousel-arrow-button {
    cursor: pointer;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 25px;
    position: absolute;
    pointer-events: all;
}
.dxbl-carousel .dxbl-carousel-arrow-button.dxbl-disabled {
    pointer-events: none;
}
.dxbl-carousel .dxbl-image {
    color: var(--dxbl-carousel-button-icon-color);
    width: var(--dxbl-carousel-button-icon-size);
    height: var(--dxbl-carousel-button-icon-size);
}
.dxbl-carousel .dxbl-carousel-arrow-button:not([disabled]):hover .dxbl-image {
    color: var(--dxbl-carousel-button-icon-color-hover);
}
.dxbl-carousel .dxbl-carousel-arrow-button:disabled .dxbl-image {
    color: var(--dxbl-carousel-button-icon-color-disabled);
}
.dxbl-carousel .dxbl-carousel-arrow-button.dxbl-left-arrow {
    left: var(--dxbl-carousel-margin);
}
.dxbl-carousel .dxbl-carousel-arrow-button.dxbl-right-arrow {
    right: var(--dxbl-carousel-margin);
}
.dxbl-carousel .dxbl-carousel-scrollview-buttons {
    -webkit-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}
.dxbl-carousel .dxbl-carousel-scrollview-buttons.dxbl-hide-buttons {
    opacity: 0;
}
.dxbl-carousel .dxbl-carousel-scrollview-buttons.dxbl-show-buttons {
    opacity: 1;
}
.dxbl-carousel .dxbl-carousel-substrate-button {
    position: absolute;
    top: 0;
    width: 35%;
    height: 100%;
    background: 0 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-carousel .dxbl-carousel-substrate-button.dxbl-left-arrow {
    left: 0;
}
.dxbl-carousel .dxbl-carousel-substrate-button.dxbl-right-arrow {
    right: 0;
}
.dxbl-carousel .dxbl-carousel-disable-events {
    pointer-events: none;
}
.dxbl-carousel .dxbl-carousel-item {
    height: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center;
}
.dxbl-carousel .dxbl-carousel-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.dxbl-carousel .dxbl-carousel-item-content > * {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    height: 100%;
}
.dxbl-carousel .dxbl-fit-proportional > * {
    -o-object-fit: contain;
    object-fit: contain;
}
.dxbl-carousel .dxbl-fit-crop > * {
    -o-object-fit: cover;
    object-fit: cover;
}
.dxbl-carousel .dxbl-carousel-pages {
    width: 100%;
    bottom: var(--dxbl-carousel-margin);
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}
.dxbl-carousel .dxbl-carousel-pages .dxbl-carousel-pages-inner-container {
    padding: var(--dxbl-carousel-pages-padding-y)
        var(--dxbl-carousel-pages-padding-x);
    background-color: var(--dxbl-carousel-pages-background-color);
    opacity: var(--dxbl-carousel-pages-background-opacity);
    border-radius: var(--dxbl-carousel-pages-background-border-radius);
    font-size: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.dxbl-carousel .dxbl-carousel-pages .dxbl-carousel-page {
    width: var(--dxbl-carousel-page-size);
    height: var(--dxbl-carousel-page-size);
    text-align: center;
    background-color: var(--dxbl-carousel-page-background-color);
    border-radius: 100%;
    display: inline-block;
    margin: var(--dxbl-carousel-page-margin);
    opacity: var(--dxbl-carousel-page-opacity);
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}
.dxbl-carousel .dxbl-carousel-pages .dxbl-carousel-page.dxbl-active,
.dxbl-carousel .dxbl-carousel-pages .dxbl-carousel-page.dxbl-active:hover {
    background-color: var(--dxbl-carousel-page-active-background-color);
    opacity: var(--dxbl-carousel-page-hover-opacity-active);
}
.dxbl-carousel .dxbl-carousel-pages .dxbl-carousel-page:hover {
    cursor: pointer;
    opacity: var(--dxbl-carousel-page-hover-opacity);
}
.dxbl-carousel .dxbl-carousel-pages.dxbl-hide-buttons {
    opacity: 0;
}
.dxbl-carousel .dxbl-carousel-pages.dxbl-show-buttons {
    opacity: 1;
}
.dxbl-carousel .dxbl-btn.dxbl-btn-secondary {
    --dxbl-btn-bg: var(--dxbl-carousel-button-background);
    --dxbl-btn-hover-bg: var(--dxbl-carousel-button-background-hover);
    --dxbl-btn-border-width: var(--dxbl-carousel-button-border-width);
    --dxbl-btn-border-radius: var(--dxbl-carousel-button-border-radius);
    --dxbl-btn-disabled-bg: var(--dxbl-carousel-button-background-disabled);
    --dxbl-btn-padding-x: var(--dxbl-carousel-button-padding);
    --dxbl-btn-padding-y: var(--dxbl-carousel-button-padding);
}
.dxbl-carousel.dxbl-sm .dxbl-btn.dxbl-btn-secondary {
    --dxbl-btn-padding-x: var(--dxbl-carousel-button-padding-sm);
    --dxbl-btn-padding-y: var(--dxbl-carousel-button-padding-sm);
}
.dxbl-carousel.dxbl-sm .dxbl-btn.dxbl-btn-secondary .dxbl-image {
    --dxbl-carousel-button-icon-size: var(--dxbl-carousel-button-icon-size-sm);
}
.dxbl-carousel.dxbl-sm .dxbl-carousel-arrow-button {
    --dxbl-carousel-margin: var(--dxbl-carousel-margin-sm);
}
.dxbl-carousel.dxbl-sm .dxbl-carousel-pages {
    --dxbl-carousel-margin: var(--dxbl-carousel-margin-sm);
}
.dxbl-carousel.dxbl-sm .dxbl-carousel-pages .dxbl-carousel-page {
    --dxbl-carousel-page-size: var(--dxbl-carousel-page-size-sm);
}
.dxbl-carousel.dxbl-sm
    .dxbl-carousel-pages
    .dxbl-carousel-pages-inner-container {
    --dxbl-carousel-pages-padding-x: var(--dxbl-carousel-pages-padding-x-sm);
    --dxbl-carousel-pages-padding-y: var(--dxbl-carousel-pages-padding-y-sm);
}
.dxbl-carousel.dxbl-lg .dxbl-btn.dxbl-btn-secondary {
    --dxbl-btn-padding-x: var(--dxbl-carousel-button-padding-lg);
    --dxbl-btn-padding-y: var(--dxbl-carousel-button-padding-lg);
}
.dxbl-carousel.dxbl-lg .dxbl-btn.dxbl-btn-secondary .dxbl-image {
    --dxbl-carousel-button-icon-size: var(--dxbl-carousel-button-icon-size-lg);
}
.dxbl-carousel.dxbl-lg .dxbl-carousel-arrow-button {
    --dxbl-carousel-margin: var(--dxbl-carousel-margin-lg);
}
.dxbl-carousel.dxbl-lg .dxbl-carousel-pages {
    --dxbl-carousel-margin: var(--dxbl-carousel-margin-lg);
}
.dxbl-carousel.dxbl-lg .dxbl-carousel-pages .dxbl-carousel-page {
    --dxbl-carousel-page-size: var(--dxbl-carousel-page-size-lg);
}
.dxbl-carousel.dxbl-lg
    .dxbl-carousel-pages
    .dxbl-carousel-pages-inner-container {
    --dxbl-carousel-pages-padding-x: var(--dxbl-carousel-pages-padding-x-lg);
    --dxbl-carousel-pages-padding-y: var(--dxbl-carousel-pages-padding-y-lg);
}
.dxbl-tag-box {
    --dxbl-tag-box-tag-bg: var(--DS-color-surface-neutral-subdued-rest);
    --dxbl-tag-box-tag-color: var(--DS-color-content-neutral-subdued-rest);
    --dxbl-tag-box-tag-border-width: var(--DS-border-width-20);
    --dxbl-tag-box-tag-border-radius: var(--DS-border-radius-full);
    --dxbl-tag-box-tag-readonly-bg: var(
        --DS-color-surface-neutral-subdued-disabled
    );
    --dxbl-tag-box-tag-readonly-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-tag-box-tag-disabled-bg: var(
        --DS-color-surface-neutral-subdued-disabled
    );
    --dxbl-tag-box-tag-disabled-color: var(
        --DS-color-content-neutral-subdued-disabled
    );
    --dxbl-tag-box-tag-close-btn-bg: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-tag-box-tag-close-btn-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-tag-box-tag-close-btn-hover-bg: var(
        --DS-color-content-neutral-subdued-hovered
    );
    --dxbl-tag-box-tag-close-btn-hover-color: var(
        --DS-color-content-neutral-subdued-hovered
    );
    --dxbl-tag-box-tag-close-btn-padding: var(--DS-sizing-20);
    --dxbl-tag-box-tag-padding-x-s: var(--DS-sizing-40);
    --dxbl-tag-box-tag-padding-x-m: var(--DS-sizing-60);
    --dxbl-tag-box-tag-padding-x-l: var(--DS-sizing-80);
    --dxbl-tag-box-tag-padding-y-s: var(--DS-sizing-10);
    --dxbl-tag-box-tag-padding-y-m: var(--DS-sizing-30);
    --dxbl-tag-box-tag-padding-y-l: calc(
        var(--DS-sizing-60) - var(--DS-sizing-10)
    );
    --dxbl-tag-box-tag-spacing-x-s: var(--DS-sizing-40);
    --dxbl-tag-box-tag-spacing-x-m: var(--DS-sizing-60);
    --dxbl-tag-box-tag-spacing-x-l: var(--DS-sizing-80);
    --dxbl-tag-box-tag-spacing-y-s: var(--DS-sizing-10);
    --dxbl-tag-box-tag-spacing-y-m: var(--DS-sizing-30);
    --dxbl-tag-box-tag-spacing-y-l: calc(
        var(--DS-sizing-60) - var(--DS-sizing-10)
    );
    --dxbl-tag-box-tag-text-padding-left-s: var(--DS-sizing-60);
    --dxbl-tag-box-tag-text-padding-left-m: var(--DS-sizing-80);
    --dxbl-tag-box-tag-text-padding-left-l: var(--DS-sizing-100);
    --dxbl-tag-box-tag-text-padding-right-s: var(--DS-sizing-20);
    --dxbl-tag-box-tag-text-padding-right-m: var(--DS-sizing-40);
    --dxbl-tag-box-tag-text-padding-right-l: var(--DS-sizing-60);
    --dxbl-tag-box-tag-text-padding-y-s: var(--DS-sizing-20);
    --dxbl-tag-box-tag-text-padding-y-m: var(--DS-sizing-20);
    --dxbl-tag-box-tag-text-padding-y-l: var(--DS-sizing-30);
    --dxbl-tag-box-tag-font-size-s: var(--DS-font-size-caption-1-strong);
    --dxbl-tag-box-tag-font-size-m: var(--DS-font-size-body-1-strong);
    --dxbl-tag-box-tag-font-size-l: var(--DS-font-size-subtitle-2);
    --dxbl-tag-box-tag-font-family-s: var(--DS-font-family-sans-serif);
    --dxbl-tag-box-tag-font-family-m: var(--DS-font-family-sans-serif);
    --dxbl-tag-box-tag-font-family-l: var(--DS-font-family-sans-serif);
    --dxbl-tag-box-tag-line-height-s: var(--DS-line-height-caption-1-strong);
    --dxbl-tag-box-tag-line-height-m: var(--DS-line-height-body-1-strong);
    --dxbl-tag-box-tag-line-height-l: var(--DS-line-height-subtitle-2);
    --dxbl-tag-box-tag-font-weight-s: var(--DS-font-weight-caption-1-strong);
    --dxbl-tag-box-tag-font-weight-m: var(--DS-font-weight-body-1-strong);
    --dxbl-tag-box-tag-font-weight-l: var(--DS-font-weight-subtitle-2);
    --dxbl-tag-box-tag-icon-width-s: var(--DS-sizing-160);
    --dxbl-tag-box-tag-icon-width-m: var(--DS-sizing-200);
    --dxbl-tag-box-tag-icon-width-l: var(--DS-sizing-240);
    --dxbl-tag-box-spacing-x-s: var(--DS-sizing-60);
    --dxbl-tag-box-spacing-x-m: var(--DS-sizing-100);
    --dxbl-tag-box-spacing-x-l: var(--DS-sizing-120);
    --dxbl-tag-box-close-btn-spacing-x-s: var(--DS-sizing-40);
    --dxbl-tag-box-close-btn-spacing-x-m: var(--DS-sizing-80);
    --dxbl-tag-box-close-btn-spacing-x-l: var(--DS-sizing-100);
    --dxbl-tag-box-close-btn-spacing-y-s: var(--DS-sizing-10);
    --dxbl-tag-box-close-btn-spacing-y-m: var(--DS-sizing-30);
    --dxbl-tag-box-close-btn-spacing-y-l: calc(
        var(--DS-sizing-60) - var(--DS-sizing-10)
    );
}
.dxbl-tag-box.dxbl-text-edit {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: var(--dxbl-tag-box-spacing-x);
    padding-bottom: var(--dxbl-tag-box-tag-spacing-y);
}
.dxbl-tag-box.dxbl-text-edit.dxbl-text-edit > .dxbl-text-edit-input {
    padding-left: 0;
    padding-bottom: calc(
        var(--dxbl-text-edit-padding-y) - var(--dxbl-tag-box-tag-spacing-y)
    );
    width: unset;
    max-width: 100%;
}
.dxbl-tag-box.dxbl-text-edit.dxbl-text-edit
    > .dxbl-text-edit-input:not(:focus) {
    width: 0;
    padding-right: 0;
}
.dxbl-tag-box.dxbl-text-edit.dxbl-text-edit > .dxbl-edit-btn-clear {
    margin: var(--dxbl-tag-box-close-btn-spacing-y)
        var(--dxbl-tag-box-close-btn-spacing-x);
    position: absolute;
    right: 0;
    top: 0;
}
.dxbl-tag-box.dxbl-text-edit > .dxbl-tag {
    font-size: var(--dxbl-tag-box-tag-font-size);
    font-family: var(--dxbl-tag-box-tag-font-family);
    line-height: var(--dxbl-tag-box-tag-line-height);
    font-weight: var(--dxbl-tag-box-tag-font-weight);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-top: var(--dxbl-tag-box-tag-spacing-y);
    margin-right: var(--dxbl-tag-box-tag-spacing-x);
    max-width: calc(100% - 4em);
    white-space: nowrap;
}
.dxbl-tag-box.dxbl-text-edit > .dxbl-tag:not(.dxbl-tag-tmpl) {
    border-radius: var(--dxbl-tag-box-tag-border-radius);
    background-color: var(--dxbl-tag-box-tag-bg);
    color: var(--dxbl-tag-box-tag-color);
}
.dxbl-tag-box.dxbl-text-edit > .dxbl-tag > .dxbl-tag-text {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    padding: var(--dxbl-tag-box-tag-text-padding-y)
        var(--dxbl-tag-box-tag-text-padding-right)
        var(--dxbl-tag-box-tag-text-padding-y)
        var(--dxbl-tag-box-tag-text-padding-left);
    cursor: default;
}
.dxbl-tag-box.dxbl-text-edit > .dxbl-tag > .dxbl-btn.dxbl-tag-btn-close {
    --dxbl-btn-padding-x: var(--dxbl-tag-box-tag-close-btn-padding);
    --dxbl-btn-padding-y: var(--dxbl-tag-box-tag-close-btn-padding);
    --dxbl-btn-border-width: 0;
    --dxbl-btn-bg: var(--dxbl-text-edit-close-btn-bg);
    --dxbl-btn-hover-bg: var(--dxbl-text-edit-close-btn-bg);
    --dxbl-btn-color: var(--dxbl-text-edit-close-btn-color);
    --dxbl-btn-hover-color: var(--dxbl-text-edit-close-btn-hovered-color);
    border-radius: var(--dxbl-text-edit-close-btn-border-radius);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--dxbl-tag-box-tag-close-btn-color);
}
.dxbl-tag-box.dxbl-text-edit
    > .dxbl-tag
    > .dxbl-btn.dxbl-tag-btn-close
    > .dxbl-image {
    border-radius: 50%;
}
.dxbl-tag-box.dxbl-text-edit > .dxbl-tag > .dxbl-btn.dxbl-tag-btn-close:hover {
    --dxbl-tag-box-tag-close-btn-bg: var(--dxbl-tag-box-tag-close-btn-hover-bg);
    --dxbl-tag-box-tag-close-btn-color: var(
        --dxbl-tag-box-tag-close-btn-hover-color
    );
}
.dxbl-tag-box.dxbl-text-edit > .dxbl-edit-validation-status {
    margin-left: calc(var(--dxbl-text-edit-padding-left) * -1);
    margin-right: var(--dxbl-text-edit-padding-right);
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
}
.dxbl-tag-box.dxbl-text-edit.dxbl-edit-btn-clear-visible {
    padding-right: calc(
        var(--dxbl-tag-box-tag-icon-width) + 2 *
            var(--dxbl-text-edit-btn-padding-x)
    );
}
.dxbl-tag-box {
    --dxbl-tag-box-tag-padding-x: var(--dxbl-tag-box-tag-padding-x-m);
    --dxbl-tag-box-tag-padding-y: var(--dxbl-tag-box-tag-padding-y-m);
    --dxbl-tag-box-tag-spacing-x: var(--dxbl-tag-box-tag-spacing-x-m);
    --dxbl-tag-box-tag-spacing-y: var(--dxbl-tag-box-tag-spacing-y-m);
    --dxbl-tag-box-spacing-x: var(--dxbl-tag-box-spacing-x-m);
    --dxbl-tag-box-tag-text-padding-left: var(
        --dxbl-tag-box-tag-text-padding-left-m
    );
    --dxbl-tag-box-tag-text-padding-right: var(
        --dxbl-tag-box-tag-text-padding-right-m
    );
    --dxbl-tag-box-tag-text-padding-y: var(--dxbl-tag-box-tag-text-padding-y-m);
    --dxbl-tag-box-tag-icon-width: var(--dxbl-tag-box-tag-icon-width-m);
    --dxbl-tag-box-tag-font-size: var(--dxbl-tag-box-tag-font-size-m);
    --dxbl-tag-box-tag-font-family: var(--dxbl-tag-box-tag-font-family-m);
    --dxbl-tag-box-tag-line-height: var(--dxbl-tag-box-tag-line-height-m);
    --dxbl-tag-box-tag-font-weight: var(--dxbl-tag-box-tag-font-weight-m);
    --dxbl-tag-box-close-btn-spacing-x: var(
        --dxbl-tag-box-close-btn-spacing-x-m
    );
    --dxbl-tag-box-close-btn-spacing-y: var(
        --dxbl-tag-box-close-btn-spacing-y-m
    );
}
.dxbl-tag-box.dxbl-sm {
    --dxbl-tag-box-tag-padding-x: var(--dxbl-tag-box-tag-padding-x-s);
    --dxbl-tag-box-tag-padding-y: var(--dxbl-tag-box-tag-padding-y-s);
    --dxbl-tag-box-tag-spacing-x: var(--dxbl-tag-box-tag-spacing-x-s);
    --dxbl-tag-box-tag-spacing-y: var(--dxbl-tag-box-tag-spacing-y-s);
    --dxbl-tag-box-tag-text-padding-left: var(
        --dxbl-tag-box-tag-text-padding-left-s
    );
    --dxbl-tag-box-tag-text-padding-right: var(
        --dxbl-tag-box-tag-text-padding-right-s
    );
    --dxbl-tag-box-tag-text-padding-y: var(--dxbl-tag-box-tag-text-padding-y-s);
    --dxbl-tag-box-tag-icon-width: var(--dxbl-tag-box-tag-icon-width-s);
    --dxbl-tag-box-tag-font-size: var(--dxbl-tag-box-tag-font-size-s);
    --dxbl-tag-box-tag-font-family: var(--dxbl-tag-box-tag-font-family-s);
    --dxbl-tag-box-tag-line-height: var(--dxbl-tag-box-tag-line-height-s);
    --dxbl-tag-box-tag-font-weight: var(--dxbl-tag-box-tag-font-weight-s);
    --dxbl-tag-box-spacing-x: var(--dxbl-tag-box-spacing-x-s);
    --dxbl-tag-box-close-btn-spacing-x: var(
        --dxbl-tag-box-close-btn-spacing-x-s
    );
    --dxbl-tag-box-close-btn-spacing-y: var(
        --dxbl-tag-box-close-btn-spacing-y-s
    );
}
.dxbl-tag-box.dxbl-lg {
    --dxbl-tag-box-tag-padding-x: var(--dxbl-tag-box-tag-padding-x-l);
    --dxbl-tag-box-tag-padding-y: var(--dxbl-tag-box-tag-padding-y-l);
    --dxbl-tag-box-tag-spacing-x: var(--dxbl-tag-box-tag-spacing-x-l);
    --dxbl-tag-box-tag-spacing-y: var(--dxbl-tag-box-tag-spacing-y-l);
    --dxbl-tag-box-tag-text-padding-left: var(
        --dxbl-tag-box-tag-text-padding-left-l
    );
    --dxbl-tag-box-tag-text-padding-right: var(
        --dxbl-tag-box-tag-text-padding-right-l
    );
    --dxbl-tag-box-tag-text-padding-y: var(--dxbl-tag-box-tag-text-padding-y-l);
    --dxbl-tag-box-tag-icon-width: var(--dxbl-tag-box-tag-icon-width-l);
    --dxbl-tag-box-tag-font-size: var(--dxbl-tag-box-tag-font-size-l);
    --dxbl-tag-box-tag-font-family: var(--dxbl-tag-box-tag-font-family-l);
    --dxbl-tag-box-tag-line-height: var(--dxbl-tag-box-tag-line-height-l);
    --dxbl-tag-box-tag-font-weight: var(--dxbl-tag-box-tag-font-weight-l);
    --dxbl-tag-box-spacing-x: var(--dxbl-tag-box-spacing-x-l);
    --dxbl-tag-box-close-btn-spacing-x: var(
        --dxbl-tag-box-close-btn-spacing-x-l
    );
    --dxbl-tag-box-close-btn-spacing-y: var(
        --dxbl-tag-box-close-btn-spacing-y-l
    );
}
.dxbl-tag-box.dxbl-readonly > .dxbl-tag {
    --dxbl-tag-box-tag-bg: var(--dxbl-tag-box-tag-readonly-bg);
    --dxbl-tag-box-tag-color: var(--dxbl-tag-box-tag-readonly-color);
}
.dxbl-tag-box.dxbl-readonly > .dxbl-tag > .dxbl-tag-text {
    padding: 0 var(--dxbl-tag-box-tag-text-padding-left) 0
        var(--dxbl-tag-box-tag-text-padding-left);
}
.dxbl-tag-box.dxbl-disabled > .dxbl-tag {
    --dxbl-tag-box-tag-bg: var(--dxbl-tag-box-tag-disabled-bg);
    --dxbl-tag-box-tag-color: var(--dxbl-tag-box-tag-disabled-color);
}
.dxbl-text-edit {
    --dxbl-text-edit-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-text-edit-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-text-edit-disabled-color: var(
        --DS-color-content-neutral-default-disabled
    );
    --dxbl-text-edit-border-color: var(--DS-color-border-neutral-default-rest);
    --dxbl-text-edit-border-width: var(--DS-border-width-10);
    --dxbl-text-edit-readonly-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-text-edit-disabled-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-text-edit-validation-valid-color: var(
        --DS-color-border-success-subdued-rest
    );
    --dxbl-text-edit-validation-invalid-color: var(
        --DS-color-content-danger-default-rest
    );
    --dxbl-text-edit-underline-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-text-edit-underline-focused-height: var(--DS-sizing-20);
    --dxbl-text-edit-underline-focused-color: var(
        --DS-color-content-primary-default-rest
    );
    --dxbl-text-edit-close-btn-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-text-edit-close-btn-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-text-edit-close-btn-hovered-bg: var(
        --DS-color-surface-neutral-subdued-hovered
    );
    --dxbl-text-edit-close-btn-padding: var(--DS-sizing-20);
    --dxbl-text-edit-btn-hovered-bg: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxbl-text-edit-close-btn-hovered-color: var(
        --DS-color-content-neutral-subdued-hovered
    );
    --dxbl-text-edit-close-btn-border-radius: var(--DS-border-radius-full);
    --dxbl-text-edit-btn-readonly-fill: var(
        --DS-color-content-neutral-subdued-disabled
    );
    --dxbl-text-edit-btn-disabled-fill: var(
        --DS-color-content-neutral-subdued-disabled
    );
    --dxbl-text-edit-btn-color: var(--DS-color-content-neutral-subdued-rest);
    --dxbl-text-edit-btn-disabled-color: var(
        --DS-color-content-neutral-subdued-disabled
    );
    --dxbl-text-edit-btn-hover-color: var(
        --DS-color-content-neutral-subdued-hovered
    );
    --dxbl-text-edit-placeholder-color: var(
        --DS-color-content-neutral-deep-rest
    );
    --dxbl-text-edit-disabled-border-color: var(
        --DS-color-border-neutral-default-disabled
    );
    --dxbl-text-edit-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-text-edit-font-size-m: var(--DS-font-size-body-1);
    --dxbl-text-edit-font-size-l: var(--DS-font-size-body-2);
    --dxbl-text-edit-font-family-s: var(--DS-font-family-sans-serif);
    --dxbl-text-edit-font-family-m: var(--DS-font-family-sans-serif);
    --dxbl-text-edit-font-family-l: var(--DS-font-family-sans-serif);
    --dxbl-text-edit-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-text-edit-line-height-m: var(--DS-line-height-body-1);
    --dxbl-text-edit-line-height-l: var(--DS-line-height-body-2);
    --dxbl-text-edit-font-weight-s: var(--DS-font-weight-caption-1);
    --dxbl-text-edit-font-weight-m: var(--DS-font-weight-body-1);
    --dxbl-text-edit-font-weight-l: var(--DS-font-weight-body-2);
    --dxbl-text-edit-first-child-padding-x-s: var(--DS-sizing-60);
    --dxbl-text-edit-first-child-padding-x-m: var(--DS-sizing-100);
    --dxbl-text-edit-first-child-padding-x-l: var(--DS-sizing-120);
    --dxbl-text-edit-following-child-padding-x-s: var(--DS-sizing-40);
    --dxbl-text-edit-following-child-padding-x-m: var(--DS-sizing-60);
    --dxbl-text-edit-following-child-padding-x-l: var(--DS-sizing-80);
    --dxbl-text-edit-padding-y-s: var(--DS-sizing-30);
    --dxbl-text-edit-padding-y-m: calc(
        var(--DS-sizing-40) + var(--DS-sizing-10)
    );
    --dxbl-text-edit-padding-y-l: var(--DS-sizing-80);
    --dxbl-text-edit-border-radius-s: var(--DS-border-radius-20);
    --dxbl-text-edit-border-radius-m: var(--DS-border-radius-40);
    --dxbl-text-edit-border-radius-l: var(--DS-border-radius-60);
    --dxbl-text-edit-btn-padding-x-s: var(--DS-sizing-30);
    --dxbl-text-edit-btn-padding-x-m: calc(
        var(--DS-sizing-40) + var(--DS-sizing-10)
    );
    --dxbl-text-edit-btn-padding-x-l: calc(
        var(--DS-sizing-60) + var(--DS-sizing-10)
    );
    --dxbl-text-edit-btn-padding-y-s: var(--DS-sizing-10);
    --dxbl-text-edit-btn-padding-y-m: var(--DS-sizing-30);
    --dxbl-text-edit-btn-padding-y-l: calc(
        var(--DS-sizing-60) - var(--DS-sizing-10)
    );
    --dxbl-text-edit-close-btn-size-s: var(--DS-sizing-160);
    --dxbl-text-edit-close-btn-size-m: var(--DS-sizing-200);
    --dxbl-text-edit-close-btn-size-l: var(--DS-sizing-240);
    --dxbl-text-edit-close-btn-spacing-x-s: var(--DS-sizing-40);
    --dxbl-text-edit-close-btn-spacing-x-m: var(--DS-sizing-80);
    --dxbl-text-edit-close-btn-spacing-x-l: var(--DS-sizing-100);
    --dxbl-text-edit-drop-down-btn-padding-s: var(--DS-sizing-30);
    --dxbl-text-edit-drop-down-btn-padding-m: calc(
        var(--DS-sizing-40) + var(--DS-sizing-10)
    );
    --dxbl-text-edit-drop-down-btn-padding-l: calc(
        var(--DS-sizing-60) + var(--DS-sizing-10)
    );
}
.dxbl-text-edit {
    --dxbl-text-edit-padding-left: var(--dxbl-text-edit-first-child-padding-x);
    --dxbl-text-edit-padding-right: var(
        --dxbl-text-edit-following-child-padding-x
    );
    --dxbl-text-edit-validation-status-padding-left: var(
        --dxbl-text-edit-first-child-padding-x
    );
    background-color: var(--dxbl-text-edit-bg);
    border-radius: 12px !important;
    border: var(--dxbl-text-edit-border-width) solid
        var(--dxbl-text-edit-border-color);
    border-bottom-color: var(--dxbl-text-edit-underline-color);
    color: var(--dxbl-text-edit-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
    z-index: 0;
    width: 100%;
}
.dxbl-text-edit > .dxbl-text-edit-input,
.dxbl-text-edit > .dxbl-text-edit-template,
.dxbl-text-edit > .dxbl-text-edit-template .dxbl-text-edit-input,
.dxbl-text-edit > textarea {
    padding: var(--dxbl-text-edit-padding-y) var(--dxbl-text-edit-padding-right)
        var(--dxbl-text-edit-padding-y) var(--dxbl-text-edit-padding-left);
    background-color: transparent;
    border: 0;
    border-radius: var(--dxbl-text-edit-border-radius);
    color: inherit;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: var(--dxbl-text-edit-font-family);
    font-size: var(--dxbl-text-edit-font-size);
    line-height: var(--dxbl-text-edit-line-height);
    font-weight: var(--dxbl-text-edit-font-weight);
}
.dxbl-text-edit > .dxbl-text-edit-input,
.dxbl-text-edit > textarea {
    width: 100%;
}
.dxbl-text-edit > .dxbl-text-edit-input[readonly],
.dxbl-text-edit > textarea[readonly] {
    cursor: default;
}
.dxbl-text-edit .dxbl-text-edit-input {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dxbl-text-edit .dxbl-text-edit-input::-webkit-input-placeholder,
.dxbl-text-edit > textarea::-webkit-input-placeholder {
    color: var(--dxbl-text-edit-placeholder-color);
}
.dxbl-text-edit .dxbl-text-edit-input::-moz-placeholder,
.dxbl-text-edit > textarea::-moz-placeholder {
    color: var(--dxbl-text-edit-placeholder-color);
}
.dxbl-text-edit .dxbl-text-edit-input::-ms-input-placeholder,
.dxbl-text-edit > textarea::-ms-input-placeholder {
    color: var(--dxbl-text-edit-placeholder-color);
}
.dxbl-text-edit .dxbl-text-edit-input::placeholder,
.dxbl-text-edit > textarea::placeholder {
    color: var(--dxbl-text-edit-placeholder-color);
}
.dxbl-text-edit
    .dxbl-text-edit-input[type="search"]::-webkit-search-cancel-button,
.dxbl-text-edit .dxbl-text-edit-input[type="search"]::-webkit-search-decoration,
.dxbl-text-edit
    .dxbl-text-edit-input[type="search"]::-webkit-search-results-button,
.dxbl-text-edit
    .dxbl-text-edit-input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}
.dxbl-text-edit > .dxbl-text-edit-template {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}
.dxbl-text-edit > .dxbl-text-edit-template .dxbl-text-edit-input {
    padding: 0;
}
.dxbl-text-edit > .dxbl-text-edit-template:not(:first-child) {
    padding-left: var(--dxbl-text-edit-padding-left);
}
.dxbl-text-edit.dxbl-focused::after,
.dxbl-text-edit:focus-within::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    position: absolute;
    left: -1px;
    bottom: -1px;
    right: -1px;
    height: max(
        var(--dxbl-text-edit-underline-focused-height),
        var(--dxbl-text-edit-border-radius)
    );
    border-bottom-left-radius: var(--dxbl-text-edit-border-radius);
    border-bottom-right-radius: var(--dxbl-text-edit-border-radius);
    border-bottom: var(--dxbl-text-edit-underline-focused-height) solid
        var(--dxbl-text-edit-underline-color);
    -webkit-clip-path: inset(
        calc(100% - var(--dxbl-text-edit-underline-focused-height)) 0 0
    );
    clip-path: inset(
        calc(100% - var(--dxbl-text-edit-underline-focused-height)) 0 0
    );
}
.dxbl-text-edit:has(:focus)::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    position: absolute;
    left: -1px;
    bottom: -1px;
    right: -1px;
    height: max(
        var(--dxbl-text-edit-underline-focused-height),
        var(--dxbl-text-edit-border-radius)
    );
    border-bottom-left-radius: var(--dxbl-text-edit-border-radius);
    border-bottom-right-radius: var(--dxbl-text-edit-border-radius);
    border-bottom: var(--dxbl-text-edit-underline-focused-height) solid
        var(--dxbl-text-edit-underline-color);
    -webkit-clip-path: inset(
        calc(100% - var(--dxbl-text-edit-underline-focused-height)) 0 0
    );
    clip-path: inset(
        calc(100% - var(--dxbl-text-edit-underline-focused-height)) 0 0
    );
}
.dxbl-text-edit > .dxbl-btn,
.dxbl-text-edit > .dxbl-btn-group-vertical > .dxbl-btn,
.dxbl-text-edit > .dxbl-btn-group > .dxbl-btn {
    --dxbl-btn-font-size: var(--dxbl-text-edit-font-size);
    --dxbl-btn-bg: var(--dxbl-text-edit-btn-bg);
    --dxbl-btn-color: var(--dxbl-text-edit-btn-color);
    --dxbl-btn-border-color: var(--dxbl-text-edit-border-color);
    --dxbl-btn-active-border-color: var(--dxbl-text-edit-border-color);
    --dxbl-btn-box-shadow: none;
    --dxbl-btn-hover-bg: var(--dxbl-text-edit-btn-hovered-bg);
    --dxbl-btn-hover-color: var(--dxbl-text-edit-btn-hover-color);
    --dxbl-btn-hover-border-color: var(--dxbl-text-edit-border-color);
    --dxbl-btn-disabled-bg: var(--dxbl-text-edit-btn-disabled-bg);
    --dxbl-btn-disabled-background: none;
    --dxbl-btn-disabled-color: var(--dxbl-text-edit-btn-disabled-color);
    --dxbl-btn-disabled-border-color: var(--dxbl-text-edit-border-color);
    --dxbl-btn-border-radius: var(--dxbl-text-edit-border-radius);
    --dxbl-btn-disabled-opacity: 1;
    white-space: nowrap;
}
.dxbl-text-edit > .dxbl-btn-group-vertical > .dxbl-btn.dxbl-btn-icon,
.dxbl-text-edit > .dxbl-btn-group > .dxbl-btn.dxbl-btn-icon,
.dxbl-text-edit > .dxbl-btn.dxbl-btn-icon {
    --dxbl-btn-bg: transparent;
    --dxbl-btn-hover-bg: transparent;
    --dxbl-btn-active-bg: transparent;
    --dxbl-btn-hover-color: var(--dxbl-btn-color);
    --dxbl-btn-border-width: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default;
}
.dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon:has(~ input[type="search"]),
.dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon:has(~ input[type="text"]),
.dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon:has(~ input[type="search"]),
.dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon:has(~ input[type="text"]),
.dxbl-text-edit > .dxbl-btn.dxbl-btn-icon:has(~ input[type="search"]),
.dxbl-text-edit > .dxbl-btn.dxbl-btn-icon:has(~ input[type="text"]) {
    padding-left: var(--dxbl-text-edit-first-child-padding-x);
    padding-right: 0;
}
.dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon
    ~ .dxbl-edit-validation-status,
.dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon
    ~ input[type="search"],
.dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon
    ~ input[type="text"],
.dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon
    ~ .dxbl-edit-validation-status,
.dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon
    ~ input[type="search"],
.dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon
    ~ input[type="text"],
.dxbl-text-edit > .dxbl-btn.dxbl-btn-icon ~ .dxbl-edit-validation-status,
.dxbl-text-edit > .dxbl-btn.dxbl-btn-icon ~ input[type="search"],
.dxbl-text-edit > .dxbl-btn.dxbl-btn-icon ~ input[type="text"] {
    --dxbl-text-edit-padding-left: var(
        --dxbl-text-edit-following-child-padding-x
    );
    --dxbl-text-edit-validation-status-padding-left: var(
        --dxbl-text-edit-following-child-padding-x
    );
}
.dxbl-text-edit > .dxbl-btn,
.dxbl-text-edit > .dxbl-btn-group > .dxbl-btn {
    --dxbl-btn-padding-x: var(--dxbl-text-edit-btn-padding-x);
    --dxbl-btn-padding-y: 0;
    border-top: 0;
    border-bottom: 0;
}
.dxbl-text-edit > .dxbl-btn-group > .dxbl-btn.dxbl-edit-btn-dropdown,
.dxbl-text-edit > .dxbl-btn.dxbl-edit-btn-dropdown {
    --dxbl-btn-padding-y: var(--dxbl-text-edit-drop-down-btn-padding);
}
.dxbl-text-edit > .dxbl-btn-group-vertical > .dxbl-btn {
    --dxbl-btn-padding-x: var(--dxbl-text-edit-btn-padding-x);
    --dxbl-btn-padding-y: 0;
}
.dxbl-text-edit > .dxbl-btn-group-vertical > .dxbl-btn:first-child {
    border-top: 0;
}
.dxbl-text-edit > .dxbl-btn-group-vertical > .dxbl-btn:last-child {
    border-bottom: 0;
}
.dxbl-text-edit > .dxbl-btn {
    border-left: 0;
    border-right: 0;
}
.dxbl-text-edit > .dxbl-btn-group,
.dxbl-text-edit > .dxbl-btn-group-vertical {
    position: relative;
    z-index: 0;
    background-color: var(--dxbl-text-edit-btn-bg);
}
.dxbl-text-edit > [class*="dxbl-btn-group-right"]:last-of-type {
    border-top-right-radius: var(--dxbl-text-edit-border-radius);
    border-bottom-right-radius: var(--dxbl-text-edit-border-radius);
}
.dxbl-text-edit > [class*="dxbl-btn-group-left"]:first-of-type {
    border-top-left-radius: var(--dxbl-text-edit-border-radius);
    border-bottom-left-radius: var(--dxbl-text-edit-border-radius);
}
.dxbl-text-edit .dxbl-btn-group-right:not(:last-of-type) > .dxbl-btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.dxbl-text-edit > .dxbl-btn-group-vertical.dxbl-btn-group-left > .dxbl-btn,
.dxbl-text-edit > .dxbl-btn-group.dxbl-btn-group-left > .dxbl-btn {
    border-left: 0;
}
.dxbl-text-edit > .dxbl-btn-group-vertical.dxbl-btn-group-right > .dxbl-btn,
.dxbl-text-edit > .dxbl-btn-group.dxbl-btn-group-right > .dxbl-btn {
    border-right: 0;
}
.dxbl-text-edit > .dxbl-btn.dxbl-edit-btn-clear {
    --dxbl-btn-bg: var(--dxbl-text-edit-close-btn-bg);
    --dxbl-btn-hover-bg: var(--dxbl-text-edit-close-btn-hovered-bg);
    --dxbl-btn-color: var(--dxbl-text-edit-close-btn-color);
    --dxbl-btn-hover-color: var(--dxbl-text-edit-close-btn-hovered-color);
    --dxbl-btn-border-radius: var(--dxbl-text-edit-close-btn-border-radius);
    --dxbl-btn-border-width: 0;
    --dxbl-btn-padding-x: var(--dxbl-text-edit-close-btn-padding);
    --dxbl-btn-padding-y: var(--dxbl-text-edit-close-btn-padding);
    margin: 0 var(--dxbl-text-edit-close-btn-spacing-x);
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.dxbl-text-edit > .dxbl-btn.dxbl-edit-btn-clear > .dxbl-image {
    --dxbl-image-width: var(--dxbl-text-edit-close-btn-size);
    --dxbl-image-height: var(--dxbl-text-edit-close-btn-size);
}
.dxbl-text-edit > .dxbl-btn-group-vertical > .dxbl-spin-btn-dec,
.dxbl-text-edit > .dxbl-btn-group-vertical > .dxbl-spin-btn-inc {
    height: 50%;
}
.dxbl-text-edit > .dxbl-btn-group-vertical > .dxbl-spin-btn-dec > .dxbl-image,
.dxbl-text-edit > .dxbl-btn-group-vertical > .dxbl-spin-btn-inc > .dxbl-image {
    pointer-events: none;
    margin-top: -3px;
    margin-bottom: -3px;
}
.dxbl-text-edit > .dxbl-btn-group-vertical > .dxbl-spin-btn-inc {
    border-bottom: 0;
    margin-bottom: 0;
}
.dxbl-text-edit > .dxbl-btn-group-vertical > .dxbl-spin-btn-dec {
    border-top: 0;
}
.dxbl-text-edit > .dxbl-btn-group-vertical > .dxbl-spin-btn-dec > .dxbl-image {
    margin-top: -3px;
}
.dxbl-text-edit .dxbl-edit-validation-status {
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 var(--dxbl-text-edit-validation-status-padding-left);
}
.dxbl-text-edit .dxbl-edit-validation-status > .dxbl-image {
    display: none;
}
.dxbl-text-edit.valid.modified:not([type="checkbox"]) {
    --dxbl-text-edit-padding-left: var(--dxbl-text-edit-first-child-padding-x);
    outline: 0;
}
.dxbl-text-edit.valid.modified:not([type="checkbox"]):has(
        .dxbl-edit-validation-status
    ) {
    --dxbl-text-edit-padding-left: var(
        --dxbl-text-edit-following-child-padding-x
    );
}
.dxbl-text-edit.valid.modified:not([type="checkbox"])
    .dxbl-edit-validation-status {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.dxbl-text-edit.valid.modified:not([type="checkbox"])
    .dxbl-edit-validation-status
    > .dxbl-image.dxbl-edit-validation-status-icon-valid {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: var(--dxbl-text-edit-validation-valid-color);
}
.dxbl-text-edit.invalid {
    --dxbl-text-edit-padding-left: var(--dxbl-text-edit-first-child-padding-x);
    outline: 0;
}
.dxbl-text-edit.invalid:has(.dxbl-edit-validation-status) {
    --dxbl-text-edit-padding-left: var(
        --dxbl-text-edit-following-child-padding-x
    );
}
.dxbl-text-edit.invalid .dxbl-edit-validation-status {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.dxbl-text-edit.invalid
    .dxbl-edit-validation-status
    > .dxbl-image.dxbl-edit-validation-status-icon-invalid {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: var(--dxbl-text-edit-validation-invalid-color);
}
.dxbl-text-edit > .dxbl-text-edit-caret-element {
    position: absolute;
    visibility: hidden;
    white-space: pre;
    width: auto;
    font-family: var(--dxbl-text-edit-font-family);
    font-size: var(--dxbl-text-edit-font-size);
    line-height: var(--dxbl-text-edit-line-height);
    font-weight: var(--dxbl-text-edit-font-weight);
}
.dxbl-text-edit {
    --dxbl-text-edit-font-size: var(--dxbl-text-edit-font-size-m);
    --dxbl-text-edit-font-family: var(--dxbl-text-edit-font-family-m);
    --dxbl-text-edit-line-height: var(--dxbl-text-edit-line-height-m);
    --dxbl-text-edit-font-weight: var(--dxbl-text-edit-font-weight-m);
    --dxbl-text-edit-first-child-padding-x: var(
        --dxbl-text-edit-first-child-padding-x-m
    );
    --dxbl-text-edit-following-child-padding-x: var(
        --dxbl-text-edit-following-child-padding-x-m
    );
    --dxbl-text-edit-padding-y: var(--dxbl-text-edit-padding-y-m);
    --dxbl-text-edit-border-radius: var(--dxbl-text-edit-border-radius-m);
    --dxbl-text-edit-btn-padding-x: var(--dxbl-text-edit-btn-padding-x-m);
    --dxbl-text-edit-btn-padding-y: var(--dxbl-text-edit-btn-padding-y-m);
    --dxbl-text-edit-close-btn-size: var(--dxbl-text-edit-close-btn-size-m);
    --dxbl-text-edit-close-btn-spacing-x: var(
        --dxbl-text-edit-close-btn-spacing-x-m
    );
    --dxbl-text-edit-btn-image-color: unset;
    --dxbl-text-edit-btn-hover-image-color: unset;
    --dxbl-text-edit-btn-disabled-image-color: unset;
    --dxbl-text-edit-btn-bg: var(--dxbl-text-edit-bg);
    --dxbl-text-edit-btn-disabled-bg: var(--dxbl-text-edit-disabled-bg);
    --dxbl-text-edit-btn-hover-bg: var(--dxbl-text-edit-disabled-bg);
    --dxbl-text-edit-drop-down-btn-padding: var(
        --dxbl-text-edit-drop-down-btn-padding-m
    );
}
.dxbl-text-edit.dxbl-sm {
    --dxbl-text-edit-font-size: var(--dxbl-text-edit-font-size-s);
    --dxbl-text-edit-font-family: var(--dxbl-text-edit-font-family-s);
    --dxbl-text-edit-line-height: var(--dxbl-text-edit-line-height-s);
    --dxbl-text-edit-font-weight: var(--dxbl-text-edit-font-weight-s);
    --dxbl-text-edit-first-child-padding-x: var(
        --dxbl-text-edit-first-child-padding-x-s
    );
    --dxbl-text-edit-following-child-padding-x: var(
        --dxbl-text-edit-following-child-padding-x-s
    );
    --dxbl-text-edit-padding-y: var(--dxbl-text-edit-padding-y-s);
    --dxbl-text-edit-border-radius: var(--dxbl-text-edit-border-radius-s);
    --dxbl-text-edit-btn-padding-x: var(--dxbl-text-edit-btn-padding-x-s);
    --dxbl-text-edit-btn-padding-y: var(--dxbl-text-edit-btn-padding-y-s);
    --dxbl-text-edit-close-btn-size: var(--dxbl-text-edit-close-btn-size-s);
    --dxbl-text-edit-close-btn-spacing-x: var(
        --dxbl-text-edit-close-btn-spacing-x-s
    );
    --dxbl-text-edit-drop-down-btn-padding: var(
        --dxbl-text-edit-drop-down-btn-padding-s
    );
}
.dxbl-text-edit.dxbl-lg {
    --dxbl-text-edit-font-size: var(--dxbl-text-edit-font-size-l);
    --dxbl-text-edit-font-family: var(--dxbl-text-edit-font-family-l);
    --dxbl-text-edit-line-height: var(--dxbl-text-edit-line-height-l);
    --dxbl-text-edit-font-weight: var(--dxbl-text-edit-font-weight-l);
    --dxbl-text-edit-first-child-padding-x: var(
        --dxbl-text-edit-first-child-padding-x-l
    );
    --dxbl-text-edit-following-child-padding-x: var(
        --dxbl-text-edit-following-child-padding-x-l
    );
    --dxbl-text-edit-padding-y: var(--dxbl-text-edit-padding-y-l);
    --dxbl-text-edit-border-radius: var(--dxbl-text-edit-border-radius-l);
    --dxbl-text-edit-btn-padding-x: var(--dxbl-text-edit-btn-padding-x-l);
    --dxbl-text-edit-btn-padding-y: var(--dxbl-text-edit-btn-padding-y-l);
    --dxbl-text-edit-close-btn-size: var(--dxbl-text-edit-close-btn-size-l);
    --dxbl-text-edit-close-btn-spacing-x: var(
        --dxbl-text-edit-close-btn-spacing-x-l
    );
    --dxbl-text-edit-drop-down-btn-padding: var(
        --dxbl-text-edit-drop-down-btn-padding-l
    );
}
.dxbl-text-edit.dxbl-readonly {
    --dxbl-text-edit-bg: var(--dxbl-text-edit-readonly-bg, --dxbl-text-edit-bg);
}
.dxbl-text-edit.dxbl-readonly .dxbl-btn.dxbl-disabled {
    pointer-events: none;
}
.dxbl-text-edit.dxbl-readonly .dxbl-btn.dxbl-disabled .dxbl-image {
    --dxbl-image-fill: var(--dxbl-text-edit-btn-readonly-fill);
}
.dxbl-text-edit.dxbl-disabled {
    --dxbl-text-edit-bg: var(--dxbl-text-edit-disabled-bg, --dxbl-text-edit-bg);
    --dxbl-text-edit-color: var(--dxbl-text-edit-disabled-color);
    --dxbl-text-edit-border-color: var(--dxbl-text-edit-disabled-border-color);
    --dxbl-text-edit-underline-color: var(
        --dxbl-text-edit-disabled-border-color
    );
}
.dxbl-text-edit.dxbl-disabled .dxbl-btn {
    pointer-events: none;
}
.dxbl-text-edit.dxbl-disabled .dxbl-btn .dxbl-image {
    --dxbl-image-fill: var(--dxbl-text-edit-btn-disabled-fill);
}
.dxbl-text-edit.valid.modified:not([type="checkbox"]) {
    --dxbl-text-edit-border-color: var(--dxbl-text-edit-validation-valid-color);
    --dxbl-text-edit-focus-border-color: var(
        --dxbl-text-edit-validation-valid-color
    );
    outline: 0;
}
.dxbl-text-edit.valid.modified:not([type="checkbox"]):not(:focus-within):not(
        .dxbl-focused
    ):not(.dxbl-text-display-view) {
    --dxbl-text-edit-underline-color: var(
        --dxbl-text-edit-validation-valid-color
    );
}
.dxbl-text-edit.invalid {
    --dxbl-text-edit-border-color: var(
        --dxbl-text-edit-validation-invalid-color
    );
    --dxbl-text-edit-focus-border-color: var(
        --dxbl-text-edit-validation-invalid-color
    );
    outline: 0;
}
.dxbl-text-edit.invalid:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ) {
    --dxbl-text-edit-underline-color: var(
        --dxbl-text-edit-validation-invalid-color
    );
}
.dxbl-text-edit.dxbl-focused,
.dxbl-text-edit:focus-within {
    --dxbl-text-edit-underline-color: var(
        --dxbl-text-edit-underline-focused-color
    );
}
.dxbl-text-edit:has(:focus) {
    --dxbl-text-edit-underline-color: var(
        --dxbl-text-edit-underline-focused-color
    );
}
.dxbl-list-box,
.dxbl-list-box-render-container {
    --dxbl-list-box-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-list-box-height: var(--DS-color-surface-neutral-default-rest);
    --dxbl-list-box-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-list-box-border-width: var(--DS-border-width-10);
    --dxbl-list-box-border-color: var(--DS-color-border-neutral-default-rest);
    --dxbl-list-box-border-radius: var(--DS-border-radius-40);
    --dxbl-list-box-readonly-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-list-box-disabled-bg: var(--DS-color-surface-neutral-muted-disabled);
    --dxbl-list-box-disabled-color: var(
        --DS-color-content-neutral-default-disabled
    );
    --dxbl-list-box-item-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-list-box-item-border-width: var(--DS-border-width-20);
    --dxbl-list-box-item-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-list-box-item-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-list-box-item-selected-bg: var(
        --DS-color-surface-primary-default-rest
    );
    --dxbl-list-box-item-selected-color: var(
        --DS-color-content-neutral-static-pressed
    );
    --dxbl-list-box-item-selected-disabled-bg: var(
        --DS-color-surface-primary-default-disabled
    );
    --dxbl-list-box-item-selected-disabled-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-list-box-item-multi-selected-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-list-box-item-multi-selected-color: var(
        --DS-color-content-neutral-default-selected
    );
    --dxbl-list-box-item-multi-selected-disabled-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-list-box-item-multi-selected-disabled-color: var(
        --DS-color-content-neutral-default-disabled
    );
    --dxbl-list-box-item-hover-bg: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxbl-list-box-item-hover-color: var(
        --DS-color-content-neutral-default-hovered
    );
    --dxbl-list-box-item-selected-hover-bg: var(
        --DS-color-surface-primary-default-hovered
    );
    --dxbl-list-box-item-selected-hover-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-list-box-item-selected-focused-color: var(
        --DS-color-content-neutral-default-selected
    );
    --dxbl-list-box-item-multi-selected-hover-bg: var(
        --DS-color-surface-neutral-default-selected-hovered
    );
    --dxbl-list-box-item-multi-selected-hover-color: var(
        --DS-color-content-neutral-default-selected-hovered
    );
    --dxbl-list-box-item-disabled-bg: var(
        --DS-color-surface-neutral-muted-disabled
    );
    --dxbl-list-box-item-disabled-color: var(
        --DS-color-content-neutral-default-disabled
    );
    --dxbl-list-box-validation-valid-color: var(
        --DS-color-border-success-subdued-rest
    );
    --dxbl-list-box-validation-invalid-color: var(
        --DS-color-content-danger-default-rest
    );
    --dxbl-list-box-empty-data-icon-color: var(
        --DS-color-content-neutral-default-disabled
    );
    --dxbl-list-box-empty-data-text-color: var(
        --DS-color-content-neutral-default-disabled
    );
    --dxbl-list-box-check-element-padding-right: var(--DS-sizing-40);
    --dxbl-list-box-check-element-size: var(--DS-sizing-40);
    --dxbl-list-box-focus-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-list-box-focus-frame-color: var(--DS-color-theme-builder-focus);
    --dxbl-list-box-focus-frame-size: var(--DS-border-width-20);
    --dxbl-list-box-header-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-list-box-header-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-list-box-header-font-weight: var(--DS-font-weight-body-1-strong);
    --dxbl-list-box-highlighted-text-color: var(
        --DS-color-content-highlight-rest
    );
    --dxbl-list-box-highlighted-text-bg: var(--DS-color-surface-highlight-rest);
    --dxbl-list-box-group-item-font-weight: var(--DS-font-weight-body-1-strong);
    --dxbl-list-box-item-drag-hint-shadow: 0 0.1rem 0.5rem 0 rgba(0, 0, 0, 0.6);
    --dxbl-list-box-item-drop-indicator-shadow: var(
        --DS-box-shadow-border-inner-primary-20
    );
    --dxbl-list-box-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-list-box-font-size-m: var(--DS-font-size-body-1);
    --dxbl-list-box-font-size-l: var(--DS-font-size-body-2);
    --dxbl-list-box-font-family-s: var(--DS-font-family-sans-serif);
    --dxbl-list-box-font-family-m: var(--DS-font-family-sans-serif);
    --dxbl-list-box-font-family-l: var(--DS-font-family-sans-serif);
    --dxbl-list-box-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-list-box-line-height-m: var(--DS-line-height-body-1);
    --dxbl-list-box-line-height-l: var(--DS-line-height-body-2);
    --dxbl-list-box-font-weight-s: var(--DS-font-weight-caption-1);
    --dxbl-list-box-font-weight-m: var(--DS-font-weight-body-1);
    --dxbl-list-box-font-weight-l: var(--DS-font-weight-body-2);
    --dxbl-list-box-item-padding-x-s: var(--DS-sizing-40);
    --dxbl-list-box-item-padding-x-m: var(--DS-sizing-60);
    --dxbl-list-box-item-padding-x-l: var(--DS-sizing-80);
    --dxbl-list-box-item-padding-y-s: var(--DS-sizing-20);
    --dxbl-list-box-item-padding-y-m: var(--DS-sizing-40);
    --dxbl-list-box-item-padding-y-l: calc(
        var(--DS-sizing-60) + var(--DS-sizing-10)
    );
    --dxbl-list-box-item-cell-padding-x-s: var(--DS-sizing-40);
    --dxbl-list-box-item-cell-padding-x-m: var(--DS-sizing-60);
    --dxbl-list-box-item-cell-padding-x-l: var(--DS-sizing-80);
    --dxbl-list-box-item-cell-padding-y-s: var(--DS-sizing-40);
    --dxbl-list-box-item-cell-padding-y-m: var(--DS-sizing-60);
    --dxbl-list-box-item-cell-padding-y-l: var(--DS-sizing-90);
    --dxbl-list-box-empty-item-padding-x-s: var(--DS-sizing-40);
    --dxbl-list-box-empty-item-padding-x-m: var(--DS-sizing-60);
    --dxbl-list-box-empty-item-padding-x-l: var(--DS-sizing-80);
    --dxbl-list-box-empty-item-padding-y-s: var(--DS-sizing-40);
    --dxbl-list-box-empty-item-padding-y-m: var(--DS-sizing-60);
    --dxbl-list-box-empty-item-padding-y-l: var(--DS-sizing-80);
    --dxbl-list-box-empty-data-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-list-box-empty-data-font-size-m: var(--DS-font-size-body-1);
    --dxbl-list-box-empty-data-font-size-l: var(--DS-font-size-body-2);
    --dxbl-list-box-empty-data-font-family-s: var(--DS-font-family-sans-serif);
    --dxbl-list-box-empty-data-font-family-m: var(--DS-font-family-sans-serif);
    --dxbl-list-box-empty-data-font-family-l: var(--DS-font-family-sans-serif);
    --dxbl-list-box-empty-data-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-list-box-empty-data-line-height-m: var(--DS-line-height-body-1);
    --dxbl-list-box-empty-data-line-height-l: var(--DS-line-height-body-2);
    --dxbl-list-box-empty-data-font-weight-s: var(--DS-font-weight-caption-1);
    --dxbl-list-box-empty-data-font-weight-m: var(--DS-font-weight-body-1);
    --dxbl-list-box-empty-data-font-weight-l: var(--DS-font-weight-body-2);
    --dxbl-list-box-empty-data-icon-size-s: var(--DS-sizing-280);
    --dxbl-list-box-empty-data-icon-size-m: var(--DS-sizing-320);
    --dxbl-list-box-empty-data-icon-size-l: var(--DS-sizing-480);
    --dxbl-list-box-checkbox-check-element-padding-s: var(--DS-sizing-20);
    --dxbl-list-box-checkbox-check-element-padding-m: var(--DS-sizing-40);
    --dxbl-list-box-checkbox-check-element-padding-l: var(--DS-sizing-60);
    --dxbl-list-box-checkbox-check-element-checkbox-size-s: var(
        --DS-sizing-160
    );
    --dxbl-list-box-checkbox-check-element-checkbox-size-m: var(
        --DS-sizing-160
    );
    --dxbl-list-box-checkbox-check-element-checkbox-size-l: var(
        --DS-sizing-200
    );
    --dxbl-list-box-group-item-padding-x-s: var(--DS-sizing-40);
    --dxbl-list-box-group-item-padding-x-m: var(--DS-sizing-80);
    --dxbl-list-box-group-item-padding-x-l: var(--DS-sizing-100);
    --dxbl-list-box-group-item-padding-y-s: var(--DS-sizing-20);
    --dxbl-list-box-group-item-padding-y-m: var(--DS-sizing-40);
    --dxbl-list-box-group-item-padding-y-l: calc(
        var(--DS-sizing-60) + var(--DS-sizing-10)
    );
    --dxbl-list-box-group-item-cell-padding-x-s: var(--DS-sizing-40);
    --dxbl-list-box-group-item-cell-padding-x-m: var(--DS-sizing-80);
    --dxbl-list-box-group-item-cell-padding-x-l: var(--DS-sizing-100);
    --dxbl-list-box-group-item-cell-padding-y-s: var(--DS-sizing-40);
    --dxbl-list-box-group-item-cell-padding-y-m: var(--DS-sizing-60);
    --dxbl-list-box-group-item-cell-padding-y-l: var(--DS-sizing-90);
    --dxbl-list-box-select-all-split-btn-padding-left-s: calc(
        var(--DS-sizing-160) + var(--DS-sizing-80)
    );
    --dxbl-list-box-select-all-split-btn-padding-left-m: calc(
        var(--DS-sizing-200) + var(--DS-sizing-80)
    );
    --dxbl-list-box-select-all-split-btn-padding-left-l: calc(
        var(--DS-sizing-240) + var(--DS-sizing-100)
    );
    --dxbl-list-box-select-all-split-btn-padding-y-s: var(--DS-sizing-40);
    --dxbl-list-box-select-all-split-btn-padding-y-m: var(--DS-sizing-60);
    --dxbl-list-box-select-all-split-btn-padding-y-l: var(--DS-sizing-80);
    --dxbl-list-box-check-column-width-s: calc(
        var(--DS-sizing-160) + var(--DS-sizing-40) * 2
    );
    --dxbl-list-box-check-column-width-m: calc(
        var(--DS-sizing-160) + var(--DS-sizing-80) * 2
    );
    --dxbl-list-box-check-column-width-l: calc(
        var(--DS-sizing-200) + var(--DS-sizing-100) * 2
    );
    --dxbl-list-box-check-column-with-split-btn-width-s: calc(
        var(--DS-sizing-160) + var(--DS-sizing-160) * 2 + var(--DS-sizing-40) *
            2 + var(--DS-sizing-80) * 2
    );
    --dxbl-list-box-check-column-with-split-btn-width-m: calc(
        var(--DS-sizing-160) + var(--DS-sizing-200) * 2 + var(--DS-sizing-80) *
            2 + var(--DS-sizing-80) * 2
    );
    --dxbl-list-box-check-column-with-split-btn-width-l: calc(
        var(--DS-sizing-200) + var(--DS-sizing-240) * 2 + var(--DS-sizing-100) *
            2 + var(--DS-sizing-100) * 2
    );
    --dxbl-list-box-select-all-split-btn-inner-gap-s: var(--DS-sizing-80);
    --dxbl-list-box-select-all-split-btn-inner-gap-m: var(--DS-sizing-80);
    --dxbl-list-box-select-all-split-btn-inner-gap-l: var(--DS-sizing-100);
}
.dxbl-list-box-dragging-hint {
    --dxbl-list-box-item-drag-hint-bg: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-list-box-item-drag-hint-border-radius: var(--DS-border-radius-40);
    --dxbl-list-box-item-drag-hint-shadow: 0 0.1rem 0.5rem 0 rgba(0, 0, 0, 0.6);
    --dxbl-list-box-item-drag-hint-font-family-s: var(
        --DS-font-family-sans-serif
    );
    --dxbl-list-box-item-drag-hint-font-family-m: var(
        --DS-font-family-sans-serif
    );
    --dxbl-list-box-item-drag-hint-font-family-l: var(
        --DS-font-family-sans-serif
    );
    --dxbl-list-box-item-drag-hint-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-list-box-item-drag-hint-font-size-m: var(--DS-font-size-body-1);
    --dxbl-list-box-item-drag-hint-font-size-l: var(--DS-font-size-body-2);
    --dxbl-list-box-item-drag-hint-line-height-s: var(
        --DS-line-height-caption-1
    );
    --dxbl-list-box-item-drag-hint-line-height-m: var(--DS-line-height-body-1);
    --dxbl-list-box-item-drag-hint-line-height-l: var(--DS-line-height-body-2);
    --dxbl-list-box-item-drag-hint-text-cell-padding-x-s: var(--DS-sizing-40);
    --dxbl-list-box-item-drag-hint-text-cell-padding-x-m: var(--DS-sizing-60);
    --dxbl-list-box-item-drag-hint-text-cell-padding-x-l: var(--DS-sizing-80);
    --dxbl-list-box-item-drag-hint-text-cell-padding-y-s: var(--DS-sizing-20);
    --dxbl-list-box-item-drag-hint-text-cell-padding-y-m: var(--DS-sizing-40);
    --dxbl-list-box-item-drag-hint-text-cell-padding-y-l: calc(
        var(--DS-sizing-60) + var(--DS-sizing-10)
    );
}
.dxbl-list-box,
.dxbl-list-box-render-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: var(--dxbl-list-box-font-family);
    font-size: var(--dxbl-list-box-font-size);
    line-height: var(--dxbl-list-box-line-height);
    font-weight: var(--dxbl-list-box-font-weight);
    background-color: var(--dxbl-list-box-bg);
    border: var(--dxbl-list-box-border-width) solid
        var(--dxbl-list-box-border-color);
    border-radius: var(--dxbl-list-box-border-radius);
    color: var(--dxbl-list-box-color);
}
.dxbl-list-box-render-container > .dxbl-scroll-viewer,
.dxbl-list-box > .dxbl-scroll-viewer {
    background-color: var(--dxbl-list-box-bg);
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead,
.dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content,
.dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead {
    background-color: inherit;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content,
.dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content {
    overflow-anchor: none;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul,
.dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 0;
    min-width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not(.dxbl-list-box-empty-list-item):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not([dxbl-top-virtual-spacer-element]),
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not(.dxbl-list-box-empty-list-item):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not([dxbl-top-virtual-spacer-element]) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: var(--dxbl-list-box-item-border-width) solid
        var(--dxbl-list-box-item-border-color);
    background-color: var(--dxbl-list-box-item-bg);
    color: var(--dxbl-list-box-item-color);
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not(.dxbl-list-box-empty-list-item):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not([dxbl-top-virtual-spacer-element])
    > .dxbl-checkbox,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not(.dxbl-list-box-empty-list-item):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not([dxbl-top-virtual-spacer-element])
    > .dxbl-checkbox {
    padding: 0 var(--dxbl-list-box-item-padding-x) 0 0;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not(.dxbl-list-box-empty-list-item):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not([dxbl-top-virtual-spacer-element]).dxbl-list-box-item-disabled,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not(.dxbl-list-box-empty-list-item):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not([dxbl-top-virtual-spacer-element]).dxbl-list-box-item-disabled {
    --dxbl-list-box-item-bg: var(--dxbl-list-box-item-disabled-bg);
    --dxbl-list-box-item-color: var(--dxbl-list-box-item-disabled-color);
    cursor: default;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not(.dxbl-list-box-empty-list-item):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not([dxbl-top-virtual-spacer-element]).dxbl-list-box-group-item,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not(.dxbl-list-box-empty-list-item):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not([dxbl-top-virtual-spacer-element]).dxbl-list-box-group-item {
    padding: var(--dxbl-list-box-group-item-padding-y)
        var(--dxbl-list-box-group-item-padding-x);
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not(.dxbl-list-box-empty-list-item):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not([dxbl-top-virtual-spacer-element]):not(.dxbl-list-box-group-item):not(
        .dxbl-list-box-empty-list-item
    ),
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not(.dxbl-list-box-empty-list-item):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not([dxbl-top-virtual-spacer-element]):not(.dxbl-list-box-group-item):not(
        .dxbl-list-box-empty-list-item
    ) {
    padding: var(--dxbl-list-box-item-padding-y)
        var(--dxbl-list-box-item-padding-x);
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li[dxbl-bottom-virtual-spacer-element]
    > div,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li[dxbl-top-virtual-spacer-element]
    > div,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li[dxbl-bottom-virtual-spacer-element]
    > div,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li[dxbl-top-virtual-spacer-element]
    > div {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li[dxbl-bottom-virtual-spacer-element]
    > div
    > div,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li[dxbl-top-virtual-spacer-element]
    > div
    > div,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li[dxbl-bottom-virtual-spacer-element]
    > div
    > div,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li[dxbl-top-virtual-spacer-element]
    > div
    > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--dxbl-list-box-item-padding-y)
        var(--dxbl-list-box-item-padding-x);
    border: var(--dxbl-list-box-item-border-width) solid
        var(--dxbl-list-box-item-border-color);
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li[dxbl-bottom-virtual-spacer-element]
    > div
    > div:has(.dxbl-skeleton-checkbox),
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li[dxbl-top-virtual-spacer-element]
    > div
    > div:has(.dxbl-skeleton-checkbox),
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li[dxbl-bottom-virtual-spacer-element]
    > div
    > div:has(.dxbl-skeleton-checkbox),
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li[dxbl-top-virtual-spacer-element]
    > div
    > div:has(.dxbl-skeleton-checkbox) {
    --dxbl-list-box-item-padding-x: var(
        --dxbl-list-box-checkbox-check-element-padding
    );
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li.dxbl-list-box-empty-list-item,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li.dxbl-list-box-empty-list-item {
    height: 100%;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul.dxbl-list-box-container-no-scroll[data-contains-empty-item],
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul.dxbl-list-box-container-no-scroll[data-contains-empty-item] {
    height: 100%;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul.dxbl-list-box-container-no-scroll
    .dxFireFox
    > .dxbl-list-box-empty-list-item,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul.dxbl-list-box-container-no-scroll
    .dxFireFox
    > .dxbl-list-box-empty-list-item {
    height: auto;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul.dxbl-list-box-container-no-scroll
    .dxFireFox
    > :not(.dxbl-list-box-empty-list-item):not([data-virtual-item-index="-1"]),
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul.dxbl-list-box-container-no-scroll
    .dxFireFox
    > :not(.dxbl-list-box-empty-list-item):not([data-virtual-item-index="-1"]) {
    height: 1%;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul:not(.dxbl-list-box-container-no-scroll)
    > li.dxbl-list-box-empty-list-item,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul:not(.dxbl-list-box-container-no-scroll)
    > li.dxbl-list-box-empty-list-item {
    display: none;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table,
.dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table {
    border-color: var(--dxbl-list-box-border-color);
    border-style: solid;
    border-width: 0;
    border-spacing: 0;
    border-collapse: separate;
    table-layout: fixed;
    width: 100%;
    z-index: 0;
    position: relative;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > td,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > td,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th {
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
    background-color: var(--dxbl-list-box-item-bg);
    color: var(--dxbl-list-box-item-color);
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr:not(.dxbl-list-box-group-item)
    > td,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr:not(.dxbl-list-box-group-item)
    > td,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th {
    padding: var(--dxbl-list-box-item-cell-padding-y)
        var(--dxbl-list-box-item-cell-padding-x);
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: normal;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr.dxbl-list-box-group-item
    > td,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr.dxbl-list-box-group-item
    > td {
    padding: var(--dxbl-list-box-group-item-cell-padding-y)
        var(--dxbl-list-box-group-item-cell-padding-x);
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > colgroup
    > col,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > colgroup
    > col {
    min-width: 50px;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > td.dxbl-list-box-selection-cell,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > th.dxbl-list-box-selection-cell,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > td.dxbl-list-box-selection-cell,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th.dxbl-list-box-selection-cell,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > td.dxbl-list-box-selection-cell,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > th.dxbl-list-box-selection-cell,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > td.dxbl-list-box-selection-cell,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th.dxbl-list-box-selection-cell {
    padding: 0;
    text-align: center;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > td.dxbl-list-box-selection-cell
    > .dxbl-checkbox,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > th.dxbl-list-box-selection-cell
    > .dxbl-checkbox,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > td.dxbl-list-box-selection-cell
    > .dxbl-checkbox,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th.dxbl-list-box-selection-cell
    > .dxbl-checkbox,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > td.dxbl-list-box-selection-cell
    > .dxbl-checkbox,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > th.dxbl-list-box-selection-cell
    > .dxbl-checkbox,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > td.dxbl-list-box-selection-cell
    > .dxbl-checkbox,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th.dxbl-list-box-selection-cell
    > .dxbl-checkbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr:not(:first-child)
    > td,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr:not(:first-child)
    > td {
    border-top-width: var(--dxbl-list-box-border-width);
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > td:not(:first-child),
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > td:not(:first-child) {
    border-left-width: var(--dxbl-list-box-border-width);
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr.dxbl-list-box-item-focused,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr:focus,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr.dxbl-list-box-item-focused,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr:focus {
    outline: var(--dxbl-list-box-focus-frame-size) solid
        var(--dxbl-list-box-focus-frame-color);
    outline-offset: calc(-1 * var(--dxbl-list-box-focus-frame-size));
}
.dxSafari
    .dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr.dxbl-list-box-item-focused,
.dxSafari
    .dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr:focus,
.dxSafari
    .dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr.dxbl-list-box-item-focused,
.dxSafari
    .dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr:focus {
    outline-offset: -0.12rem;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr.dxbl-list-box-item-disabled,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr.dxbl-list-box-item-disabled {
    --dxbl-list-box-item-bg: var(--dxbl-list-box-item-disabled-bg);
    --dxbl-list-box-item-color: var(--dxbl-list-box-item-disabled-color);
    cursor: default;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    > td,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    > td {
    overflow: visible;
    padding: 0;
    vertical-align: top;
    border-color: inherit;
    border-style: inherit;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td
    > div,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    > td
    > div,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td
    > div,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    > td
    > div {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td
    > div
    > div,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    > td
    > div
    > div,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td
    > div
    > div,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    > td
    > div
    > div {
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
    padding: var(--dxbl-list-box-item-cell-padding-y)
        var(--dxbl-list-box-item-cell-padding-x);
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td
    > div
    > div:has(.dxbl-skeleton-checkbox),
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    > td
    > div
    > div:has(.dxbl-skeleton-checkbox),
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td
    > div
    > div:has(.dxbl-skeleton-checkbox),
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    > td
    > div
    > div:has(.dxbl-skeleton-checkbox) {
    --dxbl-list-box-item-cell-padding-x: var(
        --dxbl-list-box-checkbox-check-element-padding
    );
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    + tr:not([dxbl-top-virtual-spacer-element])
    > td,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    + tr:not([dxbl-top-virtual-spacer-element])
    > td {
    border-top-width: 0;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    > td
    > div
    > div:last-child,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    > td
    > div
    > div:last-child {
    border-bottom-width: var(--dxbl-list-box-border-width);
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    > td
    > div
    > div:not(:first-child),
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    > td
    > div
    > div:not(:first-child) {
    border-top-width: var(--dxbl-list-box-border-width);
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td
    > div
    > div,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td
    > div
    > div {
    border-top-width: var(--dxbl-list-box-border-width);
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead {
    top: 0;
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th {
    --dxbl-list-box-item-bg: var(--dxbl-list-box-header-bg);
    --dxbl-list-box-item-color: var(--dxbl-list-box-header-color);
    border-bottom-width: var(--dxbl-list-box-border-width);
    cursor: default;
    font-weight: var(--dxbl-list-box-header-font-weight);
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th:not(:first-child),
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th:not(:first-child) {
    border-left-width: var(--dxbl-list-box-border-width);
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th.dxbl-list-box-selection-cell.dxbl-btn-group,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th.dxbl-list-box-selection-cell.dxbl-btn-group {
    display: table-cell;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr.dxbl-list-box-item-focused,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr:focus,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr.dxbl-list-box-item-focused,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr:focus {
    outline: var(--dxbl-list-box-focus-frame-size) solid
        var(--dxbl-list-box-focus-frame-color);
    outline-offset: calc(-1 * var(--dxbl-list-box-focus-frame-size));
}
.dxSafari
    .dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr.dxbl-list-box-item-focused,
.dxSafari
    .dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr:focus,
.dxSafari
    .dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr.dxbl-list-box-item-focused,
.dxSafari
    .dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr:focus {
    outline-offset: -0.12rem;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > li:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    ),
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > li:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    ) {
    height: 100%;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > li:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    ),
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > tbody
    > tr:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > td,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > li:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    ),
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > tbody
    > tr:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > td {
    border: 0;
    padding: 0;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > li:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > div,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > tbody
    > tr:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > td
    > div,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > li:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > div,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > tbody
    > tr:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > td
    > div {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > li:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > div:not(.dxbl-list-box-empty-data-area-template-container),
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > tbody
    > tr:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > td
    > div:not(.dxbl-list-box-empty-data-area-template-container),
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > li:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > div:not(.dxbl-list-box-empty-data-area-template-container),
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > tbody
    > tr:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > td
    > div:not(.dxbl-list-box-empty-data-area-template-container) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > li:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > div:not(.dxbl-list-box-empty-data-area-template-container)
    > span,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > tbody
    > tr:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > td
    > div:not(.dxbl-list-box-empty-data-area-template-container)
    > span,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > li:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > div:not(.dxbl-list-box-empty-data-area-template-container)
    > span,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > tbody
    > tr:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > td
    > div:not(.dxbl-list-box-empty-data-area-template-container)
    > span {
    font-family: var(--dxbl-list-box-empty-data-font-family);
    font-size: var(--dxbl-list-box-empty-data-font-size);
    line-height: var(--dxbl-list-box-empty-data-line-height);
    font-weight: var(--dxbl-list-box-empty-data-font-weight);
    color: var(--dxbl-list-box-empty-data-text-color);
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > li:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > div:not(.dxbl-list-box-empty-data-area-template-container)
    > .dxbl-image,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > tbody
    > tr:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > td
    > div:not(.dxbl-list-box-empty-data-area-template-container)
    > .dxbl-image,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > li:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > div:not(.dxbl-list-box-empty-data-area-template-container)
    > .dxbl-image,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > tbody
    > tr:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > td
    > div:not(.dxbl-list-box-empty-data-area-template-container)
    > .dxbl-image {
    width: var(--dxbl-list-box-empty-data-icon-size);
    height: var(--dxbl-list-box-empty-data-icon-size);
    color: var(--dxbl-list-box-empty-data-icon-color);
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > li:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > div:not(.dxbl-list-box-empty-data-area-template-container)
    > span,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > li:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > div:not(.dxbl-list-box-empty-data-area-template-container)
    > span {
    padding: var(--dxbl-list-box-item-padding-y) 0;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > tbody
    > tr:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > td
    > div:not(.dxbl-list-box-empty-data-area-template-container)
    > span,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > tbody
    > tr:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > td
    > div:not(.dxbl-list-box-empty-data-area-template-container)
    > span {
    padding: var(--dxbl-list-box-item-cell-padding-y) 0;
}
.dxFirefox
    .dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > thead,
.dxFirefox
    .dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > thead {
    height: 1%;
}
.dxFirefox
    .dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > tbody
    > tr
    > td,
.dxFirefox
    .dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > tbody
    > tr
    > td {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.dxSafari
    .dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > tbody
    > .dxbl-list-box-empty-data-item,
.dxSafari
    .dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > tbody
    > .dxbl-list-box-empty-data-item {
    height: 100%;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > :not(.dxbl-list-box-empty-data-container)
    > li:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not(.dxbl-skeleton-item)
    > div,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > :not(.dxbl-list-box-empty-data-container)
    > li:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not(.dxbl-skeleton-item)
    > div {
    width: 100%;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table.dxbl-list-box-container-no-scroll:not(
        .dxbl-list-box-empty-data-container
    )
    > tbody:not([data-virtual-items-container])
    > tr:last-child
    > td,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table.dxbl-list-box-container-no-scroll:not(
        .dxbl-list-box-empty-data-container
    )
    > tbody[data-virtual-items-container]
    > tr:nth-last-child(-n + 2):not([dxbl-bottom-virtual-spacer-element])
    > td,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table.dxbl-list-box-container-no-scroll:not(
        .dxbl-list-box-empty-data-container
    )
    > tbody:not([data-virtual-items-container])
    > tr:last-child
    > td,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table.dxbl-list-box-container-no-scroll:not(
        .dxbl-list-box-empty-data-container
    )
    > tbody[data-virtual-items-container]
    > tr:nth-last-child(-n + 2):not([dxbl-bottom-virtual-spacer-element])
    > td {
    border-bottom-width: var(--dxbl-list-box-border-width);
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not([dxbl-top-virtual-spacer-element])
    + li.dxbl-list-box-group-item,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not([dxbl-top-virtual-spacer-element])
    + li.dxbl-list-box-group-item {
    position: relative;
}
@media (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio: 1.4895833333333333),
    (-o-min-device-pixel-ratio: 5/4) and (-o-max-device-pixel-ratio: 143/96),
    (min-resolution: 120dpi) and (max-resolution: 143dpi) {
    .dxbl-list-box-render-container
        > .dxbl-scroll-viewer
        > .dxbl-scroll-viewer-content
        > ul
        > li:not([dxbl-top-virtual-spacer-element])
        + li.dxbl-list-box-group-item,
    .dxbl-list-box
        > .dxbl-scroll-viewer
        > .dxbl-scroll-viewer-content
        > ul
        > li:not([dxbl-top-virtual-spacer-element])
        + li.dxbl-list-box-group-item {
        --dxbl-list-box-border-width-with-scaling: calc(
            var(--dxbl-list-box-border-width) / 1.25
        );
    }
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.7395833333333333),
    (-o-min-device-pixel-ratio: 3/2) and (-o-max-device-pixel-ratio: 167/96),
    (min-resolution: 144dpi) and (max-resolution: 167dpi) {
    .dxbl-list-box-render-container
        > .dxbl-scroll-viewer
        > .dxbl-scroll-viewer-content
        > ul
        > li:not([dxbl-top-virtual-spacer-element])
        + li.dxbl-list-box-group-item,
    .dxbl-list-box
        > .dxbl-scroll-viewer
        > .dxbl-scroll-viewer-content
        > ul
        > li:not([dxbl-top-virtual-spacer-element])
        + li.dxbl-list-box-group-item {
        --dxbl-list-box-border-width-with-scaling: calc(
            var(--dxbl-list-box-border-width) / 1.5
        );
    }
}
@media (-webkit-min-device-pixel-ratio: 1.75),
    (-o-min-device-pixel-ratio: 7/4),
    (min-resolution: 168dpi) {
    .dxbl-list-box-render-container
        > .dxbl-scroll-viewer
        > .dxbl-scroll-viewer-content
        > ul
        > li:not([dxbl-top-virtual-spacer-element])
        + li.dxbl-list-box-group-item,
    .dxbl-list-box
        > .dxbl-scroll-viewer
        > .dxbl-scroll-viewer-content
        > ul
        > li:not([dxbl-top-virtual-spacer-element])
        + li.dxbl-list-box-group-item {
        --dxbl-list-box-border-width-with-scaling: calc(
            var(--dxbl-list-box-border-width) / 1.75
        );
    }
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not([dxbl-top-virtual-spacer-element])
    + li.dxbl-list-box-group-item::before,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not([dxbl-top-virtual-spacer-element])
    + li.dxbl-list-box-group-item::before {
    content: "";
    position: absolute;
    top: calc(0px - var(--dxbl-list-box-item-border-width));
    left: calc(0px - var(--dxbl-list-box-item-border-width));
    right: calc(0px - var(--dxbl-list-box-item-border-width));
    height: var(
        --dxbl-list-box-border-width-with-scaling,
        var(--dxbl-list-box-border-width)
    );
    background-color: var(--dxbl-list-box-border-color);
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr.dxbl-list-box-group-item,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li.dxbl-list-box-group-item,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr.dxbl-list-box-group-item,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li.dxbl-list-box-group-item {
    font-weight: var(--dxbl-list-box-group-item-font-weight);
    cursor: default;
}
.dxbl-list-box-render-container
    > .dxbl-list-box-select-all-container.dxbl-list-box-item-focused,
.dxbl-list-box-render-container > .dxbl-list-box-select-all-container:focus,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not([dxbl-bottom-virtual-spacer-element]):not(
        [dxbl-top-virtual-spacer-element]
    ).dxbl-list-box-item-focused,
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not([dxbl-bottom-virtual-spacer-element]):not(
        [dxbl-top-virtual-spacer-element]
    ):focus,
.dxbl-list-box > .dxbl-list-box-select-all-container.dxbl-list-box-item-focused,
.dxbl-list-box > .dxbl-list-box-select-all-container:focus,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not([dxbl-bottom-virtual-spacer-element]):not(
        [dxbl-top-virtual-spacer-element]
    ).dxbl-list-box-item-focused,
.dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not([dxbl-bottom-virtual-spacer-element]):not(
        [dxbl-top-virtual-spacer-element]
    ):focus {
    outline: var(--dxbl-list-box-focus-frame-size) solid
        var(--dxbl-list-box-focus-frame-color);
    outline-offset: calc(-1 * var(--dxbl-list-box-focus-frame-size));
}
.dxSafari
    .dxbl-list-box-render-container
    > .dxbl-list-box-select-all-container.dxbl-list-box-item-focused,
.dxSafari
    .dxbl-list-box-render-container
    > .dxbl-list-box-select-all-container:focus,
.dxSafari
    .dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not([dxbl-bottom-virtual-spacer-element]):not(
        [dxbl-top-virtual-spacer-element]
    ).dxbl-list-box-item-focused,
.dxSafari
    .dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not([dxbl-bottom-virtual-spacer-element]):not(
        [dxbl-top-virtual-spacer-element]
    ):focus,
.dxSafari
    .dxbl-list-box
    > .dxbl-list-box-select-all-container.dxbl-list-box-item-focused,
.dxSafari .dxbl-list-box > .dxbl-list-box-select-all-container:focus,
.dxSafari
    .dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not([dxbl-bottom-virtual-spacer-element]):not(
        [dxbl-top-virtual-spacer-element]
    ).dxbl-list-box-item-focused,
.dxSafari
    .dxbl-list-box
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not([dxbl-bottom-virtual-spacer-element]):not(
        [dxbl-top-virtual-spacer-element]
    ):focus {
    outline-offset: -0.12rem;
}
.dxbl-list-box-render-container > .dxbl-list-box-search-container,
.dxbl-list-box > .dxbl-list-box-search-container {
    padding: 0.375rem;
    width: 100%;
}
.dxbl-list-box-render-container
    > .dxbl-list-box-search-container:has(
        ~ .dxbl-list-box-select-all-container
    ),
.dxbl-list-box
    > .dxbl-list-box-search-container:has(
        ~ .dxbl-list-box-select-all-container
    ) {
    border-bottom: var(--dxbl-list-box-border-width) solid
        var(--dxbl-list-box-border-color);
}
.dxbl-list-box .dxbl-list-box-search-container ~ .dxbl-scroll-viewer,
.dxbl-list-box .dxbl-list-box-select-all-container ~ .dxbl-scroll-viewer,
.dxbl-list-box-render-container
    .dxbl-list-box-search-container
    ~ .dxbl-scroll-viewer,
.dxbl-list-box-render-container
    .dxbl-list-box-select-all-container
    ~ .dxbl-scroll-viewer {
    border-top: var(--dxbl-list-box-border-width) solid
        var(--dxbl-list-box-border-color);
}
.dxbl-list-box-render-container > .dxbl-list-box-select-all-container,
.dxbl-list-box > .dxbl-list-box-select-all-container {
    background-color: inherit;
    padding: var(--dxbl-list-box-item-padding-y)
        var(--dxbl-list-box-item-padding-x);
    border: var(--dxbl-list-box-item-border-width) solid
        var(--dxbl-list-box-item-border-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--dxbl-list-box-item-color);
}
.dxbl-list-box-render-container
    > .dxbl-list-box-select-all-container
    > .dxbl-checkbox,
.dxbl-list-box > .dxbl-list-box-select-all-container > .dxbl-checkbox {
    padding: 0 var(--dxbl-list-box-item-padding-x) 0 0;
}
.dxbl-list-box-render-container
    > .dxbl-list-box-select-all-container:has(.dxbl-checkbox.dxbl-disabled),
.dxbl-list-box
    > .dxbl-list-box-select-all-container:has(.dxbl-checkbox.dxbl-disabled) {
    --dxbl-list-box-item-color: var(--dxbl-list-box-item-disabled-color);
}
.dxbl-list-box-render-container.dxbl-list-box-multi-select
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr:not([dxbl-bottom-virtual-spacer-element]):not(
        [dxbl-top-virtual-spacer-element]
    ).dxbl-list-box-item-selected,
.dxbl-list-box-render-container.dxbl-list-box-multi-select
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not([dxbl-bottom-virtual-spacer-element]):not(
        [dxbl-top-virtual-spacer-element]
    ).dxbl-list-box-item-selected,
.dxbl-list-box.dxbl-list-box-multi-select
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr:not([dxbl-bottom-virtual-spacer-element]):not(
        [dxbl-top-virtual-spacer-element]
    ).dxbl-list-box-item-selected,
.dxbl-list-box.dxbl-list-box-multi-select
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not([dxbl-bottom-virtual-spacer-element]):not(
        [dxbl-top-virtual-spacer-element]
    ).dxbl-list-box-item-selected {
    --dxbl-list-box-item-bg: var(--dxbl-list-box-item-multi-selected-bg);
    --dxbl-list-box-item-color: var(--dxbl-list-box-item-multi-selected-color);
}
.dxbl-list-box-render-container.dxbl-list-box-multi-select
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr:not([dxbl-bottom-virtual-spacer-element]):not(
        [dxbl-top-virtual-spacer-element]
    ).dxbl-list-box-item-selected.dxbl-list-box-item-disabled,
.dxbl-list-box-render-container.dxbl-list-box-multi-select
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not([dxbl-bottom-virtual-spacer-element]):not(
        [dxbl-top-virtual-spacer-element]
    ).dxbl-list-box-item-selected.dxbl-list-box-item-disabled,
.dxbl-list-box.dxbl-list-box-multi-select
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr:not([dxbl-bottom-virtual-spacer-element]):not(
        [dxbl-top-virtual-spacer-element]
    ).dxbl-list-box-item-selected.dxbl-list-box-item-disabled,
.dxbl-list-box.dxbl-list-box-multi-select
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not([dxbl-bottom-virtual-spacer-element]):not(
        [dxbl-top-virtual-spacer-element]
    ).dxbl-list-box-item-selected.dxbl-list-box-item-disabled {
    --dxbl-list-box-item-bg: var(
        --dxbl-list-box-item-multi-selected-disabled-bg
    );
    --dxbl-list-box-item-color: var(
        --dxbl-list-box-item-multi-selected-disabled-color
    );
}
.dxbl-list-box-render-container:not(.dxbl-list-box-multi-select)
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr:not([dxbl-bottom-virtual-spacer-element]):not(
        [dxbl-top-virtual-spacer-element]
    ).dxbl-list-box-item-selected,
.dxbl-list-box-render-container:not(.dxbl-list-box-multi-select)
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not([dxbl-bottom-virtual-spacer-element]):not(
        [dxbl-top-virtual-spacer-element]
    ).dxbl-list-box-item-selected,
.dxbl-list-box:not(.dxbl-list-box-multi-select)
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr:not([dxbl-bottom-virtual-spacer-element]):not(
        [dxbl-top-virtual-spacer-element]
    ).dxbl-list-box-item-selected,
.dxbl-list-box:not(.dxbl-list-box-multi-select)
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not([dxbl-bottom-virtual-spacer-element]):not(
        [dxbl-top-virtual-spacer-element]
    ).dxbl-list-box-item-selected {
    --dxbl-list-box-item-bg: var(--dxbl-list-box-item-selected-bg);
    --dxbl-list-box-item-color: var(--dxbl-list-box-item-selected-color);
}
.dxbl-list-box-render-container:not(.dxbl-list-box-multi-select)
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr:not([dxbl-bottom-virtual-spacer-element]):not(
        [dxbl-top-virtual-spacer-element]
    ).dxbl-list-box-item-selected.dxbl-list-box-item-disabled,
.dxbl-list-box-render-container:not(.dxbl-list-box-multi-select)
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not([dxbl-bottom-virtual-spacer-element]):not(
        [dxbl-top-virtual-spacer-element]
    ).dxbl-list-box-item-selected.dxbl-list-box-item-disabled,
.dxbl-list-box:not(.dxbl-list-box-multi-select)
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr:not([dxbl-bottom-virtual-spacer-element]):not(
        [dxbl-top-virtual-spacer-element]
    ).dxbl-list-box-item-selected.dxbl-list-box-item-disabled,
.dxbl-list-box:not(.dxbl-list-box-multi-select)
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > ul
    > li:not([dxbl-bottom-virtual-spacer-element]):not(
        [dxbl-top-virtual-spacer-element]
    ).dxbl-list-box-item-selected.dxbl-list-box-item-disabled {
    --dxbl-list-box-item-bg: var(--dxbl-list-box-item-selected-disabled-bg);
    --dxbl-list-box-item-color: var(
        --dxbl-list-box-item-selected-disabled-color
    );
}
.dxbl-list-box .dxbl-list-box-highlighted-text,
.dxbl-list-box-render-container .dxbl-list-box-highlighted-text {
    color: var(--dxbl-list-box-highlighted-text-color);
    background-color: var(--dxbl-list-box-highlighted-text-bg);
    padding: 0;
}
.dxbl-edit-dropdown > .dxbl-dropdown-body > .dxbl-list-box,
.dxbl-edit-dropdown > .dxbl-dropdown-body > .dxbl-list-box-render-container {
    width: 100%;
}
.dxbl-list-box li.dxbl-skeleton-item > .dxbl-skeleton-checkbox,
.dxbl-list-box
    li
    > div[dxbl-skeleton-items-container]
    > .dxbl-skeleton-item
    > .dxbl-skeleton-checkbox,
.dxbl-list-box-render-container li.dxbl-skeleton-item > .dxbl-skeleton-checkbox,
.dxbl-list-box-render-container
    li
    > div[dxbl-skeleton-items-container]
    > .dxbl-skeleton-item
    > .dxbl-skeleton-checkbox {
    height: var(--dxbl-list-box-checkbox-check-element-checkbox-size);
    width: var(--dxbl-list-box-checkbox-check-element-checkbox-size);
    margin-right: calc(
        var(--dxbl-list-box-item-padding-x) +
            var(--dxbl-list-box-check-element-padding-right)
    );
}
.dxbl-list-box-render-container.dxbl-virtual-items-container-pattern.dxbl-list-box-checked
    > div,
.dxbl-list-box.dxbl-virtual-items-container-pattern.dxbl-list-box-checked
    > div {
    padding: 0 !important;
}
.dxbl-list-box-render-container.dxbl-virtual-items-container-pattern.dxbl-list-box-checked
    > div
    > div,
.dxbl-list-box.dxbl-virtual-items-container-pattern.dxbl-list-box-checked
    > div
    > div {
    height: var(--dxbl-list-box-checkbox-check-element-checkbox-size);
}
.dxbl-list-box-render-container.dxbl-virtual-items-container-pattern.dxbl-list-box-virtual-items-container-list-pattern
    > div,
.dxbl-list-box.dxbl-virtual-items-container-pattern.dxbl-list-box-virtual-items-container-list-pattern
    > div {
    padding: var(--dxbl-list-box-item-padding-y)
        var(--dxbl-list-box-item-padding-x);
    border: var(--dxbl-list-box-item-border-width) solid
        var(--dxbl-list-box-item-border-color);
}
.dxbl-list-box-render-container.dxbl-virtual-items-container-pattern.dxbl-list-box-virtual-items-container-list-pattern
    > div:has(.dxbl-skeleton-checkbox),
.dxbl-list-box.dxbl-virtual-items-container-pattern.dxbl-list-box-virtual-items-container-list-pattern
    > div:has(.dxbl-skeleton-checkbox) {
    --dxbl-list-box-item-padding-x: var(
        --dxbl-list-box-checkbox-check-element-padding
    );
}
.dxbl-list-box-render-container.dxbl-virtual-items-container-pattern.dxbl-list-box-virtual-items-container-table-pattern
    > div,
.dxbl-list-box.dxbl-virtual-items-container-pattern.dxbl-list-box-virtual-items-container-table-pattern
    > div {
    border-color: var(--dxbl-list-box-border-color);
    border-style: solid;
    border-spacing: 0;
    border-width: var(--dxbl-list-box-border-width) 0 0 0;
    padding: var(--dxbl-list-box-item-padding-y)
        var(--dxbl-list-box-item-padding-x);
}
.dxbl-list-box-render-container.dxbl-virtual-items-container-pattern.dxbl-list-box-virtual-items-container-table-pattern
    > div:has(.dxbl-skeleton-checkbox),
.dxbl-list-box.dxbl-virtual-items-container-pattern.dxbl-list-box-virtual-items-container-table-pattern
    > div:has(.dxbl-skeleton-checkbox) {
    --dxbl-list-box-item-padding-x: var(
        --dxbl-list-box-checkbox-check-element-padding
    );
}
.dxbl-list-box-render-container.dxbl-list-box-checked
    .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > colgroup
    > col:first-child,
.dxbl-list-box.dxbl-list-box-checked
    .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > colgroup
    > col:first-child {
    min-width: unset;
    width: var(--dxbl-list-box-check-column-width);
}
.dxbl-list-box-render-container.dxbl-list-box-checked
    .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table:has(thead > tr > .dxbl-list-box-selection-cell.dxbl-btn-group)
    > colgroup
    > col:first-child,
.dxbl-list-box.dxbl-list-box-checked
    .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table:has(thead > tr > .dxbl-list-box-selection-cell.dxbl-btn-group)
    > colgroup
    > col:first-child {
    width: var(--dxbl-list-box-check-column-with-split-btn-width);
}
.dxbl-list-box-render-container.dxbl-list-box-checked
    > .dxbl-list-box-select-all-container
    > .dxbl-btn-split,
.dxbl-list-box.dxbl-list-box-checked
    > .dxbl-list-box-select-all-container
    > .dxbl-btn-split {
    padding-right: var(--dxbl-list-box-check-element-padding-right);
}
.dxbl-list-box-render-container.dxbl-list-box-checked
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th
    > .dxbl-btn-split,
.dxbl-list-box.dxbl-list-box-checked
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th
    > .dxbl-btn-split {
    --dxbl-btn-border-width: 0;
    padding-left: var(--dxbl-list-box-select-all-split-btn-padding-left);
    padding-top: var(--dxbl-list-box-select-all-split-btn-padding-y);
    padding-bottom: var(--dxbl-list-box-select-all-split-btn-padding-y);
}
.dxbl-list-box-render-container.dxbl-list-box-checked
    > .dxbl-list-box-select-all-container
    > .dxbl-btn-split,
.dxbl-list-box-render-container.dxbl-list-box-checked
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th
    > .dxbl-btn-split,
.dxbl-list-box.dxbl-list-box-checked
    > .dxbl-list-box-select-all-container
    > .dxbl-btn-split,
.dxbl-list-box.dxbl-list-box-checked
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th
    > .dxbl-btn-split {
    margin-left: 0;
}
.dxbl-list-box-render-container.dxbl-list-box-checked
    > .dxbl-list-box-select-all-container
    > .dxbl-btn-split
    > .dxbl-btn,
.dxbl-list-box-render-container.dxbl-list-box-checked
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th
    > .dxbl-btn-split
    > .dxbl-btn,
.dxbl-list-box.dxbl-list-box-checked
    > .dxbl-list-box-select-all-container
    > .dxbl-btn-split
    > .dxbl-btn,
.dxbl-list-box.dxbl-list-box-checked
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th
    > .dxbl-btn-split
    > .dxbl-btn {
    --dxbl-btn-bg: transparent;
    --dxbl-btn-hover-bg: transparent;
    --dxbl-btn-active-bg: transparent;
    --dxbl-btn-hover-background: none;
    --dxbl-btn-border-width: 0;
    --dxbl-btn-padding-y: 0;
    --dxbl-btn-box-shadow: none;
}
.dxbl-list-box-render-container.dxbl-list-box-checked
    > .dxbl-list-box-select-all-container
    > .dxbl-btn-split
    > .dxbl-btn:not(.dxbl-btn-split-dropdown),
.dxbl-list-box-render-container.dxbl-list-box-checked
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th
    > .dxbl-btn-split
    > .dxbl-btn:not(.dxbl-btn-split-dropdown),
.dxbl-list-box.dxbl-list-box-checked
    > .dxbl-list-box-select-all-container
    > .dxbl-btn-split
    > .dxbl-btn:not(.dxbl-btn-split-dropdown),
.dxbl-list-box.dxbl-list-box-checked
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th
    > .dxbl-btn-split
    > .dxbl-btn:not(.dxbl-btn-split-dropdown) {
    --dxbl-btn-focus-shadow-blur: 0;
    --dxbl-btn-focus-shadow-spread: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: var(--dxbl-list-box-select-all-split-btn-inner-gap);
}
.dxbl-list-box-render-container.dxbl-list-box-checked
    > .dxbl-list-box-select-all-container
    > .dxbl-btn-split
    > .dxbl-btn:not(.dxbl-btn-split-dropdown)
    > .dxbl-checkbox,
.dxbl-list-box-render-container.dxbl-list-box-checked
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th
    > .dxbl-btn-split
    > .dxbl-btn:not(.dxbl-btn-split-dropdown)
    > .dxbl-checkbox,
.dxbl-list-box.dxbl-list-box-checked
    > .dxbl-list-box-select-all-container
    > .dxbl-btn-split
    > .dxbl-btn:not(.dxbl-btn-split-dropdown)
    > .dxbl-checkbox,
.dxbl-list-box.dxbl-list-box-checked
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th
    > .dxbl-btn-split
    > .dxbl-btn:not(.dxbl-btn-split-dropdown)
    > .dxbl-checkbox {
    --dxbl-checkbox-padding: 0;
}
.dxbl-list-box-render-container.dxbl-list-box-checked
    > .dxbl-list-box-select-all-container
    > .dxbl-btn-split
    > .dxbl-btn.dxbl-btn-split-dropdown,
.dxbl-list-box-render-container.dxbl-list-box-checked
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th
    > .dxbl-btn-split
    > .dxbl-btn.dxbl-btn-split-dropdown,
.dxbl-list-box.dxbl-list-box-checked
    > .dxbl-list-box-select-all-container
    > .dxbl-btn-split
    > .dxbl-btn.dxbl-btn-split-dropdown,
.dxbl-list-box.dxbl-list-box-checked
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th
    > .dxbl-btn-split
    > .dxbl-btn.dxbl-btn-split-dropdown {
    --dxbl-btn-padding-x: 0;
    border-radius: 3rem !important;
}
.dxbl-list-box-render-container.dxbl-list-box-checked
    > .dxbl-list-box-select-all-container
    > .dxbl-btn-split
    > .dxbl-btn.dxbl-btn-split-dropdown:not(.dxbl-disabled):not(
        :disabled
    ):hover,
.dxbl-list-box-render-container.dxbl-list-box-checked
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th
    > .dxbl-btn-split
    > .dxbl-btn.dxbl-btn-split-dropdown:not(.dxbl-disabled):not(
        :disabled
    ):hover,
.dxbl-list-box.dxbl-list-box-checked
    > .dxbl-list-box-select-all-container
    > .dxbl-btn-split
    > .dxbl-btn.dxbl-btn-split-dropdown:not(.dxbl-disabled):not(
        :disabled
    ):hover,
.dxbl-list-box.dxbl-list-box-checked
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th
    > .dxbl-btn-split
    > .dxbl-btn.dxbl-btn-split-dropdown:not(.dxbl-disabled):not(
        :disabled
    ):hover {
    background-color: var(--DS-color-surface-neutral-default-hovered);
    color: var(--DS-color-content-neutral-default-hovered);
}
.dxbl-list-box {
    height: 200px;
    overflow-y: hidden;
}
.dxbl-list-box .dxbl-list-box-drop-target-indicator {
    position: absolute;
    z-index: 3;
    height: 2px;
    width: 100%;
}
.dxbl-list-box
    .dxbl-list-box-drop-target-indicator:not(.dxbl-disabled):not(
        :disabled
    ).dxbl-active {
    -webkit-box-shadow: var(--dxbl-list-box-item-drop-indicator-shadow);
    box-shadow: var(--dxbl-list-box-item-drop-indicator-shadow);
    pointer-events: none;
    -webkit-transition: -webkit-box-shadow 0.25s;
    transition: -webkit-box-shadow 0.25s;
    -o-transition: box-shadow 0.25s;
    transition: box-shadow 0.25s;
    transition:
        box-shadow 0.25s,
        -webkit-box-shadow 0.25s;
}
.dxbl-list-box-render-container {
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
}
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > li:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > div:not(.dxbl-list-box-empty-data-area-template-container),
.dxbl-list-box-render-container
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-list-box-empty-data-container
    > tbody
    > tr:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > td
    > div:not(.dxbl-list-box-empty-data-area-template-container) {
    padding: 1.5rem 0;
}
.dxbl-list-box-dragging-hint {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: move;
    visibility: hidden;
    z-index: 20000;
    pointer-events: none;
    background-color: var(--dxbl-list-box-item-drag-hint-bg);
    border-radius: var(--dxbl-list-box-item-drag-hint-border-radius);
    -webkit-box-shadow: var(--dxbl-list-box-item-drag-hint-shadow);
    box-shadow: var(--dxbl-list-box-item-drag-hint-shadow);
    padding: var(--dxbl-list-box-item-drag-hint-text-cell-padding-y)
        var(--dxbl-list-box-item-drag-hint-text-cell-padding-x);
    font-family: var(--dxbl-list-box-item-drag-hint-font-family);
    font-size: var(--dxbl-list-box-item-drag-hint-font-size);
    line-height: var(--dxbl-list-box-item-drag-hint-line-height);
}
.dxbl-list-box-move-cursor,
.dxbl-list-box-move-cursor *,
.dxbl-list-box-move-cursor a:hover {
    cursor: move !important;
}
.dxbl-list-box-not-allowed-cursor,
.dxbl-list-box-not-allowed-cursor *,
.dxbl-list-box-not-allowed-cursor a:hover {
    cursor: not-allowed !important;
}
.dxbl-list-box,
.dxbl-list-box-render-container {
    --dxbl-list-box-font-size: var(--dxbl-list-box-font-size-m);
    --dxbl-list-box-font-family: var(--dxbl-list-box-font-family-m);
    --dxbl-list-box-line-height: var(--dxbl-list-box-line-height-m);
    --dxbl-list-box-font-weight: var(--dxbl-list-box-font-weight-m);
    --dxbl-list-box-empty-data-font-size: var(
        --dxbl-list-box-empty-data-font-size-m
    );
    --dxbl-list-box-empty-data-font-family: var(
        --dxbl-list-box-empty-data-font-family-m
    );
    --dxbl-list-box-empty-data-line-height: var(
        --dxbl-list-box-empty-data-line-height-m
    );
    --dxbl-list-box-empty-data-font-weight: var(
        --dxbl-list-box-empty-data-font-weight-m
    );
    --dxbl-list-box-empty-data-icon-size: var(
        --dxbl-list-box-empty-data-icon-size-m
    );
    --dxbl-list-box-item-padding-x: var(--dxbl-list-box-item-padding-x-m);
    --dxbl-list-box-item-padding-y: var(--dxbl-list-box-item-padding-y-m);
    --dxbl-list-box-item-cell-padding-x: var(
        --dxbl-list-box-item-cell-padding-x-m
    );
    --dxbl-list-box-item-cell-padding-y: var(
        --dxbl-list-box-item-cell-padding-y-m
    );
    --dxbl-list-box-empty-item-padding-y: var(
        --dxbl-list-box-empty-item-padding-y-m
    );
    --dxbl-list-box-empty-item-padding-x: var(
        --dxbl-list-box-empty-item-padding-x-m
    );
    --dxbl-list-box-checkbox-check-element-padding: var(
        --dxbl-list-box-checkbox-check-element-padding-m
    );
    --dxbl-list-box-checkbox-check-element-checkbox-size: var(
        --dxbl-list-box-checkbox-check-element-checkbox-size-m
    );
    --dxbl-list-box-group-item-padding-x: var(
        --dxbl-list-box-group-item-padding-x-m
    );
    --dxbl-list-box-group-item-padding-y: var(
        --dxbl-list-box-group-item-padding-y-m
    );
    --dxbl-list-box-group-item-cell-padding-x: var(
        --dxbl-list-box-group-item-cell-padding-x-m
    );
    --dxbl-list-box-group-item-cell-padding-y: var(
        --dxbl-list-box-group-item-cell-padding-y-m
    );
    --dxbl-list-box-check-column-width: var(
        --dxbl-list-box-check-column-width-m
    );
    --dxbl-list-box-check-column-with-split-btn-width: var(
        --dxbl-list-box-check-column-with-split-btn-width-m
    );
    --dxbl-list-box-select-all-split-btn-padding-left: var(
        --dxbl-list-box-select-all-split-btn-padding-left-m
    );
    --dxbl-list-box-select-all-split-btn-padding-y: var(
        --dxbl-list-box-select-all-split-btn-padding-y-m
    );
    --dxbl-list-box-select-all-split-btn-inner-gap: var(
        --dxbl-list-box-select-all-split-btn-inner-gap-m
    );
}
.dxbl-list-box-render-container.dxbl-sm,
.dxbl-list-box.dxbl-sm {
    --dxbl-list-box-font-size: var(--dxbl-list-box-font-size-s);
    --dxbl-list-box-font-family: var(--dxbl-list-box-font-family-s);
    --dxbl-list-box-line-height: var(--dxbl-list-box-line-height-s);
    --dxbl-list-box-font-weight: var(--dxbl-list-box-font-weight-s);
    --dxbl-list-box-item-padding-x: var(--dxbl-list-box-item-padding-x-s);
    --dxbl-list-box-item-padding-y: var(--dxbl-list-box-item-padding-y-s);
    --dxbl-list-box-item-cell-padding-x: var(
        --dxbl-list-box-item-cell-padding-x-s
    );
    --dxbl-list-box-item-cell-padding-y: var(
        --dxbl-list-box-item-cell-padding-y-s
    );
    --dxbl-list-box-empty-item-padding-y: var(
        --dxbl-list-box-empty-item-padding-y-s
    );
    --dxbl-list-box-empty-item-padding-x: var(
        --dxbl-list-box-empty-item-padding-x-s
    );
    --dxbl-list-box-empty-data-font-size: var(
        --dxbl-list-box-empty-data-font-size-s
    );
    --dxbl-list-box-empty-data-font-family: var(
        --dxbl-list-box-empty-data-font-family-s
    );
    --dxbl-list-box-empty-data-line-height: var(
        --dxbl-list-box-empty-data-line-height-s
    );
    --dxbl-list-box-empty-data-font-weight: var(
        --dxbl-list-box-empty-data-font-weight-s
    );
    --dxbl-list-box-empty-data-icon-size: var(
        --dxbl-list-box-empty-data-icon-size-s
    );
    --dxbl-list-box-checkbox-check-element-padding: var(
        --dxbl-list-box-checkbox-check-element-padding-s
    );
    --dxbl-list-box-checkbox-check-element-checkbox-size: var(
        --dxbl-list-box-checkbox-check-element-checkbox-size-s
    );
    --dxbl-list-box-group-item-padding-x: var(
        --dxbl-list-box-group-item-padding-x-s
    );
    --dxbl-list-box-group-item-padding-y: var(
        --dxbl-list-box-group-item-padding-y-s
    );
    --dxbl-list-box-group-item-cell-padding-x: var(
        --dxbl-list-box-group-item-cell-padding-x-s
    );
    --dxbl-list-box-group-item-cell-padding-y: var(
        --dxbl-list-box-group-item-cell-padding-y-s
    );
    --dxbl-list-box-check-column-width: var(
        --dxbl-list-box-check-column-width-s
    );
    --dxbl-list-box-check-column-with-split-btn-width: var(
        --dxbl-list-box-check-column-with-split-btn-width-s
    );
    --dxbl-list-box-select-all-split-btn-padding-left: var(
        --dxbl-list-box-select-all-split-btn-padding-left-s
    );
    --dxbl-list-box-select-all-split-btn-padding-y: var(
        --dxbl-list-box-select-all-split-btn-padding-y-s
    );
    --dxbl-list-box-select-all-split-btn-inner-gap: var(
        --dxbl-list-box-select-all-split-btn-inner-gap-s
    );
}
.dxbl-list-box-render-container.dxbl-lg,
.dxbl-list-box.dxbl-lg {
    --dxbl-list-box-font-size: var(--dxbl-list-box-font-size-l);
    --dxbl-list-box-font-family: var(--dxbl-list-box-font-family-l);
    --dxbl-list-box-line-height: var(--dxbl-list-box-line-height-l);
    --dxbl-list-box-font-weight: var(--dxbl-list-box-font-weight-l);
    --dxbl-list-box-item-padding-x: var(--dxbl-list-box-item-padding-x-l);
    --dxbl-list-box-item-padding-y: var(--dxbl-list-box-item-padding-y-l);
    --dxbl-list-box-item-cell-padding-x: var(
        --dxbl-list-box-item-cell-padding-x-l
    );
    --dxbl-list-box-item-cell-padding-y: var(
        --dxbl-list-box-item-cell-padding-y-l
    );
    --dxbl-list-box-empty-item-padding-y: var(
        --dxbl-list-box-empty-item-padding-y-l
    );
    --dxbl-list-box-empty-item-padding-x: var(
        --dxbl-list-box-empty-item-padding-x-l
    );
    --dxbl-list-box-empty-data-font-size: var(
        --dxbl-list-box-empty-data-font-size-l
    );
    --dxbl-list-box-empty-data-font-family: var(
        --dxbl-list-box-empty-data-font-family-l
    );
    --dxbl-list-box-empty-data-line-height: var(
        --dxbl-list-box-empty-data-line-height-l
    );
    --dxbl-list-box-empty-data-font-weight: var(
        --dxbl-list-box-empty-data-font-weight-l
    );
    --dxbl-list-box-empty-data-icon-size: var(
        --dxbl-list-box-empty-data-icon-size-l
    );
    --dxbl-list-box-checkbox-check-element-padding: var(
        --dxbl-list-box-checkbox-check-element-padding-l
    );
    --dxbl-list-box-checkbox-check-element-checkbox-size: var(
        --dxbl-list-box-checkbox-check-element-checkbox-size-l
    );
    --dxbl-list-box-group-item-padding-x: var(
        --dxbl-list-box-group-item-padding-x-l
    );
    --dxbl-list-box-group-item-padding-y: var(
        --dxbl-list-box-group-item-padding-y-l
    );
    --dxbl-list-box-group-item-cell-padding-x: var(
        --dxbl-list-box-group-item-cell-padding-x-l
    );
    --dxbl-list-box-group-item-cell-padding-y: var(
        --dxbl-list-box-group-item-cell-padding-y-l
    );
    --dxbl-list-box-check-column-width: var(
        --dxbl-list-box-check-column-width-l
    );
    --dxbl-list-box-check-column-with-split-btn-width: var(
        --dxbl-list-box-check-column-with-split-btn-width-l
    );
    --dxbl-list-box-select-all-split-btn-padding-left: var(
        --dxbl-list-box-select-all-split-btn-padding-left-l
    );
    --dxbl-list-box-select-all-split-btn-padding-y: var(
        --dxbl-list-box-select-all-split-btn-padding-y-l
    );
    --dxbl-list-box-select-all-split-btn-inner-gap: var(
        --dxbl-list-box-select-all-split-btn-inner-gap-l
    );
}
.dxbl-list-box-render-container.dxbl-readonly,
.dxbl-list-box.dxbl-readonly {
    --dxbl-list-box-bg: var(--dxbl-list-box-readonly-bg, --dxbl-list-box-bg);
}
.dxbl-list-box-render-container.dxbl-disabled,
.dxbl-list-box.dxbl-disabled {
    --dxbl-list-box-bg: var(--dxbl-list-box-disabled-bg, --dxbl-list-box-bg);
    --dxbl-list-box-item-color: var(--dxbl-list-box-disabled-color);
    --dxbl-list-box-item-selected-bg: var(
        --dxbl-list-box-item-selected-disabled-bg
    );
}
.dxbl-list-box-render-container.valid.modified:not([type="checkbox"]),
.dxbl-list-box.valid.modified:not([type="checkbox"]) {
    --dxbl-list-box-border-color: var(--dxbl-list-box-validation-valid-color);
    outline: 0;
}
.dxbl-list-box-render-container.invalid,
.dxbl-list-box.invalid {
    --dxbl-list-box-border-color: var(--dxbl-list-box-validation-invalid-color);
    outline: 0;
}
.dxbl-list-box-render-container:not(.dxbl-disabled):not(:disabled):not(
        .dxbl-readonly
    )
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > :not(.dxbl-list-box-empty-data-container)
    > li:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not(.dxbl-list-box-group-item):not(.dxbl-list-box-item-disabled):not(
        .dxbl-list-box-empty-list-item
    ),
.dxbl-list-box-render-container:not(.dxbl-disabled):not(:disabled):not(
        .dxbl-readonly
    )
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > :not(.dxbl-list-box-empty-data-container)
    > tbody
    > tr:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not(.dxbl-list-box-group-item):not(.dxbl-list-box-item-disabled):not(
        .dxbl-list-box-empty-list-item
    ),
.dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly)
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > :not(.dxbl-list-box-empty-data-container)
    > li:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not(.dxbl-list-box-group-item):not(.dxbl-list-box-item-disabled):not(
        .dxbl-list-box-empty-list-item
    ),
.dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly)
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > :not(.dxbl-list-box-empty-data-container)
    > tbody
    > tr:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not(.dxbl-list-box-group-item):not(.dxbl-list-box-item-disabled):not(
        .dxbl-list-box-empty-list-item
    ) {
    cursor: pointer;
    pointer-events: auto;
}
.dxbl-list-box-render-container:not(.dxbl-disabled):not(:disabled):not(
        .dxbl-readonly
    )
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > :not(.dxbl-list-box-empty-data-container)
    > li:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not(.dxbl-list-box-group-item):not(.dxbl-list-box-item-disabled):not(
        .dxbl-list-box-empty-list-item
    ):hover,
.dxbl-list-box-render-container:not(.dxbl-disabled):not(:disabled):not(
        .dxbl-readonly
    )
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > :not(.dxbl-list-box-empty-data-container)
    > tbody
    > tr:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not(.dxbl-list-box-group-item):not(.dxbl-list-box-item-disabled):not(
        .dxbl-list-box-empty-list-item
    ):hover,
.dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly)
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > :not(.dxbl-list-box-empty-data-container)
    > li:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not(.dxbl-list-box-group-item):not(.dxbl-list-box-item-disabled):not(
        .dxbl-list-box-empty-list-item
    ):hover,
.dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly)
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > :not(.dxbl-list-box-empty-data-container)
    > tbody
    > tr:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not(.dxbl-list-box-group-item):not(.dxbl-list-box-item-disabled):not(
        .dxbl-list-box-empty-list-item
    ):hover {
    --dxbl-list-box-item-bg: var(--dxbl-list-box-item-hover-bg);
    --dxbl-list-box-item-color: var(--dxbl-list-box-item-hover-color);
}
.dxbl-list-box-render-container:not(.dxbl-disabled):not(:disabled):not(
        .dxbl-readonly
    )
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > :not(.dxbl-list-box-empty-data-container)
    > thead
    > .dxbl-list-box-table-header-row
    > .dxbl-list-box-selection-cell,
.dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly)
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > :not(.dxbl-list-box-empty-data-container)
    > thead
    > .dxbl-list-box-table-header-row
    > .dxbl-list-box-selection-cell {
    cursor: pointer;
}
.dxbl-list-box-render-container:not(.dxbl-disabled):not(:disabled):not(
        .dxbl-readonly
    ).dxbl-list-box-multi-select
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > :not(.dxbl-list-box-empty-data-container)
    > li:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not(.dxbl-list-box-group-item):not(.dxbl-list-box-item-disabled):not(
        .dxbl-list-box-empty-list-item
    ).dxbl-list-box-item-selected:hover,
.dxbl-list-box-render-container:not(.dxbl-disabled):not(:disabled):not(
        .dxbl-readonly
    ).dxbl-list-box-multi-select
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > :not(.dxbl-list-box-empty-data-container)
    > tbody
    > tr:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not(.dxbl-list-box-group-item):not(.dxbl-list-box-item-disabled):not(
        .dxbl-list-box-empty-list-item
    ).dxbl-list-box-item-selected:hover,
.dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(
        .dxbl-readonly
    ).dxbl-list-box-multi-select
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > :not(.dxbl-list-box-empty-data-container)
    > li:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not(.dxbl-list-box-group-item):not(.dxbl-list-box-item-disabled):not(
        .dxbl-list-box-empty-list-item
    ).dxbl-list-box-item-selected:hover,
.dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(
        .dxbl-readonly
    ).dxbl-list-box-multi-select
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > :not(.dxbl-list-box-empty-data-container)
    > tbody
    > tr:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not(.dxbl-list-box-group-item):not(.dxbl-list-box-item-disabled):not(
        .dxbl-list-box-empty-list-item
    ).dxbl-list-box-item-selected:hover {
    --dxbl-list-box-item-bg: var(--dxbl-list-box-item-multi-selected-hover-bg);
    --dxbl-list-box-item-color: var(
        --dxbl-list-box-item-multi-selected-hover-color
    );
}
.dxbl-list-box-render-container:not(.dxbl-disabled):not(:disabled):not(
        .dxbl-readonly
    ):not(.dxbl-list-box-multi-select)
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > :not(.dxbl-list-box-empty-data-container)
    > li:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not(.dxbl-list-box-group-item):not(.dxbl-list-box-item-disabled):not(
        .dxbl-list-box-empty-list-item
    ).dxbl-list-box-item-selected:hover,
.dxbl-list-box-render-container:not(.dxbl-disabled):not(:disabled):not(
        .dxbl-readonly
    ):not(.dxbl-list-box-multi-select)
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > :not(.dxbl-list-box-empty-data-container)
    > tbody
    > tr:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not(.dxbl-list-box-group-item):not(.dxbl-list-box-item-disabled):not(
        .dxbl-list-box-empty-list-item
    ).dxbl-list-box-item-selected:hover,
.dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):not(
        .dxbl-list-box-multi-select
    )
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > :not(.dxbl-list-box-empty-data-container)
    > li:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not(.dxbl-list-box-group-item):not(.dxbl-list-box-item-disabled):not(
        .dxbl-list-box-empty-list-item
    ).dxbl-list-box-item-selected:hover,
.dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):not(
        .dxbl-list-box-multi-select
    )
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > :not(.dxbl-list-box-empty-data-container)
    > tbody
    > tr:not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    ):not(.dxbl-list-box-group-item):not(.dxbl-list-box-item-disabled):not(
        .dxbl-list-box-empty-list-item
    ).dxbl-list-box-item-selected:hover {
    --dxbl-list-box-item-bg: var(--dxbl-list-box-item-selected-hover-bg);
    --dxbl-list-box-item-color: var(--dxbl-list-box-item-selected-hover-color);
}
.dxbl-list-box-render-container:not(.dxbl-disabled):not(:disabled):not(
        .dxbl-readonly
    )
    > .dxbl-list-box-select-all-container,
.dxbl-list-box:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly)
    > .dxbl-list-box-select-all-container {
    cursor: pointer;
}
.dxbl-list-box-dragging-hint {
    --dxbl-list-box-item-drag-hint-font-family: var(
        --dxbl-list-box-item-drag-hint-font-family-m
    );
    --dxbl-list-box-item-drag-hint-font-size: var(
        --dxbl-list-box-item-drag-hint-font-size-m
    );
    --dxbl-list-box-item-drag-hint-line-height: var(
        --dxbl-list-box-item-drag-hint-line-height-m
    );
    --dxbl-list-box-item-drag-hint-text-cell-padding-x: var(
        --dxbl-list-box-item-drag-hint-text-cell-padding-x-m
    );
    --dxbl-list-box-item-drag-hint-text-cell-padding-y: var(
        --dxbl-list-box-item-drag-hint-text-cell-padding-y-m
    );
}
.dxbl-list-box-dragging-hint.dxbl-sm {
    --dxbl-list-box-item-drag-hint-font-family: var(
        --dxbl-list-box-item-drag-hint-font-family-s
    );
    --dxbl-list-box-item-drag-hint-font-size: var(
        --dxbl-list-box-item-drag-hint-font-size-s
    );
    --dxbl-list-box-item-drag-hint-line-height: var(
        --dxbl-list-box-item-drag-hint-line-height-s
    );
    --dxbl-list-box-item-drag-hint-text-cell-padding-x: var(
        --dxbl-list-box-item-drag-hint-text-cell-padding-x-s
    );
    --dxbl-list-box-item-drag-hint-text-cell-padding-y: var(
        --dxbl-list-box-item-drag-hint-text-cell-padding-y-s
    );
}
.dxbl-list-box-dragging-hint.dxbl-lg {
    --dxbl-list-box-item-drag-hint-font-family: var(
        --dxbl-list-box-item-drag-hint-font-family-l
    );
    --dxbl-list-box-item-drag-hint-font-size: var(
        --dxbl-list-box-item-drag-hint-font-size-l
    );
    --dxbl-list-box-item-drag-hint-line-height: var(
        --dxbl-list-box-item-drag-hint-line-height-l
    );
    --dxbl-list-box-item-drag-hint-text-cell-padding-x: var(
        --dxbl-list-box-item-drag-hint-text-cell-padding-x-l
    );
    --dxbl-list-box-item-drag-hint-text-cell-padding-y: var(
        --dxbl-list-box-item-drag-hint-text-cell-padding-y-l
    );
}
.dxbl-calendar {
    --dxbl-calendar-font-family: var(--DS-font-family-sans-serif);
    --dxbl-calendar-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-calendar-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-calendar-border-color: var(--DS-color-border-neutral-default-rest);
    --dxbl-calendar-border-style: none;
    --dxbl-calendar-border-width: var(--DS-border-width-0);
    --dxbl-calendar-border-radius: var(--DS-border-radius-60);
    --dxbl-calendar-btn-disabled-color: var(
        --DS-color-content-neutral-subdued-disabled
    );
    --dxbl-calendar-header-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-calendar-header-color: var(--DS-color-content-neutral-subdued-rest);
    --dxbl-calendar-header-btn-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-calendar-header-btn-hover-color: var(
        --DS-color-content-neutral-default-hovered
    );
    --dxbl-calendar-header-btn-pressed-color: var(
        --DS-color-content-neutral-default-pressed
    );
    --dxbl-calendar-header-btn-hover-bg: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxbl-calendar-header-btn-pressed-bg: var(
        --DS-color-surface-neutral-default-pressed
    );
    --dxbl-calendar-header-btn-hover-border-color: var(
        --DS-color-border-neutral-default-hovered
    );
    --dxbl-calendar-header-btn-pressed-border-color: var(
        --DS-color-border-neutral-default-pressed
    );
    --dxbl-calendar-header-btn-disabled-color: var(
        --DS-color-content-neutral-default-disabled
    );
    --dxbl-calendar-header-padding-bottom: var(--DS-sizing-0);
    --dxbl-calendar-header-border-bottom: var(--DS-border-width-0);
    --dxbl-calendar-footer-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-calendar-footer-color: var(--DS-color-content-neutral-subdued-rest);
    --dxbl-calendar-footer-btn-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-calendar-footer-btn-hover-color: var(
        --DS-color-content-neutral-subdued-hovered
    );
    --dxbl-calendar-footer-border-top: var(--DS-border-width-0);
    --dxbl-calendar-content-days-of-week-text-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-calendar-content-days-of-week-padding-x: var(--DS-sizing-0);
    --dxbl-calendar-content-day-week-number-text-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-calendar-content-cell-padding: var(--DS-sizing-20);
    --dxbl-calendar-day-view-border-spacing: var(--DS-sizing-0);
    --dxbl-calendar-today-border-color: var(
        --DS-color-border-primary-default-rest
    );
    --dxbl-calendar-today-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-calendar-today-text-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-calendar-today-text-hover-color: var(
        --DS-color-content-neutral-static-inverted-hovered
    );
    --dxbl-calendar-item-default-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-calendar-item-default-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-calendar-item-text-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-calendar-item-disabled-bg: var(
        --DS-color-surface-neutral-muted-disabled
    );
    --dxbl-calendar-item-disabled-border-color: var(
        --DS-color-border-neutral-muted-disabled
    );
    --dxbl-calendar-item-disabled-color: var(
        --DS-color-content-neutral-default-disabled
    );
    --dxbl-calendar-item-disabled-cursor: default;
    --dxbl-calendar-item-selected-bg: var(
        --DS-color-surface-primary-default-rest
    );
    --dxbl-calendar-item-selected-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-calendar-item-selected-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-calendar-item-hover-bg: var(--DS-color-surface-primary-static-rest);
    --dxbl-calendar-item-hover-border-color: var(
        --DS-color-border-neutral-muted-hovered
    );
    --dxbl-calendar-item-hover-color: var(
        --DS-color-content-neutral-static-inverted-hovered
    );
    --dxbl-calendar-item-selected-hover-bg: var(
        --DS-color-surface-primary-static-rest
    );
    --dxbl-calendar-item-selected-hover-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-calendar-item-selected-hover-color: var(
        --DS-color-content-neutral-static-inverted-hovered
    );
    --dxbl-calendar-item-selected-range-bg: var(
        --DS-color-surface-primary-static-selected
    );
    --dxbl-calendar-item-selected-range-border-radius-default: var(
        --DS-border-radius-0
    );
    --dxbl-calendar-item-selected-range-first-border-radius: var(
            --DS-border-radius-40
        )
        0 0 var(--DS-border-radius-40);
    --dxbl-calendar-item-selected-range-last-border-radius: 0
        var(--DS-border-radius-40) var(--DS-border-radius-40) 0;
    --dxbl-calendar-item-selected-range-first-and-last-border-radius: var(
        --DS-border-radius-40
    );
    --dxbl-calendar-item-selected-range-middle-bg: var(
        --DS-color-surface-primary-static-selected
    );
    --dxbl-calendar-item-selected-range-middle-color: var(
        --DS-color-content-neutral-static-inverted-rest
    );
    --dxbl-calendar-item-selected-range-middle-prev-next-month-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-calendar-item-selected-range-middle-prev-next-month-color-hover: var(
        --DS-color-content-neutral-static-inverted-rest
    );
    --dxbl-calendar-item-selected-range-middle-prev-next-month-bg: var(
        --DS-color-surface-neutral-subdued-rest
    );
    --dxbl-calendar-item-focus-outline-color: var(
        --DS-color-theme-builder-focus
    );
    --dxbl-calendar-item-focus-outline-offset: calc(
        var(--DS-border-width-10) * -1
    );
    --dxbl-calendar-item-focus-outline-size: var(--DS-border-width-20);
    --dxbl-calendar-item-prev-next-month-bg: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-calendar-item-prev-next-month-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-calendar-item-prev-next-month-color: var(
        --DS-color-content-neutral-deep-rest
    );
    --dxbl-calendar-item-prev-next-month-hover-color: var(
        --DS-color-content-neutral-static-inverted-hovered
    );
    --dxbl-calendar-item-selected-prev-next-month-bg: var(
        --DS-color-surface-neutral-subdued-hovered
    );
    --dxbl-calendar-item-selected-prev-next-month-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-calendar-item-selected-prev-next-month-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-calendar-item-selected-prev-next-month-hover-color: var(
        --DS-color-content-neutral-static-inverted-hovered
    );
    --dxbl-calendar-item-border-radius: var(--DS-border-radius-40);
    --dxbl-calendar-item-border-style: solid;
    --dxbl-calendar-item-border-width: var(--DS-border-width-10);
    --dxbl-calendar-mounth-year-default-border-radius: var(
        --DS-border-radius-40
    );
    --dxbl-calendar-mounth-year-default-bg: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-calendar-mounth-year-default-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-calendar-mounth-year-selection-bg: var(
        --DS-color-surface-primary-default-rest
    );
    --dxbl-calendar-mounth-year-selection-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-calendar-mounth-year-hover-bg: var(
        --DS-color-surface-primary-static-rest
    );
    --dxbl-calendar-mounth-year-hover-color: var(
        --DS-color-content-neutral-static-inverted-hovered
    );
    --dxbl-calendar-mounth-year-hover-border-radius: var(--DS-border-radius-40);
    --dxbl-calendar-mounth-year-disabled-bg: var(
        --DS-color-surface-neutral-muted-disabled
    );
    --dxbl-calendar-mounth-year-disabled-color: var(
        --DS-color-content-neutral-default-disabled
    );
    --dxbl-calendar-mounth-year-disabled-border-color: var(
        --DS-color-border-neutral-muted-disabled
    );
    --dxbl-calendar-mounth-year-disabled-cursor: default;
    --dxbl-calendar-validation-valid-color: var(
        --DS-color-border-success-subdued-rest
    );
    --dxbl-calendar-validation-invalid-color: var(
        --DS-color-content-danger-default-rest
    );
    --dxbl-calendar-day-item-heigh-s: 1.75rem;
    --dxbl-calendar-day-item-heigh-m: 2.25rem;
    --dxbl-calendar-day-item-heigh-l: 2.75rem;
    --dxbl-calendar-day-item-width-s: 1.75rem;
    --dxbl-calendar-day-item-width-m: 2.25rem;
    --dxbl-calendar-day-item-width-l: 2.75rem;
    --dxbl-calendar-mounth-year-item-heigh-s: 3.41rem;
    --dxbl-calendar-mounth-year-item-heigh-m: 4.25rem;
    --dxbl-calendar-mounth-year-item-heigh-l: 5.09rem;
    --dxbl-calendar-mounth-year-item-width-s: 2.875rem;
    --dxbl-calendar-mounth-year-item-width-m: 3.563rem;
    --dxbl-calendar-mounth-year-item-width-l: 4.25rem;
    --dxbl-calendar-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-calendar-font-size-m: var(--DS-font-size-body-1);
    --dxbl-calendar-font-size-l: var(--DS-font-size-body-2);
    --dxbl-calendar-line-height-s: var(--DS-sizing-120);
    --dxbl-calendar-line-height-m: var(--DS-sizing-140);
    --dxbl-calendar-line-height-l: var(--DS-sizing-160);
    --dxbl-calendar-footer-padding-x-s: var(--DS-sizing-80);
    --dxbl-calendar-footer-padding-x-m: var(--DS-sizing-100);
    --dxbl-calendar-footer-padding-x-l: var(--DS-sizing-120);
    --dxbl-calendar-content-cell-min-width-s: var(--DS-sizing-160);
    --dxbl-calendar-content-cell-min-width-m: var(--DS-sizing-200);
    --dxbl-calendar-content-cell-min-width-l: var(--DS-sizing-240);
    --dxbl-calendar-content-cell-inner-box-padding-x-s: var(--DS-sizing-30);
    --dxbl-calendar-content-cell-inner-box-padding-x-m: var(--DS-sizing-60);
    --dxbl-calendar-content-cell-inner-box-padding-x-l: var(--DS-sizing-80);
    --dxbl-calendar-content-cell-inner-box-padding-y-s: var(--DS-sizing-40);
    --dxbl-calendar-content-cell-inner-box-padding-y-m: calc(
        var(--DS-sizing-60) + var(--DS-sizing-10)
    );
    --dxbl-calendar-content-cell-inner-box-padding-y-l: calc(
        var(--DS-sizing-80) + var(--DS-sizing-10)
    );
    --dxbl-calendar-content-week-number-padding-x-s: var(--DS-sizing-60);
    --dxbl-calendar-content-week-number-padding-x-m: calc(
        var(--DS-sizing-80) + var(--DS-sizing-10)
    );
    --dxbl-calendar-content-week-number-padding-x-l: calc(
        var(--DS-sizing-100) + var(--DS-sizing-10)
    );
    --dxbl-calendar-content-week-number-padding-y-s: var(--DS-sizing-60);
    --dxbl-calendar-content-week-number-padding-y-m: calc(
        var(--DS-sizing-80) + var(--DS-sizing-10)
    );
    --dxbl-calendar-content-week-number-padding-y-l: calc(
        var(--DS-sizing-100) + var(--DS-sizing-10)
    );
    --dxbl-calendar-content-days-of-week-padding-y-s: calc(
        var(--DS-sizing-40) + var(--DS-sizing-10)
    );
    --dxbl-calendar-content-days-of-week-padding-y-m: var(--DS-sizing-80);
    --dxbl-calendar-content-days-of-week-padding-y-l: calc(
        var(--DS-sizing-80) + var(--DS-sizing-10)
    );
    --dxbl-calendar-header-padding-top-s: var(--DS-sizing-80);
    --dxbl-calendar-header-padding-top-m: var(--DS-sizing-100);
    --dxbl-calendar-header-padding-top-l: var(--DS-sizing-120);
    --dxbl-calendar-header-padding-x-s: var(--DS-sizing-80);
    --dxbl-calendar-header-padding-x-m: var(--DS-sizing-100);
    --dxbl-calendar-header-padding-x-l: var(--DS-sizing-120);
    --dxbl-calendar-content-padding-top-s: var(--DS-sizing-40);
    --dxbl-calendar-content-padding-top-m: var(--DS-sizing-60);
    --dxbl-calendar-content-padding-top-l: var(--DS-sizing-80);
    --dxbl-calendar-content-padding-bottom-s: var(--DS-sizing-80);
    --dxbl-calendar-content-padding-bottom-m: var(--DS-sizing-120);
    --dxbl-calendar-content-padding-bottom-l: var(--DS-sizing-160);
    --dxbl-calendar-content-padding-x-s: var(--DS-sizing-80);
    --dxbl-calendar-content-padding-x-m: var(--DS-sizing-120);
    --dxbl-calendar-content-padding-x-l: var(--DS-sizing-160);
    --dxbl-calendar-footer-btn-spacing-s: var(--DS-sizing-80);
    --dxbl-calendar-footer-btn-spacing-m: var(--DS-sizing-100);
    --dxbl-calendar-footer-btn-spacing-l: var(--DS-sizing-120);
    --dxbl-calendar-footer-padding-top-s: var(--DS-sizing-30);
    --dxbl-calendar-footer-padding-top-m: var(--DS-sizing-0);
    --dxbl-calendar-footer-padding-top-l: var(--DS-sizing-0);
    --dxbl-calendar-footer-padding-bottom-s: var(--DS-sizing-80);
    --dxbl-calendar-footer-padding-bottom-m: var(--DS-sizing-100);
    --dxbl-calendar-footer-padding-bottom-l: var(--DS-sizing-120);
    --dxbl-calendar-view-border-spacing-s: var(--DS-sizing-80);
    --dxbl-calendar-view-border-spacing-m: var(--DS-sizing-120);
    --dxbl-calendar-view-border-spacing-l: var(--DS-sizing-160);
    --dxbl-calendar-btn-padding-s: var(--DS-sizing-40);
    --dxbl-calendar-btn-padding-m: var(--DS-sizing-60);
    --dxbl-calendar-btn-padding-l: var(--DS-sizing-80);
}
.dxbl-calendar {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: var(--dxbl-calendar-font-family);
    font-size: var(--dxbl-calendar-font-size);
    line-height: var(--dxbl-calendar-line-height);
    background-color: var(--dxbl-calendar-bg);
    border: var(--dxbl-calendar-border-width) var(--dxbl-calendar-border-style)
        var(--dxbl-calendar-border-color);
    border-radius: var(--dxbl-calendar-border-radius);
    color: var(--dxbl-calendar-color);
    position: relative;
    z-index: 0;
}
.dxbl-calendar .dxbl-calendar-header {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: var(--dxbl-calendar-header-padding-top)
        var(--dxbl-calendar-header-padding-x)
        var(--dxbl-calendar-header-padding-bottom);
    border-bottom: var(--dxbl-calendar-header-border-bottom);
}
.dxbl-calendar .dxbl-calendar-header .dxbl-btn {
    --dxbl-btn-font-family: var(--dxbl-calendar-font-family);
    --dxbl-btn-font-size: var(--dxbl-calendar-font-size);
    --dxbl-btn-line-height: var(--dxbl-calendar-line-height);
    --dxbl-btn-color: var(--dxbl-calendar-header-btn-color);
    --dxbl-btn-border-width: var(--DS-border-width-0);
    --dxbl-btn-focus-outline-color: var(
        --dxbl-calendar-item-focus-outline-color
    );
    --dxbl-btn-focus-outline-size: var(--dxbl-calendar-item-focus-outline-size);
    --dxbl-btn-padding-y: var(--dxbl-calendar-btn-padding);
    --dxbl-btn-hover-bg: var(--dxbl-calendar-header-btn-hover-bg);
    --dxbl-btn-hover-color: var(--dxbl-calendar-header-btn-hover-color);
    --dxbl-btn-hover-border-color: var(
        --dxbl-calendar-header-btn-hover-border-color
    );
    --dxbl-btn-pressed-bg: var(--dxbl-calendar-header-btn-pressed-bg);
    --dxbl-btn-pressed-color: var(--dxbl-calendar-header-btn-pressed-color);
    --dxbl-btn-pressed-border-color: var(
        --dxbl-calendar-header-btn-pressed-border-color
    );
}
.dxbl-calendar .dxbl-calendar-header .dxbl-btn.dxbl-calendar-header-title-btn {
    --dxbl-btn-color: var(--dxbl-calendar-header-btn-color);
    --dxbl-btn-hover-color: var(--dxbl-calendar-header-btn-color);
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap;
}
.dxbl-calendar
    .dxbl-calendar-header
    .dxbl-btn.dxbl-calendar-header-next-month-btn,
.dxbl-calendar
    .dxbl-calendar-header
    .dxbl-btn.dxbl-calendar-header-next-year-btn,
.dxbl-calendar
    .dxbl-calendar-header
    .dxbl-btn.dxbl-calendar-header-previous-month-btn,
.dxbl-calendar
    .dxbl-calendar-header
    .dxbl-btn.dxbl-calendar-header-previous-year-btn {
    --dxbl-btn-padding-x: var(--dxbl-calendar-btn-padding);
}
.dxbl-calendar .dxbl-calendar-header .dxbl-btn.dxbl-disabled {
    --dxbl-btn-color: var(--dxbl-calendar-header-btn-disabled-color);
}
.dxbl-calendar
    .dxbl-calendar-header
    .dxbl-btn:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):hover {
    background-color: var(--dxbl-btn-hover-bg);
    border-color: var(--dxbl-btn-hover-border-color);
    color: var(--dxbl-btn-hover-color);
}
.dxbl-calendar
    .dxbl-calendar-header
    .dxbl-btn:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):active {
    background-color: var(--dxbl-btn-pressed-bg);
    border-color: var(--dxbl-btn-pressed-border-color);
    color: var(--dxbl-btn-pressed-color);
}
.dxbl-calendar .dxbl-calendar-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: var(--dxbl-calendar-content-padding-top)
        var(--dxbl-calendar-content-padding-x)
        var(--dxbl-calendar-content-padding-bottom);
}
.dxbl-calendar .dxbl-calendar-content > table {
    border-collapse: separate;
    border-spacing: var(--dxbl-calendar-view-border-spacing);
}
.dxbl-calendar .dxbl-calendar-content[view="0"] > table {
    --dxbl-calendar-view-border-spacing: var(
        --dxbl-calendar-day-view-border-spacing
    );
}
.dxbl-calendar .dxbl-calendar-content[view="0"] > table > tbody > tr > th {
    padding: var(--dxbl-calendar-content-days-of-week-padding-y)
        var(--dxbl-calendar-content-days-of-week-padding-x);
}
.dxbl-calendar .dxbl-calendar-content[view="0"] > table > tbody > tr > td {
    width: var(--dxbl-calendar-day-item-width);
    min-width: var(--dxbl-calendar-day-item-width);
    height: var(--dxbl-calendar-day-item-heigh);
    padding: 2px;
}
.dxbl-calendar .dxbl-calendar-content[view="0"] > table > tbody > tr > td > a {
    height: 100%;
    padding: var(--dxbl-calendar-content-cell-inner-box-padding-y)
        var(--dxbl-calendar-content-cell-inner-box-padding-x);
}
.dxbl-calendar
    .dxbl-calendar-content[view="0"]
    > table
    > tbody
    > tr
    > td:first-child {
    padding: var(--dxbl-calendar-content-week-number-padding-y)
        var(--dxbl-calendar-content-week-number-padding-x);
}
.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-days-of-week > th {
    text-align: center;
    font-weight: inherit;
    font-size: var(--dxbl-calendar-content-days-of-week-font-size);
    color: var(--dxbl-calendar-content-days-of-week-text-color);
}
.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-week-number {
    font-size: var(--dxbl-calendar-content-day-week-number-font-size);
    color: var(--dxbl-calendar-content-day-week-number-text-color);
    border-right-width: var(--DS-border-width-10);
    border-right-color: var(--dxbl-calendar-border-color);
}
.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-century-row,
.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-decade-row,
.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-week-row,
.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-year-row {
    text-align: center;
}
.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-century-row > td,
.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-decade-row > td,
.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-year-row > td {
    width: var(--dxbl-calendar-mounth-year-item-width);
    min-width: var(--dxbl-calendar-mounth-year-item-width);
    height: var(--dxbl-calendar-mounth-year-item-heigh);
    border-radius: var(--dxbl-calendar-mounth-year-default-border-radius);
    background-color: var(--dxbl-calendar-mounth-year-default-bg);
    color: var(--dxbl-calendar-mounth-year-default-color);
}
.dxbl-calendar
    .dxbl-calendar-content
    .dxbl-calendar-century-row
    > td.dxbl-calendar-selected-item,
.dxbl-calendar
    .dxbl-calendar-content
    .dxbl-calendar-decade-row
    > td.dxbl-calendar-selected-item,
.dxbl-calendar
    .dxbl-calendar-content
    .dxbl-calendar-year-row
    > td.dxbl-calendar-selected-item {
    --dxbl-calendar-mounth-year-default-bg: var(
        --dxbl-calendar-mounth-year-selection-bg
    );
    --dxbl-calendar-mounth-year-default-color: var(
        --dxbl-calendar-mounth-year-selection-color
    );
}
.dxbl-calendar
    .dxbl-calendar-content
    .dxbl-calendar-century-row
    > td.dxbl-calendar-disabled-item,
.dxbl-calendar
    .dxbl-calendar-content
    .dxbl-calendar-decade-row
    > td.dxbl-calendar-disabled-item,
.dxbl-calendar
    .dxbl-calendar-content
    .dxbl-calendar-year-row
    > td.dxbl-calendar-disabled-item {
    background-color: var(--dxbl-calendar-mounth-year-disabled-bg);
    color: var(--dxbl-calendar-mounth-year-disabled-color);
    border-color: var(--dxbl-calendar-mounth-year-disabled-border-color);
    cursor: var(--dxbl-calendar-mounth-year-disabled-cursor);
}
.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-day > a {
    border: var(--dxbl-calendar-item-border-width)
        var(--dxbl-calendar-item-border-style) transparent;
    border-radius: var(--dxbl-calendar-item-border-radius);
    color: var(--dxbl-calendar-item-text-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.dxbl-calendar
    .dxbl-calendar-content
    .dxbl-calendar-day.dxbl-calendar-today
    > a {
    border-color: var(--dxbl-calendar-today-border-color);
    color: var(--dxbl-calendar-today-text-color);
    background-color: var(--dxbl-calendar-today-bg);
}
.dxbl-calendar
    .dxbl-calendar-content
    .dxbl-calendar-day.dxbl-calendar-selected-item
    > a,
.dxbl-calendar
    .dxbl-calendar-content
    .dxbl-calendar-day.dxbl-calendar-selected-range
    > a {
    background-color: var(--dxbl-calendar-item-selected-bg);
    color: var(--dxbl-calendar-item-selected-color);
}
.dxbl-calendar
    .dxbl-calendar-content
    .dxbl-calendar-day.dxbl-calendar-selected-item[data-selected]:not(
        .dxbl-calendar-today
    )
    > a,
.dxbl-calendar
    .dxbl-calendar-content
    .dxbl-calendar-day.dxbl-calendar-selected-range:not(.dxbl-calendar-today)
    > a {
    border-color: var(--dxbl-calendar-item-selected-border-color);
}
.dxbl-calendar
    .dxbl-calendar-content
    .dxbl-calendar-day.dxbl-calendar-disabled-item
    > a {
    background-color: var(--dxbl-calendar-item-disabled-bg);
    color: var(--dxbl-calendar-item-disabled-color);
    border-color: var(--dxbl-calendar-item-disabled-border-color);
    cursor: var(--dxbl-calendar-item-disabled-cursor);
}
.dxbl-calendar
    .dxbl-calendar-content
    .dxbl-calendar-day.dxbl-calendar-not-current-view
    > a {
    background-color: var(--dxbl-calendar-item-prev-next-month-bg);
    color: var(--dxbl-calendar-item-prev-next-month-color);
    border-color: var(--dxbl-calendar-item-prev-next-month-border-color);
}
.dxbl-calendar
    .dxbl-calendar-content
    .dxbl-calendar-day.dxbl-calendar-not-current-view.dxbl-calendar-selected-item
    > a {
    background-color: var(--dxbl-calendar-item-selected-prev-next-month-bg);
    color: var(--dxbl-calendar-item-selected-prev-next-month-color);
    border-color: var(
        --dxbl-calendar-item-selected-prev-next-month-border-color
    );
}
.dxbl-calendar div.dxbl-calendar-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: var(--dxbl-calendar-footer-padding-top)
        var(--dxbl-calendar-footer-padding-x)
        var(--dxbl-calendar-footer-padding-bottom);
    border-top: var(--dxbl-calendar-footer-border-top);
}
.dxbl-calendar div.dxbl-calendar-footer .dxbl-btn {
    --dxbl-btn-padding-y: var(--dxbl-calendar-btn-padding);
    --dxbl-btn-border-width: var(--DS-border-width-0);
    --dxbl-btn-focus-outline-color: var(
        --dxbl-calendar-item-focus-outline-color
    );
    --dxbl-btn-focus-outline-size: var(--dxbl-calendar-item-focus-outline-size);
}
.dxbl-calendar div.dxbl-calendar-footer .dxbl-btn + .dxbl-btn {
    margin-left: var(--dxbl-calendar-footer-btn-spacing);
}
.dxbl-calendar:not(.dxbl-disabled):not(:disabled)
    .dxbl-calendar-content
    > table
    > tbody
    > tr:not(.dxbl-calendar-days-of-week)
    td:not(.dxbl-calendar-disabled-item):not(.dxbl-calendar-week-number) {
    cursor: pointer;
}
.dxbl-calendar:not(.dxbl-disabled):not(:disabled)
    .dxbl-calendar-content
    > table
    > tbody
    > tr:not(.dxbl-calendar-days-of-week)
    td:not(.dxbl-calendar-disabled-item):not(.dxbl-calendar-week-number):not(
        .dxbl-disabled
    ):not(:disabled)
    > a:hover {
    --dxbl-calendar-item-selected-bg: var(--dxbl-calendar-item-hover-bg);
    --dxbl-calendar-item-prev-next-month-bg: var(--dxbl-calendar-item-hover-bg);
    --dxbl-calendar-item-text-color: var(--dxbl-calendar-item-hover-color);
    --dxbl-calendar-item-selected-color: var(
        --dxbl-calendar-item-selected-hover-color
    );
    --dxbl-calendar-today-text-color: var(
        --dxbl-calendar-today-text-hover-color
    );
    --dxbl-calendar-item-prev-next-month-color: var(
        --dxbl-calendar-item-prev-next-month-hover-color
    );
    --dxbl-calendar-item-selected-prev-next-month-color: var(
        --dxbl-calendar-item-selected-prev-next-month-hover-color
    );
    background-color: var(--dxbl-calendar-item-hover-bg);
    border-radius: var(--dxbl-calendar-item-border-radius);
}
.dxbl-calendar:not(.dxbl-disabled):not(:disabled)
    .dxbl-calendar-century-row
    > td:hover,
.dxbl-calendar:not(.dxbl-disabled):not(:disabled)
    .dxbl-calendar-decade-row
    > td:hover,
.dxbl-calendar:not(.dxbl-disabled):not(:disabled)
    .dxbl-calendar-week-row
    > td:hover,
.dxbl-calendar:not(.dxbl-disabled):not(:disabled)
    .dxbl-calendar-year-row
    > td:hover {
    --dxbl-calendar-mounth-year-default-bg: var(
        --dxbl-calendar-mounth-year-hover-bg
    );
    --dxbl-calendar-mounth-year-default-color: var(
        --DS-color-content-neutral-static-inverted-hovered
    );
}
.dxbl-calendar.dxbl-disabled .dxbl-calendar-footer > .dxbl-btn,
.dxbl-calendar.dxbl-disabled .dxbl-calendar-header > .dxbl-btn,
.dxbl-calendar:disabled .dxbl-calendar-footer > .dxbl-btn,
.dxbl-calendar:disabled .dxbl-calendar-header > .dxbl-btn {
    --dxbl-btn-color: var(--dxbl-calendar-btn-disabled-color);
    cursor: default;
}
.dxbl-calendar.dxbl-disabled
    .dxbl-calendar-content
    > table
    > tbody
    .dxbl-calendar-day
    > a,
.dxbl-calendar.dxbl-disabled
    .dxbl-calendar-content
    > table
    > tbody
    .dxbl-calendar-days-of-week
    > th,
.dxbl-calendar.dxbl-disabled
    .dxbl-calendar-content
    > table
    > tbody
    .dxbl-calendar-week-number,
.dxbl-calendar:disabled
    .dxbl-calendar-content
    > table
    > tbody
    .dxbl-calendar-day
    > a,
.dxbl-calendar:disabled
    .dxbl-calendar-content
    > table
    > tbody
    .dxbl-calendar-days-of-week
    > th,
.dxbl-calendar:disabled
    .dxbl-calendar-content
    > table
    > tbody
    .dxbl-calendar-week-number {
    color: var(--dxbl-calendar-item-disabled-color);
}
.dxbl-calendar:not([data-dx-focus-hidden]) .dxbl-calendar-day:focus-within {
    outline: var(--dxbl-calendar-item-focus-outline-size) solid
        var(--dxbl-calendar-item-focus-outline-color);
    outline-offset: var(--dxbl-calendar-item-focus-outline-offset);
    border-radius: var(--dxbl-calendar-item-border-radius);
}
.dxbl-calendar:not([data-dx-focus-hidden])
    .dxbl-calendar-century-row
    > td:focus-within,
.dxbl-calendar:not([data-dx-focus-hidden])
    .dxbl-calendar-decade-row
    > td:focus-within,
.dxbl-calendar:not([data-dx-focus-hidden])
    .dxbl-calendar-year-row
    > td:focus-within {
    outline: var(--dxbl-calendar-item-focus-outline-color) solid
        var(--dxbl-calendar-item-focus-outline-size);
    outline-offset: var(--dxbl-calendar-item-focus-outline-offset);
}
.dxbl-calendar .dxbl-calendar-data-table-container-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-calendar.dxbl-date-time-edit-calendar[enable-range-select]
    .dxbl-calendar-day {
    border: var(--dxbl-calendar-border-width) var(--dxbl-calendar-border-style)
        transparent;
}
.dxbl-calendar.dxbl-date-time-edit-calendar[enable-range-select]
    .dxbl-calendar-day.dxbl-calendar-selected-range {
    --dxbl-calendar-item-selected-range-border-radius: var(
        --dxbl-calendar-item-selected-range-border-radius-default
    );
    background-color: var(--dxbl-calendar-item-selected-range-bg);
    border-radius: var(--dxbl-calendar-item-selected-range-border-radius);
}
.dxbl-calendar.dxbl-date-time-edit-calendar[enable-range-select]
    .dxbl-calendar-day.dxbl-calendar-selected-range.dxbl-calendar-selected-range-last {
    --dxbl-calendar-item-selected-range-border-radius: var(
        --dxbl-calendar-item-selected-range-last-border-radius
    );
}
.dxbl-calendar.dxbl-date-time-edit-calendar[enable-range-select]
    .dxbl-calendar-day.dxbl-calendar-selected-range.dxbl-calendar-selected-range-first {
    --dxbl-calendar-item-selected-range-border-radius: var(
        --dxbl-calendar-item-selected-range-first-border-radius
    );
}
.dxbl-calendar.dxbl-date-time-edit-calendar[enable-range-select]
    .dxbl-calendar-day.dxbl-calendar-selected-range.dxbl-calendar-selected-range-last.dxbl-calendar-selected-range-first {
    --dxbl-calendar-item-selected-range-border-radius: var(
        --dxbl-calendar-item-selected-range-first-and-last-border-radius
    );
}
.dxbl-calendar.dxbl-date-time-edit-calendar[enable-range-select]
    .dxbl-calendar-day.dxbl-calendar-selected-range.dxbl-calendar-not-current-view {
    background-color: var(
        --dxbl-calendar-item-selected-range-middle-prev-next-month-bg
    );
}
.dxbl-calendar.dxbl-date-time-edit-calendar[enable-range-select]
    .dxbl-calendar-day:not(
        .dxbl-calendar-selected-range
    ).dxbl-calendar-selected-item {
    background-color: var(--dxbl-calendar-item-selected-range-middle-bg);
}
.dxbl-calendar.dxbl-date-time-edit-calendar[enable-range-select]
    .dxbl-calendar-day:not(
        .dxbl-calendar-selected-range
    ).dxbl-calendar-selected-item
    > a {
    background-color: var(--dxbl-calendar-item-selected-range-middle-bg);
    color: var(--dxbl-calendar-item-selected-range-middle-color);
}
.dxbl-calendar.dxbl-date-time-edit-calendar[enable-range-select]
    .dxbl-calendar-day:not(
        .dxbl-calendar-selected-range
    ).dxbl-calendar-selected-item.dxbl-calendar-not-current-view {
    background-color: var(
        --dxbl-calendar-item-selected-range-middle-prev-next-month-bg
    );
}
.dxbl-calendar.dxbl-date-time-edit-calendar[enable-range-select]
    .dxbl-calendar-day:not(
        .dxbl-calendar-selected-range
    ).dxbl-calendar-selected-item.dxbl-calendar-not-current-view
    > a {
    background-color: var(
        --dxbl-calendar-item-selected-range-middle-prev-next-month-bg
    );
    color: var(
        --dxbl-calendar-item-selected-range-middle-prev-next-month-color
    );
}
.dxbl-calendar.dxbl-date-time-edit-calendar[enable-range-select]
    .dxbl-calendar-day:not(
        .dxbl-calendar-selected-range
    ).dxbl-calendar-selected-item.dxbl-calendar-not-current-view
    > a:hover {
    color: var(
        --dxbl-calendar-item-selected-range-middle-prev-next-month-color-hover
    );
}
.dxbl-calendar {
    --dxbl-calendar-font-size: var(--dxbl-calendar-font-size-m);
    --dxbl-calendar-line-height: var(--dxbl-calendar-line-height-m);
    --dxbl-calendar-header-padding-x: var(--dxbl-calendar-header-padding-x-m);
    --dxbl-calendar-header-padding-top: var(
        --dxbl-calendar-header-padding-top-m
    );
    --dxbl-calendar-footer-bg: var(--dxbl-calendar-footer-bg);
    --dxbl-calendar-footer-btn-spacing: var(
        --dxbl-calendar-footer-btn-spacing-m
    );
    --dxbl-calendar-footer-padding-top: var(
        --dxbl-calendar-footer-padding-top-m
    );
    --dxbl-calendar-footer-padding-bottom: var(
        --dxbl-calendar-footer-padding-bottom-m
    );
    --dxbl-calendar-footer-padding-x: var(--dxbl-calendar-footer-padding-x-m);
    --dxbl-calendar-content-padding-top: var(
        --dxbl-calendar-content-padding-top-m
    );
    --dxbl-calendar-content-padding-bottom: var(
        --dxbl-calendar-content-padding-bottom-m
    );
    --dxbl-calendar-content-padding-x: var(--dxbl-calendar-content-padding-x-m);
    --dxbl-calendar-content-cell-inner-box-padding-x: var(
        --dxbl-calendar-content-cell-inner-box-padding-x-m
    );
    --dxbl-calendar-content-cell-inner-box-padding-y: var(
        --dxbl-calendar-content-cell-inner-box-padding-y-m
    );
    --dxbl-calendar-content-week-number-padding-x: var(
        --dxbl-calendar-content-week-number-padding-x-m
    );
    --dxbl-calendar-content-week-number-padding-y: var(
        --dxbl-calendar-content-week-number-padding-y-m
    );
    --dxbl-calendar-content-days-of-week-font-size: var(
        --dxbl-calendar-font-size-m
    );
    --dxbl-calendar-content-days-of-week-padding-y: var(
        --dxbl-calendar-content-days-of-week-padding-y-m
    );
    --dxbl-calendar-content-day-week-number-font-size: var(
        --dxbl-calendar-font-size-m
    );
    --dxbl-calendar-view-border-spacing: var(
        --dxbl-calendar-view-border-spacing-m
    );
    --dxbl-calendar-btn-padding: var(--dxbl-calendar-btn-padding-m);
    --dxbl-calendar-day-item-heigh: var(--dxbl-calendar-day-item-heigh-m);
    --dxbl-calendar-day-item-width: var(--dxbl-calendar-day-item-width-m);
    --dxbl-calendar-mounth-year-item-heigh: var(
        --dxbl-calendar-mounth-year-item-heigh-m
    );
    --dxbl-calendar-mounth-year-item-width: var(
        --dxbl-calendar-mounth-year-item-width-m
    );
}
.dxbl-calendar.valid.modified:not([type="checkbox"]) {
    --dxbl-calendar-border-color: var(--dxbl-calendar-validation-valid-color);
    outline: 0;
}
.dxbl-calendar.invalid {
    --dxbl-calendar-border-color: var(--dxbl-calendar-validation-invalid-color);
    outline: 0;
}
.dxbl-calendar.dxbl-sm {
    --dxbl-calendar-font-size: var(--dxbl-calendar-font-size-s);
    --dxbl-calendar-line-height: var(--dxbl-calendar-line-height-s);
    --dxbl-calendar-header-padding-top: var(
        --dxbl-calendar-header-padding-top-s
    );
    --dxbl-calendar-header-padding-x: var(--dxbl-calendar-header-padding-x-s);
    --dxbl-calendar-content-padding-top: var(
        --dxbl-calendar-content-padding-top-s
    );
    --dxbl-calendar-content-padding-bottom: var(
        --dxbl-calendar-content-padding-bottom-s
    );
    --dxbl-calendar-content-padding-x: var(--dxbl-calendar-content-padding-x-s);
    --dxbl-calendar-content-cell-inner-box-padding-x: var(
        --dxbl-calendar-content-cell-inner-box-padding-x-s
    );
    --dxbl-calendar-content-cell-inner-box-padding-y: var(
        --dxbl-calendar-content-cell-inner-box-padding-y-s
    );
    --dxbl-calendar-content-week-number-padding-x: var(
        --dxbl-calendar-content-week-number-padding-x-s
    );
    --dxbl-calendar-content-week-number-padding-y: var(
        --dxbl-calendar-content-week-number-padding-y-s
    );
    --dxbl-calendar-footer-btn-spacing: var(
        --dxbl-calendar-footer-btn-spacing-s
    );
    --dxbl-calendar-footer-padding-x: var(--dxbl-calendar-footer-padding-x-s);
    --dxbl-calendar-footer-padding-top: var(
        --dxbl-calendar-footer-padding-top-s
    );
    --dxbl-calendar-footer-padding-bottom: var(
        --dxbl-calendar-footer-padding-bottom-s
    );
    --dxbl-calendar-content-days-of-week-font-size: var(
        --dxbl-calendar-font-size-s
    );
    --dxbl-calendar-content-day-week-number-font-size: var(
        --dxbl-calendar-font-size-s
    );
    --dxbl-calendar-content-days-of-week-padding-y: var(
        --dxbl-calendar-content-days-of-week-padding-y-s
    );
    --dxbl-calendar-view-border-spacing: var(
        --dxbl-calendar-view-border-spacing-s
    );
    --dxbl-calendar-btn-padding: var(--dxbl-calendar-btn-padding-s);
    --dxbl-calendar-day-item-heigh: var(--dxbl-calendar-day-item-heigh-s);
    --dxbl-calendar-day-item-width: var(--dxbl-calendar-day-item-width-s);
    --dxbl-calendar-mounth-year-item-heigh: var(
        --dxbl-calendar-mounth-year-item-heigh-s
    );
    --dxbl-calendar-mounth-year-item-width: var(
        --dxbl-calendar-mounth-year-item-width-s
    );
}
.dxbl-calendar.dxbl-lg {
    --dxbl-calendar-font-size: var(--dxbl-calendar-font-size-l);
    --dxbl-calendar-line-height: var(--dxbl-calendar-line-height-l);
    --dxbl-calendar-header-padding-top: var(
        --dxbl-calendar-header-padding-top-l
    );
    --dxbl-calendar-header-padding-x: var(--dxbl-calendar-header-padding-x-l);
    --dxbl-calendar-content-padding-top: var(
        --dxbl-calendar-content-padding-top-l
    );
    --dxbl-calendar-content-padding-bottom: var(
        --dxbl-calendar-content-padding-bottom-l
    );
    --dxbl-calendar-content-padding-x: var(--dxbl-calendar-content-padding-x-l);
    --dxbl-calendar-content-cell-inner-box-padding-x: var(
        --dxbl-calendar-content-cell-inner-box-padding-x-l
    );
    --dxbl-calendar-content-cell-inner-box-padding-y: var(
        --dxbl-calendar-content-cell-inner-box-padding-y-l
    );
    --dxbl-calendar-content-week-number-padding-x: var(
        --dxbl-calendar-content-week-number-padding-x-l
    );
    --dxbl-calendar-content-week-number-padding-y: var(
        --dxbl-calendar-content-week-number-padding-y-l
    );
    --dxbl-calendar-footer-btn-spacing: var(
        --dxbl-calendar-footer-btn-spacing-l
    );
    --dxbl-calendar-footer-padding-x: var(--dxbl-calendar-footer-padding-x-l);
    --dxbl-calendar-footer-padding-top: var(
        --dxbl-calendar-footer-padding-top-l
    );
    --dxbl-calendar-footer-padding-bottom: var(
        --dxbl-calendar-footer-padding-bottom-l
    );
    --dxbl-calendar-content-days-of-week-font-size: var(
        --dxbl-calendar-font-size-l
    );
    --dxbl-calendar-content-day-week-number-font-size: var(
        --dxbl-calendar-font-size-l
    );
    --dxbl-calendar-content-days-of-week-padding-y: var(
        --dxbl-calendar-content-days-of-week-padding-y-l
    );
    --dxbl-calendar-view-border-spacing: var(
        --dxbl-calendar-view-border-spacing-l
    );
    --dxbl-calendar-btn-padding: var(--dxbl-calendar-btn-padding-l);
    --dxbl-calendar-day-item-heigh: var(--dxbl-calendar-day-item-heigh-l);
    --dxbl-calendar-day-item-width: var(--dxbl-calendar-day-item-width-l);
    --dxbl-calendar-mounth-year-item-heigh: var(
        --dxbl-calendar-mounth-year-item-heigh-l
    );
    --dxbl-calendar-mounth-year-item-width: var(
        --dxbl-calendar-mounth-year-item-width-l
    );
}
.dxbl-color-palette {
    --dxbl-color-palette-font-family: var(--DS-font-family-sans-serif);
    --dxbl-color-palette-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-color-palette-border: var(--DS-sizing-10) solid
        var(--DS-color-border-neutral-default-rest);
    --dxbl-color-palette-border-radius: var(--DS-border-radius-40);
    --dxbl-color-palette-separator: var(--DS-sizing-10) solid
        var(--DS-color-content-neutral-subdued-disabled);
    --dxbl-color-palette-text-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-color-palette-outline-focused: var(--DS-sizing-20) solid
        var(--DS-color-theme-builder-focus);
    --dxbl-color-palette-no-color-hover-bg: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxbl-color-palette-no-color-disabled-color: var(
        --DS-color-content-neutral-default-disabled
    );
    --dxbl-color-palette-no-color-outline-offset-focused: calc(
        var(--DS-sizing-10) * -1
    );
    --dxbl-color-palette-no-color-separator-height: var(--DS-sizing-20);
    --dxbl-color-palette-color-tile-outline: var(--DS-sizing-10) solid
        var(--DS-color-border-neutral-default-rest);
    --dxbl-color-palette-color-tile-outline-size-state: var(--DS-sizing-20);
    --dxbl-color-palette-color-tile-outline-offset-focused: var(--DS-sizing-20);
    --dxbl-color-palette-color-tile-border-radius: var(--DS-border-radius-40);
    --dxbl-color-palette-color-tile-hover-border: var(--DS-sizing-20) solid
        var(--DS-color-content-neutral-inverted-rest);
    --dxbl-color-palette-color-tile-outline-selected-color: var(
        --DS-color-border-primary-default-rest
    );
    --dxbl-color-palette-color-tile-outline-disabled-color: var(
        --DS-color-border-primary-subdued-disabled
    );
    --dxbl-color-palette-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-color-palette-font-size-m: var(--DS-font-size-body-1);
    --dxbl-color-palette-font-size-l: var(--DS-font-size-body-2);
    --dxbl-color-palette-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-color-palette-line-height-m: var(--DS-line-height-body-1);
    --dxbl-color-palette-line-height-l: var(--DS-line-height-body-2);
    --dxbl-color-palette-padding-s: var(--DS-sizing-20);
    --dxbl-color-palette-padding-m: var(--DS-sizing-40);
    --dxbl-color-palette-padding-l: var(--DS-sizing-60);
    --dxbl-color-palette-table-spacing-s: var(--DS-sizing-40);
    --dxbl-color-palette-table-spacing-m: var(--DS-sizing-60);
    --dxbl-color-palette-table-spacing-l: var(--DS-sizing-80);
    --dxbl-color-palette-no-color-padding-x-s: var(--DS-sizing-40);
    --dxbl-color-palette-no-color-padding-x-m: var(--DS-sizing-60);
    --dxbl-color-palette-no-color-padding-x-l: var(--DS-sizing-80);
    --dxbl-color-palette-no-color-padding-y-s: var(--DS-sizing-60);
    --dxbl-color-palette-no-color-padding-y-m: var(--DS-sizing-80);
    --dxbl-color-palette-no-color-padding-y-l: var(--DS-sizing-100);
    --dxbl-color-palette-no-color-spacing-s: var(--DS-sizing-80);
    --dxbl-color-palette-no-color-spacing-m: var(--DS-sizing-100);
    --dxbl-color-palette-no-color-spacing-l: var(--DS-sizing-120);
    --dxbl-color-palette-color-tile-size-s: var(--DS-sizing-160);
    --dxbl-color-palette-color-tile-size-m: var(--DS-sizing-200);
    --dxbl-color-palette-color-tile-size-l: var(--DS-sizing-240);
}
.dxbl-color-palette {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    color: var(--dxbl-color-palette-text-color);
    font-family: var(--dxbl-color-palette-font-family);
    font-size: var(--dxbl-color-palette-font-size);
    line-height: var(--dxbl-color-palette-line-height);
    background: var(--dxbl-color-palette-bg);
    padding: var(--dxbl-color-palette-padding);
    border: var(--dxbl-color-palette-border);
    border-radius: var(--dxbl-color-palette-border-radius);
}
.dxbl-color-palette > table {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.dxbl-color-palette > table > thead {
    border-bottom: var(--dxbl-color-palette-separator);
}
.dxbl-color-palette > table > thead > tr > th {
    font-size: var(--dxbl-color-palette-font-size);
    font-weight: 400;
    padding: var(--dxbl-color-palette-table-spacing);
}
.dxbl-color-palette > table > tbody {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.dxbl-color-palette > table > tbody > tr > td {
    padding-right: var(--dxbl-color-palette-table-spacing);
    padding-bottom: var(--dxbl-color-palette-table-spacing);
}
.dxbl-color-palette > table > tbody > tr > td:first-child {
    padding-left: var(--dxbl-color-palette-table-spacing);
}
.dxbl-color-palette > table > tbody > tr > td > div {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.dxbl-color-palette > table > tbody > tr > td > div:focus-visible {
    outline: 0;
}
.dxbl-color-palette > table > tbody > tr > td > div > div {
    width: var(--dxbl-color-palette-color-tile-size);
    height: var(--dxbl-color-palette-color-tile-size);
    outline: var(--dxbl-color-palette-color-tile-outline);
    border-radius: var(--dxbl-color-palette-color-tile-border-radius);
    cursor: pointer;
}
.dxbl-color-palette > table > tbody > tr > td > div > div:hover {
    border: var(--dxbl-color-palette-color-tile-hover-border);
    outline-width: var(--dxbl-color-palette-color-tile-outline-size-state);
}
.dxbl-color-palette
    > table
    > tbody
    > tr
    > td
    > div.dxbl-color-palette-selected-tile
    > div {
    outline-color: var(--dxbl-color-palette-color-tile-outline-selected-color);
    outline-width: var(--dxbl-color-palette-color-tile-outline-size-state);
    border: var(--dxbl-color-palette-color-tile-hover-border);
}
.dxbl-color-palette > table > tbody > tr:first-child > td {
    padding-top: var(--dxbl-color-palette-table-spacing);
}
.dxbl-color-palette > div.dxbl-color-palette-no-color-separator {
    width: 100%;
    height: var(--dxbl-color-palette-no-color-separator-height);
    border-top: var(--dxbl-color-palette-separator);
}
.dxbl-color-palette > div.dxbl-color-palette-no-color-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: var(--dxbl-color-palette-no-color-padding);
}
.dxbl-color-palette > div.dxbl-color-palette-no-color-container:focus-visible {
    outline: 0;
}
.dxbl-color-palette > div.dxbl-color-palette-no-color-container:hover {
    background: var(--dxbl-color-palette-no-color-hover-bg);
}
.dxbl-color-palette > div.dxbl-color-palette-no-color-container > div > div {
    width: var(--dxbl-color-palette-color-tile-size);
    height: var(--dxbl-color-palette-color-tile-size);
    outline: var(--dxbl-color-palette-color-tile-outline);
    border-radius: var(--dxbl-color-palette-color-tile-border-radius);
}
.dxbl-color-palette > div.dxbl-color-palette-no-color-container > span {
    margin-left: var(--dxbl-color-palette-no-color-spacing);
    line-height: var(--dxbl-color-palette-color-tile-size);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dxbl-color-palette:not([data-dx-focus-hidden])
    > table
    > tbody
    > tr
    > td
    > div:focus-visible {
    outline: var(--dxbl-color-palette-outline-focused);
    outline-offset: var(--dxbl-color-palette-color-tile-outline-offset-focused);
    border-radius: var(--dxbl-color-palette-color-tile-border-radius);
}
.dxbl-color-palette:not([data-dx-focus-hidden])
    > table
    > tbody
    > tr
    > td
    > div:focus-visible
    > div {
    outline-width: var(--dxbl-color-palette-color-tile-outline-size-state);
}
.dxbl-color-palette:not([data-dx-focus-hidden])
    > div.dxbl-color-palette-no-color-container:focus-visible {
    outline: var(--dxbl-color-palette-outline-focused);
    outline-offset: var(--dxbl-color-palette-no-color-outline-offset-focused);
}
.dxbl-color-palette {
    --dxbl-color-palette-font-size: var(--dxbl-color-palette-font-size-m);
    --dxbl-color-palette-line-height: var(--dxbl-color-palette-line-height-m);
    --dxbl-color-palette-padding: var(--dxbl-color-palette-padding-m);
    --dxbl-color-palette-table-spacing: var(
        --dxbl-color-palette-table-spacing-m
    );
    --dxbl-color-palette-no-color-padding: var(
            --dxbl-color-palette-no-color-padding-y-m
        )
        var(--dxbl-color-palette-no-color-padding-x-m);
    --dxbl-color-palette-no-color-spacing: var(
        --dxbl-color-palette-no-color-spacing-m
    );
    --dxbl-color-palette-color-tile-size: var(
        --dxbl-color-palette-color-tile-size-m
    );
}
.dxbl-color-palette.dxbl-sm {
    --dxbl-color-palette-font-size: var(--dxbl-color-palette-font-size-s);
    --dxbl-color-palette-line-height: var(--dxbl-color-palette-line-height-s);
    --dxbl-color-palette-padding: var(--dxbl-color-palette-padding-s);
    --dxbl-color-palette-table-spacing: var(
        --dxbl-color-palette-table-spacing-s
    );
    --dxbl-color-palette-no-color-padding: var(
            --dxbl-color-palette-no-color-padding-y-s
        )
        var(--dxbl-color-palette-no-color-padding-x-s);
    --dxbl-color-palette-no-color-spacing: var(
        --dxbl-color-palette-no-color-spacing-s
    );
    --dxbl-color-palette-color-tile-size: var(
        --dxbl-color-palette-color-tile-size-s
    );
}
.dxbl-color-palette.dxbl-lg {
    --dxbl-color-palette-font-size: var(--dxbl-color-palette-font-size-l);
    --dxbl-color-palette-line-height: var(--dxbl-color-palette-line-height-l);
    --dxbl-color-palette-padding: var(--dxbl-color-palette-padding-l);
    --dxbl-color-palette-table-spacing: var(
        --dxbl-color-palette-table-spacing-l
    );
    --dxbl-color-palette-no-color-padding: var(
            --dxbl-color-palette-no-color-padding-y-l
        )
        var(--dxbl-color-palette-no-color-padding-x-l);
    --dxbl-color-palette-no-color-spacing: var(
        --dxbl-color-palette-no-color-spacing-l
    );
    --dxbl-color-palette-color-tile-size: var(
        --dxbl-color-palette-color-tile-size-l
    );
}
.dxbl-color-palette.dxbl-readonly > table > tbody > tr > td > div > div {
    cursor: default;
}
.dxbl-color-palette.dxbl-readonly > div.dxbl-color-palette-no-color-container {
    cursor: default;
}
.dxbl-color-palette.dxbl-disabled > table > tbody > tr > td > div > div,
.dxbl-color-palette:disabled > table > tbody > tr > td > div > div {
    cursor: not-allowed;
}
.dxbl-color-palette.dxbl-disabled
    > table
    > tbody
    > tr
    > td
    > div:not(.dxbl-color-palette-selected-tile)
    > div:hover,
.dxbl-color-palette:disabled
    > table
    > tbody
    > tr
    > td
    > div:not(.dxbl-color-palette-selected-tile)
    > div:hover {
    border: none;
    outline: var(--dxbl-color-palette-color-tile-outline);
}
.dxbl-color-palette.dxbl-disabled
    > table
    > tbody
    > tr
    > td
    > div.dxbl-color-palette-selected-tile
    > div,
.dxbl-color-palette:disabled
    > table
    > tbody
    > tr
    > td
    > div.dxbl-color-palette-selected-tile
    > div {
    outline-color: var(--dxbl-color-palette-color-tile-outline-disabled-color);
}
.dxbl-color-palette.dxbl-disabled > div.dxbl-color-palette-no-color-container,
.dxbl-color-palette:disabled > div.dxbl-color-palette-no-color-container {
    cursor: not-allowed;
}
.dxbl-color-palette.dxbl-disabled
    > div.dxbl-color-palette-no-color-container:hover,
.dxbl-color-palette:disabled > div.dxbl-color-palette-no-color-container:hover {
    background: 0 0;
}
.dxbl-color-palette.dxbl-disabled
    > div.dxbl-color-palette-no-color-container
    > span,
.dxbl-color-palette:disabled
    > div.dxbl-color-palette-no-color-container
    > span {
    color: var(--dxbl-color-palette-no-color-disabled-color);
}
.dxbl-pager {
    --dxbl-pager-font-family: var(--DS-font-family-sans-serif);
    --dxbl-pager-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-pager-font-size-m: var(--DS-font-size-body-1);
    --dxbl-pager-font-size-l: var(--DS-font-size-body-2);
    --dxbl-pager-font-weight-s: var(--DS-font-weight-caption-1);
    --dxbl-pager-font-weight-m: var(--DS-font-weight-body-1);
    --dxbl-pager-font-weight-l: var(--DS-font-weight-body-2);
    --dxbl-pager-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-pager-line-height-m: var(--DS-line-height-body-1);
    --dxbl-pager-line-height-l: var(--DS-line-height-body-2);
    --dxbl-pager-border-radius-s: var(--DS-border-radius-20);
    --dxbl-pager-border-radius-m: var(--DS-border-radius-40);
    --dxbl-pager-border-radius-l: var(--DS-border-radius-60);
    --dxbl-pager-btn-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-pager-btn-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-pager-btn-border-color: var(--DS-color-border-neutral-muted-rest);
    --dxbl-pager-btn-hover-color: var(
        --DS-color-content-neutral-default-hovered
    );
    --dxbl-pager-btn-hover-bg: var(--DS-color-surface-neutral-default-hovered);
    --dxbl-pager-btn-hover-border-color: var(
        --DS-color-border-neutral-muted-hovered
    );
    --dxbl-pager-btn-active-color: var(
        --DS-color-content-neutral-default-hovered
    );
    --dxbl-pager-btn-active-bg: var(--DS-color-surface-neutral-default-hovered);
    --dxbl-pager-btn-active-border-color: var(
        --DS-color-border-neutral-muted-hovered
    );
    --dxbl-pager-btn-disabled-color: var(
        --DS-color-content-neutral-default-disabled
    );
    --dxbl-pager-btn-disabled-bg: var(--DS-color-border-neutral-muted-disabled);
    --dxbl-pager-btn-disabled-border-color: var(
        --DS-color-border-neutral-muted-disabled
    );
    --dxbl-pager-page-btn-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-pager-page-btn-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-pager-page-btn-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-pager-page-btn-hover-bg: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxbl-pager-page-btn-hover-color: var(
        --DS-color-content-neutral-default-hovered
    );
    --dxbl-pager-page-btn-hover-border-color: var(
        --DS-color-border-neutral-muted-hovered
    );
    --dxbl-pager-page-btn-active-color: var(
        --DS-color-content-neutral-default-hovered
    );
    --dxbl-pager-page-btn-active-bg: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxbl-pager-page-btn-active-border-color: var(
        --DS-color-border-neutral-muted-hovered
    );
    --dxbl-pager-active-page-btn-bg: var(
        --DS-color-surface-primary-default-rest
    );
    --dxbl-pager-active-page-btn-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-pager-active-page-btn-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-pager-btn-border-radius: var(--DS-border-radius-40);
    --dxbl-pager-btn-border-width: var(--DS-border-width-10);
    --dxbl-pager-btn-spacing: var(--DS-sizing-20);
    --dxbl-pager-btn-focus-outline-color: var(--DS-color-theme-builder-focus);
    --dxbl-pager-btn-focus-outline-width: var(--DS-border-width-20);
    --dxbl-pager-btn-padding-x-s: var(--DS-sizing-30);
    --dxbl-pager-btn-padding-x-m: calc(
        var(--DS-sizing-40) + var(--DS-sizing-10)
    );
    --dxbl-pager-btn-padding-x-l: calc(
        var(--DS-sizing-60) + var(--DS-sizing-10)
    );
    --dxbl-pager-btn-padding-y-s: var(--DS-sizing-30);
    --dxbl-pager-btn-padding-y-m: calc(
        var(--DS-sizing-40) + var(--DS-sizing-10)
    );
    --dxbl-pager-btn-padding-y-l: calc(
        var(--DS-sizing-60) + var(--DS-sizing-10)
    );
    --dxbl-pager-page-edit-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-pager-page-edit-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-pager-page-edit-padding-x: var(--DS-sizing-40);
    --dxbl-pager-page-edit-border-color: transparent;
    --dxbl-pager-page-edit-underline-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-pager-page-edit-underline-focused-color: var(
        --DS-color-content-primary-default-rest
    );
    --dxbl-pager-page-edit-underline-focused-height: var(--DS-border-width-20);
    --dxbl-pager-input-border-radius: var(--DS-border-radius-0);
    --dxbl-pager-page-edit-spacing: var(--DS-sizing-20);
    --dxbl-pager-page-edit-text-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-pager-page-edit-padding-y-s: var(--DS-sizing-30);
    --dxbl-pager-page-edit-padding-y-m: calc(
        var(--DS-sizing-40) + var(--DS-sizing-10)
    );
    --dxbl-pager-page-edit-padding-y-l: var(--DS-sizing-80);
    --dxbl-pager-page-edit-text-padding-y-s: var(--DS-sizing-40);
    --dxbl-pager-page-edit-text-padding-y-m: var(--DS-sizing-60);
    --dxbl-pager-page-edit-text-padding-y-l: calc(
        var(--DS-sizing-80) + var(--DS-sizing-10)
    );
    --dxbl-pager-page-edit-text-padding-x-s: var(--DS-sizing-40);
    --dxbl-pager-page-edit-text-padding-x-m: var(--DS-sizing-60);
    --dxbl-pager-page-edit-text-padding-x-l: var(--DS-sizing-80);
    --dxbl-pager-bg: unset;
    --dxbl-pager-color: unset;
    --dxbl-pager-border-color: unset;
    --dxbl-pager-border-style: unset;
    --dxbl-pager-border-width: unset;
    --dxbl-pager-border-radius: unset;
    --dxbl-pager-padding-x: unset;
    --dxbl-pager-padding-y: unset;
}
.dxbl-pager-container {
    --dxbl-pager-container-padding-x-s: var(--DS-sizing-60);
    --dxbl-pager-container-padding-x-m: var(--DS-sizing-80);
    --dxbl-pager-container-padding-x-l: var(--DS-sizing-100);
    --dxbl-pager-container-padding-y-s: var(--DS-sizing-60);
    --dxbl-pager-container-padding-y-m: var(--DS-sizing-80);
    --dxbl-pager-container-padding-y-l: var(--DS-sizing-100);
    --dxbl-pager-container-spacing-s: var(--DS-sizing-40);
    --dxbl-pager-container-spacing-m: var(--DS-sizing-80);
    --dxbl-pager-container-spacing-l: var(--DS-sizing-120);
}
.dxbl-pager {
    --dxbl-pager-font-size: var(--dxbl-pager-font-size-m);
    --dxbl-pager-font-weight: var(--dxbl-pager-font-weight-m);
    --dxbl-pager-line-height: var(--dxbl-pager-line-height-m);
    --dxbl-pager-btn-padding-x: var(--dxbl-pager-btn-padding-x-m);
    --dxbl-pager-btn-padding-y: var(--dxbl-pager-btn-padding-y-m);
    --dxbl-pager-page-edit-padding-y: var(--dxbl-pager-page-edit-padding-y-m);
    --dxbl-pager-page-edit-text-padding-y: var(
        --dxbl-pager-page-edit-text-padding-y-m
    );
    --dxbl-pager-page-edit-text-padding-x: var(
        --dxbl-pager-page-edit-text-padding-x-m
    );
}
.dxbl-pager.dxbl-sm {
    --dxbl-pager-font-size: var(--dxbl-pager-font-size-s);
    --dxbl-pager-font-weight: var(--dxbl-pager-font-weight-s);
    --dxbl-pager-line-height: var(--dxbl-pager-line-height-s);
    --dxbl-pager-btn-padding-x: var(--dxbl-pager-btn-padding-x-s);
    --dxbl-pager-btn-padding-y: var(--dxbl-pager-btn-padding-y-s);
    --dxbl-pager-page-edit-padding-y: var(--dxbl-pager-page-edit-padding-y-s);
    --dxbl-pager-page-edit-text-padding-y: var(
        --dxbl-pager-page-edit-text-padding-y-s
    );
    --dxbl-pager-page-edit-text-padding-x: var(
        --dxbl-pager-page-edit-text-padding-x-s
    );
}
.dxbl-pager.dxbl-lg {
    --dxbl-pager-font-size: var(--dxbl-pager-font-size-l);
    --dxbl-pager-font-weight: var(--dxbl-pager-font-weight-l);
    --dxbl-pager-line-height: var(--dxbl-pager-line-height-l);
    --dxbl-pager-btn-padding-x: var(--dxbl-pager-btn-padding-x-l);
    --dxbl-pager-btn-padding-y: var(--dxbl-pager-btn-padding-y-l);
    --dxbl-pager-page-edit-padding-y: var(--dxbl-pager-page-edit-padding-y-l);
    --dxbl-pager-page-edit-text-padding-y: var(
        --dxbl-pager-page-edit-text-padding-y-l
    );
    --dxbl-pager-page-edit-text-padding-x: var(
        --dxbl-pager-page-edit-text-padding-x-l
    );
}
.dxbl-pager-container {
    --dxbl-pager-container-padding-x: var(--dxbl-pager-container-padding-x-m);
    --dxbl-pager-container-padding-y: var(--dxbl-pager-container-padding-y-m);
    --dxbl-pager-container-spacing: var(--dxbl-pager-container-spacing-m);
}
.dxbl-pager-container.dxbl-sm,
.dxbl-sm > .dxbl-pager-container {
    --dxbl-pager-container-padding-x: var(--dxbl-pager-container-padding-x-s);
    --dxbl-pager-container-padding-y: var(--dxbl-pager-container-padding-y-s);
    --dxbl-pager-container-spacing: var(--dxbl-pager-container-spacing-s);
}
.dxbl-lg > .dxbl-pager-container,
.dxbl-pager-container.dxbl-lg {
    --dxbl-pager-container-padding-x: var(--dxbl-pager-container-padding-x-l);
    --dxbl-pager-container-padding-y: var(--dxbl-pager-container-padding-y-l);
    --dxbl-pager-container-spacing: var(--dxbl-pager-container-spacing-l);
}
.dxbl-pager {
    font-family: var(--dxbl-pager-font-family);
    font-size: var(--dxbl-pager-font-size);
    font-weight: var(--dxbl-pager-font-weight);
    line-height: var(--dxbl-pager-line-height);
    background-color: var(--dxbl-pager-bg);
    border-radius: var(--dxbl-pager-border-radius);
    border: var(--dxbl-pager-border-width) var(--dxbl-pager-border-style)
        var(--dxbl-pager-border-color);
    color: var(--dxbl-pager-color);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: var(--dxbl-pager-padding-y) var(--dxbl-pager-padding-x);
    position: relative;
    z-index: 0;
}
.dxbl-pager > .dxbl-btn-outline-secondary {
    --dxbl-btn-font-family: var(--dxbl-pager-font-family);
    --dxbl-btn-font-size: var(--dxbl-pager-font-size);
    --dxbl-btn-font-weight: var(--dxbl-pager-font-weight);
    --dxbl-btn-line-height: var(--dxbl-pager-line-height);
    --dxbl-btn-bg: var(--dxbl-pager-btn-bg);
    --dxbl-btn-color: var(--dxbl-pager-btn-color);
    --dxbl-btn-border-color: var(--dxbl-pager-btn-border-color);
    --dxbl-btn-border-width: var(--dxbl-pager-btn-border-width);
    --dxbl-btn-hover-bg: var(--dxbl-pager-btn-hover-bg);
    --dxbl-btn-hover-color: var(--dxbl-pager-btn-hover-color);
    --dxbl-btn-hover-border-color: var(--dxbl-pager-btn-hover-border-color);
    --dxbl-btn-active-bg: var(--dxbl-pager-btn-active-bg);
    --dxbl-btn-active-color: var(--dxbl-pager-btn-active-color);
    --dxbl-btn-active-border-color: var(--dxbl-pager-btn-active-border-color);
    --dxbl-btn-outline-disabled-color: var(--dxbl-pager-btn-disabled-color);
    --dxbl-btn-outline-disabled-bg: var(--dxbl-pager-btn-disabled-bg);
    --dxbl-btn-outline-disabled-border-color: var(
        --dxbl-pager-btn-disabled-border-color
    );
    --dxbl-btn-padding-x: var(--dxbl-pager-btn-padding-x);
    --dxbl-btn-padding-y: var(--dxbl-pager-btn-padding-y);
    --dxbl-btn-focus-outline-color: var(--dxbl-pager-btn-focus-outline-color);
    --dxbl-btn-focus-outline-size: var(--dxbl-pager-btn-focus-outline-width);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: calc(
        2 * var(--dxbl-pager-btn-padding-y) + var(--dxbl-pager-line-height) +
            2 * var(--dxbl-pager-btn-border-width)
    );
}
.dxbl-pager > .dxbl-btn-outline-secondary:not(:last-child):not(.dxbl-btn-last) {
    margin-right: var(--dxbl-pager-btn-spacing);
}
.dxbl-pager > .dxbl-btn-outline-secondary.dxbl-pager-page-btn {
    --dxbl-btn-bg: var(--dxbl-pager-page-btn-bg);
    --dxbl-btn-color: var(--dxbl-pager-page-btn-color);
    --dxbl-btn-border-color: var(--dxbl-pager-page-btn-border-color);
    --dxbl-btn-hover-bg: var(--dxbl-pager-page-btn-hover-bg);
    --dxbl-btn-hover-color: var(--dxbl-pager-page-btn-hover-color);
    --dxbl-btn-hover-border-color: var(
        --dxbl-pager-page-btn-hover-border-color
    );
    --dxbl-btn-active-bg: var(--dxbl-pager-page-btn-active-bg);
    --dxbl-btn-active-color: var(--dxbl-pager-page-btn-active-color);
    --dxbl-btn-active-border-color: var(
        --dxbl-pager-page-btn-active-border-color
    );
}
.dxbl-pager > .dxbl-btn-outline-secondary.dxbl-pager-active-page-btn {
    --dxbl-btn-bg: var(--dxbl-pager-active-page-btn-bg);
    --dxbl-btn-color: var(--dxbl-pager-active-page-btn-color);
    --dxbl-btn-border-color: var(--dxbl-pager-active-page-btn-border-color);
    --dxbl-btn-hover-bg: var(--dxbl-pager-active-page-btn-bg);
    --dxbl-btn-hover-color: var(--dxbl-pager-active-page-btn-color);
    --dxbl-btn-hover-border-color: var(
        --dxbl-pager-active-page-btn-border-color
    );
    --dxbl-btn-active-bg: var(--dxbl-pager-active-page-btn-bg);
    --dxbl-btn-active-color: var(--dxbl-pager-active-page-btn-color);
    --dxbl-btn-active-border-color: var(
        --dxbl-pager-active-page-btn-border-color
    );
    cursor: default;
}
.dxbl-pager .dxbl-pager-page-edit {
    --dxbl-text-edit-font-family: var(--dxbl-pager-font-family);
    --dxbl-text-edit-font-size: var(--dxbl-pager-font-size);
    --dxbl-text-edit-line-height: var(--dxbl-pager-line-height);
    --dxbl-text-edit-bg: var(--dxbl-pager-page-edit-bg);
    --dxbl-text-edit-color: var(--dxbl-pager-page-edit-color);
    --dxbl-text-edit-border-color: var(--dxbl-pager-page-edit-border-color);
    --dxbl-text-edit-border-radius: var(--dxbl-pager-input-border-radius);
    --dxbl-text-edit-underline-color: var(
        --dxbl-pager-page-edit-underline-color
    );
    --dxbl-text-edit-padding-x: var(--dxbl-pager-page-edit-padding-x);
    --dxbl-text-edit-padding-y: var(--dxbl-pager-page-edit-padding-y);
}
.dxbl-pager .dxbl-pager-page-edit.dxbl-focused,
.dxbl-pager .dxbl-pager-page-edit:focus-within {
    --dxbl-text-edit-underline-color: var(
        --dxbl-pager-page-edit-underline-focused-color
    );
}
.dxbl-pager .dxbl-pager-page-edit:has(:focus) {
    --dxbl-text-edit-underline-color: var(
        --dxbl-pager-page-edit-underline-focused-color
    );
}
.dxbl-pager .dxbl-pager-page-edit > input {
    text-align: center;
}
.dxbl-pager .dxbl-pager-page-edit-text {
    color: var(--dxbl-pager-page-edit-text-color);
    padding: var(--dxbl-pager-page-edit-text-padding-y)
        var(--dxbl-pager-page-edit-text-padding-x);
    white-space: nowrap;
}
.dxbl-pager .dxbl-pager-page-edit-text:not(:last-child) {
    margin-right: var(--dxbl-pager-page-edit-spacing);
}
.dxbl-pager .dxbl-pager-compact-mode {
    display: none;
}
@media (max-width: 375px) {
    .dxbl-pager.dxbl-sm .dxbl-pager-compact-mode {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    .dxbl-pager.dxbl-sm .dxbl-pager-full-mode {
        display: none;
    }
}
@media (max-width: 576px) {
    .dxbl-pager:not(.dxbl-sm):not(.dxbl-lg) .dxbl-pager-compact-mode {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    .dxbl-pager:not(.dxbl-sm):not(.dxbl-lg) .dxbl-pager-full-mode {
        display: none;
    }
}
@media (max-width: 625px) {
    .dxbl-pager.dxbl-lg .dxbl-pager-compact-mode {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    .dxbl-pager.dxbl-lg .dxbl-pager-full-mode {
        display: none;
    }
}
.dxbl-pager-container {
    background-color: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: var(--dxbl-pager-container-padding-y)
        var(--dxbl-pager-container-padding-x) 0;
}
.dxbl-pager-container > * {
    margin-bottom: var(--dxbl-pager-container-padding-y);
}
.dxbl-pager-container > :not(:last-child) {
    margin-right: var(--dxbl-pager-container-spacing);
}
.dxbl-pager-container > .dxbl-pager-page-size-selector {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.dxbl-pager-container > .dxbl-pager-page-size-selector > label {
    padding-left: 0;
    white-space: nowrap;
}
.dxbl-pager-container > .dxbl-pager-page-size-selector > .dxbl-text-edit {
    width: 5em;
}
.dxbl-treeview {
    --dxbl-treeview-spacing-y: var(--DS-sizing-40);
    --dxbl-treeview-spacing-x: var(--DS-sizing-0);
    --dxbl-treeview-font-weight: var(--DS-font-weight-body-1);
    --dxbl-treeview-font-family: var(--DS-font-family-sans-serif);
    --dxbl-treeview-item-spacing: var(--DS-sizing-20);
    --dxbl-treeview-item-border-radius: var(--DS-border-radius-40);
    --dxbl-treeview-root-items-container-spacing-x: var(--DS-sizing-40);
    --dxbl-treeview-navigation-filter-content-bg-color: var(
        --DS-color-surface-highlight-rest
    );
    --dxbl-treeview-navigation-filter-content-color: var(
        --DS-color-content-highlight-rest
    );
    --dxbl-treeview-empty-data-padding-x: var(--DS-sizing-160);
    --dxbl-treeview-empty-data-padding-y: var(--DS-sizing-160);
    --dxbl-treeview-default-item-cursor: pointer;
    --dxbl-treeview-default-item-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-treeview-default-item-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-treeview-item-hover-color: var(
        --DS-color-content-neutral-subdued-hovered
    );
    --dxbl-treeview-item-hover-bg: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxbl-treeview-item-active-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-treeview-item-active-bg: var(
        --DS-color-surface-primary-default-rest
    );
    --dxbl-treeview-item-active-focused-bg: var(
        --DS-color-surface-primary-default-rest
    );
    --dxbl-treeview-item-focus-outline-width: var(--DS-border-width-20);
    --dxbl-treeview-item-focus-outline-color: var(
        --DS-color-theme-builder-focus
    );
    --dxbl-treeview-item-focus-outline-offset: -2px;
    --dxbl-treeview-item-disabled-color: var(
        --DS-color-content-neutral-subdued-disabled
    );
    --dxbl-treeview-item-disabled-bg: var(
        --DS-color-surface-neutral-muted-disabled
    );
    --dxbl-treeview-check-all-border-bottom-style: solid;
    --dxbl-treeview-check-all-border-bottom-width: var(--DS-border-width-10);
    --dxbl-treeview-check-all-border-bottom-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-treeview-check-all-bottom-spacing: var(--DS-sizing-40);
    --dxbl-treeview-default-btn-border-radius: var(--DS-border-radius-full);
    --dxbl-treeview-btn-border-color: var(
        --DS-color-surface-neutral-muted-rest
    );
    --dxbl-treeview-btn-border-hover-color: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxbl-treeview-btn-color: var(--DS-color-content-neutral-subdued-rest);
    --dxbl-treeview-btn-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-treeview-btn-hover-color: var(
        --DS-color-content-neutral-subdued-hovered
    );
    --dxbl-treeview-btn-hover-bg: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxbl-treeview-btn-disabled-color: var(
        --DS-color-content-neutral-subdued-disabled
    );
    --dxbl-treeview-btn-disabled-bg: var(
        --DS-color-surface-neutral-muted-disabled
    );
    --dxbl-treeview-btn-active-color: var(
        --DS-color-content-neutral-default-pressed
    );
    --dxbl-treeview-btn-active-bg: var(
        --DS-color-surface-neutral-subdued-pressed
    );
    --dxbl-treeview-badge-font-family: var(--DS-font-family-sans-serif);
    --dxbl-treeview-badge-font-weight: 500;
    --dxbl-treeview-badge-letter-spacing: 0em;
    --dxbl-treeview-badge-border-radius: var(--DS-border-radius-full);
    --dxbl-treeview-default-badge-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-treeview-default-badge-bg: var(
        --DS-color-surface-neutral-subdued-rest
    );
    --dxbl-treeview-badge-active-color: var(
        --DS-color-content-neutral-static-inverted-rest
    );
    --dxbl-treeview-badge-active-bg: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-treeview-badge-disabled-color: var(
        --DS-color-content-neutral-subdued-disabled
    );
    --dxbl-treeview-badge-disabled-bg: var(
        --DS-color-surface-neutral-subdued-disabled
    );
    --dxbl-treeview-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-treeview-font-size-m: var(--DS-font-size-body-1);
    --dxbl-treeview-font-size-l: var(--DS-font-size-body-2);
    --dxbl-treeview-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-treeview-line-height-m: var(--DS-line-height-body-1);
    --dxbl-treeview-line-height-l: var(--DS-line-height-body-2);
    --dxbl-treeview-item-content-indent-s: var(--DS-sizing-120);
    --dxbl-treeview-item-content-indent-m: var(--DS-sizing-160);
    --dxbl-treeview-item-content-indent-l: var(--DS-sizing-200);
    --dxbl-treeview-content-spacing-s: var(--DS-sizing-40);
    --dxbl-treeview-content-spacing-m: var(--DS-sizing-60);
    --dxbl-treeview-content-spacing-l: var(--DS-sizing-80);
    --dxbl-treeview-btn-padding-s: var(--DS-sizing-30);
    --dxbl-treeview-btn-padding-m: calc(
        var(--DS-sizing-40) + var(--DS-sizing-10)
    );
    --dxbl-treeview-btn-padding-l: calc(
        var(--DS-sizing-60) + var(--DS-sizing-10)
    );
    --dxbl-treeview-badge-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-treeview-badge-font-size-m: var(--DS-font-size-body-1);
    --dxbl-treeview-badge-font-size-l: var(--DS-font-size-body-2);
    --dxbl-treeview-badge-line-height-s: var(--DS-line-height-caption-1-strong);
    --dxbl-treeview-badge-line-height-m: var(--DS-line-height-body-1);
    --dxbl-treeview-badge-line-height-l: var(--DS-line-height-body-2);
    --dxbl-treeview-badge-padding-x-s: var(--DS-sizing-60);
    --dxbl-treeview-badge-padding-x-m: var(--DS-sizing-80);
    --dxbl-treeview-badge-padding-x-l: var(--DS-sizing-100);
    --dxbl-treeview-navigation-filter-bottom-spacing-s: var(--DS-sizing-60);
    --dxbl-treeview-navigation-filter-bottom-spacing-m: var(--DS-sizing-80);
    --dxbl-treeview-navigation-filter-bottom-spacing-l: var(--DS-sizing-100);
    --dxbl-treeview-check-all-left-spacing-s: var(--DS-sizing-240);
    --dxbl-treeview-check-all-left-spacing-m: var(--DS-sizing-320);
    --dxbl-treeview-check-all-left-spacing-l: calc(
        var(--DS-sizing-320) + var(--DS-sizing-80)
    );
}
.dxbl-treeview {
    padding: var(--dxbl-treeview-spacing-y) var(--dxbl-treeview-spacing-x);
}
.dxbl-treeview .dxbl-navigation-filter {
    margin-bottom: var(--dxbl-treeview-navigation-filter-bottom-spacing);
    width: 100%;
}
.dxbl-treeview .dxbl-filter-content {
    background-color: var(--dxbl-treeview-navigation-filter-content-bg-color);
    color: var(--dxbl-treeview-navigation-filter-content-color);
}
.dxbl-treeview .dxbl-treeview-empty-data {
    text-align: center;
    padding: var(--dxbl-treeview-empty-data-padding-y)
        var(--dxbl-treeview-empty-data-padding-x);
}
.dxbl-treeview .dxbl-treeview-item-indent {
    min-width: calc(
        var(--dxbl-treeview-item-indent, 0) *
            var(--dxbl-treeview-item-content-indent)
    );
}
.dxbl-treeview:not(.dxbl-treeview-no-expand-btn)
    .dxbl-treeview-checkbox-check-all {
    padding-left: var(--dxbl-treeview-check-all-left-spacing);
}
.dxbl-treeview .dxbl-checkbox {
    --dxbl-checkbox-padding: var(--dxbl-treeview-content-spacing);
}
.dxbl-treeview .dxbl-checkbox.dxbl-treeview-checkbox-check-all {
    --dxbl-checkbox-padding: 0;
    --dxbl-checkbox-focused-check-element-frame-outline-color: transparent;
    --dxbl-checkbox-color: var(--dxbl-treeview-item-color);
    --dxbl-checkbox-font-family: var(--dxbl-treeview-font-family);
    --dxbl-checkbox-font-size: var(--dxbl-treeview-font-size);
    --dxbl-checkbox-font-weight: var(--dxbl-treeview-font-weight);
    --dxbl-checkbox-line-height: var(--dxbl-treeview-line-height);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: var(--dxbl-treeview-check-all-border-bottom-width)
        var(--dxbl-treeview-check-all-border-bottom-style)
        var(--dxbl-treeview-check-all-border-bottom-color);
    padding-bottom: var(--dxbl-treeview-check-all-bottom-spacing);
}
.dxbl-treeview
    .dxbl-checkbox.dxbl-treeview-checkbox-check-all
    ~ *
    .dxbl-treeview-items-container[role="tree"] {
    padding-top: var(--dxbl-treeview-check-all-bottom-spacing);
}
.dxbl-treeview
    .dxbl-checkbox.dxbl-treeview-checkbox-check-all
    > .dxbl-checkbox-check-element {
    margin: var(--dxbl-treeview-content-spacing);
}
.dxbl-treeview .dxbl-checkbox > label {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.dxbl-treeview .dxbl-treeview-container {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.dxbl-treeview
    .dxbl-treeview-container:not([data-dx-focus-hidden])
    .dxbl-treeview-item-container:focus-visible,
.dxbl-treeview
    .dxbl-treeview-container:not([data-dx-focus-hidden])
    .dxbl-treeview-tmpl:focus-visible {
    outline: var(--dxbl-treeview-item-focus-outline-width) solid
        var(--dxbl-treeview-item-focus-outline-color);
    outline-offset: var(--dxbl-treeview-item-focus-outline-offset);
}
.dxbl-treeview
    .dxbl-treeview-container:not([data-dx-focus-hidden])
    .dxbl-treeview-checkbox-check-all:not([data-dx-focus-hidden])
    .dxbl-checkbox-check-element:has(input:focus)
    + label {
    border-radius: var(--dxbl-treeview-item-border-radius);
    outline: var(--dxbl-treeview-item-focus-outline-width) solid
        var(--dxbl-treeview-item-focus-outline-color);
    outline-offset: var(--dxbl-treeview-item-focus-outline-offset);
}
.dxbl-treeview
    .dxbl-treeview-container[data-dx-focus-hidden]
    .dxbl-treeview-item-container:focus-visible,
.dxbl-treeview
    .dxbl-treeview-container[data-dx-focus-hidden]
    .dxbl-treeview-tmpl:focus-visible {
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    outline: unset;
}
.dxbl-treeview .dxbl-treeview-items-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
.dxbl-treeview .dxbl-treeview-items-container[role="tree"] {
    padding-right: var(--dxbl-treeview-root-items-container-spacing-x);
}
.dxbl-treeview
    .dxbl-treeview-items-container
    .dxbl-treeview-items-container
    .dxbl-treeview-tmpl,
.dxbl-treeview
    .dxbl-treeview-items-container
    .dxbl-treeview-items-container
    .dxbl-treeview-tmpl
    ~ * {
    margin-left: var(--dxbl-treeview-item-content-indent);
}
.dxbl-treeview .dxbl-treeview-item {
    pointer-events: var(--dxbl-treeview-pointer-events);
}
.dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content {
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: var(--dxbl-treeview-item-spacing);
}
.dxbl-treeview .dxbl-treeview-item > .dxbl-treeview-item-content > .dxbl-btn {
    position: relative;
    --dxbl-btn-box-shadow: none;
    --dxbl-btn-color: var(--dxbl-treeview-btn-color);
    --dxbl-btn-bg: var(--dxbl-treeview-btn-bg);
    --dxbl-btn-border-color: var(--dxbl-treeview-btn-border-color);
    --dxbl-btn-border-hover-color: var(--dxbl-treeview-btn-border-hover-color);
    --dxbl-btn-hover-border-color: var(--dxbl-treeview-btn-border-hover-color);
    --dxbl-btn-hover-bg: var(--dxbl-treeview-btn-hover-bg);
    --dxbl-btn-hover-color: var(--dxbl-treeview-btn-hover-color);
    --dxbl-btn-active-bg: var(--dxbl-treeview-btn-active-bg);
    --dxbl-btn-active-color: var(--dxbl-treeview-btn-active-color);
    --dxbl-btn-padding-x: var(--dxbl-treeview-btn-padding);
    --dxbl-btn-padding-y: var(--dxbl-treeview-btn-padding);
}
.dxbl-treeview
    .dxbl-treeview-item
    > .dxbl-treeview-item-content
    > .dxbl-btn:not(.dxbl-nav-expand-btn-custom) {
    --dxbl-btn-border-radius: var(--dxbl-treeview-default-btn-border-radius);
}
.dxbl-treeview
    .dxbl-treeview-item
    > .dxbl-treeview-item-content
    > .dxbl-treeview-item-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    overflow-x: hidden;
    position: relative;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    border-radius: var(--dxbl-treeview-item-border-radius);
    font-family: var(--dxbl-treeview-font-family);
    font-size: var(--dxbl-treeview-font-size);
    font-weight: var(--dxbl-treeview-font-weight);
    line-height: var(--dxbl-treeview-line-height);
    cursor: var(--dxbl-treeview-item-cursor);
    color: var(--dxbl-treeview-item-color);
    background-color: var(--dxbl-treeview-item-bg);
    padding: var(--dxbl-treeview-content-spacing);
}
.dxbl-treeview
    .dxbl-treeview-item
    > .dxbl-treeview-item-content
    > .dxbl-treeview-item-container
    > .dxbl-image {
    display: inline-block;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: var(--dxbl-treeview-content-spacing);
}
.dxbl-treeview
    .dxbl-treeview-item
    > .dxbl-treeview-item-content
    > .dxbl-treeview-item-container
    > .dxbl-treeview-item-text-container.dxbl-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    white-space: var(--dxbl-treeview-item-text-wrap);
}
.dxbl-treeview
    .dxbl-treeview-item
    > .dxbl-treeview-item-content
    > .dxbl-treeview-item-container
    .dxbl-treeview-item-text-container.dxbl-treeview-item-text-tmpl {
    width: 100%;
}
.dxbl-treeview
    .dxbl-treeview-item
    > .dxbl-treeview-item-content
    > .dxbl-treeview-item-container
    .dxbl-treeview-item-text-container.dxbl-treeview-item-text-tmpl
    > .dxbl-text {
    width: 100%;
}
.dxbl-treeview
    .dxbl-treeview-item
    > .dxbl-treeview-item-content
    > .dxbl-treeview-item-container
    .dxbl-treeview-item-text-container
    > .dxbl-treeview-item-text {
    overflow-x: hidden;
    text-overflow: ellipsis;
}
.dxbl-treeview .dxbl-badge {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    white-space: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--dxbl-treeview-badge-font-family);
    font-size: var(--dxbl-treeview-badge-font-size);
    font-weight: var(--dxbl-treeview-badge-font-weight);
    line-height: var(--dxbl-treeview-badge-line-height);
    color: var(--dxbl-treeview-badge-color);
    border-radius: var(--dxbl-treeview-badge-border-radius);
    background-color: var(--dxbl-treeview-badge-bg);
    margin-left: var(--dxbl-treeview-content-spacing);
    padding: 0 var(--dxbl-treeview-badge-padding-x);
}
.dxbl-treeview {
    --dxbl-treeview-font-size: var(--dxbl-treeview-font-size-m);
    --dxbl-treeview-line-height: var(--dxbl-treeview-line-height-m);
    --dxbl-treeview-item-content-indent: var(
        --dxbl-treeview-item-content-indent-m
    );
    --dxbl-treeview-content-spacing: var(--dxbl-treeview-content-spacing-m);
    --dxbl-treeview-item-text-wrap: normal;
    --dxbl-treeview-item-color: var(--dxbl-treeview-default-item-color);
    --dxbl-treeview-item-bg: var(--dxbl-treeview-default-item-bg);
    --dxbl-treeview-btn-padding: var(--dxbl-treeview-btn-padding-m);
    --dxbl-treeview-badge-padding-x: var(--dxbl-treeview-badge-padding-x-m);
    --dxbl-treeview-badge-font-size: var(--dxbl-treeview-badge-font-size-m);
    --dxbl-treeview-badge-line-height: var(--dxbl-treeview-badge-line-height-m);
    --dxbl-treeview-navigation-filter-bottom-spacing: var(
        --dxbl-treeview-navigation-filter-bottom-spacing-m
    );
    --dxbl-treeview-badge-color: var(--dxbl-treeview-default-badge-color);
    --dxbl-treeview-badge-bg: var(--dxbl-treeview-default-badge-bg);
    --dxbl-treeview-check-all-left-spacing: var(
        --dxbl-treeview-check-all-left-spacing-m
    );
}
.dxbl-treeview.dxbl-treeview-text-nowrap {
    --dxbl-treeview-item-text-wrap: nowrap;
}
.dxbl-treeview .dxbl-treeview-item {
    --dxbl-treeview-pointer-events: auto;
}
.dxbl-treeview .dxbl-treeview-item.dxbl-disabled {
    --dxbl-treeview-pointer-events: none;
    --dxbl-treeview-btn-color: var(--dxbl-treeview-btn-disabled-color);
    --dxbl-treeview-btn-bg: var(--dxbl-treeview-btn-disabled-bg);
    --dxbl-treeview-badge-color: var(--dxbl-treeview-badge-disabled-color);
    --dxbl-treeview-badge-bg: var(--dxbl-treeview-badge-disabled-bg);
}
.dxbl-treeview .dxbl-treeview-item.dxbl-active {
    --dxbl-treeview-badge-color: var(--dxbl-treeview-badge-active-color);
    --dxbl-treeview-badge-bg: var(--dxbl-treeview-badge-active-bg);
}
.dxbl-treeview
    .dxbl-treeview-item
    .dxbl-treeview-item-container:not(.dxbl-disabled):not(.dxbl-active):hover {
    --dxbl-treeview-item-color: var(--dxbl-treeview-item-hover-color);
    --dxbl-treeview-item-bg: var(--dxbl-treeview-item-hover-bg);
}
.dxbl-treeview
    .dxbl-treeview-item
    .dxbl-treeview-item-container:not(.dxbl-disabled).dxbl-active {
    --dxbl-treeview-item-color: var(--dxbl-treeview-item-active-color);
    --dxbl-treeview-item-bg: var(--dxbl-treeview-item-active-bg);
}
.dxbl-treeview .dxbl-treeview-item .dxbl-treeview-item-container.dxbl-disabled {
    --dxbl-treeview-item-cursor: default;
    --dxbl-treeview-item-color: var(--dxbl-treeview-item-disabled-color);
    --dxbl-treeview-item-bg: var(--dxbl-treeview-item-disabled-bg);
}
.dxbl-treeview
    .dxbl-treeview-item
    .dxbl-treeview-item-container:not(.dxbl-disabled) {
    --dxbl-treeview-item-cursor: pointer;
}
.dxbl-treeview.dxbl-sm {
    --dxbl-treeview-font-size: var(--dxbl-treeview-font-size-s);
    --dxbl-treeview-line-height: var(--dxbl-treeview-line-height-s);
    --dxbl-treeview-item-content-indent: var(
        --dxbl-treeview-item-content-indent-s
    );
    --dxbl-treeview-content-spacing: var(--dxbl-treeview-content-spacing-s);
    --dxbl-treeview-btn-padding: var(--dxbl-treeview-btn-padding-s);
    --dxbl-treeview-badge-padding-x: var(--dxbl-treeview-badge-padding-x-s);
    --dxbl-treeview-badge-font-size: var(--dxbl-treeview-badge-font-size-s);
    --dxbl-treeview-badge-line-height: var(--dxbl-treeview-badge-line-height-s);
    --dxbl-treeview-navigation-filter-bottom-spacing: var(
        --dxbl-treeview-navigation-filter-bottom-spacing-s
    );
    --dxbl-treeview-check-all-left-spacing: var(
        --dxbl-treeview-check-all-left-spacing-s
    );
}
.dxbl-treeview.dxbl-lg {
    --dxbl-treeview-font-size: var(--dxbl-treeview-font-size-l);
    --dxbl-treeview-line-height: var(--dxbl-treeview-line-height-l);
    --dxbl-treeview-item-content-indent: var(
        --dxbl-treeview-item-content-indent-l
    );
    --dxbl-treeview-content-spacing: var(--dxbl-treeview-content-spacing-l);
    --dxbl-treeview-btn-padding: var(--dxbl-treeview-btn-padding-l);
    --dxbl-treeview-badge-padding-x: var(--dxbl-treeview-badge-padding-x-l);
    --dxbl-treeview-badge-font-size: var(--dxbl-treeview-badge-font-size-l);
    --dxbl-treeview-badge-line-height: var(--dxbl-treeview-badge-line-height-l);
    --dxbl-treeview-navigation-filter-bottom-spacing: var(
        --dxbl-treeview-navigation-filter-bottom-spacing-l
    );
    --dxbl-treeview-check-all-left-spacing: var(
        --dxbl-treeview-check-all-left-spacing-l
    );
}
@keyframes dxbl-skeleton-opacity-animation {
    0% {
        opacity: 0.05;
    }
    50% {
        opacity: 0.15;
    }
    100% {
        opacity: 0.05;
    }
}
.dxbl-invisible {
    visibility: hidden !important;
}
.dxbl-visible {
    visibility: visible !important;
}
.dxbl-invisible-content > * {
    visibility: hidden !important;
}
.dxbl-invisible-off-screen {
    visibility: hidden !important;
    -webkit-transform: translateX(-100000px) !important;
    -o-transform: translateX(-100000px) !important;
    transform: translateX(-100000px) !important;
}
.dxbl-visually-hidden {
    border: 0;
    clip: rect(0, 0, 0, 0);
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
}
.dxbl-display-none {
    display: none !important;
}
.dxbl-align-center {
    text-align: center;
}
.dxbl-align-left {
    text-align: left;
}
.dxbl-align-right {
    text-align: right;
}
.dxbl-nowrap {
    white-space: nowrap !important;
}
.dxbl-prevent-safari-scrolling {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.dxbl-preventsel {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dxbl-flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}
.dxbl-flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}
.dxbl-flex-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}
.dxbl-skeleton-animate .dxbl-skeleton-item > div {
    -webkit-animation: 2s linear infinite forwards
        dxbl-skeleton-opacity-animation;
    -o-animation: 2s linear infinite forwards dxbl-skeleton-opacity-animation;
    animation: 2s linear infinite forwards dxbl-skeleton-opacity-animation;
}
.dxbl-skeleton-item > div {
    height: 100%;
    border-radius: 10rem;
    background-color: currentcolor;
    opacity: 0.1;
}
.dxbl-skeleton-item.dxbl-align-right > div {
    margin-left: auto;
    margin-right: 0;
}
.dxbl-skeleton-item.dxbl-align-center > div {
    margin-left: auto;
    margin-right: auto;
}
.dxbl-skeleton-item > .dxbl-skeleton-date {
    max-width: 8rem;
}
.dxbl-skeleton-item > .dxbl-skeleton-bool {
    max-width: 4rem;
}
.dxbl-skeleton-item > .dxbl-skeleton-string-0 {
    width: 50%;
}
.dxbl-skeleton-item > .dxbl-skeleton-number-0 {
    max-width: 3em;
}
.dxbl-skeleton-item > .dxbl-skeleton-string-1 {
    width: 70%;
}
.dxbl-skeleton-item > .dxbl-skeleton-number-1 {
    max-width: 5em;
}
.dxbl-skeleton-item > .dxbl-skeleton-string-2 {
    width: 40%;
}
.dxbl-skeleton-item > .dxbl-skeleton-number-2 {
    max-width: 2em;
}
.dxbl-skeleton-item > .dxbl-skeleton-string-3 {
    width: 60%;
}
.dxbl-skeleton-item > .dxbl-skeleton-number-3 {
    max-width: 4em;
}
.dxbl-skeleton-item > .dxbl-skeleton-string-4 {
    width: 80%;
}
.dxbl-skeleton-item > .dxbl-skeleton-number-4 {
    max-width: 6em;
}
.dxbl-virtual-items-container-pattern {
    position: fixed;
    top: -10000px;
    left: -10000px;
    visibility: hidden;
}
.dxbl-a11y-status-helper {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.dx-prevent-selection {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none;
}
.dxbl-calendar[data-dx-focus-hidden] :focus-within,
.dxbl-dropdown[data-dx-focus-hidden] :focus-within,
.dxbl-grid tbody[data-dx-focus-hidden] :focus,
.dxbl-grid tr[data-dx-focus-hidden] > td:focus,
.dxbl-grid[data-dx-focus-hidden] :focus,
.dxbl-list-box[data-dx-focus-hidden] :focus,
.dxbl-modal[data-dx-focus-hidden] :focus-within,
.dxbl-scheduler[data-dx-focus-hidden] :focus-visible,
[data-dx-focus-hidden] .dxbs-clear-btn:focus,
[data-toggle="gridview-column-sort"]:focus {
    outline: 0 !important;
}
.dxbl-grid[data-dx-focus-hidden] .dxbl-grid-bottom-panel:focus-visible,
.dxbl-grid[data-dx-focus-hidden] .dxbl-grid-focused-row:focus-visible,
.dxbl-grid[data-dx-focus-hidden] .dxbl-grid-group-row:focus-visible,
.dxbl-grid[data-dx-focus-hidden] .dxbl-grid-header:focus-visible,
.dxbl-grid[data-dx-focus-hidden] .dxbl-grid-search-box-container:focus-visible,
.dxbl-grid[data-dx-focus-hidden] .dxbl-grid-toolbar-container:focus-visible,
.dxbl-grid[data-dx-focus-hidden] .dxbl-grid-top-panel:focus-visible,
.dxbl-grid[data-dx-focus-hidden] td:focus-visible,
.dxbl-grid[data-dx-focus-hidden] td:focus-within,
.dxbl-grid[data-dx-focus-hidden] th:focus-visible {
    border-radius: unset !important;
}
.dxbl-grid {
    --dxbl-grid-font-family: var(--DS-font-family-sans-serif);
    --dxbl-grid-font-size: 0.875rem;
    --dxbl-grid-line-height: 1.4285;
    --dxbl-grid-text-height: 1.2499375rem;
    --dxbl-grid-min-width: 240px;
    --dxbl-grid-max-height: 10000px;
    --dxbl-grid-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-grid-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-grid-border-color: var(--DS-color-border-neutral-default-rest);
    --dxbl-grid-fixed-column-border-color: var(
        --DS-color-border-neutral-inverted-subdued-rest
    );
    --dxbl-grid-border-style: solid;
    --dxbl-grid-border-width: var(--DS-border-width-10);
    --dxbl-grid-border-radius: var(--DS-border-radius-40);
    --dxbl-grid-highlighted-text-bg: var(--DS-color-surface-highlight-rest);
    --dxbl-grid-highlighted-text-color: var(--DS-color-content-highlight-rest);
    --dxbl-grid-empty-data-area-padding-x: 1.5rem;
    --dxbl-grid-empty-data-area-padding-y: 3rem;
    --dxbl-grid-text-cell-padding-x: 0.4375rem;
    --dxbl-grid-text-cell-padding-y: 0.37503125rem;
    --dxbl-grid-editor-cell-padding-x: 0.4375rem;
    --dxbl-grid-editor-cell-padding-y: 0.37503125rem;
    --dxbl-grid-toolbar-container-padding-x: 1rem;
    --dxbl-grid-toolbar-container-padding-y: 0.75rem;
    --dxbl-grid-toolbar-container-min-height: 3.375rem;
    --dxbl-grid-group-panel-container-padding-x: 1rem;
    --dxbl-grid-group-panel-container-padding-y: 0.75rem;
    --dxbl-grid-group-panel-container-spacing: 0.5rem;
    --dxbl-grid-group-panel-header-padding-x: 0.625rem;
    --dxbl-grid-group-panel-header-padding-y: 0.18753125rem;
    --dxbl-grid-group-indent-cell-width: 2.25rem;
    --dxbl-grid-search-box-container-width: 17rem;
    --dxbl-grid-search-box-container-padding-x: 1rem;
    --dxbl-grid-search-box-container-padding-y: 0.75rem;
    --dxbl-grid-empty-header-panel-padding-x: 1rem;
    --dxbl-grid-empty-header-panel-padding-y: 0.5rem;
    --dxbl-grid-edit-form-padding-x: 1rem;
    --dxbl-grid-edit-form-padding-y: 1rem;
    --dxbl-grid-inplace-edit-border-width: 2px;
    --dxbl-grid-detail-cell-padding-x: 1.75rem;
    --dxbl-grid-detail-cell-padding-y: 1.75rem;
    --dxbl-grid-expand-btn-bg: transparent;
    --dxbl-grid-expand-btn-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-grid-expand-btn-hover-bg: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxbl-grid-expand-btn-hover-color: var(
        --DS-color-content-neutral-default-hovered
    );
    --dxbl-grid-expand-btn-padding-x: var(--DS-sizing-20);
    --dxbl-grid-expand-btn-padding-y: var(--DS-sizing-20);
    --dxbl-grid-expand-btn-cell-padding-top: calc(
        0.37503125rem - var(--DS-sizing-20) * 2
    );
    --dxbl-grid-header-font-weight: var(--DS-font-weight-body-1-strong);
    --dxbl-grid-header-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-grid-header-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-grid-header-spacing: 0.375rem;
    --dxbl-grid-footer-font-weight: 700;
    --dxbl-grid-footer-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-grid-footer-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-grid-group-footer-font-weight: 600;
    --dxbl-grid-group-footer-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-grid-group-footer-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-grid-selection-bg: var(--DS-color-surface-primary-subdued-rest);
    --dxbl-grid-selection-color: var(
        --DS-color-content-neutral-default-selected
    );
    --dxbl-grid-focus-bg: var(--DS-color-surface-primary-default-rest);
    --dxbl-grid-focus-color: var(--DS-color-content-neutral-static-rest);
    --dxbl-grid-focus-frame-color: var(--DS-color-content-highlight-rest);
    --dxbl-grid-selection-focus-dark-bg: var(
        --DS-color-surface-primary-default-hovered
    );
    --dxbl-grid-selection-focus-dark-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-grid-selection-focus-dark-hover-bg: var(
        --DS-color-surface-primary-default-rest
    );
    --dxbl-grid-touch-bg: var(--DS-color-surface-primary-subdued-hovered);
    --dxbl-grid-touch-color: var(--DS-color-content-neutral-default-hovered);
    --dxbl-grid-hover-bg: var(--DS-color-surface-neutral-default-hovered);
    --dxbl-grid-selected-hover-bg: var(
        --DS-color-surface-primary-subdued-hovered
    );
    --dxbl-grid-hover-color: var(--DS-color-content-neutral-default-hovered);
    --dxbl-grid-edit-row-bg: var(--DS-color-surface-primary-subdued-selected);
    --dxbl-grid-edit-row-color: var(
        --DS-color-content-neutral-default-selected
    );
    --dxbl-grid-text-padding-x: 0.5rem;
    --dxbl-grid-page-selector-text-margin-right: 1rem;
    --dxbl-grid-top-fixed-body-height: 1.75rem;
    --dxbl-grid-row-bg: var(--dxbl-grid-bg);
    --dxbl-grid-header-panel-group-button-height: 2.125rem;
    --dxbl-grid-white-space: normal;
    background-color: var(--dxbl-grid-bg);
    border-radius: var(--dxbl-grid-border-radius);
    border: var(--dxbl-grid-border-width) var(--dxbl-grid-border-style)
        var(--dxbl-grid-border-color);
    color: var(--dxbl-grid-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: var(--dxbl-grid-font-family);
    font-size: var(--dxbl-grid-font-size);
    letter-spacing: var(--DS-letter-spacing-body-1);
    line-height: var(--dxbl-grid-line-height);
    min-width: var(--dxbl-grid-min-width);
    max-height: var(--dxbl-grid-max-height);
    width: 100%;
    text-align: left;
    white-space: var(--dxbl-grid-white-space);
}
.dxbl-grid > .dxbl-loading-panel {
    z-index: 1;
}
.dxbl-grid > .dxbl-grid-bottom-panel,
.dxbl-grid > .dxbl-grid-top-panel {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}
.dxbl-grid > .dxbl-grid-bottom-panel:focus-visible,
.dxbl-grid > .dxbl-grid-top-panel:focus-visible {
    border-radius: var(--DS-border-radius-40);
    outline: 0.15rem solid var(--dxbl-grid-focus-frame-color);
    outline-offset: -0.1875rem;
}
.dxbl-grid
    > .dxbl-grid-bottom-panel
    > .dxbl-pager-page-size-selector
    .dxbl-text,
.dxbl-grid > .dxbl-grid-top-panel > .dxbl-pager-page-size-selector .dxbl-text {
    margin-right: var(--dxbl-grid-page-selector-text-margin-right);
}
.dxbl-grid > .dxbl-grid-bottom-panel {
    border-top: var(--dxbl-grid-border-width) var(--dxbl-grid-border-style)
        var(--dxbl-grid-border-color);
}
.dxbl-grid > .dxbl-grid-bottom-panel:last-of-type {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.dxbl-grid > .dxbl-grid-toolbar-container {
    padding: var(--dxbl-grid-toolbar-container-padding-y)
        var(--dxbl-grid-toolbar-container-padding-x);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: var(--dxbl-grid-toolbar-container-min-height);
}
.dxbl-grid > .dxbl-grid-toolbar-container:focus-visible {
    border-radius: var(--DS-border-radius-40);
    outline: 0.15rem solid var(--dxbl-grid-focus-frame-color);
    outline-offset: -0.1875rem;
}
.dxbl-grid > .dxbl-grid-toolbar-container,
.dxbl-grid > .dxbl-grid-top-panel {
    border-bottom: var(--dxbl-grid-border-width) var(--dxbl-grid-border-style)
        var(--dxbl-grid-border-color);
}
.dxbl-grid > .dxbl-grid-top-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-grid > .dxbl-grid-top-panel:first-of-type {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.dxbl-grid > .dxbl-grid-top-panel > .dxbl-grid-group-panel-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: var(--dxbl-grid-group-panel-container-padding-y)
        var(--dxbl-grid-group-panel-container-padding-x) 0;
}
.dxbl-grid
    > .dxbl-grid-top-panel
    > .dxbl-grid-group-panel-container
    .dxbl-grid-filter-menu-funnel-btn {
    --dxbl-grid-filter-menu-funnel-btn-margin-y: calc(
        var(--dxbl-grid-group-panel-header-padding-y) * -1
    );
}
.dxbl-grid > .dxbl-grid-top-panel > .dxbl-grid-group-panel-container > * {
    margin-bottom: var(--dxbl-grid-group-panel-container-padding-y);
}
.dxbl-grid
    > .dxbl-grid-top-panel
    > .dxbl-grid-group-panel-container
    > :not(:last-child) {
    margin-right: var(--dxbl-grid-group-panel-container-spacing);
}
.dxbl-grid
    > .dxbl-grid-top-panel
    > .dxbl-grid-group-panel-container
    > .dxbl-text {
    --dxbl-text-padding-x: 0;
}
.dxbl-grid
    > .dxbl-grid-top-panel
    > .dxbl-grid-group-panel-container
    .dxbl-grid-group-panel-free-space {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
}
.dxbl-grid
    > .dxbl-grid-top-panel
    > .dxbl-grid-group-panel-container
    .dxbl-grid-header {
    border: var(--dxbl-grid-border-width) var(--dxbl-grid-border-style)
        var(--dxbl-grid-border-color);
    border-radius: var(--dxbl-grid-border-radius);
    padding: var(--dxbl-grid-group-panel-header-padding-y)
        var(--dxbl-grid-group-panel-header-padding-x);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    vertical-align: middle;
    min-height: var(--dxbl-grid-header-panel-group-button-height);
}
.dxbl-grid
    > .dxbl-grid-top-panel
    > .dxbl-grid-group-panel-container
    .dxbl-grid-header:focus-visible {
    border-radius: var(--DS-border-radius-40);
    outline: 0.15rem solid var(--dxbl-grid-focus-frame-color);
    outline-offset: -0.1875rem;
}
.dxbl-grid > .dxbl-grid-top-panel > .dxbl-grid-search-box-container {
    margin-left: auto;
    width: var(--dxbl-grid-search-box-container-width);
    padding: var(--dxbl-grid-search-box-container-padding-y)
        var(--dxbl-grid-search-box-container-padding-x);
}
.dxbl-grid
    > .dxbl-grid-top-panel
    > .dxbl-grid-search-box-container:focus-visible {
    border-radius: var(--DS-border-radius-40);
    outline: 0.15rem solid var(--dxbl-grid-focus-frame-color);
    outline-offset: -0.1875rem;
}
.dxbl-grid
    > .dxbl-grid-top-panel
    > .dxbl-grid-search-box-container
    > .dxbl-grid-search-box {
    min-height: var(--dxbl-grid-header-panel-group-button-height);
}
.dxbl-grid > .dxbl-grid-top-panel.dxbl-grid-multiple-panel {
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}
@media (max-width: 768px) {
    .dxbl-grid > .dxbl-grid-top-panel > .dxbl-grid-search-box-container {
        width: 100%;
    }
    .dxbl-grid
        > .dxbl-grid-top-panel.dxbl-grid-multiple-panel
        > .dxbl-grid-search-box-container {
        padding-bottom: 0;
    }
    .dxbl-grid
        > .dxbl-grid-top-panel.dxbl-grid-multiple-panel
        > .dxbl-grid-search-box-container:focus {
        outline: 0;
    }
    .dxbl-grid
        > .dxbl-grid-top-panel.dxbl-grid-multiple-panel
        > .dxbl-grid-search-box-container:focus
        > .dxbl-grid-search-box {
        border-radius: var(--DS-border-radius-40);
        outline: 0.15rem solid var(--dxbl-grid-focus-frame-color);
    }
}
.dxbl-grid .dxbl-grid-highlighted-text {
    color: var(--dxbl-grid-highlighted-text-color);
    background-color: var(--dxbl-grid-highlighted-text-bg);
}
.dxbl-grid .dxbl-grid-empty-data-area {
    height: 100%;
    text-align: center;
    padding: var(--dxbl-grid-empty-data-area-padding-y)
        var(--dxbl-grid-empty-data-area-padding-x);
    border-top: 0;
    border-bottom: 0;
}
.dxFirefox .dxbl-grid .dxbl-grid-empty-data-area {
    height: auto;
}
.dxbl-grid .dxbl-grid-empty-data-area span.dxbl-grid-empty-data-not-found {
    display: block;
    color: var(--DS-color-content-neutral-subdued-rest);
    font-weight: var(--DS-font-weight-subtitle-2);
}
.dxbl-grid .dxbl-grid-empty-data-area span.dxbl-grid-empty-data-loading {
    vertical-align: middle;
    padding-left: 0.5rem;
    color: var(--DS-color-content-neutral-default-rest);
    font-weight: var(--DS-font-weight-subtitle-2);
}
.dxbl-grid .dxbl-grid-empty-data-area .dxbl-wait-indicator {
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
}
.dxbl-grid .dxbl-grid-empty-data-area .dxbl-image {
    width: 3rem;
    height: 3rem;
    color: var(--DS-color-content-neutral-subdued-rest);
}
.dxbl-grid .dxbl-pager {
    --dxbl-pager-font-family: var(--dxbl-grid-font-family);
    --dxbl-pager-font-size: var(--dxbl-grid-font-size);
}
.dxbl-grid .dxbl-text-edit {
    --dxbl-text-edit-font-family: var(--dxbl-grid-font-family);
    --dxbl-text-edit-font-size: var(--dxbl-grid-font-size);
}
.dxbl-grid .dxbl-checkbox {
    --dxbl-checkbox-font-family: var(--dxbl-grid-font-family);
    --dxbl-checkbox-font-size: var(--dxbl-grid-font-size);
}
.dxbl-grid.dxbl-sm {
    --dxbl-grid-font-size: 0.75rem;
    --dxbl-grid-line-height: 1.333;
    --dxbl-grid-text-height: 0.99975rem;
    --dxbl-grid-empty-data-area-padding-x: 1rem;
    --dxbl-grid-empty-data-area-padding-y: 2rem;
    --dxbl-grid-text-cell-padding-x: 0.4375rem;
    --dxbl-grid-text-cell-padding-y: 0.250125rem;
    --dxbl-grid-editor-cell-padding-x: 0.4375rem;
    --dxbl-grid-editor-cell-padding-y: 0.250125rem;
    --dxbl-grid-toolbar-container-padding-x: 0.75rem;
    --dxbl-grid-toolbar-container-padding-y: 0.5rem;
    --dxbl-grid-toolbar-container-min-height: 2.625rem;
    --dxbl-grid-group-panel-container-padding-x: 0.75rem;
    --dxbl-grid-group-panel-container-padding-y: 0.5rem;
    --dxbl-grid-group-panel-container-spacing: 0.25rem;
    --dxbl-grid-group-panel-header-padding-x: 0.375rem;
    --dxbl-grid-group-panel-header-padding-y: 0;
    --dxbl-grid-group-indent-cell-width: 2rem;
    --dxbl-grid-expand-btn-padding-x: var(--DS-sizing-20);
    --dxbl-grid-expand-btn-padding-y: var(--DS-sizing-20);
    --dxbl-grid-expand-btn-cell-padding-top: calc(
        0.250125rem - var(--DS-sizing-20) * 2
    );
    --dxbl-grid-search-box-container-width: 15rem;
    --dxbl-grid-search-box-container-padding-x: 0.75rem;
    --dxbl-grid-search-box-container-padding-y: 0.5rem;
    --dxbl-grid-empty-header-panel-padding-x: 0.75rem;
    --dxbl-grid-empty-header-panel-padding-y: 0.375rem;
    --dxbl-grid-edit-form-padding-x: 0.5rem;
    --dxbl-grid-edit-form-padding-y: 0.5rem;
    --dxbl-grid-detail-cell-padding-x: 1.5rem;
    --dxbl-grid-detail-cell-padding-y: 1.5rem;
    --dxbl-grid-header-spacing: 0.25rem;
    --dxbl-grid-header-font-weight: var(--DS-font-weight-caption-1-strong);
    --dxbl-grid-text-padding-x: 0.375;
    --dxbl-grid-page-selector-text-margin-right: 0.5rem;
    --dxbl-grid-top-fixed-body-height: 1.5rem;
    --dxbl-grid-header-panel-group-button-height: 1.625rem;
}
.dxbl-grid.dxbl-sm .dxbl-grid-empty-data-area .dxbl-image {
    width: 2rem;
    height: 2rem;
}
.dxbl-grid.dxbl-sm .dxbl-grid-empty-data-area .dxbl-wait-indicator {
    width: 1.5rem;
    height: 1.5rem;
}
.dxbl-grid.dxbl-sm
    .dxbl-grid-empty-data-area
    span.dxbl-grid-empty-data-loading {
    padding-left: 0.4rem;
}
.dxbl-grid.dxbl-lg {
    --dxbl-grid-font-size: 1rem;
    --dxbl-grid-line-height: 1.5;
    --dxbl-grid-text-height: 1.5rem;
    --dxbl-grid-empty-data-area-padding-x: 2rem;
    --dxbl-grid-empty-data-area-padding-y: 4rem;
    --dxbl-grid-text-cell-padding-x: 0.4375rem;
    --dxbl-grid-text-cell-padding-y: 0.5rem;
    --dxbl-grid-editor-cell-padding-x: 0.4375rem;
    --dxbl-grid-editor-cell-padding-y: 0.5rem;
    --dxbl-grid-toolbar-container-padding-x: 1.25rem;
    --dxbl-grid-toolbar-container-padding-y: 1rem;
    --dxbl-grid-toolbar-container-min-height: 4.125rem;
    --dxbl-grid-group-panel-container-padding-x: 1.25rem;
    --dxbl-grid-group-panel-container-padding-y: 1rem;
    --dxbl-grid-group-panel-container-spacing: 0.75rem;
    --dxbl-grid-group-panel-header-padding-x: 0.875rem;
    --dxbl-grid-group-panel-header-padding-y: 0.25rem;
    --dxbl-grid-group-indent-cell-width: 2.5rem;
    --dxbl-grid-expand-btn-padding-x: var(--DS-sizing-20);
    --dxbl-grid-expand-btn-padding-y: var(--DS-sizing-20);
    --dxbl-grid-expand-btn-cell-padding-top: calc(
        0.5rem - var(--DS-sizing-20) * 2
    );
    --dxbl-grid-search-box-container-width: 19rem;
    --dxbl-grid-search-box-container-padding-x: 1.25rem;
    --dxbl-grid-search-box-container-padding-y: 1rem;
    --dxbl-grid-empty-header-panel-padding-x: 1.25rem;
    --dxbl-grid-empty-header-panel-padding-y: 0.625rem;
    --dxbl-grid-edit-form-padding-x: 1.5rem;
    --dxbl-grid-edit-form-padding-y: 1.5rem;
    --dxbl-grid-edit-form-buttons-padding-x: 0;
    --dxbl-grid-edit-form-buttons-padding-y: 1rem;
    --dxbl-grid-edit-form-buttons-spacing: 0.625rem;
    --dxbl-grid-detail-cell-padding-x: 2rem;
    --dxbl-grid-detail-cell-padding-y: 2rem;
    --dxbl-grid-header-spacing: 0.5rem;
    --dxbl-grid-header-font-weight: var(--DS-font-weight-subtitle-2);
    --dxbl-grid-text-padding-x: 0.625rem;
    --dxbl-grid-page-selector-text-margin-right: 1.5rem;
    --dxbl-grid-top-fixed-body-height: 2rem;
    --dxbl-grid-header-panel-group-button-height: 2.625rem;
}
.dxbl-grid.dxbl-lg .dxbl-grid-empty-data-area .dxbl-image {
    width: 4rem;
    height: 4rem;
}
.dxbl-grid.dxbl-lg .dxbl-grid-empty-data-area .dxbl-wait-indicator {
    width: 2.5rem;
    height: 2.5rem;
}
.dxbl-grid.dxbl-lg
    .dxbl-grid-empty-data-area
    span.dxbl-grid-empty-data-loading {
    padding-left: 0.6rem;
}
.dxbl-grid.dxbl-grid-nowrap {
    --dxbl-grid-white-space: nowrap;
    white-space: var(--dxbl-grid-white-space);
}
.dxbl-grid.dxbl-grid-nowrap
    .dxbl-grid-top-panel
    > .dxbl-grid-group-panel-container {
    overflow: hidden;
}
.dxbl-grid.dxbl-grid-nowrap
    .dxbl-grid-top-panel
    > .dxbl-grid-group-panel-container
    > .dxbl-text {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dxbl-grid-header-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: var(--dxbl-grid-header-font-weight);
}
.dxbl-grid-header-content
    > :not(:last-child, .dxbl-grid-filter-menu-funnel-btn) {
    margin-right: var(--dxbl-grid-header-spacing);
}
.dxbl-grid-header-content span:first-child {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
@-webkit-keyframes dxbl-grid-selection-checkbox-background-position-animation {
    0% {
        background-position-x: -500%;
    }
    100% {
        background-position-x: 600%;
    }
}
@-o-keyframes dxbl-grid-selection-checkbox-background-position-animation {
    0% {
        background-position-x: -500%;
    }
    100% {
        background-position-x: 600%;
    }
}
@keyframes dxbl-grid-selection-checkbox-background-position-animation {
    0% {
        background-position-x: -500%;
    }
    100% {
        background-position-x: 600%;
    }
}
.dxbl-grid-command-cell:is(.dxbl-grid-command-cell) .dxbl-btn,
.dxbl-grid-selection-cell:is(.dxbl-grid-command-cell) .dxbl-btn {
    max-width: 100%;
}
.dxbl-grid-command-cell
    .dxbl-checkbox.dxbl-grid-selection-check-wave-animated
    .dxbl-checkbox-check-element::after,
.dxbl-grid-selection-cell
    .dxbl-checkbox.dxbl-grid-selection-check-wave-animated
    .dxbl-checkbox-check-element::after {
    content: "";
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: var(--DS-border-radius-40);
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(255, 255, 255, 0)),
        color-stop(50%, rgba(255, 255, 255, 0.5)),
        to(rgba(255, 255, 255, 0))
    );
    background-image: -webkit-linear-gradient(
        left,
        rgba(255, 255, 255, 0) 0,
        rgba(255, 255, 255, 0.5) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    background-image: -o-linear-gradient(
        left,
        rgba(255, 255, 255, 0) 0,
        rgba(255, 255, 255, 0.5) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    background-image: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0,
        rgba(255, 255, 255, 0.5) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    background-repeat: no-repeat;
    -webkit-background-size: 70% 100%;
    background-size: 70% 100%;
    -webkit-animation: 1.5s linear infinite
        dxbl-grid-selection-checkbox-background-position-animation;
    -o-animation: 1.5s linear infinite
        dxbl-grid-selection-checkbox-background-position-animation;
    animation: 1.5s linear infinite
        dxbl-grid-selection-checkbox-background-position-animation;
}
.dxbl-grid-command-cell .dxbl-grid-header-content,
.dxbl-grid-selection-cell .dxbl-grid-header-content {
    height: 100%;
    overflow: hidden;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: -0.15rem 0;
}
.dxbl-grid-command-cell .dxbl-grid-header-content.dxbl-align-center,
.dxbl-grid-selection-cell .dxbl-grid-header-content.dxbl-align-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.dxbl-grid-command-cell .dxbl-grid-header-content > .dxbl-checkbox,
.dxbl-grid-selection-cell .dxbl-grid-header-content > .dxbl-checkbox {
    border: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: calc(
            (
                    var(--dxbl-grid-text-height) -
                        var(--dxbl-checkbox-check-element-height)
                ) /
                2
        )
        0;
    padding: 0.15rem 0;
    vertical-align: top;
}
.dxbl-grid-command-cell .dxbl-grid-header-content.dxbl-align-right,
.dxbl-grid-selection-cell .dxbl-grid-header-content.dxbl-align-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.dxbl-grid-command-cell
    .dxbl-grid-header-content
    > .dxbl-grid-select-all-split-btn-container,
.dxbl-grid-selection-cell
    .dxbl-grid-header-content
    > .dxbl-grid-select-all-split-btn-container {
    --dxbl-grid-select-all-split-btn-container-btn-margin-left: 1.25rem;
    --dxbl-grid-header-spacing: 0;
    padding: 0.15rem;
}
.dxbl-grid-command-cell
    .dxbl-grid-header-content
    > .dxbl-grid-select-all-split-btn-container
    .dxbl-btn-split,
.dxbl-grid-selection-cell
    .dxbl-grid-header-content
    > .dxbl-grid-select-all-split-btn-container
    .dxbl-btn-split {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: var(
        --dxbl-grid-select-all-split-btn-container-btn-margin-left
    );
}
.dxbl-grid-command-cell
    .dxbl-grid-header-content
    > .dxbl-grid-select-all-split-btn-container
    .dxbl-btn-split
    > .dxbl-btn,
.dxbl-grid-selection-cell
    .dxbl-grid-header-content
    > .dxbl-grid-select-all-split-btn-container
    .dxbl-btn-split
    > .dxbl-btn {
    --dxbl-btn-bg: transparent;
    --dxbl-btn-hover-bg: transparent;
    --dxbl-btn-hover-background: none;
    --dxbl-btn-border-width: 0;
    --dxbl-btn-padding-x: 0;
    --dxbl-btn-padding-y: 0;
    --dxbl-btn-box-shadow: none;
}
.dxbl-grid-command-cell
    .dxbl-grid-header-content
    > .dxbl-grid-select-all-split-btn-container
    .dxbl-btn-split
    > .dxbl-btn:not(.dxbl-btn-split-dropdown),
.dxbl-grid-selection-cell
    .dxbl-grid-header-content
    > .dxbl-grid-select-all-split-btn-container
    .dxbl-btn-split
    > .dxbl-btn:not(.dxbl-btn-split-dropdown) {
    margin-right: 0;
}
.dxbl-grid-command-cell
    .dxbl-grid-header-content
    > .dxbl-grid-select-all-split-btn-container
    .dxbl-btn-split
    > .dxbl-btn:not(.dxbl-btn-split-dropdown)
    > .dxbl-checkbox,
.dxbl-grid-selection-cell
    .dxbl-grid-header-content
    > .dxbl-grid-select-all-split-btn-container
    .dxbl-btn-split
    > .dxbl-btn:not(.dxbl-btn-split-dropdown)
    > .dxbl-checkbox {
    --dxbl-checkbox-border-width: 0;
    border: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 0;
    padding: 0 0;
    vertical-align: top;
}
.dxbl-grid-command-cell
    .dxbl-grid-header-content
    > .dxbl-grid-select-all-split-btn-container
    .dxbl-btn-split
    > .dxbl-btn.dxbl-btn-split-dropdown,
.dxbl-grid-selection-cell
    .dxbl-grid-header-content
    > .dxbl-grid-select-all-split-btn-container
    .dxbl-btn-split
    > .dxbl-btn.dxbl-btn-split-dropdown {
    --dxbl-btn-padding-x: 0;
    border-radius: 3rem !important;
}
.dxbl-grid-command-cell
    .dxbl-grid-header-content
    > .dxbl-grid-select-all-split-btn-container
    .dxbl-btn-split
    > .dxbl-btn.dxbl-btn-split-dropdown:not(.dxbl-disabled):not(
        :disabled
    ):hover,
.dxbl-grid-selection-cell
    .dxbl-grid-header-content
    > .dxbl-grid-select-all-split-btn-container
    .dxbl-btn-split
    > .dxbl-btn.dxbl-btn-split-dropdown:not(.dxbl-disabled):not(
        :disabled
    ):hover {
    background-color: var(--dxbl-grid-expand-btn-hover-bg);
    color: var(--dxbl-grid-expand-btn-hover-color);
}
.dxbl-grid-command-cell
    .dxbl-grid-header-content
    > .dxbl-grid-select-all-split-btn-container
    .dxbl-btn-split
    > .dxbl-btn.dxbl-btn-split-dropdown:focus-visible,
.dxbl-grid-selection-cell
    .dxbl-grid-header-content
    > .dxbl-grid-select-all-split-btn-container
    .dxbl-btn-split
    > .dxbl-btn.dxbl-btn-split-dropdown:focus-visible {
    border-radius: var(--DS-border-radius-40);
    outline: 0.15rem solid var(--dxbl-grid-focus-frame-color);
    outline-offset: -0.1875rem;
}
.dxbl-grid-command-cell
    .dxbl-grid-header-content
    > .dxbl-grid-select-all-split-btn-container.dxbl-sm,
.dxbl-grid-selection-cell
    .dxbl-grid-header-content
    > .dxbl-grid-select-all-split-btn-container.dxbl-sm {
    --dxbl-grid-select-all-split-btn-container-btn-margin-left: 1rem;
}
.dxbl-grid-command-cell
    .dxbl-grid-header-content
    > .dxbl-grid-select-all-split-btn-container.dxbl-lg,
.dxbl-grid-selection-cell
    .dxbl-grid-header-content
    > .dxbl-grid-select-all-split-btn-container.dxbl-lg {
    --dxbl-grid-select-all-split-btn-container-btn-margin-left: 1.5rem;
}
.dxbl-grid-draggable-header {
    --dxbl-grid-draggable-header-font-size: 0.875rem;
    --dxbl-grid-draggable-header-line-height: 1.4285;
    --dxbl-grid-draggable-header-bg: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-grid-draggable-header-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-grid-draggable-header-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-grid-draggable-header-border-style: solid;
    --dxbl-grid-draggable-header-border-width: var(--DS-border-width-10);
    --dxbl-grid-draggable-header-border-radius: var(--DS-border-radius-40);
    font-size: var(--dxbl-grid-draggable-header-font-size);
    line-height: var(--dxbl-grid-draggable-header-line-height);
    background-color: var(--dxbl-grid-draggable-header-bg);
    border-radius: var(--dxbl-grid-draggable-header-border-radius);
    border: var(--dxbl-grid-draggable-header-border-width)
        var(--dxbl-grid-draggable-header-border-style)
        var(--dxbl-grid-draggable-header-border-color);
    visibility: hidden;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    z-index: 20000;
    cursor: move;
    top: 0;
    left: 0;
    pointer-events: none;
}
.dxbl-grid-draggable-header .dxbl-grid-header-content {
    width: 100%;
}
.dxbl-grid-draggable-header .dxbl-grid-header-content > span {
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: normal;
}
.dxbl-grid-draggable-header::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: move;
}
.dxbl-grid-row-drag-hint {
    --dxbl-grid-row-drag-hint-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-grid-row-drag-hint-text-padding-x: 0.5rem;
    --dxbl-grid-row-drag-hint-text-cell-padding-x: 0.4375rem;
    --dxbl-grid-row-drag-hint-text-cell-padding-y: 0.37503125rem;
    --dxbl-grid-row-drag-hint-border-style: solid;
    --dxbl-grid-row-drag-hint-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-grid-row-drag-hint-border-radius: var(--DS-border-radius-40);
    --dxbl-grid-row-drag-hint-shadow: var(--DS-box-shadow-shadow-4);
    --dxbl-grid-row-drag-hint-font-family: var(--DS-font-family-sans-serif);
    --dxbl-grid-row-drag-hint-font-size: 0.875rem;
    --dxbl-grid-row-drag-hint-line-height: 1.4285;
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: move;
    visibility: hidden;
    pointer-events: none;
    background-color: var(--dxbl-grid-row-drag-hint-bg);
    border-radius: var(--dxbl-grid-row-drag-hint-border-radius);
    -webkit-box-shadow: var(--dxbl-grid-row-drag-hint-shadow);
    box-shadow: var(--dxbl-grid-row-drag-hint-shadow);
    font-family: var(--dxbl-grid-row-drag-hint-font-family);
    font-size: var(--dxbl-grid-row-drag-hint-font-size);
    line-height: var(--dxbl-grid-row-drag-hint-line-height);
    padding: var(--dxbl-grid-row-drag-hint-text-cell-padding-y)
        var(--dxbl-grid-row-drag-hint-text-cell-padding-x);
}
.dxbl-grid-row-drag-hint.dxbl-sm {
    --dxbl-grid-row-drag-hint-font-size: 0.75rem;
    --dxbl-grid-row-drag-hint-line-height: 1.333;
    --dxbl-grid-row-drag-hint-text-cell-padding-x: 0.4375rem;
    --dxbl-grid-row-drag-hint-text-cell-padding-y: 0.250125rem;
}
.dxbl-grid-row-drag-hint.dxbl-lg {
    --dxbl-grid-row-drag-hint-font-size: 1rem;
    --dxbl-grid-row-drag-hint-line-height: 1.5;
    --dxbl-grid-row-drag-hint-text-cell-padding-x: 0.4375rem;
    --dxbl-grid-row-drag-hint-text-cell-padding-y: 0.5rem;
}
.dxbl-grid-row-drag-hint > .dxbl-grid-row-drag-hint-drag-anchor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    padding-right: var(--dxbl-grid-row-drag-hint-text-cell-padding-x);
}
.dxbl-grid-row-drag-hint > .dxbl-text {
    border-left: 1px var(--dxbl-grid-row-drag-hint-border-style)
        var(--dxbl-grid-row-drag-hint-border-color);
    padding: 0 var(--dxbl-grid-row-drag-hint-text-padding-x);
}
.dxbl-grid-edit-form {
    overflow: visible;
    padding: var(--dxbl-grid-edit-form-padding-y)
        var(--dxbl-grid-edit-form-padding-x);
}
.dxbl-grid-edit-form > form > .dxbl-fl.dxbl-fl-with-paddings {
    --dxbl-fl-padding-x: 0;
    --dxbl-fl-padding-y: 0;
}
.dxbl-grid-edit-form-buttons {
    --dxbl-grid-edit-form-buttons-padding-x: 0;
    --dxbl-grid-edit-form-buttons-padding-y: 0.75rem;
    --dxbl-grid-edit-form-buttons-spacing: 0.5rem;
    padding: var(--dxbl-grid-edit-form-buttons-padding-y)
        var(--dxbl-grid-edit-form-buttons-padding-x) 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.dxbl-grid-edit-form-buttons > .dxbl-btn {
    min-width: 4.5rem;
}
.dxbl-grid-edit-form-buttons > .dxbl-btn:not(:last-child) {
    margin-right: var(--dxbl-grid-edit-form-buttons-spacing);
}
.dxbl-sm .dxbl-grid-edit-form-buttons {
    --dxbl-grid-edit-form-buttons-padding-x: 0;
    --dxbl-grid-edit-form-buttons-padding-y: 0.5rem;
    --dxbl-grid-edit-form-buttons-spacing: 0.375rem;
}
.dxbl-lg .dxbl-grid-edit-form-buttons {
    --dxbl-grid-edit-form-buttons-padding-x: 0;
    --dxbl-grid-edit-form-buttons-padding-y: 1rem;
    --dxbl-grid-edit-form-buttons-spacing: 0.625rem;
}
.dxbl-grid-confirm-dialog-buttons {
    --dxbl-grid-confirm-dialog-buttons-spacing-x: 0.5rem;
    --dxbl-grid-confirm-dialog-buttons-spacing-y: 1rem;
    padding: var(--dxbl-grid-confirm-dialog-buttons-spacing-y) 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.dxbl-grid-confirm-dialog-buttons > .dxbl-btn {
    min-width: 3.25rem;
}
.dxbl-grid-confirm-dialog-buttons > .dxbl-btn:not(:last-child) {
    margin-right: var(--dxbl-grid-confirm-dialog-buttons-spacing-x);
}
.dxbl-sm .dxbl-grid-confirm-dialog-buttons {
    --dxbl-grid-confirm-dialog-buttons-spacing-x: 0.375rem;
    --dxbl-grid-confirm-dialog-buttons-spacing-y: 0.5rem;
}
.dxbl-lg .dxbl-grid-confirm-dialog-buttons {
    --dxbl-grid-confirm-dialog-buttons-spacing-x: 0.625rem;
    --dxbl-grid-confirm-dialog-buttons-spacing-y: 1.5rem;
}
.dxbl-sm .dxbl-grid-empty-data-area span.dxbl-grid-empty-data-not-found {
    font-weight: var(--DS-font-weight-body-2);
}
.dxbl-sm .dxbl-grid-empty-data-area span.dxbl-grid-empty-data-loading {
    font-weight: var(--DS-font-weight-body-2);
}
.dxbl-lg .dxbl-grid-empty-data-area span.dxbl-grid-empty-data-not-found {
    font-weight: var(--DS-font-weight-subtitle-2);
}
.dxbl-lg .dxbl-grid-empty-data-area span.dxbl-grid-empty-data-loading {
    font-weight: var(--DS-font-weight-subtitle-2);
}
.dxbl-grid-filter-menu-funnel-btn,
.dxbl-grid-sort-asc,
.dxbl-grid-sort-desc {
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-grid-sort-asc,
.dxbl-grid-sort-desc {
    overflow: visible !important;
    margin-top: -1px;
    margin-bottom: -1px;
}
.dxbl-grid-sort-asc ~ .dxbl-grid-filter-menu-funnel-btn,
.dxbl-grid-sort-desc ~ .dxbl-grid-filter-menu-funnel-btn {
    margin-left: 0;
}
.dxbl-btn.dxbl-grid-filter-menu-funnel-btn {
    --dxbl-btn-border-width: 0;
    --dxbl-grid-header-spacing: 0;
    --dxbl-grid-filter-menu-funnel-btn-margin-y: calc(
        var(--dxbl-grid-text-cell-padding-y) * -1
    );
    --dxbl-grid-filter-menu-funnel-btn-padding-subtraction: 0.625rem;
    margin-top: var(--dxbl-grid-filter-menu-funnel-btn-margin-y);
    margin-bottom: var(--dxbl-grid-filter-menu-funnel-btn-margin-y);
    padding: calc(
            var(--dxbl-grid-text-cell-padding-y) -
                var(--dxbl-grid-filter-menu-funnel-btn-padding-subtraction)
        )
        calc(
            var(--dxbl-grid-text-cell-padding-x) -
                var(--dxbl-grid-filter-menu-funnel-btn-padding-subtraction)
        );
}
.dxbl-btn.dxbl-grid-filter-menu-funnel-btn > .dxbl-image {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.dxbl-btn.dxbl-grid-filter-menu-funnel-btn:not(.dxbl-disabled):not(
        :disabled
    ):hover {
    --dxbl-btn-hover-border-color: var(--dxbl-btn-active-border-color);
    --dxbl-btn-hover-background: var(--DS-color-surface-primary-subdued-rest);
    --dxbl-btn-hover-bg: var(--DS-color-surface-neutral-default-selected);
}
.dxbl-btn.dxbl-grid-filter-menu-funnel-btn.dxbl-grid-filter-menu-funnel-btn-active {
    --dxbl-btn-color: var(--dxbl-btn-active-color);
    --dxbl-btn-border-color: var(--dxbl-btn-active-border-color);
    --dxbl-btn-bg: var(--dxbl-btn-active-bg);
    background-image: var(--DS-color-surface-primary-subdued-rest);
}
.dxbl-btn.dxbl-grid-filter-menu-funnel-btn.dxbl-grid-filter-menu-funnel-btn-filled {
    --dxbl-btn-hover-color: var(--DS-color-surface-primary-default-rest);
    --dxbl-btn-color: var(--DS-color-surface-primary-default-rest);
}
.dxbl-grid-dragging-down-target,
.dxbl-grid-dragging-up-target {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    z-index: 19999;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    top: 0;
    left: 0;
    pointer-events: none;
}
.dxbl-grid > .dxbl-scroll-viewer {
    background-color: var(--dxbl-grid-bg);
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.dxbl-grid > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content {
    background-color: inherit;
    overflow-anchor: none;
}
.dxbl-grid
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-grid-table {
    background-color: inherit;
}
.dxbl-grid
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-grid-table
    > tfoot {
    background-color: inherit;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1;
}
.dxbl-grid
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-grid-table
    > thead {
    z-index: 2;
}
.dxMacOSMobilePlatform
    .dxbl-grid
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-grid-table
    > thead,
.dxSafari
    .dxbl-grid
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-grid-table
    > thead {
    z-index: 4;
}
.dxbl-grid
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-grid-table
    > tbody.dxbl-grid-top-fixed-body,
.dxbl-grid
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-grid-table
    > thead {
    background-color: inherit;
    top: 0;
    position: -webkit-sticky;
    position: sticky;
}
.dxbl-grid
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-grid-table
    > tbody.dxbl-grid-top-fixed-body {
    height: var(--dxbl-grid-top-fixed-body-height);
    z-index: 1;
}
.dxbl-grid
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-grid-table
    > tbody.dxbl-grid-top-fixed-body
    > tr:last-child
    > td:not(.dxbl-grid-empty-cell) {
    border-bottom-width: var(--dxbl-grid-border-width);
}
.dxbl-grid
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-grid-table
    > tbody {
    position: relative;
    z-index: 0;
}
.dxbl-grid
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-new-item-row:hover {
    background-color: var(--dxbl-grid-hover-bg);
    color: var(--dxbl-grid-hover-color);
}
.dxbl-grid
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-new-item-row:hover
    td {
    cursor: pointer;
}
.dxbl-grid
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-new-item-row
    > td
    > .dxbl-grid-edit-new-item-row-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5rem;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}
.dxbl-grid
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-new-item-row
    > td
    > .dxbl-grid-edit-new-item-row-content
    > .dxbl-grid-edit-new-item-row-icon-container {
    display: contents;
}
.dxbl-grid
    > .dxbl-scroll-viewer:not(.dxbl-grid-top-panel ~ .dxbl-scroll-viewer):not(
        .dxbl-grid-toolbar-container ~ .dxbl-scroll-viewer
    ) {
    border-top-left-radius: var(--dxbl-grid-border-radius);
    border-top-right-radius: var(--dxbl-grid-border-radius);
}
.dxbl-grid
    > .dxbl-scroll-viewer:not(.dxbl-grid-top-panel ~ .dxbl-scroll-viewer):not(
        .dxbl-grid-toolbar-container ~ .dxbl-scroll-viewer
    )
    > .dxbl-scroll-viewer-content,
.dxbl-grid
    > .dxbl-scroll-viewer:not(.dxbl-grid-top-panel ~ .dxbl-scroll-viewer):not(
        .dxbl-grid-toolbar-container ~ .dxbl-scroll-viewer
    )
    > .dxbl-scroll-viewer-content
    > .dxbl-grid-table,
.dxbl-grid
    > .dxbl-scroll-viewer:not(.dxbl-grid-top-panel ~ .dxbl-scroll-viewer):not(
        .dxbl-grid-toolbar-container ~ .dxbl-scroll-viewer
    )
    > .dxbl-scroll-viewer-content
    > .dxbl-grid-table
    > colgroup
    + thead,
.dxbl-grid
    > .dxbl-scroll-viewer:not(.dxbl-grid-top-panel ~ .dxbl-scroll-viewer):not(
        .dxbl-grid-toolbar-container ~ .dxbl-scroll-viewer
    )
    > .dxbl-scroll-viewer-content
    > .dxbl-grid-table
    > colgroup
    + thead
    > tr:first-child {
    border-top-left-radius: var(--dxbl-grid-border-radius);
    border-top-right-radius: var(--dxbl-grid-border-radius);
}
.dxbl-grid
    > .dxbl-scroll-viewer:not(.dxbl-grid-top-panel ~ .dxbl-scroll-viewer):not(
        .dxbl-grid-toolbar-container ~ .dxbl-scroll-viewer
    )
    > .dxbl-scroll-viewer-content
    > .dxbl-grid-table
    > colgroup
    + thead
    > tr:first-child
    > th:first-child {
    border-top-left-radius: var(--dxbl-grid-border-radius);
}
.dxbl-grid
    > .dxbl-scroll-viewer:not(.dxbl-grid-top-panel ~ .dxbl-scroll-viewer):not(
        .dxbl-grid-toolbar-container ~ .dxbl-scroll-viewer
    )
    > .dxbl-scroll-viewer-content
    > .dxbl-grid-table
    > colgroup
    + thead
    > tr:first-child
    > th:last-child {
    border-top-right-radius: var(--dxbl-grid-border-radius);
}
.dxbl-grid > .dxbl-scroll-viewer:last-child,
.dxbl-grid > .dxbl-scroll-viewer:last-child > .dxbl-scroll-viewer-content,
.dxbl-grid
    > .dxbl-scroll-viewer:last-child
    > .dxbl-scroll-viewer-content
    > .dxbl-grid-table,
.dxbl-grid
    > .dxbl-scroll-viewer:last-child
    > .dxbl-scroll-viewer-content
    > .dxbl-grid-table
    > tfoot,
.dxbl-grid
    > .dxbl-scroll-viewer:last-child
    > .dxbl-scroll-viewer-content
    > .dxbl-grid-table
    > tfoot
    > tr:last-child {
    border-bottom-left-radius: var(--dxbl-grid-border-radius);
    border-bottom-right-radius: var(--dxbl-grid-border-radius);
}
.dxbl-grid
    > .dxbl-scroll-viewer:last-child
    > .dxbl-scroll-viewer-content
    > .dxbl-grid-table
    > tfoot
    > tr:last-child
    > td:first-child {
    border-bottom-left-radius: var(--dxbl-grid-border-radius);
}
.dxbl-grid
    > .dxbl-scroll-viewer:last-child
    > .dxbl-scroll-viewer-content
    > .dxbl-grid-table
    > tfoot
    > tr:last-child
    > td:last-child {
    border-bottom-right-radius: var(--dxbl-grid-border-radius);
}
.dxbl-grid .dxbl-grid-table {
    border-collapse: separate;
    border-color: var(--dxbl-grid-border-color);
    border-style: var(--dxbl-grid-border-style);
    border-width: 0;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
}
.dxbl-grid .dxbl-grid-table > tbody,
.dxbl-grid .dxbl-grid-table > tfoot,
.dxbl-grid .dxbl-grid-table > thead {
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
}
.dxbl-grid .dxbl-grid-table > tbody > tr,
.dxbl-grid .dxbl-grid-table > tfoot > tr,
.dxbl-grid .dxbl-grid-table > thead > tr {
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
}
.dxbl-grid .dxbl-grid-table > tbody > tr > td,
.dxbl-grid .dxbl-grid-table > tbody > tr > th,
.dxbl-grid .dxbl-grid-table > tfoot > tr > td,
.dxbl-grid .dxbl-grid-table > tfoot > tr > th,
.dxbl-grid .dxbl-grid-table > thead > tr > td,
.dxbl-grid .dxbl-grid-table > thead > tr > th {
    font-family: var(--dxbl-grid-font-family);
    font-size: var(--dxbl-grid-font-size);
    line-height: var(--dxbl-grid-line-height);
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
    border-top-width: var(--dxbl-grid-border-width);
    border-left-width: var(--dxbl-grid-border-width);
    vertical-align: middle;
}
.dxbl-grid .dxbl-grid-table > tbody > tr > td.dxbl-grid-last-fixed-left-cell,
.dxbl-grid .dxbl-grid-table > tbody > tr > th.dxbl-grid-last-fixed-left-cell,
.dxbl-grid .dxbl-grid-table > tfoot > tr > td.dxbl-grid-last-fixed-left-cell,
.dxbl-grid .dxbl-grid-table > tfoot > tr > th.dxbl-grid-last-fixed-left-cell,
.dxbl-grid .dxbl-grid-table > thead > tr > td.dxbl-grid-last-fixed-left-cell,
.dxbl-grid .dxbl-grid-table > thead > tr > th.dxbl-grid-last-fixed-left-cell {
    border-right-width: var(--dxbl-grid-border-width);
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr
    > td.dxbl-grid-last-fixed-left-cell
    + td,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr
    > td.dxbl-grid-last-fixed-left-cell
    + th:not(.dxbl-grid-fixed-cell, .dxbl-grid-bordered-left),
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr
    > th.dxbl-grid-last-fixed-left-cell
    + td,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr
    > th.dxbl-grid-last-fixed-left-cell
    + th:not(.dxbl-grid-fixed-cell, .dxbl-grid-bordered-left),
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr
    > td.dxbl-grid-last-fixed-left-cell
    + td,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr
    > td.dxbl-grid-last-fixed-left-cell
    + th:not(.dxbl-grid-fixed-cell, .dxbl-grid-bordered-left),
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr
    > th.dxbl-grid-last-fixed-left-cell
    + td,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr
    > th.dxbl-grid-last-fixed-left-cell
    + th:not(.dxbl-grid-fixed-cell, .dxbl-grid-bordered-left),
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > td.dxbl-grid-last-fixed-left-cell
    + td,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > td.dxbl-grid-last-fixed-left-cell
    + th:not(.dxbl-grid-fixed-cell, .dxbl-grid-bordered-left),
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > th.dxbl-grid-last-fixed-left-cell
    + td,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > th.dxbl-grid-last-fixed-left-cell
    + th:not(.dxbl-grid-fixed-cell, .dxbl-grid-bordered-left) {
    border-left-width: 0;
}
.dxbl-grid .dxbl-grid-table > tbody > tr > th:focus-visible,
.dxbl-grid .dxbl-grid-table > tfoot > tr > th:focus-visible,
.dxbl-grid .dxbl-grid-table > thead > tr > th:focus-visible {
    border-radius: var(--DS-border-radius-40);
    outline: 0.15rem solid var(--dxbl-grid-focus-frame-color);
    outline-offset: -0.1875rem;
}
.dxbl-grid .dxbl-grid-table > tbody > tr > td > .dxbl-checkbox,
.dxbl-grid .dxbl-grid-table > tfoot > tr > td > .dxbl-checkbox,
.dxbl-grid .dxbl-grid-table > thead > tr > td > .dxbl-checkbox {
    border: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: calc(
            (
                    var(--dxbl-grid-text-height) -
                        var(--dxbl-checkbox-check-element-height)
                ) /
                2
        )
        0;
    padding: 0 0;
    vertical-align: top;
}
.dxbl-grid .dxbl-grid-table > tbody > tr > td:focus-visible,
.dxbl-grid .dxbl-grid-table > tfoot > tr > td:focus-visible,
.dxbl-grid .dxbl-grid-table > thead > tr > td:focus-visible {
    border-radius: var(--DS-border-radius-40);
    outline: 0.15rem solid var(--dxbl-grid-focus-frame-color);
    outline-offset: -0.1875rem;
}
.dxbl-grid .dxbl-grid-table > tbody > tr[dxbl-bottom-virtual-spacer-element],
.dxbl-grid .dxbl-grid-table > tbody > tr[dxbl-top-virtual-spacer-element],
.dxbl-grid .dxbl-grid-table > tfoot > tr[dxbl-bottom-virtual-spacer-element],
.dxbl-grid .dxbl-grid-table > tfoot > tr[dxbl-top-virtual-spacer-element],
.dxbl-grid .dxbl-grid-table > thead > tr[dxbl-bottom-virtual-spacer-element],
.dxbl-grid .dxbl-grid-table > thead > tr[dxbl-top-virtual-spacer-element] {
    height: auto;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr:not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):not(
        .dxbl-grid-filter-row
    ):not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > td:not(.dxbl-grid-indent-cell):not(.dxbl-grid-expand-button-cell):not(
        .dxbl-grid-row-drag-anchor-cell
    ):not(.dxbl-grid-empty-cell):not(.dxbl-grid-empty-data-area):not(
        .dxbl-grid-edit-form
    ):not(.dxbl-grid-detail-cell),
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr
    > th:not(.dxbl-grid-header-indent-cell):not(.dxbl-grid-empty-header),
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr:not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):not(
        .dxbl-grid-filter-row
    ):not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > td:not(.dxbl-grid-indent-cell):not(.dxbl-grid-expand-button-cell):not(
        .dxbl-grid-row-drag-anchor-cell
    ):not(.dxbl-grid-empty-cell):not(.dxbl-grid-empty-data-area):not(
        .dxbl-grid-edit-form
    ):not(.dxbl-grid-detail-cell),
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr
    > th:not(.dxbl-grid-header-indent-cell):not(.dxbl-grid-empty-header),
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr:not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):not(
        .dxbl-grid-filter-row
    ):not([dxbl-top-virtual-spacer-element]):not(
        [dxbl-bottom-virtual-spacer-element]
    )
    > td:not(.dxbl-grid-indent-cell):not(.dxbl-grid-expand-button-cell):not(
        .dxbl-grid-row-drag-anchor-cell
    ):not(.dxbl-grid-empty-cell):not(.dxbl-grid-empty-data-area):not(
        .dxbl-grid-edit-form
    ):not(.dxbl-grid-detail-cell),
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > th:not(.dxbl-grid-header-indent-cell):not(.dxbl-grid-empty-header) {
    padding: var(--dxbl-grid-text-cell-padding-y)
        var(--dxbl-grid-text-cell-padding-x);
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row
    > td:not(.dxbl-grid-expand-button-cell),
.dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-filter-row > td,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row
    > td:not(.dxbl-grid-expand-button-cell),
.dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-filter-row > td,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row
    > td:not(.dxbl-grid-expand-button-cell),
.dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-filter-row > td {
    padding: var(--dxbl-grid-editor-cell-padding-y)
        var(--dxbl-grid-editor-cell-padding-x);
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(
        .dxbl-grid-selection-cell
    ):focus-within,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell):has(
        .dxbl-text-edit.dxbl-focused
    ),
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(
        .dxbl-grid-selection-cell
    ):focus-within,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell):has(
        .dxbl-text-edit.dxbl-focused
    ),
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(
        .dxbl-grid-selection-cell
    ):focus-within,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell):has(
        .dxbl-text-edit.dxbl-focused
    ) {
    border-radius: var(--DS-border-radius-40);
    outline: 0.15rem solid var(--dxbl-grid-focus-frame-color);
    outline-offset: -0.1875rem;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell):not(
        .dxbl-grid-fixed-cell
    ),
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell):not(
        .dxbl-grid-fixed-cell
    ),
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell):not(
        .dxbl-grid-fixed-cell
    ) {
    position: relative;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit:only-child,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > dx-license-trigger
    + .dxbl-text-edit:last-child,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit:only-child,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > dx-license-trigger
    + .dxbl-text-edit:last-child,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit:only-child,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > dx-license-trigger
    + .dxbl-text-edit:last-child {
    border-left-width: 0;
    border-right-width: 0;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit {
    --dxbl-text-edit-border-radius: 0;
    --dxbl-text-edit-box-shadow: none;
    --dxbl-text-edit-underline-color: transparent;
    --dxbl-text-edit-padding-left: var(--dxbl-grid-editor-cell-padding-x);
    --dxbl-text-edit-padding-right: var(--dxbl-grid-editor-cell-padding-x);
    --dxbl-text-edit-padding-y: var(--dxbl-grid-editor-cell-padding-y);
    border-top: 0;
    border-bottom: 0;
    margin: calc(var(--dxbl-grid-editor-cell-padding-y) * -1)
        calc(var(--dxbl-grid-editor-cell-padding-x) * -1);
    position: relative;
    width: unset;
    --dxbl-text-edit-bg: transparent;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit.dxbl-focused,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit:focus-within,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit.dxbl-focused,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit:focus-within,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit.dxbl-focused,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit:focus-within {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit:has(:focus),
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit:has(:focus),
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit:has(:focus) {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ).valid.modified:not([type="checkbox"]),
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ).valid.modified:not([type="checkbox"]),
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ).valid.modified:not([type="checkbox"]) {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ).invalid,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ).invalid,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ).invalid {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical {
    background-color: transparent;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn {
    border: 0;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-edit-btn-dropdown,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-dec,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-inc,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-edit-btn-dropdown,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-dec,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-inc,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-btn-icon,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-edit-btn-dropdown,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-dec,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-inc,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-edit-btn-dropdown,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-dec,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-inc,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-edit-btn-dropdown,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-dec,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-inc,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-btn-icon,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-edit-btn-dropdown,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-dec,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-inc,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-edit-btn-dropdown,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-dec,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-inc,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-edit-btn-dropdown,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-dec,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-inc,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-btn-icon,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-edit-btn-dropdown,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-dec,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-inc {
    background-color: transparent;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-edit-btn-dropdown:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-dec:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-inc:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-edit-btn-dropdown:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-dec:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-inc:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-btn-icon:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-edit-btn-dropdown:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-dec:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-inc:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-edit-btn-dropdown:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-dec:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-inc:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-edit-btn-dropdown:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-dec:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-inc:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-btn-icon:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-edit-btn-dropdown:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-dec:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-inc:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-edit-btn-dropdown:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-dec:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-inc:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-edit-btn-dropdown:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-dec:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-inc:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-btn-icon:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-edit-btn-dropdown:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-dec:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-inc:not(.dxbl-disabled):not(:disabled):hover {
    background-color: transparent;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-edit-btn-dropdown.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-edit-btn-dropdown:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-dec.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-dec:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-inc.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-inc:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-edit-btn-dropdown.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-edit-btn-dropdown:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-dec.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-dec:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-inc.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-inc:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-btn-icon.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-btn-icon:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-edit-btn-dropdown.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-edit-btn-dropdown:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-dec.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-dec:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-inc.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-inc:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-edit-btn-dropdown.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-edit-btn-dropdown:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-dec.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-dec:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-inc.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-inc:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-edit-btn-dropdown.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-edit-btn-dropdown:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-dec.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-dec:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-inc.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-inc:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-btn-icon.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-btn-icon:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-edit-btn-dropdown.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-edit-btn-dropdown:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-dec.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-dec:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-inc.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-inc:disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon:disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-edit-btn-dropdown.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-edit-btn-dropdown:disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-dec.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-dec:disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-inc.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-inc:disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon:disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-edit-btn-dropdown.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-edit-btn-dropdown:disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-dec.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-dec:disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-inc.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-inc:disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-btn-icon.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-btn-icon:disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-edit-btn-dropdown.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-edit-btn-dropdown:disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-dec.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-dec:disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-inc.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-inc:disabled {
    background-color: transparent;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-display-view
    > .dxbl-text-edit-input,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-display-view
    > .dxbl-text-edit-input,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell)
    > .dxbl-text-display-view
    > .dxbl-text-edit-input {
    text-align: initial;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td
    > .dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-editor-inplace-container
    > td
    > .dxbl-tag-box.dxbl-readonly,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td
    > .dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-editor-inplace-container
    > td
    > .dxbl-tag-box.dxbl-readonly,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td
    > .dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-editor-inplace-container
    > td
    > .dxbl-tag-box.dxbl-readonly {
    pointer-events: none;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container {
    background-color: var(--dxbl-grid-edit-row-bg);
    color: var(--dxbl-grid-edit-row-color);
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit:only-child,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > dx-license-trigger
    + .dxbl-text-edit:last-child,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit:only-child,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > dx-license-trigger
    + .dxbl-text-edit:last-child,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit:only-child,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > dx-license-trigger
    + .dxbl-text-edit:last-child {
    border-left-width: 0;
    border-right-width: 0;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit {
    --dxbl-text-edit-border-radius: 0;
    --dxbl-text-edit-box-shadow: none;
    --dxbl-text-edit-underline-color: transparent;
    --dxbl-text-edit-padding-left: var(--dxbl-grid-editor-cell-padding-x);
    --dxbl-text-edit-padding-right: var(--dxbl-grid-editor-cell-padding-x);
    --dxbl-text-edit-padding-y: var(--dxbl-grid-editor-cell-padding-y);
    border-top: 0;
    border-bottom: 0;
    margin: calc(var(--dxbl-grid-editor-cell-padding-y) * -1)
        calc(var(--dxbl-grid-editor-cell-padding-x) * -1);
    position: relative;
    width: unset;
    --dxbl-text-edit-bg: transparent;
    --dxbl-text-edit-readonly-bg: transparent;
    --dxbl-text-edit-disabled-bg: transparent;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit.dxbl-focused,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit:focus-within,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit.dxbl-focused,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit:focus-within,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit.dxbl-focused,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit:focus-within {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit:has(:focus),
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit:has(:focus),
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit:has(:focus) {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ).valid.modified:not([type="checkbox"]),
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ).valid.modified:not([type="checkbox"]),
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ).valid.modified:not([type="checkbox"]) {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ).invalid,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ).invalid,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ).invalid {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit.dxbl-readonly,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit.dxbl-readonly,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit.dxbl-readonly {
    background-color: var(--dxbl-text-edit-readonly-bg);
    color: var(--DS-color-content-neutral-default-rest);
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit:disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit:disabled {
    background-color: var(--dxbl-text-edit-disabled-bg);
    color: var(--DS-color-content-neutral-default-rest);
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical {
    background-color: transparent;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn {
    border: 0;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-edit-btn-dropdown,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-dec,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-inc,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-edit-btn-dropdown,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-dec,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-inc,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-btn-icon,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-edit-btn-dropdown,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-dec,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-inc,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-edit-btn-dropdown,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-dec,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-inc,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-edit-btn-dropdown,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-dec,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-inc,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-btn-icon,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-edit-btn-dropdown,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-dec,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-inc,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-edit-btn-dropdown,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-dec,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-inc,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-edit-btn-dropdown,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-dec,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-inc,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-btn-icon,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-edit-btn-dropdown,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-dec,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-inc {
    background-color: transparent;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-edit-btn-dropdown:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-dec:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-inc:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-edit-btn-dropdown:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-dec:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-inc:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-btn-icon:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-edit-btn-dropdown:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-dec:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-inc:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-edit-btn-dropdown:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-dec:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-inc:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-edit-btn-dropdown:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-dec:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-inc:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-btn-icon:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-edit-btn-dropdown:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-dec:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-inc:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-edit-btn-dropdown:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-dec:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-inc:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-edit-btn-dropdown:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-dec:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-inc:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-btn-icon:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-edit-btn-dropdown:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-dec:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-inc:not(.dxbl-disabled):not(:disabled):hover {
    background-color: transparent;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-edit-btn-dropdown.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-edit-btn-dropdown:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-dec.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-dec:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-inc.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-inc:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-edit-btn-dropdown.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-edit-btn-dropdown:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-dec.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-dec:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-inc.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-inc:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-btn-icon.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-btn-icon:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-edit-btn-dropdown.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-edit-btn-dropdown:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-dec.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-dec:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-inc.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-inc:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-edit-btn-dropdown.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-edit-btn-dropdown:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-dec.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-dec:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-inc.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-inc:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-edit-btn-dropdown.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-edit-btn-dropdown:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-dec.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-dec:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-inc.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-inc:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-btn-icon.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-btn-icon:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-edit-btn-dropdown.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-edit-btn-dropdown:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-dec.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-dec:disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-inc.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-inc:disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-btn-icon:disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-edit-btn-dropdown.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-edit-btn-dropdown:disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-dec.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-dec:disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-inc.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group-vertical
    > .dxbl-btn.dxbl-spin-btn-inc:disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-btn-icon:disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-edit-btn-dropdown.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-edit-btn-dropdown:disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-dec.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-dec:disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-inc.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-spin-btn-inc:disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-btn-icon.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-btn-icon:disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-edit-btn-dropdown.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-edit-btn-dropdown:disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-dec.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-dec:disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-inc.dxbl-disabled,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr.dxbl-grid-edit-row.dxbl-grid-editor-inplace-container
    > .dxbl-text-edit
    > .dxbl-btn.dxbl-spin-btn-inc:disabled {
    background-color: transparent;
}
.dxbl-grid .dxbl-grid-table > tbody > tr > td:first-child,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr
    > th:first-child:not(.dxbl-grid-bordered-left),
.dxbl-grid .dxbl-grid-table > tfoot > tr > td:first-child,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr
    > th:first-child:not(.dxbl-grid-bordered-left),
.dxbl-grid .dxbl-grid-table > thead > tr > td:first-child,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > th:first-child:not(.dxbl-grid-bordered-left) {
    border-left-width: 0;
}
.dxbl-grid .dxbl-grid-table > tbody > tr > .dxbl-grid-command-cell,
.dxbl-grid .dxbl-grid-table > tbody > tr > .dxbl-grid-selection-cell,
.dxbl-grid .dxbl-grid-table > tfoot > tr > .dxbl-grid-command-cell,
.dxbl-grid .dxbl-grid-table > tfoot > tr > .dxbl-grid-selection-cell,
.dxbl-grid .dxbl-grid-table > thead > tr > .dxbl-grid-command-cell,
.dxbl-grid .dxbl-grid-table > thead > tr > .dxbl-grid-selection-cell {
    padding: 0;
}
.dxbl-grid .dxbl-grid-table > tbody > tr > .dxbl-grid-command-cell > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr
    > .dxbl-grid-selection-cell
    > .dxbl-btn,
.dxbl-grid .dxbl-grid-table > tfoot > tr > .dxbl-grid-command-cell > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr
    > .dxbl-grid-selection-cell
    > .dxbl-btn,
.dxbl-grid .dxbl-grid-table > thead > tr > .dxbl-grid-command-cell > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > .dxbl-grid-selection-cell
    > .dxbl-btn {
    margin: calc(var(--dxbl-grid-editor-cell-padding-y) * -1) 0;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr
    > .dxbl-grid-command-cell
    > .dxbl-grid-header-content
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr
    > .dxbl-grid-selection-cell
    > .dxbl-grid-header-content
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr
    > .dxbl-grid-command-cell
    > .dxbl-grid-header-content
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr
    > .dxbl-grid-selection-cell
    > .dxbl-grid-header-content
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > .dxbl-grid-command-cell
    > .dxbl-grid-header-content
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > .dxbl-grid-selection-cell
    > .dxbl-grid-header-content
    > .dxbl-btn {
    margin: calc(var(--dxbl-grid-editor-cell-padding-y) * -1 + 0.15rem) 0;
}
.dxbl-grid .dxbl-grid-table > tbody > tr > .dxbl-grid-command-cell > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr
    > .dxbl-grid-command-cell
    > .dxbl-grid-header-content
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr
    > .dxbl-grid-selection-cell
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr
    > .dxbl-grid-selection-cell
    > .dxbl-grid-header-content
    > .dxbl-btn,
.dxbl-grid .dxbl-grid-table > tfoot > tr > .dxbl-grid-command-cell > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr
    > .dxbl-grid-command-cell
    > .dxbl-grid-header-content
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr
    > .dxbl-grid-selection-cell
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr
    > .dxbl-grid-selection-cell
    > .dxbl-grid-header-content
    > .dxbl-btn,
.dxbl-grid .dxbl-grid-table > thead > tr > .dxbl-grid-command-cell > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > .dxbl-grid-command-cell
    > .dxbl-grid-header-content
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > .dxbl-grid-selection-cell
    > .dxbl-btn,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > .dxbl-grid-selection-cell
    > .dxbl-grid-header-content
    > .dxbl-btn {
    --dxbl-btn-padding-x: var(--dxbl-grid-text-cell-padding-x);
    border: 0;
    border-radius: var(--dxbl-btn-border-radius);
    position: relative;
    outline-offset: -0.1875rem;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr
    > .dxbl-grid-command-cell
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-focused:focus-visible,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr
    > .dxbl-grid-command-cell
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled):focus-visible:focus-visible,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr
    > .dxbl-grid-command-cell
    > .dxbl-grid-header-content
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-focused:focus-visible,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr
    > .dxbl-grid-command-cell
    > .dxbl-grid-header-content
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled):focus-visible:focus-visible,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr
    > .dxbl-grid-selection-cell
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-focused:focus-visible,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr
    > .dxbl-grid-selection-cell
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled):focus-visible:focus-visible,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr
    > .dxbl-grid-selection-cell
    > .dxbl-grid-header-content
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-focused:focus-visible,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr
    > .dxbl-grid-selection-cell
    > .dxbl-grid-header-content
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled):focus-visible:focus-visible,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr
    > .dxbl-grid-command-cell
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-focused:focus-visible,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr
    > .dxbl-grid-command-cell
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled):focus-visible:focus-visible,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr
    > .dxbl-grid-command-cell
    > .dxbl-grid-header-content
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-focused:focus-visible,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr
    > .dxbl-grid-command-cell
    > .dxbl-grid-header-content
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled):focus-visible:focus-visible,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr
    > .dxbl-grid-selection-cell
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-focused:focus-visible,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr
    > .dxbl-grid-selection-cell
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled):focus-visible:focus-visible,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr
    > .dxbl-grid-selection-cell
    > .dxbl-grid-header-content
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-focused:focus-visible,
.dxbl-grid
    .dxbl-grid-table
    > tfoot
    > tr
    > .dxbl-grid-selection-cell
    > .dxbl-grid-header-content
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled):focus-visible:focus-visible,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > .dxbl-grid-command-cell
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-focused:focus-visible,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > .dxbl-grid-command-cell
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled):focus-visible:focus-visible,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > .dxbl-grid-command-cell
    > .dxbl-grid-header-content
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-focused:focus-visible,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > .dxbl-grid-command-cell
    > .dxbl-grid-header-content
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled):focus-visible:focus-visible,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > .dxbl-grid-selection-cell
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-focused:focus-visible,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > .dxbl-grid-selection-cell
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled):focus-visible:focus-visible,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > .dxbl-grid-selection-cell
    > .dxbl-grid-header-content
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-focused:focus-visible,
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > .dxbl-grid-selection-cell
    > .dxbl-grid-header-content
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled):focus-visible:focus-visible {
    border-radius: var(--DS-border-radius-40);
    outline: 0.15rem solid var(--dxbl-grid-focus-frame-color);
    outline-offset: -0.1875rem;
}
.dxbl-grid .dxbl-grid-table > tbody:nth-child(2) > tr:first-child > td,
.dxbl-grid .dxbl-grid-table > tbody:nth-child(2) > tr:first-child > th,
.dxbl-grid .dxbl-grid-table > tfoot:nth-child(2) > tr:first-child > td,
.dxbl-grid .dxbl-grid-table > tfoot:nth-child(2) > tr:first-child > th,
.dxbl-grid .dxbl-grid-table > thead:nth-child(2) > tr:first-child > td,
.dxbl-grid .dxbl-grid-table > thead:nth-child(2) > tr:first-child > th {
    border-top-width: 0;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr.dxbl-grid-group-footer-row
    > td
    > div[dxbl-grid-summary-item],
.dxbl-grid .dxbl-grid-table > tbody > tr > td,
.dxbl-grid .dxbl-grid-table > tfoot > tr > td,
.dxbl-grid .dxbl-grid-table > tfoot > tr > td > div[dxbl-grid-summary-item],
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > th
    > .dxbl-grid-header-content
    > span {
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: normal;
}
.dxbl-grid .dxbl-grid-table .dxbl-grid-command-cell,
.dxbl-grid .dxbl-grid-table .dxbl-grid-selection-cell {
    text-overflow: clip;
}
.dxbl-grid .dxbl-grid-table > thead > tr > th {
    position: relative;
}
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > th
    > .dxbl-grid-column-resize-anchor {
    top: 0;
    width: 7px;
    height: 100%;
    position: absolute;
    cursor: col-resize;
    z-index: 1;
    opacity: 0;
}
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > th
    > .dxbl-grid-column-resize-anchor:not(
        .dxbl-grid-left-align-column-resize-anchor
    ) {
    right: calc(
        (var(--dxbl-grid-border-width) - 7px) / 2 - 1 *
            var(--dxbl-grid-border-width)
    );
}
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > th
    > .dxbl-grid-column-resize-anchor.dxbl-grid-left-align-column-resize-anchor {
    left: calc(
        (var(--dxbl-grid-border-width) - 7px) / 2 - 1 *
            var(--dxbl-grid-border-width)
    );
}
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > th
    > .dxbl-grid-column-resize-anchor
    > div {
    pointer-events: none;
    width: 100%;
}
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > th
    > .dxbl-grid-column-resize-anchor
    > div:focus {
    outline: 0;
}
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > th
    > .dxbl-grid-column-resize-anchor.dxbl-touch {
    width: calc(
        2 * var(--dxbl-grid-text-cell-padding-x) + var(--dxbl-grid-border-width)
    );
    right: calc(
        -1 * var(--dxbl-grid-text-cell-padding-x) - 1 *
            var(--dxbl-grid-border-width)
    );
}
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > th
    > .dxbl-grid-column-resize-anchor.dxbl-last {
    width: 3px;
}
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > th
    > .dxbl-grid-column-resize-anchor.dxbl-last:not(
        .dxbl-grid-left-align-column-resize-anchor
    ) {
    right: 0;
}
.dxbl-grid .dxbl-grid-table > * > tr > td.dxbl-grid-empty-cell {
    border-top-width: 0;
    border-right-width: 0;
    padding-left: 0;
    padding-right: 0;
    pointer-events: none;
}
.dxbl-grid .dxbl-grid-table > thead > tr:last-child > td,
.dxbl-grid .dxbl-grid-table > thead > tr:last-child > th,
.dxbl-grid .dxbl-grid-table > thead > tr > th.dxbl-grid-bordered-bottom {
    border-bottom-width: var(--dxbl-grid-border-width);
}
.dxbl-grid .dxbl-grid-table > thead > tr > th.dxbl-grid-empty-cell {
    border-bottom-width: 0;
}
.dxbl-grid
    .dxbl-grid-table
    > thead.dxbl-grid-empty-head
    + tbody
    > tr:first-child
    > td {
    border-top: 0;
}
.dxbl-grid .dxbl-grid-table > thead > .dxbl-grid-arm-row {
    visibility: collapse;
}
.dxbl-grid .dxbl-grid-table > thead > .dxbl-grid-arm-row + tr > th {
    border-top: 0;
}
.dxbl-grid .dxbl-grid-table > thead > .dxbl-grid-arm-row > th {
    border: 0;
}
.dxbl-grid
    .dxbl-grid-table
    > thead
    .dxbl-grid-header-row
    > th:not(.dxbl-grid-empty-cell) {
    background-color: var(--dxbl-grid-header-bg);
    color: var(--dxbl-grid-header-color);
    font-weight: var(--dxbl-grid-header-font-weight);
}
.dxbl-grid .dxbl-grid-table > thead .dxbl-grid-filter-row {
    background-color: inherit;
}
.dxbl-grid .dxbl-grid-table > thead .dxbl-grid-filter-row > td {
    background-color: inherit;
}
.dxbl-grid .dxbl-grid-table > thead .dxbl-grid-filter-row:first-child > td {
    border-top: 0;
}
.dxbl-grid
    .dxbl-grid-table
    > thead
    .dxbl-grid-filter-row
    > td.dxbl-grid-empty-cell {
    border-bottom: 0;
}
.dxbl-grid
    .dxbl-grid-table
    > thead
    .dxbl-grid-filter-row
    > td.dxbl-grid-indent-cell {
    border-left: 0;
}
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > td.dxbl-grid-fixed-cell:not(.dxbl-grid-empty-cell),
.dxbl-grid
    .dxbl-grid-table
    > thead
    > tr
    > th.dxbl-grid-fixed-cell:not(.dxbl-grid-empty-cell) {
    position: -webkit-sticky !important;
    position: sticky !important;
    z-index: 3;
    background: var(--dxbl-grid-bg);
}
.dxbl-grid .dxbl-grid-table > tbody > tr {
    background-color: var(--dxbl-grid-row-bg);
}
.dxMacOSMobilePlatform .dxbl-grid .dxbl-grid-table > tbody > tr > td,
.dxSafari .dxbl-grid .dxbl-grid-table > tbody > tr > td {
    z-index: 0;
}
.dxbl-grid .dxbl-grid-table > tbody > tr > td[data-edit-cell] {
    --dxbl-grid-focus-frame-color: var(--DS-color-border-primary-subdued-rest);
}
.dxbl-grid .dxbl-grid-table > tbody > tr > td.dxbl-grid-detail-cell,
.dxbl-grid .dxbl-grid-table > tbody > tr > td.dxbl-grid-edit-form,
.dxbl-grid .dxbl-grid-table > tbody > tr > td.dxbl-grid-empty-cell,
.dxbl-grid .dxbl-grid-table > tbody > tr > td.dxbl-grid-empty-data-area,
.dxbl-grid .dxbl-grid-table > tbody > tr > td.dxbl-grid-indent-cell {
    background-color: var(--dxbl-grid-bg);
    color: var(--dxbl-grid-color);
}
.dxbl-grid .dxbl-grid-table > tbody > tr:first-child > td {
    border-top-width: 0;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr:first-child:is(.dxbl-grid-edit-row)
    + tr:is([dxbl-top-virtual-spacer-element])
    > td,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr:first-child:is([dxbl-top-virtual-spacer-element])
    + tr:not([dxbl-top-virtual-spacer-element])
    > td {
    border-top-width: 0;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td {
    border-top-width: 0;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    + tr:not([dxbl-bottom-virtual-spacer-element])
    > td.dxbl-grid-empty-data-area {
    border-top-width: 0;
}
.dxbl-grid .dxbl-grid-table > tbody > .dxbl-grid-empty-row {
    height: 100%;
}
.dxbl-grid .dxbl-grid-table > tbody > .dxbl-grid-empty-row > td {
    padding: 0;
}
.dxbl-grid .dxbl-grid-table > tbody > tr > td .dxbl-grid-highlighted-text {
    padding: 0;
}
.dxbl-grid .dxbl-grid-table > tbody > tr > td.dxbl-grid-fixed-cell {
    position: -webkit-sticky !important;
    position: sticky !important;
    z-index: 3;
    background-color: inherit;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody:not([data-dx-focus-hidden])
    > tr.dxbl-grid-group-row:focus-visible {
    border-radius: var(--DS-border-radius-40);
    outline: 0.15rem solid var(--dxbl-grid-focus-frame-color);
    outline-offset: -0.1875rem;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody:not([data-dx-focus-hidden])
    > tr.dxbl-grid-group-row.dxbl-grid-focused-row:focus-visible {
    border-radius: var(--DS-border-radius-40);
    outline: 0.15rem solid var(--dxbl-grid-focus-frame-color);
    outline-offset: -0.1875rem;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td.dxbl-grid-empty-cell,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    > td.dxbl-grid-empty-cell {
    overflow: hidden;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td,
.dxbl-grid .dxbl-grid-table > tbody > tr[dxbl-top-virtual-spacer-element] > td {
    overflow: visible;
    padding: 0;
    vertical-align: top;
    border-color: inherit;
    border-style: inherit;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td
    > div,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    > td
    > div {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td
    > div
    > div,
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    > td
    > div
    > div {
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
    padding: var(--dxbl-grid-text-cell-padding-y)
        var(--dxbl-grid-text-cell-padding-x);
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    > td
    > div
    > div:last-child {
    border-bottom-width: var(--dxbl-grid-border-width);
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    > td
    > div
    > div:not(:first-child) {
    border-top-width: var(--dxbl-grid-border-width);
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td
    > div
    > div {
    border-top-width: var(--dxbl-grid-border-width);
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    > td[dxbl-hidden-skeleton-cell] {
    border-bottom-width: var(--dxbl-grid-border-width);
}
.dxbl-grid
    .dxbl-grid-table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td[dxbl-hidden-skeleton-cell] {
    border-top-width: var(--dxbl-grid-border-width);
}
.dxbl-grid .dxbl-grid-table .dxbl-grid-empty-header {
    padding: var(--dxbl-grid-empty-header-panel-padding-y)
        var(--dxbl-grid-empty-header-panel-padding-x);
}
.dxbl-grid .dxbl-grid-table .dxbl-grid-indent-cell-size {
    width: calc(
        var(--dxbl-grid-group-indent-cell-width) - var(--dxbl-grid-border-width)
    );
}
.dxbl-grid .dxbl-grid-table .dxbl-grid-indent-cell-size:not(:first-child) {
    width: var(--dxbl-grid-group-indent-cell-width);
}
.dxbl-grid .dxbl-grid-table .dxbl-grid-header-indent-cell {
    border-left: 0;
    border-right: 0;
}
.dxbl-grid
    .dxbl-grid-table
    tr:not(.dxbl-grid-footer-row):not(.dxbl-grid-filter-row)
    .dxbl-grid-indent-cell {
    border-top-width: 0;
    border-right-width: 0;
}
.dxbl-grid .dxbl-grid-table .dxbl-grid-expand-button-cell {
    border-right: 0;
    padding: var(--dxbl-grid-expand-btn-cell-padding-top) 0 0;
    text-align: center;
}
.dxbl-grid .dxbl-grid-table .dxbl-grid-expand-button-cell + td {
    border-left: 0;
}
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-expand-button-cell
    .dxbl-grid-expand-button {
    --dxbl-btn-bg: var(--dxbl-grid-expand-btn-bg);
    --dxbl-btn-color: var(--dxbl-grid-expand-btn-color);
    --dxbl-btn-padding-x: var(--dxbl-grid-expand-btn-padding-x);
    --dxbl-btn-padding-y: var(--dxbl-grid-expand-btn-padding-y);
    border: 0;
    border-radius: 3rem;
    position: relative;
    outline-offset: -0.1875rem;
}
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-expand-button-cell
    .dxbl-grid-expand-button
    > .dxbl-image {
    margin: 0;
}
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-expand-button-cell
    .dxbl-grid-expand-button:not(.dxbl-disabled):not(:disabled):hover {
    background-color: var(--dxbl-grid-expand-btn-hover-bg);
    color: var(--dxbl-grid-expand-btn-hover-color);
}
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-expand-button-cell
    .dxbl-grid-expand-button:not(.dxbl-disabled):not(
        :disabled
    ).dxbl-focused:focus-visible,
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-expand-button-cell
    .dxbl-grid-expand-button:not(.dxbl-disabled):not(
        :disabled
    ):focus-visible:focus-visible {
    border-radius: var(--DS-border-radius-40);
    outline: 0.15rem solid var(--dxbl-grid-focus-frame-color);
    outline-offset: -0.1875rem;
}
.dxbl-grid .dxbl-grid-table .dxbl-grid-empty-cell {
    overflow: hidden;
}
.dxbl-grid .dxbl-grid-table .dxbl-grid-empty-cell.dxbl-grid-hidden-empty-cell {
    width: 0;
}
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(
        .dxbl-grid-touch-selection
    ):not(.dxbl-grid-touch-selection-edge) {
    background-color: var(--dxbl-grid-selection-bg);
    color: var(--dxbl-grid-selection-color);
}
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(
        .dxbl-grid-touch-selection-edge
    ) {
    background-color: var(--dxbl-grid-focus-bg);
    color: var(--dxbl-grid-focus-color);
}
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(
        .dxbl-grid-touch-selection-edge
    )
    .dxbl-btn.dxbl-btn-link,
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(
        .dxbl-grid-touch-selection-edge
    )
    .dxbl-btn.dxbl-btn-outline-link,
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(
        .dxbl-grid-touch-selection-edge
    )
    .dxbl-btn.dxbl-btn-text-link {
    --dxbl-btn-color: var(--DS-color-content-neutral-static-rest);
}
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(
        .dxbl-grid-touch-selection-edge
    )
    .dxbl-btn.dxbl-btn-link:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(
        .dxbl-grid-touch-selection-edge
    )
    .dxbl-btn.dxbl-btn-outline-link:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(
        .dxbl-grid-touch-selection-edge
    )
    .dxbl-btn.dxbl-btn-text-link:not(.dxbl-disabled):not(:disabled):hover {
    --dxbl-btn-hover-color: var(--DS-color-content-neutral-static-hovered);
}
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(
        .dxbl-grid-touch-selection-edge
    )
    .dxbl-btn.dxbl-btn-link:active,
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(
        .dxbl-grid-touch-selection-edge
    )
    .dxbl-btn.dxbl-btn-outline-link:active,
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(
        .dxbl-grid-touch-selection-edge
    )
    .dxbl-btn.dxbl-btn-text-link:active {
    --dxbl-btn-active-color: var(--DS-color-content-neutral-static-pressed);
}
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(
        .dxbl-grid-touch-selection-edge
    )
    .dxbl-checkbox-unchecked
    .dxbl-checkbox-check-element {
    --dxbl-checkbox-check-element-border: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-checkbox-check-element-bg: var(
        --DS-color-surface-neutral-muted-rest
    );
}
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(
        .dxbl-grid-touch-selection-edge
    )
    .dxbl-checkbox-unchecked:hover
    .dxbl-checkbox-check-element {
    --dxbl-checkbox-hover-check-element-border: var(
        --DS-color-content-neutral-static-hovered
    );
    --dxbl-checkbox-check-element-bg: var(
        --DS-color-surface-neutral-muted-hovered
    );
}
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-focused-row.dxbl-grid-selected-row:not(
        .dxbl-grid-touch-selection
    ):not(.dxbl-grid-touch-selection-edge) {
    background-color: var(--dxbl-grid-selection-focus-dark-bg);
    color: var(--dxbl-grid-selection-focus-dark-color);
}
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-focused-row.dxbl-grid-selected-row:not(
        .dxbl-grid-touch-selection
    ):not(.dxbl-grid-touch-selection-edge)
    .dxbl-btn.dxbl-btn-link,
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-focused-row.dxbl-grid-selected-row:not(
        .dxbl-grid-touch-selection
    ):not(.dxbl-grid-touch-selection-edge)
    .dxbl-btn.dxbl-btn-outline-link,
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-focused-row.dxbl-grid-selected-row:not(
        .dxbl-grid-touch-selection
    ):not(.dxbl-grid-touch-selection-edge)
    .dxbl-btn.dxbl-btn-text-link {
    --dxbl-btn-color: var(--DS-color-content-neutral-static-rest);
}
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-focused-row.dxbl-grid-selected-row:not(
        .dxbl-grid-touch-selection
    ):not(.dxbl-grid-touch-selection-edge)
    .dxbl-btn.dxbl-btn-link:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-focused-row.dxbl-grid-selected-row:not(
        .dxbl-grid-touch-selection
    ):not(.dxbl-grid-touch-selection-edge)
    .dxbl-btn.dxbl-btn-outline-link:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-focused-row.dxbl-grid-selected-row:not(
        .dxbl-grid-touch-selection
    ):not(.dxbl-grid-touch-selection-edge)
    .dxbl-btn.dxbl-btn-text-link:not(.dxbl-disabled):not(:disabled):hover {
    --dxbl-btn-hover-color: var(--DS-color-content-neutral-static-hovered);
}
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-focused-row.dxbl-grid-selected-row:not(
        .dxbl-grid-touch-selection
    ):not(.dxbl-grid-touch-selection-edge)
    .dxbl-btn.dxbl-btn-link:active,
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-focused-row.dxbl-grid-selected-row:not(
        .dxbl-grid-touch-selection
    ):not(.dxbl-grid-touch-selection-edge)
    .dxbl-btn.dxbl-btn-outline-link:active,
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-focused-row.dxbl-grid-selected-row:not(
        .dxbl-grid-touch-selection
    ):not(.dxbl-grid-touch-selection-edge)
    .dxbl-btn.dxbl-btn-text-link:active {
    --dxbl-btn-active-color: var(--DS-color-content-neutral-static-pressed);
}
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-focused-row.dxbl-grid-selected-row:not(
        .dxbl-grid-touch-selection
    ):not(.dxbl-grid-touch-selection-edge)
    .dxbl-checkbox-checked
    .dxbl-checkbox-check-element {
    --dxbl-checkbox-check-element-border: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-checkbox-check-element-bg: var(
        --DS-color-surface-neutral-muted-rest
    );
    --dxbl-checkbox-check-element-check-icon-primary-color: var(
        --DS-color-content-primary-default-rest
    );
}
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-focused-row.dxbl-grid-selected-row:not(
        .dxbl-grid-touch-selection
    ):not(.dxbl-grid-touch-selection-edge)
    .dxbl-checkbox-checked:hover
    .dxbl-checkbox-check-element {
    --dxbl-checkbox-hover-check-element-border: var(
        --DS-color-content-neutral-static-hovered
    );
    --dxbl-checkbox-check-element-bg: var(
        --DS-color-surface-neutral-muted-hovered
    );
    --dxbl-checkbox-check-element-check-icon-primary-color: var(
        --DS-color-content-primary-default-rest
    );
}
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-touch-selection:not(.dxbl-grid-group-row) {
    background-color: var(--dxbl-grid-selection-bg);
    color: var(--dxbl-grid-selection-color);
}
.dxbl-grid .dxbl-grid-table .dxbl-grid-touch-selection-edge {
    background-color: var(--dxbl-grid-touch-bg);
    color: var(--dxbl-grid-touch-color);
}
.dxbl-grid .dxbl-grid-table .dxbl-grid-footer-row {
    font-weight: var(--dxbl-grid-footer-font-weight);
}
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-footer-row
    > td:not(.dxbl-grid-empty-cell) {
    background-color: var(--dxbl-grid-footer-bg);
    color: var(--dxbl-grid-footer-color);
    border-right: 0;
    border-left: 0;
}
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-footer-row
    > td:not(.dxbl-grid-empty-cell).dxbl-grid-fixed-cell {
    position: -webkit-sticky !important;
    position: sticky !important;
    z-index: 3;
    background: var(--dxbl-grid-footer-bg);
}
.dxbl-grid .dxbl-grid-table .dxbl-grid-group-footer-row {
    font-weight: var(--dxbl-grid-group-footer-font-weight);
}
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-group-footer-row
    > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) {
    background-color: var(--dxbl-grid-group-footer-bg);
    color: var(--dxbl-grid-group-footer-color);
}
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-group-footer-row
    > td:not(.dxbl-grid-empty-cell):not(
        .dxbl-grid-indent-cell
    ).dxbl-grid-fixed-cell {
    position: -webkit-sticky !important;
    position: sticky !important;
    z-index: 3;
    background: var(--dxbl-grid-group-footer-bg);
}
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-group-footer-row
    > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell):not(
        :last-child
    ) {
    border-right: 0;
}
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-group-footer-row
    > td:not(.dxbl-grid-indent-cell)
    + td:not(.dxbl-grid-indent-cell):not(.dxbl-grid-empty-cell) {
    border-left: 0;
}
.dxbl-grid .dxbl-grid-table .dxbl-grid-detail-cell {
    padding: var(--dxbl-grid-detail-cell-padding-y)
        var(--dxbl-grid-detail-cell-padding-x);
}
.dxbl-grid .dxbl-grid-table .dxbl-grid-row-drag-anchor-cell {
    cursor: -webkit-grab;
    cursor: grab;
    text-align: center;
}
.dxbl-grid .dxbl-grid-table .dxbl-grid-row-drag-anchor-cell > .dxbl-image {
    margin-top: 0;
    pointer-events: none;
}
.dxbl-grid .dxbl-grid-table .dxbl-grid-row-drag-anchor-cell.dxbl-disabled,
.dxbl-grid .dxbl-grid-table .dxbl-grid-row-drag-anchor-cell:disabled {
    cursor: inherit;
    pointer-events: none;
}
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-row-drag-anchor-cell.dxbl-disabled
    > .dxbl-image,
.dxbl-grid
    .dxbl-grid-table
    .dxbl-grid-row-drag-anchor-cell:disabled
    > .dxbl-image {
    color: var(--DS-color-content-neutral-default-disabled);
}
.dxbl-grid .dxbl-grid-table.dxbl-grid-table-no-scroll {
    height: 100%;
}
.dxFirefox .dxbl-grid .dxbl-grid-table.dxbl-grid-table-no-scroll > tfoot,
.dxFirefox .dxbl-grid .dxbl-grid-table.dxbl-grid-table-no-scroll > thead {
    height: 1%;
}
.dxFirefox
    .dxbl-grid
    .dxbl-grid-table.dxbl-grid-table-no-scroll
    > tbody
    > .dxbl-grid-empty-row {
    height: auto;
}
.dxFirefox
    .dxbl-grid
    .dxbl-grid-table.dxbl-grid-table-no-scroll
    > tbody
    > :not(.dxbl-grid-empty-row):not([data-virtual-item-index="-1"]):not(
        :only-child
    )
    > td {
    height: 1%;
}
.dxbl-grid
    .dxbl-grid-table:not(.dxbl-grid-table-no-scroll)
    > tbody
    > .dxbl-grid-empty-row {
    display: none;
}
.dxbl-grid .dxbl-grid-table.dxbl-grid-table-content-fit-calc {
    table-layout: auto !important;
}
.dxbl-grid
    .dxbl-grid-table.dxbl-grid-table-content-fit-calc
    > colgroup
    col:not(.dxbl-grid-empty-cell) {
    width: 0 !important;
}
.dxbl-grid
    .dxbl-grid-table.dxbl-grid-table-content-fit-calc
    > colgroup
    col.dxbl-grid-empty-cell {
    width: 100% !important;
}
.dxbl-grid .dxbl-grid-table.dxbl-grid-table-content-fit-calc > tbody > tr > td,
.dxbl-grid .dxbl-grid-table.dxbl-grid-table-content-fit-calc > tfoot > tr > td,
.dxbl-grid .dxbl-grid-table.dxbl-grid-table-content-fit-calc > thead > tr > * {
    white-space: nowrap;
}
.dxbl-grid .dxbl-grid-columns-separator,
.dxbl-grid .dxbl-grid-drop-target-indicator {
    position: absolute;
    z-index: 3;
}
.dxbl-grid
    .dxbl-grid-columns-separator:not(.dxbl-disabled):not(:disabled).dxbl-active,
.dxbl-grid
    .dxbl-grid-drop-target-indicator:not(.dxbl-disabled):not(
        :disabled
    ).dxbl-active {
    pointer-events: none;
}
.dxbl-grid .dxbl-grid-columns-separator {
    position: absolute;
    z-index: 3;
    width: 3px;
    height: 100%;
}
.dxbl-grid
    .dxbl-grid-columns-separator:not(.dxbl-disabled):not(
        :disabled
    ).dxbl-active {
    background-color: var(--DS-color-surface-primary-default-rest);
    -webkit-transition: background-color 0.25s;
    -o-transition: background-color 0.25s;
    transition: background-color 0.25s;
    -webkit-box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.2);
}
.dxbl-grid .dxbl-grid-columns-separator > div {
    display: none;
}
.dxbl-grid:not([data-dx-focus-hidden])
    .dxbl-grid-table
    > tbody:not([data-dx-focus-hidden])
    > tr.dxbl-grid-group-row:focus
    > td {
    border-color: transparent;
}
.dxbl-grid:not([data-dx-focus-hidden])
    .dxbl-grid-table
    > tbody:not([data-dx-focus-hidden])
    > tr.dxbl-grid-focused-row.dxbl-grid-group-row:focus
    > td {
    border-color: inherit;
}
.dxbl-grid.dxbl-grid-nowrap .dxbl-grid-command-cell,
.dxbl-grid.dxbl-grid-nowrap .dxbl-grid-selection-cell {
    white-space: normal;
}
.dxbl-grid.dxbl-grid-nowrap .dxbl-grid-header-content > span {
    white-space: var(--dxbl-grid-white-space);
}
.dxbl-grid-table.dxbl-grid-row-hover-enabled
    > tbody
    > tr:not(.dxbl-grid-group-row):not(.dxbl-grid-group-footer-row):not(
        .dxbl-grid-edit-row
    ):not(.dxbl-grid-empty-row):hover {
    background-color: var(--dxbl-grid-hover-bg);
    color: var(--dxbl-grid-hover-color);
}
.dxbl-grid-table.dxbl-grid-row-hover-enabled
    > tbody
    > tr.dxbl-grid-focused-row:not(.dxbl-grid-group-row):not(
        .dxbl-grid-group-footer-row
    ):not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):hover {
    background-color: var(--dxbl-grid-selection-focus-dark-hover-bg);
    color: var(--dxbl-grid-focus-color);
}
.dxbl-grid-table.dxbl-grid-row-hover-enabled
    > tbody
    > tr.dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(
        .dxbl-grid-touch-selection
    ):not(.dxbl-grid-touch-selection-edge):not(.dxbl-grid-empty-row):hover {
    background-color: var(--dxbl-grid-selected-hover-bg);
    color: var(--dxbl-grid-selection-color);
}
.dxbl-grid-drop-target-indicator {
    --dxbl-grid-drop-indicator-shadow: var(
        --DS-box-shadow-border-inner-primary-20
    );
    height: 2px;
    width: 100%;
    pointer-events: none;
}
.dxbl-grid-drop-target-indicator:not(.dxbl-disabled):not(
        :disabled
    ).dxbl-active {
    -webkit-box-shadow: var(--dxbl-grid-drop-indicator-shadow);
    box-shadow: var(--dxbl-grid-drop-indicator-shadow);
    -webkit-transition: -webkit-box-shadow 0.25s;
    transition: -webkit-box-shadow 0.25s;
    -o-transition: box-shadow 0.25s;
    transition: box-shadow 0.25s;
    transition:
        box-shadow 0.25s,
        -webkit-box-shadow 0.25s;
}
.dxbl-grid[dxbl-grid-focused-row-hidden] .dxbl-grid-focused-row > td {
    --dxbl-grid-focus-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-grid-selection-focus-color: var(
        --DS-color-content-neutral-default-rest
    );
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup.dxbl-grid-column-chooser-dialog {
    --dxbl-popup-margin: 0;
}
.dxbl-window:has(.dxbl-grid-column-chooser-dialog) {
    --dxbl-grid-column-chooser-max-height: 60vh;
    --dxbl-grid-column-chooser-max-width: 325px;
    --dxbl-grid-column-chooser-min-height: 210px;
    --dxbl-grid-column-chooser-min-width: 200px;
    --dxbl-grid-column-chooser-padding-x: 0.375rem;
    --dxbl-grid-column-chooser-padding-y: 0.1875rem;
    --dxbl-grid-column-chooser-drag-icon-size: 1.25rem;
}
.dxbl-window:has(.dxbl-grid-column-chooser-dialog) .dxbl-window-body {
    --dxbl-window-body-padding-bottom: 1.5rem;
    --dxbl-window-body-padding-x: 0;
}
.dxbl-window:has(.dxbl-grid-column-chooser-dialog)
    .dxbl-window-body
    .dxbl-checkbox {
    --dxbl-checkbox-padding: var(--DS-sizing-40);
}
.dxbl-window:has(.dxbl-grid-column-chooser-dialog).dxbl-sm {
    --dxbl-grid-column-chooser-padding-x: 0.25rem;
    --dxbl-grid-column-chooser-padding-y: 0.0625rem;
    --dxbl-grid-column-chooser-drag-icon-size: 1rem;
}
.dxbl-window:has(.dxbl-grid-column-chooser-dialog).dxbl-sm .dxbl-window-body {
    --dxbl-window-body-padding-bottom: 1.25rem;
}
.dxbl-window:has(.dxbl-grid-column-chooser-dialog).dxbl-sm
    .dxbl-window-body
    .dxbl-checkbox {
    --dxbl-checkbox-padding: var(--DS-sizing-20);
}
.dxbl-window:has(.dxbl-grid-column-chooser-dialog).dxbl-lg {
    --dxbl-grid-column-chooser-padding-x: 0.5rem;
    --dxbl-grid-column-chooser-padding-y: 0.125rem;
    --dxbl-grid-column-chooser-drag-icon-size: 1.5rem;
}
.dxbl-window:has(.dxbl-grid-column-chooser-dialog).dxbl-lg .dxbl-window-body {
    --dxbl-window-body-padding-bottom: 1.75rem;
}
.dxbl-window:has(.dxbl-grid-column-chooser-dialog).dxbl-lg
    .dxbl-window-body
    .dxbl-checkbox {
    --dxbl-checkbox-padding: calc(var(--DS-sizing-60) + var(--DS-sizing-10));
}
.dxbl-grid-column-chooser-dialog {
    --dxbl-grid-column-chooser-focus-frame-color: var(
        --DS-color-content-highlight-rest
    );
}
.dxbl-grid-column-chooser-dialog.dxbl-dropdown-dialog .dxbl-dropdown-header,
.dxbl-grid-column-chooser-dialog.dxbl-dropdown-dialog .dxbl-window-header,
.dxbl-grid-column-chooser-dialog.dxbl-window-dialog .dxbl-dropdown-header,
.dxbl-grid-column-chooser-dialog.dxbl-window-dialog .dxbl-window-header {
    white-space: nowrap;
}
.dxbl-grid-column-chooser-dialog.dxbl-dropdown-dialog
    .dxbl-dropdown-body
    .dxbl-grid-column-chooser,
.dxbl-grid-column-chooser-dialog.dxbl-dropdown-dialog
    .dxbl-window-body
    .dxbl-grid-column-chooser,
.dxbl-grid-column-chooser-dialog.dxbl-window-dialog
    .dxbl-dropdown-body
    .dxbl-grid-column-chooser,
.dxbl-grid-column-chooser-dialog.dxbl-window-dialog
    .dxbl-window-body
    .dxbl-grid-column-chooser {
    min-height: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}
.dxbl-grid-column-chooser-dialog.dxbl-dropdown-dialog .dxbl-scroll-viewer,
.dxbl-grid-column-chooser-dialog.dxbl-window-dialog .dxbl-scroll-viewer {
    max-height: 60vh;
    max-width: 325px;
}
.dxbl-grid-column-chooser-dialog.dxbl-dropdown-dialog
    .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content,
.dxbl-grid-column-chooser-dialog.dxbl-window-dialog
    .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content {
    padding: 0 8px;
}
.dxbl-grid-column-chooser-dialog.dxbl-dropdown-dialog
    .dxbl-grid-column-chooser-item:last-child,
.dxbl-grid-column-chooser-dialog.dxbl-window-dialog
    .dxbl-grid-column-chooser-item:last-child {
    border-bottom-color: transparent;
}
.dxbl-grid-column-chooser-dialog.dxbl-sidepanel-dialog .dxbl-modal-header {
    white-space: nowrap;
}
.dxbl-grid-column-chooser-dialog.dxbl-sidepanel-dialog .dxbl-modal-body {
    padding: 0 !important;
}
.dxbl-grid-column-chooser-dialog.dxbl-sidepanel-dialog .dxbl-scroll-viewer {
    height: 50vh;
}
.dxbl-grid-column-chooser-dialog .dxbl-grid-column-chooser {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 calc(var(--dxbl-popups-body-padding-x) - 8px);
}
.dxbl-grid-column-chooser-dialog
    .dxbl-grid-column-chooser
    .dxbl-grid-column-chooser-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    border-style: solid;
    border-width: 1px 0;
    border-top-color: transparent;
    padding: var(--dxbl-grid-column-chooser-padding-y)
        var(--dxbl-grid-column-chooser-padding-x);
}
.dxbl-grid-column-chooser-dialog
    .dxbl-grid-column-chooser
    .dxbl-grid-column-chooser-item.dxbl-grid-column-chooser-dragging-item {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    border-top-color: inherit;
    border-radius: var(--DS-border-radius-theme-builder-default);
    position: relative;
    z-index: 1;
    -webkit-box-shadow: var(--DS-box-shadow-shadow-3);
    box-shadow: var(--DS-box-shadow-shadow-3);
}
.dxbl-grid-column-chooser-dialog
    .dxbl-grid-column-chooser
    .dxbl-grid-column-chooser-item.dxbl-grid-column-chooser-dragging-item
    ~ .dxbl-grid-column-chooser-dragging-item {
    opacity: 0.5;
}
.dxbl-grid-column-chooser-dialog
    .dxbl-grid-column-chooser
    .dxbl-grid-column-chooser-item.dxbl-grid-column-chooser-dragging-item-next-sibling {
    border-top-color: inherit;
}
.dxbl-grid-column-chooser-dialog
    .dxbl-grid-column-chooser
    .dxbl-grid-column-chooser-item
    .dxbl-checkbox {
    width: calc(100% - var(--dxbl-grid-column-chooser-drag-icon-size));
    padding-left: 0;
}
.dxbl-grid-column-chooser-dialog
    .dxbl-grid-column-chooser
    .dxbl-grid-column-chooser-item
    .dxbl-checkbox
    label {
    width: 100%;
}
.dxbl-grid-column-chooser-dialog
    .dxbl-grid-column-chooser
    .dxbl-grid-column-chooser-item
    .dxbl-grid-column-chooser-item-drag-anchor,
.dxbl-grid-column-chooser-dialog
    .dxbl-grid-column-chooser
    .dxbl-grid-column-chooser-item
    .dxbl-grid-column-chooser-item-drag-lock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: calc(var(--dxbl-grid-column-chooser-padding-y) * -1)
        calc(var(--dxbl-grid-column-chooser-padding-x) * -1)
        calc(var(--dxbl-grid-column-chooser-padding-y) * -1) 0;
    padding: var(--dxbl-grid-column-chooser-padding-y)
        var(--dxbl-grid-column-chooser-padding-x);
}
.dxbl-grid-column-chooser-dialog
    .dxbl-grid-column-chooser
    .dxbl-grid-column-chooser-item
    .dxbl-grid-column-chooser-item-drag-anchor {
    cursor: move;
}
.dxbl-grid-column-chooser-dialog
    .dxbl-grid-column-chooser
    .dxbl-grid-column-chooser-item
    .dxbl-grid-column-chooser-item-indent {
    width: 1rem;
}
.dxbl-grid-column-chooser-dialog
    .dxbl-grid-column-chooser
    .dxbl-grid-column-chooser-item:focus {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
.dxbl-grid-column-chooser-dialog
    .dxbl-grid-column-chooser
    .dxbl-grid-column-chooser-item:focus-visible {
    border-radius: var(--DS-border-radius-40);
    outline: 0.15rem solid var(--dxbl-grid-column-chooser-focus-frame-color);
    outline-offset: -0.1875rem;
}
.dxbl-grid-column-chooser-dialog
    .dxbl-grid-column-chooser[data-dx-focus-hidden]
    .dxbl-grid-column-chooser-item {
    outline: 0;
}
.dxbl-grid-column-chooser-dialog .dxbl-dropdown-body,
.dxbl-grid-column-chooser-dialog .dxbl-grid-column-chooser,
.dxbl-grid-column-chooser-dialog .dxbl-grid-column-chooser-item,
.dxbl-grid-column-chooser-dialog .dxbl-modal-body,
.dxbl-grid-column-chooser-dialog .dxbl-scroll-viewer,
.dxbl-grid-column-chooser-dialog
    .dxbl-scroll-viewer
    .dxbl-scroll-viewer-content {
    background: inherit;
    border-color: inherit;
}
.dxbl-grid-column-chooser-dialog .dxbl-grid-column-chooser-area-separator {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-style: solid;
    border-color: inherit;
    border-width: 0 0 3px;
}
@keyframes dxbl-skeleton-opacity-animation {
    0% {
        opacity: 0.05;
    }
    50% {
        opacity: 0.15;
    }
    100% {
        opacity: 0.05;
    }
}
.dxbl-invisible {
    visibility: hidden !important;
}
.dxbl-visible {
    visibility: visible !important;
}
.dxbl-invisible-content > * {
    visibility: hidden !important;
}
.dxbl-invisible-off-screen {
    visibility: hidden !important;
    -webkit-transform: translateX(-100000px) !important;
    -o-transform: translateX(-100000px) !important;
    transform: translateX(-100000px) !important;
}
.dxbl-visually-hidden {
    border: 0;
    clip: rect(0, 0, 0, 0);
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
}
.dxbl-display-none {
    display: none !important;
}
.dxbl-align-center {
    text-align: center;
}
.dxbl-align-left {
    text-align: left;
}
.dxbl-align-right {
    text-align: right;
}
.dxbl-nowrap {
    white-space: nowrap !important;
}
.dxbl-prevent-safari-scrolling {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.dxbl-preventsel {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dxbl-flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}
.dxbl-flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}
.dxbl-flex-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}
.dxbl-skeleton-animate .dxbl-skeleton-item > div {
    -webkit-animation: 2s linear infinite forwards
        dxbl-skeleton-opacity-animation;
    -o-animation: 2s linear infinite forwards dxbl-skeleton-opacity-animation;
    animation: 2s linear infinite forwards dxbl-skeleton-opacity-animation;
}
.dxbl-skeleton-item > div {
    height: 100%;
    border-radius: 10rem;
    background-color: currentcolor;
    opacity: 0.1;
}
.dxbl-skeleton-item.dxbl-align-right > div {
    margin-left: auto;
    margin-right: 0;
}
.dxbl-skeleton-item.dxbl-align-center > div {
    margin-left: auto;
    margin-right: auto;
}
.dxbl-skeleton-item > .dxbl-skeleton-date {
    max-width: 8rem;
}
.dxbl-skeleton-item > .dxbl-skeleton-bool {
    max-width: 4rem;
}
.dxbl-skeleton-item > .dxbl-skeleton-string-0 {
    width: 50%;
}
.dxbl-skeleton-item > .dxbl-skeleton-number-0 {
    max-width: 3em;
}
.dxbl-skeleton-item > .dxbl-skeleton-string-1 {
    width: 70%;
}
.dxbl-skeleton-item > .dxbl-skeleton-number-1 {
    max-width: 5em;
}
.dxbl-skeleton-item > .dxbl-skeleton-string-2 {
    width: 40%;
}
.dxbl-skeleton-item > .dxbl-skeleton-number-2 {
    max-width: 2em;
}
.dxbl-skeleton-item > .dxbl-skeleton-string-3 {
    width: 60%;
}
.dxbl-skeleton-item > .dxbl-skeleton-number-3 {
    max-width: 4em;
}
.dxbl-skeleton-item > .dxbl-skeleton-string-4 {
    width: 80%;
}
.dxbl-skeleton-item > .dxbl-skeleton-number-4 {
    max-width: 6em;
}
.dxbl-virtual-items-container-pattern {
    position: fixed;
    top: -10000px;
    left: -10000px;
    visibility: hidden;
}
.dxbl-a11y-status-helper {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.dx-prevent-selection {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none;
}
.dxbl-dropdown.dxbl-sm.dxbl-grid-filter-menu-dropdown-root {
    --dxbl-grid-filter-menu-dropdown-min-width: 280px;
    --dxbl-grid-filter-menu-dropdown-min-height: 130px;
    --dxbl-grid-filter-menu-dropdown-width: 280px;
    --dxbl-grid-filter-menu-dropdown-height: auto;
}
@media (max-width: 576px) {
    .dxbl-dropdown.dxbl-sm.dxbl-grid-filter-menu-dropdown-root {
        --dxbl-grid-filter-menu-dropdown-width: 250px;
        --dxbl-grid-filter-menu-dropdown-min-width: 250px;
    }
}
.dxbl-dropdown.dxbl-sm > .dxbl-grid-filter-menu-dropdown {
    --dxbl-grid-filter-menu-dropdown-list-box-height: 292px;
    --dxbl-grid-filter-menu-dropdown-treeview-height: 292px;
    --dxbl-grid-filter-menu-dropdown-loading-panel-height: 293px;
    --dxbl-grid-filter-menu-dropdown-footer-btn-width: 128px;
    --dxbl-grid-filter-menu-dropdown-footer-btn-space: 0.375rem;
    --dxbl-grid-filter-menu-dropdown-padding-y: 0.75rem;
}
.dxbl-dropdown.dxbl-sm > .dxbl-grid-filter-menu-dropdown > .dxbl-dropdown-body {
    --dxbl-dropdown-body-padding-y: 0.5rem;
    --dxbl-grid-filter-menu-values-view-select-all-check-padding-x: var(
        --DS-sizing-40
    );
    --dxbl-grid-filter-menu-values-view-select-all-check-padding-y: calc(
        var(--DS-sizing-20) + var(--DS-border-width-20)
    );
}
.dxbl-dropdown.dxbl-sm
    > .dxbl-grid-filter-menu-dropdown
    > .dxbl-dropdown-body
    .dxbl-grid-filter-menu-values-view
    .dxbl-checkbox {
    --dxbl-grid-filter-menu-values-view-select-all-check-padding-x: var(
        --DS-sizing-40
    );
    --dxbl-grid-filter-menu-values-view-select-all-check-padding-y: calc(
        var(--DS-sizing-20) + var(--DS-border-width-20)
    );
}
.dxbl-dropdown.dxbl-sm
    > .dxbl-grid-filter-menu-dropdown
    > .dxbl-dropdown-body
    .dxbl-grid-filter-menu-values-view
    .dxbl-checkbox
    label.dxbl-text {
    --dxbl-checkbox-spacing: var(--DS-sizing-40);
}
.dxbl-dropdown.dxbl-lg.dxbl-grid-filter-menu-dropdown-root {
    --dxbl-grid-filter-menu-dropdown-min-width: 360px;
    --dxbl-grid-filter-menu-dropdown-min-height: 200px;
    --dxbl-grid-filter-menu-dropdown-width: 360px;
    --dxbl-grid-filter-menu-dropdown-height: auto;
}
@media (max-width: 576px) {
    .dxbl-dropdown.dxbl-lg.dxbl-grid-filter-menu-dropdown-root {
        --dxbl-grid-filter-menu-dropdown-width: 290px;
        --dxbl-grid-filter-menu-dropdown-min-width: 290px;
    }
}
.dxbl-dropdown.dxbl-lg > .dxbl-grid-filter-menu-dropdown {
    --dxbl-grid-filter-menu-dropdown-list-box-height: 382px;
    --dxbl-grid-filter-menu-dropdown-treeview-height: 382px;
    --dxbl-grid-filter-menu-dropdown-loading-panel-height: 384px;
    --dxbl-grid-filter-menu-dropdown-footer-btn-width: 158px;
    --dxbl-grid-filter-menu-dropdown-footer-btn-space: 0.625rem;
    --dxbl-grid-filter-menu-dropdown-padding-y: 1.25rem;
}
.dxbl-dropdown.dxbl-lg > .dxbl-grid-filter-menu-dropdown > .dxbl-dropdown-body {
    --dxbl-dropdown-body-padding-y: 1rem;
    --dxbl-grid-filter-menu-values-view-select-all-check-padding-x: var(
        --DS-sizing-80
    );
    --dxbl-grid-filter-menu-values-view-select-all-check-padding-y: calc(
        var(--DS-sizing-60) + var(--DS-sizing-10) + var(--DS-border-width-20)
    );
}
.dxbl-dropdown.dxbl-lg
    > .dxbl-grid-filter-menu-dropdown
    > .dxbl-dropdown-body
    .dxbl-grid-filter-menu-values-view
    .dxbl-checkbox {
    --dxbl-grid-filter-menu-values-view-select-all-check-padding-x: var(
        --DS-sizing-80
    );
    --dxbl-grid-filter-menu-values-view-select-all-check-padding-y: calc(
        var(--DS-sizing-60) + var(--DS-sizing-10) + var(--DS-border-width-20)
    );
}
.dxbl-dropdown.dxbl-lg
    > .dxbl-grid-filter-menu-dropdown
    > .dxbl-dropdown-body
    .dxbl-grid-filter-menu-values-view
    .dxbl-checkbox
    label.dxbl-text {
    --dxbl-checkbox-spacing: var(--DS-sizing-80);
}
.dxbl-grid-filter-menu-dropdown-root {
    --dxbl-grid-filter-menu-dropdown-max-width: none;
    --dxbl-grid-filter-menu-dropdown-max-height: none;
    --dxbl-grid-filter-menu-dropdown-min-width: 320px;
    --dxbl-grid-filter-menu-dropdown-min-height: 165px;
    --dxbl-grid-filter-menu-dropdown-width: 320px;
    --dxbl-grid-filter-menu-dropdown-height: auto;
}
@media (max-height: 768px) {
    .dxbl-grid-filter-menu-dropdown-root {
        --dxbl-grid-filter-menu-dropdown-max-height: 550px;
    }
}
@media (max-height: 576px) {
    .dxbl-grid-filter-menu-dropdown-root {
        --dxbl-grid-filter-menu-dropdown-max-height: 250px;
    }
}
@media (max-width: 576px) {
    .dxbl-grid-filter-menu-dropdown-root {
        --dxbl-grid-filter-menu-dropdown-width: 270px;
        --dxbl-grid-filter-menu-dropdown-min-width: 270px;
    }
}
.dxbl-grid-filter-menu-dropdown-custom-size
    .dxbl-grid-filter-menu-dropdown
    > .dxbl-dropdown-body {
    --dxbl-grid-filter-menu-dropdown-list-box-height: fit-content;
    --dxbl-grid-filter-menu-dropdown-treeview-height: fit-content;
    --dxbl-grid-filter-menu-dropdown-loading-panel-height: 100%;
}
.dxbl-grid-filter-menu-dropdown-custom-size
    .dxbl-grid-filter-menu-dropdown
    > .dxbl-dropdown-body
    > .dxbl-grid-filter-menu-values-view
    > .dxbl-treeview {
    display: contents;
}
.dxbl-grid-filter-menu-dropdown {
    --dxbl-dropdown-header-bg: var(--dxbl-dropdown-body-bg);
    --dxbl-dropdown-footer-bg: var(--dxbl-dropdown-body-bg);
    --dxbl-grid-filter-menu-dropdown-list-box-height: 327px;
    --dxbl-grid-filter-menu-dropdown-treeview-height: 327px;
    --dxbl-grid-filter-menu-dropdown-loading-panel-height: 327px;
    --dxbl-grid-filter-menu-dropdown-footer-btn-width: 143px;
    --dxbl-grid-filter-menu-dropdown-footer-btn-space: 0.5rem;
    --dxbl-grid-filter-menu-dropdown-padding-y: 1rem;
}
.dxbl-grid-filter-menu-dropdown > .dxbl-dropdown-body {
    --dxbl-dropdown-body-padding-y: 0.75rem;
    --dxbl-dropdown-body-align-items: stretch;
    --dxbl-dropdown-body-overflow-y: hidden;
    --dxbl-dropdown-body-padding-top: calc(
        var(--dxbl-dropdown-body-padding-x) - 0.25rem
    );
    --dxbl-dropdown-body-padding-bottom: calc(
        var(--dxbl-dropdown-body-padding-x) - 0.25rem
    );
}
.dxbl-grid-filter-menu-dropdown
    > .dxbl-dropdown-body
    > .dxbl-grid-filter-menu-values-view {
    display: contents;
}
.dxbl-grid-filter-menu-dropdown
    > .dxbl-dropdown-body
    > .dxbl-grid-filter-menu-values-view
    > .dxbl-checkbox {
    --dxbl-grid-filter-menu-values-view-select-all-check-padding-x: var(
        --DS-sizing-60
    );
    --dxbl-grid-filter-menu-values-view-select-all-check-padding-y: calc(
        var(--DS-sizing-40) + var(--DS-border-width-20)
    );
    padding: var(--dxbl-grid-filter-menu-values-view-select-all-check-padding-y)
        var(--dxbl-grid-filter-menu-values-view-select-all-check-padding-x);
    border-left: var(--DS-border-width-20) solid transparent;
    border-right: none;
    border-bottom: var(--DS-border-width-10) solid
        var(--DS-color-border-neutral-default-rest);
}
.dxbl-grid-filter-menu-dropdown
    > .dxbl-dropdown-body
    > .dxbl-grid-filter-menu-values-view
    > .dxbl-checkbox
    label.dxbl-text {
    --dxbl-checkbox-spacing: var(--DS-sizing-60);
}
.dxbl-grid-filter-menu-dropdown
    > .dxbl-dropdown-body
    > .dxbl-grid-filter-menu-values-view
    > .dxbl-list-box,
.dxbl-grid-filter-menu-dropdown
    > .dxbl-dropdown-body
    > .dxbl-grid-filter-menu-values-view
    > .dxbl-listbox {
    height: var(--dxbl-grid-filter-menu-dropdown-list-box-height);
    overflow-x: hidden;
}
.dxbl-grid-filter-menu-dropdown
    > .dxbl-dropdown-body
    > .dxbl-grid-filter-menu-values-view
    > .dxbl-treeview {
    --dxbl-treeview-spacing-x: 0;
    height: var(--dxbl-grid-filter-menu-dropdown-treeview-height);
}
.dxbl-grid-filter-menu-dropdown
    > .dxbl-dropdown-body
    > .dxbl-grid-filter-menu-values-view
    > .dxbl-loading-panel {
    height: var(--dxbl-grid-filter-menu-dropdown-loading-panel-height);
    width: 100%;
}
.dxbl-grid-filter-menu-dropdown > .dxbl-dropdown-body .dxbl-list-box,
.dxbl-grid-filter-menu-dropdown > .dxbl-dropdown-body .dxbl-listbox {
    --dxbl-list-box-border-radius: unset;
    border: none;
}
.dxbl-grid-filter-menu-dropdown > .dxbl-dropdown-footer,
.dxbl-grid-filter-menu-dropdown > .dxbl-dropdown-header {
    --dxbl-dropdown-border-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-grid-filter-menu-dropdown > .dxbl-dropdown-header {
    --dxbl-dropdown-header-padding-top: var(
        --dxbl-grid-filter-menu-dropdown-padding-y
    );
    --dxbl-dropdown-header-padding-bottom: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.dxbl-grid-filter-menu-dropdown > .dxbl-dropdown-footer {
    --dxbl-dropdown-footer-padding-top: 0;
    --dxbl-dropdown-footer-padding-bottom: var(
        --dxbl-grid-filter-menu-dropdown-padding-y
    );
    --dxbl-dropdown-footer-flex-wrap: nowrap;
}
.dxbl-grid-filter-menu-dropdown > .dxbl-dropdown-footer > .dxbl-btn {
    -webkit-flex-basis: var(--dxbl-grid-filter-menu-dropdown-footer-btn-width);
    -ms-flex-preferred-size: var(
        --dxbl-grid-filter-menu-dropdown-footer-btn-width
    );
    flex-basis: var(--dxbl-grid-filter-menu-dropdown-footer-btn-width);
}
.dxbl-grid-filter-menu-dropdown > .dxbl-dropdown-footer > .dxbl-btn:last-child {
    margin-left: var(--dxbl-grid-filter-menu-dropdown-footer-btn-space);
}
.dxbl-checkbox.dxbl-sm.dxbl-checkbox-display-view-checked > div > .dxbl-image,
.dxbl-checkbox.dxbl-sm.dxbl-checkbox-display-view-indeterminate
    > div
    > .dxbl-image,
.dxbl-checkbox.dxbl-sm.dxbl-checkbox-display-view-unchecked
    > div
    > .dxbl-image {
    width: var(--dxbl-checkbox-check-element-width);
    height: var(--dxbl-checkbox-check-element-width);
}
.dxbl-checkbox.dxbl-lg.dxbl-checkbox-display-view-checked > div > .dxbl-image,
.dxbl-checkbox.dxbl-lg.dxbl-checkbox-display-view-indeterminate
    > div
    > .dxbl-image,
.dxbl-checkbox.dxbl-lg.dxbl-checkbox-display-view-unchecked
    > div
    > .dxbl-image {
    width: var(--dxbl-checkbox-check-element-width);
    height: var(--dxbl-checkbox-check-element-width);
}
.dxbl-checkbox.dxbl-checkbox-display-view-checked > div,
.dxbl-checkbox.dxbl-checkbox-display-view-indeterminate > div,
.dxbl-checkbox.dxbl-checkbox-display-view-unchecked > div {
    border: var(--dxbl-checkbox-check-element-border-width) solid
        var(
            --dxbl-checkbox-primary-checked-readonly-check-element-border,
            var(--dxbl-checkbox-color)
        );
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: var(--dxbl-checkbox-check-element-width);
    min-width: var(--dxbl-checkbox-check-element-width);
    height: var(--dxbl-checkbox-check-element-width);
    min-height: var(--dxbl-checkbox-check-element-width);
    border-radius: var(
        --dxbl-checkbox-indeterminate-check-element-icon-border-radius
    );
    overflow: hidden;
}
.dxbl-checkbox.dxbl-checkbox-display-view-checked > div > .dxbl-image,
.dxbl-checkbox.dxbl-checkbox-display-view-indeterminate > div > .dxbl-image,
.dxbl-checkbox.dxbl-checkbox-display-view-unchecked > div > .dxbl-image {
    width: var(--dxbl-checkbox-check-element-icon-size);
    height: var(--dxbl-checkbox-check-element-icon-size);
    color: var(--dxbl-checkbox-primary-checked-check-element-bg);
}
.dxbl-checkbox.dxbl-checkbox-display-view-checked.valid.modified:not(
        [type="checkbox"]
    ),
.dxbl-checkbox.dxbl-checkbox-display-view-indeterminate.valid.modified:not(
        [type="checkbox"]
    ),
.dxbl-checkbox.dxbl-checkbox-display-view-unchecked.valid.modified:not(
        [type="checkbox"]
    ) {
    --dxbl-checkbox-primary-checked-check-element-bg: var(
        --dxbl-checkbox-success-checked-check-element-border
    );
    outline: 0;
}
.dxbl-checkbox.dxbl-checkbox-display-view-checked.invalid,
.dxbl-checkbox.dxbl-checkbox-display-view-indeterminate.invalid,
.dxbl-checkbox.dxbl-checkbox-display-view-unchecked.invalid {
    --dxbl-checkbox-primary-checked-check-element-bg: var(
        --dxbl-checkbox-danger-checked-check-element-border
    );
    outline: 0;
}
.dxbl-grid-dragging-target {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    z-index: 1999;
}
.dxbl-grid-move-cursor,
.dxbl-grid-move-cursor *,
.dxbl-grid-move-cursor .dxbl-grid-action,
.dxbl-grid-move-cursor a:hover {
    cursor: move !important;
}
.dxbl-grabbing-cursor,
.dxbl-grabbing-cursor *,
.dxbl-grabbing-cursor .dxbl-grid-action,
.dxbl-grabbing-cursor a:hover {
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important;
}
.dxbl-resize-cursor,
.dxbl-resize-cursor .dxbl-grid th.dxbl-grid-action {
    cursor: col-resize;
}
.dxbl-grid-action {
    cursor: pointer;
}
.dxbl-virtual-items-container-pattern.dxbl-grid-virtual-items-container-pattern
    > div {
    border-width: var(--dxbl-grid-border-width) 0 0
        var(--dxbl-grid-border-width);
    border-color: var(--dxbl-grid-border-color);
    border-style: var(--dxbl-grid-border-style);
    color: var(--dxbl-grid-color);
    line-height: var(--dxbl-grid-line-height);
    padding: var(--dxbl-grid-text-cell-padding-y)
        var(--dxbl-grid-text-cell-padding-x);
}
.dxbl-grid-edit-canceled-notification {
    white-space: nowrap;
    margin: 10px;
}
.dxbl-grid-edit-canceled-notification > svg {
    width: 24px;
    height: 24px;
    color: var(--DS-color-content-danger-default-rest);
}
.dxbl-grid-edit-canceled-notification > span {
    margin-left: 10px;
    color: var(--DS-color-content-neutral-default-rest);
}
.dxbl-grid
    .dxbl-grid-table.dxbl-grid-table-content-fit-calc
    > tbody
    > tr
    > td
    .dxbl-grid-tree-node-expand-controls-container {
    float: unset;
}
.dxbl-grid-tree-node-expand-button-placeholder {
    min-width: 20px;
    width: 20px;
    display: inline-block;
}
.dxbl-grid-tree-node-expand-controls-cell {
    white-space: nowrap;
}
.dxbl-grid-tree-node-expand-controls-cell
    .dxbl-grid-tree-node-expand-controls-container {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    margin-right: var(--dxbl-grid-text-cell-padding-x);
    float: left;
}
.dxbl-grid-tree-node-expand-controls-cell
    .dxbl-grid-tree-node-expand-controls-container
    .dxbl-grid-tree-node-expand-button {
    --dxbl-btn-bg: var(--dxbl-grid-expand-btn-bg);
    --dxbl-btn-color: var(--dxbl-grid-expand-btn-color);
    --dxbl-btn-padding-x: var(--dxbl-grid-expand-btn-padding-x);
    --dxbl-btn-padding-y: var(--dxbl-grid-expand-btn-padding-y);
    padding: var(--dxbl-btn-padding-y) var(--dxbl-grid-expand-btn-padding-x);
    margin: calc(-1 * var(--dxbl-grid-expand-btn-padding-y))
        calc(-1 * var(--dxbl-grid-expand-btn-padding-x));
    border: 0;
    border-radius: 3rem;
    position: relative;
    outline-offset: -0.1875rem;
}
.dxbl-grid-tree-node-expand-controls-cell
    .dxbl-grid-tree-node-expand-controls-container
    .dxbl-grid-tree-node-expand-button
    > .dxbl-image {
    margin: 0;
}
.dxbl-grid-tree-node-expand-controls-cell
    .dxbl-grid-tree-node-expand-controls-container
    .dxbl-grid-tree-node-expand-button:not(.dxbl-disabled):not(
        :disabled
    ):hover {
    background-color: var(--dxbl-grid-expand-btn-hover-bg);
    color: var(--dxbl-grid-expand-btn-hover-color);
}
.dxbl-grid-tree-node-expand-controls-cell
    .dxbl-grid-tree-node-expand-controls-container
    .dxbl-grid-tree-node-expand-button:not(.dxbl-disabled):not(
        :disabled
    ).dxbl-focused:focus-visible,
.dxbl-grid-tree-node-expand-controls-cell
    .dxbl-grid-tree-node-expand-controls-container
    .dxbl-grid-tree-node-expand-button:not(.dxbl-disabled):not(
        :disabled
    ):focus-visible:focus-visible {
    border-radius: var(--DS-border-radius-40);
    outline: 0.15rem solid var(--dxbl-grid-focus-frame-color);
    outline-offset: -0.1875rem;
}
.dxbl-grid-tree-node-indents-container {
    white-space: nowrap;
    display: inline-block;
}
.dxbl-grid-tree-node-indent {
    min-width: 20px;
    width: 20px;
    display: inline-block;
}
.dxbl-grid-tree-node-empty-indent {
    display: inline-block;
}
.dxbl-popup-cell {
    position: absolute;
    top: 0;
    left: 0;
}
.dxbl-popup-text {
    font-size: inherit;
    line-height: inherit;
}
.dxbl-popup-portal {
    position: absolute;
}
.dxbl-dropdown,
.dxbl-itemlist-dropdown,
.dxbl-message-box,
.dxbl-modal,
.dxbl-window {
    --dxbl-popups-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-popups-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-popups-box-shadow: var(--DS-box-shadow-shadow-6);
    --dxbl-popups-border-width: var(--DS-border-width-0);
    --dxbl-popups-border-style: none;
    --dxbl-popups-border-color: var(--DS-color-border-neutral-muted-rest);
    --dxbl-popups-border-radius: var(--DS-border-radius-80);
    --dxbl-popups-header-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-popups-header-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-popups-header-font-weight: var(--DS-font-weight-subtitle-1);
    --dxbl-popups-header-font-family: var(--DS-font-family-sans-serif);
    --dxbl-popups-header-border-radius: var(--dxbl-popups-border-radius);
    --dxbl-popups-header-border-width: var(--DS-border-width-0);
    --dxbl-popups-header-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-popups-body-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-popups-body-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-popups-body-font-family: var(--DS-font-family-sans-serif);
    --dxbl-popups-body-font-weight: var(--DS-font-weight-body-1);
    --dxbl-popups-footer-font-family: var(--DS-font-family-sans-serif);
    --dxbl-popups-footer-font-weight: var(--DS-font-weight-body-1);
    --dxbl-popups-footer-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-popups-footer-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-popups-footer-border-radius: var(--dxbl-popups-border-radius);
    --dxbl-popups-sizegrip-size: var(--DS-sizing-160);
    --dxbl-popups-sizegrip-image-size: var(--DS-sizing-120);
    --dxbl-popups-sizegrip-image-margin: var(--DS-sizing-20);
}
.dxbl-message-box,
.dxbl-modal,
.dxbl-window {
    --dxbl-popups-backdrop-opacity: var(--DS-opacity-50);
    --dxbl-popups-backdrop-bg: var(--DS-neutral-170);
    --dxbl-popups-header-close-btn-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-popups-header-close-btn-bg: var(
        --DS-color-surface-neutral-muted-rest
    );
    --dxbl-popups-header-close-btn-hover-color: var(
        --DS-color-content-primary-default-hovered
    );
    --dxbl-popups-header-close-btn-hover-bg: var(
        --DS-color-surface-neutral-muted-hovered
    );
    --dxbl-popups-header-close-btn-outline-color: var(
        --DS-color-theme-builder-focus
    );
    --dxbl-popups-header-close-btn-outline-width: var(--DS-border-width-20);
    --dxbl-popups-header-close-btn-border-radius: var(--DS-border-radius-40);
    --dxbl-popups-header-font-size-s: var(--DS-font-size-subtitle-2);
    --dxbl-popups-header-font-size-m: var(--DS-font-size-subtitle-1);
    --dxbl-popups-header-font-size-l: var(--DS-font-size-title-3);
    --dxbl-popups-header-line-height-s: var(--DS-line-height-subtitle-2);
    --dxbl-popups-header-line-height-m: var(--DS-line-height-subtitle-1);
    --dxbl-popups-header-line-height-l: var(--DS-line-height-title-3);
    --dxbl-popups-header-padding-top-s: var(--DS-sizing-200);
    --dxbl-popups-header-padding-top-m: var(--DS-sizing-240);
    --dxbl-popups-header-padding-top-l: var(--DS-sizing-280);
    --dxbl-popups-header-padding-bottom-s: var(--DS-sizing-80);
    --dxbl-popups-header-padding-bottom-m: var(--DS-sizing-120);
    --dxbl-popups-header-padding-bottom-l: var(--DS-sizing-160);
    --dxbl-popups-header-padding-x-s: var(--DS-sizing-200);
    --dxbl-popups-header-padding-x-m: var(--DS-sizing-240);
    --dxbl-popups-header-padding-x-l: var(--DS-sizing-280);
    --dxbl-popups-header-content-padding-y-s: var(--DS-sizing-0);
    --dxbl-popups-header-content-padding-y-m: var(--DS-sizing-20);
    --dxbl-popups-header-content-padding-y-l: var(--DS-sizing-40);
    --dxbl-popups-header-content-padding-x-s: var(--DS-sizing-0);
    --dxbl-popups-header-content-padding-x-m: var(--DS-sizing-0);
    --dxbl-popups-header-content-padding-x-l: var(--DS-sizing-0);
    --dxbl-popups-header-text-padding-y-s: var(--DS-sizing-10);
    --dxbl-popups-header-text-padding-y-m: var(--DS-sizing-0);
    --dxbl-popups-header-text-padding-y-l: var(--DS-sizing-0);
    --dxbl-popups-header-item-spacing-s: var(--DS-sizing-80);
    --dxbl-popups-header-item-spacing-m: var(--DS-sizing-100);
    --dxbl-popups-header-item-spacing-l: var(--DS-sizing-120);
    --dxbl-popups-header-close-btn-padding-s: var(--DS-sizing-30);
    --dxbl-popups-header-close-btn-padding-m: calc(
        var(--DS-sizing-40) + var(--DS-sizing-10)
    );
    --dxbl-popups-header-close-btn-padding-l: calc(
        var(--DS-sizing-60) + var(--DS-sizing-10)
    );
    --dxbl-popups-body-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-popups-body-font-size-m: var(--DS-font-size-body-1);
    --dxbl-popups-body-font-size-l: var(--DS-font-size-body-2);
    --dxbl-popups-body-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-popups-body-line-height-m: var(--DS-line-height-body-1);
    --dxbl-popups-body-line-height-l: var(--DS-line-height-body-2);
    --dxbl-popups-body-padding-y-s: var(--DS-sizing-200);
    --dxbl-popups-body-padding-y-m: var(--DS-sizing-240);
    --dxbl-popups-body-padding-y-l: var(--DS-sizing-280);
    --dxbl-popups-body-padding-x-s: var(--DS-sizing-200);
    --dxbl-popups-body-padding-x-m: var(--DS-sizing-240);
    --dxbl-popups-body-padding-x-l: var(--DS-sizing-280);
    --dxbl-popups-footer-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-popups-footer-font-size-m: var(--DS-font-size-body-1);
    --dxbl-popups-footer-font-size-l: var(--DS-font-size-subtitle-2);
    --dxbl-popups-footer-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-popups-footer-line-height-m: var(--DS-line-height-body-1);
    --dxbl-popups-footer-line-height-l: var(--DS-line-height-subtitle-2);
    --dxbl-popups-footer-padding-top-s: var(--DS-sizing-80);
    --dxbl-popups-footer-padding-top-m: var(--DS-sizing-120);
    --dxbl-popups-footer-padding-top-l: var(--DS-sizing-160);
    --dxbl-popups-footer-padding-bottom-s: var(--DS-sizing-200);
    --dxbl-popups-footer-padding-bottom-m: var(--DS-sizing-240);
    --dxbl-popups-footer-padding-bottom-l: var(--DS-sizing-280);
    --dxbl-popups-footer-padding-x-s: var(--DS-sizing-200);
    --dxbl-popups-footer-padding-x-m: var(--DS-sizing-240);
    --dxbl-popups-footer-padding-x-l: var(--DS-sizing-280);
    --dxbl-popups-footer-content-padding-top-s: var(--DS-sizing-40);
    --dxbl-popups-footer-content-padding-top-m: var(--DS-sizing-40);
    --dxbl-popups-footer-content-padding-top-l: var(--DS-sizing-60);
}
.dxbl-dropdown,
.dxbl-flyout,
.dxbl-itemlist-dropdown {
    --dxbl-dropdowns-header-font-size-s: var(--DS-font-size-subtitle-2);
    --dxbl-dropdowns-header-font-size-m: var(--DS-font-size-subtitle-1);
    --dxbl-dropdowns-header-font-size-l: var(--DS-font-size-title-3);
    --dxbl-dropdowns-header-line-height-s: var(--DS-line-height-subtitle-2);
    --dxbl-dropdowns-header-line-height-m: var(--DS-line-height-subtitle-1);
    --dxbl-dropdowns-header-line-height-l: var(--DS-line-height-title-3);
    --dxbl-dropdowns-header-padding-x-s: var(--DS-sizing-120);
    --dxbl-dropdowns-header-padding-x-m: var(--DS-sizing-160);
    --dxbl-dropdowns-header-padding-x-l: var(--DS-sizing-200);
    --dxbl-dropdowns-header-padding-top-s: var(--DS-sizing-120);
    --dxbl-dropdowns-header-padding-top-m: var(--DS-sizing-160);
    --dxbl-dropdowns-header-padding-top-l: var(--DS-sizing-200);
    --dxbl-dropdowns-header-padding-bottom-s: var(--DS-sizing-80);
    --dxbl-dropdowns-header-padding-bottom-m: var(--DS-sizing-120);
    --dxbl-dropdowns-header-padding-bottom-l: var(--DS-sizing-160);
    --dxbl-dropdowns-header-text-padding-y-s: var(--DS-sizing-10);
    --dxbl-dropdowns-header-text-padding-y-m: var(--DS-sizing-0);
    --dxbl-dropdowns-header-text-padding-y-l: var(--DS-sizing-0);
    --dxbl-dropdowns-body-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-dropdowns-body-font-size-m: var(--DS-font-size-body-1);
    --dxbl-dropdowns-body-font-size-l: var(--DS-font-size-body-2);
    --dxbl-dropdowns-body-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-dropdowns-body-line-height-m: var(--DS-line-height-body-1);
    --dxbl-dropdowns-body-line-height-l: var(--DS-line-height-body-2);
    --dxbl-dropdowns-body-padding-x-s: var(--DS-sizing-120);
    --dxbl-dropdowns-body-padding-x-m: var(--DS-sizing-160);
    --dxbl-dropdowns-body-padding-x-l: var(--DS-sizing-200);
    --dxbl-dropdowns-body-padding-y-s: var(--DS-sizing-120);
    --dxbl-dropdowns-body-padding-y-m: var(--DS-sizing-160);
    --dxbl-dropdowns-body-padding-y-l: var(--DS-sizing-200);
    --dxbl-dropdowns-footer-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-dropdowns-footer-font-size-m: var(--DS-font-size-body-1);
    --dxbl-dropdowns-footer-font-size-l: var(--DS-font-size-subtitle-2);
    --dxbl-dropdowns-footer-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-dropdowns-footer-line-height-m: var(--DS-line-height-body-1);
    --dxbl-dropdowns-footer-line-height-l: var(--DS-line-height-subtitle-2);
    --dxbl-dropdowns-footer-padding-x-s: var(--DS-sizing-120);
    --dxbl-dropdowns-footer-padding-x-m: var(--DS-sizing-160);
    --dxbl-dropdowns-footer-padding-x-l: var(--DS-sizing-200);
    --dxbl-dropdowns-footer-padding-bottom-s: var(--DS-sizing-120);
    --dxbl-dropdowns-footer-padding-bottom-m: var(--DS-sizing-160);
    --dxbl-dropdowns-footer-padding-bottom-l: var(--DS-sizing-200);
    --dxbl-dropdowns-footer-padding-top-s: var(--DS-sizing-80);
    --dxbl-dropdowns-footer-padding-top-m: var(--DS-sizing-120);
    --dxbl-dropdowns-footer-padding-top-l: var(--DS-sizing-160);
}
.dxbl-message-box,
.dxbl-modal,
.dxbl-window {
    --dxbl-popups-header-font-size: var(--dxbl-popups-header-font-size-m);
    --dxbl-popups-header-line-height: var(--dxbl-popups-header-line-height-m);
    --dxbl-popups-header-padding-top: var(--dxbl-popups-header-padding-top-m);
    --dxbl-popups-header-padding-bottom: var(
        --dxbl-popups-header-padding-bottom-m
    );
    --dxbl-popups-header-padding-x: var(--dxbl-popups-header-padding-x-m);
    --dxbl-popups-header-content-padding-y: var(
        --dxbl-popups-header-content-padding-y-m
    );
    --dxbl-popups-header-content-padding-x: var(
        --dxbl-popups-header-content-padding-x-m
    );
    --dxbl-popups-header-text-padding-y: var(
        --dxbl-popups-header-text-padding-y-m
    );
    --dxbl-popups-header-item-spacing: var(--dxbl-popups-header-item-spacing-m);
    --dxbl-popups-header-close-btn-padding: var(
        --dxbl-popups-header-close-btn-padding-m
    );
    --dxbl-popups-body-font-size: var(--dxbl-popups-body-font-size-m);
    --dxbl-popups-body-line-height: var(--dxbl-popups-body-line-height-m);
    --dxbl-popups-body-padding-y: var(--dxbl-popups-body-padding-y-m);
    --dxbl-popups-body-padding-x: var(--dxbl-popups-body-padding-x-m);
    --dxbl-popups-footer-font-size: var(--dxbl-popups-footer-font-size-m);
    --dxbl-popups-footer-line-height: var(--dxbl-popups-footer-line-height-m);
    --dxbl-popups-footer-padding-top: var(--dxbl-popups-footer-padding-top-m);
    --dxbl-popups-footer-padding-bottom: var(
        --dxbl-popups-footer-padding-bottom-m
    );
    --dxbl-popups-footer-padding-x: var(--dxbl-popups-footer-padding-x-m);
    --dxbl-popups-footer-content-padding-top: var(
        --dxbl-popups-footer-content-padding-top-m
    );
}
.dxbl-message-box.dxbl-sm,
.dxbl-modal.dxbl-sm,
.dxbl-window.dxbl-sm {
    --dxbl-popups-header-font-size: var(--dxbl-popups-header-font-size-s);
    --dxbl-popups-header-line-height: var(--dxbl-popups-header-line-height-s);
    --dxbl-popups-header-padding-top: var(--dxbl-popups-header-padding-top-s);
    --dxbl-popups-header-padding-bottom: var(
        --dxbl-popups-header-padding-bottom-s
    );
    --dxbl-popups-header-padding-x: var(--dxbl-popups-header-padding-x-s);
    --dxbl-popups-header-content-padding-y: var(
        --dxbl-popups-header-content-padding-y-s
    );
    --dxbl-popups-header-content-padding-x: var(
        --dxbl-popups-header-content-padding-x-s
    );
    --dxbl-popups-header-text-padding-y: var(
        --dxbl-popups-header-text-padding-y-s
    );
    --dxbl-popups-header-item-spacing: var(--dxbl-popups-header-item-spacing-s);
    --dxbl-popups-header-close-btn-padding: var(
        --dxbl-popups-header-close-btn-padding-s
    );
    --dxbl-popups-body-font-size: var(--dxbl-popups-body-font-size-s);
    --dxbl-popups-body-line-height: var(--dxbl-popups-body-line-height-s);
    --dxbl-popups-body-padding-y: var(--dxbl-popups-body-padding-y-s);
    --dxbl-popups-body-padding-x: var(--dxbl-popups-body-padding-x-s);
    --dxbl-popups-footer-font-size: var(--dxbl-popups-footer-font-size-s);
    --dxbl-popups-footer-line-height: var(--dxbl-popups-footer-line-height-s);
    --dxbl-popups-footer-padding-top: var(--dxbl-popups-footer-padding-top-s);
    --dxbl-popups-footer-padding-bottom: var(
        --dxbl-popups-footer-padding-bottom-s
    );
    --dxbl-popups-footer-padding-x: var(--dxbl-popups-footer-padding-x-s);
    --dxbl-popups-footer-content-padding-top: var(
        --dxbl-popups-footer-content-padding-top-s
    );
}
.dxbl-message-box.dxbl-lg,
.dxbl-modal.dxbl-lg,
.dxbl-window.dxbl-lg {
    --dxbl-popups-header-font-size: var(--dxbl-popups-header-font-size-l);
    --dxbl-popups-header-line-height: var(--dxbl-popups-header-line-height-l);
    --dxbl-popups-header-padding-top: var(--dxbl-popups-header-padding-top-l);
    --dxbl-popups-header-padding-bottom: var(
        --dxbl-popups-header-padding-bottom-l
    );
    --dxbl-popups-header-padding-x: var(--dxbl-popups-header-padding-x-l);
    --dxbl-popups-header-content-padding-y: var(
        --dxbl-popups-header-content-padding-y-l
    );
    --dxbl-popups-header-content-padding-x: var(
        --dxbl-popups-header-content-padding-x-l
    );
    --dxbl-popups-header-text-padding-y: var(
        --dxbl-popups-header-text-padding-y-l
    );
    --dxbl-popups-header-item-spacing: var(--dxbl-popups-header-item-spacing-l);
    --dxbl-popups-header-close-btn-padding: var(
        --dxbl-popups-header-close-btn-padding-l
    );
    --dxbl-popups-body-font-size: var(--dxbl-popups-body-font-size-l);
    --dxbl-popups-body-line-height: var(--dxbl-popups-body-line-height-l);
    --dxbl-popups-body-padding-y: var(--dxbl-popups-body-padding-y-l);
    --dxbl-popups-body-padding-x: var(--dxbl-popups-body-padding-x-l);
    --dxbl-popups-footer-font-size: var(--dxbl-popups-footer-font-size-l);
    --dxbl-popups-footer-line-height: var(--dxbl-popups-footer-line-height-l);
    --dxbl-popups-footer-padding-top: var(--dxbl-popups-footer-padding-top-l);
    --dxbl-popups-footer-padding-bottom: var(
        --dxbl-popups-footer-padding-bottom-l
    );
    --dxbl-popups-footer-padding-x: var(--dxbl-popups-footer-padding-x-l);
    --dxbl-popups-footer-content-padding-top: var(
        --dxbl-popups-footer-content-padding-top-l
    );
}
.dxbl-dropdown,
.dxbl-flyout,
.dxbl-itemlist-dropdown {
    --dxbl-dropdowns-header-font-size: var(--dxbl-dropdowns-header-font-size-m);
    --dxbl-dropdowns-header-line-height: var(
        --dxbl-dropdowns-header-line-height-m
    );
    --dxbl-dropdowns-header-padding-x: var(--dxbl-dropdowns-header-padding-x-m);
    --dxbl-dropdowns-header-padding-top: var(
        --dxbl-dropdowns-header-padding-top-m
    );
    --dxbl-dropdowns-header-padding-bottom: var(
        --dxbl-dropdowns-header-padding-bottom-m
    );
    --dxbl-dropdowns-header-text-padding-y: var(
        --dxbl-dropdowns-header-text-padding-y-m
    );
    --dxbl-dropdowns-body-font-size: var(--dxbl-dropdowns-body-font-size-m);
    --dxbl-dropdowns-body-line-height: var(--dxbl-dropdowns-body-line-height-m);
    --dxbl-dropdowns-body-padding-x: var(--dxbl-dropdowns-body-padding-x-m);
    --dxbl-dropdowns-body-padding-y: var(--dxbl-dropdowns-body-padding-y-m);
    --dxbl-dropdowns-footer-font-size: var(--dxbl-dropdowns-footer-font-size-m);
    --dxbl-dropdowns-footer-line-height: var(
        --dxbl-dropdowns-footer-line-height-m
    );
    --dxbl-dropdowns-footer-padding-x: var(--dxbl-dropdowns-footer-padding-x-m);
    --dxbl-dropdowns-footer-padding-bottom: var(
        --dxbl-dropdowns-footer-padding-bottom-m
    );
    --dxbl-dropdowns-footer-padding-top: var(
        --dxbl-dropdowns-footer-padding-top-m
    );
}
.dxbl-dropdown.dxbl-sm,
.dxbl-flyout.dxbl-sm,
.dxbl-itemlist-dropdown.dxbl-sm {
    --dxbl-dropdowns-header-font-size: var(--dxbl-dropdowns-header-font-size-s);
    --dxbl-dropdowns-header-line-height: var(
        --dxbl-dropdowns-header-line-height-s
    );
    --dxbl-dropdowns-header-padding-x: var(--dxbl-dropdowns-header-padding-x-s);
    --dxbl-dropdowns-header-padding-top: var(
        --dxbl-dropdowns-header-padding-top-s
    );
    --dxbl-dropdowns-header-padding-bottom: var(
        --dxbl-dropdowns-header-padding-bottom-s
    );
    --dxbl-dropdowns-header-text-padding-y: var(
        --dxbl-dropdowns-header-text-padding-y-s
    );
    --dxbl-dropdowns-body-font-size: var(--dxbl-dropdowns-body-font-size-s);
    --dxbl-dropdowns-body-line-height: var(--dxbl-dropdowns-body-line-height-s);
    --dxbl-dropdowns-body-padding-x: var(--dxbl-dropdowns-body-padding-x-s);
    --dxbl-dropdowns-body-padding-y: var(--dxbl-dropdowns-body-padding-y-s);
    --dxbl-dropdowns-footer-font-size: var(--dxbl-dropdowns-footer-font-size-s);
    --dxbl-dropdowns-footer-line-height: var(
        --dxbl-dropdowns-footer-line-height-s
    );
    --dxbl-dropdowns-footer-padding-x: var(--dxbl-dropdowns-footer-padding-x-s);
    --dxbl-dropdowns-footer-padding-bottom: var(
        --dxbl-dropdowns-footer-padding-bottom-s
    );
    --dxbl-dropdowns-footer-padding-top: var(
        --dxbl-dropdowns-footer-padding-top-s
    );
}
.dxbl-dropdown.dxbl-lg,
.dxbl-flyout.dxbl-lg,
.dxbl-itemlist-dropdown.dxbl-lg {
    --dxbl-dropdowns-header-font-size: var(--dxbl-dropdowns-header-font-size-l);
    --dxbl-dropdowns-header-line-height: var(
        --dxbl-dropdowns-header-line-height-l
    );
    --dxbl-dropdowns-header-padding-x: var(--dxbl-dropdowns-header-padding-x-l);
    --dxbl-dropdowns-header-padding-top: var(
        --dxbl-dropdowns-header-padding-top-l
    );
    --dxbl-dropdowns-header-padding-bottom: var(
        --dxbl-dropdowns-header-padding-bottom-l
    );
    --dxbl-dropdowns-header-text-padding-y: var(
        --dxbl-dropdowns-header-text-padding-y-l
    );
    --dxbl-dropdowns-body-font-size: var(--dxbl-dropdowns-body-font-size-l);
    --dxbl-dropdowns-body-line-height: var(--dxbl-dropdowns-body-line-height-l);
    --dxbl-dropdowns-body-padding-x: var(--dxbl-dropdowns-body-padding-x-l);
    --dxbl-dropdowns-body-padding-y: var(--dxbl-dropdowns-body-padding-y-l);
    --dxbl-dropdowns-footer-font-size: var(--dxbl-dropdowns-footer-font-size-l);
    --dxbl-dropdowns-footer-line-height: var(
        --dxbl-dropdowns-footer-line-height-l
    );
    --dxbl-dropdowns-footer-padding-x: var(--dxbl-dropdowns-footer-padding-x-l);
    --dxbl-dropdowns-footer-padding-bottom: var(
        --dxbl-dropdowns-footer-padding-bottom-l
    );
    --dxbl-dropdowns-footer-padding-top: var(
        --dxbl-dropdowns-footer-padding-top-l
    );
}
.dxbl-dropdown,
.dxbl-itemlist-dropdown {
    --dxbl-dropdown-bg: var(--dxbl-popups-bg);
    --dxbl-dropdown-color: var(--dxbl-popups-color);
    --dxbl-dropdown-box-shadow: var(--DS-box-shadow-shadow-4);
    --dxbl-dropdown-border-width: var(--dxbl-popups-border-width);
    --dxbl-dropdown-border-style: var(--dxbl-popups-border-style);
    --dxbl-dropdown-border-color: var(--dxbl-popups-border-color);
    --dxbl-dropdown-border-radius: var(--dxbl-popups-border-radius);
    --dxbl-dropdown-min-width: 0;
    --dxbl-dropdown-header-bg: var(--dxbl-popups-header-bg);
    --dxbl-dropdown-header-color: var(--dxbl-popups-header-color);
    --dxbl-dropdown-header-font-weight: var(--dxbl-popups-header-font-weight);
    --dxbl-dropdown-header-font-family: var(--dxbl-popups-header-font-family);
    --dxbl-dropdown-header-border-radius: var(
        --dxbl-popups-header-border-radius
    );
    --dxbl-dropdown-header-border-width: var(--dxbl-popups-header-border-width);
    --dxbl-dropdown-header-border-color: var(--dxbl-popups-header-border-color);
    --dxbl-dropdown-body-bg: var(--dxbl-popups-body-bg);
    --dxbl-dropdown-body-color: var(--dxbl-popups-body-color);
    --dxbl-dropdown-body-font-family: var(--dxbl-popups-body-font-family);
    --dxbl-dropdown-body-font-weight: var(--dxbl-popups-body-font-weight);
    --dxbl-dropdown-body-align-items: flex-start;
    --dxbl-dropdown-body-overflow-y: auto;
    --dxbl-dropdown-footer-font-family: var(--dxbl-popups-footer-font-family);
    --dxbl-dropdown-footer-bg: var(--dxbl-popups-footer-bg);
    --dxbl-dropdown-footer-color: var(--dxbl-popups-footer-color);
    --dxbl-dropdown-footer-border-radius: var(
        --dxbl-popups-footer-border-radius
    );
    --dxbl-dropdown-footer-flex-wrap: wrap;
    --dxbl-dropdown-sizegrip-size: var(--dxbl-popups-sizegrip-size);
    --dxbl-dropdown-sizegrip-image-size: var(--dxbl-popups-sizegrip-image-size);
    --dxbl-dropdown-sizegrip-image-margin: var(
        --dxbl-popups-sizegrip-image-margin
    );
    --dxbl-dropdown-header-font-size: var(--dxbl-dropdowns-header-font-size);
    --dxbl-dropdown-header-line-height: var(
        --dxbl-dropdowns-header-line-height
    );
    --dxbl-dropdown-header-padding-top: var(
        --dxbl-dropdowns-header-padding-top
    );
    --dxbl-dropdown-header-padding-bottom: var(
        --dxbl-dropdowns-header-padding-bottom
    );
    --dxbl-dropdown-header-padding-x: var(--dxbl-dropdowns-header-padding-x);
    --dxbl-dropdown-header-content-padding-y: 0;
    --dxbl-dropdown-header-content-padding-x: 0;
    --dxbl-dropdown-header-text-padding-y: var(
        --dxbl-dropdowns-header-text-padding-y
    );
    --dxbl-dropdown-body-font-size: var(--dxbl-dropdowns-body-font-size);
    --dxbl-dropdown-body-line-height: var(--dxbl-dropdowns-body-line-height);
    --dxbl-dropdown-body-padding-top: 0;
    --dxbl-dropdown-body-padding-bottom: 0;
    --dxbl-dropdown-body-padding-x: var(--dxbl-dropdowns-body-padding-x);
    --dxbl-dropdown-footer-font-size: var(--dxbl-dropdowns-footer-font-size);
    --dxbl-dropdown-footer-line-height: var(
        --dxbl-dropdowns-footer-line-height
    );
    --dxbl-dropdown-footer-padding-top: var(
        --dxbl-dropdowns-footer-padding-top
    );
    --dxbl-dropdown-footer-padding-bottom: var(
        --dxbl-dropdowns-footer-padding-bottom
    );
    --dxbl-dropdown-footer-padding-x: var(--dxbl-dropdowns-footer-padding-x);
}
.dxbl-dropdown,
.dxbl-itemlist-dropdown {
    position: absolute;
    top: 0;
    left: 0;
    z-index: unset;
    outline: 0;
}
.dxbl-dropdown:not(:defined),
.dxbl-itemlist-dropdown:not(:defined) {
    display: none;
}
.dxbl-dropdown[x-drop-alignment="bottom"]
    > .dxbl-dropdown-dialog
    > .dxbl-dropdown-top-sizegrip-area,
.dxbl-dropdown[x-drop-alignment="top"]
    > .dxbl-dropdown-dialog
    > .dxbl-dropdown-top-sizegrip-area,
.dxbl-itemlist-dropdown[x-drop-alignment="bottom"]
    > .dxbl-dropdown-dialog
    > .dxbl-dropdown-top-sizegrip-area,
.dxbl-itemlist-dropdown[x-drop-alignment="top"]
    > .dxbl-dropdown-dialog
    > .dxbl-dropdown-top-sizegrip-area {
    display: block;
}
.dxbl-dropdown.dxbl-dialog-hidden > .dxbl-dropdown-dialog,
.dxbl-itemlist-dropdown.dxbl-dialog-hidden > .dxbl-dropdown-dialog {
    display: none;
}
.dxbl-dropdown.dxbl-dialog-shown > .dxbl-dropdown-dialog,
.dxbl-itemlist-dropdown.dxbl-dialog-shown > .dxbl-dropdown-dialog {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-dropdown > .dxbl-dropdown-dialog,
.dxbl-itemlist-dropdown > .dxbl-dropdown-dialog {
    color: var(--dxbl-dropdown-color);
    background-color: var(--dxbl-dropdown-bg);
    border: var(--dxbl-dropdown-border-width) var(--dxbl-dropdown-border-style)
        var(--dxbl-dropdown-border-color);
    border-radius: var(--dxbl-dropdown-border-radius);
    -webkit-box-shadow: var(--dxbl-dropdown-box-shadow);
    box-shadow: var(--dxbl-dropdown-box-shadow);
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 0;
    min-width: var(--dxbl-dropdown-min-width);
    min-height: 0;
    top: 0;
    left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    outline: 0;
}
.dxbl-dropdown
    > .dxbl-dropdown-dialog.dxbl-dropdown-scrollable
    > .dxbl-dropdown-body,
.dxbl-itemlist-dropdown
    > .dxbl-dropdown-dialog.dxbl-dropdown-scrollable
    > .dxbl-dropdown-body {
    overflow-y: var(--dxbl-dropdown-body-overflow-y);
    min-height: 0;
}
.dxbl-dropdown > .dxbl-dropdown-dialog > .dxbl-dropdown-header,
.dxbl-itemlist-dropdown > .dxbl-dropdown-dialog > .dxbl-dropdown-header {
    font-family: var(--dxbl-dropdown-header-font-family);
    font-size: var(--dxbl-dropdown-header-font-size);
    font-weight: var(--dxbl-dropdown-header-font-weight);
    line-height: var(--dxbl-dropdown-header-line-height);
    padding: var(--dxbl-dropdown-header-padding-top)
        var(--dxbl-dropdown-header-padding-x)
        var(--dxbl-dropdown-header-padding-bottom);
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-radius: var(--dxbl-dropdown-header-border-radius)
        var(--dxbl-dropdown-header-border-radius) 0 0;
    background-color: var(--dxbl-dropdown-header-bg);
    color: var(--dxbl-dropdown-header-color);
}
.dxbl-dropdown > .dxbl-dropdown-dialog > .dxbl-dropdown-header .dxbl-popup-text,
.dxbl-itemlist-dropdown
    > .dxbl-dropdown-dialog
    > .dxbl-dropdown-header
    .dxbl-popup-text {
    padding: var(--dxbl-dropdown-header-content-padding-y)
        var(--dxbl-dropdown-header-content-padding-x);
}
.dxbl-dropdown > .dxbl-dropdown-dialog > .dxbl-dropdown-header.dxbl-drag,
.dxbl-itemlist-dropdown
    > .dxbl-dropdown-dialog
    > .dxbl-dropdown-header.dxbl-drag {
    cursor: default;
}
.dxbl-dropdown > .dxbl-dropdown-dialog > .dxbl-dropdown-body,
.dxbl-itemlist-dropdown > .dxbl-dropdown-dialog > .dxbl-dropdown-body {
    font-family: var(--dxbl-dropdown-body-font-family);
    font-size: var(--dxbl-dropdown-body-font-size);
    font-weight: var(--dxbl-dropdown-body-font-weight);
    line-height: var(--dxbl-dropdown-body-line-height);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: var(--dxbl-dropdown-body-align-items);
    -webkit-align-items: var(--dxbl-dropdown-body-align-items);
    -ms-flex-align: var(--dxbl-dropdown-body-align-items);
    align-items: var(--dxbl-dropdown-body-align-items);
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0;
    padding: var(--dxbl-dropdown-body-padding-top)
        var(--dxbl-dropdown-body-padding-x)
        var(--dxbl-dropdown-body-padding-bottom);
    background-color: var(--dxbl-dropdown-body-bg);
    color: var(--dxbl-dropdown-body-color);
    border-radius: var(--dxbl-dropdown-body-border-radius-top)
        var(--dxbl-dropdown-body-border-radius-top)
        var(--dxbl-dropdown-body-border-radius-bottom)
        var(--dxbl-dropdown-body-border-radius-bottom);
}
.dxbl-dropdown > .dxbl-dropdown-dialog > .dxbl-dropdown-body > *,
.dxbl-itemlist-dropdown > .dxbl-dropdown-dialog > .dxbl-dropdown-body > * {
    min-height: 0;
}
.dxbl-dropdown
    > .dxbl-dropdown-dialog
    > .dxbl-dropdown-body
    > .dxbl-fl.dxbl-fl-with-paddings,
.dxbl-itemlist-dropdown
    > .dxbl-dropdown-dialog
    > .dxbl-dropdown-body
    > .dxbl-fl.dxbl-fl-with-paddings {
    --dxbl-fl-padding-x: 0;
    --dxbl-fl-padding-y: 0;
}
.dxbl-dropdown > .dxbl-dropdown-dialog > .dxbl-dropdown-footer,
.dxbl-itemlist-dropdown > .dxbl-dropdown-dialog > .dxbl-dropdown-footer {
    font-family: var(--dxbl-dropdown-footer-font-family);
    font-size: var(--dxbl-dropdown-footer-font-size);
    line-height: var(--dxbl-dropdown-footer-line-height);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: var(--dxbl-dropdown-footer-flex-wrap);
    -ms-flex-wrap: var(--dxbl-dropdown-footer-flex-wrap);
    flex-wrap: var(--dxbl-dropdown-footer-flex-wrap);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: var(--dxbl-dropdown-footer-padding-top)
        var(--dxbl-dropdown-footer-padding-x)
        var(--dxbl-dropdown-footer-padding-bottom);
    border-top: var(--dxbl-dropdown-border-width)
        var(--dxbl-dropdown-border-style) var(--dxbl-dropdown-border-color);
    margin-top: auto;
    background-color: var(--dxbl-dropdown-footer-bg);
    color: var(--dxbl-dropdown-footer-color);
    border-radius: 0 0 var(--dxbl-dropdown-footer-border-radius)
        var(--dxbl-dropdown-footer-border-radius);
}
.dxbl-dropdown > .dxbl-dropdown-dialog .dxbl-dropdown-sizegrip-area,
.dxbl-itemlist-dropdown > .dxbl-dropdown-dialog .dxbl-dropdown-sizegrip-area {
    display: none;
}
.dxbl-dropdown > .dxbl-dropdown-sizegrip,
.dxbl-itemlist-dropdown > .dxbl-dropdown-sizegrip {
    outline: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: var(--dxbl-dropdown-sizegrip-size);
    height: var(--dxbl-dropdown-sizegrip-size);
    color: inherit;
    background-color: transparent;
}
.dxbl-dropdown > .dxbl-dropdown-sizegrip .dxbl-dropdown-sizegrip-image,
.dxbl-itemlist-dropdown
    > .dxbl-dropdown-sizegrip
    .dxbl-dropdown-sizegrip-image {
    margin: var(--dxbl-dropdown-sizegrip-image-margin);
    width: var(--dxbl-dropdown-sizegrip-image-size);
    height: var(--dxbl-dropdown-sizegrip-image-size);
}
.dxbl-dropdown,
.dxbl-itemlist-dropdown {
    --dxbl-dropdown-body-border-radius-top: 0;
    --dxbl-dropdown-body-border-radius-bottom: 0;
}
.dxbl-dropdown > .dxbl-dropdown-dialog:not(:has(.dxbl-dropdown-footer)),
.dxbl-itemlist-dropdown
    > .dxbl-dropdown-dialog:not(:has(.dxbl-dropdown-footer)) {
    --dxbl-dropdown-body-border-radius-bottom: var(
        --dxbl-dropdown-border-radius
    );
    --dxbl-dropdown-body-padding-bottom: var(--dxbl-dropdowns-body-padding-y);
}
.dxbl-dropdown > .dxbl-dropdown-dialog:not(:has(.dxbl-dropdown-header)),
.dxbl-itemlist-dropdown
    > .dxbl-dropdown-dialog:not(:has(.dxbl-dropdown-header)) {
    --dxbl-dropdown-body-border-radius-top: var(--dxbl-dropdown-border-radius);
    --dxbl-dropdown-body-padding-top: var(--dxbl-dropdowns-body-padding-y);
}
.dxbl-flyout {
    --dxbl-flyout-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-flyout-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-flyout-shadow: var(--DS-box-shadow-shadow-5);
    --dxbl-flyout-border-width: var(--DS-border-width-0);
    --dxbl-flyout-border-style: none;
    --dxbl-flyout-border-color: var(--DS-color-border-neutral-muted-rest);
    --dxbl-flyout-border-radius: var(--DS-border-radius-40);
    --dxbl-flyout-header-font-family: var(--DS-font-family-sans-serif);
    --dxbl-flyout-header-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-flyout-header-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-flyout-header-font-weight: 600;
    --dxbl-flyout-header-border-radius: var(--dxbl-flyout-border-radius);
    --dxbl-flyout-body-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-flyout-body-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-flyout-body-font-family: var(--DS-font-family-sans-serif);
    --dxbl-flyout-body-font-weight: var(--DS-font-weight-body-1);
    --dxbl-flyout-body-padding-top: 0;
    --dxbl-flyout-body-padding-bottom: 0;
    --dxbl-flyout-footer-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-flyout-footer-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-flyout-footer-font-family: var(--DS-font-family-sans-serif);
    --dxbl-flyout-footer-font-weight: var(--DS-font-weight-body-1);
    --dxbl-flyout-footer-border-radius: var(--dxbl-flyout-border-radius);
    --dxbl-flyout-arrow-horizontal-width: var(--DS-sizing-160);
    --dxbl-flyout-arrow-horizontal-height: var(--DS-sizing-80);
    --dxbl-flyout-arrow-vertical-width: var(--DS-sizing-80);
    --dxbl-flyout-arrow-vertical-height: var(--DS-sizing-160);
    --dxbl-flyout-header-font-size: var(--dxbl-dropdowns-header-font-size);
    --dxbl-flyout-header-line-height: var(--dxbl-dropdowns-header-line-height);
    --dxbl-flyout-header-padding-x: var(--dxbl-dropdowns-header-padding-x);
    --dxbl-flyout-header-padding-top: var(--dxbl-dropdowns-header-padding-top);
    --dxbl-flyout-header-padding-bottom: var(
        --dxbl-dropdowns-header-padding-bottom
    );
    --dxbl-flyout-header-text-padding-y: var(
        --dxbl-dropdowns-header-text-padding-y
    );
    --dxbl-flyout-body-font-size: var(--dxbl-dropdowns-body-font-size);
    --dxbl-flyout-body-line-height: var(--dxbl-dropdowns-body-line-height);
    --dxbl-flyout-body-padding-x: var(--dxbl-dropdowns-body-padding-x);
    --dxbl-flyout-body-padding-y: var(--dxbl-dropdowns-body-padding-y);
    --dxbl-flyout-footer-font-size: var(--dxbl-dropdowns-footer-font-size);
    --dxbl-flyout-footer-line-height: var(--dxbl-dropdowns-footer-line-height);
    --dxbl-flyout-footer-padding-x: var(--dxbl-dropdowns-footer-padding-x);
    --dxbl-flyout-footer-padding-top: var(--dxbl-dropdowns-footer-padding-top);
    --dxbl-flyout-footer-padding-bottom: var(
        --dxbl-dropdowns-footer-padding-bottom
    );
}
.dxbl-flyout {
    position: absolute;
    top: 0;
    left: 0;
}
.dxbl-flyout:not(:defined) {
    display: none;
}
.dxbl-flyout.dxbl-dialog-hidden > .dxbl-flyout-dialog {
    display: none;
}
.dxbl-flyout.dxbl-dialog-shown > .dxbl-flyout-dialog {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-flyout > .dxbl-flyout-dialog {
    -webkit-box-shadow: var(--dxbl-flyout-shadow);
    box-shadow: var(--dxbl-flyout-shadow);
    background-color: var(--dxbl-flyout-bg);
    border: var(--dxbl-flyout-border-width) var(--dxbl-flyout-border-style)
        var(--dxbl-flyout-border-color);
    border-radius: var(--dxbl-flyout-border-radius);
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    min-width: 0;
    min-height: 0;
    top: 0;
    left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    outline: 0;
    z-index: 1070;
}
.dxbl-flyout > .dxbl-flyout-dialog.dxbl-flyout-scrollable > .dxbl-flyout-body {
    overflow-y: auto;
    min-height: 0;
}
.dxbl-flyout > .dxbl-flyout-dialog > .dxbl-flyout-header {
    color: var(--dxbl-flyout-header-color);
    background-color: var(--dxbl-flyout-header-bg);
    font-family: var(--dxbl-flyout-header-font-family);
    font-size: var(--dxbl-flyout-header-font-size);
    line-height: var(--dxbl-flyout-header-line-height);
    font-weight: var(--dxbl-flyout-header-font-weight);
    padding: var(--dxbl-flyout-header-padding-top)
        var(--dxbl-flyout-header-padding-x)
        var(--dxbl-flyout-header-padding-bottom);
    cursor: default;
    border-bottom: var(--dxbl-flyout-border-width)
        var(--dxbl-flyout-border-style) var(--dxbl-flyout-border-color);
    border-radius: var(--dxbl-flyout-header-border-radius)
        var(--dxbl-flyout-header-border-radius) 0 0;
}
.dxbl-flyout > .dxbl-flyout-dialog > .dxbl-flyout-header.dxbl-drag {
    cursor: default;
}
.dxbl-flyout > .dxbl-flyout-dialog > .dxbl-flyout-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0;
    color: var(--dxbl-flyout-body-color);
    background-color: var(--dxbl-flyout-body-bg);
    font-family: var(--dxbl-flyout-body-font-family);
    font-size: var(--dxbl-flyout-body-font-size);
    line-height: var(--dxbl-flyout-body-line-height);
    font-weight: var(--dxbl-flyout-body-font-weight);
    padding: var(--dxbl-flyout-body-padding-top)
        var(--dxbl-flyout-body-padding-x) var(--dxbl-flyout-body-padding-bottom);
    border-radius: var(--dxbl-flyout-body-border-radius-top)
        var(--dxbl-flyout-body-border-radius-top)
        var(--dxbl-flyout-body-border-radius-bottom)
        var(--dxbl-flyout-body-border-radius-bottom);
}
.dxbl-flyout > .dxbl-flyout-dialog > .dxbl-flyout-body > * {
    min-height: 0;
}
.dxbl-flyout
    > .dxbl-flyout-dialog
    > .dxbl-flyout-body
    > .dxbl-fl.dxbl-fl-with-paddings {
    --dxbl-fl-padding-x: 0;
    --dxbl-fl-padding-y: 0;
}
.dxbl-flyout > .dxbl-flyout-dialog > .dxbl-flyout-footer {
    color: var(--dxbl-flyout-footer-color);
    background-color: var(--dxbl-flyout-footer-bg);
    font-family: var(--dxbl-flyout-footer-font-family);
    font-size: var(--dxbl-flyout-footer-font-size);
    line-height: var(--dxbl-flyout-footer-line-height);
    font-weight: var(--dxbl-flyout-footer-font-weight);
    padding: var(--dxbl-flyout-footer-padding-top)
        var(--dxbl-flyout-footer-padding-x)
        var(--dxbl-flyout-footer-padding-bottom);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-top: var(--dxbl-flyout-border-width) var(--dxbl-flyout-border-style)
        var(--dxbl-flyout-border-color);
    margin-top: auto;
    border-radius: 0 0 var(--dxbl-flyout-footer-border-radius)
        var(--dxbl-flyout-footer-border-radius);
}
.dxbl-flyout > .dxbl-flyout-dialog-fade {
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    opacity: 0;
}
.dxbl-flyout > .dxbl-flyout-dialog-fade.dxbl-flyout-dialog-show {
    opacity: 1;
}
.dxbl-flyout .dxbl-arrow {
    position: absolute;
    display: block;
    width: var(--dxbl-flyout-arrow-width);
    height: var(--dxbl-flyout-arrow-height);
}
.dxbl-flyout .dxbl-arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.dxbl-flyout .dxbl-popover-top .dxbl-arrow {
    bottom: var(--dxbl-flyout-arrow-position-value);
}
.dxbl-flyout .dxbl-popover-top .dxbl-arrow::before {
    bottom: 0;
    border-width: var(--dxbl-flyout-arrow-height)
        var(--dxbl-flyout-arrow-height) 0 var(--dxbl-flyout-arrow-height);
    border-top-color: var(--dxbl-flyout-bg);
}
.dxbl-flyout .dxbl-popover-end .dxbl-arrow {
    left: var(--dxbl-flyout-arrow-position-value);
}
.dxbl-flyout .dxbl-popover-end .dxbl-arrow::before {
    left: 0;
    border-width: var(--dxbl-flyout-arrow-width) var(--dxbl-flyout-arrow-width)
        var(--dxbl-flyout-arrow-width) 0;
    border-right-color: var(--dxbl-flyout-bg);
}
.dxbl-flyout .dxbl-popover-bottom .dxbl-arrow {
    top: var(--dxbl-flyout-arrow-position-value);
}
.dxbl-flyout .dxbl-popover-bottom .dxbl-arrow::before {
    top: 0;
    border-width: 0 var(--dxbl-flyout-arrow-height)
        var(--dxbl-flyout-arrow-height) var(--dxbl-flyout-arrow-height);
    border-bottom-color: var(--dxbl-flyout-bg);
}
.dxbl-flyout .dxbl-popover-start .dxbl-arrow {
    right: var(--dxbl-flyout-arrow-position-value);
}
.dxbl-flyout .dxbl-popover-start .dxbl-arrow::before {
    right: 0;
    border-width: var(--dxbl-flyout-arrow-width) 0
        var(--dxbl-flyout-arrow-width) var(--dxbl-flyout-arrow-width);
    border-left-color: var(--dxbl-flyout-bg);
}
.dxbl-flyout .dxbl-popover {
    background-color: var(--dxbl-flyout-bg);
}
.dxbl-flyout .dxbl-arrow-hidden .dxbl-arrow::after,
.dxbl-flyout .dxbl-arrow-hidden .dxbl-arrow::before {
    display: none;
}
.dxbl-flyout {
    --dxbl-flyout-body-border-radius-top: 0;
    --dxbl-flyout-body-border-radius-bottom: 0;
    --dxbl-flyout-arrow-position-value: 0;
}
.dxbl-flyout > .dxbl-flyout-dialog:not(:has(.dxbl-flyout-footer)) {
    --dxbl-flyout-body-border-radius-bottom: var(--dxbl-flyout-border-radius);
    --dxbl-flyout-body-padding-bottom: var(--dxbl-flyout-body-padding-y);
}
.dxbl-flyout > .dxbl-flyout-dialog:not(:has(.dxbl-flyout-header)) {
    --dxbl-flyout-body-border-radius-top: var(--dxbl-flyout-border-radius);
    --dxbl-flyout-body-padding-top: var(--dxbl-flyout-body-padding-y);
}
.dxbl-flyout .dxbl-popover-bottom,
.dxbl-flyout .dxbl-popover-top {
    --dxbl-flyout-arrow-width: var(--dxbl-flyout-arrow-horizontal-width);
    --dxbl-flyout-arrow-height: var(--dxbl-flyout-arrow-horizontal-height);
    --dxbl-flyout-arrow-position-value: calc(
        var(--dxbl-flyout-arrow-height) * -1 - var(--dxbl-flyout-border-width)
    );
}
.dxbl-flyout .dxbl-popover-end,
.dxbl-flyout .dxbl-popover-start {
    --dxbl-flyout-arrow-width: var(--dxbl-flyout-arrow-vertical-width);
    --dxbl-flyout-arrow-height: var(--dxbl-flyout-arrow-vertical-height);
    --dxbl-flyout-arrow-position-value: calc(
        var(--dxbl-flyout-arrow-width) * -1 - var(--dxbl-flyout-border-width)
    );
}
.dxbl-modal {
    --dxbl-popup-bg: var(--dxbl-popups-bg);
    --dxbl-popup-color: var(--dxbl-popups-color);
    --dxbl-popup-shadow: var(--dxbl-popups-box-shadow);
    --dxbl-popup-max-width: 500px;
    --dxbl-popup-width: 100%;
    --dxbl-popup-margin: 28px;
    --dxbl-popup-scrollable-border-width: 1px;
    --dxbl-popup-scrollable-max-height: calc(100vh - 3.5rem);
    --dxbl-popup-border-width: var(--dxbl-popups-border-width);
    --dxbl-popup-border-style: var(--dxbl-popups-border-style);
    --dxbl-popup-border-color: var(--dxbl-popups-border-color);
    --dxbl-popup-border-radius: var(--dxbl-popups-border-radius);
    --dxbl-popup-back-opacity: var(--dxbl-popups-backdrop-opacity);
    --dxbl-popup-back-bg: var(--dxbl-popups-backdrop-bg);
    --dxbl-popup-header-font-family: var(--dxbl-popups-header-font-family);
    --dxbl-popup-header-bg: var(--dxbl-popups-header-bg);
    --dxbl-popup-header-color: var(--dxbl-popups-header-color);
    --dxbl-popup-header-font-weight: var(--dxbl-popups-header-font-weight);
    --dxbl-popup-header-border-radius: var(--dxbl-popups-header-border-radius);
    --dxbl-popup-header-btn-color: var(--dxbl-popups-header-close-btn-color);
    --dxbl-popup-header-btn-bg: var(--dxbl-popups-header-close-btn-bg);
    --dxbl-popup-header-btn-hover-color: var(
        --dxbl-popups-header-close-btn-hover-color
    );
    --dxbl-popup-header-btn-hover-bg: var(
        --dxbl-popups-header-close-btn-hover-bg
    );
    --dxbl-popup-header-btn-outline-color: var(
        --dxbl-popups-header-close-btn-outline-color
    );
    --dxbl-popup-header-btn-outline-width: var(
        --dxbl-popups-header-close-btn-outline-width
    );
    --dxbl-popup-header-btn-border-radius: var(
        --dxbl-popups-header-close-btn-border-radius
    );
    --dxbl-popup-header-btn-padding: var(
        --dxbl-popups-header-close-btn-padding
    );
    --dxbl-popup-body-bg: var(--dxbl-popups-body-bg);
    --dxbl-popup-body-color: var(--dxbl-popups-body-color);
    --dxbl-popup-body-font-family: var(--dxbl-popups-body-font-family);
    --dxbl-popup-body-font-weight: var(--dxbl-popups-body-font-weight);
    --dxbl-popup-footer-bg: var(--dxbl-popups-footer-bg);
    --dxbl-popup-footer-color: var(--dxbl-popups-footer-color);
    --dxbl-popup-footer-font-family: var(--dxbl-popups-footer-font-family);
    --dxbl-popup-footer-font-weight: var(--dxbl-popups-footer-font-weight);
    --dxbl-popup-footer-border-radius: var(--dxbl-popups-footer-border-radius);
    --dxbl-popup-header-font-size: var(--dxbl-popups-header-font-size);
    --dxbl-popup-header-line-height: var(--dxbl-popups-header-line-height);
    --dxbl-popup-header-padding-top: var(--dxbl-popups-header-padding-top);
    --dxbl-popup-header-padding-bottom: var(
        --dxbl-popups-header-padding-bottom
    );
    --dxbl-popup-header-padding-x: var(--dxbl-popups-header-padding-x);
    --dxbl-popup-header-content-padding-y: var(
        --dxbl-popups-header-content-padding-y
    );
    --dxbl-popup-header-content-padding-x: var(
        --dxbl-popups-header-content-padding-x
    );
    --dxbl-popup-header-text-padding-y: var(
        --dxbl-popups-header-text-padding-y
    );
    --dxbl-popup-header-item-spacing: var(--dxbl-popups-header-item-spacing);
    --dxbl-popup-body-font-size: var(--dxbl-popups-body-font-size);
    --dxbl-popup-body-line-height: var(--dxbl-popups-body-line-height);
    --dxbl-popup-body-padding-x: var(--dxbl-popups-body-padding-x);
    --dxbl-popup-footer-font-size: var(--dxbl-popups-footer-font-size);
    --dxbl-popup-footer-line-height: var(--dxbl-popups-footer-line-height);
    --dxbl-popup-footer-padding-top: var(--dxbl-popups-footer-padding-top);
    --dxbl-popup-footer-padding-bottom: var(
        --dxbl-popups-footer-padding-bottom
    );
    --dxbl-popup-footer-padding-x: var(--dxbl-popups-footer-padding-x);
    --dxbl-popup-footer-content-padding-top: var(
        --dxbl-popups-footer-content-padding-top
    );
    --dxbl-popup-body-padding-top-s: var(--DS-sizing-40);
    --dxbl-popup-body-padding-top-m: var(--DS-sizing-60);
    --dxbl-popup-body-padding-top-l: var(--DS-sizing-80);
    --dxbl-popup-body-padding-bottom-s: var(--DS-sizing-40);
    --dxbl-popup-body-padding-bottom-m: var(--DS-sizing-60);
    --dxbl-popup-body-padding-bottom-l: var(--DS-sizing-80);
    --dxbl-popup-container-padding-s: var(--DS-sizing-200);
    --dxbl-popup-container-padding-m: var(--DS-sizing-240);
    --dxbl-popup-container-padding-l: var(--DS-sizing-280);
}
.dxbl-modal.dxbl-dialog-hidden > .dxbl-modal-root {
    display: none;
    pointer-events: none;
}
.dxbl-modal.dxbl-dialog-hidden > .dxbl-modal-root > .dxbl-popup {
    display: none;
}
.dxbl-modal.dxbl-dialog-shown > .dxbl-modal-root {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    pointer-events: auto;
}
.dxbl-modal.dxbl-dialog-shown > .dxbl-modal-root > .dxbl-popup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-modal > .dxbl-modal-root {
    overflow: auto;
    display: grid;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1055;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup {
    width: var(--dxbl-popup-width);
    margin: var(--dxbl-popup-margin);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    position: relative;
    left: auto;
    top: auto;
    padding: 0;
    -webkit-align-self: var(--dxbl-popup-align-self) !important;
    -ms-flex-item-align: var(--dxbl-popup-align-self) !important;
    align-self: var(--dxbl-popup-align-self) !important;
    justify-self: var(--dxbl-popup-justify-self) !important;
    outline: 0;
    border-radius: var(--dxbl-popup-border-radius);
    -webkit-box-shadow: var(--dxbl-popup-shadow);
    box-shadow: var(--dxbl-popup-shadow);
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup.dxbl-popup-fixed-width {
    min-width: 0;
    max-width: unset;
}
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-popup-scrollable
    > .dxbl-modal-content {
    max-height: var(--dxbl-popup-scrollable-max-height);
    overflow-y: hidden;
    border-width: var(--dxbl-popup-scrollable-border-width);
}
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-popup-scrollable
    > .dxbl-modal-content
    > .dxbl-modal-body {
    overflow-y: auto;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup.dxbl-popup-header-drag {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content {
    background-color: var(--dxbl-popup-bg);
    border: var(--dxbl-popup-border-width) var(--dxbl-popup-border-style)
        var(--dxbl-popup-border-color);
    border-radius: var(--dxbl-popup-border-radius);
    color: var(--dxbl-popup-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 0;
    width: 100%;
}
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup
    > .dxbl-modal-content
    > .dxbl-popup-header:not(.dxbl-modal-header) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup
    > .dxbl-modal-content
    .dxbl-popup-header
    > .dxbl-modal-header,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup
    > .dxbl-modal-content
    > .dxbl-modal-header {
    cursor: default;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: var(--dxbl-popup-header-font-size);
    line-height: var(--dxbl-popup-header-line-height);
    font-weight: var(--dxbl-popup-header-font-weight);
    border-bottom: var(--dxbl-popup-border-width) var(--dxbl-popup-border-style)
        var(--dxbl-popup-border-color);
    padding: var(--dxbl-popup-header-padding-top)
        var(--dxbl-popup-header-padding-x)
        var(--dxbl-popup-header-padding-bottom);
    color: var(--dxbl-popup-header-color);
    background-color: var(--dxbl-popup-header-bg);
    border-radius: var(--dxbl-popup-header-border-radius)
        var(--dxbl-popup-header-border-radius) 0 0;
}
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup
    > .dxbl-modal-content
    .dxbl-popup-header
    > .dxbl-modal-header
    .dxbl-modal-header-default,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup
    > .dxbl-modal-content
    > .dxbl-modal-header
    .dxbl-modal-header-default {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup
    > .dxbl-modal-content
    .dxbl-popup-header
    > .dxbl-modal-header
    .dxbl-modal-title,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup
    > .dxbl-modal-content
    > .dxbl-modal-header
    .dxbl-modal-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: inherit;
    line-height: inherit;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--dxbl-popup-header-content-padding-y)
        var(--dxbl-popup-header-content-padding-x);
}
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup
    > .dxbl-modal-content
    .dxbl-popup-header
    > .dxbl-modal-header
    .dxbl-popup-header-button,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup
    > .dxbl-modal-content
    > .dxbl-modal-header
    .dxbl-popup-header-button {
    --dxbl-btn-bg: var(--dxbl-popup-header-btn-bg);
    --dxbl-btn-color: var(--dxbl-popup-header-btn-color);
    --dxbl-btn-border-color: transparent;
    --dxbl-btn-hover-border-color: transparent;
    --dxbl-btn-hover-color: var(--dxbl-popup-header-btn-hover-color);
    --dxbl-btn-hover-bg: var(--dxbl-popup-header-btn-hover-bg);
    --dxbl-btn-focus-outline-color: var(--dxbl-popup-header-btn-outline-color);
    --dxbl-btn-focus-outline-size: var(--dxbl-popup-header-btn-outline-width);
    --dxbl-btn-border-radius: var(--dxbl-popup-header-btn-border-radius);
    --dxbl-btn-padding-x: var(--dxbl-popup-header-btn-padding);
    --dxbl-btn-padding-y: var(--dxbl-popup-header-btn-padding);
    margin-left: var(--dxbl-popup-header-item-spacing);
}
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup
    > .dxbl-modal-content
    .dxbl-popup-header
    > .dxbl-modal-header.dxbl-drag,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup
    > .dxbl-modal-content
    > .dxbl-modal-header.dxbl-drag {
    cursor: default;
}
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup
    > .dxbl-modal-content
    > .dxbl-modal-body {
    padding: var(--dxbl-popup-body-padding-top) var(--dxbl-popup-body-padding-x)
        var(--dxbl-popup-body-padding-bottom);
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: var(--dxbl-popup-body-color);
    background-color: var(--dxbl-popup-body-bg);
    border-radius: var(--dxbl-popup-body-border-radius-top)
        var(--dxbl-popup-body-border-radius-top)
        var(--dxbl-popup-body-border-radius-bottom)
        var(--dxbl-popup-body-border-radius-bottom);
}
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup
    > .dxbl-modal-content
    > .dxbl-modal-body
    > .dxbl-fl.dxbl-fl-with-paddings {
    --dxbl-fl-padding-x: 0;
    --dxbl-fl-padding-y: 0;
}
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup
    > .dxbl-modal-content
    > .dxbl-modal-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-top: var(--dxbl-popup-border-width) var(--dxbl-popup-border-style)
        var(--dxbl-popup-border-color);
    padding: var(--dxbl-popup-footer-padding-top)
        var(--dxbl-popup-footer-padding-x)
        var(--dxbl-popup-footer-padding-bottom);
    margin-top: auto;
    color: var(--dxbl-popup-footer-color);
    background-color: var(--dxbl-popup-footer-bg);
    border-radius: 0 0 var(--dxbl-popup-footer-border-radius)
        var(--dxbl-popup-footer-border-radius);
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup .dxbl-popup-icons-area {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup .dxbl-popup-buttons-area {
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
@media (min-width: 576px) {
    .dxbl-modal
        > .dxbl-modal-root
        > .dxbl-popup:not(.dxbl-popup-resized):not(.dxbl-popup-fixed-width) {
        max-width: var(--dxbl-popup-max-width);
    }
}
@media (max-width: 576px) {
    .dxbl-modal > .dxbl-modal-root > .dxbl-popup.dxbl-popup-adaptivity {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        justify-self: stretch;
        width: auto;
    }
}
.dxbl-modal > .dxbl-modal-back {
    display: none;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    position: fixed;
    background-color: var(--dxbl-popup-back-bg);
    opacity: var(--dxbl-popup-back-opacity);
    z-index: -1;
}
.dxbl-modal-open {
    overflow: hidden;
}
.dxbl-modal {
    --dxbl-popup-container-padding: var(--dxbl-popup-container-padding-m);
    --dxbl-popup-justify-self: center;
    --dxbl-popup-align-self: center;
    --dxbl-popup-body-border-radius-top: 0;
    --dxbl-popup-body-border-radius-bottom: 0;
    --dxbl-popup-body-padding-top: var(--dxbl-popup-body-padding-top-m);
    --dxbl-popup-body-padding-bottom: var(--dxbl-popup-body-padding-bottom-m);
}
.dxbl-modal .dxbl-popup.dxbl-popup-verticalalignment-top {
    --dxbl-popup-align-self: start;
}
.dxbl-modal .dxbl-popup.dxbl-popup-verticalalignment-bottom {
    --dxbl-popup-align-self: end;
}
.dxbl-modal .dxbl-popup.dxbl-popup-verticalalignment-center {
    --dxbl-popup-align-self: center;
}
.dxbl-modal .dxbl-popup.dxbl-popup-horizontalalignment-left {
    --dxbl-popup-justify-self: start;
}
.dxbl-modal .dxbl-popup.dxbl-popup-horizontalalignment-right {
    --dxbl-popup-justify-self: end;
}
.dxbl-modal .dxbl-popup.dxbl-popup-horizontalalignment-center {
    --dxbl-popup-justify-self: center;
}
.dxbl-modal
    .dxbl-popup
    > .dxbl-modal-content:not(:has(.dxbl-modal-header)):not(
        :has(.dxbl-popup-header > .dxbl-modal-header)
    ) {
    --dxbl-popup-body-border-radius-top: var(--dxbl-popup-border-radius);
    --dxbl-popup-body-padding-top: var(--dxbl-popups-body-padding-y);
}
.dxbl-modal .dxbl-popup > .dxbl-modal-content:not(:has(.dxbl-modal-footer)) {
    --dxbl-popup-body-border-radius-bottom: var(--dxbl-popup-border-radius);
    --dxbl-popup-body-padding-bottom: var(--dxbl-popups-body-padding-y);
}
.dxbl-modal.dxbl-sm {
    --dxbl-popup-container-padding: var(--dxbl-popup-container-padding-s);
    --dxbl-popup-body-padding-top: var(--dxbl-popup-body-padding-top-s);
    --dxbl-popup-body-padding-bottom: var(--dxbl-popup-body-padding-bottom-s);
}
.dxbl-modal.dxbl-lg {
    --dxbl-popup-container-padding: var(--dxbl-popup-container-padding-l);
    --dxbl-popup-body-padding-top: var(--dxbl-popup-body-padding-top-l);
    --dxbl-popup-body-padding-bottom: var(--dxbl-popup-body-padding-bottom-l);
}
.dxbl-window {
    --dxbl-window-bg: var(--dxbl-popups-bg);
    --dxbl-window-color: var(--dxbl-popups-color);
    --dxbl-window-box-shadow: var(--dxbl-popups-box-shadow);
    --dxbl-window-min-width: 0;
    --dxbl-window-border-width: var(--dxbl-popups-border-width);
    --dxbl-window-border-style: var(--dxbl-popups-border-style);
    --dxbl-window-border-color: var(--dxbl-popups-border-color);
    --dxbl-window-border-radius: var(--dxbl-popups-border-radius);
    --dxbl-window-header-font-family: var(--dxbl-popups-header-font-family);
    --dxbl-window-header-bg: var(--dxbl-popups-header-bg);
    --dxbl-window-header-color: var(--dxbl-popups-header-color);
    --dxbl-window-header-font-weight: var(--dxbl-popups-header-font-weight);
    --dxbl-window-header-border-radius: var(--dxbl-popups-header-border-radius);
    --dxbl-window-header-btn-color: var(--dxbl-popups-header-close-btn-color);
    --dxbl-window-header-btn-bg: var(--dxbl-popups-header-close-btn-bg);
    --dxbl-window-header-btn-hover-color: var(
        --dxbl-popups-header-close-btn-hover-color
    );
    --dxbl-window-header-btn-hover-bg: var(
        --dxbl-popups-header-close-btn-hover-bg
    );
    --dxbl-window-header-btn-outline-color: var(
        --dxbl-popups-header-close-btn-outline-color
    );
    --dxbl-window-header-btn-outline-width: var(
        --dxbl-popups-header-close-btn-outline-width
    );
    --dxbl-window-header-btn-border-radius: var(
        --dxbl-popups-header-close-btn-border-radius
    );
    --dxbl-window-header-btn-padding: var(
        --dxbl-popups-header-close-btn-padding
    );
    --dxbl-window-body-bg: var(--dxbl-popups-body-bg);
    --dxbl-window-body-color: var(--dxbl-popups-body-color);
    --dxbl-window-body-font-family: var(--dxbl-popups-body-font-family);
    --dxbl-window-body-font-weight: var(--dxbl-popups-body-font-weight);
    --dxbl-window-footer-bg: var(--dxbl-popups-footer-bg);
    --dxbl-window-footer-color: var(--dxbl-popups-footer-color);
    --dxbl-window-footer-font-family: var(--dxbl-popups-footer-font-family);
    --dxbl-window-footer-font-weight: var(--dxbl-popups-footer-font-weight);
    --dxbl-window-footer-border-radius: var(--dxbl-popups-footer-border-radius);
    --dxbl-window-sizegrip-size: var(--dxbl-popups-sizegrip-size);
    --dxbl-window-sizegrip-image-size: var(--dxbl-popups-sizegrip-image-size);
    --dxbl-window-sizegrip-image-margin: var(
        --dxbl-popups-sizegrip-image-margin
    );
    --dxbl-window-header-font-size: var(--dxbl-popups-header-font-size);
    --dxbl-window-header-line-height: var(--dxbl-popups-header-line-height);
    --dxbl-window-header-padding-top: var(--dxbl-popups-header-padding-top);
    --dxbl-window-header-padding-bottom: var(
        --dxbl-popups-header-padding-bottom
    );
    --dxbl-window-header-padding-x: var(--dxbl-popups-header-padding-x);
    --dxbl-window-header-content-padding-y: var(
        --dxbl-popups-header-content-padding-y
    );
    --dxbl-window-header-content-padding-x: var(
        --dxbl-popups-header-content-padding-x
    );
    --dxbl-window-header-text-padding-y: var(
        --dxbl-popups-header-text-padding-y
    );
    --dxbl-window-header-item-spacing: var(--dxbl-popups-header-item-spacing);
    --dxbl-window-body-font-size: var(--dxbl-popups-body-font-size);
    --dxbl-window-body-line-height: var(--dxbl-popups-body-line-height);
    --dxbl-window-body-padding-top: 0;
    --dxbl-window-body-padding-bottom: 0;
    --dxbl-window-body-padding-x: var(--dxbl-popups-body-padding-x);
    --dxbl-window-footer-font-size: var(--dxbl-popups-footer-font-size);
    --dxbl-window-footer-line-height: var(--dxbl-popups-footer-line-height);
    --dxbl-window-footer-padding-top: var(--dxbl-popups-footer-padding-top);
    --dxbl-window-footer-padding-bottom: var(
        --dxbl-popups-footer-padding-bottom
    );
    --dxbl-window-footer-padding-x: var(--dxbl-popups-footer-padding-x);
    --dxbl-window-footer-content-padding-top: var(
        --dxbl-popups-footer-content-padding-top
    );
}
.dxbl-window {
    position: absolute;
    top: 0;
    left: 0;
    z-index: unset;
}
.dxbl-window:not(:defined) {
    display: none;
}
.dxbl-window[x-drop-alignment="bottom"]
    > .dxbl-window-dialog
    > .dxbl-window-top-sizegrip-area,
.dxbl-window[x-drop-alignment="top"]
    > .dxbl-window-dialog
    > .dxbl-window-top-sizegrip-area {
    display: block;
}
.dxbl-window.dxbl-dialog-hidden > .dxbl-window-dialog {
    display: none;
}
.dxbl-window.dxbl-dialog-shown > .dxbl-window-dialog {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-window > .dxbl-window-dialog {
    color: var(--dxbl-window-color);
    background-color: var(--dxbl-window-bg);
    border: var(--dxbl-window-border-width) var(--dxbl-window-border-style)
        var(--dxbl-window-border-color);
    border-radius: var(--dxbl-window-border-radius);
    -webkit-box-shadow: var(--dxbl-window-box-shadow);
    box-shadow: var(--dxbl-window-box-shadow);
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 0;
    min-width: var(--dxbl-window-min-width);
    min-height: 0;
    top: 0;
    left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    outline: var(--dxbl-window-focus-outline-width) solid
        var(--dxbl-window-focus-outline-color);
}
.dxbl-window > .dxbl-window-dialog.dxbl-window-scrollable > .dxbl-window-body {
    overflow-y: auto;
    min-height: 0;
}
.dxbl-window > .dxbl-window-dialog > .dxbl-window-header {
    cursor: default;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: var(--dxbl-window-header-font-family);
    font-size: var(--dxbl-window-header-font-size);
    line-height: var(--dxbl-window-header-line-height);
    font-weight: var(--dxbl-window-header-font-weight);
    border-bottom: var(--dxbl-window-border-width)
        var(--dxbl-window-border-style) var(--dxbl-window-border-color);
    padding: var(--dxbl-window-header-padding-top)
        var(--dxbl-window-header-padding-x)
        var(--dxbl-window-header-padding-bottom);
    border-radius: var(--dxbl-window-header-border-radius)
        var(--dxbl-window-header-border-radius) 0 0;
    color: var(--dxbl-window-header-color);
    background-color: var(--dxbl-window-header-bg);
}
.dxbl-window
    > .dxbl-window-dialog
    > .dxbl-window-header
    .dxbl-window-header-default {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-window > .dxbl-window-dialog > .dxbl-window-header .dxbl-window-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: inherit;
    line-height: inherit;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: var(--dxbl-window-header-content-padding-y)
        var(--dxbl-window-header-content-padding-x);
}
.dxbl-window
    > .dxbl-window-dialog
    > .dxbl-window-header
    .dxbl-window-header-button {
    --dxbl-btn-bg: var(--dxbl-window-header-btn-bg);
    --dxbl-btn-color: var(--dxbl-window-header-btn-color);
    --dxbl-btn-border-color: transparent;
    --dxbl-btn-hover-border-color: transparent;
    --dxbl-btn-hover-color: var(--dxbl-window-header-btn-hover-color);
    --dxbl-btn-hover-bg: var(--dxbl-window-header-btn-hover-bg);
    --dxbl-btn-focus-outline-color: var(--dxbl-window-header-btn-outline-color);
    --dxbl-btn-focus-outline-size: var(--dxbl-window-header-btn-outline-width);
    --dxbl-btn-border-radius: var(--dxbl-window-header-btn-border-radius);
    --dxbl-btn-padding-x: var(--dxbl-window-header-btn-padding);
    --dxbl-btn-padding-y: var(--dxbl-window-header-btn-padding);
    margin-left: auto;
}
.dxbl-window > .dxbl-window-dialog > .dxbl-window-header.dxbl-drag {
    cursor: default;
}
.dxbl-window > .dxbl-window-dialog .dxbl-popup-dragging + .dxbl-window-body {
    pointer-events: none;
}
.dxbl-window > .dxbl-window-dialog > .dxbl-window-body {
    font-family: var(--dxbl-window-body-font-family);
    font-weight: var(--dxbl-window-body-font-weight);
    font-size: var(--dxbl-window-body-font-size);
    line-height: var(--dxbl-window-body-line-height);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0;
    padding: var(--dxbl-window-body-padding-top)
        var(--dxbl-window-body-padding-x) var(--dxbl-window-body-padding-bottom);
    overflow: auto;
    border-color: var(--dxbl-window-border-color);
    color: var(--dxbl-window-body-color);
    background-color: var(--dxbl-window-body-bg);
    border-radius: var(--dxbl-window-body-border-radius-top)
        var(--dxbl-window-body-border-radius-top)
        var(--dxbl-window-body-border-radius-bottom)
        var(--dxbl-window-body-border-radius-bottom);
}
.dxbl-window > .dxbl-window-dialog > .dxbl-window-body > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.dxbl-window
    > .dxbl-window-dialog
    > .dxbl-window-body
    > .dxbl-fl.dxbl-fl-with-paddings {
    --dxbl-fl-padding-x: 0;
    --dxbl-fl-padding-y: 0;
}
.dxbl-window > .dxbl-window-dialog > .dxbl-window-footer {
    font-family: var(--dxbl-window-footer-font-family);
    font-weight: var(--dxbl-window-footer-font-weight);
    font-size: var(--dxbl-window-footer-font-size);
    line-height: var(--dxbl-window-footer-line-height);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: var(--dxbl-window-footer-padding-top)
        var(--dxbl-window-footer-padding-x)
        var(--dxbl-window-footer-padding-bottom);
    border-top: var(--dxbl-window-border-width) var(--dxbl-window-border-style)
        var(--dxbl-window-border-color);
    margin-top: auto;
    color: var(--dxbl-window-footer-color);
    background-color: var(--dxbl-window-footer-bg);
    border-radius: 0 0 var(--dxbl-window-footer-border-radius)
        var(--dxbl-window-footer-border-radius);
}
.dxbl-window > .dxbl-window-dialog > .dxbl-window-sizegrip-area {
    display: none;
}
.dxbl-window > .dxbl-window-sizegrip {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: var(--dxbl-window-sizegrip-size);
    height: var(--dxbl-window-sizegrip-size);
    color: inherit;
    background-color: transparent;
    outline: 0;
}
.dxbl-window > .dxbl-window-sizegrip > .dxbl-window-sizegrip-image {
    width: var(--dxbl-window-sizegrip-image-size);
    height: var(--dxbl-window-sizegrip-image-size);
    margin: var(--dxbl-window-sizegrip-image-margin);
}
.dxbl-window {
    --dxbl-window-focus-outline-width: 0;
    --dxbl-window-focus-outline-color: initial;
    --dxbl-window-body-border-radius-top: 0;
    --dxbl-window-body-border-radius-bottom: 0;
}
.dxbl-window > .dxbl-window-dialog:not(:has(.dxbl-window-header)) {
    --dxbl-window-body-border-radius-top: var(--dxbl-window-border-radius);
    --dxbl-window-body-padding-top: var(--dxbl-popups-body-padding-y);
}
.dxbl-window > .dxbl-window-dialog:not(:has(.dxbl-window-footer)) {
    --dxbl-window-body-border-radius-bottom: var(--dxbl-window-border-radius);
    --dxbl-window-body-padding-bottom: var(--dxbl-popups-body-padding-y);
}
.dxbl-window:not([data-dx-focus-hidden]):focus-visible {
    --dxbl-window-focus-outline-width: var(
        --dxbl-window-header-btn-outline-width
    );
    --dxbl-window-focus-outline-color: var(
        --dxbl-window-header-btn-outline-color
    );
}
.dxbl-sidepanel .dxbl-sidepanel-dialog {
    --dxbl-sidepanel-left-dialog-margin: auto auto auto 0;
    --dxbl-sidepanel-top-dialog-margin: 0 auto auto auto;
    --dxbl-sidepanel-right-dialog-margin: auto 0 auto auto;
    --dxbl-sidepanel-bottom-dialog-margin: auto auto 0 auto;
    --dxbl-sidepanel-left-dialog-content-border-radius: 0
        var(--dxbl-popup-border-radius) var(--dxbl-popup-border-radius) 0;
    --dxbl-sidepanel-top-dialog-content-border-radius: 0 0
        var(--dxbl-popup-border-radius) var(--dxbl-popup-border-radius);
    --dxbl-sidepanel-right-dialog-content-border-radius: var(
            --dxbl-popup-border-radius
        )
        0 0 var(--dxbl-popup-border-radius);
    --dxbl-sidepanel-bottom-dialog-content-border-radius: var(
            --dxbl-popup-border-radius
        )
        var(--dxbl-popup-border-radius) 0 0;
}
.dxbl-sidepanel .dxbl-sidepanel-dialog.dxbl-sidepanel-position-left {
    --dxbl-sidepanel-dialog-margin: var(--dxbl-sidepanel-left-dialog-margin);
    --dxbl-sidepanel-dialog-content-border-radius: var(
        --dxbl-sidepanel-left-dialog-content-border-radius
    );
}
.dxbl-sidepanel .dxbl-sidepanel-dialog.dxbl-sidepanel-position-top {
    --dxbl-sidepanel-dialog-margin: var(--dxbl-sidepanel-top-dialog-margin);
    --dxbl-sidepanel-dialog-content-border-radius: var(
        --dxbl-sidepanel-top-dialog-content-border-radius
    );
}
.dxbl-sidepanel .dxbl-sidepanel-dialog.dxbl-sidepanel-position-right {
    --dxbl-sidepanel-dialog-margin: var(--dxbl-sidepanel-right-dialog-margin);
    --dxbl-sidepanel-dialog-content-border-radius: var(
        --dxbl-sidepanel-right-dialog-content-border-radius
    );
}
.dxbl-sidepanel .dxbl-sidepanel-dialog.dxbl-sidepanel-position-bottom {
    --dxbl-sidepanel-dialog-margin: var(--dxbl-sidepanel-bottom-dialog-margin);
    --dxbl-sidepanel-dialog-content-border-radius: var(
        --dxbl-sidepanel-bottom-dialog-content-border-radius
    );
}
.dxbl-sidepanel
    .dxbl-sidepanel-dialog.dxbl-sidepanel-position-bottom
    > .dxbl-modal-content:not(:has(.dxbl-modal-footer))
    > .dxbl-modal-body {
    --dxbl-popup-body-border-radius-bottom: 0;
}
.dxbl-sidepanel .dxbl-modal-root > .dxbl-popup.dxbl-sidepanel-dialog {
    margin: var(--dxbl-sidepanel-dialog-margin);
}
.dxbl-sidepanel
    .dxbl-modal-root
    > .dxbl-popup.dxbl-sidepanel-dialog
    > .dxbl-modal-content {
    border-radius: var(--dxbl-sidepanel-dialog-content-border-radius);
}
.dxbl-edit-dropdown {
    --dxbl-edit-dropdown-font-family: var(--DS-font-family-sans-serif);
    --dxbl-edit-dropdown-font-size: var(--DS-font-size-body-1);
    --dxbl-edit-dropdown-line-height: var(--DS-line-height-body-1);
    --dxbl-edit-dropdown-font-weight: var(--DS-font-weight-body-1);
    --dxbl-edit-dropdown-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-edit-dropdown-max-height: 200px;
    --dxbl-edit-dropdown-margin-y: var(--DS-sizing-10);
    --dxbl-edit-dropdown-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-edit-dropdown-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-edit-dropdown-border-width: var(--DS-sizing-10);
    --dxbl-edit-dropdown-border-radius: var(--DS-border-radius-40);
    --dxbl-edit-dropdown-header-bg: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-edit-dropdown-header-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-edit-dropdown-header-title-font-weight: var(
        --DS-font-weight-subtitle-1
    );
    --dxbl-edit-dropdown-header-title-font-size: var(--DS-font-size-subtitle-1);
    --dxbl-edit-dropdown-header-title-line-height: var(
        --DS-line-height-subtitle-1
    );
    --dxbl-edit-dropdown-header-title-font-family: var(
        --DS-font-family-sans-serif
    );
    --dxbl-edit-dropdown-box-shadow: var(--DS-box-shadow-shadow-6);
    --dxbl-edit-dropdown-min-width: 0;
    --dxbl-edit-dropdown-btn-focus-outline-color: var(
        --DS-color-theme-builder-focus
    );
    --dxbl-edit-dropdown-btn-focus-outline-width: var(--DS-border-width-20);
    --dxbl-edit-dropdown-btn-focus-outline-offset: var(--DS-border-width-10);
    --dxbl-edit-dropdown-header-padding-top-s: var(--DS-sizing-20);
    --dxbl-edit-dropdown-header-padding-top-m: var(--DS-sizing-40);
    --dxbl-edit-dropdown-header-padding-top-l: var(--DS-sizing-60);
    --dxbl-edit-dropdown-header-padding-bottom-s: var(--DS-sizing-20);
    --dxbl-edit-dropdown-header-padding-bottom-m: var(--DS-sizing-40);
    --dxbl-edit-dropdown-header-padding-bottom-l: var(--DS-sizing-60);
    --dxbl-edit-dropdown-header-padding-x-s: var(--DS-sizing-20);
    --dxbl-edit-dropdown-header-padding-x-m: var(--DS-sizing-40);
    --dxbl-edit-dropdown-header-padding-x-l: var(--DS-sizing-60);
}
.dxbl-dropdown > .dxbl-dropdown-dialog.dxbl-edit-dropdown,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-edit-dropdown
    > .dxbl-modal-content {
    font-size: var(--dxbl-edit-dropdown-font-size);
    font-family: var(--dxbl-edit-dropdown-font-family);
    line-height: var(--dxbl-edit-dropdown-line-height);
    font-weight: var(--dxbl-edit-dropdown-font-weight);
    background-color: var(--dxbl-edit-dropdown-bg);
    color: var(--dxbl-edit-dropdown-color);
    margin: var(--dxbl-edit-dropdown-margin-y) 0;
    border: 0;
    border-radius: var(--dxbl-edit-dropdown-border-radius);
    -webkit-box-shadow: var(--dxbl-edit-dropdown-box-shadow);
    box-shadow: var(--dxbl-edit-dropdown-box-shadow);
    min-width: var(--dxbl-edit-dropdown-min-width);
    position: relative;
    z-index: 0;
}
.dxbl-dropdown > .dxbl-dropdown-dialog.dxbl-edit-dropdown-hidden,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-edit-dropdown
    > .dxbl-modal-content-hidden {
    visibility: hidden;
}
.dxbl-dropdown > .dxbl-dropdown-dialog.dxbl-edit-dropdown-shown,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-edit-dropdown
    > .dxbl-modal-content-shown {
    visibility: visible;
}
.dxbl-dropdown > .dxbl-dropdown-dialog.dxbl-edit-dropdown > .dxbl-dropdown-body,
.dxbl-dropdown
    > .dxbl-dropdown-dialog.dxbl-edit-dropdown
    > .dxbl-edit-dropdown-body,
.dxbl-dropdown > .dxbl-dropdown-dialog.dxbl-edit-dropdown > .dxbl-modal-body,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-edit-dropdown
    > .dxbl-modal-content
    > .dxbl-dropdown-body,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-edit-dropdown
    > .dxbl-modal-content
    > .dxbl-edit-dropdown-body,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-edit-dropdown
    > .dxbl-modal-content
    > .dxbl-modal-body {
    padding: 0;
}
.dxbl-dropdown
    > .dxbl-dropdown-dialog.dxbl-edit-dropdown
    > .dxbl-edit-dropdown-body
    > *,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-edit-dropdown
    > .dxbl-modal-content
    > .dxbl-edit-dropdown-body
    > * {
    width: 100%;
}
.dxbl-dropdown
    > .dxbl-dropdown-dialog.dxbl-edit-dropdown
    > .dxbl-edit-dropdown-body
    .dxbl-date-time-edit-calendar,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-edit-dropdown
    > .dxbl-modal-content
    > .dxbl-edit-dropdown-body
    .dxbl-date-time-edit-calendar {
    border: 0;
}
.dxbl-dropdown
    > .dxbl-dropdown-dialog.dxbl-edit-dropdown
    > .dxbl-edit-dropdown-body
    .dxbl-date-time-edit-tabs,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-edit-dropdown
    > .dxbl-modal-content
    > .dxbl-edit-dropdown-body
    .dxbl-date-time-edit-tabs {
    border-bottom: var(--dxbl-edit-dropdown-border-width) solid
        var(--dxbl-edit-dropdown-border-color);
}
.dxbl-dropdown
    > .dxbl-dropdown-dialog.dxbl-edit-dropdown
    > .dxbl-edit-dropdown-body
    .dxbl-date-time-edit-tabs
    > .dxbl-tabs-tablist
    > ul
    > li,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-edit-dropdown
    > .dxbl-modal-content
    > .dxbl-edit-dropdown-body
    .dxbl-date-time-edit-tabs
    > .dxbl-tabs-tablist
    > ul
    > li {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.dxbl-dropdown
    > .dxbl-dropdown-dialog.dxbl-edit-dropdown
    > .dxbl-edit-dropdown-body
    .dxbl-date-time-edit-tabs
    > .dxbl-tabs-tablist
    > ul
    > li
    > .dxbl-tabs-item,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-edit-dropdown
    > .dxbl-modal-content
    > .dxbl-edit-dropdown-body
    .dxbl-date-time-edit-tabs
    > .dxbl-tabs-tablist
    > ul
    > li
    > .dxbl-tabs-item {
    border-radius: 0;
    border-top: 0;
}
.dxbl-dropdown
    > .dxbl-dropdown-dialog.dxbl-edit-dropdown
    > .dxbl-edit-dropdown-body
    .dxbl-date-time-edit-tabs
    > .dxbl-tabs-tablist
    > ul
    > li
    > .dxbl-tabs-item
    > .dxbl-tabs-text-container
    > .dxbl-text,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-edit-dropdown
    > .dxbl-modal-content
    > .dxbl-edit-dropdown-body
    .dxbl-date-time-edit-tabs
    > .dxbl-tabs-tablist
    > ul
    > li
    > .dxbl-tabs-item
    > .dxbl-tabs-text-container
    > .dxbl-text {
    text-align: center;
}
.dxbl-dropdown
    > .dxbl-dropdown-dialog.dxbl-edit-dropdown
    > .dxbl-edit-dropdown-body
    .dxbl-date-time-edit-tabs
    > .dxbl-tabs-tablist
    > ul
    > li
    > .dxbl-tabs-item.dxbl-date-time-edit-tabs-date,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-edit-dropdown
    > .dxbl-modal-content
    > .dxbl-edit-dropdown-body
    .dxbl-date-time-edit-tabs
    > .dxbl-tabs-tablist
    > ul
    > li
    > .dxbl-tabs-item.dxbl-date-time-edit-tabs-date {
    border-left: 0;
}
.dxbl-dropdown
    > .dxbl-dropdown-dialog.dxbl-edit-dropdown
    > .dxbl-edit-dropdown-body
    .dxbl-date-time-edit-tabs
    > .dxbl-tabs-tablist
    > ul
    > li
    > .dxbl-tabs-item.dxbl-date-time-edit-tabs-time,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-edit-dropdown
    > .dxbl-modal-content
    > .dxbl-edit-dropdown-body
    .dxbl-date-time-edit-tabs
    > .dxbl-tabs-tablist
    > ul
    > li
    > .dxbl-tabs-item.dxbl-date-time-edit-tabs-time {
    border-right: 0;
}
.dxbl-dropdown
    > .dxbl-dropdown-dialog.dxbl-edit-dropdown
    > .dxbl-edit-dropdown-body
    .dxbl-tabs-content,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-edit-dropdown
    > .dxbl-modal-content
    > .dxbl-edit-dropdown-body
    .dxbl-tabs-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.dxbl-dropdown
    > .dxbl-dropdown-dialog.dxbl-edit-dropdown
    > .dxbl-edit-dropdown-body
    .dxbl-tabs-content
    .dxbl-calendar-header,
.dxbl-dropdown
    > .dxbl-dropdown-dialog.dxbl-edit-dropdown
    > .dxbl-edit-dropdown-body
    .dxbl-tabs-content
    .dxbl-calendar-header::before,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-edit-dropdown
    > .dxbl-modal-content
    > .dxbl-edit-dropdown-body
    .dxbl-tabs-content
    .dxbl-calendar-header,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-edit-dropdown
    > .dxbl-modal-content
    > .dxbl-edit-dropdown-body
    .dxbl-tabs-content
    .dxbl-calendar-header::before {
    background-color: transparent;
}
.dxbl-dropdown
    > .dxbl-dropdown-dialog.dxbl-edit-dropdown
    > .dxbl-edit-dropdown-body
    .dxbl-listbox,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-edit-dropdown
    > .dxbl-modal-content
    > .dxbl-edit-dropdown-body
    .dxbl-listbox {
    --dxbl-listbox-bg: transparent;
    --dxbl-listbox-border-width: 0;
    --dxbl-listbox-border-radius: inherit;
    max-height: 200px;
    height: auto;
}
.dxbl-dropdown
    > .dxbl-dropdown-dialog.dxbl-edit-dropdown
    > .dxbl-edit-dropdown-body
    .dxbl-listbox
    div.dxbl-listbox-item,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-edit-dropdown
    > .dxbl-modal-content
    > .dxbl-edit-dropdown-body
    .dxbl-listbox
    div.dxbl-listbox-item {
    white-space: nowrap;
}
.dxbl-dropdown
    > .dxbl-dropdown-dialog.dxbl-edit-dropdown
    > .dxbl-edit-dropdown-body
    .dxbl-listbox
    .dxbs-gridview,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-edit-dropdown
    > .dxbl-modal-content
    > .dxbl-edit-dropdown-body
    .dxbl-listbox
    .dxbs-gridview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 0;
}
.dxbl-dropdown
    > .dxbl-dropdown-dialog.dxbl-edit-dropdown
    > .dxbl-edit-dropdown-body
    .dxbl-listbox
    .dxbs-gridview
    > .card,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-edit-dropdown
    > .dxbl-modal-content
    > .dxbl-edit-dropdown-body
    .dxbl-listbox
    .dxbs-gridview
    > .card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-dropdown
    > .dxbl-dropdown-dialog.dxbl-edit-dropdown
    > .dxbl-edit-dropdown-body
    .dxbl-listbox
    .dxbs-gridview
    > .card
    > .dxgvHSDC,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-edit-dropdown
    > .dxbl-modal-content
    > .dxbl-edit-dropdown-body
    .dxbl-listbox
    .dxbs-gridview
    > .card
    > .dxgvHSDC {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.dxbl-dropdown
    > .dxbl-dropdown-dialog.dxbl-edit-dropdown
    .dxbl-edit-dropdown-header,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-edit-dropdown
    > .dxbl-modal-content
    .dxbl-edit-dropdown-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: var(--dxbl-edit-dropdown-header-padding-top)
        var(--dxbl-edit-dropdown-header-padding-x)
        var(--dxbl-edit-dropdown-header-padding-bottom)
        var(--dxbl-edit-dropdown-header-padding-x);
    border-bottom: var(--dxbl-edit-dropdown-border-width) solid
        var(--dxbl-edit-dropdown-border-color);
    border-top-left-radius: var(--dxbl-edit-dropdown-border-radius);
    border-top-right-radius: var(--dxbl-edit-dropdown-border-radius);
    background-color: var(--dxbl-edit-dropdown-header-bg);
    color: var(--dxbl-edit-dropdown-header-color);
}
.dxbl-dropdown
    > .dxbl-dropdown-dialog.dxbl-edit-dropdown
    .dxbl-edit-dropdown-header
    > .dxbl-btn,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-edit-dropdown
    > .dxbl-modal-content
    .dxbl-edit-dropdown-header
    > .dxbl-btn {
    --dxbl-btn-bg: transparent;
    --dxbl-btn-disabled-bg: transparent;
    --dxbl-btn-disabled-opacity: 1;
    --dxbl-btn-border-width: 0;
    --dxbl-btn-focus-box-shadow: none;
    --dxbl-btn-hover-bg: transparent;
    --dxbl-btn-hover-background: none;
    --dxbl-btn-focus-outline-color: var(
        --dxbl-edit-dropdown-btn-focus-outline-color
    );
    --dxbl-btn-focus-outline-size: var(
        --dxbl-edit-dropdown-btn-focus-outline-width
    );
    --dxbl-btn-focus-outline-offset: var(
        --dxbl-edit-dropdown-btn-focus-outline-offset
    );
}
.dxbl-dropdown
    > .dxbl-dropdown-dialog.dxbl-edit-dropdown
    .dxbl-edit-dropdown-header
    > .dxbl-edit-dropdown-title,
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-edit-dropdown
    > .dxbl-modal-content
    .dxbl-edit-dropdown-header
    > .dxbl-edit-dropdown-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: var(--dxbl-edit-dropdown-header-title-font-weight);
    font-size: var(--dxbl-edit-dropdown-header-title-font-size);
    line-height: var(--dxbl-edit-dropdown-header-title-line-height);
    font-family: var(--dxbl-edit-dropdown-header-title-font-family);
    border: 0;
    margin: 0;
    white-space: nowrap;
}
.dxbl-dropdown > .dxbl-dropdown-dialog.dxbl-edit-dropdown {
    max-width: 100vw;
}
.dxbl-edit-dropdown {
    --dxbl-edit-dropdown-header-padding-top: var(
        --dxbl-edit-dropdown-header-padding-top-m
    );
    --dxbl-edit-dropdown-header-padding-x: var(
        --dxbl-edit-dropdown-header-padding-x-m
    );
    --dxbl-edit-dropdown-header-padding-bottom: var(
        --dxbl-edit-dropdown-header-padding-bottom-m
    );
}
.dxbl-edit-dropdown.dxbl-sm {
    --dxbl-edit-dropdown-header-padding-top: var(
        --dxbl-edit-dropdown-header-padding-top-s
    );
    --dxbl-edit-dropdown-header-padding-x: var(
        --dxbl-edit-dropdown-header-padding-x-s
    );
    --dxbl-edit-dropdown-header-padding-bottom: var(
        --dxbl-edit-dropdown-header-padding-bottom-s
    );
}
.dxbl-edit-dropdown.dxbl-lg {
    --dxbl-edit-dropdown-header-padding-top: var(
        --dxbl-edit-dropdown-header-padding-top-l
    );
    --dxbl-edit-dropdown-header-padding-x: var(
        --dxbl-edit-dropdown-header-padding-x-l
    );
    --dxbl-edit-dropdown-header-padding-bottom: var(
        --dxbl-edit-dropdown-header-padding-bottom-l
    );
}
dxbl-range-selector {
    --dxbl-range-selector-title-font-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-range-selector-subtitle-font-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-range-selector-scale-tick-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-range-selector-selected-range-color: var(
        --DS-color-surface-primary-default-rest
    );
    --dxbl-range-selector-slider-marker-color: var(
        --DS-color-surface-primary-default-rest
    );
    --dxbl-range-selector-slider-marker-font-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-range-selector-slider-handle-color: var(
        --DS-color-surface-primary-default-rest
    );
    --dxbl-range-selector-shutter-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-range-selector-container-background-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-range-selector-scale-label-font-color: var(
        --DS-color-content-neutral-default-rest
    );
}
dxbl-range-selector {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
dxbl-range-selector .dxbl-widget-container {
    width: 100%;
    height: 100%;
}
.dxbl-text-edit.dxbl-memo-edit {
    position: relative;
    width: 100%;
    min-width: calc(var(--dxbl-text-edit-padding-right) * 2 + 1.25rem);
}
.dxbl-text-edit.dxbl-memo-edit.dxbl-memo-edit-has-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.dxbl-text-edit.dxbl-memo-edit.dxbl-memo-edit-has-buttons
    .dxbl-memo-edit-buttons-area {
    padding: var(--dxbl-text-edit-padding-y) var(--dxbl-text-edit-padding-y);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-text-edit.dxbl-memo-edit.dxbl-memo-edit-has-buttons
    .dxbl-memo-edit-buttons-area
    .dxbl-btn-group.dxbl-btn-group-right {
    margin-left: auto;
}
.dxbl-text-edit.dxbl-memo-edit.dxbl-memo-edit-has-buttons
    .dxbl-memo-edit-buttons-area
    .dxbl-btn-group.dxbl-btn-group-left {
    margin-right: auto;
}
.dxbl-text-edit.dxbl-memo-edit.dxbl-memo-edit-has-buttons
    .dxbl-memo-edit-buttons-area
    .dxbl-btn-group
    > .dxbl-btn {
    border-radius: var(--dxbl-btn-border-radius);
}
.dxbl-text-edit.dxbl-memo-edit > textarea {
    min-height: calc(
        var(--dxbl-text-edit-padding-y) * 2 + var(--dxbl-text-edit-line-height)
    );
    scrollbar-width: thin;
    scrollbar-color: var(--dxbl-memo-edit-scroll-color) transparent;
    margin-bottom: var(--dxbl-memo-spacing-bottom);
}
.dxbl-text-edit.dxbl-memo-edit > .dxbl-btn.dxbl-edit-btn-clear + textarea {
    padding-right: calc(
        var(--dxbl-text-edit-padding-right) +
            var(--dxbl-text-edit-close-btn-size) + 1.25rem
    );
}
.dxbl-text-edit.dxbl-memo-edit > .dxbl-btn.dxbl-edit-btn-clear {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    right: 1.25rem;
}
.dxbl-text-edit.dxbl-memo-edit > .dxbl-resize {
    resize: both;
}
.dxbl-text-edit.dxbl-memo-edit > .dxbl-v-resize {
    resize: vertical;
}
.dxbl-text-edit.dxbl-memo-edit > .dxbl-h-resize {
    resize: horizontal;
}
.dxbl-text-edit.dxbl-memo-edit > .dxbl-no-resize {
    resize: none;
}
.dxbl-text-edit.dxbl-memo-edit:has(textarea[cols]) {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.dxbl-text-edit.dxbl-memo-edit {
    --dxbl-memo-edit-scroll-color: color-mix(
        in srgb,
        var(--DS-color-content-neutral-subdued-rest) 50%,
        transparent
    );
    --dxbl-memo-spacing-bottom: var(--DS-sizing-10);
}
.dxbl-context-menu,
.dxbl-context-menu-submenu {
    --dxbl-context-menu-font-family: var(--DS-font-family-sans-serif);
    --dxbl-context-menu-color: var(--DS-color-content-neutral-subdued-rest);
    --dxbl-context-menu-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-context-menu-border-radius: var(--DS-border-radius-40);
    --dxbl-context-menu-border-width: var(--DS-border-width-0);
    --dxbl-context-menu-border-color: var(--DS-color-border-neutral-muted-rest);
    --dxbl-context-menu-border-style: none;
    --dxbl-context-menu-box-shadow: var(--DS-box-shadow-shadow-4);
    --dxbl-context-menu-padding: var(--DS-sizing-40);
    --dxbl-context-menu-padding-x: 0;
    --dxbl-context-menu-padding-y: 0;
    --dxbl-context-menu-min-width: 200px;
    --dxbl-context-menu-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-context-menu-font-size-m: var(--DS-font-size-body-1);
    --dxbl-context-menu-font-size-l: var(--DS-font-size-body-2);
    --dxbl-context-menu-font-weight-s: var(--DS-font-weight-caption-1);
    --dxbl-context-menu-font-weight-m: var(--DS-font-weight-body-1);
    --dxbl-context-menu-font-weight-l: var(--DS-font-weight-body-2);
    --dxbl-context-menu-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-context-menu-line-height-m: var(--DS-line-height-body-1);
    --dxbl-context-menu-line-height-l: var(--DS-line-height-body-2);
    --dxbl-context-menu-item-padding-x-s: var(--DS-sizing-40);
    --dxbl-context-menu-item-padding-x-m: var(--DS-sizing-60);
    --dxbl-context-menu-item-padding-x-l: var(--DS-sizing-80);
    --dxbl-context-menu-item-padding-y-s: var(--DS-sizing-20);
    --dxbl-context-menu-item-padding-y-m: var(--DS-sizing-40);
    --dxbl-context-menu-item-padding-y-l: var(--DS-sizing-60);
    --dxbl-context-menu-item-text-padding-y-s: var(--DS-sizing-0);
    --dxbl-context-menu-item-text-padding-y-m: var(--DS-sizing-0);
    --dxbl-context-menu-item-text-padding-y-l: var(--DS-sizing-10);
    --dxbl-context-menu-image-spacing-s: var(--DS-sizing-40);
    --dxbl-context-menu-image-spacing-m: var(--DS-sizing-60);
    --dxbl-context-menu-image-spacing-l: var(--DS-sizing-80);
    --dxbl-context-menu-item-empty-space-s: var(--DS-sizing-160);
    --dxbl-context-menu-item-empty-space-m: var(--DS-sizing-200);
    --dxbl-context-menu-item-empty-space-l: var(--DS-sizing-240);
    --dxbl-context-menu-item-border-width: var(--DS-border-width-20);
    --dxbl-context-menu-item-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-context-menu-item-border-radius: var(--DS-border-radius-40);
    --dxbl-context-menu-item-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-context-menu-item-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-context-menu-item-text-padding-x: calc(
        var(--dxbl-context-menu-item-empty-space) +
            var(--dxbl-context-menu-image-spacing)
    );
    --dxbl-context-menu-item-margin-bottom: var(--DS-sizing-20);
    --dxbl-context-menu-disabled-bg: var(
        --DS-color-surface-neutral-muted-disabled
    );
    --dxbl-context-menu-disabled-color: var(
        --DS-color-content-neutral-subdued-disabled
    );
    --dxbl-context-menu-item-disabled-border-color: var(
        --DS-color-border-neutral-muted-disabled
    );
    --dxbl-context-menu-item-disabled-cursor: default;
    --dxbl-context-menu-item-hover-color: var(
        --DS-color-content-neutral-subdued-hovered
    );
    --dxbl-context-menu-item-hover-bg: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxbl-context-menu-item-hover-border-color: var(
        --DS-color-border-neutral-muted-hovered
    );
    --dxbl-context-menu-item-icon-hover-color: var(
        --DS-color-content-primary-default-hovered
    );
    --dxbl-context-menu-item-active-bg: var(
        --DS-color-surface-primary-default-rest
    );
    --dxbl-context-menu-item-active-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-context-menu-item-active-border-color: var(
        --DS-color-border-neutral-muted-pressed
    );
    --dxbl-context-menu-item-focus-outline-color: var(
        --DS-color-theme-builder-focus
    );
    --dxbl-context-menu-item-focus-outline-width: var(--DS-border-width-20);
    --dxbl-context-menu-separator-width: var(--DS-border-width-10);
    --dxbl-context-menu-separator-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-context-menu-separator-style: solid;
    --dxbl-context-menu-separator-margin: var(--DS-sizing-20)
        calc(var(--DS-sizing-40) * -1);
}
.dxbl-context-menu,
.dxbl-context-menu-submenu {
    --dxbl-context-menu-font-size: var(--dxbl-context-menu-font-size-m);
    --dxbl-context-menu-font-weight: var(--dxbl-context-menu-font-weight-m);
    --dxbl-context-menu-line-height: var(--dxbl-context-menu-line-height-m);
    --dxbl-context-menu-item-padding-x: var(
        --dxbl-context-menu-item-padding-x-m
    );
    --dxbl-context-menu-item-padding-y: var(
        --dxbl-context-menu-item-padding-y-m
    );
    --dxbl-context-menu-item-cursor: pointer;
    --dxbl-context-menu-item-text-padding-y: var(
        --dxbl-context-menu-item-text-padding-y-m
    );
    --dxbl-context-menu-image-spacing: var(--dxbl-context-menu-image-spacing-m);
    --dxbl-context-menu-item-empty-space: var(
        --dxbl-context-menu-item-empty-space-m
    );
}
.dxbl-context-menu-submenu.dxbl-sm,
.dxbl-context-menu.dxbl-sm {
    --dxbl-context-menu-font-size: var(--dxbl-context-menu-font-size-s);
    --dxbl-context-menu-font-weight: var(--dxbl-context-menu-font-weight-s);
    --dxbl-context-menu-line-height: var(--dxbl-context-menu-line-height-s);
    --dxbl-context-menu-item-padding-x: var(
        --dxbl-context-menu-item-padding-x-s
    );
    --dxbl-context-menu-item-padding-y: var(
        --dxbl-context-menu-item-padding-y-s
    );
    --dxbl-context-menu-item-text-padding-y: var(
        --dxbl-context-menu-item-text-padding-y-s
    );
    --dxbl-context-menu-image-spacing: var(--dxbl-context-menu-image-spacing-s);
    --dxbl-context-menu-item-empty-space: var(
        --dxbl-context-menu-item-empty-space-s
    );
}
.dxbl-context-menu-submenu.dxbl-lg,
.dxbl-context-menu.dxbl-lg {
    --dxbl-context-menu-font-size: var(--dxbl-context-menu-font-size-l);
    --dxbl-context-menu-font-weight: var(--dxbl-context-menu-font-weight-l);
    --dxbl-context-menu-line-height: var(--dxbl-context-menu-line-height-l);
    --dxbl-context-menu-item-padding-x: var(
        --dxbl-context-menu-item-padding-x-l
    );
    --dxbl-context-menu-item-padding-y: var(
        --dxbl-context-menu-item-padding-y-l
    );
    --dxbl-context-menu-item-text-padding-y: var(
        --dxbl-context-menu-item-text-padding-y-l
    );
    --dxbl-context-menu-image-spacing: var(--dxbl-context-menu-image-spacing-l);
    --dxbl-context-menu-item-empty-space: var(
        --dxbl-context-menu-item-empty-space-l
    );
}
.dxbl-context-menu .dxbl-context-menu-item.dxbl-disabled,
.dxbl-context-menu .dxbl-context-menu-item:disabled,
.dxbl-context-menu-submenu .dxbl-context-menu-item.dxbl-disabled,
.dxbl-context-menu-submenu .dxbl-context-menu-item:disabled {
    --dxbl-context-menu-item-bg: var(--dxbl-context-menu-disabled-bg);
    --dxbl-context-menu-item-color: var(--dxbl-context-menu-disabled-color);
    --dxbl-context-menu-item-border-color: var(
        --dxbl-context-menu-item-disabled-border-color
    );
    --dxbl-context-menu-item-cursor: var(
        --dxbl-context-menu-item-disabled-cursor
    );
}
.dxbl-context-menu
    .dxbl-context-menu-item:not(.dxbl-disabled):not(:disabled):not(
        .dxbl-active
    ):not(:active):hover,
.dxbl-context-menu-submenu
    .dxbl-context-menu-item:not(.dxbl-disabled):not(:disabled):not(
        .dxbl-active
    ):not(:active):hover {
    --dxbl-context-menu-item-bg: var(--dxbl-context-menu-item-hover-bg);
    --dxbl-context-menu-item-color: var(--dxbl-context-menu-item-hover-color);
    --dxbl-context-menu-item-border-color: var(
        --dxbl-context-menu-item-hover-border-color
    );
}
.dxbl-context-menu
    .dxbl-context-menu-item:not(.dxbl-disabled):not(:disabled):active,
.dxbl-context-menu-submenu
    .dxbl-context-menu-item:not(.dxbl-disabled):not(:disabled):active {
    --dxbl-context-menu-item-bg: var(--dxbl-context-menu-item-active-bg);
    --dxbl-context-menu-item-color: var(--dxbl-context-menu-item-active-color);
    --dxbl-context-menu-item-border-color: var(
        --dxbl-context-menu-item-active-border-color
    );
}
.dxbl-context-menu-submenu.dxbl-context-menu-dropdown,
.dxbl-context-menu.dxbl-context-menu-dropdown {
    --dxbl-dropdown-color: var(--dxbl-context-menu-color);
    --dxbl-dropdown-bg: var(--dxbl-context-menu-bg);
    --dxbl-dropdown-border-radius: var(--dxbl-context-menu-border-radius);
    --dxbl-dropdown-border-width: var(--dxbl-context-menu-border-width);
    --dxbl-dropdown-border-color: var(--dxbl-context-menu-border-color);
    --dxbl-dropdown-border-style: var(--dxbl-context-menu-border-style);
    --dxbl-dropdown-min-width: var(--dxbl-context-menu-min-width);
    --dxbl-dropdown-box-shadow: var(--dxbl-context-menu-box-shadow);
}
.dxbl-context-menu-submenu.dxbl-context-menu-dropdown > .dxbl-dropdown-body,
.dxbl-context-menu.dxbl-context-menu-dropdown > .dxbl-dropdown-body {
    --dxbl-dropdown-body-font-family: var(--dxbl-context-menu-font-family);
    --dxbl-dropdown-body-font-size: var(--dxbl-context-menu-font-size);
    --dxbl-dropdown-body-font-weight: var(--dxbl-context-menu-font-weight);
    --dxbl-dropdown-body-line-height: var(--dxbl-context-menu-line-height);
    --dxbl-dropdown-body-padding-x: var(--dxbl-context-menu-padding-x);
    --dxbl-dropdown-body-padding-top: var(--dxbl-context-menu-padding-y);
    --dxbl-dropdown-body-padding-bottom: var(--dxbl-context-menu-padding-y);
}
.dxbl-context-menu-submenu.dxbl-context-menu-dropdown > .dxbl-dropdown-body ul,
.dxbl-context-menu.dxbl-context-menu-dropdown > .dxbl-dropdown-body ul {
    margin: 0;
    padding: var(--dxbl-context-menu-padding);
    list-style: none;
    width: 100%;
}
.dxbl-context-menu-submenu.dxbl-context-menu-dropdown
    > .dxbl-dropdown-body
    ul.dxbl-context-menu-item-list-with-icons:has(
        .dxbl-context-menu-item-with-icon
    )
    > li
    > .dxbl-context-menu-item.dxbl-context-menu-item-with-icon
    .dxbl-context-menu-item-text,
.dxbl-context-menu.dxbl-context-menu-dropdown
    > .dxbl-dropdown-body
    ul.dxbl-context-menu-item-list-with-icons:has(
        .dxbl-context-menu-item-with-icon
    )
    > li
    > .dxbl-context-menu-item.dxbl-context-menu-item-with-icon
    .dxbl-context-menu-item-text {
    padding-left: var(--dxbl-context-menu-image-spacing);
}
.dxbl-context-menu-submenu.dxbl-context-menu-dropdown
    > .dxbl-dropdown-body
    ul.dxbl-context-menu-item-list-with-icons:has(
        .dxbl-context-menu-item-with-icon
    )
    > li
    > .dxbl-context-menu-item
    .dxbl-context-menu-item-text,
.dxbl-context-menu.dxbl-context-menu-dropdown
    > .dxbl-dropdown-body
    ul.dxbl-context-menu-item-list-with-icons:has(
        .dxbl-context-menu-item-with-icon
    )
    > li
    > .dxbl-context-menu-item
    .dxbl-context-menu-item-text {
    display: inline-block;
    padding-left: var(--dxbl-context-menu-item-text-padding-x);
}
.dxbl-context-menu-submenu.dxbl-context-menu-dropdown
    > .dxbl-dropdown-body
    ul
    li.dxbl-context-menu-separator,
.dxbl-context-menu.dxbl-context-menu-dropdown
    > .dxbl-dropdown-body
    ul
    li.dxbl-context-menu-separator {
    margin: var(--dxbl-context-menu-separator-margin);
    height: 0;
    border-top: var(--dxbl-context-menu-separator-width)
        var(--dxbl-context-menu-separator-style)
        var(--dxbl-context-menu-separator-color);
}
.dxbl-context-menu-submenu.dxbl-context-menu-dropdown
    > .dxbl-dropdown-body
    ul
    li.dxbl-context-menu-separator:first-child,
.dxbl-context-menu.dxbl-context-menu-dropdown
    > .dxbl-dropdown-body
    ul
    li.dxbl-context-menu-separator:first-child {
    display: none;
}
.dxbl-context-menu-submenu.dxbl-context-menu-dropdown
    > .dxbl-dropdown-body
    ul
    li:not(.dxbl-context-menu-separator):first-child,
.dxbl-context-menu.dxbl-context-menu-dropdown
    > .dxbl-dropdown-body
    ul
    li:not(.dxbl-context-menu-separator):first-child {
    border-top-left-radius: var(--dxbl-context-menu-border-radius);
    border-top-right-radius: var(--dxbl-context-menu-border-radius);
}
.dxbl-context-menu-submenu.dxbl-context-menu-dropdown
    > .dxbl-dropdown-body
    ul
    li:not(.dxbl-context-menu-separator):last-child,
.dxbl-context-menu.dxbl-context-menu-dropdown
    > .dxbl-dropdown-body
    ul
    li:not(.dxbl-context-menu-separator):last-child {
    --dxbl-context-menu-item-margin-bottom: 0;
    border-bottom-left-radius: var(--dxbl-context-menu-border-radius);
    border-bottom-right-radius: var(--dxbl-context-menu-border-radius);
}
.dxbl-context-menu-submenu.dxbl-context-menu-dropdown
    > .dxbl-dropdown-body
    ul
    li:not(.dxbl-context-menu-separator):focus-within,
.dxbl-context-menu.dxbl-context-menu-dropdown
    > .dxbl-dropdown-body
    ul
    li:not(.dxbl-context-menu-separator):focus-within {
    outline: var(--dxbl-context-menu-item-focus-outline-width) solid
        var(--dxbl-context-menu-item-focus-outline-color);
    outline-offset: calc(
        var(--dxbl-context-menu-item-focus-outline-width) * -1
    );
}
.dxbl-context-menu-submenu.dxbl-context-menu-dropdown
    > .dxbl-dropdown-body
    ul
    li:not(.dxbl-context-menu-separator)
    > .dxbl-context-menu-item,
.dxbl-context-menu.dxbl-context-menu-dropdown
    > .dxbl-dropdown-body
    ul
    li:not(.dxbl-context-menu-separator)
    > .dxbl-context-menu-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    white-space: nowrap;
    outline: 0;
    cursor: var(--dxbl-context-menu-item-cursor);
    background-color: var(--dxbl-context-menu-item-bg);
    color: var(--dxbl-context-menu-item-color);
    border: var(--dxbl-context-menu-item-border-width) solid
        var(--dxbl-context-menu-item-border-color);
    border-radius: var(--dxbl-context-menu-item-border-radius);
    padding: var(--dxbl-context-menu-item-padding-y)
        var(--dxbl-context-menu-item-padding-x)
        var(--dxbl-context-menu-item-padding-y)
        var(--dxbl-context-menu-item-padding-x);
    margin-bottom: var(--dxbl-context-menu-item-margin-bottom);
}
.dxbl-context-menu-submenu.dxbl-context-menu-dropdown
    > .dxbl-dropdown-body
    ul
    li:not(.dxbl-context-menu-separator)
    > .dxbl-context-menu-item
    .dxbl-context-menu-item-text,
.dxbl-context-menu.dxbl-context-menu-dropdown
    > .dxbl-dropdown-body
    ul
    li:not(.dxbl-context-menu-separator)
    > .dxbl-context-menu-item
    .dxbl-context-menu-item-text {
    margin-right: auto;
    padding: var(--dxbl-context-menu-item-text-padding-y) 0;
}
.dxbl-context-menu-submenu.dxbl-context-menu-dropdown
    > .dxbl-dropdown-body
    ul
    li:not(.dxbl-context-menu-separator)
    > .dxbl-context-menu-item
    .dxbl-context-menu-item-popout-icon,
.dxbl-context-menu.dxbl-context-menu-dropdown
    > .dxbl-dropdown-body
    ul
    li:not(.dxbl-context-menu-separator)
    > .dxbl-context-menu-item
    .dxbl-context-menu-item-popout-icon {
    margin-left: var(--dxbl-context-menu-image-spacing);
}
.dxbl-context-menu-submenu.dxbl-context-menu-dropdown
    > .dxbl-dropdown-body
    ul
    li:not(.dxbl-context-menu-separator)
    > .dxbl-context-menu-item
    .dxbl-context-menu-item-icon,
.dxbl-context-menu.dxbl-context-menu-dropdown
    > .dxbl-dropdown-body
    ul
    li:not(.dxbl-context-menu-separator)
    > .dxbl-context-menu-item
    .dxbl-context-menu-item-icon {
    padding: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.dxbl-context-menu-submenu.dxbl-context-menu-dropdown
    > .dxbl-dropdown-body
    ul
    li:not(.dxbl-context-menu-separator)
    > .dxbl-context-menu-item:not(.dxbl-disabled):not(:disabled):not(
        .dxbl-active
    ):not(:active):hover
    .dxbl-context-menu-item-icon,
.dxbl-context-menu.dxbl-context-menu-dropdown
    > .dxbl-dropdown-body
    ul
    li:not(.dxbl-context-menu-separator)
    > .dxbl-context-menu-item:not(.dxbl-disabled):not(:disabled):not(
        .dxbl-active
    ):not(:active):hover
    .dxbl-context-menu-item-icon {
    color: var(--dxbl-context-menu-item-icon-hover-color);
}
[data-dx-focus-hidden]
    .dxbl-context-menu
    li:not(.dxbl-context-menu-separator):focus-within,
[data-dx-focus-hidden]
    .dxbl-context-menu-submenu
    li:not(.dxbl-context-menu-separator):focus-within {
    outline: 0 !important;
}
.dxbl-group {
    --dxbl-group-border-width: var(--DS-border-width-0);
    --dxbl-group-border-color: var(--DS-color-border-neutral-muted-rest);
    --dxbl-group-border-radius: var(--DS-border-radius-40);
    --dxbl-group-header-font-family: var(--DS-font-family-sans-serif);
    --dxbl-group-header-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-group-header-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-group-header-border-radius: var(--dxbl-group-border-radius);
    --dxbl-group-header-btn-border-radius: var(--DS-border-radius-full);
    --dxbl-group-header-btn-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-group-header-btn-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-group-header-btn-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-group-header-btn-hover-bg: var(
        --DS-color-surface-neutral-muted-hovered
    );
    --dxbl-group-header-btn-hover-color: var(
        --DS-color-content-neutral-subdued-hovered
    );
    --dxbl-group-header-btn-outline-color: var(--DS-color-theme-builder-focus);
    --dxbl-group-header-btn-outline-width: var(--DS-border-width-20);
    --dxbl-group-body-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-group-body-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-group-body-font-family: var(--DS-font-family-sans-serif);
    --dxbl-group-body-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-group-body-font-size-m: var(--DS-font-size-body-1);
    --dxbl-group-body-font-size-l: var(--DS-font-size-body-2);
    --dxbl-group-body-font-weight-s: var(--DS-font-weight-caption-1);
    --dxbl-group-body-font-weight-m: var(--DS-font-weight-body-1);
    --dxbl-group-body-font-weight-l: var(--DS-font-weight-body-2);
    --dxbl-group-body-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-group-body-line-height-m: var(--DS-line-height-body-1);
    --dxbl-group-body-line-height-l: var(--DS-line-height-body-2);
    --dxbl-group-header-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-group-header-font-size-m: var(--DS-font-size-body-1);
    --dxbl-group-header-font-size-l: var(--DS-font-size-subtitle-2);
    --dxbl-group-header-font-weight-s: var(--DS-font-weight-caption-1);
    --dxbl-group-header-font-weight-m: var(--DS-font-weight-body-1);
    --dxbl-group-header-font-weight-l: var(--DS-font-weight-subtitle-2);
    --dxbl-group-header-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-group-header-line-height-m: var(--DS-line-height-body-1);
    --dxbl-group-header-line-height-l: var(--DS-line-height-body-2);
    --dxbl-group-header-padding-x-s: var(--DS-sizing-80);
    --dxbl-group-header-padding-x-m: var(--DS-sizing-40);
    --dxbl-group-header-padding-x-l: var(--DS-sizing-20);
    --dxbl-group-header-padding-y-s: var(--DS-sizing-40);
    --dxbl-group-header-padding-y-m: var(--DS-sizing-60);
    --dxbl-group-header-padding-y-l: var(--DS-sizing-20);
    --dxbl-group-header-text-padding-x-s: var(--DS-sizing-40);
    --dxbl-group-header-text-padding-x-m: var(--DS-sizing-60);
    --dxbl-group-header-text-padding-x-l: var(--DS-sizing-80);
    --dxbl-group-header-text-padding-y-s: var(--DS-sizing-40);
    --dxbl-group-header-text-padding-y-m: var(--DS-sizing-60);
    --dxbl-group-header-text-padding-y-l: var(--DS-sizing-80);
    --dxbl-group-header-btn-padding-s: var(--DS-sizing-30);
    --dxbl-group-header-btn-padding-m: calc(
        var(--DS-sizing-40) + var(--DS-sizing-10)
    );
    --dxbl-group-header-btn-padding-l: calc(
        var(--DS-sizing-60) + var(--DS-sizing-10)
    );
}
.dxbl-group {
    position: relative;
    z-index: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    word-wrap: break-word;
    border: var(--dxbl-group-border-width) solid var(--dxbl-group-border-color);
    border-radius: var(--dxbl-group-border-radius);
}
.dxbl-group > .dxbl-group-header {
    z-index: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--dxbl-group-header-font-family);
    font-size: var(--dxbl-group-header-font-size);
    line-height: var(--dxbl-group-header-line-height);
    font-weight: var(--dxbl-group-header-font-weight);
    padding: var(--dxbl-group-header-padding-y)
        var(--dxbl-group-header-padding-x);
    margin-bottom: 0;
    border-radius: var(--dxbl-group-header-border-radius);
    color: var(--dxbl-group-header-color);
    background-color: var(--dxbl-group-header-bg);
}
.dxbl-group > .dxbl-group-header > .dxbl-btn.dxbl-group-expand-btn {
    --dxbl-btn-border-radius: var(--dxbl-group-header-btn-border-radius);
    --dxbl-btn-color: var(--dxbl-group-header-btn-color);
    --dxbl-btn-bg: var(--dxbl-group-header-btn-bg);
    --dxbl-btn-border-color: var(--dxbl-group-header-btn-border-color);
    --dxbl-btn-border-hover-color: var(--dxbl-group-header-btn-hover-color);
    --dxbl-btn-hover-border-bg: var(--dxbl-group-header-btn-hover-bg);
    --dxbl-btn-focus-outline-color: var(--dxbl-group-header-btn-outline-color);
    --dxbl-btn-focus-outline-size: var(--dxbl-group-header-btn-outline-width);
    --dxbl-btn-padding-x: var(--dxbl-group-header-btn-padding);
    --dxbl-btn-padding-y: var(--dxbl-group-header-btn-padding);
}
.dxbl-group > .dxbl-group-header > .dxbl-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: var(--dxbl-group-header-text-padding-y)
        var(--dxbl-group-header-text-padding-x);
}
.dxbl-group > .dxbl-group-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0;
    color: var(--dxbl-group-body-color);
    background-color: var(--dxbl-group-body-bg);
    font-weight: var(--dxbl-group-body-font-weight);
    font-family: var(--dxbl-group-body-font-family);
    font-size: var(--dxbl-group-body-font-size);
    line-height: var(--dxbl-group-body-line-height);
}
.dxbl-group {
    --dxbl-group-body-font-size: var(--dxbl-group-body-font-size-m);
    --dxbl-group-body-font-weight: var(--dxbl-group-body-font-weight-m);
    --dxbl-group-body-line-height: var(--dxbl-group-body-line-height-m);
    --dxbl-group-header-font-size: var(--dxbl-group-header-font-size-m);
    --dxbl-group-header-font-weight: var(--dxbl-group-header-font-weight-m);
    --dxbl-group-header-line-height: var(--dxbl-group-header-line-height-m);
    --dxbl-group-header-padding-x: var(--dxbl-group-header-padding-x-m);
    --dxbl-group-header-padding-y: var(--dxbl-group-header-padding-y-m);
    --dxbl-group-header-text-padding-x: var(
        --dxbl-group-header-text-padding-x-m
    );
    --dxbl-group-header-text-padding-y: var(
        --dxbl-group-header-text-padding-y-m
    );
    --dxbl-group-header-btn-padding: var(--dxbl-group-header-btn-padding-m);
}
.dxbl-group:not(.expanded):not([is-animating]) > .dxbl-group-header {
    --dxbl-group-header-border-radius-bottom: var(
        --dxbl-group-header-border-radius
    );
}
.dxbl-group:not([data-qa-dxbl-loaded]):not(.expanded) > .dxbl-group-body {
    visibility: hidden;
}
.dxbl-group.dxbl-sm {
    --dxbl-group-body-font-size: var(--dxbl-group-body-font-size-s);
    --dxbl-group-body-font-weight: var(--dxbl-group-body-font-weight-s);
    --dxbl-group-body-line-height: var(--dxbl-group-body-line-height-s);
    --dxbl-group-header-font-size: var(--dxbl-group-header-font-size-s);
    --dxbl-group-header-font-weight: var(--dxbl-group-header-font-weight-s);
    --dxbl-group-header-line-height: var(--dxbl-group-header-line-height-s);
    --dxbl-group-header-padding-x: var(--dxbl-group-header-padding-x-s);
    --dxbl-group-header-padding-y: var(--dxbl-group-header-padding-y-s);
    --dxbl-group-header-text-padding-x: var(
        --dxbl-group-header-text-padding-x-s
    );
    --dxbl-group-header-text-padding-y: var(
        --dxbl-group-header-text-padding-y-s
    );
    --dxbl-group-header-btn-padding: var(--dxbl-group-header-btn-padding-s);
}
.dxbl-group.dxbl-lg {
    --dxbl-group-body-font-size: var(--dxbl-group-body-font-size-l);
    --dxbl-group-body-font-weight: var(--dxbl-group-body-font-weight-l);
    --dxbl-group-body-line-height: var(--dxbl-group-body-line-height-l);
    --dxbl-group-header-font-size: var(--dxbl-group-header-font-size-l);
    --dxbl-group-header-font-weight: var(--dxbl-group-header-font-weight-l);
    --dxbl-group-header-line-height: var(--dxbl-group-header-line-height-l);
    --dxbl-group-header-padding-x: var(--dxbl-group-header-padding-x-l);
    --dxbl-group-header-padding-y: var(--dxbl-group-header-padding-y-l);
    --dxbl-group-header-text-padding-x: var(
        --dxbl-group-header-text-padding-x-l
    );
    --dxbl-group-header-text-padding-y: var(
        --dxbl-group-header-text-padding-y-l
    );
    --dxbl-group-header-btn-padding: var(--dxbl-group-header-btn-padding-l);
}
.dxbl-expandable-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}
.dxbl-expandable-container[is-animating] {
    -webkit-transition: max-height 0.35s ease;
    -o-transition: max-height 0.35s ease;
    transition: max-height 0.35s ease;
    will-change: max-height;
}
.dxbl-accordion {
    --dxbl-accordion-group-border-radius: var(--DS-border-radius-40);
    --dxbl-accordion-group-border-width: var(--dxbl-group-border-width);
    --dxbl-accordion-group-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-accordion-group-body-border-radius: var(--DS-border-radius-40);
    --dxbl-accordion-group-body-padding-y: var(--DS-sizing-20);
    --dxbl-accordion-group-header-font-family: var(--DS-font-family-sans-serif);
    --dxbl-accordion-group-header-border-radius: var(
        --dxbl-accordion-group-border-radius
    );
    --dxbl-accordion-group-header-default-bg: var(
        --DS-color-surface-neutral-muted-rest
    );
    --dxbl-accordion-group-header-default-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-accordion-group-header-hover-bg: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxbl-accordion-group-header-hover-color: var(
        --DS-color-content-neutral-default-hovered
    );
    --dxbl-accordion-group-header-selected-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-accordion-group-header-selected-color: var(
        --DS-color-content-neutral-subdued-selected
    );
    --dxbl-accordion-group-header-disabled-bg: var(
        --DS-color-surface-neutral-muted-disabled
    );
    --dxbl-accordion-group-header-disabled-color: var(
        --DS-color-content-neutral-default-disabled
    );
    --dxbl-accordion-group-header-btn-border-radius: var(
        --DS-border-radius-full
    );
    --dxbl-accordion-group-header-btn-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-accordion-group-header-btn-bg: var(
        --DS-color-surface-neutral-muted-rest
    );
    --dxbl-accordion-group-header-btn-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-accordion-group-header-btn-hover-bg: var(
        --DS-color-surface-neutral-muted-hovered
    );
    --dxbl-accordion-group-header-btn-hover-color: var(
        --DS-color-content-neutral-subdued-hovered
    );
    --dxbl-accordion-group-header-btn-disabled-color: var(
        --DS-color-content-neutral-subdued-disabled
    );
    --dxbl-accordion-group-header-btn-disabled-bg: var(
        --DS-color-surface-neutral-muted-disabled
    );
    --dxbl-accordion-group-item-border-radius: var(--DS-border-radius-40);
    --dxbl-accordion-group-item-font-family: var(--DS-font-family-sans-serif);
    --dxbl-accordion-group-item-default-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-accordion-group-item-default-bg: var(
        --DS-color-surface-neutral-muted-rest
    );
    --dxbl-accordion-group-item-hover-bg: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxbl-accordion-group-item-hover-color: var(
        --DS-color-content-neutral-default-hovered
    );
    --dxbl-accordion-group-item-selected-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-accordion-group-item-selected-color: var(
        --DS-color-content-neutral-subdued-selected
    );
    --dxbl-accordion-group-item-disabled-color: var(
        --DS-color-content-neutral-subdued-disabled
    );
    --dxbl-accordion-group-item-disabled-bg: var(
        --DS-color-surface-neutral-muted-disabled
    );
    --dxbl-accordion-group-item-btn-border-radius: var(--DS-border-radius-full);
    --dxbl-accordion-group-item-btn-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-accordion-group-item-btn-bg: var(
        --DS-color-surface-neutral-muted-rest
    );
    --dxbl-accordion-group-item-btn-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-accordion-group-item-btn-hover-color: var(
        --DS-color-content-neutral-subdued-hovered
    );
    --dxbl-accordion-group-item-btn-hover-bg: var(
        --DS-color-surface-neutral-muted-hovered
    );
    --dxbl-accordion-group-item-btn-disabled-color: var(
        --DS-color-content-neutral-subdued-disabled
    );
    --dxbl-accordion-group-item-btn-disabled-bg: var(
        --DS-color-surface-neutral-muted-disabled
    );
    --dxbl-accordion-filter-content-bg-color: var(
        --DS-color-surface-highlight-rest
    );
    --dxbl-accordion-filter-content-color: var(
        --DS-color-content-highlight-rest
    );
    --dxbl-accordion-focus-outline-color: var(--DS-color-theme-builder-focus);
    --dxbl-accordion-focus-outline-width: var(--DS-border-width-20);
    --dxbl-accordion-focus-outline-offset: -2px;
    --dxbl-accordion-group-item-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-accordion-group-item-font-size-m: var(--DS-font-size-body-1);
    --dxbl-accordion-group-item-font-size-l: var(--DS-font-size-body-2);
    --dxbl-accordion-group-item-font-weight-s: var(--DS-font-weight-caption-1);
    --dxbl-accordion-group-item-font-weight-m: var(--DS-font-weight-body-1);
    --dxbl-accordion-group-item-font-weight-l: var(--DS-font-weight-body-2);
    --dxbl-accordion-group-item-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-accordion-group-item-line-height-m: var(--DS-line-height-body-1);
    --dxbl-accordion-group-item-line-height-l: var(--DS-line-height-body-2);
    --dxbl-accordion-group-item-padding-x-s: var(--DS-sizing-80);
    --dxbl-accordion-group-item-padding-x-m: var(--DS-sizing-40);
    --dxbl-accordion-group-item-padding-x-l: var(--DS-sizing-20);
    --dxbl-accordion-group-item-content-padding-x-s: var(--DS-sizing-40);
    --dxbl-accordion-group-item-content-padding-x-m: var(--DS-sizing-60);
    --dxbl-accordion-group-item-content-padding-x-l: var(--DS-sizing-80);
    --dxbl-accordion-group-item-content-padding-y-s: var(--DS-sizing-40);
    --dxbl-accordion-group-item-content-padding-y-m: var(--DS-sizing-60);
    --dxbl-accordion-group-item-content-padding-y-l: var(--DS-sizing-80);
    --dxbl-accordion-group-item-content-spacing-s: var(--DS-sizing-40);
    --dxbl-accordion-group-item-content-spacing-m: var(--DS-sizing-60);
    --dxbl-accordion-group-item-content-spacing-l: var(--DS-sizing-80);
    --dxbl-accordion-group-item-content-indent-s: var(--DS-sizing-120);
    --dxbl-accordion-group-item-content-indent-m: var(--DS-sizing-160);
    --dxbl-accordion-group-item-content-indent-l: var(--DS-sizing-200);
    --dxbl-accordion-group-item-text-padding-y-s: var(--DS-sizing-0);
    --dxbl-accordion-group-item-text-padding-y-m: var(--DS-sizing-0);
    --dxbl-accordion-group-item-text-padding-y-l: var(--DS-sizing-10);
    --dxbl-accordion-group-item-btn-padding-s: var(--DS-sizing-30);
    --dxbl-accordion-group-item-btn-padding-m: calc(
        var(--DS-sizing-40) + var(--DS-sizing-10)
    );
    --dxbl-accordion-group-item-btn-padding-l: calc(
        var(--DS-sizing-60) + var(--DS-sizing-10)
    );
    --dxbl-accordion-group-header-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-accordion-group-header-font-size-m: var(--DS-font-size-body-1);
    --dxbl-accordion-group-header-font-size-l: var(--DS-font-size-subtitle-2);
    --dxbl-accordion-group-header-font-weight-s: var(
        --DS-font-weight-caption-1
    );
    --dxbl-accordion-group-header-font-weight-m: var(--DS-font-weight-body-1);
    --dxbl-accordion-group-header-font-weight-l: var(
        --DS-font-weight-subtitle-2
    );
    --dxbl-accordion-group-header-line-height-s: var(
        --DS-line-height-caption-1
    );
    --dxbl-accordion-group-header-line-height-m: var(--DS-line-height-body-1);
    --dxbl-accordion-group-header-line-height-l: var(--DS-line-height-body-2);
    --dxbl-accordion-group-header-padding-x-s: var(--DS-sizing-80);
    --dxbl-accordion-group-header-padding-x-m: var(--DS-sizing-40);
    --dxbl-accordion-group-header-padding-x-l: var(--DS-sizing-20);
    --dxbl-accordion-group-header-padding-y-s: var(--DS-sizing-40);
    --dxbl-accordion-group-header-padding-y-m: var(--DS-sizing-60);
    --dxbl-accordion-group-header-padding-y-l: var(--DS-sizing-20);
    --dxbl-accordion-group-header-text-padding-y-s: var(--DS-sizing-0);
    --dxbl-accordion-group-header-text-padding-y-m: var(--DS-sizing-0);
    --dxbl-accordion-group-header-text-padding-y-l: var(--DS-sizing-10);
    --dxbl-accordion-group-header-content-padding-x-s: var(--DS-sizing-40);
    --dxbl-accordion-group-header-content-padding-x-m: var(--DS-sizing-60);
    --dxbl-accordion-group-header-content-padding-x-l: var(--DS-sizing-80);
    --dxbl-accordion-group-header-content-padding-y-s: var(--DS-sizing-40);
    --dxbl-accordion-group-header-content-padding-y-m: var(--DS-sizing-60);
    --dxbl-accordion-group-header-content-padding-y-l: var(--DS-sizing-80);
    --dxbl-accordion-group-header-btn-padding-s: var(--DS-sizing-30);
    --dxbl-accordion-group-header-btn-padding-m: calc(
        var(--DS-sizing-40) + var(--DS-sizing-10)
    );
    --dxbl-accordion-group-header-btn-padding-l: calc(
        var(--DS-sizing-60) + var(--DS-sizing-10)
    );
}
.dxbl-accordion .dxbl-accordion-filter > .dxbl-accordion-group-header {
    padding: var(--dxbl-accordion-group-header-padding-y)
        var(--dxbl-accordion-group-header-padding-x);
}
.dxbl-accordion
    .dxbl-accordion-filter
    > .dxbl-accordion-group-header
    .dxbl-navigation-filter {
    border: none;
    background: 0 0;
    width: 100%;
}
.dxbl-accordion
    .dxbl-accordion-filter
    > .dxbl-accordion-group-header
    .dxbl-navigation-filter.dxbl-text-edit {
    --dxbl-text-edit-font-size: var(--dxbl-accordion-group-header-font-size);
    --dxbl-text-edit-line-height: var(
        --dxbl-accordion-group-header-line-height
    );
    --dxbl-text-edit-padding-y: var(
        --dxbl-accordion-group-header-content-padding-y
    );
    --dxbl-text-edit-border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.dxbl-accordion
    .dxbl-accordion-filter
    > .dxbl-accordion-group-header
    .dxbl-navigation-filter.dxbl-text-edit
    > input {
    margin-left: var(--dxbl-accordion-group-item-content-spacing);
}
.dxbl-accordion
    .dxbl-accordion-filter
    > .dxbl-accordion-group-header
    .dxbl-navigation-filter.dxbl-text-edit
    > .dxbl-edit-btn-clear {
    padding: 0;
}
.dxbl-accordion .dxbl-filter-content {
    background-color: var(--dxbl-accordion-filter-content-bg-color);
    color: var(--dxbl-accordion-filter-content-color);
}
.dxbl-accordion
    .dxbl-accordion-container:not([data-dx-focus-hidden])
    .dxbl-accordion-group-body
    .dxbl-accordion-item-content:focus-visible,
.dxbl-accordion
    .dxbl-accordion-container:not([data-dx-focus-hidden])
    .dxbl-accordion-group-body:focus-visible,
.dxbl-accordion
    .dxbl-accordion-container:not([data-dx-focus-hidden])
    .dxbl-accordion-group-header:focus-visible,
.dxbl-accordion
    .dxbl-accordion-container:not([data-dx-focus-hidden])
    .dxbl-accordion-tmpl:focus-visible {
    outline: var(--dxbl-accordion-focus-outline-width) solid
        var(--dxbl-accordion-focus-outline-color);
    outline-offset: var(--dxbl-accordion-focus-outline-offset);
}
.dxbl-accordion
    .dxbl-accordion-container[data-dx-focus-hidden]
    .dxbl-accordion-group-body
    .dxbl-accordion-item-content:focus-visible,
.dxbl-accordion
    .dxbl-accordion-container[data-dx-focus-hidden]
    .dxbl-accordion-group-body
    .dxbl-accordion-items-container:focus-visible,
.dxbl-accordion
    .dxbl-accordion-container[data-dx-focus-hidden]
    .dxbl-accordion-group-header:focus-visible,
.dxbl-accordion
    .dxbl-accordion-container[data-dx-focus-hidden]
    .dxbl-accordion-tmpl:focus-visible {
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    outline: unset;
}
.dxbl-accordion .dxbl-accordion-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 0;
}
.dxbl-accordion .dxbl-accordion-group.dxbl-group {
    --dxbl-group-border-radius: var(--dxbl-accordion-group-border-radius);
    --dxbl-group-border-width: var(--dxbl-accordion-group-border-width);
    --dxbl-group-border-color: var(--dxbl-accordion-group-border-color);
    --dxbl-group-body-font-size: var(--dxbl-accordion-group-item-font-size);
    --dxbl-group-body-font-family: var(--dxbl-accordion-group-item-font-family);
    --dxbl-group-body-font-weight: var(--dxbl-accordion-group-item-font-weight);
    --dxbl-group-body-line-height: var(--dxbl-accordion-group-item-line-height);
    --dxbl-group-header-border-radius: var(
        --dxbl-accordion-group-header-border-radius
    );
    --dxbl-group-header-font-family: var(
        --dxbl-accordion-group-header-font-family
    );
    --dxbl-group-header-font-weight: var(
        --dxbl-accordion-group-header-font-weight
    );
    --dxbl-group-header-font-size: var(--dxbl-accordion-group-header-font-size);
    --dxbl-group-header-line-height: var(
        --dxbl-accordion-group-header-line-height
    );
    --dxbl-group-header-padding-x: var(--dxbl-accordion-group-header-padding-x);
    --dxbl-group-header-padding-y: var(--dxbl-accordion-group-header-padding-y);
    --dxbl-group-header-color: var(--dxbl-accordion-group-header-default-color);
    --dxbl-group-header-bg: var(--dxbl-accordion-group-header-default-bg);
    --dxbl-group-header-btn-border-radius: var(
        --dxbl-accordion-group-header-btn-border-radius
    );
    --dxbl-group-header-btn-border-color: var(
        --dxbl-accordion-group-header-btn-border-color
    );
    --dxbl-group-header-btn-bg: var(--dxbl-accordion-group-header-btn-bg);
    --dxbl-group-header-btn-color: var(--dxbl-accordion-group-header-btn-color);
    --dxbl-group-header-btn-hover-bg: var(
        --dxbl-accordion-group-header-btn-hover-bg
    );
    --dxbl-group-header-btn-hover-color: var(
        --dxbl-accordion-group-header-btn-hover-color
    );
    --dxbl-group-header-btn-padding: var(
        --dxbl-accordion-group-header-btn-padding
    );
}
.dxbl-accordion .dxbl-accordion-group .dxbl-accordion-group-header {
    cursor: var(--dxbl-accordion-group-cursor);
}
.dxbl-accordion
    .dxbl-accordion-group
    .dxbl-accordion-group-header
    > .dxbl-group-expand-btn {
    cursor: var(--dxbl-accordion-group-cursor);
}
.dxbl-accordion
    .dxbl-accordion-group
    .dxbl-accordion-group-header
    > .dxbl-accordion-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: inherit;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--dxbl-accordion-group-header-content-padding-y)
        var(--dxbl-accordion-group-header-content-padding-x);
}
.dxbl-accordion
    .dxbl-accordion-group
    .dxbl-accordion-group-header
    > .dxbl-accordion-item-content
    > .dxbl-accordion-item-text-container.dxbl-text {
    padding: var(--dxbl-accordion-group-header-text-padding-y) 0;
}
.dxbl-accordion
    .dxbl-accordion-group:not(.dxbl-accordion-filter).dxbl-active
    > .dxbl-accordion-group-header
    a.dxbl-accordion-item-content,
.dxbl-accordion
    .dxbl-accordion-group:not(.dxbl-accordion-filter)
    > .dxbl-accordion-group-header:active
    a.dxbl-accordion-item-content,
.dxbl-accordion
    .dxbl-accordion-group:not(.dxbl-accordion-filter)
    > .dxbl-accordion-group-header:hover
    a.dxbl-accordion-item-content {
    color: inherit;
}
.dxbl-accordion
    .dxbl-accordion-group:not(.dxbl-accordion-filter)
    > .dxbl-accordion-group-header {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.dxbl-accordion
    .dxbl-accordion-group
    .dxbl-accordion-item:not(.dxbl-accordion-group) {
    font-family: var(--dxbl-accordion-group-item-font-family);
    font-weight: var(--dxbl-accordion-group-item-font-weight);
    font-size: var(--dxbl-accordion-group-item-font-size);
    line-height: var(--dxbl-accordion-group-item-line-height);
    cursor: var(--dxbl-accordion-group-item-cursor);
}
.dxbl-accordion
    .dxbl-accordion-group
    .dxbl-accordion-item:not(.dxbl-accordion-group)
    > .dxbl-accordion-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: var(--dxbl-accordion-group-item-color);
    background-color: var(--dxbl-accordion-group-item-bg);
}
.dxbl-accordion
    .dxbl-accordion-group
    .dxbl-accordion-item-content
    > .dxbl-image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.dxbl-accordion
    .dxbl-accordion-group
    .dxbl-accordion-item-content
    > .dxbl-image:not(:last-child) {
    margin-right: var(--dxbl-accordion-group-item-content-spacing);
}
.dxbl-accordion
    .dxbl-accordion-group
    .dxbl-accordion-item-content
    .dxbl-accordion-item-text-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--dxbl-accordion-group-item-content-padding-y)
        var(--dxbl-accordion-group-item-content-padding-x);
}
.dxbl-accordion
    .dxbl-accordion-group
    .dxbl-accordion-item-content
    .dxbl-accordion-item-text-container.dxbl-accordion-item-text-tmpl
    > .dxbl-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.dxbl-accordion .dxbl-accordion-group > .dxbl-accordion-group-body {
    border-radius: var(--dxbl-accordion-group-body-border-radius);
}
.dxbl-accordion
    .dxbl-accordion-group
    > .dxbl-accordion-group-body
    > .dxbl-accordion-items-container {
    padding: var(--dxbl-accordion-group-body-padding-y) 0;
}
.dxbl-accordion
    .dxbl-accordion-group
    > .dxbl-accordion-group-body
    .dxbl-accordion-item
    .dxbl-accordion-item-indent,
.dxbl-accordion
    .dxbl-accordion-group
    > .dxbl-accordion-group-body
    .dxbl-accordion-item
    .dxbl-accordion-item-indent-end {
    min-width: calc(
        (var(--dxbl-accordion-item-indent, 0) - 1) *
            var(--dxbl-accordion-group-item-content-indent)
    );
}
.dxbl-accordion
    .dxbl-accordion-group
    > .dxbl-accordion-group-body
    .dxbl-accordion-item-content {
    padding: 0 var(--dxbl-accordion-group-item-padding-x);
    border-radius: var(--dxbl-accordion-group-item-border-radius);
}
.dxbl-accordion
    .dxbl-accordion-group
    > .dxbl-accordion-group-body
    .dxbl-accordion-item-content
    .dxbl-accordion-group-expand-btn-container
    > .dxbl-group-expand-btn {
    --dxbl-btn-border-radius: var(
        --dxbl-accordion-group-item-btn-border-radius
    );
    --dxbl-btn-color: var(--dxbl-accordion-group-item-btn-color);
    --dxbl-btn-bg: var(--dxbl-accordion-group-item-btn-bg);
    --dxbl-btn-border-color: var(--dxbl-accordion-group-item-btn-border-color);
    --dxbl-btn-border-hover-color: var(
        --dxbl-accordion-group-item-btn-hover-color
    );
    --dxbl-btn-hover-border-bg: var(--dxbl-accordion-group-item-btn-hover-bg);
    --dxbl-btn-padding-x: var(--dxbl-accordion-group-item-btn-padding);
    --dxbl-btn-padding-y: var(--dxbl-accordion-group-item-btn-padding);
    cursor: var(--dxbl-accordion-group-item-cursor);
}
.dxbl-accordion {
    --dxbl-accordion-group-item-font-size: var(
        --dxbl-accordion-group-item-font-size-m
    );
    --dxbl-accordion-group-item-font-weight: var(
        --dxbl-accordion-group-item-font-weight-m
    );
    --dxbl-accordion-group-item-line-height: var(
        --dxbl-accordion-group-item-line-height-m
    );
    --dxbl-accordion-group-item-padding-x: var(
        --dxbl-accordion-group-item-padding-x-m
    );
    --dxbl-accordion-group-item-content-padding-x: var(
        --dxbl-accordion-group-item-content-padding-x-m
    );
    --dxbl-accordion-group-item-content-padding-y: var(
        --dxbl-accordion-group-item-content-padding-y-m
    );
    --dxbl-accordion-group-item-content-spacing: var(
        --dxbl-accordion-group-item-content-spacing-m
    );
    --dxbl-accordion-group-item-content-indent: var(
        --dxbl-accordion-group-item-content-indent-m
    );
    --dxbl-accordion-group-item-text-padding-y: var(
        --dxbl-accordion-group-item-text-padding-y-m
    );
    --dxbl-accordion-group-item-btn-padding: var(
        --dxbl-accordion-group-item-btn-padding-m
    );
    --dxbl-accordion-group-header-font-size: var(
        --dxbl-accordion-group-header-font-size-m
    );
    --dxbl-accordion-group-header-font-weight: var(
        --dxbl-accordion-group-header-font-weight-m
    );
    --dxbl-accordion-group-header-line-height: var(
        --dxbl-accordion-group-header-line-height-m
    );
    --dxbl-accordion-group-header-padding-x: var(
        --dxbl-accordion-group-header-padding-x-m
    );
    --dxbl-accordion-group-header-padding-y: var(
        --dxbl-accordion-group-header-padding-y-m
    );
    --dxbl-accordion-group-header-content-padding-x: var(
        --dxbl-accordion-group-header-content-padding-x-m
    );
    --dxbl-accordion-group-header-content-padding-y: var(
        --dxbl-accordion-group-header-content-padding-y-m
    );
    --dxbl-accordion-group-header-text-padding-y: var(
        --dxbl-accordion-group-header-text-padding-y-m
    );
    --dxbl-accordion-group-header-btn-padding: var(
        --dxbl-accordion-group-header-btn-padding-m
    );
    --dxbl-accordion-group-cursor: auto;
    --dxbl-accordion-group-item-cursor: auto;
    --dxbl-accordion-group-item-color: var(
        --dxbl-accordion-group-item-default-color
    );
    --dxbl-accordion-group-item-bg: var(--dxbl-accordion-group-item-default-bg);
}
.dxbl-accordion
    .dxbl-group.dxbl-accordion-group:not(.dxbl-disabled):not(:disabled):not(
        .dxbl-accordion-filter
    ):not(.dxbl-active)
    > .dxbl-accordion-group-header {
    --dxbl-accordion-group-cursor: pointer;
}
.dxbl-accordion
    .dxbl-group.dxbl-accordion-group:not(.dxbl-disabled):not(:disabled):not(
        .dxbl-accordion-filter
    ):not(.dxbl-active)
    > .dxbl-accordion-group-header:hover {
    --dxbl-group-header-color: var(--dxbl-accordion-group-header-hover-color);
    --dxbl-group-header-bg: var(--dxbl-accordion-group-header-hover-bg);
}
.dxbl-accordion
    .dxbl-group.dxbl-accordion-group:not(.dxbl-disabled):not(:disabled):not(
        .dxbl-accordion-filter
    ).dxbl-active
    > .dxbl-accordion-group-header {
    --dxbl-group-header-color: var(
        --dxbl-accordion-group-header-selected-color
    );
    --dxbl-group-header-bg: var(--dxbl-accordion-group-header-selected-bg);
}
.dxbl-accordion .dxbl-group.dxbl-accordion-group.dxbl-disabled,
.dxbl-accordion .dxbl-group.dxbl-accordion-group:disabled {
    --dxbl-accordion-group-cursor: default;
}
.dxbl-accordion
    .dxbl-group.dxbl-accordion-group.dxbl-disabled
    > .dxbl-accordion-group-header,
.dxbl-accordion
    .dxbl-group.dxbl-accordion-group:disabled
    > .dxbl-accordion-group-header {
    --dxbl-group-header-color: var(
        --dxbl-accordion-group-header-disabled-color
    );
    --dxbl-group-header-bg: var(--dxbl-accordion-group-header-disabled-bg);
    --dxbl-group-header-btn-bg: var(
        --dxbl-accordion-group-header-btn-disabled-bg
    );
    --dxbl-group-header-btn-color: var(
        --dxbl-accordion-group-header-btn-disabled-color
    );
}
.dxbl-accordion
    .dxbl-group.dxbl-accordion-group
    .dxbl-accordion-item:not(.dxbl-accordion-group).dxbl-active
    > .dxbl-accordion-item-content {
    --dxbl-accordion-group-item-color: var(
        --dxbl-accordion-group-item-selected-color
    );
    --dxbl-accordion-group-item-bg: var(
        --dxbl-accordion-group-item-selected-bg
    );
}
.dxbl-accordion
    .dxbl-group.dxbl-accordion-group
    .dxbl-accordion-item:not(.dxbl-accordion-group):not(.dxbl-disabled):not(
        :disabled
    ):not(.dxbl-active) {
    --dxbl-accordion-group-item-cursor: pointer;
}
.dxbl-accordion
    .dxbl-group.dxbl-accordion-group
    .dxbl-accordion-item:not(.dxbl-accordion-group):not(.dxbl-disabled):not(
        :disabled
    ):not(.dxbl-active)
    > .dxbl-accordion-item-content:hover {
    --dxbl-accordion-group-item-color: var(
        --dxbl-accordion-group-item-hover-color
    );
    --dxbl-accordion-group-item-bg: var(--dxbl-accordion-group-item-hover-bg);
}
.dxbl-accordion
    .dxbl-group.dxbl-accordion-group
    .dxbl-accordion-item:not(.dxbl-accordion-group).dxbl-disabled,
.dxbl-accordion
    .dxbl-group.dxbl-accordion-group
    .dxbl-accordion-item:not(.dxbl-accordion-group):disabled {
    --dxbl-accordion-group-item-color: var(
        --dxbl-accordion-group-item-disabled-color
    );
    --dxbl-accordion-group-item-bg: var(
        --dxbl-accordion-group-item-disabled-bg
    );
    --dxbl-accordion-group-item-cursor: default;
    --dxbl-accordion-group-item-btn-bg: var(
        --dxbl-accordion-group-item-btn-disabled-bg
    );
    --dxbl-accordion-group-item-btn-color: var(
        --dxbl-accordion-group-item-btn-disabled-color
    );
}
.dxbl-accordion.dxbl-sm {
    --dxbl-accordion-group-item-font-size: var(
        --dxbl-accordion-group-item-font-size-s
    );
    --dxbl-accordion-group-item-font-weight: var(
        --dxbl-accordion-group-item-font-weight-s
    );
    --dxbl-accordion-group-item-line-height: var(
        --dxbl-accordion-group-item-line-height-s
    );
    --dxbl-accordion-group-item-padding-x: var(
        --dxbl-accordion-group-item-padding-x-s
    );
    --dxbl-accordion-group-item-content-padding-x: var(
        --dxbl-accordion-group-item-content-padding-x-s
    );
    --dxbl-accordion-group-item-content-padding-y: var(
        --dxbl-accordion-group-item-content-padding-y-s
    );
    --dxbl-accordion-group-item-content-spacing: var(
        --dxbl-accordion-group-item-content-spacing-s
    );
    --dxbl-accordion-group-item-content-indent: var(
        --dxbl-accordion-group-item-content-indent-s
    );
    --dxbl-accordion-group-item-text-padding-y: var(
        --dxbl-accordion-group-item-text-padding-y-s
    );
    --dxbl-accordion-group-item-btn-padding: var(
        --dxbl-accordion-group-item-btn-padding-s
    );
    --dxbl-accordion-group-header-font-size: var(
        --dxbl-accordion-group-header-font-size-s
    );
    --dxbl-accordion-group-header-font-weight: var(
        --dxbl-accordion-group-header-font-weight-s
    );
    --dxbl-accordion-group-header-line-height: var(
        --dxbl-accordion-group-header-line-height-s
    );
    --dxbl-accordion-group-header-padding-x: var(
        --dxbl-accordion-group-header-padding-x-s
    );
    --dxbl-accordion-group-header-padding-y: var(
        --dxbl-accordion-group-header-padding-y-s
    );
    --dxbl-accordion-group-header-content-padding-x: var(
        --dxbl-accordion-group-header-content-padding-x-s
    );
    --dxbl-accordion-group-header-content-padding-y: var(
        --dxbl-accordion-group-header-content-padding-y-s
    );
    --dxbl-accordion-group-header-text-padding-y: var(
        --dxbl-accordion-group-header-text-padding-y-s
    );
    --dxbl-accordion-group-header-btn-padding: var(
        --dxbl-accordion-group-header-btn-padding-s
    );
}
.dxbl-accordion.dxbl-lg {
    --dxbl-accordion-group-item-font-size: var(
        --dxbl-accordion-group-item-font-size-l
    );
    --dxbl-accordion-group-item-font-weight: var(
        --dxbl-accordion-group-item-font-weight-l
    );
    --dxbl-accordion-group-item-line-height: var(
        --dxbl-accordion-group-item-line-height-l
    );
    --dxbl-accordion-group-item-padding-x: var(
        --dxbl-accordion-group-item-padding-x-l
    );
    --dxbl-accordion-group-item-content-padding-x: var(
        --dxbl-accordion-group-item-content-padding-x-l
    );
    --dxbl-accordion-group-item-content-padding-y: var(
        --dxbl-accordion-group-item-content-padding-y-l
    );
    --dxbl-accordion-group-item-content-spacing: var(
        --dxbl-accordion-group-item-content-spacing-l
    );
    --dxbl-accordion-group-item-content-indent: var(
        --dxbl-accordion-group-item-content-indent-l
    );
    --dxbl-accordion-group-item-text-padding-y: var(
        --dxbl-accordion-group-item-text-padding-y-l
    );
    --dxbl-accordion-group-item-btn-padding: var(
        --dxbl-accordion-group-item-btn-padding-l
    );
    --dxbl-accordion-group-header-font-size: var(
        --dxbl-accordion-group-header-font-size-l
    );
    --dxbl-accordion-group-header-font-weight: var(
        --dxbl-accordion-group-header-font-weight-l
    );
    --dxbl-accordion-group-header-line-height: var(
        --dxbl-accordion-group-header-line-height-l
    );
    --dxbl-accordion-group-header-padding-x: var(
        --dxbl-accordion-group-header-padding-x-l
    );
    --dxbl-accordion-group-header-padding-y: var(
        --dxbl-accordion-group-header-padding-y-l
    );
    --dxbl-accordion-group-header-content-padding-x: var(
        --dxbl-accordion-group-header-content-padding-x-l
    );
    --dxbl-accordion-group-header-content-padding-y: var(
        --dxbl-accordion-group-header-content-padding-y-l
    );
    --dxbl-accordion-group-header-text-padding-y: var(
        --dxbl-accordion-group-header-text-padding-y-l
    );
    --dxbl-accordion-group-header-btn-padding: var(
        --dxbl-accordion-group-header-btn-padding-l
    );
}
.dxbl-fl {
    --dxbl-fl-font-family: var(--DS-font-family-sans-serif);
    --dxbl-fl-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-fl-font-size-m: var(--DS-font-size-body-1);
    --dxbl-fl-font-size-l: var(--DS-font-size-body-2);
    --dxbl-fl-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-fl-line-height-m: var(--DS-line-height-body-1);
    --dxbl-fl-line-height-l: var(--DS-line-height-body-2);
    --dxbl-fl-padding-x-s: var(--DS-sizing-0);
    --dxbl-fl-padding-x-m: var(--DS-sizing-0);
    --dxbl-fl-padding-x-l: var(--DS-sizing-0);
    --dxbl-fl-padding-y-s: var(--DS-sizing-0);
    --dxbl-fl-padding-y-m: var(--DS-sizing-0);
    --dxbl-fl-padding-y-l: var(--DS-sizing-0);
    --dxbl-fl-item-spacing-x-s: var(--DS-sizing-160);
    --dxbl-fl-item-spacing-x-m: var(--DS-sizing-240);
    --dxbl-fl-item-spacing-x-l: var(--DS-sizing-320);
    --dxbl-fl-item-spacing-y-s: var(--DS-sizing-120);
    --dxbl-fl-item-spacing-y-m: var(--DS-sizing-160);
    --dxbl-fl-item-spacing-y-l: var(--DS-sizing-200);
    --dxbl-fl-caption-font-weight-s: var(--DS-font-weight-caption-1);
    --dxbl-fl-caption-font-weight-m: var(--DS-font-weight-body-1);
    --dxbl-fl-caption-font-weight-l: var(--DS-font-weight-subtitle-2);
    --dxbl-fl-caption-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-fl-caption-font-size-m: var(--DS-font-size-body-1);
    --dxbl-fl-caption-font-size-l: var(--DS-font-size-subtitle-2);
    --dxbl-fl-caption-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-fl-caption-line-height-m: var(--DS-line-height-body-1);
    --dxbl-fl-caption-line-height-l: var(--DS-line-height-subtitle-2);
    --dxbl-fl-caption-padding-y-s: var(--DS-sizing-40);
    --dxbl-fl-caption-padding-y-m: var(--DS-sizing-60);
    --dxbl-fl-caption-padding-y-l: var(--DS-sizing-80);
    --dxbl-fl-caption-padding-x-s: var(--DS-sizing-120);
    --dxbl-fl-caption-padding-x-m: var(--DS-sizing-160);
    --dxbl-fl-caption-padding-x-l: var(--DS-sizing-200);
    --dxbl-fl-caption-padding-left: 0;
    --dxbl-fl-caption-padding-top: var(--dxbl-fl-caption-padding-y);
    --dxbl-fl-caption-padding-bottom: var(--dxbl-fl-caption-padding-y);
    --dxbl-fl-caption-vertical-padding-bottom: var(--DS-sizing-20);
    --dxbl-fl-caption-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-fl-group-border-radius: var(--DS-border-radius-40);
    --dxbl-fl-group-header-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-fl-group-header-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-fl-group-header-border-radius: var(--dxbl-fl-group-border-radius);
    --dxbl-fl-group-header-btn-border-width: var(--DS-border-width-0);
    --dxbl-fl-group-header-btn-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-fl-group-header-btn-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-fl-group-header-btn-hover-bg: var(
        --DS-color-surface-neutral-muted-hovered
    );
    --dxbl-fl-group-header-btn-hover-color: var(
        --DS-color-content-neutral-subdued-hovered
    );
    --dxbl-fl-group-header-image-spacing: var(--DS-sizing-80);
    --dxbl-fl-group-header-spacing: var(--DS-sizing-80);
    --dxbl-fl-group-spacing-x-s: var(--DS-sizing-240);
    --dxbl-fl-group-spacing-x-m: var(--DS-sizing-320);
    --dxbl-fl-group-spacing-x-l: var(--DS-sizing-400);
    --dxbl-fl-group-spacing-y-s: var(--DS-sizing-160);
    --dxbl-fl-group-spacing-y-m: var(--DS-sizing-240);
    --dxbl-fl-group-spacing-y-l: var(--DS-sizing-320);
    --dxbl-fl-group-header-font-size-s: var(--DS-font-size-caption-1-strong);
    --dxbl-fl-group-header-font-size-m: var(--DS-font-size-body-1-strong);
    --dxbl-fl-group-header-font-size-l: var(--DS-font-size-subtitle-2);
    --dxbl-fl-group-header-font-weight-s: var(
        --DS-font-weight-caption-1-strong
    );
    --dxbl-fl-group-header-font-weight-m: var(--DS-font-weight-body-1-strong);
    --dxbl-fl-group-header-font-weight-l: var(--DS-font-weight-subtitle-2);
    --dxbl-fl-group-header-line-height-s: var(
        --DS-line-height-caption-1-strong
    );
    --dxbl-fl-group-header-line-height-m: var(--DS-line-height-body-1-strong);
    --dxbl-fl-group-header-line-height-l: var(--DS-line-height-subtitle-2);
    --dxbl-fl-group-header-padding-y-s: var(--DS-sizing-40);
    --dxbl-fl-group-header-padding-y-m: var(--DS-sizing-60);
    --dxbl-fl-group-header-padding-y-l: var(--DS-sizing-80);
    --dxbl-fl-group-header-text-padding-y-s: var(--DS-sizing-0);
    --dxbl-fl-group-header-text-padding-y-m: var(--DS-sizing-0);
    --dxbl-fl-group-header-text-padding-y-l: var(--DS-sizing-10);
    --dxbl-fl-group-header-editor-padding-y-s: var(--DS-sizing-30);
    --dxbl-fl-group-header-editor-padding-y-m: calc(
        var(--DS-sizing-60) - var(--DS-sizing-10)
    );
    --dxbl-fl-group-header-editor-padding-y-l: calc(
        var(--DS-sizing-80) - var(--DS-sizing-10)
    );
    --dxbl-fl-group-content-padding-x-s: var(--DS-sizing-0);
    --dxbl-fl-group-content-padding-x-m: var(--DS-sizing-0);
    --dxbl-fl-group-content-padding-x-l: var(--DS-sizing-0);
    --dxbl-fl-group-content-padding-y-s: var(--DS-sizing-0);
    --dxbl-fl-group-content-padding-y-m: var(--DS-sizing-0);
    --dxbl-fl-group-content-padding-y-l: var(--DS-sizing-0);
    --dxbl-fl-group-content-padding-top-s: var(--DS-sizing-80);
    --dxbl-fl-group-content-padding-top-m: var(--DS-sizing-120);
    --dxbl-fl-group-content-padding-top-l: var(--DS-sizing-160);
    --dxbl-fl-group-header-padding-x: var(--DS-sizing-0);
    --dxbl-fl-group-header-text-padding-x: 0;
    --dxbl-fl-group-header-btn-padding: var(--DS-sizing-0);
    --dxbl-fl-group-header-editor-border-width: var(--DS-border-width-10);
    --dxbl-fl-group-header-with-btn-padding-y: calc(
        var(--dxbl-fl-group-header-padding-y) -
            (
                var(--dxbl-fl-group-header-btn-padding) +
                    var(--dxbl-fl-group-header-btn-border-width)
            )
    );
    --dxbl-fl-group-header-with-editors-padding-y: calc(
        var(--dxbl-fl-group-header-padding-y) -
            (
                var(--dxbl-fl-group-header-editor-padding-y) +
                    var(--dxbl-fl-group-header-editor-border-width)
            )
    );
    --dxbl-fl-tab-group-tab-padding-x: var(--DS-sizing-160);
    --dxbl-fl-tab-group-tab-padding-y: var(--DS-sizing-100);
    --dxbl-fl-tab-group-content-padding-x-s: var(--DS-sizing-80);
    --dxbl-fl-tab-group-content-padding-x-m: var(--DS-sizing-120);
    --dxbl-fl-tab-group-content-padding-x-l: var(--DS-sizing-160);
    --dxbl-fl-tab-group-content-padding-y-s: var(--DS-sizing-80);
    --dxbl-fl-tab-group-content-padding-y-m: var(--DS-sizing-120);
    --dxbl-fl-tab-group-content-padding-y-l: var(--DS-sizing-160);
}
.dxbl-row {
    --dxbl-row-item-spacing-x: var(--DS-sizing-240);
    --dxbl-row-item-spacing-y: var(--DS-sizing-160);
}
.dxbl-fl {
    --dxbl-fl-font-size: var(--dxbl-fl-font-size-m);
    --dxbl-fl-line-height: var(--dxbl-fl-line-height-m);
    --dxbl-fl-caption-font-weight: var(--dxbl-fl-caption-font-weight-m);
    --dxbl-fl-caption-font-size: var(--dxbl-fl-caption-font-size-m);
    --dxbl-fl-caption-line-height: var(--dxbl-fl-caption-line-height-m);
    --dxbl-fl-padding-x: var(--dxbl-fl-padding-x-m);
    --dxbl-fl-padding-y: var(--dxbl-fl-padding-y-m);
    --dxbl-fl-item-spacing-x: var(--dxbl-fl-item-spacing-x-m);
    --dxbl-fl-item-spacing-y: var(--dxbl-fl-item-spacing-y-m);
    --dxbl-fl-caption-padding-x: var(--dxbl-fl-caption-padding-x-m);
    --dxbl-fl-caption-padding-y: var(--dxbl-fl-caption-padding-y-m);
    --dxbl-fl-group-spacing-x: var(--dxbl-fl-group-spacing-x-m);
    --dxbl-fl-group-spacing-y: var(--dxbl-fl-group-spacing-y-m);
    --dxbl-fl-group-header-font-size: var(--dxbl-fl-group-header-font-size-m);
    --dxbl-fl-group-header-font-weight: var(
        --dxbl-fl-group-header-font-weight-m
    );
    --dxbl-fl-group-header-line-height: var(
        --dxbl-fl-group-header-line-height-m
    );
    --dxbl-fl-group-header-padding-y: var(--dxbl-fl-group-header-padding-y-m);
    --dxbl-fl-group-header-text-padding-y: var(
        --dxbl-fl-group-header-text-padding-y-m
    );
    --dxbl-fl-group-header-editor-padding-y: var(
        --dxbl-fl-group-header-editor-padding-y-m
    );
    --dxbl-fl-group-content-padding-x: var(--dxbl-fl-group-content-padding-x-m);
    --dxbl-fl-group-content-padding-y: var(--dxbl-fl-group-content-padding-y-m);
    --dxbl-fl-group-content-padding-top: var(
        --dxbl-fl-group-content-padding-top-m
    );
    --dxbl-fl-tab-group-content-padding-x: var(
        --dxbl-fl-tab-group-content-padding-x-m
    );
    --dxbl-fl-tab-group-content-padding-y: var(
        --dxbl-fl-tab-group-content-padding-y-m
    );
}
.dxbl-fl.dxbl-fl-with-paddings {
    --dxbl-fl-padding-x: calc(var(--dxbl-fl-item-spacing-x) * 0.5);
    --dxbl-fl-padding-y: var(--dxbl-fl-item-spacing-y);
}
.dxbl-fl.dxbl-sm {
    --dxbl-fl-font-size: var(--dxbl-fl-font-size-s);
    --dxbl-fl-line-height: var(--dxbl-fl-line-height-s);
    --dxbl-fl-caption-font-weight: var(--dxbl-fl-caption-font-weight-s);
    --dxbl-fl-caption-font-size: var(--dxbl-fl-caption-font-size-s);
    --dxbl-fl-caption-line-height: var(--dxbl-fl-caption-line-height-s);
    --dxbl-fl-padding-x: var(--dxbl-fl-padding-x-s);
    --dxbl-fl-padding-y: var(--dxbl-fl-padding-y-s);
    --dxbl-fl-item-spacing-x: var(--dxbl-fl-item-spacing-x-s);
    --dxbl-fl-item-spacing-y: var(--dxbl-fl-item-spacing-y-s);
    --dxbl-fl-caption-padding-x: var(--dxbl-fl-caption-padding-x-s);
    --dxbl-fl-caption-padding-y: var(--dxbl-fl-caption-padding-y-s);
    --dxbl-fl-group-spacing-x: var(--dxbl-fl-group-spacing-x-s);
    --dxbl-fl-group-spacing-y: var(--dxbl-fl-group-spacing-y-s);
    --dxbl-fl-group-header-font-size: var(--dxbl-fl-group-header-font-size-s);
    --dxbl-fl-group-header-font-weight: var(
        --dxbl-fl-group-header-font-weight-s
    );
    --dxbl-fl-group-header-line-height: var(
        --dxbl-fl-group-header-line-height-s
    );
    --dxbl-fl-group-header-padding-y: var(--dxbl-fl-group-header-padding-y-s);
    --dxbl-fl-group-header-editor-padding-y: var(
        --dxbl-fl-group-header-editor-padding-y-s
    );
    --dxbl-fl-group-header-text-padding-y: var(
        --dxbl-fl-group-header-text-padding-y-s
    );
    --dxbl-fl-group-content-padding-x: var(--dxbl-fl-group-content-padding-x-s);
    --dxbl-fl-group-content-padding-y: var(--dxbl-fl-group-content-padding-y-s);
    --dxbl-fl-group-content-padding-top: var(
        --dxbl-fl-group-content-padding-top-s
    );
    --dxbl-fl-tab-group-content-padding-x: var(
        --dxbl-fl-tab-group-content-padding-x-s
    );
    --dxbl-fl-tab-group-content-padding-y: var(
        --dxbl-fl-tab-group-content-padding-y-s
    );
}
.dxbl-fl.dxbl-lg {
    --dxbl-fl-font-size: var(--dxbl-fl-font-size-l);
    --dxbl-fl-line-height: var(--dxbl-fl-line-height-l);
    --dxbl-fl-caption-font-weight: var(--dxbl-fl-caption-font-weight-l);
    --dxbl-fl-caption-font-size: var(--dxbl-fl-caption-font-size-l);
    --dxbl-fl-caption-line-height: var(--dxbl-fl-caption-line-height-l);
    --dxbl-fl-padding-x: var(--dxbl-fl-padding-x-l);
    --dxbl-fl-padding-y: var(--dxbl-fl-padding-y-l);
    --dxbl-fl-item-spacing-x: var(--dxbl-fl-item-spacing-x-l);
    --dxbl-fl-item-spacing-y: var(--dxbl-fl-item-spacing-y-l);
    --dxbl-fl-caption-padding-x: var(--dxbl-fl-caption-padding-x-l);
    --dxbl-fl-caption-padding-y: var(--dxbl-fl-caption-padding-y-l);
    --dxbl-fl-group-spacing-x: var(--dxbl-fl-group-spacing-x-l);
    --dxbl-fl-group-spacing-y: var(--dxbl-fl-group-spacing-y-l);
    --dxbl-fl-group-header-font-size: var(--dxbl-fl-group-header-font-size-l);
    --dxbl-fl-group-header-font-weight: var(
        --dxbl-fl-group-header-font-weight-l
    );
    --dxbl-fl-group-header-line-height: var(
        --dxbl-fl-group-header-line-height-l
    );
    --dxbl-fl-group-header-padding-y: var(--dxbl-fl-group-header-padding-y-l);
    --dxbl-fl-group-header-editor-padding-y: var(
        --dxbl-fl-group-header-editor-padding-y-l
    );
    --dxbl-fl-group-header-text-padding-y: var(
        --dxbl-fl-group-header-text-padding-y-l
    );
    --dxbl-fl-group-content-padding-x: var(--dxbl-fl-group-content-padding-x-l);
    --dxbl-fl-group-content-padding-y: var(--dxbl-fl-group-content-padding-y-l);
    --dxbl-fl-group-content-padding-top: var(
        --dxbl-fl-group-content-padding-top-l
    );
    --dxbl-fl-tab-group-content-padding-x: var(
        --dxbl-fl-tab-group-content-padding-x-l
    );
    --dxbl-fl-tab-group-content-padding-y: var(
        --dxbl-fl-tab-group-content-padding-y-l
    );
}
.dxbl-fl {
    display: block;
    font-family: var(--dxbl-fl-font-family);
    font-size: var(--dxbl-fl-font-size);
    line-height: var(--dxbl-fl-line-height);
    padding: var(--dxbl-fl-padding-y) var(--dxbl-fl-padding-x);
}
.dxbl-fl.dxbl-fl-loading {
    opacity: 0;
}
.dxbl-fl .dxbl-row {
    --dxbl-row-item-spacing-x: var(--dxbl-fl-item-spacing-x);
    --dxbl-row-item-spacing-y: var(--dxbl-fl-item-spacing-y);
}
.dxbl-fl .dxbl-row:has(> .dxbl-fl-group) {
    --dxbl-row-item-spacing-x: var(--dxbl-fl-group-spacing-x);
}
.dxbl-fl .dxbl-fl-cpt {
    width: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: var(--dxbl-fl-caption-font-size);
    line-height: var(--dxbl-fl-caption-line-height);
    font-weight: var(--dxbl-fl-caption-font-weight);
    color: var(--dxbl-fl-caption-color);
    margin: 0;
}
.dxbl-fl .dxbl-fl-cpt:not(.dxbl-fl-caption-tmpl) {
    padding: var(--dxbl-fl-caption-padding-top) var(--dxbl-fl-caption-padding-x)
        var(--dxbl-fl-caption-padding-bottom)
        var(--dxbl-fl-caption-padding-left);
}
.dxbl-fl .dxbl-fl-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}
.dxbl-fl .dxbl-fl-item:not(.dxbl-fl-item-horizontal) {
    --dxbl-fl-caption-padding-x: 0;
    --dxbl-fl-caption-padding-top: 0;
    --dxbl-fl-caption-padding-bottom: var(
        --dxbl-fl-caption-vertical-padding-bottom
    );
}
.dxbl-fl .dxbl-fl-item .dxbl-fl-empty-caption {
    display: none;
}
.dxbl-fl .dxbl-fl-item .dxbl-fl-cpt:last-child {
    padding-right: 0;
    text-align: left;
}
.dxbl-fl .dxbl-fl-item > .dxbl-fl-ctrl {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
}
.dxbl-fl .dxbl-fl-item .dxbl-fl-ctrl-nc,
.dxbl-fl .dxbl-fl-item .dxbl-fl-empty-caption + .dxbl-fl-ctrl {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-top: auto;
}
.dxbl-fl .dxbl-fl-row-break {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    height: 0;
}
.dxbl-fl .dxbl-fl-group {
    display: block;
}
.dxbl-fl .dxbl-fl-group > .dxbl-group {
    --dxbl-group-border-radius: var(--dxbl-fl-group-border-radius);
    --dxbl-group-header-line-height: var(--dxbl-fl-group-header-line-height);
    --dxbl-group-header-font-size: var(--dxbl-fl-group-header-font-size);
    --dxbl-group-header-padding-x: var(--dxbl-fl-group-header-padding-x);
    --dxbl-group-header-padding-y: var(--dxbl-fl-group-header-padding-y);
    --dxbl-group-header-bg: var(--dxbl-fl-group-header-bg);
    --dxbl-group-header-color: var(--dxbl-fl-group-header-color);
    --dxbl-group-header-font-weight: var(--dxbl-fl-group-header-font-weight);
    --dxbl-group-header-border-radius: var(
        --dxbl-fl-group-header-border-radius
    );
    --dxbl-group-header-text-padding-x: var(
        --dxbl-fl-group-header-text-padding-x
    );
    --dxbl-group-header-text-padding-y: var(
        --dxbl-fl-group-header-text-padding-y
    );
    --dxbl-group-header-btn-padding: var(--dxbl-fl-group-header-btn-padding);
    --dxbl-group-header-btn-bg: var(--dxbl-fl-group-header-btn-bg);
    --dxbl-group-header-btn-color: var(--dxbl-fl-group-header-btn-color);
    --dxbl-group-header-btn-hover-bg: var(--dxbl-fl-group-header-btn-hover-bg);
    --dxbl-group-header-btn-hover-color: var(
        --dxbl-fl-group-header-btn-hover-color
    );
}
.dxbl-fl
    .dxbl-fl-group
    > .dxbl-group
    > .dxbl-group-body
    > .dxbl-group-body-content {
    padding: var(--dxbl-fl-group-content-padding-top)
        var(--dxbl-fl-group-content-padding-x)
        var(--dxbl-fl-group-content-padding-y);
}
.dxbl-fl
    .dxbl-fl-group
    > .dxbl-group
    > .dxbl-group-header:not(.dxbl-fl-group-header-tmpl) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-fl
    .dxbl-fl-group
    > .dxbl-group
    > .dxbl-group-header:has(> .dxbl-group-expand-btn) {
    --dxbl-group-header-padding-y: var(
        --dxbl-fl-group-header-with-btn-padding-y
    );
}
.dxbl-fl
    .dxbl-fl-group
    > .dxbl-group
    > .dxbl-group-header.dxbl-fl-group-header-tmpl {
    --dxbl-group-header-padding-y: var(
        --dxbl-fl-group-header-with-editors-padding-y
    );
}
.dxbl-fl
    .dxbl-fl-group
    > .dxbl-group
    > .dxbl-group-header.dxbl-fl-group-header-tmpl
    > .dxbl-group-expand-btn:last-child:not(:only-child) {
    margin-left: auto;
}
.dxbl-fl .dxbl-fl-group > .dxbl-group > .dxbl-group-header > .dxbl-image {
    display: inline-block;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.dxbl-fl
    .dxbl-fl-group
    > .dxbl-group
    > .dxbl-group-header
    > .dxbl-image:not(:last-child) {
    margin-right: var(--dxbl-fl-group-header-image-spacing);
}
.dxbl-fl
    .dxbl-fl-group
    > .dxbl-group
    > .dxbl-group-header
    > .dxbl-group-expand-btn {
    --dxbl-btn-border-width: var(--dxbl-fl-group-header-btn-border-width);
    margin: 0
        calc((var(--dxbl-btn-padding-x) + var(--dxbl-btn-border-width)) * -1);
}
.dxbl-fl
    .dxbl-fl-group
    > .dxbl-group
    > .dxbl-group-header
    > .dxbl-group-expand-btn:first-child {
    margin-right: var(--dxbl-fl-group-header-spacing);
}
.dxbl-fl
    .dxbl-fl-group
    > .dxbl-group
    > .dxbl-group-header
    > .dxbl-group-expand-btn:last-child {
    margin-left: var(--dxbl-fl-group-header-spacing);
}
.dxbl-fl .dxbl-fl-gt .dxbl-tabs {
    --dxbl-tabs-tab-padding-x: var(--dxbl-fl-tab-group-tab-padding-x);
    --dxbl-tabs-tab-padding-y: var(--dxbl-fl-tab-group-tab-padding-y);
}
.dxbl-fl .dxbl-fl-gt .dxbl-fl-tab-content {
    display: block;
    padding: var(--dxbl-fl-tab-group-content-padding-y)
        var(--dxbl-fl-tab-group-content-padding-x);
}
.dxbl-fl .dxbl-fl-gd,
.dxbl-fl .dxbl-fl-gt {
    --dxbl-row-item-spacing-x: var(--dxbl-fl-group-spacing-x);
    margin-top: calc(var(--dxbl-fl-group-spacing-y) * 0.5);
    margin-bottom: calc(var(--dxbl-fl-group-spacing-y) * 0.5);
}
.dxbl-fl-calc .dxbl-fl-item > .dxbl-fl-cpt {
    width: auto !important;
    -webkit-box-flex: 0 !important;
    -webkit-flex: none !important;
    -ms-flex: none !important;
    flex: none !important;
}
.dxbl-fl-calc .dxbl-fl-item > .dxbl-fl-ctrl:not(img):not(.dxbl-fl-ctrl-nc) {
    width: 100% !important;
}
.dxbl-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--dxbl-row-item-spacing-y));
    margin-right: calc(-0.5 * var(--dxbl-row-item-spacing-x));
    margin-left: calc(-0.5 * var(--dxbl-row-item-spacing-x));
}
.dxbl-col {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--dxbl-row-item-spacing-x) * 0.5);
    padding-left: calc(var(--dxbl-row-item-spacing-x) * 0.5);
    margin-top: var(--dxbl-row-item-spacing-y);
}
@media (min-width: 0) {
    .dxbl-col-xs {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
    }
    .dxbl-col-xs-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
    }
    .dxbl-col-xs-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .dxbl-col-xs-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
    .dxbl-col-xs-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .dxbl-col-xs-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
    }
    .dxbl-col-xs-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
    .dxbl-col-xs-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
    }
    .dxbl-col-xs-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
    }
    .dxbl-col-xs-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }
    .dxbl-col-xs-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
    }
    .dxbl-col-xs-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
    }
    .dxbl-col-xs-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width: 576px) {
    .dxbl-col-sm {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
    }
    .dxbl-col-sm-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
    }
    .dxbl-col-sm-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .dxbl-col-sm-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
    .dxbl-col-sm-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .dxbl-col-sm-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
    }
    .dxbl-col-sm-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
    .dxbl-col-sm-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
    }
    .dxbl-col-sm-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
    }
    .dxbl-col-sm-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }
    .dxbl-col-sm-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
    }
    .dxbl-col-sm-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
    }
    .dxbl-col-sm-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width: 768px) {
    .dxbl-col-md {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
    }
    .dxbl-col-md-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
    }
    .dxbl-col-md-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .dxbl-col-md-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
    .dxbl-col-md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .dxbl-col-md-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
    }
    .dxbl-col-md-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
    .dxbl-col-md-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
    }
    .dxbl-col-md-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
    }
    .dxbl-col-md-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }
    .dxbl-col-md-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
    }
    .dxbl-col-md-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
    }
    .dxbl-col-md-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width: 992px) {
    .dxbl-col-lg {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
    }
    .dxbl-col-lg-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
    }
    .dxbl-col-lg-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .dxbl-col-lg-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
    .dxbl-col-lg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .dxbl-col-lg-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
    }
    .dxbl-col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
    .dxbl-col-lg-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
    }
    .dxbl-col-lg-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
    }
    .dxbl-col-lg-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }
    .dxbl-col-lg-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
    }
    .dxbl-col-lg-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
    }
    .dxbl-col-lg-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width: 1200px) {
    .dxbl-col-xl {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
    }
    .dxbl-col-xl-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
    }
    .dxbl-col-xl-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .dxbl-col-xl-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
    .dxbl-col-xl-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .dxbl-col-xl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
    }
    .dxbl-col-xl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
    .dxbl-col-xl-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
    }
    .dxbl-col-xl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
    }
    .dxbl-col-xl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }
    .dxbl-col-xl-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
    }
    .dxbl-col-xl-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
    }
    .dxbl-col-xl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width: 1400px) {
    .dxbl-col-xxl {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
    }
    .dxbl-col-xxl-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
    }
    .dxbl-col-xxl-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .dxbl-col-xxl-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
    .dxbl-col-xxl-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .dxbl-col-xxl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
    }
    .dxbl-col-xxl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
    .dxbl-col-xxl-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
    }
    .dxbl-col-xxl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
    }
    .dxbl-col-xxl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }
    .dxbl-col-xxl-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
    }
    .dxbl-col-xxl-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
    }
    .dxbl-col-xxl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width: 992px) {
    .dxbl-fl .dxbl-fl-item > .dxbl-fl-cpt {
        white-space: nowrap;
    }
    .dxbl-fl .dxbl-fl-item > .dxbl-fl-ctrl:not(img) {
        width: 100%;
    }
    .dxbl-fl .dxbl-fl-item > .dxbl-fl-ctrl {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    .dxbl-fl:not(.dxbl-fl-calc) .dxbl-fl-item > .dxbl-fl-cpt {
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
@media (min-width: 992px) {
    .dxbl-fl .dxbl-fl-item.dxbl-fl-item-horizontal {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    }
    .dxbl-fl .dxbl-fl-item.dxbl-fl-item-horizontal > .dxbl-fl-cpt {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }
    .dxbl-fl .dxbl-fl-item.dxbl-fl-item-horizontal > .dxbl-fl-empty-caption {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}
@media (max-width: 991.98px) {
    .dxbl-fl .dxbl-fl-item.dxbl-fl-item-horizontal {
        --dxbl-fl-caption-padding-x: 0;
        --dxbl-fl-caption-padding-top: 0;
        --dxbl-fl-caption-padding-bottom: var(
            --dxbl-fl-caption-vertical-padding-bottom
        );
    }
}
.dxbl-scheduler {
    --dxbl-scheduler-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-scheduler-font-family: var(--DS-font-family-sans-serif);
    --dxbl-scheduler-font-size: var(--DS-font-size-body-1);
    --dxbl-scheduler-background-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-scheduler-today-indicator-bg-color: var(
        --DS-color-surface-primary-default-rest
    );
    --dxbl-scheduler-today-indicator-height: var(--DS-sizing-30);
    --dxbl-scheduler-border-color: var(--DS-color-border-neutral-default-rest);
    --dxbl-scheduler-border-dashed-color: var(
        --DS-color-border-neutral-default-disabled
    );
    --dxbl-scheduler-time-line-border-color: var(
        --DS-color-surface-primary-default-rest
    );
    --dxbl-scheduler-border-style: solid;
    --dxbl-scheduler-border-dashed-style: dashed;
    --dxbl-scheduler-border-width: var(--DS-border-width-10);
    --dxbl-scheduler-border-radius: var(--DS-border-radius-60);
    --dxbl-scheduler-time-cell-width: var(--DS-sizing-300);
    --dxbl-scheduler-minute-cell-font-size-ratio: 0.75;
    --dxbl-scheduler-toolbar-fix-height: calc(2em + 4px);
    --dxbl-scheduler-header-date-cell-padding-top: var(--DS-sizing-40);
    --dxbl-scheduler-header-date-cell-padding-horizontal: var(--DS-sizing-120);
    --dxbl-scheduler-header-date-cell-padding-bottom: var(--DS-sizing-30);
    --dxbl-scheduler-header-resource-cell-padding-top: var(--DS-sizing-80);
    --dxbl-scheduler-header-resource-cell-padding-horizontal: var(
        --DS-sizing-80
    );
    --dxbl-scheduler-header-resource-cell-padding-bottom: var(--DS-sizing-70);
    --dxbl-scheduler-header-date-cell-gap: var(--DS-sizing-60);
    --dxbl-scheduler-header-month-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-scheduler-header-month-font-family: var(--DS-font-family-sans-serif);
    --dxbl-scheduler-header-month-font-size: var(--DS-font-size-subtitle-1);
    --dxbl-scheduler-header-month-font-weight: var(--DS-font-weight-subtitle-1);
    --dxbl-scheduler-header-month-line-height: var(--DS-line-height-subtitle-1);
    --dxbl-scheduler-header-day-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-scheduler-header-day-font-family: var(--DS-font-family-sans-serif);
    --dxbl-scheduler-header-day-font-size: var(--DS-font-size-subtitle-1);
    --dxbl-scheduler-header-day-font-weight: var(--DS-font-weight-subtitle-1);
    --dxbl-scheduler-header-day-line-height: var(--DS-line-height-subtitle-1);
    --dxbl-scheduler-header-weekday-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-scheduler-header-weekday-font-family: var(
        --DS-font-family-sans-serif
    );
    --dxbl-scheduler-header-weekday-font-size: var(--DS-font-size-body-1);
    --dxbl-scheduler-header-weekday-font-weight: var(--DS-font-weight-body-1);
    --dxbl-scheduler-header-weekday-line-height: var(--DS-line-height-body-1);
    --dxbl-scheduler-header-resource-font-family: var(
        --DS-font-family-sans-serif
    );
    --dxbl-scheduler-header-resource-font-size: var(
        --DS-font-size-body-1-strong
    );
    --dxbl-scheduler-header-resource-font-weight: var(
        --DS-font-weight-body-1-strong
    );
    --dxbl-scheduler-header-resource-line-height: var(
        --DS-line-height-body-1-strong
    );
    --dxbl-scheduler-table-time-cell-height: var(--DS-sizing-300);
    --dxbl-scheduler-month-table-time-cell-height: var(--DS-sizing-1600);
    --dxbl-scheduler-month-date-padding-top: var(--DS-sizing-40);
    --dxbl-scheduler-month-date-padding-horizontal: var(--DS-sizing-80);
    --dxbl-scheduler-month-date-padding-bottom: var(--DS-sizing-30);
    --dxbl-scheduler-month-date-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-scheduler-month-date-font-family: var(--DS-font-family-sans-serif);
    --dxbl-scheduler-month-date-font-size: var(--DS-font-size-caption-1);
    --dxbl-scheduler-month-date-font-weight: var(--DS-font-weight-caption-1);
    --dxbl-scheduler-month-date-line-height: var(--DS-line-height-caption-1);
    --dxbl-scheduler-month-weekday-padding-top: var(--DS-sizing-80);
    --dxbl-scheduler-month-weekday-padding-horizontal: var(--DS-sizing-80);
    --dxbl-scheduler-month-weekday-padding-bottom: var(--DS-sizing-70);
    --dxbl-scheduler-month-header-weekday-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-scheduler-month-header-weekday-font-family: var(
        --DS-font-family-sans-serif
    );
    --dxbl-scheduler-month-header-weekday-font-size: var(--DS-font-size-body-1);
    --dxbl-scheduler-month-header-weekday-font-weight: var(
        --DS-font-weight-body-1
    );
    --dxbl-scheduler-month-header-weekday-line-height: var(
        --DS-line-height-body-1
    );
    --dxbl-scheduler-month-resource-header-vertical-padding-left: var(
        --DS-sizing-80
    );
    --dxbl-scheduler-month-resource-header-vertical-padding-vertical: var(
        --DS-sizing-80
    );
    --dxbl-scheduler-month-resource-header-vertical-padding-right: var(
        --DS-sizing-70
    );
    --dxbl-scheduler-month-resource-header-vertical-font-family: var(
        --DS-font-family-sans-serif
    );
    --dxbl-scheduler-month-resource-header-vertical-font-size: var(
        --DS-font-size-body-1-strong
    );
    --dxbl-scheduler-month-resource-header-vertical-font-weight: var(
        --DS-font-weight-body-1-strong
    );
    --dxbl-scheduler-month-resource-header-vertical-line-height: var(
        --DS-line-height-body-1-strong
    );
    --dxbl-scheduler-month-resource-header-vertical-border-width: var(
        --DS-border-width-10
    );
    --dxbl-scheduler-month-resource-header-vertical-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-scheduler-timeline-table-time-cell-height: var(--DS-sizing-1600);
    --dxbl-scheduler-timeline-header-cell-padding-top: var(--DS-sizing-80);
    --dxbl-scheduler-timeline-header-cell-padding-horizontal: var(
        --DS-sizing-80
    );
    --dxbl-scheduler-timeline-header-cell-padding-bottom: var(--DS-sizing-70);
    --dxbl-scheduler-timeline-header-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-scheduler-timeline-header-font-family: var(
        --DS-font-family-sans-serif
    );
    --dxbl-scheduler-timeline-header-font-size: var(--DS-font-size-body-1);
    --dxbl-scheduler-timeline-header-font-weight: var(--DS-font-weight-body-1);
    --dxbl-scheduler-timeline-header-line-height: var(--DS-line-height-body-1);
    --dxbl-scheduler-table-cell-padding: var(--DS-sizing-40);
    --dxbl-scheduler-table-hour-cell-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-scheduler-table-hour-cell-font-family: var(
        --DS-font-family-sans-serif
    );
    --dxbl-scheduler-table-hour-cell-font-size: var(--DS-font-size-body-2);
    --dxbl-scheduler-table-hour-cell-font-weight: var(--DS-font-weight-body-2);
    --dxbl-scheduler-table-hour-cell-line-height: var(--DS-line-height-body-2);
    --dxbl-scheduler-table-minute-cell-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-scheduler-table-minute-cell-font-family: var(
        --DS-font-family-sans-serif
    );
    --dxbl-scheduler-table-minute-cell-font-size: var(--DS-font-size-caption-1);
    --dxbl-scheduler-table-minute-cell-font-weight: var(
        --DS-font-weight-caption-1
    );
    --dxbl-scheduler-table-minute-cell-line-height: var(
        --DS-line-height-caption-1
    );
    --dxbl-scheduler-appointment-paddings-size: var(--DS-sizing-20);
    --dxbl-scheduler-appointment-border-radius: var(
        --DS-border-radius-theme-builder-default
    );
    --dxbl-scheduler-appointment-opacity: var(--DS-opacity-90);
    --dxbl-scheduler-appointment-opacity-selected: var(--DS-opacity-90);
    --dxbl-scheduler-appointment-opacity-disabled: var(--DS-opacity-40);
    --dxbl-scheduler-appointment-status-indicator-width: var(--DS-sizing-60);
    --dxbl-scheduler-appointment-status-indicator-border-radius-left: var(
        --DS-border-radius-theme-builder-default
    );
    --dxbl-scheduler-appointment-status-indicator-border-radius-right: var(
        --DS-border-radius-0
    );
    --dxbl-scheduler-status-indicator-border-width: var(--DS-border-width-10);
    --dxbl-scheduler-status-indicator-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-scheduler-appointment-content-wrapper-padding-vertical: var(
        --DS-sizing-40
    );
    --dxbl-scheduler-appointment-content-wrapper-padding-horizontal: var(
        --DS-sizing-40
    );
    --dxbl-scheduler-appointment-images-container-padding-vertical: var(
        --DS-sizing-40
    );
    --dxbl-scheduler-appointment-images-container-padding-horizontal: var(
        --DS-sizing-40
    );
    --dxbl-scheduler-appointment-content-wrapper-gap: var(--DS-sizing-20);
    --dxbl-scheduler-appointment-subject-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-scheduler-appointment-subject-font-family: var(
        --DS-font-family-sans-serif
    );
    --dxbl-scheduler-appointment-subject-font-size: var(
        --DS-font-size-caption-1-strong
    );
    --dxbl-scheduler-appointment-subject-font-weight: var(
        --DS-font-weight-caption-1-strong
    );
    --dxbl-scheduler-appointment-subject-line-height: var(
        --DS-line-height-caption-1-strong
    );
    --dxbl-scheduler-appointment-time-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-scheduler-appointment-time-font-family: var(
        --DS-font-family-sans-serif
    );
    --dxbl-scheduler-appointment-time-font-size: var(
        --DS-font-size-caption-1-strong
    );
    --dxbl-scheduler-appointment-time-font-weight: var(
        --DS-font-weight-caption-1
    );
    --dxbl-scheduler-appointment-time-line-height: var(
        --DS-line-height-caption-1-strong
    );
    --dxbl-scheduler-appointment-description-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-scheduler-appointment-description-font-family: var(
        --DS-font-family-sans-serif
    );
    --dxbl-scheduler-appointment-description-font-size: var(
        --DS-font-size-caption-2
    );
    --dxbl-scheduler-appointment-description-font-weight: var(
        --DS-font-weight-caption-2
    );
    --dxbl-scheduler-appointment-description-line-height: var(
        --DS-line-height-caption-2
    );
    --dxbl-scheduler-appointment-icon-recurrence-width: var(--DS-sizing-160);
    --dxbl-scheduler-appointment-icon-recurrence-height: var(--DS-sizing-160);
    --dxbl-scheduler-appointment-focus-outline-color: var(
        --DS-color-theme-builder-focus
    );
    --dxbl-scheduler-appointment-focus-outline-size: var(
        --DS-border-width-theme-builder-focus
    );
    --dxbl-scheduler-appointment-dragged-outline-color: var(
        --DS-color-theme-builder-focus
    );
    --dxbl-scheduler-appointment-dragged-outline-size: var(
        --DS-border-width-theme-builder-focus
    );
    --dxbl-scheduler-focus-frame-color: var(--DS-color-theme-builder-focus);
    --dxbl-scheduler-focus-frame-size: var(--DS-border-width-10);
    --dxbl-scheduler-default-appointment-background-color: var(
        --DS-color-surface-primary-subdued-rest
    );
    --dxbl-scheduler-default-appointment-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
}
.dxbl-scheduler {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: var(--dxbl-scheduler-color);
    background-color: var(--dxbl-scheduler-background-color);
    border-radius: var(--dxbl-scheduler-border-radius);
    border: var(--dxbl-scheduler-border-width)
        var(--dxbl-scheduler-border-style) var(--dxbl-scheduler-border-color);
    font-family: var(--dxbl-scheduler-font-family);
    font-size: var(--dxbl-scheduler-font-size);
}
.dxbl-scheduler
    .dxbl-sc-scroll-container
    > .dxbl-sc-vertical-view
    > tbody
    > tr:first-child {
    border-top-width: 0;
}
.dxbl-scheduler
    .dxbl-sc-scroll-container
    > .dxbl-sc-vertical-view
    > tbody
    > tr:last-child,
.dxbl-scheduler
    .dxbl-sc-scroll-container
    > .dxbl-sc-vertical-view
    > tbody
    > tr:last-child
    > td,
.dxbl-scheduler
    .dxbl-sc-scroll-container
    > .dxbl-sc-vertical-view
    > tbody
    > tr:nth-last-of-type(2)
    > .dxbl-sc-hour-cell,
.dxbl-scheduler
    .dxbl-sc-scroll-container
    > .dxbl-sc-vertical-view
    > tbody
    > tr
    > .dxbl-sc-gr-sep-vertical {
    border-bottom-width: 0;
}
.dxbl-scheduler
    .dxbl-sc-scroll-container
    > .dxbl-sc-vertical-view
    > tbody
    > tr:nth-child(2n + 1) {
    border-bottom-width: 0;
}
.dxbl-scheduler
    .dxbl-sc-scroll-container
    > .dxbl-sc-vertical-view
    > tbody
    > tr:nth-child(2n + 1)
    > .dxbl-sc-minute-cell,
.dxbl-scheduler
    .dxbl-sc-scroll-container
    > .dxbl-sc-vertical-view
    > tbody
    > tr:nth-child(2n + 1)
    > .dxbl-sc-time-cell {
    border-bottom-width: var(--dxbl-scheduler-border-width);
}
.dxbl-scheduler
    .dxbl-sc-scroll-container
    > .dxbl-sc-vertical-view
    > tbody
    > tr:nth-child(2n) {
    border-top-width: 0;
}
.dxbl-scheduler .dxbl-sc-timecells-container {
    position: relative;
}
.dxbl-scheduler .dxbl-sc-timecells-container > div {
    position: relative;
    height: 100%;
}
.dxbl-scheduler .dxbl-sc-timecells-container > div .dxbl-sc-time-marker-image {
    top: -6px;
}
.dxbl-scheduler
    .dxbl-sc-timecells-container
    .dxbl-sc-horizontal-view
    > tbody
    > tr.dxbl-sc-arm {
    border-width: 0;
}
.dxbl-scheduler
    .dxbl-sc-timecells-container
    .dxbl-sc-horizontal-view
    > tbody
    > tr.dxbl-sc-arm
    + tr,
.dxbl-scheduler
    .dxbl-sc-timecells-container
    .dxbl-sc-horizontal-view
    > tbody
    > tr:first-child {
    border-top-width: 0;
}
.dxbl-scheduler
    .dxbl-sc-timecells-container
    .dxbl-sc-horizontal-view
    > tbody
    > tr:last-child {
    border-bottom-width: 0;
}
.dxbl-scheduler
    .dxbl-sc-timecells-container
    .dxbl-sc-horizontal-view
    > tbody
    > tr:last-child
    > td {
    border-bottom-width: 0;
}
.dxbl-scheduler .dxbl-sc-main-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}
.dxbl-scheduler
    .dxbl-sc-main-container.dxbl-sc-hidden-toolbar
    .dxbl-view
    .dxbl-sc-empty-cell
    .dxbl-sc-spacer,
.dxbl-scheduler
    .dxbl-sc-main-container.dxbl-sc-hidden-toolbar
    .dxbl-view
    .dxbl-sc-headers-scroll-area
    .dxbl-sc-headers-container
    table:first-child,
.dxbl-scheduler
    .dxbl-sc-main-container.dxbl-sc-hidden-toolbar
    .dxbl-view.dxbl-sc-timeline
    .dxbl-sc-headers-scroll-area
    .dxbl-sc-headers-container
    table:nth-child(2) {
    border-top-width: 0;
}
.dxbl-scheduler .dxbl-sc-tb-wrapper {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0.75rem;
}
.dxbl-scheduler .dxbl-sc-tb-wrapper > dxbl-toolbar {
    height: var(--dxbl-scheduler-toolbar-fix-height);
}
.dxbl-scheduler .dxbl-sc-horizontal-view {
    table-layout: fixed;
    margin-bottom: 0;
}
.dxbl-scheduler .dxbl-sc-horizontal-view.dxbl-sc-table {
    border-width: 0;
}
.dxbl-scheduler .dxbl-sc-horizontal-view > tbody > tr > td:first-child {
    border-left: 0;
}
.dxbl-scheduler .dxbl-sc-horizontal-view > tbody > tr > td:last-child {
    border-right: 0;
}
.dxbl-scheduler .dxbl-sc-vertical-view {
    table-layout: fixed;
    line-height: 1;
}
.dxbl-scheduler .dxbl-sc-vertical-view.dxbl-sc-table {
    border-width: 0;
}
.dxbl-scheduler .dxbl-sc-vertical-view > tbody > tr > td {
    border-top: 0;
    height: var(--dxbl-scheduler-table-time-cell-height, 30px);
}
.dxbl-scheduler .dxbl-sc-vertical-view > tbody > tr > td:first-child {
    border-left: 0;
}
.dxbl-scheduler .dxbl-sc-vertical-view > tbody > tr > td:last-child {
    border-right: 0;
}
.dxbl-scheduler .dxbl-sc-table tr > td.dxbl-date-hr:nth-last-child(-2n + 2),
.dxbl-scheduler
    .dxbl-sc-table
    tr
    > td.dxbl-horizontal-rh:nth-last-child(-2n + 2) {
    border-right: 0;
}
.dxbl-scheduler .dxbl-sc-all-day-area::before {
    content: ".";
    visibility: hidden;
}
.dxbl-scheduler .dxbl-sc-resource-hr {
    overflow: hidden;
    padding: var(--dxbl-scheduler-header-resource-cell-padding-top, 8px)
        var(--dxbl-scheduler-header-resource-cell-padding-horizontal, 8px)
        var(--dxbl-scheduler-header-resource-cell-padding-bottom, 7px)
        var(--dxbl-scheduler-header-resource-cell-padding-horizontal, 8px) !important;
    font-family: var(--dxbl-scheduler-header-resource-font-family, "Segoe UI");
    font-size: var(--dxbl-scheduler-header-resource-font-size, 14px);
    font-weight: var(--dxbl-scheduler-header-resource-font-weight, 600);
    line-height: var(--dxbl-scheduler-header-resource-line-height, 20px);
}
.dxbl-scheduler .dxbl-scroll-viewer-hor-scroll-bar,
.dxbl-scheduler .dxbl-scroll-viewer-vert-scroll-bar {
    z-index: 20;
}
.dxbl-scheduler .dxbl-sc-today.dxbl-sc-date-hr,
.dxbl-scheduler .dxbl-sc-today.dxbl-sc-time-cell {
    position: relative;
}
.dxbl-scheduler .dxbl-sc-today.dxbl-sc-date-hr::before,
.dxbl-scheduler .dxbl-sc-today.dxbl-sc-time-cell::before {
    content: "";
    background-color: var(--dxbl-scheduler-today-indicator-bg-color, #0f6cbd);
    position: absolute;
    height: var(--dxbl-scheduler-today-indicator-height, 3px);
    width: 100%;
    top: 0;
    left: 0;
}
.dxbl-scheduler .dxbl-sc-today.dxbl-sc-date-hr .dxbl-sc-date-hr-day,
.dxbl-scheduler .dxbl-sc-today.dxbl-sc-date-hr .dxbl-sc-date-hr-month,
.dxbl-scheduler .dxbl-sc-today.dxbl-sc-date-hr .dxbl-sc-date-hr-week,
.dxbl-scheduler .dxbl-sc-today.dxbl-sc-date-hr > div,
.dxbl-scheduler .dxbl-sc-today.dxbl-sc-time-cell .dxbl-sc-date-hr-day,
.dxbl-scheduler .dxbl-sc-today.dxbl-sc-time-cell .dxbl-sc-date-hr-month,
.dxbl-scheduler .dxbl-sc-today.dxbl-sc-time-cell .dxbl-sc-date-hr-week,
.dxbl-scheduler .dxbl-sc-today.dxbl-sc-time-cell > div {
    color: var(--dxbl-scheduler-today-indicator-bg-color, #0f6cbd);
}
.dxbl-scheduler .dxbl-sc-today .dxbl-date-cell-head {
    color: var(--dxbl-scheduler-today-indicator-bg-color, #0f6cbd);
}
.dxbl-scheduler .dxbl-sc-gr-sep-vertical {
    width: 16px;
    padding: 0;
    border-bottom: transparent;
}
.dxbl-scheduler .dxbl-sc-table tr > td.dxbl-sc-minute-cell {
    border-left: 0;
    width: var(--dxbl-scheduler-time-cell-width, 30px);
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    position: -webkit-sticky;
    position: sticky;
    left: var(--dxbl-scheduler-time-cell-width, 30px);
    background-color: var(--dxbl-scheduler-background-color);
    z-index: 15;
}
.dxbl-scheduler .dxbl-sc-table tr > td.dxbl-sc-minute-cell > span {
    color: var(--dxbl-scheduler-table-minute-cell-color, #161616);
    font-family: var(
        --dxbl-scheduler-table-minute-cell-font-family,
        "Segoe UI"
    );
    font-size: var(--dxbl-scheduler-table-minute-cell-font-size, 12px);
    font-weight: var(--dxbl-scheduler-table-minute-cell-font-weight, 400);
    line-height: var(--dxbl-scheduler-table-minute-cell-line-height, 16px);
    vertical-align: text-top;
}
.dxbl-scheduler .dxbl-sc-table tr > td.dxbl-sc-hour-cell {
    border-right: 0;
    width: var(--dxbl-scheduler-time-cell-width, 30px);
    text-align: right;
    white-space: nowrap;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    background-color: var(--dxbl-scheduler-background-color);
    z-index: 16;
}
.dxbl-scheduler .dxbl-sc-table tr > td.dxbl-sc-hour-cell > span {
    color: var(--dxbl-scheduler-table-hour-cell-color, #161616);
    font-family: var(--dxbl-scheduler-table-hour-cell-font-family, "Segoe UI");
    font-size: var(--dxbl-scheduler-table-hour-cell-font-size, 16px);
    font-weight: var(--dxbl-scheduler-table-hour-cell-font-weight, 400);
    line-height: var(--dxbl-scheduler-table-hour-cell-line-height, 22px);
}
.dxbl-scheduler .dxbl-hour-time-scale.dxbl-sc-table tr > td.dxbl-sc-hour-cell {
    border-right: var(--dxbl-scheduler-border-width)
        var(--dxbl-scheduler-border-style) var(--dxbl-scheduler-border-color);
    width: calc(var(--dxbl-scheduler-time-cell-width, 30px) * 2);
}
.dxbl-scheduler
    .dxbl-hour-time-scale.dxbl-sc-table
    tr
    > td.dxbl-sc-hour-cell
    > span {
    color: var(--dxbl-scheduler-table-hour-cell-color, #161616);
    font-family: var(--dxbl-scheduler-table-hour-cell-font-family, "Segoe UI");
    font-size: var(--dxbl-scheduler-table-hour-cell-font-size, 16px);
    font-weight: var(--dxbl-scheduler-table-hour-cell-font-weight, 400);
    line-height: var(--dxbl-scheduler-table-minute-cell-line-height, 16px);
}
.dxbl-scheduler
    .dxbl-hour-time-scale.dxbl-sc-table
    tr:not(:last-child)
    > td.dxbl-sc-hour-cell {
    border-bottom: var(--dxbl-scheduler-border-width)
        var(--dxbl-scheduler-border-style) var(--dxbl-scheduler-border-color) !important;
}
.dxbl-scheduler .dxbl-sc-time-rulers-caption {
    width: calc(var(--dxbl-scheduler-time-cell-width, 30px) * 2);
}
.dxbl-scheduler
    .dxbl-hour-time-scale.dxbl-sc-table
    tr
    > td.dxbl-sc-minute-cell {
    left: calc(var(--dxbl-scheduler-time-cell-width, 30px) * 2);
}
.dxbl-scheduler .dxbl-sc-hour-min-text-compact {
    display: none;
}
.dxbl-scheduler .dxbl-sc-date-hr-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    overflow: hidden;
}
.dxbl-scheduler .dxbl-sc-date-hr-month {
    color: var(--dxbl-scheduler-header-month-color, #3f3f3e);
    font-family: var(--dxbl-scheduler-header-month-font-family, "Segoe UI");
    font-size: var(--dxbl-scheduler-header-month-font-size, 20px);
    font-weight: var(--dxbl-scheduler-header-month-font-weight, 600);
    line-height: var(--dxbl-scheduler-header-month-line-height, 28px);
}
.dxbl-scheduler .dxbl-sc-date-hr-day {
    color: var(--dxbl-scheduler-header-day-color, #3f3f3e);
    font-family: var(--dxbl-scheduler-header-day-font-family, "Segoe UI");
    font-size: var(--dxbl-scheduler-header-day-font-size, 20px);
    font-weight: var(--dxbl-scheduler-header-day-font-weight, 600);
    line-height: var(--dxbl-scheduler-header-day-line-height, 28px);
}
.dxbl-scheduler .dxbl-sc-date-hr-week {
    color: var(--dxbl-scheduler-header-weekday-color, #3f3f3e);
    font-family: var(--dxbl-scheduler-header-weekday-font-family, "Segoe UI");
    font-size: var(--dxbl-scheduler-header-weekday-font-size, 14px);
    font-weight: var(--dxbl-scheduler-header-weekday-font-weight, 400);
    line-height: var(--dxbl-scheduler-header-weekday-line-height, 20px);
}
.dxbl-scheduler .dxbl-sc-date-hr-day,
.dxbl-scheduler .dxbl-sc-date-hr-month {
    margin-right: var(--dxbl-scheduler-header-date-cell-gap, 6px);
}
.dxbl-scheduler .dxbl-sc-dayview {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}
.dxbl-scheduler .dxbl-sc-dayview .dxbl-sc-date-hr {
    padding: var(--dxbl-scheduler-header-date-cell-padding-top, 4px)
        var(--dxbl-scheduler-header-date-cell-padding-horizontal, 12px)
        var(--dxbl-scheduler-header-date-cell-padding-bottom, 3px)
        var(--dxbl-scheduler-header-date-cell-padding-horizontal, 12px);
}
.dxbl-scheduler
    .dxbl-sc-dayview
    .dxbl-sc-headers-scroll-area
    .dxbl-sc-headers-container {
    position: relative;
}
.dxbl-scheduler
    .dxbl-sc-dayview
    .dxbl-sc-headers-scroll-area
    .dxbl-sc-headers-container
    .dxbl-sc-table.dxbl-sc-horizontal-view {
    border-top: var(--dxbl-scheduler-border-width)
        var(--dxbl-scheduler-border-style) var(--dxbl-scheduler-border-color);
    border-bottom: var(--dxbl-scheduler-border-width)
        var(--dxbl-scheduler-border-style) var(--dxbl-scheduler-border-color);
}
.dxbl-scheduler .dxbl-sc-dayview .dxbl-sc-time-rulers-caption {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    background-color: var(--dxbl-scheduler-background-color);
    z-index: 15;
    border-bottom: transparent;
}
.dxbl-scheduler .dxbl-sc-dayview > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-scheduler .dxbl-sc-dayview > div:last-child {
    height: 100%;
    overflow: hidden;
}
.dxbl-scheduler .dxbl-sc-hour-boundary {
    border-style: solid;
}
.dxbl-scheduler .dxbl-sc-time-marker-line {
    width: 100%;
    border-style: var(--dxbl-scheduler-border-dashed-style);
    border-width: 1px 0 0;
    border-color: var(--dxbl-scheduler-time-line-border-color);
}
.dxbl-scheduler .dxbl-sc-time-marker {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
}
.dxbl-scheduler .dxbl-sc-time-indicator {
    position: absolute;
}
.dxbl-scheduler .dxbl-sc-time-indicator-line {
    width: 100%;
    height: 2px;
    background-color: var(--dxbl-scheduler-primary-color);
}
.dxbl-scheduler .dxbl-sc-time-marker-image {
    height: 12px;
    width: 12px;
    border-radius: 100%;
    border: 2px solid var(--dxbl-scheduler-time-marker-border-color);
    background-color: var(--dxbl-scheduler-primary-color);
    z-index: 10;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.dxbl-scheduler .dxbl-sc-month {
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.dxbl-scheduler .dxbl-sc-month .dxbl-sc-weekday {
    padding: var(--dxbl-scheduler-month-weekday-padding-top, 8px)
        var(--dxbl-scheduler-month-weekday-padding-horizontal, 8px)
        var(--dxbl-scheduler-month-weekday-padding-bottom, 7px)
        var(--dxbl-scheduler-month-weekday-padding-horizontal, 8px);
    color: var(--dxbl-scheduler-month-header-weekday-color, #3f3f3e);
    font-family: var(
        --dxbl-scheduler-month-header-weekday-font-family,
        "Segoe UI"
    );
    font-size: var(--dxbl-scheduler-month-header-weekday-font-size, 14px);
    font-weight: var(--dxbl-scheduler-month-header-weekday-font-weight, 400);
    line-height: var(--dxbl-scheduler-month-header-weekday-line-height, 20px);
}
.dxbl-scheduler .dxbl-sc-month .dxbl-sc-time-cell {
    height: var(--dxbl-scheduler-month-table-time-cell-height, 160px);
    padding: 0;
}
.dxbl-scheduler .dxbl-sc-month .dxbl-sc-time-cell .dxbl-date-cell-head {
    padding: var(--dxbl-scheduler-month-date-padding-top, 4px)
        var(--dxbl-scheduler-month-date-padding-horizontal, 8px)
        var(--dxbl-scheduler-month-date-padding-bottom, 3px)
        var(--dxbl-scheduler-month-date-padding-horizontal, 8px);
    color: var(--dxbl-scheduler-month-date-color, #161616);
    font-family: var(--dxbl-scheduler-month-date-font-family, "Segoe UI");
    font-size: var(--dxbl-scheduler-month-date-font-size, 12px);
    font-weight: var(--dxbl-scheduler-month-date-font-weight, 400);
    line-height: var(--dxbl-scheduler-month-date-line-height, 16px);
}
.dxbl-scheduler .dxbl-sc-month .dxbl-sc-headers {
    table-layout: fixed;
    margin-bottom: 0;
}
.dxbl-scheduler .dxbl-sc-month .dxbl-sc-headers > tbody > tr > td {
    border-left-style: none;
}
.dxbl-scheduler .dxbl-sc-month .dxbl-sc-headers > tbody > tr > td:last-child {
    border-right-style: none;
}
.dxbl-scheduler
    .dxbl-sc-month
    .dxbl-sc-headers-scroll-area
    .dxbl-sc-headers-container
    .dxbl-sc-table.dxbl-sc-headers {
    border-top: var(--dxbl-scheduler-border-width)
        var(--dxbl-scheduler-border-style) var(--dxbl-scheduler-border-color);
    border-bottom: var(--dxbl-scheduler-border-width)
        var(--dxbl-scheduler-border-style) var(--dxbl-scheduler-border-color);
}
.dxbl-scheduler
    .dxbl-sc-month
    .dxbl-sc-horizontal-view
    > tbody
    > tr:first-child
    > td {
    border-top-style: none;
}
.dxbl-scheduler .dxbl-sc-month > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-scheduler .dxbl-sc-month > div:last-child {
    height: 100%;
    overflow: hidden;
}
.dxbl-scheduler .dxbl-sc-timeline {
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.dxbl-scheduler .dxbl-sc-timeline > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-scheduler .dxbl-sc-timeline > div:last-child {
    height: 100%;
    overflow: hidden;
}
.dxbl-scheduler .dxbl-sc-timeline .dxbl-sc-timescale {
    table-layout: fixed;
    margin-bottom: 0;
}
.dxbl-scheduler
    .dxbl-sc-timeline
    .dxbl-sc-horizontal-view
    > tbody
    > tr:first-child
    > td {
    padding: 0;
    border-style: none;
}
.dxbl-scheduler
    .dxbl-sc-timeline
    .dxbl-sc-horizontal-view
    > tbody
    > tr:nth-child(2)
    > td {
    border-top-style: none;
}
.dxbl-scheduler
    .dxbl-sc-timeline
    .dxbl-sc-horizontal-view
    > tbody
    > tr:not(:first-child)
    > td {
    height: var(--dxbl-scheduler-timeline-table-time-cell-height, 160px);
}
.dxbl-scheduler .dxbl-sc-timeline .dxbl-sc-resource-headers > tbody > tr > td {
    border-left-style: none;
    height: var(--dxbl-scheduler-timeline-table-time-cell-height, 160px);
}
.dxbl-scheduler .dxbl-sc-timeline .dxbl-sc-date-hr {
    padding: var(--dxbl-scheduler-timeline-header-cell-padding-top, 8px)
        var(--scheduler-header-time-cell-layout-outer-box-horizontal, 8px)
        var(--scheduler-header-time-cell-layout-outer-box-bottom, 7px)
        var(--scheduler-header-time-cell-layout-outer-box-horizontal, 8px);
    color: var(--dxbl-scheduler-timeline-header-color, #3f3f3e);
    font-family: var(--dxbl-scheduler-timeline-header-font-family, "Segoe UI");
    font-size: var(--dxbl-scheduler-timeline-header-font-size, 14px);
    font-weight: var(--dxbl-scheduler-timeline-header-font-weight, 400);
    line-height: var(--dxbl-scheduler-timeline-header-line-height, 20px);
}
.dxbl-scheduler .dxbl-sc-timeline .dxbl-sc-date-hr > div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.dxbl-scheduler
    .dxbl-sc-timeline
    .dxbl-sc-headers-container
    table.dxbl-sc-timescale:nth-of-type(n + 2)
    > tbody
    > tr:first-child {
    border-top-width: 0;
}
.dxbl-scheduler .dxbl-sc-timeline .dxbl-sc-headers-container > div {
    position: relative;
}
.dxbl-scheduler
    .dxbl-sc-timeline
    .dxbl-sc-headers-container
    > div
    .dxbl-sc-time-marker-image {
    bottom: -6px;
}
.dxbl-scheduler
    .dxbl-sc-timeline
    .dxbl-sc-headers-container
    .dxbl-sc-table.dxbl-sc-timescale {
    border-top: var(--dxbl-scheduler-border-width)
        var(--dxbl-scheduler-border-style) var(--dxbl-scheduler-border-color);
}
.dxbl-scheduler
    .dxbl-sc-timeline
    .dxbl-sc-headers-container
    .dxbl-sc-table.dxbl-sc-timescale:last-child {
    border-bottom: var(--dxbl-scheduler-border-width)
        var(--dxbl-scheduler-border-style) var(--dxbl-scheduler-border-color);
}
.dxbl-scheduler .dxbl-sc-timeline .dxbl-sc-time-marker-image,
.dxbl-scheduler .dxbl-sc-timeline .dxbl-sc-time-marker-line {
    display: none;
    position: absolute;
}
.dxbl-scheduler .dxbl-sc-timeline .dxbl-sc-time-marker-line {
    width: unset;
    top: 0;
    bottom: 0;
    border-width: 0 1px 0 0;
}
.dxbl-scheduler .dxbl-sc-empty-cell {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 29px;
}
.dxbl-scheduler .dxbl-sc-empty-cell .dxbl-sc-spacer {
    border-left-width: 0;
}
.dxbl-scheduler .dxbl-sc-resource-headers {
    table-layout: fixed;
    margin-bottom: 0;
}
.dxbl-scheduler .dxbl-sc-headers-scroll-area {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-scheduler .dxbl-sc-headers-container,
.dxbl-scheduler .dxbl-sc-resources-container {
    overflow: hidden;
}
.dxbl-scheduler .dxbl-sc-resources-scroll-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 29px;
}
.dxbl-scheduler .dxbl-rh-text-wrapper {
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dxbl-scheduler .dxbl-sc-apt {
    position: absolute;
    font-size: 0.9em;
    z-index: 8;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dxbl-scheduler .dxbl-sc-apt > div {
    position: relative;
    height: 100%;
}
.dxbl-scheduler .dxbl-sc-apt.dxbl-sc-horizontal-apt,
.dxbl-scheduler .dxbl-sc-apt.dxbl-sc-vertical-apt {
    padding: var(--dxbl-scheduler-appointment-paddings-size, 2px);
}
.dxbl-scheduler .dxbl-sc-apt .dxbl-sc-apt-one-line-text {
    white-space: nowrap;
    text-overflow: clip;
}
.dxbl-scheduler .dxbl-sc-apt .dxbl-apt-content {
    position: relative;
    overflow: hidden;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-scheduler .dxbl-sc-apt .dxbl-apt-bg {
    opacity: var(--dxbl-scheduler-appointment-opacity, 0.9);
    padding: 0;
    margin: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: var(--dxbl-scheduler-appointment-border-radius, 4px);
}
.dxbl-scheduler .dxbl-sc-apt .dxbl-apt-bg.dxbl-apt-bg-default {
    background-color: var(
        --dxbl-scheduler-default-appointment-background-color
    );
    border-color: var(--dxbl-scheduler-default-appointment-border-color);
}
.dxbl-scheduler .dxbl-sc-apt .dxbl-bottom-handle,
.dxbl-scheduler .dxbl-sc-apt .dxbl-top-handle {
    cursor: n-resize;
    height: 5px;
    width: 100%;
    position: absolute;
    z-index: 10;
}
.dxbl-scheduler .dxbl-sc-apt .dxbl-bottom-handle {
    bottom: 0;
}
.dxbl-scheduler .dxbl-sc-apt .dxbl-left-handle,
.dxbl-scheduler .dxbl-sc-apt .dxbl-right-handle {
    cursor: e-resize;
    padding: 3px;
    z-index: 10;
    position: absolute;
    height: 100%;
}
.dxbl-scheduler .dxbl-sc-apt .dxbl-left-handle {
    margin-right: -6px;
}
.dxbl-scheduler .dxbl-sc-apt .dxbl-right-handle {
    margin-left: -6px;
    right: 0;
}
.dxbl-scheduler .dxbl-sc-apt .dxbl-apt-status-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 0;
    position: relative;
}
.dxbl-scheduler .dxbl-sc-apt .dxbl-apt-status {
    width: var(--dxbl-scheduler-appointment-status-indicator-width, 6px);
    height: 100%;
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    border-radius: var(
            --dxbl-scheduler-appointment-status-indicator-border-radius-left,
            4px
        )
        var(
            --dxbl-scheduler-appointment-status-indicator-border-radius-right,
            0
        )
        var(
            --dxbl-scheduler-appointment-status-indicator-border-radius-right,
            0
        )
        var(
            --dxbl-scheduler-appointment-status-indicator-border-radius-left,
            4px
        );
    border: var(--dxbl-scheduler-status-indicator-border-width, 1px) solid
        var(
            --dxbl-scheduler-status-indicator-border-color,
            rgba(255, 255, 254, 0)
        );
}
.dxbl-scheduler .dxbl-sc-apt .dxbl-sc-content-wrapper {
    padding: var(
            --dxbl-scheduler-appointment-content-wrapper-padding-vertical,
            4px
        )
        var(
            --dxbl-scheduler-appointment-content-wrapper-padding-horizontal,
            4px
        );
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
}
.dxbl-scheduler .dxbl-sc-apt .dxbl-sc-content-wrapper > div:not(:last-child) {
    margin-bottom: var(--dxbl-scheduler-appointment-content-wrapper-gap, 2px);
}
.dxbl-scheduler .dxbl-sc-apt-container {
    height: 100%;
}
.dxbl-scheduler .dxbl-sc-apt-hovered .dxbl-apt-bg {
    opacity: 0.7;
}
.dxbl-scheduler .dxbl-sc-apt-subject {
    color: var(--dxbl-scheduler-appointment-subject-color, #161616);
    font-family: var(
        --dxbl-scheduler-appointment-subject-font-family,
        "Segoe UI"
    );
    font-size: var(--dxbl-scheduler-appointment-subject-font-size, 12px);
    font-weight: var(--dxbl-scheduler-appointment-subject-font-weight, 600);
    line-height: var(--dxbl-scheduler-appointment-subject-line-height, 16px);
    overflow: hidden;
    min-height: var(--dxbl-scheduler-appointment-subject-line-height, 16px);
    max-height: min(
        40%,
        var(--dxbl-scheduler-appointment-subject-line-height, 16px) * 2
    );
}
.dxbl-scheduler .dxbl-sc-apt-time {
    color: var(--dxbl-scheduler-appointment-time-color, #161616);
    font-family: var(--dxbl-scheduler-appointment-time-font-family, "Segoe UI");
    font-size: var(--dxbl-scheduler-appointment-time-font-size, 12px);
    font-weight: var(--dxbl-scheduler-appointment-time-font-weight, 400);
    line-height: var(--dxbl-scheduler-appointment-time-line-height, 16px);
    overflow: hidden;
}
.dxbl-scheduler .dxbl-sc-apt-description {
    color: var(--dxbl-scheduler-appointment-description-color, #161616);
    font-family: var(
        --dxbl-scheduler-appointment-description-font-family,
        "Segoe UI"
    );
    font-size: var(--dxbl-scheduler-appointment-description-font-size, 10px);
    font-weight: var(--dxbl-scheduler-appointment-description-font-weight, 400);
    line-height: var(
        --dxbl-scheduler-appointment-description-line-height,
        14px
    );
}
.dxbl-scheduler .dxbl-sc-apt-images-container {
    line-height: 1;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding: var(
            --dxbl-scheduler-appointment-images-container-padding-vertical,
            4px
        )
        var(
            --dxbl-scheduler-appointment-images-container-padding-horizontal,
            4px
        );
}
.dxbl-scheduler .dxbl-apt-exception,
.dxbl-scheduler .dxbl-apt-recurrence {
    width: var(--dxbl-scheduler-appointment-icon-recurrence-width, 16px);
    height: var(--dxbl-scheduler-appointment-icon-recurrence-height, 16px);
}
.dxbl-scheduler .dxbl-sc-apt-compact .dxbl-sc-content-wrapper * {
    display: none;
}
.dxbl-scheduler
    .dxbl-sc-horizontal-apt
    .dxbl-sc-apt-compact
    .dxbl-sc-content-wrapper {
    min-height: 2em;
}
.dxbl-scheduler .dxbl-week-button {
    width: 35px;
    height: 35px;
    margin-bottom: 5px;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-flow: wrap-reverse;
    -ms-flex-flow: wrap-reverse;
    flex-flow: wrap-reverse;
}
.dxbl-scheduler .dxbl-sc-spacer {
    border: var(--dxbl-scheduler-border-width)
        var(--dxbl-scheduler-border-style) var(--dxbl-scheduler-border-color);
    width: 100%;
    height: 100%;
}
.dxbl-scheduler .dxbl-sc-time-marker-wrapper-invisible {
    display: none;
}
.dxbl-scheduler .dxbl-sc-table {
    width: 100%;
    vertical-align: top;
    border-color: var(--dxbl-scheduler-border-color);
    border-style: var(--dxbl-scheduler-border-style);
    border-width: 0;
    border-spacing: 0;
    border-collapse: separate;
}
.dxbl-scheduler .dxbl-sc-table > tbody {
    vertical-align: inherit;
}
.dxbl-scheduler .dxbl-sc-table > tbody,
.dxbl-scheduler .dxbl-sc-table > tfoot,
.dxbl-scheduler .dxbl-sc-table > thead {
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
}
.dxbl-scheduler .dxbl-sc-table > tbody > tr,
.dxbl-scheduler .dxbl-sc-table > tfoot > tr,
.dxbl-scheduler .dxbl-sc-table > thead > tr {
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
}
.dxbl-scheduler .dxbl-sc-table > tbody > tr > td,
.dxbl-scheduler .dxbl-sc-table > tbody > tr > th,
.dxbl-scheduler .dxbl-sc-table > tfoot > tr > td,
.dxbl-scheduler .dxbl-sc-table > tfoot > tr > th,
.dxbl-scheduler .dxbl-sc-table > thead > tr > td,
.dxbl-scheduler .dxbl-sc-table > thead > tr > th {
    padding: var(--dxbl-scheduler-table-cell-padding, 4px);
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
    border-bottom-width: var(--dxbl-scheduler-border-width);
    border-right-width: var(--dxbl-scheduler-border-width);
}
.dxbl-scheduler .dxbl-sc-table > tbody > tr > td:last-child,
.dxbl-scheduler .dxbl-sc-table > tbody > tr > th:last-child,
.dxbl-scheduler .dxbl-sc-table > tfoot > tr > td:last-child,
.dxbl-scheduler .dxbl-sc-table > tfoot > tr > th:last-child,
.dxbl-scheduler .dxbl-sc-table > thead > tr > td:last-child,
.dxbl-scheduler .dxbl-sc-table > thead > tr > th:last-child {
    border-right-width: 0;
}
.dxbl-scheduler .dxbl-sc-table > tbody > tr > td.dxbl-sc-dashed-cell,
.dxbl-scheduler .dxbl-sc-table > tbody > tr > th.dxbl-sc-dashed-cell,
.dxbl-scheduler .dxbl-sc-table > tfoot > tr > td.dxbl-sc-dashed-cell,
.dxbl-scheduler .dxbl-sc-table > tfoot > tr > th.dxbl-sc-dashed-cell,
.dxbl-scheduler .dxbl-sc-table > thead > tr > td.dxbl-sc-dashed-cell,
.dxbl-scheduler .dxbl-sc-table > thead > tr > th.dxbl-sc-dashed-cell {
    border-bottom-style: var(--dxbl-scheduler-border-dashed-style);
    border-bottom-color: var(--dxbl-scheduler-border-dashed-color);
}
.dxbl-scheduler .dxbl-sc-table > tbody > tr > td.dxbl-v-resource-header,
.dxbl-scheduler .dxbl-sc-table > tbody > tr > th.dxbl-v-resource-header,
.dxbl-scheduler .dxbl-sc-table > tfoot > tr > td.dxbl-v-resource-header,
.dxbl-scheduler .dxbl-sc-table > tfoot > tr > th.dxbl-v-resource-header,
.dxbl-scheduler .dxbl-sc-table > thead > tr > td.dxbl-v-resource-header,
.dxbl-scheduler .dxbl-sc-table > thead > tr > th.dxbl-v-resource-header {
    overflow: hidden;
    padding: var(
            --dxbl-scheduler-month-resource-header-vertical-padding-vertical,
            8px
        )
        var(--dxbl-scheduler-month-resource-header-vertical-padding-right, 7px)
        var(
            --dxbl-scheduler-month-resource-header-vertical-padding-vertical,
            8px
        )
        var(--dxbl-scheduler-month-resource-header-vertical-padding-left, 8px);
    border-right: var(
            --dxbl-scheduler-month-resource-header-vertical-border-width,
            1px
        )
        solid
        var(
            --dxbl-scheduler-month-resource-header-vertical-border-color,
            #d3d3d2
        );
}
.dxbl-scheduler
    .dxbl-sc-table
    > tbody
    > tr
    > td.dxbl-v-resource-header
    .dxbl-resource-header-content,
.dxbl-scheduler
    .dxbl-sc-table
    > tbody
    > tr
    > th.dxbl-v-resource-header
    .dxbl-resource-header-content,
.dxbl-scheduler
    .dxbl-sc-table
    > tfoot
    > tr
    > td.dxbl-v-resource-header
    .dxbl-resource-header-content,
.dxbl-scheduler
    .dxbl-sc-table
    > tfoot
    > tr
    > th.dxbl-v-resource-header
    .dxbl-resource-header-content,
.dxbl-scheduler
    .dxbl-sc-table
    > thead
    > tr
    > td.dxbl-v-resource-header
    .dxbl-resource-header-content,
.dxbl-scheduler
    .dxbl-sc-table
    > thead
    > tr
    > th.dxbl-v-resource-header
    .dxbl-resource-header-content {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    height: 100%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end;
}
.dxbl-scheduler
    .dxbl-sc-table
    > tbody
    > tr
    > td.dxbl-v-resource-header
    .dxbl-resource-header-content
    > span,
.dxbl-scheduler
    .dxbl-sc-table
    > tbody
    > tr
    > th.dxbl-v-resource-header
    .dxbl-resource-header-content
    > span,
.dxbl-scheduler
    .dxbl-sc-table
    > tfoot
    > tr
    > td.dxbl-v-resource-header
    .dxbl-resource-header-content
    > span,
.dxbl-scheduler
    .dxbl-sc-table
    > tfoot
    > tr
    > th.dxbl-v-resource-header
    .dxbl-resource-header-content
    > span,
.dxbl-scheduler
    .dxbl-sc-table
    > thead
    > tr
    > td.dxbl-v-resource-header
    .dxbl-resource-header-content
    > span,
.dxbl-scheduler
    .dxbl-sc-table
    > thead
    > tr
    > th.dxbl-v-resource-header
    .dxbl-resource-header-content
    > span {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-family: var(
        --dxbl-scheduler-month-resource-header-vertical-font-family,
        "Segoe UI"
    );
    font-size: var(
        --dxbl-scheduler-month-resource-header-vertical-font-size,
        14px
    );
    font-weight: var(
        --dxbl-scheduler-month-resource-header-vertical-font-weight,
        600
    );
    line-height: var(
        --dxbl-scheduler-month-resource-header-vertical-line-height,
        20px
    );
}
.dxbl-scheduler .dxbl-sc-table > tbody > tr:last-child > td,
.dxbl-scheduler .dxbl-sc-table > tfoot > tr:last-child > td,
.dxbl-scheduler .dxbl-sc-table > thead > tr:last-child > td {
    border-bottom-width: 0;
}
@media (max-width: 560px) {
    .dxbl-scheduler .dxbl-sc-table tr > td.dxbl-sc-hour-cell,
    .dxbl-scheduler .dxbl-sc-table tr > td.dxbl-sc-minute-cell,
    .dxbl-scheduler .dxbl-sc-table tr > td.dxbl-sc-time-rulers-caption {
        padding: 0.125rem;
    }
    .dxbl-scheduler .dxbl-sc-table tr > td.dxbl-sc-hour-cell > span,
    .dxbl-scheduler .dxbl-sc-table tr > td.dxbl-sc-minute-cell > span,
    .dxbl-scheduler .dxbl-sc-table tr > td.dxbl-sc-time-rulers-caption > span {
        font-size: 0.55rem !important;
    }
    .dxbl-scheduler .dxbl-sc-table tr > td.dxbl-sc-time-rulers-caption,
    .dxbl-scheduler
        .dxbl-sc-table.dxbl-hour-time-scale
        tr
        > td.dxbl-sc-hour-cell {
        width: var(--dxbl-scheduler-time-cell-width, 30px);
    }
    .dxbl-scheduler
        .dxbl-sc-table.dxbl-hour-time-scale
        tr
        > td.dxbl-sc-minute-cell {
        left: var(--dxbl-scheduler-time-cell-width, 30px);
    }
    .dxbl-scheduler
        .dxbl-sc-table:not(.dxbl-hour-time-scale)
        tr
        > td.dxbl-sc-hour-cell {
        width: calc(var(--dxbl-scheduler-time-cell-width, 30px) * 0.5);
    }
    .dxbl-scheduler
        .dxbl-sc-table:not(.dxbl-hour-time-scale)
        tr
        > td.dxbl-sc-minute-cell {
        width: calc(var(--dxbl-scheduler-time-cell-width, 30px) * 0.5);
        left: calc(var(--dxbl-scheduler-time-cell-width, 30px) * 0.5);
    }
    .dxbl-scheduler .dxbl-sc-hour-min-text-compact {
        display: initial;
    }
    .dxbl-scheduler .dxbl-sc-hour-text,
    .dxbl-scheduler .dxbl-sc-minute-cell span {
        display: none;
    }
    .dxbl-scheduler .dxbl-sc-dayview .dxbl-sc-date-hr {
        padding-left: 0;
        padding-right: 0;
    }
    .dxbl-scheduler .dxbl-sc-date-hr-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 0.7rem;
    }
    .dxbl-scheduler .dxbl-sc-date-hr-wrapper .dxbl-sc-date-hr-month {
        display: none;
    }
    .dxbl-scheduler .dxbl-sc-date-hr-wrapper .dxbl-sc-date-hr-day,
    .dxbl-scheduler .dxbl-sc-date-hr-wrapper .dxbl-sc-date-hr-month {
        margin-right: 0;
    }
    .dxbl-scheduler .dxbl-sc-date-hr-wrapper .dxbl-sc-date-hr-day {
        font-size: 0.9rem;
    }
}
@media (max-height: 320px) {
    .dxbl-scheduler
        .dxbl-toolbar-dialog
        .dxbl-resource-navigator
        .dxbl-list-box,
    .dxbl-scheduler
        .dxbl-toolbar-dialog
        .dxbl-resource-navigator
        .dxbl-listbox {
        max-height: 140px !important;
    }
}
.dxbl-itemlist-dropdown
    > .dxbl-dropdown-dialog.dxbl-toolbar-dropdown-item
    > .dxbl-dropdown-body {
    padding: 0;
}
.dxbl-date-navigator {
    --dxbl-scheduler-dn-color-item-width: var(--DS-sizing-50);
    --dxbl-scheduler-dn-color-item-height: var(--DS-sizing-50);
    --dxbl-scheduler-dn-color-item-border-radius: var(--DS-border-radius-full);
    --dxbl-scheduler-dn-color-item-icon-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-scheduler-dn-color-item-container-padding-bottom: var(
        --DS-sizing-20
    );
    --dxbl-scheduler-dn-color-item-container-gap: var(--DS-sizing-20);
}
.dxbl-date-navigator .dxbl-calendar-day {
    position: relative;
}
.dxbl-date-navigator .dxbl-apt-labels-container {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: var(--dxbl-scheduler-dn-color-item-height, 5px);
    width: calc(100% - 2 * var(--dxbl-calendar-content-cell-padding));
    bottom: calc(0px + var(--dxbl-calendar-content-cell-padding));
    margin-bottom: var(
        --dxbl-scheduler-dn-color-item-container-padding-bottom,
        2px
    );
}
.dxbl-date-navigator .dxbl-apt-labels-container > span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: var(--dxbl-scheduler-dn-color-item-width, 5px);
    height: var(--dxbl-scheduler-dn-color-item-height, 5px);
    border-radius: var(--dxbl-scheduler-dn-color-item-border-radius, 9999px);
}
.dxbl-date-navigator .dxbl-apt-labels-container > span:nth-last-child(n + 2) {
    margin-right: var(
        --dxbl-scheduler-dn-color-item-container-padding-gap,
        2px
    );
}
.dxbl-date-navigator .dxbl-more-labels-container {
    position: relative;
}
.dxbl-date-navigator .dxbl-more-labels-container svg {
    width: var(--dxbl-scheduler-dn-color-item-width, 5px);
    height: var(--dxbl-scheduler-dn-color-item-height, 5px);
    fill: var(--dxbl-scheduler-dn-color-item-icon-color, #d3d3d2);
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}
.dxbl-resource-navigator {
    --dxbl-scheduler-rn-width: 320px;
    --dxbl-scheduler-rn-max-height: 300px;
    --dxbl-scheduler-rn-body-padding-top: var(--DS-sizing-100);
    --dxbl-scheduler-rn-body-padding-bottom: var(--DS-sizing-0);
    --dxbl-scheduler-rn-body-padding-horizontal: var(--DS-sizing-100);
    --dxbl-scheduler-rn-footer-padding-top: var(--DS-sizing-120);
    --dxbl-scheduler-rn-footer-padding-bottom: var(--DS-sizing-160);
    --dxbl-scheduler-rn-footer-padding-horizontal: var(--DS-sizing-160);
    --dxbl-scheduler-rn-footer-gap: var(--DS-sizing-120);
}
.dxbl-resource-navigator {
    width: var(--dxbl-scheduler-rn-width, 320px);
    max-height: var(--dxbl-scheduler-rn-max-height, 300px);
}
.dxbl-resource-navigator .dxbl-rn-body {
    padding: var(--dxbl-scheduler-rn-body-padding-top, 10px)
        var(--dxbl-scheduler-rn-body-padding-horizontal, 10px)
        var(--dxbl-scheduler-rn-body-padding-bottom, 0);
}
.dxbl-resource-navigator .dxbl-rn-footer {
    padding: var(--dxbl-scheduler-rn-footer-padding-top, 12px)
        var(--dxbl-scheduler-rn-footer-padding-horizontal, 16px)
        var(--dxbl-scheduler-rn-footer-padding-bottom, 16px);
}
.dxbl-resource-navigator .dxbl-rn-toolbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.dxbl-resource-navigator .dxbl-rn-toolbar > button:last-child {
    margin-left: var(--dxbl-scheduler-rn-footer-gap, 12px);
}
.dxbl-resource-navigator .dxbl-list-box {
    border: 0;
}
.dxbl-apt-edit-dialog {
    --dxbl-scheduler-edit-dialog-font-family: var(--DS-font-family-sans-serif);
    --dxbl-scheduler-edit-dialog-font-size: var(--DS-sizing-200);
    --dxbl-scheduler-edit-dialog-font-weight: 600;
    --dxbl-scheduler-edit-dialog-header-font-size: var(--DS-sizing-200);
    --dxbl-scheduler-edit-dialog-header-font-weight: var(--DS-sizing-200);
    --dxbl-scheduler-edit-dialog-header-border-top-radius: var(
        --DS-border-radius-60
    );
    --dxbl-scheduler-edit-dialog-header-border-bottom-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-scheduler-edit-dialog-header-border-bottom-style: solid;
    --dxbl-scheduler-edit-dialog-header-border-bottom-width: var(
        --DS-border-width-10
    );
    --dxbl-scheduler-edit-dialog-header-padding-top: var(--DS-sizing-240);
    --dxbl-scheduler-edit-dialog-header-padding-bottom: var(--DS-sizing-120);
    --dxbl-scheduler-edit-dialog-header-padding-left: var(--DS-sizing-240);
    --dxbl-scheduler-edit-dialog-header-padding-right: var(--DS-sizing-240);
    --dxbl-scheduler-edit-dialog-header-subject-padding-left: var(
        --DS-sizing-80
    );
    --dxbl-scheduler-edit-dialog-header-button-margin-left: var(
        --DS-sizing-120
    );
    --dxbl-scheduler-edit-dialog-header-go-back-button-padding-x: var(
        --DS-sizing-50
    );
    --dxbl-scheduler-edit-dialog-header-go-back-button-padding-y: var(
        --DS-sizing-50
    );
    --dxbl-scheduler-edit-dialog-header-expand-button-padding-x: var(
        --DS-sizing-50
    );
    --dxbl-scheduler-edit-dialog-header-expand-button-padding-y: var(
        --DS-sizing-50
    );
    --dxbl-scheduler-edit-dialog-header-recurrence-title-margin-left: var(
        --DS-sizing-120
    );
    --dxbl-scheduler-edit-dialog-content-padding-x: var(--DS-sizing-240);
    --dxbl-scheduler-edit-dialog-content-padding-y: var(--DS-sizing-240);
    --dxbl-scheduler-edit-dialog-label-icon-border-radius: 50%;
    --dxbl-scheduler-edit-dialog-item-with-icon-caption-padding-left: var(
        --DS-sizing-320
    );
    --dxbl-scheduler-edit-dialog-item-with-icon-padding-right: var(
        --DS-sizing-120
    );
    --dxbl-scheduler-edit-dialog-item-with-icon-padding-top: var(
        --DS-sizing-60
    );
    --dxbl-scheduler-edit-dialog-week-button-margin-right: var(--DS-sizing-80);
    --dxbl-scheduler-edit-dialog-week-button-width: var(--DS-sizing-320);
    --dxbl-scheduler-edit-dialog-week-button-height: var(--DS-sizing-320);
    --dxbl-scheduler-expand-button-border-color: transparent;
}
.dxbl-recurrent-apt-delete-dialog,
.dxbl-recurrent-apt-edit-dialog {
    --dxbl-scheduler-recurrent-apt-edit-dialog-button-margin-left: var(
        --DS-sizing-80
    );
}
.dxbl-apt-edit-dialog-label,
.dxbl-apt-edit-dialog-status {
    --dxbl-scheduler-edit-dialog-color-item-icon-margin-x: var(--DS-sizing-0);
    --dxbl-scheduler-edit-dialog-color-item-icon-margin-y: var(--DS-sizing-80);
    --dxbl-scheduler-edit-dialog-color-item-icon-width: var(--DS-sizing-160);
    --dxbl-scheduler-edit-dialog-color-item-icon-height: var(--DS-sizing-160);
    --dxbl-scheduler-edit-dialog-color-item-icon-border-radius: 50%;
}
.dxbl-scheduler-color.dxbl-apt-edit-dialog {
    font-family: var(--dxbl-scheduler-edit-dialog-font-family);
    font-size: var(--dxbl-scheduler-edit-dialog-font-size);
    font-weight: var(--dxbl-scheduler-edit-dialog-font-weight);
}
@media (max-width: 450px) {
    .dxbl-scheduler-color.dxbl-apt-edit-dialog {
        width: auto;
    }
}
.dxbl-scheduler-color.dxbl-apt-edit-dialog .dxbl-apt-edit-compact-dialog-header,
.dxbl-scheduler-color.dxbl-apt-edit-dialog .dxbl-apt-edit-dialog-header {
    padding: var(--dxbl-scheduler-edit-dialog-header-padding-top)
        var(--dxbl-scheduler-edit-dialog-header-padding-right)
        var(--dxbl-scheduler-edit-dialog-header-padding-bottom)
        var(--dxbl-scheduler-edit-dialog-header-padding-left);
    border-bottom: var(--dxbl-scheduler-edit-dialog-header-border-bottom-width)
        var(--dxbl-scheduler-edit-dialog-header-border-bottom-style)
        var(--dxbl-scheduler-edit-dialog-header-border-bottom-color);
    border-top-left-radius: var(
        --dxbl-scheduler-edit-dialog-header-border-top-radius
    );
    border-top-right-radius: var(
        --dxbl-scheduler-edit-dialog-header-border-top-radius
    );
    font-size: var(--dxbl-scheduler-edit-dialog-header-font-size);
    font-weight: var(--dxbl-scheduler-edit-dialog-header-font-weight);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-compact-dialog-header
    > .dxbl-apt-edit-dialog-recurrence-title,
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-compact-dialog-header
    > .dxbl-apt-edit-dialog-title,
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-dialog-header
    > .dxbl-apt-edit-dialog-recurrence-title,
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-dialog-header
    > .dxbl-apt-edit-dialog-title {
    font-size: var(--dxbl-scheduler-edit-dialog-header-font-size);
    font-weight: var(--dxbl-scheduler-edit-dialog-header-font-weight);
    margin-right: auto;
}
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-compact-dialog-header
    > .dxbl-apt-edit-dialog-recurrence-title,
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-dialog-header
    > .dxbl-apt-edit-dialog-recurrence-title {
    margin-left: var(
        --dxbl-scheduler-edit-dialog-header-recurrence-title-margin-left
    );
}
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-compact-dialog-header
    > .dxbl-btn,
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-dialog-header
    > .dxbl-btn {
    margin-left: var(--dxbl-scheduler-edit-dialog-header-button-margin-left);
}
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-compact-dialog-header
    > .dxbl-btn:first-child,
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-dialog-header
    > .dxbl-btn:first-child {
    --dxbl-btn-padding-x: var(
        --dxbl-scheduler-edit-dialog-header-go-back-button-padding-x
    );
    --dxbl-btn-padding-y: var(
        --dxbl-scheduler-edit-dialog-header-go-back-button-padding-y
    );
    margin-left: 0;
}
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-compact-dialog-header
    > .dxbl-btn.dxbl-expand-button,
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-dialog-header
    > .dxbl-btn.dxbl-expand-button {
    --dxbl-btn-padding-x: var(
        --dxbl-scheduler-edit-dialog-header-expand-button-padding-x
    );
    --dxbl-btn-padding-y: var(
        --dxbl-scheduler-edit-dialog-header-expand-button-padding-y
    );
    border-color: var(--dxbl-scheduler-expand-button-border-color);
}
.dxbl-scheduler-color.dxbl-apt-edit-dialog .dxbl-apt-edit-dialog-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.dxbl-scheduler-color.dxbl-apt-edit-dialog .dxbl-apt-edit-compact-dialog-body,
.dxbl-scheduler-color.dxbl-apt-edit-dialog .dxbl-apt-edit-dialog-body {
    --dxbl-image-height: var(--DS-sizing-200);
    --dxbl-image-width: var(--DS-sizing-200);
    padding: var(--dxbl-scheduler-edit-dialog-content-padding-x)
        var(--dxbl-scheduler-edit-dialog-content-padding-y);
}
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-compact-dialog-body
    .dxbl-apt-edit-dialog-radio-group,
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-dialog-body
    .dxbl-apt-edit-dialog-radio-group {
    margin-top: 0;
    padding-right: 0;
    padding-left: 0;
}
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-compact-dialog-body
    .dxbl-week-button-container,
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-dialog-body
    .dxbl-week-button-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-compact-dialog-body
    .dxbl-week-button-container
    > button,
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-dialog-body
    .dxbl-week-button-container
    > button {
    width: var(--dxbl-scheduler-edit-dialog-week-button-width);
    height: var(--dxbl-scheduler-edit-dialog-week-button-height);
    margin-right: var(--dxbl-scheduler-edit-dialog-week-button-margin-right);
}
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-compact-dialog-body
    .dxbl-sc-fl-item-with-icon
    > .dxbl-text,
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-dialog-body
    .dxbl-sc-fl-item-with-icon
    > .dxbl-text {
    padding-left: var(
        --dxbl-scheduler-edit-dialog-item-with-icon-caption-padding-left
    );
}
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-compact-dialog-body
    .dxbl-sc-fl-item-with-icon
    .dxbl-sc-fl-item-icon,
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-dialog-body
    .dxbl-sc-fl-item-with-icon
    .dxbl-sc-fl-item-icon {
    padding-top: var(--dxbl-scheduler-edit-dialog-item-with-icon-padding-top);
    padding-right: var(
        --dxbl-scheduler-edit-dialog-item-with-icon-padding-right
    );
}
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-compact-dialog-body
    .dxbl-sc-fl-item-with-icon
    .dxbl-sc-fl-item-icon
    div.dxbl-image,
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-dialog-body
    .dxbl-sc-fl-item-with-icon
    .dxbl-sc-fl-item-icon
    div.dxbl-image {
    width: var(--dxbl-image-width);
    height: var(--dxbl-image-height);
}
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-compact-dialog-body
    .dxbl-sc-fl-item-with-icon
    .dxbl-sc-fl-item-icon
    .dxbl-label-icon,
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-dialog-body
    .dxbl-sc-fl-item-with-icon
    .dxbl-sc-fl-item-icon
    .dxbl-label-icon {
    display: block;
    width: var(--dxbl-image-width);
    height: var(--dxbl-image-height);
    border-radius: var(--dxbl-scheduler-edit-dialog-label-icon-border-radius);
}
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-compact-dialog-body
    .dxbl-sc-fl-item
    .dxbl-checkbox-switch,
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-dialog-body
    .dxbl-sc-fl-item
    .dxbl-checkbox-switch {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
}
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-compact-dialog-body
    .dxbl-sc-fl-item
    .dxbl-text-edit.dxbl-memo-edit,
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-dialog-body
    .dxbl-sc-fl-item
    .dxbl-text-edit.dxbl-memo-edit {
    width: 100%;
}
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-compact-dialog-body
    .dxbl-fl-item
    .dxbl-fl-caption-tmpl,
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-dialog-body
    .dxbl-fl-item
    .dxbl-fl-caption-tmpl {
    padding: var(--dxbl-fl-caption-padding-top) var(--dxbl-fl-caption-padding-x)
        var(--dxbl-fl-caption-padding-bottom)
        var(--dxbl-fl-caption-padding-left);
}
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-compact-dialog-body
    .dxbl-fl-item.dxbl-apt-edit-dialog-month-of-year-cb,
.dxbl-scheduler-color.dxbl-apt-edit-dialog
    .dxbl-apt-edit-dialog-body
    .dxbl-fl-item.dxbl-apt-edit-dialog-month-of-year-cb {
    margin-left: auto;
}
.dxbl-scheduler-color.dxbl-apt-edit-dialog.dxbl-sc-mobile {
    margin: 0;
    height: 100%;
    width: initial;
    max-width: initial;
}
.dxbl-scheduler-color.dxbl-apt-edit-dialog-label .dxbl-scheduler-color-item,
.dxbl-scheduler-color.dxbl-apt-edit-dialog-status .dxbl-scheduler-color-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}
.dxbl-scheduler-color.dxbl-apt-edit-dialog-label
    .dxbl-scheduler-color-item
    .dxbl-scheduler-color-item-icon,
.dxbl-scheduler-color.dxbl-apt-edit-dialog-status
    .dxbl-scheduler-color-item
    .dxbl-scheduler-color-item-icon {
    margin: var(--dxbl-scheduler-edit-dialog-color-item-icon-margin-x)
        var(--dxbl-scheduler-edit-dialog-color-item-icon-margin-y);
    width: var(--dxbl-scheduler-edit-dialog-color-item-icon-width);
    height: var(--dxbl-scheduler-edit-dialog-color-item-icon-height);
    border-radius: var(
        --dxbl-scheduler-edit-dialog-color-item-icon-border-radius
    );
}
.dxbl-modal
    > .dxbl-modal-root
    > .dxbl-popup.dxbl-apt-edit-dialog
    > .dxbl-modal-content
    > .dxbl-modal-body {
    padding: 0;
}
.dxbl-recurrent-apt-delete-dialog .dxbl-sc-button-margin-start,
.dxbl-recurrent-apt-edit-dialog .dxbl-sc-button-margin-start {
    margin-left: var(
        --dxbl-scheduler-recurrent-apt-edit-dialog-button-margin-left
    );
}
.dxbl-recurrent-apt-delete-dialog .dxbl-modal-body > div,
.dxbl-recurrent-apt-delete-dialog .dxbl-modal-body > p,
.dxbl-recurrent-apt-edit-dialog .dxbl-modal-body > div,
.dxbl-recurrent-apt-edit-dialog .dxbl-modal-body > p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.dxbl-sc-hint {
    --dxbl-scheduler-flyout-font-family: var(--DS-font-family-sans-serif);
    --dxbl-scheduler-flyout-font-size: var(--DS-sizing-140);
    --dxbl-scheduler-flyout-font-weight: 400;
    --dxbl-scheduler-flyout-header-font-size: var(--DS-sizing-160);
    --dxbl-scheduler-flyout-header-font-weight: 600;
    --dxbl-scheduler-flyout-header-label-container-height: var(--DS-sizing-40);
    --dxbl-scheduler-flyout-header-padding-top: var(--DS-sizing-160);
    --dxbl-scheduler-flyout-header-padding-bottom: var(--DS-sizing-120);
    --dxbl-scheduler-flyout-header-padding-left: var(--DS-sizing-160);
    --dxbl-scheduler-flyout-header-padding-right: var(--DS-sizing-160);
    --dxbl-scheduler-flyout-header-border-top-radius: var(
        --DS-border-radius-60
    );
    --dxbl-scheduler-flyout-header-border-bottom-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-scheduler-flyout-header-border-bottom-style: solid;
    --dxbl-scheduler-flyout-header-border-bottom-width: var(
        --DS-border-width-10
    );
    --dxbl-scheduler-flyout-header-subject-padding-left: var(--DS-sizing-80);
    --dxbl-scheduler-flyout-header-button-padding: var(--DS-sizing-50);
    --dxbl-scheduler-flyout-header-button-margin-left: var(--DS-sizing-40);
    --dxbl-scheduler-flyout-header-button-border-width: var(
        --DS-border-width-10
    );
    --dxbl-scheduler-flyout-header-button-border-style: solid;
    --dxbl-scheduler-flyout-header-button-border-color: transparent;
    --dxbl-scheduler-flyout-header-button-hover-bg: var(
        --DS-color-surface-secondary-default-hovered
    );
    --dxbl-scheduler-flyout-content-padding-top: var(--DS-sizing-160);
    --dxbl-scheduler-flyout-content-padding-bottom: var(--DS-sizing-160);
    --dxbl-scheduler-flyout-content-padding-left: var(--DS-sizing-160);
    --dxbl-scheduler-flyout-content-padding-right: var(--DS-sizing-160);
    --dxbl-scheduler-flyout-content-item-margin-top: var(--DS-sizing-120);
    --dxbl-scheduler-flyout-content-item-icon-padding-right: var(
        --DS-sizing-120
    );
    --dxbl-scheduler-compact-dialog-header-font-size: var(--DS-sizing-200);
    --dxbl-scheduler-compact-dialog-header-font-weight: 600;
    --dxbl-scheduler-compact-dialog-content-padding-x: var(--DS-sizing-160);
    --dxbl-scheduler-compact-dialog-content-padding-y: var(--DS-sizing-160);
}
.dxbl-sc-hint {
    width: 100%;
}
.dxbl-sc-hint.dxbl-apt-edit-dialog {
    --dxbl-scheduler-edit-dialog-content-padding-x: var(
        --dxbl-scheduler-compact-dialog-content-padding-x
    );
    --dxbl-scheduler-edit-dialog-content-padding-y: var(
        --dxbl-scheduler-compact-dialog-content-padding-y
    );
    --dxbl-scheduler-edit-dialog-header-font-size: var(
        --dxbl-scheduler-compact-dialog-header-font-size
    );
    --dxbl-scheduler-edit-dialog-header-font-weight: var(
        --dxbl-scheduler-compact-dialog-header-font-weight
    );
    --dxbl-scheduler-edit-dialog-header-padding-top: var(
        --dxbl-scheduler-flyout-header-padding-top
    );
    --dxbl-scheduler-edit-dialog-header-padding-bottom: var(
        --dxbl-scheduler-flyout-header-padding-bottom
    );
    --dxbl-scheduler-edit-dialog-header-padding-left: var(
        --dxbl-scheduler-flyout-header-padding-left
    );
    --dxbl-scheduler-edit-dialog-header-padding-right: var(
        --dxbl-scheduler-flyout-header-padding-right
    );
}
.dxbl-sc-hint.dxbl-sc-hint-max-content-width {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}
.dxbl-sc-hint.dxbl-sc-hint-max-content-width.dxbl-sc-tooltip {
    max-width: 370px;
}
.dxbl-sc-hint.dxbl-sc-hint-max-content-width.dxbl-apt-edit-dialog {
    min-width: 276px;
    max-width: 480px;
}
.dxbl-sc-hint .dxbl-sc-tooltip-header {
    padding: var(--dxbl-scheduler-flyout-header-padding-top)
        var(--dxbl-scheduler-flyout-header-padding-right)
        var(--dxbl-scheduler-flyout-header-padding-bottom)
        var(--dxbl-scheduler-flyout-header-padding-left);
    border-bottom: var(--dxbl-scheduler-flyout-header-border-bottom-width)
        var(--dxbl-scheduler-flyout-header-border-bottom-style)
        var(--dxbl-scheduler-flyout-header-border-bottom-color);
    border-top-left-radius: var(
        --dxbl-scheduler-flyout-header-border-top-radius
    );
    border-top-right-radius: var(
        --dxbl-scheduler-flyout-header-border-top-radius
    );
    font-size: var(--dxbl-scheduler-flyout-header-font-size);
    font-weight: var(--dxbl-scheduler-flyout-header-font-weight);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.dxbl-sc-hint
    .dxbl-sc-tooltip-header
    > .dxbl-sc-tooltip-header-label-container {
    height: var(--dxbl-scheduler-flyout-header-label-container-height);
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: inherit;
}
.dxbl-sc-hint .dxbl-sc-tooltip-header > .dxbl-sc-tooltip-header-subject {
    font-size: var(--dxbl-scheduler-flyout-header-font-size);
    font-weight: var(--dxbl-scheduler-flyout-header-font-weight);
    padding-right: var(--dxbl-scheduler-flyout-header-subject-padding-left);
    margin-right: auto;
}
.dxbl-sc-hint .dxbl-sc-tooltip-header > .dxbl-btn {
    --dxbl-btn-hover-bg: var(--dxbl-scheduler-flyout-header-button-hover-bg);
    border-width: var(--dxbl-scheduler-flyout-header-button-border-width);
    border-style: var(--dxbl-scheduler-flyout-header-button-border-style);
    border-color: var(--dxbl-scheduler-flyout-header-button-border-color);
    padding: var(--dxbl-scheduler-flyout-header-button-padding);
    margin-left: var(--dxbl-scheduler-flyout-header-button-margin-left);
    color: inherit;
}
.dxbl-sc-hint.dxbl-sc-tooltip {
    font-family: var(--dxbl-scheduler-flyout-font-family);
    font-size: var(--dxbl-scheduler-flyout-font-size);
    font-weight: var(--dxbl-scheduler-flyout-font-weight);
}
.dxbl-sc-hint.dxbl-sc-tooltip .dxbl-sc-tooltip-container {
    height: 100%;
    padding: var(--dxbl-scheduler-flyout-content-padding-top)
        var(--dxbl-scheduler-flyout-content-padding-right)
        var(--dxbl-scheduler-flyout-content-padding-bottom)
        var(--dxbl-scheduler-flyout-content-padding-left);
}
.dxbl-sc-hint.dxbl-sc-tooltip .dxbl-sc-tooltip-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: var(--dxbl-scheduler-flyout-content-item-margin-top);
}
.dxbl-sc-hint.dxbl-sc-tooltip .dxbl-sc-tooltip-item .dxbl-sc-tooltip-item-icon {
    padding-right: var(--dxbl-scheduler-flyout-content-item-icon-padding-right);
}
.dxbl-sc-hint.dxbl-sc-tooltip .dxbl-sc-tooltip-item:first-child {
    margin-top: 0;
}
.dxbl-scheduler-color {
    --dxbl-scheduler-border-style: solid;
    --dxbl-scheduler-border-width: var(--DS-border-width-10);
    --dxbl-scheduler-primary-color: var(
        --DS-color-surface-primary-default-rest
    );
    --dxbl-scheduler-time-marker-border-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-scheduler-white-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-scheduler-blue-color: var(
        --DS-color-surface-utility-blue-subdued-rest
    );
    --dxbl-scheduler-indigo-color: var(
        --DS-color-surface-utility-indigo-subdued-rest
    );
    --dxbl-scheduler-purple-color: var(
        --DS-color-surface-utility-purple-subdued-rest
    );
    --dxbl-scheduler-pink-color: var(
        --DS-color-surface-utility-pink-subdued-rest
    );
    --dxbl-scheduler-red-color: var(
        --DS-color-surface-utility-red-subdued-rest
    );
    --dxbl-scheduler-orange-color: var(
        --DS-color-surface-utility-orange-subdued-rest
    );
    --dxbl-scheduler-yellow-color: var(
        --DS-color-surface-utility-yellow-subdued-rest
    );
    --dxbl-scheduler-green-color: var(
        --DS-color-surface-utility-green-subdued-rest
    );
    --dxbl-scheduler-teal-color: var(
        --DS-color-surface-utility-teal-subdued-rest
    );
    --dxbl-scheduler-cyan-color: var(
        --DS-color-surface-utility-cyan-subdued-rest
    );
    --dxbl-scheduler-light-color: var(--DS-utility-gray-10);
    --dxbl-scheduler-disabled-color: var(
        --DS-color-surface-neutral-subdued-rest
    );
    --dxbl-scheduler-light-gray-color: var(
        --DS-color-surface-utility-gray-subdued-rest
    );
    --dxbl-scheduler-dark-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-scheduler-free-status-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-scheduler-free-status-border-color: color(
        from var(--DS-color-surface-neutral-inverted-rest) srgb calc(r) calc(g)
            calc(b)/var(--DS-opacity-25)
    );
    --dxbl-scheduler-working-elsewhere-status-color: color(
        from var(--DS-color-surface-neutral-inverted-rest) srgb calc(r) calc(g)
            calc(b)/var(--DS-opacity-25)
    );
    --dxbl-scheduler-working-elsewhere-status-border-color: color(
        from var(--DS-color-surface-neutral-inverted-rest) srgb calc(r) calc(g)
            calc(b)/var(--DS-opacity-25)
    );
    --dxbl-scheduler-working-elsewhere-status-background-image:
        linear-gradient(
            0deg,
            transparent 25%,
            var(--DS-color-surface-neutral-default-rest) 25%,
            var(--DS-color-surface-neutral-default-rest) 50%,
            transparent 50%,
            transparent 75%,
            var(--DS-color-surface-neutral-default-rest) 75%,
            var(--DS-color-surface-neutral-default-rest)
        ),
        linear-gradient(
            90deg,
            transparent 25%,
            var(--DS-color-surface-neutral-default-rest) 25%,
            var(--DS-color-surface-neutral-default-rest) 50%,
            transparent 50%,
            transparent 75%,
            var(--DS-color-surface-neutral-default-rest) 75%,
            var(--DS-color-surface-neutral-default-rest)
        ),
        linear-gradient(
            45deg,
            var(--DS-color-surface-neutral-default-rest) 38%,
            transparent 38%
        ),
        linear-gradient(
            45deg,
            var(--DS-color-surface-neutral-default-rest) 38%,
            transparent 38%
        );
    --dxbl-scheduler-tentative-status-color: color(
        from var(--DS-color-surface-neutral-inverted-rest) srgb calc(r) calc(g)
            calc(b)/var(--DS-opacity-25)
    );
    --dxbl-scheduler-tentative-status-border-color: color(
        from var(--DS-color-surface-neutral-inverted-rest) srgb calc(r) calc(g)
            calc(b)/var(--DS-opacity-25)
    );
    --dxbl-scheduler-tentative-status-background-image: linear-gradient(
        -45deg,
        transparent 19%,
        var(--DS-color-surface-neutral-default-rest) 19%,
        var(--DS-color-surface-neutral-default-rest) 50%,
        transparent 50%,
        transparent 69%,
        var(--DS-color-surface-neutral-default-rest) 69%,
        var(--DS-color-surface-neutral-default-rest)
    );
    --dxbl-scheduler-busy-status-color: color(
        from var(--DS-color-surface-neutral-inverted-rest) srgb calc(r) calc(g)
            calc(b)/var(--DS-opacity-25)
    );
    --dxbl-scheduler-busy-status-border-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-scheduler-away-status-color: var(--DS-utility-pink-90);
    --dxbl-scheduler-away-status-border-color: var(--DS-utility-pink-90);
    --dxbl-scheduler-away-status-background-image:
        repeating-linear-gradient(
            45deg,
            var(--DS-color-surface-neutral-default-rest) 0,
            var(--DS-color-surface-neutral-default-rest) 1px,
            transparent 0,
            transparent 50%
        ),
        repeating-linear-gradient(
            -45deg,
            var(--DS-color-surface-neutral-default-rest) 0,
            var(--DS-color-surface-neutral-default-rest) 1px,
            transparent 0,
            transparent 50%
        );
}
.dxbl-scheduler-color .dxbl-blue-color,
.dxbl-scheduler-color .dxbl-cyan-color,
.dxbl-scheduler-color .dxbl-green-color,
.dxbl-scheduler-color .dxbl-indigo-color,
.dxbl-scheduler-color .dxbl-light-color,
.dxbl-scheduler-color .dxbl-light-gray-color,
.dxbl-scheduler-color .dxbl-orange-color,
.dxbl-scheduler-color .dxbl-pink-color,
.dxbl-scheduler-color .dxbl-purple-color,
.dxbl-scheduler-color .dxbl-red-color,
.dxbl-scheduler-color .dxbl-scheduler-disabled-color,
.dxbl-scheduler-color .dxbl-teal-color,
.dxbl-scheduler-color .dxbl-yellow-color {
    background-color: var(--dxbl-scheduler-item-bg);
    color: var(--dxbl-scheduler-item-color);
}
.dxbl-scheduler-color .dxbl-sc-apt {
    color: var(--dxbl-scheduler-item-color);
}
.dxbl-scheduler-color
    .dxbl-sc-apt
    .dxbl-apt-status-container
    .dxbl-sc-away-status,
.dxbl-scheduler-color
    .dxbl-sc-apt
    .dxbl-apt-status-container
    .dxbl-sc-busy-status,
.dxbl-scheduler-color
    .dxbl-sc-apt
    .dxbl-apt-status-container
    .dxbl-sc-free-status,
.dxbl-scheduler-color
    .dxbl-sc-apt
    .dxbl-apt-status-container
    .dxbl-sc-tentative-status,
.dxbl-scheduler-color
    .dxbl-sc-apt
    .dxbl-apt-status-container
    .dxbl-sc-working-elsewhere-status,
.dxbl-scheduler-color
    .dxbl-sc-apt
    .dxbl-apt-status-container
    .dxbl-scheduler-disabled-color,
.dxbl-scheduler-color .dxbl-scheduler-color-item .dxbl-sc-away-status,
.dxbl-scheduler-color .dxbl-scheduler-color-item .dxbl-sc-busy-status,
.dxbl-scheduler-color .dxbl-scheduler-color-item .dxbl-sc-free-status,
.dxbl-scheduler-color .dxbl-scheduler-color-item .dxbl-sc-tentative-status,
.dxbl-scheduler-color
    .dxbl-scheduler-color-item
    .dxbl-sc-working-elsewhere-status,
.dxbl-scheduler-color
    .dxbl-scheduler-color-item
    .dxbl-scheduler-disabled-color {
    background-color: var(--dxbl-scheduler-item-bg);
    border-color: var(--dxbl-scheduler-item-border-color);
    color: var(--dxbl-scheduler-item-color);
    -webkit-background-clip: var(--dxbl-scheduler-item-background-clip);
    background-clip: var(--dxbl-scheduler-item-background-clip);
}
.dxbl-scheduler-color .dxbl-blue-color {
    --dxbl-scheduler-item-bg: var(--dxbl-scheduler-blue-color);
}
.dxbl-scheduler-color .dxbl-indigo-color {
    --dxbl-scheduler-item-bg: var(--dxbl-scheduler-indigo-color);
}
.dxbl-scheduler-color .dxbl-purple-color {
    --dxbl-scheduler-item-bg: var(--dxbl-scheduler-purple-color);
}
.dxbl-scheduler-color .dxbl-pink-color {
    --dxbl-scheduler-item-bg: var(--dxbl-scheduler-pink-color);
}
.dxbl-scheduler-color .dxbl-red-color {
    --dxbl-scheduler-item-bg: var(--dxbl-scheduler-red-color);
}
.dxbl-scheduler-color .dxbl-orange-color {
    --dxbl-scheduler-item-bg: var(--dxbl-scheduler-orange-color);
}
.dxbl-scheduler-color .dxbl-yellow-color {
    --dxbl-scheduler-item-bg: var(--dxbl-scheduler-yellow-color);
}
.dxbl-scheduler-color .dxbl-green-color {
    --dxbl-scheduler-item-bg: var(--dxbl-scheduler-green-color);
}
.dxbl-scheduler-color .dxbl-teal-color {
    --dxbl-scheduler-item-bg: var(--dxbl-scheduler-teal-color);
}
.dxbl-scheduler-color .dxbl-cyan-color {
    --dxbl-scheduler-item-bg: var(--dxbl-scheduler-cyan-color);
}
.dxbl-scheduler-color .dxbl-light-color {
    --dxbl-scheduler-item-bg: var(--dxbl-scheduler-light-color);
}
.dxbl-scheduler-color .dxbl-light-gray-color {
    --dxbl-scheduler-item-bg: var(--dxbl-scheduler-light-gray-color);
}
.dxbl-scheduler-color .dxbl-scheduler-disabled-color {
    --dxbl-scheduler-item-bg: var(--dxbl-scheduler-disabled-color);
}
.dxbl-scheduler-color .dxbl-dark-font-color {
    --dxbl-scheduler-item-color: var(--dxbl-scheduler-dark-color);
}
.dxbl-scheduler-color .dxbl-white-font-color {
    --dxbl-scheduler-item-color: var(--dxbl-scheduler-white-color);
}
.dxbl-scheduler-color .dxbl-sc-free-status {
    --dxbl-scheduler-item-bg: var(--dxbl-scheduler-free-status-color);
    --dxbl-scheduler-item-border-color: var(
        --dxbl-scheduler-free-status-border-color
    );
    --dxbl-scheduler-item-background-clip: content-box;
}
.dxbl-scheduler-color .dxbl-sc-free-status.dxbl-scheduler-color-item-icon {
    border-style: var(--dxbl-scheduler-border-style);
    border-width: var(--dxbl-scheduler-border-width);
}
.dxbl-scheduler-color .dxbl-sc-working-elsewhere-status {
    --dxbl-scheduler-item-bg: var(
        --dxbl-scheduler-working-elsewhere-status-color
    );
    --dxbl-scheduler-item-border-color: var(
        --dxbl-scheduler-working-elsewhere-status-border-color
    );
    --dxbl-scheduler-item-background-clip: content-box;
    background-image: var(
        --dxbl-scheduler-working-elsewhere-status-background-image
    );
    -webkit-background-size: 4px 4px;
    background-size: 4px 4px;
    background-position:
        0 0,
        1px 0,
        0 0,
        2px 2px;
}
.dxbl-scheduler-color .dxbl-sc-tentative-status {
    --dxbl-scheduler-item-bg: var(--dxbl-scheduler-tentative-status-color);
    --dxbl-scheduler-item-border-color: var(
        --dxbl-scheduler-tentative-status-border-color
    );
    --dxbl-scheduler-item-background-clip: content-box;
    background-image: var(--dxbl-scheduler-tentative-status-background-image);
    -webkit-background-size: 6px 6px;
    background-size: 6px 6px;
}
.dxbl-scheduler-color .dxbl-sc-busy-status {
    --dxbl-scheduler-item-bg: var(--dxbl-scheduler-busy-status-color);
    --dxbl-scheduler-item-border-color: var(--dxbl-scheduler-busy-status-color);
}
.dxbl-scheduler-color .dxbl-sc-busy-status.dxbl-apt-status {
    border-right: var(--dxbl-scheduler-busy-status-border-color) 1px solid !important;
    border-left: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
}
.dxbl-scheduler-color .dxbl-sc-away-status {
    --dxbl-scheduler-item-bg: var(--dxbl-scheduler-away-status-color);
    --dxbl-scheduler-item-border-color: var(
        --dxbl-scheduler-away-status-border-color
    );
    --dxbl-scheduler-item-background-clip: content-box;
    background-image: var(--dxbl-scheduler-away-status-background-image);
    -webkit-background-size: 6px 6px;
    background-size: 6px 6px;
    background-position-x: -1px;
}
.dxbl-scheduler .dxbl-sc-apt.dxbl-sc-apt-selected .dxbl-apt-bg {
    --dxbl-scheduler-appointment-opacity: var(
        --scheduler-appointment-item-opacity-selected,
        1
    );
}
.dxbl-scheduler .dxbl-sc-apt:focus-visible {
    outline: 0;
}
.dxbl-scheduler .dxbl-sc-apt:focus-visible .dxbl-sc-apt-container .dxbl-apt-bg {
    outline: var(--dxbl-scheduler-appointment-focus-outline-color) solid
        var(--dxbl-scheduler-appointment-focus-outline-size);
}
.dxbl-scheduler .dxbl-sc-apt .dxbl-sc-apt-dragged .dxbl-apt-bg {
    outline: var(--dxbl-scheduler-appointment-dragged-outline-color) solid
        var(--dxbl-scheduler-appointment-dragged-outline-size);
}
.dxbl-scheduler .dxbl-sc-apt.dxbl-sc-apt-disable {
    opacity: var(--dxbl-scheduler-appointment-opacity-disabled, 0.4);
}
.dxbl-toolbar {
    --dxbl-toolbar-font-family: var(--DS-font-family-sans-serif);
    --dxbl-toolbar-font-size: var(--DS-font-size-body-1);
    --dxbl-toolbar-line-height: var(--DS-line-height-body-1);
    --dxbl-toolbar-bg: transparent;
    --dxbl-toolbar-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-toolbar-separator-width: var(--DS-sizing-10);
    --dxbl-toolbar-separator-color: var(--DS-color-border-neutral-default-rest);
    --dxbl-toolbar-title-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-toolbar-title-font-size: var(--DS-font-size-subtitle-2);
    --dxbl-toolbar-title-line-height: var(--DS-line-height-subtitle-2);
    --dxbl-toolbar-title-font-weight: var(--DS-font-weight-subtitle-2);
    --dxbl-toolbar-title-padding-x: var(--DS-sizing-60);
    --dxbl-toolbar-group-spacing: var(--DS-sizing-80);
    --dxbl-toolbar-item-spacing: var(--DS-sizing-80);
    --dxbl-toolbar-group-large-spacing: calc(var(--DS-sizing-80) * 2);
    --dxbl-toolbar-item-large-spacing: calc(var(--DS-sizing-80) * 2);
    --dxbl-toolbar-btn-image-spacing-s: var(--DS-sizing-80);
    --dxbl-toolbar-btn-image-spacing-m: var(--DS-sizing-80);
    --dxbl-toolbar-btn-image-spacing-l: var(--DS-sizing-80);
    --dxbl-btn-toolbar-focus-outline-color: var(--DS-color-theme-builder-focus);
    --dxbl-btn-toolbar-focus-outline-width: var(--DS-border-width-20);
    --dxbl-btn-toolbar-focus-outline-offset: var(--DS-border-width-10);
}
.dxbl-btn-toolbar {
    --dxbl-btn-toolbar-separator-height: calc(100% - 2 * ds.$border-width-10);
    --dxbl-btn-toolbar-separator-width: ds.$border-width-10;
    --dxbl-btn-toolbar-separator-margin-y: ds.$border-width-10;
    --dxbl-btn-toolbar-item-spacing-s: var(--DS-sizing-40);
    --dxbl-btn-toolbar-item-spacing-m: var(--DS-sizing-40);
    --dxbl-btn-toolbar-item-spacing-l: var(--DS-sizing-40);
}
.dxbl-toolbar-dropdown {
    --dxbl-toolbar-dropdown-btn-focus-outline-color: var(
        --DS-color-theme-builder-focus
    );
    --dxbl-toolbar-dropdown-btn-focus-outline-width: var(--DS-border-width-20);
}
.dxbl-toolbar.dxbl-sm {
    --dxbl-toolbar-font-size: var(--DS-font-size-caption-1);
    --dxbl-toolbar-line-height: var(--DS-line-height-caption-1);
    --dxbl-toolbar-title-font-size: var(--DS-font-size-body-1-strong);
    --dxbl-toolbar-title-line-height: var(--DS-line-height-body-1-strong);
    --dxbl-toolbar-title-font-weight: var(--DS-font-weight-body-1-strong);
    --dxbl-toolbar-title-padding-x: var(--DS-sizing-40);
}
.dxbl-toolbar.dxbl-lg {
    --dxbl-toolbar-font-size: var(--DS-font-size-body-2);
    --dxbl-toolbar-line-height: var(--DS-line-height-body-2);
    --dxbl-toolbar-title-font-size: var(--DS-font-size-subtitle-1);
    --dxbl-toolbar-title-line-height: var(--DS-line-height-subtitle-1);
    --dxbl-toolbar-title-font-weight: var(--DS-font-weight-subtitle-1);
    --dxbl-toolbar-title-padding-x: var(--DS-sizing-80);
}
.dxbl-btn-toolbar {
    --dxbl-btn-toolbar-item-spacing: var(--dxbl-btn-toolbar-item-spacing-m);
}
.dxbl-btn-toolbar.dxbl-sm {
    --dxbl-btn-toolbar-item-spacing: var(--dxbl-btn-toolbar-item-spacing-s);
}
.dxbl-btn-toolbar.dxbl-lg {
    --dxbl-btn-toolbar-item-spacing: var(--dxbl-btn-toolbar-item-spacing-l);
}
.dxbl-toolbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: var(--dxbl-toolbar-bg);
    color: var(--dxbl-toolbar-color);
    font-family: var(--dxbl-toolbar-font-family);
    font-size: var(--dxbl-toolbar-font-size);
    line-height: var(--dxbl-toolbar-line-height);
    outline: 0;
}
.dxbl-toolbar .dxbl-btn {
    --dxbl-btn-image-spacing-s: var(--dxbl-toolbar-btn-image-spacing-s);
    --dxbl-btn-image-spacing-m: var(--dxbl-toolbar-btn-image-spacing-m);
    --dxbl-btn-image-spacing-l: var(--dxbl-toolbar-btn-image-spacing-l);
}
.dxbl-toolbar .dxbl-virtual-toolbar {
    top: -10000px !important;
    left: -10000px !important;
    visibility: hidden !important;
    position: absolute !important;
    width: 1px;
}
.dxbl-toolbar
    .dxbl-virtual-toolbar
    .dxbl-btn-group.dxbl-toolbar-hidden-item
    > .dxbl-toolbar-item
    > .dxbl-toolbar-btn
    > .dxbl-image
    + span {
    display: none;
}
.dxbl-toolbar > .dxbl-btn-toolbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    --dxbl-btn-toolbar-separator-width: var(--dxbl-toolbar-separator-width);
    --dxbl-btn-toolbar-separator-color: var(--dxbl-toolbar-separator-color);
    --dxbl-btn-toolbar-spacing: var(--dxbl-toolbar-group-spacing);
}
.dxbl-toolbar
    > .dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-toolbar-group
    > :not(:first-child):not(.dxbl-btn-first):not(.dxbl-toolbar-btn-ellipsis) {
    --dxbl-btn-toolbar-spacing: var(--dxbl-toolbar-item-spacing);
}
.dxbl-toolbar > .dxbl-btn-toolbar.dxbl-btn-toolbar-large-spacing {
    --dxbl-btn-toolbar-spacing: var(--dxbl-toolbar-group-large-spacing);
}
.dxbl-toolbar
    > .dxbl-btn-toolbar.dxbl-btn-toolbar-large-spacing.dxbl-btn-plain-toolbar
    > .dxbl-toolbar-group-large-spacing:not(:first-child):not(
        .dxbl-btn-group-first
    ) {
    position: relative;
}
.dxbl-toolbar
    > .dxbl-btn-toolbar.dxbl-btn-toolbar-large-spacing.dxbl-btn-plain-toolbar
    > .dxbl-toolbar-group-large-spacing:not(:first-child):not(
        .dxbl-btn-group-first
    )
    > .dxbl-toolbar-group-separator {
    height: var(--dxbl-btn-toolbar-separator-height);
    width: var(--dxbl-btn-toolbar-separator-width);
    margin: var(--dxbl-btn-toolbar-separator-margin-y) 0;
    background-color: var(--dxbl-btn-toolbar-separator-color);
    margin-right: var(--dxbl-btn-toolbar-spacing);
}
.dxbl-toolbar
    > .dxbl-btn-toolbar.dxbl-btn-toolbar-large-spacing.dxbl-btn-plain-toolbar
    > .dxbl-toolbar-group-large-spacing
    > .dxbl-btn-group::before {
    display: none;
}
.dxbl-toolbar
    > .dxbl-btn-toolbar.dxbl-btn-toolbar-large-spacing
    > .dxbl-toolbar-group-large-spacing
    > :not(:first-child):not(.dxbl-btn-first) {
    --dxbl-btn-toolbar-spacing: var(--dxbl-toolbar-item-large-spacing);
}
.dxbl-toolbar > .dxbl-btn-toolbar > .dxbl-toolbar-placeholder {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
}
.dxbl-toolbar > .dxbl-btn-toolbar > .dxbl-toolbar-title {
    color: var(--dxbl-toolbar-title-color);
    font-size: var(--dxbl-toolbar-title-font-size);
    line-height: var(--dxbl-toolbar-title-line-height);
    font-weight: var(--dxbl-toolbar-title-font-weight);
    padding: 0 var(--dxbl-toolbar-title-padding-x);
}
.dxbl-toolbar > .dxbl-btn-toolbar .dxbl-toolbar-btn.dxbl-btn,
.dxbl-toolbar > .dxbl-btn-toolbar .dxbl-toolbar-btn.dxbl-btn-split > .dxbl-btn,
.dxbl-toolbar > .dxbl-btn-toolbar .dxbl-toolbar-btn > .dxbl-btn,
.dxbl-toolbar
    > .dxbl-btn-toolbar
    .dxbl-toolbar-btn
    > .dxbl-btn-split
    > .dxbl-btn {
    --dxbl-btn-padding-x-s: var(--DS-sizing-40);
    --dxbl-btn-padding-x-m: calc(var(--DS-sizing-60) - var(--DS-sizing-10));
    --dxbl-btn-padding-x-l: var(--DS-sizing-120);
    --dxbl-btn-font-weight: var(--DS-font-weight-caption-1);
    --dxbl-btn-secondary-hover-bg: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxbl-btn-secondary-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-text-hover-bg: var(--DS-color-surface-neutral-default-hovered);
    --dxbl-btn-text-active-bg: var(--DS-color-surface-neutral-default-selected);
}
.dxbl-toolbar:not([data-dx-focus-hidden])
    .dxbl-toolbar-btn-ellipsis
    > .dxbl-btn,
.dxbl-toolbar:not([data-dx-focus-hidden]) .dxbl-toolbar-item > .dxbl-btn,
.dxbl-toolbar:not([data-dx-focus-hidden])
    .dxbl-toolbar-item
    > .dxbl-btn-split
    > .dxbl-btn {
    --dxbl-btn-focus-outline-color: var(--dxbl-btn-toolbar-focus-outline-color);
    --dxbl-btn-focus-outline-size: var(--dxbl-btn-toolbar-focus-outline-width);
    --dxbl-btn-focus-outline-offset: var(
        --dxbl-btn-toolbar-focus-outline-offset
    );
}
.dxbl-toolbar:not([data-dx-focus-hidden])
    .dxbl-toolbar-item.dxbl-toolbar-item-tmpl:focus-visible {
    outline: var(--dxbl-btn-toolbar-focus-outline-width) solid
        var(--dxbl-btn-toolbar-focus-outline-color);
    outline-offset: var(--dxbl-btn-toolbar-focus-outline-offset);
}
.dxbl-toolbar .dxbl-toolbar-title {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.dxbl-toolbar.dxbl-toolbar-adaptive {
    position: relative;
    z-index: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-transition: height ease 0.3s;
    -o-transition: height ease 0.3s;
    transition: height ease 0.3s;
    will-change: height;
    white-space: nowrap;
}
.dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-virtual-toolbar,
.dxbl-toolbar.dxbl-toolbar-adaptive > .dxbl-btn-toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    padding: inherit;
    -webkit-box-pack: inherit;
    -webkit-justify-content: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-virtual-toolbar > div,
.dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-virtual-toolbar > div > .dxbl-btn,
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar
    > div
    > .dxbl-btn-group,
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar
    > div
    > .dxbl-toolbar-item,
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar
    > div
    > .dxbl-toolbar-item
    > .dxbl-btn,
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar
    > div
    > .dxbl-toolbar-item
    > .dxbl-btn-group,
.dxbl-toolbar.dxbl-toolbar-adaptive > .dxbl-btn-toolbar > div,
.dxbl-toolbar.dxbl-toolbar-adaptive > .dxbl-btn-toolbar > div > .dxbl-btn,
.dxbl-toolbar.dxbl-toolbar-adaptive > .dxbl-btn-toolbar > div > .dxbl-btn-group,
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar
    > div
    > .dxbl-toolbar-item,
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar
    > div
    > .dxbl-toolbar-item
    > .dxbl-btn,
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar
    > div
    > .dxbl-toolbar-item
    > .dxbl-btn-group {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar
    > .dxbl-toolbar-item.dxbl-toolbar-title,
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar
    > .dxbl-toolbar-item.dxbl-toolbar-title
    > .dxbl-btn-group,
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar
    > .dxbl-toolbar-item.dxbl-toolbar-title
    > .dxbl-btn-group
    > .dxbl-toolbar-btn-ellipsis,
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar
    > .dxbl-toolbar-item.dxbl-toolbar-title
    > .dxbl-toolbar-item
    > .dxbl-btn,
.dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-virtual-toolbar > div,
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar
    > div
    > .dxbl-btn-group,
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar
    > div
    > .dxbl-btn-group
    > .dxbl-toolbar-btn-ellipsis,
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar
    > div
    > .dxbl-toolbar-item
    > .dxbl-btn,
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar
    > .dxbl-toolbar-item.dxbl-toolbar-title,
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar
    > .dxbl-toolbar-item.dxbl-toolbar-title
    > .dxbl-btn-group,
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar
    > .dxbl-toolbar-item.dxbl-toolbar-title
    > .dxbl-btn-group
    > .dxbl-toolbar-btn-ellipsis,
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar
    > .dxbl-toolbar-item.dxbl-toolbar-title
    > .dxbl-toolbar-item
    > .dxbl-btn,
.dxbl-toolbar.dxbl-toolbar-adaptive > .dxbl-btn-toolbar > div,
.dxbl-toolbar.dxbl-toolbar-adaptive > .dxbl-btn-toolbar > div > .dxbl-btn-group,
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar
    > div
    > .dxbl-btn-group
    > .dxbl-toolbar-btn-ellipsis,
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar
    > div
    > .dxbl-toolbar-item
    > .dxbl-btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image:not(:only-child):not(.dxbl-toolbar-dropdown-toggle),
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-btn
    > .dxbl-image:not(:only-child):not(.dxbl-toolbar-dropdown-toggle),
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image:not(:only-child):not(.dxbl-toolbar-dropdown-toggle),
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn
    > .dxbl-image:not(:only-child):not(.dxbl-toolbar-dropdown-toggle),
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image:not(:only-child):not(.dxbl-toolbar-dropdown-toggle),
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-btn
    > .dxbl-image:not(:only-child):not(.dxbl-toolbar-dropdown-toggle),
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-group
    > .dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image:not(:only-child):not(.dxbl-toolbar-dropdown-toggle),
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-group
    > .dxbl-btn
    > .dxbl-image:not(:only-child):not(.dxbl-toolbar-dropdown-toggle),
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image:not(:only-child):not(.dxbl-toolbar-dropdown-toggle),
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn
    > .dxbl-image:not(:only-child):not(.dxbl-toolbar-dropdown-toggle),
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image:not(:only-child):not(.dxbl-toolbar-dropdown-toggle),
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn
    > .dxbl-image:not(:only-child):not(.dxbl-toolbar-dropdown-toggle),
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image:not(:only-child):not(.dxbl-toolbar-dropdown-toggle),
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-btn
    > .dxbl-image:not(:only-child):not(.dxbl-toolbar-dropdown-toggle),
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image:not(:only-child):not(.dxbl-toolbar-dropdown-toggle),
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn
    > .dxbl-image:not(:only-child):not(.dxbl-toolbar-dropdown-toggle),
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image:not(:only-child):not(.dxbl-toolbar-dropdown-toggle),
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-btn
    > .dxbl-image:not(:only-child):not(.dxbl-toolbar-dropdown-toggle),
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-group
    > .dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image:not(:only-child):not(.dxbl-toolbar-dropdown-toggle),
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-group
    > .dxbl-btn
    > .dxbl-image:not(:only-child):not(.dxbl-toolbar-dropdown-toggle),
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image:not(:only-child):not(.dxbl-toolbar-dropdown-toggle),
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn
    > .dxbl-image:not(:only-child):not(.dxbl-toolbar-dropdown-toggle),
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image:not(:only-child):not(.dxbl-toolbar-dropdown-toggle),
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn
    > .dxbl-image:not(:only-child):not(.dxbl-toolbar-dropdown-toggle) {
    margin-left: 0;
    margin-right: 0;
}
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-group
    > .dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-group
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-toolbar-adaptive
    .dxbl-virtual-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-group
    > .dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-group
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-toolbar-adaptive
    > .dxbl-btn-toolbar.dxbl-toolbar-no-item-text
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn
    > .dxbl-image
    + span {
    display: none;
}
.dxbl-toolbar.dxbl-toolbar-adaptive.dxbl-loading > .dxbl-btn-toolbar {
    position: relative;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.dxbl-toolbar.dxbl-toolbar-adaptive.dxbl-loading
    > .dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group::before {
    display: none;
}
.dxbl-toolbar.dxbl-toolbar-adaptive.dxbl-loading
    > .dxbl-btn-toolbar
    > .dxbl-btn-group:not(.dxbl-toolbar-btn-ellipsis) {
    visibility: hidden;
    width: 1px;
}
.dxbl-toolbar.dxbl-toolbar-adaptive.dxbl-loading:not(.dxbl-ribbon-toolbar)
    > .dxbl-btn-toolbar
    > .dxbl-btn-group:last-child
    > .dxbl-btn:first-child,
.dxbl-toolbar.dxbl-toolbar-adaptive.dxbl-loading:not(.dxbl-ribbon-toolbar)
    > .dxbl-btn-toolbar
    > .dxbl-btn-group:last-child
    > .dxbl-toolbar-item
    > .dxbl-btn:first-child {
    visibility: visible !important;
    position: static !important;
    opacity: 0.3;
    cursor: default;
}
.dxbl-btn-toolbar.dxbl-virtual-toolbar
    > .dxbl-btn-group.dxbl-toolbar-group.dxbl-toolbar-hidden-item:not(
        :first-child
    ),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content.dxbl-virtual-toolbar
    > .dxbl-btn-group.dxbl-toolbar-group.dxbl-toolbar-hidden-item:not(
        :first-child
    ) {
    margin-left: var(--dxbl-btn-toolbar-spacing) !important;
}
.dxbl-btn-toolbar > .dxbl-adaptive-container-content > :not(:first-child),
.dxbl-btn-toolbar > :not(:first-child) {
    margin-left: var(--dxbl-btn-toolbar-spacing);
}
.dxbl-btn-toolbar.dxbl-toolbar-btn-ellipsis > .dxbl-btn,
.dxbl-btn-toolbar.dxbl-toolbar-btn-ellipsis > .dxbl-btn-split > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content.dxbl-toolbar-btn-ellipsis
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content.dxbl-toolbar-btn-ellipsis
    > .dxbl-btn-split
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content
    > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content
    > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis
    > .dxbl-btn-split
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content
    > .dxbl-btn-group
    > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content
    > .dxbl-btn-group
    > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis
    > .dxbl-btn-split
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content
    > .dxbl-toolbar-item
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content
    > .dxbl-toolbar-item
    > .dxbl-btn-split
    > .dxbl-btn,
.dxbl-btn-toolbar > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis
    > .dxbl-btn-split
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis
    > .dxbl-btn-split
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split
    > .dxbl-btn,
.dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split
    > .dxbl-btn,
.dxbl-btn-toolbar > .dxbl-toolbar-item > .dxbl-btn,
.dxbl-btn-toolbar > .dxbl-toolbar-item > .dxbl-btn-split > .dxbl-btn {
    --dxbl-btn-padding-x-s: var(--DS-sizing-40);
    --dxbl-btn-padding-x-m: calc(var(--DS-sizing-60) - var(--DS-sizing-10));
    --dxbl-btn-padding-x-l: var(--DS-sizing-120);
    --dxbl-btn-text-color: var(--DS-color-content-neutral-subdued-rest);
    --dxbl-btn-outline-color: var(--DS-color-content-neutral-subdued-rest);
    --dxbl-btn-secondary-color: var(--DS-color-content-neutral-subdued-rest);
    --dxbl-btn-font-weight: var(--DS-font-weight-caption-1);
    --dxbl-btn-secondary-hover-bg: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxbl-btn-secondary-active-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-btn-text-hover-bg: var(--DS-color-surface-neutral-default-hovered);
    --dxbl-btn-text-active-bg: var(--DS-color-surface-neutral-default-selected);
}
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content
    > .dxbl-btn-toolbar-separator,
.dxbl-btn-toolbar > .dxbl-btn-toolbar-separator {
    background-color: var(--dxbl-btn-toolbar-separator-color);
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    height: var(--dxbl-btn-toolbar-separator-height);
    width: var(--dxbl-btn-toolbar-separator-width);
    margin: var(--dxbl-btn-toolbar-separator-margin-y) 0
        var(--dxbl-btn-toolbar-separator-margin-y)
        var(--dxbl-btn-toolbar-spacing);
}
.dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ),
.dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ) {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    )
    > .dxbl-btn-group-vertical
    > .dxbl-btn,
.dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    )
    > .dxbl-btn-group
    > .dxbl-btn,
.dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    )
    > .dxbl-btn-group-vertical
    > .dxbl-btn,
.dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    )
    > .dxbl-btn-group
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    )
    > .dxbl-btn-group-vertical
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    )
    > .dxbl-btn-group
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    )
    > .dxbl-btn-group-vertical
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    )
    > .dxbl-btn-group
    > .dxbl-btn {
    border-color: transparent;
}
.dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ):not(.dxbl-disabled):not(:disabled):hover,
.dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ):not(.dxbl-disabled):not(:disabled):hover,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ):not(.dxbl-disabled):not(:disabled):hover,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ):not(.dxbl-disabled):not(:disabled):hover {
    border-color: var(--dxbl-text-edit-border-color);
    -webkit-box-shadow: var(--dxbl-text-edit-box-shadow);
    box-shadow: var(--dxbl-text-edit-box-shadow);
}
.dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ):not(.dxbl-disabled):not(:disabled):hover
    > .dxbl-btn-group-vertical
    > .dxbl-btn,
.dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ):not(.dxbl-disabled):not(:disabled):hover
    > .dxbl-btn-group
    > .dxbl-btn,
.dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ):not(.dxbl-disabled):not(:disabled):hover
    > .dxbl-btn-group-vertical
    > .dxbl-btn,
.dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ):not(.dxbl-disabled):not(:disabled):hover
    > .dxbl-btn-group
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ):not(.dxbl-disabled):not(:disabled):hover
    > .dxbl-btn-group-vertical
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ):not(.dxbl-disabled):not(:disabled):hover
    > .dxbl-btn-group
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ):not(.dxbl-disabled):not(:disabled):hover
    > .dxbl-btn-group-vertical
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ):not(.dxbl-disabled):not(:disabled):hover
    > .dxbl-btn-group
    > .dxbl-btn {
    border-color: var(--dxbl-btn-border-color);
}
.dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-btn-split:not(.dxbl-btn-first)
    > .dxbl-btn:first-child,
.dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-btn:not(.dxbl-btn-first),
.dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-btn-split:not(.dxbl-btn-first)
    > .dxbl-btn:first-child,
.dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-btn:not(.dxbl-btn-first),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-btn-split:not(.dxbl-btn-first)
    > .dxbl-btn:first-child,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-btn:not(.dxbl-btn-first),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-btn-split:not(.dxbl-btn-first)
    > .dxbl-btn:first-child,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-btn:not(.dxbl-btn-first) {
    margin-left: var(--dxbl-btn-toolbar-item-spacing);
}
.dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-text-edit,
.dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-text-edit,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-text-edit,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-text-edit {
    margin-left: var(--dxbl-btn-toolbar-item-spacing);
}
.dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group:not(.dxbl-btn-group-first),
.dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group:not(.dxbl-btn-group-first),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar
    > .dxbl-btn-group:not(.dxbl-btn-group-first),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group:not(.dxbl-btn-group-first) {
    position: relative;
}
.dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group:not(.dxbl-btn-group-first)
    > .dxbl-toolbar-group-separator,
.dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group:not(.dxbl-btn-group-first)
    > .dxbl-toolbar-group-separator,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar
    > .dxbl-btn-group:not(.dxbl-btn-group-first)
    > .dxbl-toolbar-group-separator,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group:not(.dxbl-btn-group-first)
    > .dxbl-toolbar-group-separator {
    height: var(--dxbl-btn-toolbar-separator-height);
    width: var(--dxbl-btn-toolbar-separator-width);
    margin: var(--dxbl-btn-toolbar-separator-margin-y) 0;
    background-color: var(--dxbl-btn-toolbar-separator-color);
    margin-right: var(--dxbl-btn-toolbar-spacing);
}
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-split
    > .dxbl-btn:not(:first-child),
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split
    > .dxbl-btn:not(:first-child),
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-split
    > .dxbl-btn:not(:first-child),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-split
    > .dxbl-btn:not(:first-child),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split
    > .dxbl-btn:not(:first-child),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-split
    > .dxbl-btn:not(:first-child) {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-split
    > .dxbl-btn:not(:last-child),
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split
    > .dxbl-btn:not(:last-child),
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-split
    > .dxbl-btn:not(:last-child),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-split
    > .dxbl-btn:not(:last-child),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split
    > .dxbl-btn:not(:last-child),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-split
    > .dxbl-btn:not(:last-child) {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-right-color: transparent !important;
}
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-btn-split:not(:last-child),
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-btn:not(:last-child):not(.dxbl-btn-last),
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split:not(:last-child),
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn:not(:last-child):not(.dxbl-btn-last),
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-split:not(:last-child),
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn:not(:last-child):not(.dxbl-btn-last),
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split:not(:last-child),
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn:not(:last-child):not(.dxbl-btn-last),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-btn-split:not(:last-child),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-btn:not(:last-child):not(.dxbl-btn-last),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split:not(:last-child),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn:not(:last-child):not(.dxbl-btn-last),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-split:not(:last-child),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn:not(:last-child):not(.dxbl-btn-last),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split:not(:last-child),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn:not(:last-child):not(.dxbl-btn-last) {
    border-right-color: transparent;
}
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-btn-split:not(:last-child):not(.dxbl-btn-last)
    > .dxbl-btn:last-child,
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split:not(:last-child):not(.dxbl-btn-last)
    > .dxbl-btn:last-child,
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-split:not(:last-child):not(.dxbl-btn-last)
    > .dxbl-btn:last-child,
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split:not(:last-child):not(.dxbl-btn-last)
    > .dxbl-btn:last-child,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-btn-split:not(:last-child):not(.dxbl-btn-last)
    > .dxbl-btn:last-child,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split:not(:last-child):not(.dxbl-btn-last)
    > .dxbl-btn:last-child,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-split:not(:last-child):not(.dxbl-btn-last)
    > .dxbl-btn:last-child,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-split:not(:last-child):not(.dxbl-btn-last)
    > .dxbl-btn:last-child {
    border-right-color: transparent;
}
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-text-edit:not(:last-child),
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:last-child),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-text-edit:not(:last-child),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-text-edit:not(:last-child) {
    margin-right: calc(-1 * var(--DS-border-width-10));
}
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child).dxbl-btn-group-right
    > .dxbl-btn,
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-btn-split
    > .dxbl-btn:first-child,
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-btn:not(.dxbl-btn-first),
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-text-edit,
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-text-edit
    > .dxbl-btn-group-left
    > .dxbl-btn:first-child,
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child).dxbl-btn-group-right
    > .dxbl-btn,
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-btn-split
    > .dxbl-btn:first-child,
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-btn:not(.dxbl-btn-first),
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-text-edit,
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-text-edit
    > .dxbl-btn-group-left
    > .dxbl-btn:first-child,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child).dxbl-btn-group-right
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-btn-split
    > .dxbl-btn:first-child,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-btn:not(.dxbl-btn-first),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-text-edit,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-text-edit
    > .dxbl-btn-group-left
    > .dxbl-btn:first-child,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child).dxbl-btn-group-right
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-btn-split
    > .dxbl-btn:first-child,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-btn:not(.dxbl-btn-first),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-text-edit,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:first-child)
    > .dxbl-text-edit
    > .dxbl-btn-group-left
    > .dxbl-btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child).dxbl-btn-group-left
    > .dxbl-btn,
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child)
    > .dxbl-btn-split:not(.dxbl-btn-last)
    > .dxbl-btn:last-child,
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child)
    > .dxbl-btn:not(.dxbl-btn-last),
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child)
    > .dxbl-text-edit,
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child)
    > .dxbl-text-edit
    > .dxbl-btn-group-right
    > .dxbl-btn:last-child,
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child).dxbl-btn-group-left
    > .dxbl-btn,
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child)
    > .dxbl-btn-split:not(.dxbl-btn-last)
    > .dxbl-btn:last-child,
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child)
    > .dxbl-btn:not(.dxbl-btn-last),
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child)
    > .dxbl-text-edit,
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child)
    > .dxbl-text-edit
    > .dxbl-btn-group-right
    > .dxbl-btn:last-child,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child).dxbl-btn-group-left
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child)
    > .dxbl-btn-split:not(.dxbl-btn-last)
    > .dxbl-btn:last-child,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child)
    > .dxbl-btn:not(.dxbl-btn-last),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child)
    > .dxbl-text-edit,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child)
    > .dxbl-text-edit
    > .dxbl-btn-group-right
    > .dxbl-btn:last-child,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child).dxbl-btn-group-left
    > .dxbl-btn,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child)
    > .dxbl-btn-split:not(.dxbl-btn-last)
    > .dxbl-btn:last-child,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child)
    > .dxbl-btn:not(.dxbl-btn-last),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child)
    > .dxbl-text-edit,
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child)
    > .dxbl-text-edit
    > .dxbl-btn-group-right
    > .dxbl-btn:last-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child)
    > .dxbl-btn-split:not(.dxbl-btn-last),
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child)
    > .dxbl-btn:not(.dxbl-btn-last),
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child)
    > .dxbl-btn-split:not(.dxbl-btn-last),
.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child)
    > .dxbl-btn:not(.dxbl-btn-last),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child)
    > .dxbl-btn-split:not(.dxbl-btn-last),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child)
    > .dxbl-btn:not(.dxbl-btn-last),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child)
    > .dxbl-btn-split:not(.dxbl-btn-last),
.dxbl-btn-toolbar
    > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar)
    > .dxbl-btn-group
    > .dxbl-toolbar-item:not(:last-child)
    > .dxbl-btn:not(.dxbl-btn-last) {
    margin-right: calc(-1 * var(--DS-border-width-10));
}
.dxbl-toolbar-dropdown-item.dxbl-toolbar-coloredit
    .dxbl-office-bar-coloredit
    > .dxbl-toolbar-coloredit-image-container,
.dxbl-toolbar-dropdown-item.dxbl-toolbar-coloredit
    > .dxbl-toolbar-menu-item
    > .dxbl-dropdown-item
    > .dxbl-btn
    > .dxbl-toolbar-coloredit-image-container,
.dxbl-toolbar-edit.dxbl-toolbar-coloredit
    > .dxbl-btn
    > .dxbl-toolbar-coloredit-image-container.dxbl-toolbar-coloredit-image-hidden {
    position: relative;
    overflow: hidden;
    background-color: var(--back-color);
    width: var(--dxbl-toolbar-coloredit-image-container-width);
    height: var(--dxbl-toolbar-coloredit-image-container-height);
    border: 1px solid var(--DS-color-border-neutral-default-rest);
}
.dxbl-toolbar-dropdown-item.dxbl-toolbar-coloredit
    .dxbl-office-bar-coloredit
    > .dxbl-toolbar-coloredit-image-container.dxbl-toolbar-coloredit-empty::before,
.dxbl-toolbar-dropdown-item.dxbl-toolbar-coloredit
    > .dxbl-toolbar-menu-item
    > .dxbl-dropdown-item
    > .dxbl-btn
    > .dxbl-toolbar-coloredit-image-container.dxbl-toolbar-coloredit-empty::before,
.dxbl-toolbar-edit.dxbl-toolbar-coloredit
    > .dxbl-btn
    > .dxbl-toolbar-coloredit-image-container.dxbl-toolbar-coloredit-image-hidden.dxbl-toolbar-coloredit-empty::before {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    right: 0;
    -webkit-transform: rotate(-45deg) translateY(-1px);
    -o-transform: rotate(-45deg) translateY(-1px);
    transform: rotate(-45deg) translateY(-1px);
    -webkit-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.dxbl-toolbar.dxbl-ribbon-toolbar[data-dx-ribbon-toolbar-loaded]
    .dxbl-toolbar-hidden-item:not(
        .dxbl-toolbar-adaptive-item-preview-image
    ):not(.dxbl-toolbar-group-separator),
.dxbl-toolbar.dxbl-ribbon-toolbar[data-dx-ribbon-toolbar-loaded]
    .dxbl-toolbar-item.dxbl-toolbar-adaptive-item-hidden,
.dxbl-toolbar.dxbl-ribbon-toolbar[data-dx-ribbon-toolbar-loaded]
    .dxbl-toolbar-item.dxbl-toolbar-item-collapsed,
.dxbl-toolbar.dxbl-ribbon-toolbar[data-dx-ribbon-toolbar-loaded].dxbl-loaded
    .dxbl-toolbar-btn-ellipsis
    .dxbl-toolbar-adaptive-item-preview-image.dxbl-toolbar-hidden-item,
.dxbl-toolbar.dxbl-ribbon-toolbar[data-dx-ribbon-toolbar-loaded].dxbl-loaded
    .dxbl-toolbar-btn-ellipsis
    .dxbl-toolbar-adaptive-item-preview-image.dxbl-toolbar-hidden-item
    + .dxbl-toolbar-adaptive-item-text,
.dxbl-toolbar.dxbl-ribbon-toolbar[data-dx-ribbon-toolbar-loaded].dxbl-loaded
    .dxbl-toolbar-btn-ellipsis
    .dxbl-toolbar-adaptive-item-preview-image.dxbl-toolbar-hidden-item
    ~ .dxbl-toolbar-btn-ellipsis-dropdown-mark,
.dxbl-toolbar:not(.dxbl-ribbon-toolbar)
    .dxbl-toolbar-hidden-item:not(
        .dxbl-toolbar-adaptive-item-preview-image
    ):not(.dxbl-toolbar-btn-ellipsis),
.dxbl-toolbar:not(.dxbl-ribbon-toolbar).dxbl-loaded
    .dxbl-toolbar-btn-ellipsis
    .dxbl-toolbar-adaptive-item-preview-image.dxbl-toolbar-hidden-item,
.dxbl-toolbar:not(.dxbl-ribbon-toolbar).dxbl-loaded
    .dxbl-toolbar-btn-ellipsis
    .dxbl-toolbar-adaptive-item-preview-image.dxbl-toolbar-hidden-item
    + .dxbl-toolbar-adaptive-item-text,
.dxbl-toolbar:not(.dxbl-ribbon-toolbar).dxbl-loaded
    .dxbl-toolbar-btn-ellipsis
    .dxbl-toolbar-adaptive-item-preview-image.dxbl-toolbar-hidden-item
    ~ .dxbl-toolbar-btn-ellipsis-dropdown-mark {
    visibility: hidden !important;
    position: relative;
    -webkit-transform: translate(-10000px, -10000px) !important;
    -o-transform: translate(-10000px, -10000px) !important;
    transform: translate(-10000px, -10000px) !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-style: none !important;
}
.dxbl-toolbar.dxbl-ribbon-toolbar
    .dxbl-toolbar-hidden-item:not(
        .dxbl-toolbar-adaptive-item-preview-image
    ):not(.dxbl-toolbar-group-separator),
.dxbl-toolbar.dxbl-ribbon-toolbar
    .dxbl-toolbar-item.dxbl-toolbar-adaptive-item-hidden,
.dxbl-toolbar.dxbl-ribbon-toolbar
    .dxbl-toolbar-item.dxbl-toolbar-item-collapsed,
.dxbl-toolbar.dxbl-ribbon-toolbar.dxbl-loaded
    .dxbl-toolbar-btn-ellipsis
    .dxbl-toolbar-adaptive-item-preview-image.dxbl-toolbar-hidden-item,
.dxbl-toolbar.dxbl-ribbon-toolbar.dxbl-loaded
    .dxbl-toolbar-btn-ellipsis
    .dxbl-toolbar-adaptive-item-preview-image.dxbl-toolbar-hidden-item
    + .dxbl-toolbar-adaptive-item-text,
.dxbl-toolbar.dxbl-ribbon-toolbar.dxbl-loaded
    .dxbl-toolbar-btn-ellipsis
    .dxbl-toolbar-adaptive-item-preview-image.dxbl-toolbar-hidden-item
    ~ .dxbl-toolbar-btn-ellipsis-dropdown-mark {
    visibility: hidden !important;
    position: absolute;
    top: -10000px !important;
    left: -10000px !important;
}
.dxbl-ribbon-toolbar.dxbl-toolbar
    .dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar)
    > .dxbl-toolbar-edit:not(:last-child) {
    margin-right: 0.5rem;
}
.dxbl-ribbon-toolbar.dxbl-toolbar
    .dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-btn-ellipsis:not(.dx-toolbar-first-visible-child),
.dxbl-ribbon-toolbar.dxbl-toolbar
    .dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > :not(.dxbl-toolbar-group-separator)
    + .dxbl-toolbar-btn-ellipsis.dx-toolbar-first-visible-child
    > :not(.dxbl-btn-last, .dxbl-popup-portal),
.dxbl-ribbon-toolbar.dxbl-toolbar
    .dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > :not(.dxbl-toolbar-group-separator)
    + .dxbl-toolbar-btn[visible],
.dxbl-ribbon-toolbar.dxbl-toolbar
    .dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > :not(.dxbl-toolbar-group-separator)
    + .dxbl-toolbar-item[visible] {
    margin-left: 0.5rem;
}
.dxbl-ribbon-toolbar.dxbl-toolbar
    .dxbl-btn-toolbar.dxbl-btn-plain-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn {
    --dxbl-btn-toolbar-item-spacing: 0;
}
.dxbl-ribbon-toolbar.dxbl-toolbar > .dxbl-btn-toolbar {
    position: static;
    padding: unset;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.dxbl-ribbon-toolbar.dxbl-toolbar.dxbl-loading > .dxbl-btn-toolbar {
    position: static;
    overflow: unset;
}
.dxbl-ribbon-toolbar.dxbl-toolbar.dxbl-loading
    > .dxbl-btn-toolbar.dxbl-btn-toolbar
    > .dxbl-btn-group:not(.dxbl-toolbar-btn-ellipsis) {
    visibility: unset;
    width: auto;
}
.dxbl-ribbon-toolbar
    > .dxbl-btn-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis
    > .dxbl-btn:not(:active):not(.dxbl-active):not(:hover)::before {
    opacity: 0;
}
.dxbl-ribbon-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group.dxbl-toolbar-adaptive-item-hidden
    > .dxbl-toolbar-layout-block-item.dxbl-toolbar-btn-ellipsis,
.dxbl-ribbon-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group.dxbl-toolbar-adaptive-item-hidden
    ~ .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-layout-block-item.dxbl-toolbar-btn-ellipsis {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.dxbl-ribbon-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group.dxbl-toolbar-adaptive-item-hidden
    > .dxbl-toolbar-layout-block-item.dxbl-toolbar-btn-ellipsis
    .dxbl-toolbar-icon-more,
.dxbl-ribbon-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group.dxbl-toolbar-adaptive-item-hidden
    ~ .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-layout-block-item.dxbl-toolbar-btn-ellipsis
    .dxbl-toolbar-icon-more {
    --dxbl-btn-image-spacing: 0;
}
.dxbl-ribbon-toolbar.dxbl-loaded
    > .dxbl-btn-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group.dxbl-toolbar-adaptive-item-text-hidden
    > .dxbl-btn
    > .dxbl-image:not(:only-child),
.dxbl-ribbon-toolbar.dxbl-loaded
    > .dxbl-btn-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group.dxbl-toolbar-adaptive-item-text-hidden
    > .dxbl-toolbar-item
    > .dxbl-btn
    > .dxbl-image:not(:only-child),
.dxbl-ribbon-toolbar.dxbl-loaded
    > .dxbl-btn-toolbar
    > .dxbl-btn-group
    > .dxbl-btn.dxbl-toolbar-adaptive-item-text-hidden
    > .dxbl-image:not(:only-child),
.dxbl-ribbon-toolbar.dxbl-loaded
    > .dxbl-btn-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-group.dxbl-toolbar-adaptive-item-text-hidden
    > .dxbl-btn
    > .dxbl-image:not(:only-child),
.dxbl-ribbon-toolbar.dxbl-loaded
    > .dxbl-btn-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn-group.dxbl-toolbar-adaptive-item-text-hidden
    > .dxbl-toolbar-item
    > .dxbl-btn
    > .dxbl-image:not(:only-child),
.dxbl-ribbon-toolbar.dxbl-loaded
    > .dxbl-btn-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn.dxbl-toolbar-adaptive-item-text-hidden
    > .dxbl-image:not(:only-child) {
    margin-right: 0;
}
.dxbl-ribbon-toolbar .dxbl-btn-group {
    position: static;
}
.dxbl-toolbar-coloredit-image-container {
    --dxbl-toolbar-coloredit-image-container-width: var(--DS-sizing-160);
    --dxbl-toolbar-coloredit-image-container-height: var(--DS-sizing-160);
}
.dxbl-sm .dxbl-toolbar-coloredit-image-container {
    --dxbl-toolbar-coloredit-image-container-width: var(--DS-sizing-160);
    --dxbl-toolbar-coloredit-image-container-height: var(--DS-sizing-160);
}
.dxbl-lg .dxbl-toolbar-coloredit-image-container {
    --dxbl-toolbar-coloredit-image-container-width: var(--DS-sizing-160);
    --dxbl-toolbar-coloredit-image-container-height: var(--DS-sizing-160);
}
.dxbl-toolbar:not(.dxbl-ribbon-toolbar)
    > .dxbl-btn-toolbar
    > .dxbl-btn-group
    > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis {
    display: none;
}
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-adaptive-item-hidden
    .dxbl-toolbar-layout-block-group.dxbl-toolbar-adaptive-item-all-hidden
    > .dxbl-toolbar-item
    > .dxbl-toolbar-layout-block-item
    > .dxbl-btn
    > .dxbl-image
    + span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-adaptive-item-hidden
    .dxbl-toolbar-layout-block-group.dxbl-toolbar-adaptive-item-all-hidden
    > .dxbl-toolbar-item
    > .dxbl-toolbar-layout-block-item
    > .dxbl-btn
    > span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-adaptive-item-hidden
    .dxbl-toolbar-layout-block-group.dxbl-toolbar-adaptive-item-all-hidden
    > .dxbl-toolbar-layout-block-item
    > .dxbl-btn
    > .dxbl-image
    + span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-adaptive-item-hidden
    .dxbl-toolbar-layout-block-group.dxbl-toolbar-adaptive-item-all-hidden
    > .dxbl-toolbar-layout-block-item
    > .dxbl-btn
    > span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-adaptive-item-hidden
    .dxbl-toolbar-layout-block-group.dxbl-toolbar-adaptive-item-all-hidden
    ~ .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-item
    > .dxbl-toolbar-layout-block-item
    > .dxbl-btn
    > .dxbl-image
    + span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-adaptive-item-hidden
    .dxbl-toolbar-layout-block-group.dxbl-toolbar-adaptive-item-all-hidden
    ~ .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-item
    > .dxbl-toolbar-layout-block-item
    > .dxbl-btn
    > span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-adaptive-item-hidden
    .dxbl-toolbar-layout-block-group.dxbl-toolbar-adaptive-item-all-hidden
    ~ .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-layout-block-item
    > .dxbl-btn
    > .dxbl-image
    + span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-adaptive-item-hidden
    .dxbl-toolbar-layout-block-group.dxbl-toolbar-adaptive-item-all-hidden
    ~ .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-layout-block-item
    > .dxbl-btn
    > span:not(.dxbl-image) {
    display: none;
}
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group.dxbl-toolbar-adaptive-item-all-hidden
    .dxbl-toolbar-adaptive-item-hidden
    + .dxbl-toolbar-placeholder
    ~ .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-layout-block-item
    > .dxbl-btn
    > .dxbl-image
    + span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group.dxbl-toolbar-adaptive-item-all-hidden
    .dxbl-toolbar-adaptive-item-hidden
    > .dxbl-toolbar-layout-block-item
    > .dxbl-btn
    > span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group.dxbl-toolbar-adaptive-item-all-hidden
    .dxbl-toolbar-adaptive-item-hidden
    ~ .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-layout-block-item
    > .dxbl-btn
    > .dxbl-image
    + span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-item.dxbl-toolbar-adaptive-item-all-hidden
    .dxbl-toolbar-adaptive-item-hidden
    + .dxbl-toolbar-placeholder
    ~ .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-layout-block-item
    > .dxbl-btn
    > .dxbl-image
    + span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-item.dxbl-toolbar-adaptive-item-all-hidden
    .dxbl-toolbar-adaptive-item-hidden
    > .dxbl-toolbar-layout-block-item
    > .dxbl-btn
    > span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-item.dxbl-toolbar-adaptive-item-all-hidden
    .dxbl-toolbar-adaptive-item-hidden
    ~ .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-layout-block-item
    > .dxbl-btn
    > .dxbl-image
    + span:not(.dxbl-image) {
    display: none;
}
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group.dxbl-toolbar-adaptive-item-text-hidden
    + .dxbl-toolbar-placeholder
    ~ .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-layout-block-item:not(.dxbl-toolbar-btn-ellipsis)
    > .dxbl-btn
    > .dxbl-image
    + span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group.dxbl-toolbar-adaptive-item-text-hidden
    + .dxbl-toolbar-placeholder
    ~ .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-layout-block-item:not(.dxbl-toolbar-btn-ellipsis)
    > .dxbl-image
    + span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-item.dxbl-toolbar-adaptive-item-text-hidden
    + .dxbl-toolbar-placeholder
    ~ .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-layout-block-item:not(.dxbl-toolbar-btn-ellipsis)
    > .dxbl-btn
    > .dxbl-image
    + span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-item.dxbl-toolbar-adaptive-item-text-hidden
    + .dxbl-toolbar-placeholder
    ~ .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-layout-block-item:not(.dxbl-toolbar-btn-ellipsis)
    > .dxbl-image
    + span:not(.dxbl-image) {
    display: none;
}
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group.dxbl-toolbar-adaptive-item-text-hidden
    ~ .dxbl-toolbar-item
    > .dxbl-toolbar-layout-block-item:not(.dxbl-toolbar-btn-ellipsis)
    > .dxbl-btn
    > .dxbl-image
    + span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group.dxbl-toolbar-adaptive-item-text-hidden
    ~ .dxbl-toolbar-item
    > .dxbl-toolbar-layout-block-item:not(.dxbl-toolbar-btn-ellipsis)
    > .dxbl-image
    + span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group.dxbl-toolbar-adaptive-item-text-hidden
    ~ .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-item
    > .dxbl-toolbar-layout-block-item:not(.dxbl-toolbar-btn-ellipsis)
    > .dxbl-btn
    > .dxbl-image
    + span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group.dxbl-toolbar-adaptive-item-text-hidden
    ~ .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-item
    > .dxbl-toolbar-layout-block-item:not(.dxbl-toolbar-btn-ellipsis)
    > .dxbl-image
    + span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group.dxbl-toolbar-adaptive-item-text-hidden
    ~ .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-layout-block-item:not(.dxbl-toolbar-btn-ellipsis)
    > .dxbl-btn
    > .dxbl-image
    + span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group.dxbl-toolbar-adaptive-item-text-hidden
    ~ .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-layout-block-item:not(.dxbl-toolbar-btn-ellipsis)
    > .dxbl-image
    + span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-item.dxbl-toolbar-adaptive-item-text-hidden
    ~ .dxbl-toolbar-item
    > .dxbl-toolbar-layout-block-item:not(.dxbl-toolbar-btn-ellipsis)
    > .dxbl-btn
    > .dxbl-image
    + span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-item.dxbl-toolbar-adaptive-item-text-hidden
    ~ .dxbl-toolbar-item
    > .dxbl-toolbar-layout-block-item:not(.dxbl-toolbar-btn-ellipsis)
    > .dxbl-image
    + span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-item.dxbl-toolbar-adaptive-item-text-hidden
    ~ .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-item
    > .dxbl-toolbar-layout-block-item:not(.dxbl-toolbar-btn-ellipsis)
    > .dxbl-btn
    > .dxbl-image
    + span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-item.dxbl-toolbar-adaptive-item-text-hidden
    ~ .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-item
    > .dxbl-toolbar-layout-block-item:not(.dxbl-toolbar-btn-ellipsis)
    > .dxbl-image
    + span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-item.dxbl-toolbar-adaptive-item-text-hidden
    ~ .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-layout-block-item:not(.dxbl-toolbar-btn-ellipsis)
    > .dxbl-btn
    > .dxbl-image
    + span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-item.dxbl-toolbar-adaptive-item-text-hidden
    ~ .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-layout-block-item:not(.dxbl-toolbar-btn-ellipsis)
    > .dxbl-image
    + span:not(.dxbl-image) {
    display: none;
}
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-item
    > .dxbl-toolbar-layout-block-item.dxbl-toolbar-adaptive-item-text-hidden
    ~ .dxbl-toolbar-layout-block-item:not(.dxbl-toolbar-btn-ellipsis)
    > .dxbl-btn
    > .dxbl-image
    + span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-item
    > .dxbl-toolbar-layout-block-item.dxbl-toolbar-adaptive-item-text-hidden
    ~ .dxbl-toolbar-layout-block-item:not(.dxbl-toolbar-btn-ellipsis)
    > .dxbl-image
    + span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-layout-block-item.dxbl-toolbar-adaptive-item-text-hidden
    ~ .dxbl-toolbar-layout-block-item:not(.dxbl-toolbar-btn-ellipsis)
    > .dxbl-btn
    > .dxbl-image
    + span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-layout-block-item.dxbl-toolbar-adaptive-item-text-hidden
    ~ .dxbl-toolbar-layout-block-item:not(.dxbl-toolbar-btn-ellipsis)
    > .dxbl-image
    + span:not(.dxbl-image) {
    display: none;
}
.dxbl-toolbar.dxbl-loaded
    > .dxbl-btn-toolbar.dxbl-toolbar-adaptive-item-text-hidden
    .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-item:not(:only-child)
    > .dxbl-toolbar-layout-block-item:not(.dxbl-toolbar-btn-ellipsis)
    > .dxbl-btn
    > .dxbl-image
    + span:not(.dxbl-image),
.dxbl-toolbar.dxbl-loaded
    > .dxbl-btn-toolbar.dxbl-toolbar-adaptive-item-text-hidden
    .dxbl-toolbar-layout-block-group
    > .dxbl-toolbar-item:not(:only-child)
    > .dxbl-toolbar-layout-block-item:not(.dxbl-toolbar-btn-ellipsis)
    > .dxbl-image
    + span:not(.dxbl-image) {
    display: none;
}
.dxbl-toolbar.dxbl-loaded
    > .dxbl-btn-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-adaptive-item-text-hidden.dxbl-btn-group
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-loaded
    > .dxbl-btn-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-adaptive-item-text-hidden.dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-loaded
    > .dxbl-btn-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-adaptive-item-text-hidden.dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-loaded
    > .dxbl-btn-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-adaptive-item-text-hidden.dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-loaded
    > .dxbl-btn-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-adaptive-item-text-hidden.dxbl-toolbar-item
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-loaded
    > .dxbl-btn-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-toolbar-adaptive-item-text-hidden.dxbl-btn-group
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-loaded
    > .dxbl-btn-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-toolbar-adaptive-item-text-hidden.dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-loaded
    > .dxbl-btn-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-toolbar-adaptive-item-text-hidden.dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-loaded
    > .dxbl-btn-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-toolbar-adaptive-item-text-hidden.dxbl-btn
    > .dxbl-image
    + span,
.dxbl-toolbar.dxbl-loaded
    > .dxbl-btn-toolbar
    > .dxbl-btn-group
    > .dxbl-toolbar-item
    > .dxbl-toolbar-adaptive-item-text-hidden.dxbl-toolbar-item
    > .dxbl-btn
    > .dxbl-image
    + span {
    display: none;
}
.dxbl-toolbar:not(.dxbl-ribbon-toolbar)
    .dxbl-toolbar-hidden-item:not(
        .dxbl-toolbar-adaptive-item-preview-image
    ).dxbl-toolbar-btn-ellipsis {
    visibility: hidden !important;
}
.dxbl-toolbar-edit > .dxbl-toolbar-menu-item > .dxbl-toolbar-item-tmpl {
    width: 100%;
}
.dxbl-toolbar-edit > .dxbl-toolbar-item-tmpl > div,
.dxbl-toolbar-edit > .dxbl-toolbar-menu-item > .dxbl-toolbar-item-tmpl > div,
.dxbl-toolbar-edit
    > .dxbl-toolbar-menu-item
    > div:not(.dxbl-btn-split):not(.dxbl-toolbar-item-tmpl) {
    padding-right: 0.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    height: 100%;
    white-space: nowrap;
}
.dxbl-toolbar-edit > .dxbl-toolbar-item-tmpl > div > .dxbl-image,
.dxbl-toolbar-edit
    > .dxbl-toolbar-menu-item
    > .dxbl-toolbar-item-tmpl
    > div
    > .dxbl-image,
.dxbl-toolbar-edit
    > .dxbl-toolbar-menu-item
    > div:not(.dxbl-btn-split):not(.dxbl-toolbar-item-tmpl)
    > .dxbl-image {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.dxbl-toolbar-edit
    > .dxbl-toolbar-item-tmpl
    > div
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ),
.dxbl-toolbar-edit
    > .dxbl-toolbar-menu-item
    > .dxbl-toolbar-item-tmpl
    > div
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ),
.dxbl-toolbar-edit
    > .dxbl-toolbar-menu-item
    > div:not(.dxbl-btn-split):not(.dxbl-toolbar-item-tmpl)
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ) {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.dxbl-toolbar-edit
    > .dxbl-toolbar-item-tmpl
    > div
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    )
    > .dxbl-btn-group-vertical
    > .dxbl-btn,
.dxbl-toolbar-edit
    > .dxbl-toolbar-item-tmpl
    > div
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    )
    > .dxbl-btn-group
    > .dxbl-btn,
.dxbl-toolbar-edit
    > .dxbl-toolbar-menu-item
    > .dxbl-toolbar-item-tmpl
    > div
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    )
    > .dxbl-btn-group-vertical
    > .dxbl-btn,
.dxbl-toolbar-edit
    > .dxbl-toolbar-menu-item
    > .dxbl-toolbar-item-tmpl
    > div
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    )
    > .dxbl-btn-group
    > .dxbl-btn,
.dxbl-toolbar-edit
    > .dxbl-toolbar-menu-item
    > div:not(.dxbl-btn-split):not(.dxbl-toolbar-item-tmpl)
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    )
    > .dxbl-btn-group-vertical
    > .dxbl-btn,
.dxbl-toolbar-edit
    > .dxbl-toolbar-menu-item
    > div:not(.dxbl-btn-split):not(.dxbl-toolbar-item-tmpl)
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    )
    > .dxbl-btn-group
    > .dxbl-btn {
    border-color: transparent;
}
.dxbl-toolbar-edit
    > .dxbl-toolbar-item-tmpl
    > div
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ):not(.dxbl-disabled):not(:disabled):hover,
.dxbl-toolbar-edit
    > .dxbl-toolbar-menu-item
    > .dxbl-toolbar-item-tmpl
    > div
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ):not(.dxbl-disabled):not(:disabled):hover,
.dxbl-toolbar-edit
    > .dxbl-toolbar-menu-item
    > div:not(.dxbl-btn-split):not(.dxbl-toolbar-item-tmpl)
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ):not(.dxbl-disabled):not(:disabled):hover {
    border-color: var(--dxbl-text-edit-border-color);
    -webkit-box-shadow: var(--dxbl-text-edit-box-shadow);
    box-shadow: var(--dxbl-text-edit-box-shadow);
}
.dxbl-toolbar-edit
    > .dxbl-toolbar-item-tmpl
    > div
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ):not(.dxbl-disabled):not(:disabled):hover
    > .dxbl-btn-group-vertical
    > .dxbl-btn,
.dxbl-toolbar-edit
    > .dxbl-toolbar-item-tmpl
    > div
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ):not(.dxbl-disabled):not(:disabled):hover
    > .dxbl-btn-group
    > .dxbl-btn,
.dxbl-toolbar-edit
    > .dxbl-toolbar-menu-item
    > .dxbl-toolbar-item-tmpl
    > div
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ):not(.dxbl-disabled):not(:disabled):hover
    > .dxbl-btn-group-vertical
    > .dxbl-btn,
.dxbl-toolbar-edit
    > .dxbl-toolbar-menu-item
    > .dxbl-toolbar-item-tmpl
    > div
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ):not(.dxbl-disabled):not(:disabled):hover
    > .dxbl-btn-group
    > .dxbl-btn,
.dxbl-toolbar-edit
    > .dxbl-toolbar-menu-item
    > div:not(.dxbl-btn-split):not(.dxbl-toolbar-item-tmpl)
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ):not(.dxbl-disabled):not(:disabled):hover
    > .dxbl-btn-group-vertical
    > .dxbl-btn,
.dxbl-toolbar-edit
    > .dxbl-toolbar-menu-item
    > div:not(.dxbl-btn-split):not(.dxbl-toolbar-item-tmpl)
    > .dxbl-text-edit:not(:focus-within):not(.dxbl-focused):not(
        .dxbl-text-display-view
    ):not(.dxbl-disabled):not(:disabled):hover
    > .dxbl-btn-group
    > .dxbl-btn {
    border-color: var(--dxbl-btn-border-color);
}
.dxbl-toolbar-edit
    > .dxbl-toolbar-item-tmpl
    > div
    > .dxbl-btn-group.dxbl-btn-group-right
    > .dxbl-btn.dxbl-btn-outline-secondary.dxbl-edit-btn-dropdown,
.dxbl-toolbar-edit
    > .dxbl-toolbar-menu-item
    > .dxbl-toolbar-item-tmpl
    > div
    > .dxbl-btn-group.dxbl-btn-group-right
    > .dxbl-btn.dxbl-btn-outline-secondary.dxbl-edit-btn-dropdown,
.dxbl-toolbar-edit
    > .dxbl-toolbar-menu-item
    > div:not(.dxbl-btn-split):not(.dxbl-toolbar-item-tmpl)
    > .dxbl-btn-group.dxbl-btn-group-right
    > .dxbl-btn.dxbl-btn-outline-secondary.dxbl-edit-btn-dropdown {
    --dxbl-btn-color: var(--dxbl-text-edit-btn-color);
    --dxbl-btn-border-color: var(--dxbl-text-edit-border-color);
}
.dxbl-toolbar-edit.dxbl-office-bar-spinedit
    > .dxbl-toolbar-menu-item
    > div:not(.dxbl-btn-split)
    > .dxbl-text-edit:not(:first-child),
.dxbl-toolbar-edit.dxbl-office-bar-spinedit
    > div
    > .dxbl-text-edit:not(:first-child) {
    margin-left: 0.4em;
}
.dxbl-toolbar-edit.dxbl-office-bar-spinedit
    > .dxbl-toolbar-menu-item
    > div:not(.dxbl-btn-split)
    > .dxbl-text-edit:not(:first-child)::before,
.dxbl-toolbar-edit.dxbl-office-bar-spinedit
    > div
    > .dxbl-text-edit:not(:first-child)::before {
    content: "";
    margin-left: 0.4em;
}
.dxbl-toolbar-edit.dxbl-toolbar-coloredit
    > .dxbl-btn:first-child
    > .dxbl-toolbar-coloredit-image-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.dxbl-toolbar-edit.dxbl-toolbar-coloredit
    > .dxbl-btn:first-child
    > .dxbl-toolbar-coloredit-image-container
    .dxbl-image {
    margin-top: -2px;
}
.dxbl-toolbar-edit.dxbl-toolbar-coloredit
    > .dxbl-btn:first-child
    > .dxbl-toolbar-coloredit-image-container
    + span {
    margin-left: 0.4em;
}
.dxbl-toolbar-edit.dxbl-toolbar-coloredit
    > .dxbl-btn:first-child
    > .dxbl-toolbar-coloredit-image-container:not(
        .dxbl-toolbar-coloredit-image-hidden
    )::after {
    content: " ";
    height: 2px;
    margin-bottom: -2px;
    background-color: var(--back-color);
    width: 100%;
    opacity: 1;
    position: absolute;
    bottom: 0;
}
.dxbl-toolbar-edit.dxbl-toolbar-combobox .dxbl-text-edit input[readonly] {
    cursor: pointer;
}
.dxbl-toolbar-dropdown-item {
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-toolbar-dropdown-item .dxbl-image + span,
.dxbl-toolbar-dropdown-item .dxbl-toolbar-coloredit-image-container + span {
    margin-left: 0.4em;
}
.dxbl-toolbar-dropdown-item.dxbl-toolbar-edit
    > .dxbl-toolbar-menu-item
    > .dxbl-toolbar-item-tmpl
    > div
    > .dxbl-text-edit {
    margin-left: auto;
}
.dxbl-toolbar-dropdown {
    --dxbl-toolbar-dropdown-dialog-width: 500px;
    --dxbl-toolbar-dropdown-min-width: 10rem;
    --dxbl-toolbar-dropdown-bottom-sheet-width: 100%;
    --dxbl-toolbar-dropdown-modal-max-width: 580px;
    --dxbl-toolbar-dropdown-padding-x: 0;
    --dxbl-toolbar-dropdown-padding-y: 0.5rem;
    --dxbl-toolbar-separator-border-width: 1px;
    --dxbl-toolbar-separator-border-style: solid;
    --dxbl-toolbar-separator-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-dropdown-min-width: var(--dxbl-toolbar-dropdown-min-width);
}
.dxbl-toolbar-dropdown .dxbl-toolbar-dropdown-item-separator {
    height: 0;
    margin: 0;
    overflow: hidden;
    border-top: var(--dxbl-toolbar-separator-border-width)
        var(--dxbl-toolbar-separator-border-style)
        var(--dxbl-toolbar-separator-border-color);
}
.dxbl-toolbar-dropdown .dxbl-toolbar-dropdown-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-itemlist-dropdown:not([data-dx-focus-hidden])
    > .dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item.dxbl-toolbar-item-tmpl:focus-visible,
.dxbl-modal:not([data-dx-focus-hidden])
    .dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item.dxbl-toolbar-item-tmpl:focus-visible {
    outline: var(--dxbl-toolbar-dropdown-btn-focus-outline-width) solid
        var(--dxbl-toolbar-dropdown-btn-focus-outline-color);
    outline-offset: calc(
        var(--dxbl-toolbar-dropdown-btn-focus-outline-width) * -1
    );
}
.dxbl-itemlist-dropdown:not([data-dx-focus-hidden])
    > .dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item
    > .dxbl-toolbar-menu-item
    > .dxbl-btn-split:focus-visible,
.dxbl-modal:not([data-dx-focus-hidden])
    .dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item
    > .dxbl-toolbar-menu-item
    > .dxbl-btn-split:focus-visible {
    outline: var(--dxbl-toolbar-dropdown-btn-focus-outline-width) solid
        var(--dxbl-toolbar-dropdown-btn-focus-outline-color);
    outline-offset: calc(
        var(--dxbl-toolbar-dropdown-btn-focus-outline-width) * -1
    );
}
.dxbl-itemlist-dropdown:not([data-dx-focus-hidden])
    > .dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item
    > .dxbl-toolbar-menu-item
    > .dxbl-dropdown-item.dxbl-btn-split
    > .dxbl-btn:focus-visible,
.dxbl-itemlist-dropdown:not([data-dx-focus-hidden])
    > .dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item
    > .dxbl-toolbar-menu-item
    > .dxbl-dropdown-item.dxbl-btn:focus-visible,
.dxbl-modal:not([data-dx-focus-hidden])
    .dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item
    > .dxbl-toolbar-menu-item
    > .dxbl-dropdown-item.dxbl-btn-split
    > .dxbl-btn:focus-visible,
.dxbl-modal:not([data-dx-focus-hidden])
    .dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item
    > .dxbl-toolbar-menu-item
    > .dxbl-dropdown-item.dxbl-btn:focus-visible {
    --dxbl-btn-focus-outline-color: var(
        --dxbl-toolbar-dropdown-btn-focus-outline-color
    );
    --dxbl-btn-focus-outline-size: var(
        --dxbl-toolbar-dropdown-btn-focus-outline-width
    );
    --dxbl-btn-focus-outline-offset: calc(
        var(--dxbl-toolbar-dropdown-btn-focus-outline-width) * -1
    );
}
.dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item.dxbl-toolbar-edit
    > .dxbl-toolbar-menu-item
    > .dxbl-toolbar-item-tmpl
    > div {
    padding-left: 0.5rem;
}
.dxbl-toolbar-dropdown .dxbl-toolbar-dropdown-item .dxbl-toolbar-menu-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item
    .dxbl-toolbar-menu-item
    > .dxbl-btn {
    padding-right: calc(var(--dxbl-btn-padding-x) / 2);
}
.dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item
    .dxbl-toolbar-menu-item
    .dxbl-dropdown-item {
    position: relative;
    text-decoration: none;
    text-align: inherit;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item
    .dxbl-toolbar-menu-item
    .dxbl-dropdown-item.dxbl-btn-split
    .dxbl-btn:first-child,
.dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item
    .dxbl-toolbar-menu-item
    .dxbl-dropdown-item.dxbl-btn-split:first-child,
.dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item
    .dxbl-toolbar-menu-item
    .dxbl-dropdown-item.dxbl-btn:first-child {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item
    .dxbl-toolbar-menu-item
    .dxbl-dropdown-item.dxbl-btn,
.dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item
    .dxbl-toolbar-menu-item
    .dxbl-dropdown-item.dxbl-btn-split
    > .dxbl-btn {
    --dxbl-btn-text-color: var(--DS-color-content-neutral-subdued-rest);
    --dxbl-btn-outline-color: var(--DS-color-content-neutral-subdued-rest);
    --dxbl-btn-secondary-color: var(--DS-color-content-neutral-subdued-rest);
    --dxbl-btn-font-weight: var(--DS-font-weight-caption-1);
    --dxbl-btn-hover-bg: var(--DS-color-surface-neutral-default-hovered);
    --dxbl-btn-active-bg: var(--DS-color-surface-neutral-default-hovered);
    --dxbl-btn-focus-outline-offset: calc(
        var(--dxbl-btn-focus-outline-size) * -1
    );
}
.dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item
    .dxbl-toolbar-menu-item
    .dxbl-dropdown-item
    > .dxbl-toolbar-dropdown-toggle {
    margin-left: auto;
}
.dxbl-toolbar-dropdown.dxbl-dropdown-dialog
    .dxbl-toolbar-dropdown-item
    .dxbl-toolbar-menu-item
    .dxbl-dropdown-item.dxbl-btn,
.dxbl-toolbar-dropdown.dxbl-dropdown-dialog
    .dxbl-toolbar-dropdown-item
    .dxbl-toolbar-menu-item
    .dxbl-dropdown-item.dxbl-btn-split
    > .dxbl-btn {
    --dxbl-btn-border-radius: 0;
}
.dxbl-toolbar-dropdown.dxbl-dropdown-dialog .dxbl-dropdown-body {
    --dxbl-dropdown-body-padding-x: var(--dxbl-toolbar-dropdown-padding-x);
    --dxbl-dropdown-body-padding-top: var(--dxbl-toolbar-dropdown-padding-y);
    --dxbl-dropdown-body-padding-bottom: var(--dxbl-toolbar-dropdown-padding-y);
}
.dxbl-toolbar-dropdown.dxbl-dropdown-dialog
    .dxbl-dropdown-body
    > .dx-blazor-colorpicker {
    border-style: none;
    border-radius: 0;
}
.dxbl-toolbar-dropdown.dxbl-toolbar-dropdown-modal.dxbl-popup.dxbl-toolbar-bottom-sheet,
.dxbl-toolbar-dropdown.dxbl-toolbar-dropdown-modal.dxbl-popup.dxbl-toolbar-dialog {
    margin: 0 auto;
    left: 0;
    right: 0;
}
.dxbl-toolbar-dropdown > .dxbl-dropdown-body,
.dxbl-toolbar-dropdown > .dxbl-modal-content > .dxbl-modal-body {
    padding: 0;
}
.dxbl-toolbar-dropdown > .dxbl-dropdown-body > .dxbl-toolbar-dropdown-item-list,
.dxbl-toolbar-dropdown
    > .dxbl-modal-content
    > .dxbl-modal-body
    > .dxbl-toolbar-dropdown-item-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
.dxbl-toolbar-dropdown.dxbl-popup.dxbl-toolbar-dropdown-modal.dxbl-toolbar-dialog {
    max-height: 75%;
}
.dxbl-toolbar-dropdown.dxbl-popup.dxbl-toolbar-dropdown-modal.dxbl-toolbar-bottom-sheet {
    height: 100%;
    position: fixed;
    -webkit-transition: top 0.5s ease;
    -o-transition: top 0.5s ease;
    transition: top 0.5s ease;
}
.dxbl-toolbar-dropdown.dxbl-popup.dxbl-toolbar-dropdown-modal.dxbl-toolbar-bottom-sheet:not(
        .show
    ) {
    top: 100%;
}
.dxbl-toolbar-dropdown.dxbl-popup.dxbl-toolbar-dropdown-modal.dxbl-toolbar-bottom-sheet.topVertical.show {
    top: 58%;
    max-height: 42%;
}
.dxbl-toolbar-dropdown.dxbl-popup.dxbl-toolbar-dropdown-modal.dxbl-toolbar-bottom-sheet.topHorizontal.show {
    top: 50%;
    max-height: 50%;
}
.dxbl-toolbar-dropdown.dxbl-popup.dxbl-toolbar-dropdown-modal.dxbl-toolbar-bottom-sheet
    > .dxbl-modal-content {
    height: 100%;
}
.dxbl-toolbar-dropdown.dxbl-popup.dxbl-toolbar-dropdown-modal.dxbl-toolbar-bottom-sheet
    > .dxbl-modal-content
    > .dxbl-modal-header {
    border-radius: inherit;
}
.dxbl-office-ribbon .dxbl-tabs-tablist {
    border-bottom: var(--DS-border-width-10) solid
        var(--DS-color-border-neutral-default-rest);
}
.dxbl-office-ribbon .dxbl-tabs-content-panel {
    overflow: hidden;
}
.dxbl-office-ribbon .dxbl-office-ribbon-context-tab {
    --dxbl-tabs-tab-default-color: var(--dxbl-tabs-tab-context-color);
    --dxbl-tabs-tab-active-color: var(--dxbl-tabs-tab-context-color);
    --dxbl-tabs-tab-default-hover-color: var(--dxbl-tabs-tab-context-color);
    --dxbl-tabs-tab-active-hover-color: var(
        --dxbl-tabs-tab-context-hover-color
    );
    --dxbl-tabs-tab-default-font-weight: var(
        --dxbl-tabs-tab-context-font-weight
    );
    --dxbl-tabs-tab-active-font-weight: var(
        --dxbl-tabs-tab-context-font-weight
    );
    --dxbl-tabs-tab-default-hover-font-weight: var(
        --dxbl-tabs-tab-context-font-weight
    );
    --dxbl-tabs-tab-active-hover-font-weight: var(
        --dxbl-tabs-tab-context-font-weight
    );
    --dxbl-tabs-tab-active-hover-bg: var(--dxbl-tabs-tab-context-hover-bg);
    --dxbl-tabs-tab-icon-color: var(--dxbl-tabs-tab-context-icon-color);
    --dxbl-tabs-tab-icon-hover-color: var(--dxbl-tabs-tab-context-icon-color);
}
.dxbl-office-ribbon .dxbl-office-ribbon-context-tab.dxbl-active:hover {
    --dxbl-tabs-tab-icon-hover-color: var(
        --dxbl-tabs-tab-context-icon-hover-color
    );
}
.dxbl-office-ribbon .dxbl-ribbon-toolbar {
    padding: 0.5rem;
}
.dxbl-office-ribbon-tab-content.dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item
    .dxbl-toolbar-coloredit-image-container
    + span,
.dxbl-office-ribbon-tab-content.dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item
    .image
    + .dxbl-text-edit,
.dxbl-office-ribbon-tab-content.dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item
    .image
    + span {
    padding-left: 0.2em;
}
.dxbl-office-ribbon-tab-content.dxbl-toolbar-dropdown.dxbl-toolbar-dropdown-modal.dxbl-office-bar-dropdown-header {
    display: none;
}
.dxbl-office-ribbon-tab-content.dxbl-toolbar-dropdown.dxbl-office-bar-dropdown-horizontal.dxbl-toolbar-dropdown {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
}
.dxbl-office-ribbon-tab-content.dxbl-toolbar-dropdown.dxbl-office-bar-dropdown-horizontal.dxbl-toolbar-dropdown
    .dxbl-office-bar-dropdown-header {
    padding: 0 0.75rem 0.25rem;
    width: 100%;
}
.dxbl-office-ribbon-tab-content.dxbl-toolbar-dropdown.dxbl-office-bar-dropdown-horizontal.dxbl-toolbar-dropdown
    .dxbl-office-bar-dropdown-break,
.dxbl-office-ribbon-tab-content.dxbl-toolbar-dropdown.dxbl-office-bar-dropdown-horizontal.dxbl-toolbar-dropdown
    .dxbl-office-bar-dropdown-header {
    display: block;
}
.dxbl-office-ribbon-tab-content.dxbl-toolbar-dropdown.dxbl-office-bar-dropdown-horizontal.dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item:not(.dxbl-toolbar-item-tmpl) {
    display: inline-block;
    margin: 0.125em 0;
}
.dxbl-office-ribbon-tab-content.dxbl-toolbar-dropdown.dxbl-office-bar-dropdown-horizontal.dxbl-toolbar-dropdown
    .dxbl-office-bar-dropdown-horizontal-content.dxbl-dropdown-item {
    padding: 0.625rem;
}
.dxbl-office-ribbon-tab-content.dxbl-toolbar-dropdown.dxbl-office-bar-dropdown-horizontal.dxbl-toolbar-dropdown
    .dxbl-office-bar-dropdown-horizontal-content
    span {
    display: none;
}
.dxbl-office-bar-combobox-large:not(.dxbl-toolbar-dropdown-item)
    .dxbl-text-edit {
    width: 120px;
}
.dxbl-office-bar-combobox-large.dxbl-toolbar-dropdown-item .dxbl-text-edit {
    width: 180px;
}
.dxbl-office-bar-combobox-large.dxbl-toolbar-dropdown-item .image + span {
    padding-right: 2em;
}
.dxbl-office-bar-combobox-small:not(.dxbl-toolbar-dropdown-item)
    .dxbl-text-edit {
    width: 65px;
}
.dxbl-office-bar-combobox-small.dxbl-toolbar-dropdown-item .dxbl-text-edit {
    width: 80px;
}
.dxbl-office-bar-combobox-medium:not(.dxbl-toolbar-dropdown-item)
    .dxbl-text-edit {
    width: 175px;
}
.dxbl-office-bar-spinedit:not(.dxbl-toolbar-dropdown-item) {
    width: 90px;
}
.dxbl-office-bar-spinedit > .dxbl-toolbar-menu-item > div > .dxbl-text-edit {
    width: 100px;
}
.dxreRoot {
    --dxre-primary-color: var(--DS-color-content-primary-default-rest);
    --dxre-view-background-color: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxre-ruler-tab-align-box-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxre-ruler-tab-align-item-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxre-ruler-column-handle-bg-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxre-ruler-margin-area-bg-color: var(
        --DS-color-surface-neutral-default-disabled
    );
    --dxre-ruler-main-area-bg-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxre-ruler-number-color: currentcolor;
    --dxre-ruler-slider-bg-color: var(--DS-color-surface-neutral-default-rest);
    --dxre-ruler-slider-stroke-color: var(
        --DS-color-border-neutral-inverted-subdued-rest
    );
    --dxre-ruler-table-column-separator-bg-color: var(
        --DS-color-surface-neutral-default-disabled
    );
    --dxre-ruler-division-color: var(
        --DS-color-border-secondary-subdued-pressed
    );
    --dxre-background-color: var(--DS-color-surface-neutral-default-rest);
    --dxre-border-width: var(--DS-border-width-10);
    --dxre-border-radius: var(--DS-border-radius-40);
    --dxre-quick-search-border-radius: var(--DS-border-radius-40);
    --dxre-border-color: var(--DS-color-border-neutral-default-rest);
    --dxre-bg-color: var(--DS-color-surface-neutral-default-rest);
}
.dxbrv-wrapper {
    --dxbrv-primary-color: var(--DS-color-content-primary-default-rest);
    --dxbrv-secondary-color: var(--DS-color-content-neutral-default-disabled);
    --dxbrv-light-color: var(--DS-color-surface-neutral-subdued-hovered);
    --dxbrv-dark-color: var(--DS-color-content-neutral-static-inverted-rest);
    --dxbrv-white-color: var(--DS-color-content-neutral-static-rest);
    --dxbrv-gray-color: var(--DS-color-content-neutral-deep-rest);
    --dxbrv-danger-color: var(--DS-color-content-danger-default-rest);
    --dxbrv-group-bg-color: var(--DS-color-surface-neutral-default-rest);
    --dxbrv-border-color: var(--DS-color-border-neutral-default-rest);
}
.dxbl-upload {
    --dxbl-upload-padding-top: var(--DS-sizing-200);
    --dxbl-upload-image-spacing: var(--DS-sizing-60);
    --dxbl-upload-file-margin-bottom: var(--DS-sizing-120);
    --dxbl-upload-file-size-color: var(--DS-color-content-neutral-subdued-rest);
    --dxbl-upload-file-size-padding-left: var(--DS-sizing-120);
    --dxbl-upload-file-btn-padding: var(--DS-sizing-80);
    --dxbl-upload-file-font-weight: var(--DS-font-weight-caption-2);
    --dxbl-upload-file-height: var(--DS-sizing-400);
    --dxbl-upload-file-image-margin: var(--DS-sizing-0);
    --dxbl-upload-file-list-view-padding-top: calc(
        var(--DS-sizing-200) + var(--DS-sizing-20)
    );
    --dxbl-upload-upload-file-btn-padding: var(--DS-sizing-120)
        var(--DS-sizing-80) var(--DS-sizing-120) var(--DS-sizing-100);
    --dxbl-upload-upload-file-btn-hover-bg: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxbl-upload-load-state-font-size: var(--DS-font-size-caption-2);
    --dxbl-upload-load-state-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-upload-max-file-warning-border-radius: var(--DS-border-radius-80);
    --dxbl-upload-max-file-warning-border-color: var(
        --DS-color-surface-warning-default-rest
    );
    --dxbl-upload-max-file-warning-icon-margin: 0.625rem 0 0;
    --dxbl-upload-max-file-warning-icon-color: var(
        --DS-color-content-warning-default-rest
    );
    --dxbl-upload-max-file-warning-message-margin: var(--DS-sizing-80);
    --dxbl-upload-max-file-warning-bg: var(
        --DS-color-surface-warning-subdued-rest
    );
    --dxbl-upload-max-file-warning-padding: var(--DS-sizing-0)
        var(--DS-sizing-80);
    --dxbl-upload-max-file-warning-margin-top: var(--DS-sizing-160);
}
.dxbl-upload {
    padding-top: var(--dxbl-upload-padding-top);
}
.dxbl-upload .dxbl-upload-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}
.dxbl-upload .dxbl-upload-container .dxbl-upload-panel {
    text-wrap: nowrap;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    gap: 1rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.dxbl-upload
    .dxbl-upload-container
    .dxbl-upload-panel
    .dxbl-upload-button-panel {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 0.5rem;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-left: auto;
}
.dxbl-upload .dxbl-upload-container .dxbl-upload-file-list-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: var(--dxbl-upload-file-list-view-padding-top);
}
.dxbl-upload
    .dxbl-upload-container
    .dxbl-upload-file-list-view
    .dxbl-upload-file-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: var(--dxbl-upload-file-margin-bottom);
    height: var(--dxbl-upload-file-height);
}
.dxbl-upload
    .dxbl-upload-container
    .dxbl-upload-file-list-view
    .dxbl-upload-file-view
    .dxbl-btn {
    padding: var(--dxbl-upload-file-btn-padding);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    cursor: pointer;
}
.dxbl-upload
    .dxbl-upload-container
    .dxbl-upload-file-list-view
    .dxbl-upload-file-view
    .dxbl-btn
    .dxbl-image {
    display: inline-block;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin: var(--dxbl-upload-file-image-margin);
}
.dxbl-upload
    .dxbl-upload-container
    .dxbl-upload-file-list-view
    .dxbl-upload-file-view
    .dxbl-btn.dxbl-upload-file-btn {
    --dxbl-upload-file-btn-padding: var(--dxbl-upload-upload-file-btn-padding);
    pointer-events: none;
}
.dxbl-upload
    .dxbl-upload-container
    .dxbl-upload-file-list-view
    .dxbl-upload-file-view
    .dxbl-upload-file-view-icon-container {
    padding-left: var(--DS-sizing-160);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 0;
}
.dxbl-upload
    .dxbl-upload-container
    .dxbl-upload-file-list-view
    .dxbl-upload-file-view
    .dxbl-upload-file-view-icon-container
    .dxbl-btn {
    --dxbl-btn-hover-bg: var(--dxbl-upload-upload-file-btn-hover-bg);
}
.dxbl-upload
    .dxbl-upload-container
    .dxbl-upload-file-list-view
    .dxbl-upload-file-view
    .dxbl-upload-file-view-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-width: var(--DS-sizing-0);
}
.dxbl-upload
    .dxbl-upload-container
    .dxbl-upload-file-list-view
    .dxbl-upload-file-view
    .dxbl-upload-file-view-details
    .dxbl-upload-file-view-info {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.dxbl-upload
    .dxbl-upload-container
    .dxbl-upload-file-list-view
    .dxbl-upload-file-view
    .dxbl-upload-file-view-details
    .dxbl-upload-file-view-info
    .dxbl-upload-file-view-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: var(--dxbl-upload-file-font-weight);
}
.dxbl-upload
    .dxbl-upload-container
    .dxbl-upload-file-list-view
    .dxbl-upload-file-view
    .dxbl-upload-file-view-details
    .dxbl-upload-file-view-info
    .dxbl-upload-file-view-progress-bar-value {
    margin-left: auto;
}
.dxbl-upload
    .dxbl-upload-container
    .dxbl-upload-file-list-view
    .dxbl-upload-file-view
    .dxbl-upload-file-view-details
    .dxbl-upload-file-view-load-state {
    font-size: var(--dxbl-upload-load-state-font-size);
    color: var(--dxbl-upload-load-state-color);
}
.dxbl-upload
    .dxbl-upload-container
    .dxbl-upload-file-list-view
    .dxbl-upload-file-view
    .dxbl-upload-file-view-details
    .dxbl-upload-file-view-size {
    padding-left: var(--dxbl-upload-file-size-padding-left);
    color: var(--dxbl-upload-file-size-color);
    white-space: nowrap;
}
.dxbl-upload .dxbl-upload-container .dxbl-upload-max-file-warning {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--dxbl-upload-max-file-warning-bg);
    border-radius: var(--dxbl-upload-max-file-warning-border-radius);
    border: var(--DS-border-width-10) solid
        var(--dxbl-upload-max-file-warning-border-color);
    padding: var(--dxbl-upload-max-file-warning-padding);
    margin-top: var(--dxbl-upload-max-file-warning-margin-top);
    width: 100%;
}
.dxbl-upload
    .dxbl-upload-container
    .dxbl-upload-max-file-warning
    > .dxbl-upload-max-file-warning-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: var(--dxbl-upload-max-file-warning-message-margin);
}
.dxbl-upload
    .dxbl-upload-container
    .dxbl-upload-max-file-warning
    > .dxbl-image {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: var(--dxbl-upload-max-file-warning-icon-margin);
    fill: var(--dxbl-upload-max-file-warning-icon-color);
}
.dxbl-upload .dxbl-upload-container .dxbl-upload-max-file-warning > .dxbl-btn {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: var(--dxbl-upload-max-file-warning-message-margin)
        var(--DS-sizing-0);
    padding: var(--DS-sizing-0);
    border: var(--DS-border-width-0);
}
.dxbl-upload
    .dxbl-upload-container
    .dxbl-upload-max-file-warning
    > .dxbl-btn
    > .dxbl-image {
    margin: var(--DS-sizing-0);
}
.dxbl-upload.dxbl-upload-full-width {
    width: 100%;
}
.dxbl-upload.dxbl-upload-hide {
    display: none;
}
@media (max-width: 474px) {
    .dxbl-upload .dxbl-upload-button-panel .dxbl-btn-caption {
        display: none;
    }
}
.dxbl-upload
    .dxbl-upload-file-view-load-state.dxbl-upload-file-view-invalid-load-state {
    --dxbl-upload-load-state-color: var(--DS-color-content-danger-default-rest);
}
.dxbl-upload
    .dxbl-upload-file-view-load-state.dxbl-upload-file-view-success-load-state {
    --dxbl-upload-load-state-color: var(--DS-color-border-success-subdued-rest);
}
.dxbl-rollers-container {
    --dxbl-roller-item-focus-outline-width: var(--DS-border-width-20);
    --dxbl-roller-item-focus-outline-radius: var(--DS-border-radius-40);
    --dxbl-roller-item-focus-outline-color: var(--DS-color-theme-builder-focus);
    --dxbl-roller-title-font-weight: var(--DS-font-weight-title-1);
    --dxbl-roller-item-selection-font-weight: 600;
    --dxbl-roller-title-color: var(--DS-color-content-neutral-subdued-rest);
    --dxbl-roller-after-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-rollers-container-padding-top-s: var(--DS-sizing-40);
    --dxbl-rollers-container-padding-top-m: var(--DS-sizing-60);
    --dxbl-rollers-container-padding-top-l: var(--DS-sizing-80);
    --dxbl-rollers-container-padding-bottom-s: var(--DS-sizing-80);
    --dxbl-rollers-container-padding-bottom-m: var(--DS-sizing-120);
    --dxbl-rollers-container-padding-bottom-l: var(--DS-sizing-160);
    --dxbl-rollers-container-padding-x-s: var(--DS-sizing-80);
    --dxbl-rollers-container-padding-x-m: var(--DS-sizing-120);
    --dxbl-rollers-container-padding-x-l: var(--DS-sizing-160);
    --dxbl-roller-item-padding-y-s: var(--DS-sizing-60);
    --dxbl-roller-item-padding-y-m: var(--DS-sizing-80);
    --dxbl-roller-item-padding-y-l: calc(
        var(--DS-sizing-100) + var(--DS-sizing-10)
    );
    --dxbl-roller-item-padding-x-s: var(--DS-sizing-80);
    --dxbl-roller-item-padding-x-m: var(--DS-sizing-120);
    --dxbl-roller-item-padding-x-l: var(--DS-sizing-160);
    --dxbl-roller-title-padding-y-s: var(--DS-sizing-40);
    --dxbl-roller-title-padding-y-m: var(--DS-sizing-60);
    --dxbl-roller-title-padding-y-l: calc(
        var(--DS-sizing-80) + var(--DS-sizing-10)
    );
    --dxbl-roller-title-padding-x-s: var(--DS-sizing-80);
    --dxbl-roller-title-padding-x-m: var(--DS-sizing-120);
    --dxbl-roller-title-padding-x-l: var(--DS-sizing-160);
    --dxbl-roller-title-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-roller-title-font-size-m: var(--DS-font-size-body-1);
    --dxbl-roller-title-font-size-l: var(--DS-font-size-body-2);
    --dxbl-roller-title-font-family-s: var(--DS-font-family-sans-serif);
    --dxbl-roller-title-font-family-m: var(--DS-font-family-sans-serif);
    --dxbl-roller-title-font-family-l: var(--DS-font-family-sans-serif);
    --dxbl-roller-title-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-roller-title-line-height-m: var(--DS-line-height-body-1);
    --dxbl-roller-title-line-height-l: var(--DS-line-height-body-2);
    --dxbl-roller-title-font-weight-s: var(--DS-font-weight-caption-1);
    --dxbl-roller-title-font-weight-m: var(--DS-font-weight-body-1);
    --dxbl-roller-title-font-weight-l: var(--DS-font-weight-body-2);
}
.dxbl-rollers-footer {
    --dxbl-rollers-footer-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-rollers-footer-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-rollers-border-color: var(--DS-color-border-neutral-muted-rest);
    --dxbl-rollers-border-style: none;
    --dxbl-rollers-border-width: var(--DS-border-width-10);
    --dxbl-rollers-footer-padding-y-s: var(--DS-sizing-60);
    --dxbl-rollers-footer-padding-y-m: var(--DS-sizing-80);
    --dxbl-rollers-footer-padding-y-l: var(--DS-sizing-100);
    --dxbl-rollers-footer-padding-x-s: var(--DS-sizing-60);
    --dxbl-rollers-footer-padding-x-m: var(--DS-sizing-80);
    --dxbl-rollers-footer-padding-x-l: var(--DS-sizing-100);
}
.dxbl-rollers-header {
    --dxbl-rollers-header-font-size-s: var(--DS-font-size-caption-1-strong);
    --dxbl-rollers-header-font-size-m: var(--DS-font-size-body-1-strong);
    --dxbl-rollers-header-font-size-l: var(--DS-font-size-subtitle-2);
    --dxbl-rollers-header-font-family-s: var(--DS-font-family-sans-serif);
    --dxbl-rollers-header-font-family-m: var(--DS-font-family-sans-serif);
    --dxbl-rollers-header-font-family-l: var(--DS-font-family-sans-serif);
    --dxbl-rollers-header-line-height-s: var(--DS-line-height-caption-1-strong);
    --dxbl-rollers-header-line-height-m: var(--DS-line-height-body-1-strong);
    --dxbl-rollers-header-line-height-l: var(--DS-line-height-subtitle-2);
    --dxbl-rollers-header-font-weight-s: var(--DS-font-weight-caption-1-strong);
    --dxbl-rollers-header-font-weight-m: var(--DS-font-weight-body-1-strong);
    --dxbl-rollers-header-font-weight-l: var(--DS-font-weight-subtitle-2);
    --dxbl-rollers-header-padding-x-s: var(--DS-sizing-80);
    --dxbl-rollers-header-padding-x-m: var(--DS-sizing-100);
    --dxbl-rollers-header-padding-x-l: var(--DS-sizing-120);
    --dxbl-rollers-header-padding-top-s: var(--DS-sizing-80);
    --dxbl-rollers-header-padding-top-m: var(--DS-sizing-100);
    --dxbl-rollers-header-padding-top-l: var(--DS-sizing-120);
}
.dxbl-rollers-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    padding: var(--dxbl-rollers-container-padding-top)
        var(--dxbl-rollers-container-padding-x)
        var(--dxbl-rollers-container-padding-bottom)
        var(--dxbl-rollers-container-padding-x);
}
.dxbl-rollers-container .dxbl-roller-container {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    position: relative;
}
.dxbl-rollers-container .dxbl-roller-container .dxbl-roller {
    outline: 0;
    overflow: hidden;
    position: relative;
    color: inherit;
}
.dxbl-rollers-container .dxbl-roller-container .dxbl-roller-title {
    font-size: var(--dxbl-roller-title-font-size);
    font-weight: var(--dxbl-roller-title-font-weight);
    font-family: var(--dxbl-roller-title-font-family);
    line-height: var(--dxbl-roller-title-line-height);
    padding: var(--dxbl-roller-title-padding-y)
        var(--dxbl-roller-title-padding-x);
    text-align: center;
    color: var(--dxbl-roller-title-color);
}
.dxbl-rollers-container .dxbl-roller-after,
.dxbl-rollers-container .dxbl-roller-item {
    text-align: center;
    padding: var(--dxbl-roller-item-padding-y) var(--dxbl-roller-item-padding-x);
    will-change: transform, opacity;
    white-space: nowrap;
}
.dxbl-rollers-container .dxbl-roller-item,
.dxbl-rollers-container .dxbl-roller-item.dxbl-roller-expander {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.dxbl-rollers-container .dxbl-roller-item.dxbl-roller-expander {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    padding: 0 1rem;
}
.dxbl-rollers-container .dxbl-roller-after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border-color: var(--dxbl-roller-after-border-color);
    cursor: default;
}
.dxbl-rollers-container .dxbl-roller-after .dxbl-roller-item,
.dxbl-rollers-container .dxbl-roller-after::after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    font-weight: var(--dxbl-roller-item-selection-font-weight);
}
.dxbl-rollers-container .dxbl-roller-after::after {
    content: " ";
    border-top: 1px solid var(--dxbl-roller-after-border-color);
    border-bottom: 1px solid var(--dxbl-roller-after-border-color);
    z-index: 2;
}
.dxbl-rollers-container:not([data-dx-focus-hidden])
    .dxbl-roller-after:focus-visible {
    outline: var(--dxbl-roller-item-focus-outline-width) solid
        var(--dxbl-roller-item-focus-outline-color);
    outline-offset: calc(var(--dxbl-roller-item-focus-outline-width) * -1);
    border-radius: var(--dxbl-roller-item-focus-outline-radius);
}
.dxbl-rollers-container.dxbl-roller-invalid-data
    .dxbl-roller-after
    > .dxbl-roller-item {
    color: var(--dxbl-roller-after-border-color);
}
.dxbl-rollers-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: var(--dxbl-rollers-footer-padding-y)
        var(--dxbl-rollers-footer-padding-x);
    border-top: var(--dxbl-rollers-border-width)
        var(--dxbl-rollers-border-style) var(--dxbl-rollers-border-color);
    background-color: var(--dxbl-rollers-footer-bg);
    color: var(--dxbl-rollers-footer-color);
}
.dxbl-rollers-footer > .dxbl-btn {
    --dxbl-btn-focus-box-shadow: none;
    --dxbl-btn-focus-outline-color: var(--dxbl-roller-item-focus-outline-color);
    --dxbl-btn-focus-outline-size: var(--dxbl-roller-item-focus-outline-width);
}
.dxbl-rollers-header {
    --dxbl-edit-dropdown-header-title-font-family: var(
        --dxbl-rollers-header-font-family
    );
    --dxbl-edit-dropdown-header-title-font-size: var(
        --dxbl-rollers-header-font-size
    );
    --dxbl-edit-dropdown-header-title-line-height: var(
        --dxbl-rollers-header-line-height
    );
    --dxbl-edit-dropdown-header-title-font-weight: var(
        --dxbl-rollers-header-font-weight
    );
    --dxbl-edit-dropdown-header-padding-x: var(--dxbl-rollers-header-padding-x);
    --dxbl-edit-dropdown-header-padding-top: var(
        --dxbl-rollers-header-padding-top
    );
    --dxbl-edit-dropdown-header-padding-bottom: var(--DS-sizing-0);
    --dxbl-edit-dropdown-border-width: var(--DS-border-width-0);
    z-index: 1;
}
.dxbl-dropdown
    > .dxbl-dropdown-dialog.dxbl-edit-dropdown
    .dxbl-edit-dropdown-header
    > .dxbl-btn {
    --dxbl-btn-hover-bg: var(--dxbl-rollers-header-btn-hover-bg);
    --dxbl-btn-hover-color: var(--dxbl-rollers-header-btn-hover-color);
    --dxbl-btn-hover-border-color: var(
        --dxbl-rollers-header-btn-hover-border-color
    );
    --dxbl-btn-pressed-bg: var(--dxbl-rollers-header-btn-pressed-bg);
    --dxbl-btn-pressed-color: var(--dxbl-rollers-header-btn-pressed-color);
    --dxbl-btn-pressed-border-color: var(
        --dxbl-rollers-header-btn-pressed-border-color
    );
}
.dxbl-dropdown
    > .dxbl-dropdown-dialog.dxbl-edit-dropdown
    .dxbl-edit-dropdown-header
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):hover {
    background-color: var(--dxbl-btn-hover-bg);
    border-color: var(--dxbl-btn-hover-border-color);
    color: var(--dxbl-btn-hover-color);
}
.dxbl-dropdown
    > .dxbl-dropdown-dialog.dxbl-edit-dropdown
    .dxbl-edit-dropdown-header
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):active {
    background-color: var(--dxbl-btn-pressed-bg);
    border-color: var(--dxbl-btn-pressed-border-color);
    color: var(--dxbl-btn-pressed-color);
}
.dxbl-rollers-container {
    --dxbl-rollers-container-padding-top: var(
        --dxbl-rollers-container-padding-top-m
    );
    --dxbl-rollers-container-padding-bottom: var(
        --dxbl-rollers-container-padding-bottom-m
    );
    --dxbl-rollers-container-padding-x: var(
        --dxbl-rollers-container-padding-x-m
    );
    --dxbl-roller-item-padding-y: var(--dxbl-roller-item-padding-y-m);
    --dxbl-roller-item-padding-x: var(--dxbl-roller-item-padding-x-m);
    --dxbl-roller-title-padding-y: var(--dxbl-roller-title-padding-y-m);
    --dxbl-roller-title-padding-x: var(--dxbl-roller-title-padding-x-m);
    --dxbl-roller-title-font-size: var(--dxbl-roller-title-font-size-m);
    --dxbl-roller-title-font-family: var(--dxbl-roller-title-font-family-m);
    --dxbl-roller-title-line-height: var(--dxbl-roller-title-line-height-m);
    --dxbl-roller-title-font-weight: var(--dxbl-roller-title-font-weight-m);
}
.dxbl-rollers-footer {
    --dxbl-rollers-footer-padding-y: var(--dxbl-rollers-footer-padding-y-m);
    --dxbl-rollers-footer-padding-x: var(--dxbl-rollers-footer-padding-x-m);
}
.dxbl-rollers-header {
    --dxbl-rollers-header-font-size: var(--dxbl-rollers-header-font-size-m);
    --dxbl-rollers-header-font-family: var(--dxbl-rollers-header-font-family-m);
    --dxbl-rollers-header-line-height: var(--dxbl-rollers-header-line-height-m);
    --dxbl-rollers-header-font-weight: var(--dxbl-rollers-header-font-weight-m);
    --dxbl-rollers-header-padding-x: var(--dxbl-rollers-header-padding-x-m);
    --dxbl-rollers-header-padding-top: var(--dxbl-rollers-header-padding-top-m);
    --dxbl-rollers-header-btn-hover-color: var(
        --DS-color-content-neutral-subdued-hovered
    );
    --dxbl-rollers-header-btn-pressed-color: var(
        --DS-color-content-neutral-subdued-pressed
    );
    --dxbl-rollers-header-btn-hover-bg: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxbl-rollers-header-btn-pressed-bg: var(
        --DS-color-surface-neutral-default-pressed
    );
    --dxbl-rollers-header-btn-hover-border-color: var(
        --DS-color-border-neutral-default-hovered
    );
    --dxbl-rollers-header-btn-pressed-border-color: var(
        --DS-color-border-neutral-default-pressed
    );
}
.dxbl-sm .dxbl-rollers-container {
    --dxbl-rollers-container-padding-top: var(
        --dxbl-rollers-container-padding-top-s
    );
    --dxbl-rollers-container-padding-bottom: var(
        --dxbl-rollers-container-padding-bottom-s
    );
    --dxbl-rollers-container-padding-x: var(
        --dxbl-rollers-container-padding-x-s
    );
    --dxbl-roller-item-padding-y: var(--dxbl-roller-item-padding-y-s);
    --dxbl-roller-item-padding-x: var(--dxbl-roller-item-padding-x-s);
    --dxbl-roller-title-padding-y: var(--dxbl-roller-title-padding-y-s);
    --dxbl-roller-title-padding-x: var(--dxbl-roller-title-padding-x-s);
    --dxbl-roller-title-font-size: var(--dxbl-roller-title-font-size-s);
    --dxbl-roller-title-font-family: var(--dxbl-roller-title-font-family-s);
    --dxbl-roller-title-line-height: var(--dxbl-roller-title-line-height-s);
    --dxbl-roller-title-font-weight: var(--dxbl-roller-title-font-weight-s);
}
.dxbl-sm .dxbl-rollers-footer {
    --dxbl-rollers-footer-padding-y: var(--dxbl-rollers-footer-padding-y-s);
    --dxbl-rollers-footer-padding-x: var(--dxbl-rollers-footer-padding-x-s);
}
.dxbl-sm .dxbl-rollers-header {
    --dxbl-rollers-header-font-size: var(--dxbl-rollers-header-font-size-s);
    --dxbl-rollers-header-font-family: var(--dxbl-rollers-header-font-family-s);
    --dxbl-rollers-header-line-height: var(--dxbl-rollers-header-line-height-s);
    --dxbl-rollers-header-font-weight: var(--dxbl-rollers-header-font-weight-s);
    --dxbl-rollers-header-padding-x: var(--dxbl-rollers-header-padding-x-s);
    --dxbl-rollers-header-padding-top: var(--dxbl-rollers-header-padding-top-s);
}
.dxbl-lg .dxbl-rollers-container {
    --dxbl-rollers-container-padding-top: var(
        --dxbl-rollers-container-padding-top-l
    );
    --dxbl-rollers-container-padding-bottom: var(
        --dxbl-rollers-container-padding-bottom-l
    );
    --dxbl-rollers-container-padding-x: var(
        --dxbl-rollers-container-padding-x-l
    );
    --dxbl-roller-item-padding-y: var(--dxbl-roller-item-padding-y-l);
    --dxbl-roller-item-padding-x: var(--dxbl-roller-item-padding-x-l);
    --dxbl-roller-title-padding-y: var(--dxbl-roller-title-padding-y-l);
    --dxbl-roller-title-padding-x: var(--dxbl-roller-title-padding-x-l);
    --dxbl-roller-title-font-size: var(--dxbl-roller-title-font-size-l);
    --dxbl-roller-title-font-family: var(--dxbl-roller-title-font-family-l);
    --dxbl-roller-title-line-height: var(--dxbl-roller-title-line-height-l);
    --dxbl-roller-title-font-weight: var(--dxbl-roller-title-font-weight-l);
}
.dxbl-lg .dxbl-rollers-footer {
    --dxbl-rollers-footer-padding-y: var(--dxbl-rollers-footer-padding-y-l);
    --dxbl-rollers-footer-padding-x: var(--dxbl-rollers-footer-padding-x-l);
}
.dxbl-lg .dxbl-rollers-header {
    --dxbl-rollers-header-font-size: var(--dxbl-rollers-header-font-size-l);
    --dxbl-rollers-header-font-family: var(--dxbl-rollers-header-font-family-l);
    --dxbl-rollers-header-line-height: var(--dxbl-rollers-header-line-height-l);
    --dxbl-rollers-header-font-weight: var(--dxbl-rollers-header-font-weight-l);
    --dxbl-rollers-header-padding-x: var(--dxbl-rollers-header-padding-x-l);
    --dxbl-rollers-header-padding-top: var(--dxbl-rollers-header-padding-top-l);
}
.dxbl-dropdown:not([data-dx-focus-hidden])
    .dxbl-rollers-container
    .dxbl-roller-after:focus::after,
.dxbl-modal:not([data-dx-focus-hidden])
    .dxbl-rollers-container
    .dxbl-roller-after:focus::after {
    --dxbl-roller-after-border-color: var(
        --dxbl-roller-item-focus-outline-color
    );
}
.dxbl-wait-indicator {
    --dxbl-wait-indicator-color: var(--DS-color-content-primary-default-rest);
    --dxbl-wait-indicator-spin-animation: dxbl-indicator-animation-spin 0.75s
        infinite linear;
    --dxbl-wait-indicator-pulse-animation: dxbl-indicator-animation-pulse 1.2s
        cubic-bezier(0.52, 0.6, 0.25, 0.99) infinite;
    --dxbl-wait-indicator-flip-animation: var(
            --dxbl-wait-indicator-flip-animation-rotation-y
        )
        1.4s infinite ease-in-out;
    --dxbl-wait-indicator-flip-animation-rotation-y: dxbl-indicator-animation-flip-rotation-y;
    --dxbl-wait-indicator-flip-animation-rotation-x: dxbl-indicator-animation-flip-rotation-x;
    --dxbl-wait-indicator-size-s: var(--DS-sizing-160);
    --dxbl-wait-indicator-size-m: var(--DS-sizing-200);
    --dxbl-wait-indicator-size-l: var(--DS-sizing-240);
}
.dxbl-wait-indicator {
    --dxbl-wait-indicator-size: var(--dxbl-wait-indicator-size-m);
    --dxbl-wait-indicator-fill: initial;
    --dxbl-wait-indicator-transform-origin: initial;
}
.dxbl-wait-indicator.dxbl-sm {
    --dxbl-wait-indicator-size: var(--dxbl-wait-indicator-size-s);
}
.dxbl-wait-indicator.dxbl-lg {
    --dxbl-wait-indicator-size: var(--dxbl-wait-indicator-size-l);
}
.dxbl-wait-indicator.dxbl-wait-indicator-spin {
    --dxbl-wait-indicator-transform-origin: center;
    --dxbl-wait-indicator-animation: var(--dxbl-wait-indicator-spin-animation);
}
.dxbl-wait-indicator.dxbl-wait-indicator-pulse {
    --dxbl-wait-indicator-transform-origin: center;
    --dxbl-wait-indicator-fill: var(--dxbl-wait-indicator-color);
    --dxbl-wait-indicator-animation: var(--dxbl-wait-indicator-pulse-animation);
}
.dxbl-wait-indicator.dxbl-wait-indicator-flip {
    --dxbl-wait-indicator-fill: var(--dxbl-wait-indicator-color);
    --dxbl-wait-indicator-animation: var(--dxbl-wait-indicator-flip-animation);
}
.dxbl-wait-indicator {
    display: inline-block;
    height: var(--dxbl-wait-indicator-size);
    width: var(--dxbl-wait-indicator-size);
    min-width: var(--dxbl-wait-indicator-size);
    -webkit-animation: var(--dxbl-wait-indicator-animation);
    -o-animation: var(--dxbl-wait-indicator-animation);
    animation: var(--dxbl-wait-indicator-animation);
    fill: var(--dxbl-wait-indicator-fill);
    -webkit-transform-origin: var(--dxbl-wait-indicator-transform-origin);
    -o-transform-origin: var(--dxbl-wait-indicator-transform-origin);
    transform-origin: var(--dxbl-wait-indicator-transform-origin);
}
.dxbl-wait-indicator > svg {
    vertical-align: unset;
}
.dxbl-wait-indicator.dxbl-wait-indicator-spin {
    overflow: hidden;
}
.dxbl-wait-indicator.dxbl-wait-indicator-spin > svg > g > g {
    stroke: var(--dxbl-wait-indicator-color);
}
.dxbl-wait-indicator.dxbl-wait-indicator-spin > svg > g > circle {
    fill: transparent;
    stroke: var(--dxbl-wait-indicator-color);
    opacity: 0.3;
}
@-webkit-keyframes dxbl-indicator-animation-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes dxbl-indicator-animation-spin {
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes dxbl-indicator-animation-spin {
    100% {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes dxbl-indicator-animation-pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}
@-o-keyframes dxbl-indicator-animation-pulse {
    0% {
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    100% {
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}
@keyframes dxbl-indicator-animation-pulse {
    0% {
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}
@-webkit-keyframes dxbl-indicator-animation-flip-rotation-y {
    0% {
        -webkit-transform: perspective(120px) rotateY(0);
        transform: perspective(120px) rotateY(0);
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(360deg);
        transform: perspective(120px) rotateY(360deg);
    }
}
@-o-keyframes dxbl-indicator-animation-flip-rotation-y {
    0% {
        transform: perspective(120px) rotateY(0);
    }
    100% {
        transform: perspective(120px) rotateY(360deg);
    }
}
@keyframes dxbl-indicator-animation-flip-rotation-y {
    0% {
        -webkit-transform: perspective(120px) rotateY(0);
        transform: perspective(120px) rotateY(0);
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(360deg);
        transform: perspective(120px) rotateY(360deg);
    }
}
@-webkit-keyframes dxbl-indicator-animation-flip-rotation-x {
    0% {
        -webkit-transform: perspective(120px) rotateX(0);
        transform: perspective(120px) rotateX(0);
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(360deg);
        transform: perspective(120px) rotateX(360deg);
    }
}
@-o-keyframes dxbl-indicator-animation-flip-rotation-x {
    0% {
        transform: perspective(120px) rotateX(0);
    }
    100% {
        transform: perspective(120px) rotateX(360deg);
    }
}
@keyframes dxbl-indicator-animation-flip-rotation-x {
    0% {
        -webkit-transform: perspective(120px) rotateX(0);
        transform: perspective(120px) rotateX(0);
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(360deg);
        transform: perspective(120px) rotateX(360deg);
    }
}
.dxbl-loading-panel {
    --dxbl-loading-panel-underlay-bg: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-loading-panel-overlay-bg: color(
        from var(--DS-color-surface-neutral-default-rest) srgb calc(r) calc(g)
            calc(b)/var(--DS-opacity-15)
    );
    --dxbl-loading-panel-message-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-loading-panel-shading-color: color(
        from var(--DS-color-surface-neutral-default-rest) srgb calc(r) calc(g)
            calc(b)/var(--DS-opacity-75)
    );
    --dxbl-loading-panel-indicator-no-area-text-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-loading-panel-indicator-no-area-indicator-color: var(
        --DS-color-content-primary-default-rest
    );
    --dxbl-loading-panel-indicator-area-border-radius: var(
        --DS-border-radius-theme-builder-default
    );
    --dxbl-loading-panel-indicator-area-background-color: var(
        --DS-color-content-neutral-inverted-rest
    );
    --dxbl-loading-panel-indicator-area-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-loading-panel-indicator-area-box-shadow: var(
        --DS-box-shadow-shadow-2
    );
    --dxbl-loading-panel-indicator-area-margin: var(--DS-sizing-160);
    --dxbl-loading-panel-indicator-area-height: unset;
    --dxbl-loading-panel-indicator-area-width: unset;
    --dxbl-loading-panel-width: 100%;
    --dxbl-loading-panel-height: 100%;
    --dxbl-loading-panel-indicator-size-s: var(--DS-sizing-240);
    --dxbl-loading-panel-indicator-size-m: var(--DS-sizing-320);
    --dxbl-loading-panel-indicator-size-l: var(--DS-sizing-400);
    --dxbl-loading-panel-message-font-size-s: var(--DS-font-size-body-1);
    --dxbl-loading-panel-message-font-size-m: var(--DS-font-size-subtitle-2);
    --dxbl-loading-panel-message-font-size-l: var(--DS-font-size-subtitle-2);
    --dxbl-loading-panel-message-font-weight-s: var(--DS-font-weight-body-1);
    --dxbl-loading-panel-message-font-weight-m: var(
        --DS-font-weight-subtitle-2
    );
    --dxbl-loading-panel-message-font-weight-l: var(
        --DS-font-weight-subtitle-2
    );
    --dxbl-loading-panel-message-line-height-s: var(--DS-line-height-body-1);
    --dxbl-loading-panel-message-line-height-m: var(
        --DS-line-height-subtitle-2
    );
    --dxbl-loading-panel-message-line-height-l: var(
        --DS-line-height-subtitle-2
    );
    --dxbl-loading-panel-message-spacing-s: var(--DS-sizing-80);
    --dxbl-loading-panel-message-spacing-m: var(--DS-sizing-120);
    --dxbl-loading-panel-message-spacing-l: var(--DS-sizing-160);
    --dxbl-loading-panel-indicator-area-padding-x-s: var(--DS-sizing-160);
    --dxbl-loading-panel-indicator-area-padding-x-m: var(--DS-sizing-200);
    --dxbl-loading-panel-indicator-area-padding-x-l: var(--DS-sizing-240);
    --dxbl-loading-panel-indicator-area-padding-y-s: var(--DS-sizing-160);
    --dxbl-loading-panel-indicator-area-padding-y-m: var(--DS-sizing-160);
    --dxbl-loading-panel-indicator-area-padding-y-l: var(--DS-sizing-160);
}
.dxbl-loading-panel {
    --dxbl-loading-panel-indicator-size: var(
        --dxbl-loading-panel-indicator-size-m
    );
    --dxbl-loading-panel-message-font-size: var(
        --dxbl-loading-panel-message-font-size-m
    );
    --dxbl-loading-panel-message-font-weight: var(
        --dxbl-loading-panel-message-font-weight-m
    );
    --dxbl-loading-panel-message-line-height: var(
        --dxbl-loading-panel-message-line-height-m
    );
    --dxbl-loading-panel-message-spacing: var(
        --dxbl-loading-panel-message-spacing-m
    );
    --dxbl-loading-panel-indicator-area-padding-x: var(
        --dxbl-loading-panel-indicator-area-padding-x-m
    );
    --dxbl-loading-panel-indicator-area-padding-y: var(
        --dxbl-loading-panel-indicator-area-padding-y-m
    );
}
.dxbl-loading-panel.dxbl-sm {
    --dxbl-loading-panel-indicator-size: var(
        --dxbl-loading-panel-indicator-size-s
    );
    --dxbl-loading-panel-message-font-size: var(
        --dxbl-loading-panel-message-font-size-s
    );
    --dxbl-loading-panel-message-font-weight: var(
        --dxbl-loading-panel-message-font-weight-s
    );
    --dxbl-loading-panel-message-line-height: var(
        --dxbl-loading-panel-message-line-height-s
    );
    --dxbl-loading-panel-message-spacing: var(
        --dxbl-loading-panel-message-spacing-s
    );
    --dxbl-loading-panel-indicator-area-padding-x: var(
        --dxbl-loading-panel-indicator-area-padding-x-s
    );
    --dxbl-loading-panel-indicator-area-padding-y: var(
        --dxbl-loading-panel-indicator-area-padding-y-s
    );
}
.dxbl-loading-panel.dxbl-lg {
    --dxbl-loading-panel-indicator-size: var(
        --dxbl-loading-panel-indicator-size-l
    );
    --dxbl-loading-panel-message-font-size: var(
        --dxbl-loading-panel-message-font-size-l
    );
    --dxbl-loading-panel-message-font-weight: var(
        --dxbl-loading-panel-message-font-weight-l
    );
    --dxbl-loading-panel-message-line-height: var(
        --dxbl-loading-panel-message-line-height-l
    );
    --dxbl-loading-panel-message-spacing: var(
        --dxbl-loading-panel-message-spacing-l
    );
    --dxbl-loading-panel-indicator-area-padding-x: var(
        --dxbl-loading-panel-indicator-area-padding-x-l
    );
    --dxbl-loading-panel-indicator-area-padding-y: var(
        --dxbl-loading-panel-indicator-area-padding-y-l
    );
}
.dxbl-loading-panel {
    top: 0;
    left: 0;
}
.dxbl-loading-panel:not([dxbl-loaded]) {
    display: none;
}
.dxbl-loading-panel .dxbl-loading-panel-underlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: var(--dxbl-loading-panel-underlay-bg);
    pointer-events: none;
    top: 0;
    left: 0;
    opacity: 1;
}
.dxbl-loading-panel .dxbl-loading-panel-underlay > .dxbl-loading-panel-overlay {
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: var(--dxbl-loading-panel-overlay-bg);
}
.dxbl-loading-panel
    .dxbl-loading-panel-underlay.dxbl-loading-panel-content-visible {
    opacity: 0;
}
.dxbl-loading-panel .dxbl-loading-panel-message {
    font-size: var(--dxbl-loading-panel-message-font-size);
    font-weight: var(--dxbl-loading-panel-message-font-weight);
    line-height: var(--dxbl-loading-panel-message-line-height);
    color: var(--dxbl-loading-panel-message-color);
}
.dxbl-loading-panel .dxbl-loading-panel-target-content {
    position: relative;
    width: 100%;
    height: 100%;
}
.dxbl-loading-panel
    .dxbl-loading-panel-target-content
    + .dxbl-loading-panel-container {
    position: absolute;
    top: 0;
    left: 0;
}
.dxbl-loading-panel.dxbl-loading-panel-empty {
    position: relative;
}
.dxbl-loading-panel.dxbl-loading-panel-empty
    .dxbl-loading-panel-target-content {
    width: unset;
    height: unset;
}
.dxbl-loading-panel.dxbl-loading-panel-empty .dxbl-loading-panel-container {
    position: static;
}
.dxbl-loading-panel .dxbl-loading-panel-container {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.dxbl-loading-panel .dxbl-loading-panel-container.dxbl-loading-panel-unblocked {
    pointer-events: none;
}
.dxbl-loading-panel .dxbl-loading-panel-container.dxbl-loading-panel-shading {
    background-color: var(--dxbl-loading-panel-shading-color);
}
.dxbl-loading-panel
    .dxbl-loading-panel-container.dxbl-loading-panel-shading
    .dxbl-loading-panel-indicator-area.dxbl-loading-panel-hidden {
    --dxbl-loading-panel-message-color: var(
        --dxbl-loading-panel-indicator-no-area-text-color
    );
}
.dxbl-loading-panel
    .dxbl-loading-panel-container.dxbl-loading-panel-shading
    .dxbl-loading-panel-indicator-area.dxbl-loading-panel-hidden
    .dxbl-wait-indicator {
    --dxbl-wait-indicator-color: var(
        --dxbl-loading-panel-indicator-no-area-indicator-color
    );
}
.dxbl-loading-panel
    .dxbl-loading-panel-container
    .dxbl-loading-panel-indicator-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: var(--dxbl-loading-panel-indicator-area-padding-y)
        var(--dxbl-loading-panel-indicator-area-padding-x);
    height: var(--dxbl-loading-panel-indicator-area-height);
    width: var(--dxbl-loading-panel-indicator-area-width);
    -webkit-box-shadow: var(--dxbl-loading-panel-indicator-area-box-shadow);
    box-shadow: var(--dxbl-loading-panel-indicator-area-box-shadow);
    background: var(--dxbl-loading-panel-indicator-area-background-color);
    color: var(--dxbl-loading-panel-indicator-area-color);
    border-radius: var(--dxbl-loading-panel-indicator-area-border-radius);
    margin: var(--dxbl-loading-panel-indicator-area-margin);
}
.dxbl-loading-panel
    .dxbl-loading-panel-container
    .dxbl-loading-panel-indicator-area.dxbl-loading-panel-hidden {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
}
.dxbl-loading-panel .dxbl-loading-panel-container .dxbl-wait-indicator {
    --dxbl-wait-indicator-size: var(--dxbl-loading-panel-indicator-size);
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}
.dxbl-loading-panel
    .dxbl-loading-panel-container
    .dxbl-wait-indicator
    + .dxbl-loading-panel-message {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    margin-left: var(--dxbl-loading-panel-message-spacing);
}
.dxbl-loading-panel
    .dxbl-loading-panel-container
    .dxbl-wait-indicator
    + .dxbl-loading-panel-message:empty {
    margin-left: 0;
}
.dxbl-loading-panel
    .dxbl-loading-panel-container
    .dxbl-wait-indicator
    + .dxbl-loading-panel-message.dxbl-loading-panel-message-left {
    margin-left: 0;
    margin-right: var(--dxbl-loading-panel-message-spacing);
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
.dxbl-loading-panel
    .dxbl-loading-panel-container
    .dxbl-wait-indicator
    + .dxbl-loading-panel-message.dxbl-loading-panel-message-left:empty {
    margin-right: 0;
}
.dxbl-menu {
    --dxbl-menu-border-width: var(--DS-border-width-10);
    --dxbl-menu-border-color: var(--DS-color-border-neutral-default-rest);
    --dxbl-menu-border-style: none;
    --dxbl-menu-top-left-border-radius: var(--DS-border-radius-40);
    --dxbl-menu-top-right-border-radius: var(--DS-border-radius-40);
    --dxbl-menu-bottom-left-border-radius: var(--DS-border-radius-40);
    --dxbl-menu-bottom-right-border-radius: var(--DS-border-radius-40);
    --dxbl-menu-title-font-size-s: var(--DS-font-size-body-1-strong);
    --dxbl-menu-title-font-size-m: var(--DS-font-size-subtitle-2);
    --dxbl-menu-title-font-size-l: var(--DS-font-size-subtitle-1);
    --dxbl-menu-title-font-weight-s: var(--DS-font-weight-body-1-strong);
    --dxbl-menu-title-font-weight-m: var(--DS-font-weight-subtitle-2);
    --dxbl-menu-title-font-weight-l: var(--DS-font-weight-subtitle-1);
    --dxbl-menu-title-line-height-s: var(--DS-line-height-body-1-strong);
    --dxbl-menu-title-line-height-m: var(--DS-line-height-subtitle-2);
    --dxbl-menu-title-line-height-l: var(--DS-line-height-subtitle-1);
}
.dxbl-menu,
.dxbl-menu-dropdown {
    --dxbl-menu-font-family: var(--DS-font-family-sans-serif);
    --dxbl-menu-color: var(--DS-color-content-neutral-subdued-rest);
    --dxbl-menu-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-menu-item-border-width: var(--DS-border-width-20);
    --dxbl-menu-item-color: var(--DS-color-content-neutral-subdued-rest);
    --dxbl-menu-item-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-menu-item-border-color: var(--DS-color-border-neutral-muted-rest);
    --dxbl-menu-item-image-color: var(--DS-color-content-neutral-subdued-rest);
    --dxbl-menu-item-dropdown-toggle-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-menu-item-hover-color: var(
        --DS-color-content-neutral-subdued-hovered
    );
    --dxbl-menu-item-hover-bg: var(--DS-color-surface-neutral-default-hovered);
    --dxbl-menu-item-hover-border-color: var(
        --DS-color-border-neutral-muted-hovered
    );
    --dxbl-menu-item-hover-image-color: var(
        --DS-color-content-primary-default-hovered
    );
    --dxbl-menu-item-hover-dropdown-toggle-color: var(
        --DS-color-content-neutral-subdued-hovered
    );
    --dxbl-menu-item-focus-outline-color: var(--DS-color-theme-builder-focus);
    --dxbl-menu-item-focus-outline-width: var(--DS-border-width-20);
    --dxbl-menu-item-focus-outline-offset: var(--DS-border-width-10);
    --dxbl-menu-item-selected-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-menu-item-selected-color: var(
        --DS-color-content-neutral-subdued-selected
    );
    --dxbl-menu-item-selected-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-menu-item-selected-image-color: var(
        --DS-color-content-primary-default-rest
    );
    --dxbl-menu-item-selected-dropdown-toggle-color: var(
        --DS-color-content-neutral-subdued-selected
    );
    --dxbl-menu-item-selected-hover-bg: var(
        --DS-color-surface-neutral-default-selected-hovered
    );
    --dxbl-menu-item-selected-hover-color: var(
        --DS-color-content-neutral-subdued-hovered
    );
    --dxbl-menu-item-selected-hover-border-color: var(
        --DS-color-border-neutral-muted-hovered
    );
    --dxbl-menu-item-selected-hover-image-color: var(
        --DS-color-content-primary-default-hovered
    );
    --dxbl-menu-item-selected-hover-dropdown-toggle-color: var(
        --DS-color-content-neutral-subdued-hovered
    );
    --dxbl-menu-item-selected-focused-bg: var(
        --DS-color-surface-neutral-default-selected
    );
    --dxbl-menu-item-selected-focused-color: var(
        --DS-color-content-neutral-subdued-selected
    );
    --dxbl-menu-item-selected-focused-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-menu-item-selected-focused-image-color: var(
        --DS-color-content-primary-default-rest
    );
    --dxbl-menu-item-selected-focused-dropdown-toggle-color: var(
        --DS-color-content-neutral-subdued-selected
    );
    --dxbl-menu-item-pressed-bg: var(--DS-color-surface-primary-default-rest);
    --dxbl-menu-item-pressed-color: var(--DS-color-content-neutral-static-rest);
    --dxbl-menu-item-pressed-border-color: var(
        --DS-color-border-neutral-muted-pressed
    );
    --dxbl-menu-item-pressed-image-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-menu-item-pressed-dropdown-toggle-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-menu-item-disabled-bg: var(
        --DS-color-surface-neutral-muted-disabled
    );
    --dxbl-menu-item-disabled-color: var(
        --DS-color-content-neutral-subdued-disabled
    );
    --dxbl-menu-item-disabled-border-color: var(
        --DS-color-border-neutral-muted-disabled
    );
    --dxbl-menu-item-disabled-image-color: var(
        --DS-color-content-neutral-subdued-disabled
    );
    --dxbl-menu-item-disabled-dropdown-toggle-color: var(
        --DS-color-content-neutral-subdued-disabled
    );
    --dxbl-menu-separator-width: var(--DS-border-width-10);
    --dxbl-menu-separator-color: var(--DS-color-border-neutral-default-rest);
    --dxbl-menu-separator-style: solid;
    --dxbl-menu-item-text-padding-y-s: var(--DS-sizing-0);
    --dxbl-menu-item-text-padding-y-m: var(--DS-sizing-0);
    --dxbl-menu-item-text-padding-y-l: var(--DS-sizing-10);
    --dxbl-menu-item-dropdown-toggle-spacing-s: var(--DS-sizing-40);
    --dxbl-menu-item-dropdown-toggle-spacing-m: var(--DS-sizing-60);
    --dxbl-menu-item-dropdown-toggle-spacing-l: var(--DS-sizing-80);
}
.dxbl-menu,
.dxbl-menu-dropdown {
    --dxbl-menu-title-font-weight: var(--dxbl-menu-title-font-weight-m);
    --dxbl-menu-title-font-size: var(--dxbl-menu-title-font-size-m);
    --dxbl-menu-title-line-height: var(--dxbl-menu-title-line-height-m);
    --dxbl-menu-item-text-padding-y: var(--dxbl-menu-item-text-padding-y-m);
    --dxbl-menu-item-dropdown-toggle-spacing: var(
        --dxbl-menu-item-dropdown-toggle-spacing-m
    );
}
.dxbl-menu-dropdown.dxbl-sm,
.dxbl-menu.dxbl-sm {
    --dxbl-menu-title-font-weight: var(--dxbl-menu-title-font-weight-s);
    --dxbl-menu-title-font-size: var(--dxbl-menu-title-font-size-s);
    --dxbl-menu-title-line-height: var(--dxbl-menu-title-line-height-s);
    --dxbl-menu-item-text-padding-y: var(--dxbl-menu-item-text-padding-y-s);
    --dxbl-menu-item-dropdown-toggle-spacing: var(
        --dxbl-menu-item-dropdown-toggle-spacing-s
    );
}
.dxbl-menu-dropdown.dxbl-lg,
.dxbl-menu.dxbl-lg {
    --dxbl-menu-title-font-weight: var(--dxbl-menu-title-font-weight-l);
    --dxbl-menu-title-font-size: var(--dxbl-menu-title-font-size-l);
    --dxbl-menu-title-line-height: var(--dxbl-menu-title-line-height-l);
    --dxbl-menu-item-text-padding-y: var(--dxbl-menu-item-text-padding-y-l);
    --dxbl-menu-item-dropdown-toggle-spacing: var(
        --dxbl-menu-item-dropdown-toggle-spacing-l
    );
}
.dxbl-menu
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-menu-dropdown
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled):hover {
    --dxbl-menu-item-image-color: var(--dxbl-menu-item-hover-image-color);
    --dxbl-menu-item-dropdown-toggle-color: var(
        --dxbl-menu-item-hover-dropdown-toggle-color
    );
}
.dxbl-menu
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled):active,
.dxbl-menu-dropdown
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled):active {
    --dxbl-menu-item-color: var(--dxbl-menu-item-pressed-color);
    --dxbl-menu-item-bg: var(--dxbl-menu-item-pressed-bg);
    --dxbl-menu-item-border-color: var(--dxbl-menu-item-pressed-border-color);
    --dxbl-menu-item-image-color: var(--dxbl-menu-item-pressed-image-color);
    --dxbl-menu-item-dropdown-toggle-color: var(
        --dxbl-menu-item-pressed-dropdown-toggle-color
    );
    --dxbl-menu-item-hover-color: var(--dxbl-menu-item-pressed-color);
    --dxbl-menu-item-hover-bg: var(--dxbl-menu-item-pressed-bg);
    --dxbl-menu-item-hover-border-color: var(
        --dxbl-menu-item-pressed-border-color
    );
    --dxbl-menu-item-hover-image-color: var(
        --dxbl-menu-item-pressed-image-color
    );
    --dxbl-menu-item-hover-dropdown-toggle-color: var(
        --dxbl-menu-item-pressed-dropdown-toggle-color
    );
}
.dxbl-menu
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-active,
.dxbl-menu
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-selected:not(
        .dxbl-menu-item-mute-selection
    ),
.dxbl-menu-dropdown
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-active,
.dxbl-menu-dropdown
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-selected:not(
        .dxbl-menu-item-mute-selection
    ) {
    --dxbl-menu-item-color: var(--dxbl-menu-item-selected-color);
    --dxbl-menu-item-bg: var(--dxbl-menu-item-selected-bg);
    --dxbl-menu-item-border-color: var(--dxbl-menu-item-selected-border-color);
    --dxbl-menu-item-image-color: var(--dxbl-menu-item-selected-image-color);
    --dxbl-menu-item-dropdown-toggle-color: var(
        --dxbl-menu-item-selected-dropdown-toggle-color
    );
    --dxbl-menu-item-hover-color: var(--dxbl-menu-item-selected-hover-color);
    --dxbl-menu-item-hover-bg: var(--dxbl-menu-item-selected-hover-bg);
    --dxbl-menu-item-hover-border-color: var(
        --dxbl-menu-item-selected-hover-border-color
    );
    --dxbl-menu-item-hover-image-color: var(
        --dxbl-menu-item-selected-hover-image-color
    );
    --dxbl-menu-item-hover-dropdown-toggle-color: var(
        --dxbl-menu-item-selected-hover-dropdown-toggle-color
    );
}
.dxbl-menu
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-active:focus-visible,
.dxbl-menu
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-selected:not(
        .dxbl-menu-item-mute-selection
    ):focus-visible,
.dxbl-menu-dropdown
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-active:focus-visible,
.dxbl-menu-dropdown
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled).dxbl-selected:not(
        .dxbl-menu-item-mute-selection
    ):focus-visible {
    --dxbl-menu-item-color: var(--dxbl-menu-item-selected-focused-color);
    --dxbl-menu-item-bg: var(--dxbl-menu-item-selected-focused-bg);
    --dxbl-menu-item-border-color: var(
        --dxbl-menu-item-selected-focused-border-color
    );
    --dxbl-menu-item-image-color: var(
        --dxbl-menu-item-selected-focused-image-color
    );
    --dxbl-menu-item-dropdown-toggle-color: var(
        --dxbl-menu-item-selected-focused-dropdown-toggle-color
    );
}
.dxbl-menu
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn.dxbl-disabled,
.dxbl-menu
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn:disabled,
.dxbl-menu-dropdown
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn.dxbl-disabled,
.dxbl-menu-dropdown
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn:disabled {
    --dxbl-menu-item-color: var(--dxbl-menu-item-disabled-color);
    --dxbl-menu-item-bg: var(--dxbl-menu-item-disabled-bg);
    --dxbl-menu-item-border-color: var(--dxbl-menu-item-disabled-border-color);
    --dxbl-menu-item-image-color: var(--dxbl-menu-item-disabled-image-color);
    --dxbl-menu-item-dropdown-toggle-color: var(
        --dxbl-menu-item-disabled-dropdown-toggle-color
    );
    pointer-events: none;
}
.dxbl-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: var(--dxbl-menu-bg);
    border-radius: var(--dxbl-menu-top-left-border-radius)
        var(--dxbl-menu-top-right-border-radius)
        var(--dxbl-menu-bottom-right-border-radius)
        var(--dxbl-menu-bottom-left-border-radius);
    border: var(--dxbl-menu-border-width) var(--dxbl-menu-border-style)
        var(--dxbl-menu-border-color);
    color: var(--dxbl-menu-color);
}
.dxbl-menu:not([data-dx-menu-loaded]) > .dxbl-menu-item-list,
.dxbl-menu:not([data-dx-menu-loaded]) > .dxbl-menu-nav,
.dxbl-menu:not([data-dx-menu-loaded]) > .dxbl-menu-title {
    opacity: 0;
}
.dxbl-menu:not([data-dx-menu-loaded]) > .dxbl-menu-bar {
    opacity: 0;
}
.dxbl-menu:not([data-dx-menu-loaded]) > .dxbl-menu-bar > .dxbl-menu-item-list {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.dxbl-menu:not([data-dx-menu-mobile]) > .dxbl-menu-item-list,
.dxbl-menu:not([data-dx-menu-mobile]) > .dxbl-menu-nav,
.dxbl-menu:not([data-dx-menu-mobile]) > .dxbl-menu-title {
    display: none;
}
.dxbl-menu[data-dx-menu-mobile] > .dxbl-menu-bar {
    display: none;
}
.dxbl-menu:not([data-dx-focus-hidden])
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn:focus-visible,
.dxbl-menu:not([data-dx-focus-hidden])
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-menu-item-tmpl:focus-visible {
    outline: var(--dxbl-menu-item-focus-outline-width) solid
        var(--dxbl-menu-item-focus-outline-color);
    outline-offset: calc(var(--dxbl-menu-item-focus-outline-width) * -1);
}
.dxbl-menu:not([data-dx-focus-hidden]) .dxbl-menu-title:focus-visible,
.dxbl-menu:not([data-dx-focus-hidden]) .dxbl-sub-menu-template:focus-visible {
    outline: var(--dxbl-menu-item-focus-outline-width) solid
        var(--dxbl-menu-item-focus-outline-color);
    outline-offset: calc(var(--dxbl-menu-item-focus-outline-width) * -1);
}
.dxbl-menu .dxbl-menu-item-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.dxbl-menu
    .dxbl-menu-item-list
    > .dxbl-menu-list-item.dxbl-menu-list-item-stretch {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.dxbl-menu
    .dxbl-menu-item-list
    > .dxbl-menu-list-item.dxbl-menu-item-pos-start
    .dxbl-btn {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.dxbl-menu
    .dxbl-menu-item-list
    > .dxbl-menu-list-item.dxbl-menu-item-pos-center
    .dxbl-btn {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.dxbl-menu
    .dxbl-menu-item-list
    > .dxbl-menu-list-item.dxbl-menu-item-pos-end
    .dxbl-btn {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.dxbl-menu .dxbl-menu-item-list > .dxbl-menu-list-item > .dxbl-menu-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
}
.dxbl-menu
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn {
    --dxbl-btn-font-family: var(--dxbl-menu-font-family);
    --dxbl-btn-font-size: var(--dxbl-menu-item-font-size);
    --dxbl-btn-font-weight: var(--dxbl-menu-item-font-weight);
    --dxbl-btn-line-height: var(--dxbl-menu-item-line-height);
    --dxbl-btn-padding-x: var(--dxbl-menu-item-padding-x);
    --dxbl-btn-padding-y: var(--dxbl-menu-item-padding-y);
    --dxbl-btn-image-spacing: var(--dxbl-menu-item-image-spacing);
    --dxbl-btn-color: var(--dxbl-menu-item-color);
    --dxbl-btn-bg: var(--dxbl-menu-item-bg);
    --dxbl-btn-border-color: var(--dxbl-menu-item-border-color);
    --dxbl-btn-hover-color: var(--dxbl-menu-item-hover-color);
    --dxbl-btn-hover-bg: var(--dxbl-menu-item-hover-bg);
    --dxbl-btn-hover-border-color: var(--dxbl-menu-item-hover-border-color);
    --dxbl-btn-disabled-bg: var(--dxbl-menu-item-disabled-bg);
    --dxbl-btn-disabled-color: var(--dxbl-menu-item-disabled-color);
    --dxbl-btn-disabled-border-color: var(
        --dxbl-menu-item-disabled-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-menu-item-color);
    --dxbl-btn-active-bg: var(--dxbl-menu-item-bg);
    --dxbl-btn-active-border-color: var(--dxbl-menu-item-border-color);
    --dxbl-btn-border-width: var(--dxbl-menu-item-border-width);
    --dxbl-btn-border-radius: inherit;
    --dxbl-btn-focus-outline-color: transparent;
    --dxbl-btn-focus-outline-size: 0;
    --dxbl-btn-focus-outline-offset: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-decoration: none;
    text-align: start;
    cursor: pointer;
}
.dxbl-menu
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn
    > .dxbl-menu-item-text-container {
    padding: var(--dxbl-menu-item-text-padding-y) 0;
}
.dxbl-menu
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn
    > .dxbl-menu-item-text-container.dxbl-menu-text-hidden {
    display: none;
    overflow: hidden;
    width: 0;
    padding: 0;
}
.dxbl-menu
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn
    > .dxbl-menu-item-text-container
    .dxbl-menu-item-text {
    white-space: nowrap;
}
.dxbl-menu
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn
    > .dxbl-image {
    color: var(--dxbl-menu-item-image-color);
}
.dxbl-menu
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn
    > .dxbl-image.dxbl-menu-dropdown-toggle {
    color: var(--dxbl-menu-item-dropdown-toggle-color);
    margin-left: var(--dxbl-menu-item-dropdown-toggle-spacing);
}
.dxbl-menu .dxbl-menu-item-list > .dxbl-menu-spacing {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.dxbl-menu .dxbl-menu-title {
    font-size: var(--dxbl-menu-title-font-size);
    font-weight: var(--dxbl-menu-title-font-weight);
    line-height: var(--dxbl-menu-title-line-height);
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    white-space: nowrap;
}
.dxbl-menu > .dxbl-menu-bar {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
}
.dxbl-menu > .dxbl-menu-bar.dxbl-menu-loading {
    visibility: hidden;
    width: 1px;
}
.dxbl-menu > .dxbl-menu-bar > .dxbl-menu-title {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}
.dxbl-menu > .dxbl-menu-bar > .dxbl-menu-item-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.dxbl-menu > .dxbl-menu-bar > .dxbl-menu-item-list.dxbl-menu-loading {
    visibility: hidden;
    width: 1px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}
.dxbl-menu > .dxbl-menu-bar > .dxbl-menu-item-list > .dxbl-menu-list-item {
    position: static;
}
.dxbl-menu.dxbl-menu-horizontal {
    --dxbl-menu-item-font-size-s: var(--DS-font-size-caption-1-strong);
    --dxbl-menu-item-font-size-m: var(--DS-font-size-body-1);
    --dxbl-menu-item-font-size-l: var(--DS-font-size-body-2);
    --dxbl-menu-item-font-weight-s: var(--DS-font-weight-caption-1-strong);
    --dxbl-menu-item-font-weight-m: var(--DS-font-weight-body-1);
    --dxbl-menu-item-font-weight-l: var(--DS-font-weight-body-2);
    --dxbl-menu-item-line-height-s: var(--DS-line-height-caption-1-strong);
    --dxbl-menu-item-line-height-m: var(--DS-line-height-body-1);
    --dxbl-menu-item-line-height-l: var(--DS-line-height-body-2);
    --dxbl-menu-item-padding-x-s: var(--DS-sizing-80);
    --dxbl-menu-item-padding-x-m: var(--DS-sizing-120);
    --dxbl-menu-item-padding-x-l: var(--DS-sizing-160);
    --dxbl-menu-item-padding-y-s: var(--DS-sizing-60);
    --dxbl-menu-item-padding-y-m: var(--DS-sizing-80);
    --dxbl-menu-item-padding-y-l: var(--DS-sizing-100);
    --dxbl-menu-item-image-spacing-s: var(--DS-sizing-80);
    --dxbl-menu-item-image-spacing-m: var(--DS-sizing-120);
    --dxbl-menu-item-image-spacing-l: var(--DS-sizing-160);
    --dxbl-menu-title-padding-x-s: var(--DS-sizing-120);
    --dxbl-menu-title-padding-x-m: var(--DS-sizing-160);
    --dxbl-menu-title-padding-x-l: var(--DS-sizing-200);
    --dxbl-menu-title-padding-y-s: var(--DS-sizing-60);
    --dxbl-menu-title-padding-y-m: var(--DS-sizing-80);
    --dxbl-menu-title-padding-y-l: var(--DS-sizing-100);
    --dxbl-menu-hamburger-btn-padding-x-s: var(--DS-sizing-80);
    --dxbl-menu-hamburger-btn-padding-x-m: var(--DS-sizing-120);
    --dxbl-menu-hamburger-btn-padding-x-l: var(--DS-sizing-160);
    --dxbl-menu-hamburger-btn-padding-y-s: var(--DS-sizing-60);
    --dxbl-menu-hamburger-btn-padding-y-m: var(--DS-sizing-80);
    --dxbl-menu-hamburger-btn-padding-y-l: var(--DS-sizing-100);
}
.dxbl-menu.dxbl-menu-horizontal {
    --dxbl-menu-item-font-size: var(--dxbl-menu-item-font-size-m);
    --dxbl-menu-item-font-weight: var(--dxbl-menu-item-font-weight-m);
    --dxbl-menu-item-line-height: var(--dxbl-menu-item-line-height-m);
    --dxbl-menu-item-padding-x: var(--dxbl-menu-item-padding-x-m);
    --dxbl-menu-item-padding-y: var(--dxbl-menu-item-padding-y-m);
    --dxbl-menu-title-padding-x: var(--dxbl-menu-title-padding-x-m);
    --dxbl-menu-title-padding-y: var(--dxbl-menu-title-padding-y-m);
    --dxbl-menu-item-image-spacing: var(--dxbl-menu-item-image-spacing-m);
    --dxbl-menu-hamburger-btn-padding-x: var(
        --dxbl-menu-hamburger-btn-padding-x-m
    );
    --dxbl-menu-hamburger-btn-padding-y: var(
        --dxbl-menu-hamburger-btn-padding-y-m
    );
}
.dxbl-menu.dxbl-menu-horizontal.dxbl-sm {
    --dxbl-menu-item-font-size: var(--dxbl-menu-item-font-size-s);
    --dxbl-menu-item-font-weight: var(--dxbl-menu-item-font-weight-s);
    --dxbl-menu-item-line-height: var(--dxbl-menu-item-line-height-s);
    --dxbl-menu-item-padding-x: var(--dxbl-menu-item-padding-x-s);
    --dxbl-menu-item-padding-y: var(--dxbl-menu-item-padding-y-s);
    --dxbl-menu-title-padding-x: var(--dxbl-menu-title-padding-x-s);
    --dxbl-menu-title-padding-y: var(--dxbl-menu-title-padding-y-s);
    --dxbl-menu-item-image-spacing: var(--dxbl-menu-item-image-spacing-s);
    --dxbl-menu-hamburger-btn-padding-x: var(
        --dxbl-menu-hamburger-btn-padding-x-s
    );
    --dxbl-menu-hamburger-btn-padding-y: var(
        --dxbl-menu-hamburger-btn-padding-y-s
    );
}
.dxbl-menu.dxbl-menu-horizontal.dxbl-lg {
    --dxbl-menu-item-font-size: var(--dxbl-menu-item-font-size-l);
    --dxbl-menu-item-font-weight: var(--dxbl-menu-item-font-weight-l);
    --dxbl-menu-item-line-height: var(--dxbl-menu-item-line-height-l);
    --dxbl-menu-item-padding-x: var(--dxbl-menu-item-padding-x-l);
    --dxbl-menu-item-padding-y: var(--dxbl-menu-item-padding-y-l);
    --dxbl-menu-title-padding-x: var(--dxbl-menu-title-padding-x-l);
    --dxbl-menu-title-padding-y: var(--dxbl-menu-title-padding-y-l);
    --dxbl-menu-item-image-spacing: var(--dxbl-menu-item-image-spacing-l);
    --dxbl-menu-hamburger-btn-padding-x: var(
        --dxbl-menu-hamburger-btn-padding-x-l
    );
    --dxbl-menu-hamburger-btn-padding-y: var(
        --dxbl-menu-hamburger-btn-padding-y-l
    );
}
.dxbl-menu.dxbl-menu-horizontal:not([data-dx-focus-hidden])
    .dxbl-menu-nav
    > .dxbl-menu-nav-bar
    > .dxbl-btn {
    --dxbl-btn-focus-outline-color: var(--dxbl-menu-item-focus-outline-color);
    --dxbl-btn-focus-outline-size: var(--dxbl-menu-item-focus-outline-width);
    --dxbl-btn-focus-outline-offset: var(--dxbl-menu-item-focus-outline-offset);
}
.dxbl-menu.dxbl-menu-horizontal .dxbl-menu-title {
    padding: var(--dxbl-menu-title-padding-y) var(--dxbl-menu-title-padding-x);
}
.dxbl-menu.dxbl-menu-horizontal
    > .dxbl-menu-bar
    > .dxbl-menu-item-list
    > .dxbl-menu-list-item-stretch
    :not(:last-child).dxbl-menu-item-text-container {
    margin-right: auto;
}
.dxbl-menu.dxbl-menu-horizontal
    > .dxbl-menu-bar
    > .dxbl-menu-item-list:not(.dxbl-menu-with-title)
    > .dxbl-menu-list-item:first-child.dxbl-menu-item-pos-start
    > .dxbl-menu-item
    > .dxbl-btn,
.dxbl-menu.dxbl-menu-horizontal
    > .dxbl-menu-bar
    > .dxbl-menu-item-list:not(.dxbl-menu-with-title)
    > .dxbl-menu-list-item:first-child.dxbl-menu-list-item-stretch
    > .dxbl-menu-item
    > .dxbl-btn {
    border-top-left-radius: var(--dxbl-menu-top-left-border-radius);
    border-bottom-left-radius: var(--dxbl-menu-bottom-left-border-radius);
}
.dxbl-menu.dxbl-menu-horizontal
    > .dxbl-menu-bar
    > .dxbl-menu-item-list
    > .dxbl-menu-list-item:last-child.dxbl-menu-item-pos-end
    > .dxbl-menu-item
    > .dxbl-btn,
.dxbl-menu.dxbl-menu-horizontal
    > .dxbl-menu-bar
    > .dxbl-menu-item-list
    > .dxbl-menu-list-item:last-child.dxbl-menu-list-item-stretch
    > .dxbl-menu-item
    > .dxbl-btn {
    border-top-right-radius: var(--dxbl-menu-top-right-border-radius);
    border-bottom-right-radius: var(--dxbl-menu-bottom-right-border-radius);
}
.dxbl-menu.dxbl-menu-horizontal
    > .dxbl-menu-bar
    > .dxbl-menu-item-list
    > .dxbl-menu-separator {
    margin: 0;
    width: 0;
    border-left: var(--dxbl-menu-separator-width)
        var(--dxbl-menu-separator-style) var(--dxbl-menu-separator-color);
}
.dxbl-menu.dxbl-menu-horizontal
    > .dxbl-menu-bar
    > .dxbl-menu-item-list
    > .dxbl-menu-separator:first-child {
    display: none;
}
.dxbl-menu.dxbl-menu-horizontal > .dxbl-menu-nav {
    position: relative;
}
.dxbl-menu.dxbl-menu-horizontal > .dxbl-menu-nav .dxbl-menu-nav-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.dxbl-menu.dxbl-menu-horizontal
    > .dxbl-menu-nav
    .dxbl-menu-nav-bar.dxbl-menu-hamburger-btn-pos-left {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.dxbl-menu.dxbl-menu-horizontal
    > .dxbl-menu-nav
    .dxbl-menu-nav-bar.dxbl-menu-hamburger-btn-pos-left
    > .dxbl-btn {
    border-top-left-radius: var(--dxbl-menu-top-left-border-radius);
    border-bottom-left-radius: var(--dxbl-menu-bottom-left-border-radius);
}
.dxbl-menu.dxbl-menu-horizontal
    > .dxbl-menu-nav
    .dxbl-menu-nav-bar.dxbl-menu-hamburger-btn-pos-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.dxbl-menu.dxbl-menu-horizontal
    > .dxbl-menu-nav
    .dxbl-menu-nav-bar.dxbl-menu-hamburger-btn-pos-right
    > .dxbl-btn {
    border-top-right-radius: var(--dxbl-menu-top-right-border-radius);
    border-bottom-right-radius: var(--dxbl-menu-bottom-right-border-radius);
}
.dxbl-menu.dxbl-menu-horizontal
    > .dxbl-menu-nav
    .dxbl-menu-nav-bar.dxbl-menu-hamburger-btn-pos-right
    > .dxbl-menu-title {
    margin-right: auto;
}
.dxbl-menu.dxbl-menu-horizontal
    > .dxbl-menu-nav
    .dxbl-menu-nav-bar.dxbl-menu-hamburger-btn-pos-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.dxbl-menu.dxbl-menu-horizontal
    > .dxbl-menu-nav
    .dxbl-menu-nav-bar.dxbl-menu-hamburger-btn-pos-reverse
    > .dxbl-btn {
    border-top-left-radius: var(--dxbl-menu-top-left-border-radius);
    border-bottom-left-radius: var(--dxbl-menu-bottom-left-border-radius);
}
.dxbl-menu.dxbl-menu-horizontal
    > .dxbl-menu-nav
    .dxbl-menu-nav-bar.dxbl-menu-hamburger-btn-pos-reverse
    > .dxbl-menu-title {
    margin-left: auto;
}
.dxbl-menu.dxbl-menu-horizontal
    > .dxbl-menu-nav
    .dxbl-menu-nav-bar
    > .dxbl-menu-title {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}
.dxbl-menu.dxbl-menu-horizontal
    > .dxbl-menu-nav
    .dxbl-menu-nav-bar
    > .dxbl-btn {
    -webkit-box-flex: initial;
    -webkit-flex: initial;
    -ms-flex: initial;
    flex: initial;
}
.dxbl-menu.dxbl-menu-horizontal
    > .dxbl-menu-nav
    .dxbl-menu-nav-bar
    > .dxbl-btn
    > .dxbl-menu-hamburger {
    margin: 0;
}
.dxbl-menu.dxbl-menu-vertical {
    --dxbl-menu-item-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-menu-item-font-size-m: var(--DS-font-size-body-1);
    --dxbl-menu-item-font-size-l: var(--DS-font-size-body-2);
    --dxbl-menu-item-font-weight-s: var(--DS-font-weight-caption-1);
    --dxbl-menu-item-font-weight-m: var(--DS-font-weight-body-1);
    --dxbl-menu-item-font-weight-l: var(--DS-font-weight-body-2);
    --dxbl-menu-item-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-menu-item-line-height-m: var(--DS-line-height-body-1);
    --dxbl-menu-item-line-height-l: var(--DS-line-height-body-2);
    --dxbl-menu-item-padding-x-s: var(--DS-sizing-40);
    --dxbl-menu-item-padding-x-m: var(--DS-sizing-60);
    --dxbl-menu-item-padding-x-l: var(--DS-sizing-80);
    --dxbl-menu-item-padding-y-s: var(--DS-sizing-20);
    --dxbl-menu-item-padding-y-m: var(--DS-sizing-40);
    --dxbl-menu-item-padding-y-l: var(--DS-sizing-60);
    --dxbl-menu-item-image-spacing-s: var(--DS-sizing-40);
    --dxbl-menu-item-image-spacing-m: var(--DS-sizing-60);
    --dxbl-menu-item-image-spacing-l: var(--DS-sizing-80);
    --dxbl-menu-item-empty-space-s: var(--DS-sizing-160);
    --dxbl-menu-item-empty-space-m: var(--DS-sizing-200);
    --dxbl-menu-item-empty-space-l: var(--DS-sizing-240);
    --dxbl-menu-title-padding-x-s: var(--DS-sizing-120);
    --dxbl-menu-title-padding-x-m: var(--DS-sizing-160);
    --dxbl-menu-title-padding-x-l: var(--DS-sizing-200);
    --dxbl-menu-title-padding-y-s: var(--DS-sizing-60);
    --dxbl-menu-title-padding-y-m: var(--DS-sizing-80);
    --dxbl-menu-title-padding-y-l: var(--DS-sizing-100);
}
.dxbl-menu.dxbl-menu-vertical {
    --dxbl-menu-item-font-size: var(--dxbl-menu-item-font-size-m);
    --dxbl-menu-item-line-height: var(--dxbl-menu-item-line-height-m);
    --dxbl-menu-item-font-weight: var(--dxbl-menu-item-font-weight-m);
    --dxbl-menu-item-padding-x: var(--dxbl-menu-item-padding-x-m);
    --dxbl-menu-item-padding-y: var(--dxbl-menu-item-padding-y-m);
    --dxbl-menu-title-padding-x: var(--dxbl-menu-title-padding-x-m);
    --dxbl-menu-title-padding-y: var(--dxbl-menu-title-padding-y-m);
    --dxbl-menu-item-image-spacing: var(--dxbl-menu-item-image-spacing-m);
    --dxbl-menu-item-empty-space: var(--dxbl-menu-item-empty-space-m);
}
.dxbl-menu.dxbl-menu-vertical.dxbl-sm {
    --dxbl-menu-item-font-size: var(--dxbl-menu-item-font-size-s);
    --dxbl-menu-item-line-height: var(--dxbl-menu-item-line-height-s);
    --dxbl-menu-item-font-weight: var(--dxbl-menu-item-font-weight-s);
    --dxbl-menu-item-padding-x: var(--dxbl-menu-item-padding-x-s);
    --dxbl-menu-item-padding-y: var(--dxbl-menu-item-padding-y-s);
    --dxbl-menu-title-padding-x: var(--dxbl-menu-title-padding-x-s);
    --dxbl-menu-title-padding-y: var(--dxbl-menu-title-padding-y-m);
    --dxbl-menu-item-image-spacing: var(--dxbl-menu-item-image-spacing-s);
    --dxbl-menu-item-empty-space: var(--dxbl-menu-item-empty-space-s);
}
.dxbl-menu.dxbl-menu-vertical.dxbl-lg {
    --dxbl-menu-item-font-size: var(--dxbl-menu-item-font-size-l);
    --dxbl-menu-item-line-height: var(--dxbl-menu-item-line-height-l);
    --dxbl-menu-item-font-weight: var(--dxbl-menu-item-font-weight-l);
    --dxbl-menu-item-padding-x: var(--dxbl-menu-item-padding-x-l);
    --dxbl-menu-item-padding-y: var(--dxbl-menu-item-padding-y-l);
    --dxbl-menu-title-padding-x: var(--dxbl-menu-title-padding-x-l);
    --dxbl-menu-title-padding-y: var(--dxbl-menu-title-padding-y-l);
    --dxbl-menu-item-image-spacing: var(--dxbl-menu-item-image-spacing-l);
    --dxbl-menu-item-empty-space: var(--dxbl-menu-item-empty-space-l);
}
.dxbl-menu.dxbl-menu-vertical > .dxbl-menu-bar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.dxbl-menu.dxbl-menu-vertical > .dxbl-menu-bar .dxbl-menu-title {
    -webkit-align-self: start;
    -ms-flex-item-align: start;
    align-self: start;
}
.dxbl-menu.dxbl-menu-vertical .dxbl-menu-title {
    padding: var(--dxbl-menu-title-padding-y) var(--dxbl-menu-title-padding-x);
}
.dxbl-menu.dxbl-menu-vertical .dxbl-menu-item-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.dxbl-menu.dxbl-menu-vertical
    .dxbl-menu-item-list:not(.dxbl-menu-with-title)
    > .dxbl-menu-list-item:first-child
    > .dxbl-menu-item
    > .dxbl-btn {
    border-top-left-radius: var(--dxbl-menu-top-left-border-radius);
    border-top-right-radius: var(--dxbl-menu-top-right-border-radius);
}
.dxbl-menu.dxbl-menu-vertical
    .dxbl-menu-item-list.dxbl-menu-item-list-with-icons
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn
    > .dxbl-menu-item-text-container:first-child {
    margin-left: calc(
        var(--dxbl-menu-item-empty-space) + var(--dxbl-menu-item-image-spacing)
    );
}
.dxbl-menu.dxbl-menu-vertical .dxbl-menu-item-list > .dxbl-menu-separator {
    margin: 0;
    height: 0;
    border-top: var(--dxbl-menu-separator-width)
        var(--dxbl-menu-separator-style) var(--dxbl-menu-separator-color);
}
.dxbl-menu.dxbl-menu-vertical
    .dxbl-menu-item-list
    > .dxbl-menu-separator:first-child {
    display: none;
}
.dxbl-menu.dxbl-menu-vertical
    .dxbl-menu-item-list
    > .dxbl-menu-list-item:last-child
    > .dxbl-menu-item
    > .dxbl-btn {
    border-bottom-left-radius: var(--dxbl-menu-bottom-left-border-radius);
    border-bottom-right-radius: var(--dxbl-menu-bottom-right-border-radius);
}
.dxbl-menu.dxbl-menu-vertical
    .dxbl-menu-item-list
    > .dxbl-menu-list-item.dxbl-menu-list-item-stretch
    > .dxbl-menu-item
    > .dxbl-btn {
    height: 100%;
}
.dxbl-menu.dxbl-menu-vertical
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn
    > .dxbl-menu-item-text-container {
    margin-right: auto;
}
.dxbl-menu-dropdown {
    --dxbl-menu-dropdown-min-width: 200px;
    --dxbl-menu-dropdown-padding-x: 0;
    --dxbl-menu-dropdown-padding-y: 0;
    --dxbl-menu-dropdown-border-radius: var(--DS-border-radius-40);
    --dxbl-menu-dropdown-border-width: var(--DS-border-width-0);
    --dxbl-menu-dropdown-border-color: var(
        --DS-color-border-neutral-muted-rest
    );
    --dxbl-menu-dropdown-border-style: none;
    --dxbl-menu-dropdown-box-shadow: var(--DS-box-shadow-shadow-4);
    --dxbl-menu-dropdown-item-focus-outline-color: var(
        --DS-color-theme-builder-focus
    );
    --dxbl-menu-dropdown-item-focus-outline-width: var(--DS-border-width-20);
    --dxbl-menu-item-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-menu-item-font-size-m: var(--DS-font-size-body-1);
    --dxbl-menu-item-font-size-l: var(--DS-font-size-body-2);
    --dxbl-menu-item-font-weight-s: var(--DS-font-weight-caption-1);
    --dxbl-menu-item-font-weight-m: var(--DS-font-weight-body-1);
    --dxbl-menu-item-font-weight-l: var(--DS-font-weight-body-2);
    --dxbl-menu-item-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-menu-item-line-height-m: var(--DS-line-height-body-1);
    --dxbl-menu-item-line-height-l: var(--DS-line-height-body-2);
    --dxbl-menu-item-padding-x-s: var(--DS-sizing-40);
    --dxbl-menu-item-padding-x-m: var(--DS-sizing-60);
    --dxbl-menu-item-padding-x-l: var(--DS-sizing-80);
    --dxbl-menu-item-padding-y-s: var(--DS-sizing-20);
    --dxbl-menu-item-padding-y-m: var(--DS-sizing-40);
    --dxbl-menu-item-padding-y-l: var(--DS-sizing-60);
    --dxbl-menu-item-image-spacing-s: var(--DS-sizing-40);
    --dxbl-menu-item-image-spacing-m: var(--DS-sizing-60);
    --dxbl-menu-item-image-spacing-l: var(--DS-sizing-80);
    --dxbl-menu-item-empty-space-s: var(--DS-sizing-160);
    --dxbl-menu-item-empty-space-m: var(--DS-sizing-200);
    --dxbl-menu-item-empty-space-l: var(--DS-sizing-240);
}
.dxbl-menu-dropdown {
    --dxbl-menu-item-font-size: var(--dxbl-menu-item-font-size-m);
    --dxbl-menu-item-line-height: var(--dxbl-menu-item-line-height-m);
    --dxbl-menu-item-font-weight: var(--dxbl-menu-item-font-weight-m);
    --dxbl-menu-item-padding-x: var(--dxbl-menu-item-padding-x-m);
    --dxbl-menu-item-padding-y: var(--dxbl-menu-item-padding-y-m);
    --dxbl-menu-item-image-spacing: var(--dxbl-menu-item-image-spacing-m);
    --dxbl-menu-item-empty-space: var(--dxbl-menu-item-empty-space-m);
}
.dxbl-menu-dropdown.dxbl-sm {
    --dxbl-menu-item-font-size: var(--dxbl-menu-item-font-size-s);
    --dxbl-menu-item-line-height: var(--dxbl-menu-item-line-height-s);
    --dxbl-menu-item-font-weight: var(--dxbl-menu-item-font-weight-s);
    --dxbl-menu-item-padding-x: var(--dxbl-menu-item-padding-x-s);
    --dxbl-menu-item-padding-y: var(--dxbl-menu-item-padding-y-s);
    --dxbl-menu-item-image-spacing: var(--dxbl-menu-item-image-spacing-s);
    --dxbl-menu-item-empty-space: var(--dxbl-menu-item-empty-space-s);
}
.dxbl-menu-dropdown.dxbl-lg {
    --dxbl-menu-item-font-size: var(--dxbl-menu-item-font-size-l);
    --dxbl-menu-item-line-height: var(--dxbl-menu-item-line-height-l);
    --dxbl-menu-item-font-weight: var(--dxbl-menu-item-font-weight-l);
    --dxbl-menu-item-padding-x: var(--dxbl-menu-item-padding-x-l);
    --dxbl-menu-item-padding-y: var(--dxbl-menu-item-padding-y-l);
    --dxbl-menu-item-image-spacing: var(--dxbl-menu-item-image-spacing-l);
    --dxbl-menu-item-empty-space: var(--dxbl-menu-item-empty-space-l);
}
.dxbl-menu-dropdown {
    --dxbl-dropdown-bg: var(--dxbl-menu-bg);
}
.dxbl-menu-dropdown.dxbl-dropdown-dialog {
    --dxbl-dropdown-border-radius: var(--dxbl-menu-dropdown-border-radius);
    --dxbl-dropdown-border-width: var(--dxbl-menu-dropdown-border-width);
    --dxbl-dropdown-border-color: var(--dxbl-menu-dropdown-border-color);
    --dxbl-dropdown-border-style: var(--dxbl-menu-dropdown-border-style);
    --dxbl-dropdown-min-width: var(--dxbl-menu-dropdown-min-width);
}
.dxbl-menu-dropdown.dxbl-dropdown-dialog > .dxbl-dropdown-body {
    --dxbl-dropdown-body-padding-x: var(--dxbl-menu-dropdown-padding-x);
    --dxbl-dropdown-body-padding-top: var(--dxbl-menu-dropdown-padding-y);
    --dxbl-dropdown-body-padding-bottom: var(--dxbl-menu-dropdown-padding-y);
}
.dxbl-menu-dropdown.dxbl-dropdown-dialog
    > .dxbl-dropdown-body
    .dxbl-menu-item-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.dxbl-menu-dropdown.dxbl-dropdown-dialog
    > .dxbl-dropdown-body
    .dxbl-menu-item-list.dxbl-menu-nav-item-list {
    display: block;
}
.dxbl-menu-dropdown.dxbl-dropdown-dialog
    > .dxbl-dropdown-body
    .dxbl-menu-item-list:not(.dxbl-menu-nav-item-list)
    .dxbl-menu-item-text {
    white-space: nowrap;
}
.dxbl-menu-dropdown.dxbl-dropdown-dialog
    > .dxbl-dropdown-body
    .dxbl-menu-item-list.dxbl-menu-item-list-with-icons
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn
    > .dxbl-menu-item-indent
    + .dxbl-menu-item-text-container,
.dxbl-menu-dropdown.dxbl-dropdown-dialog
    > .dxbl-dropdown-body
    .dxbl-menu-item-list.dxbl-menu-item-list-with-icons
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn
    > .dxbl-menu-item-text-container:first-child {
    --dxbl-menu-item-image-placeholder-width: calc(
        var(--dxbl-menu-item-empty-space) + var(--dxbl-menu-item-image-spacing)
    );
    margin-left: calc(var(--dxbl-menu-item-image-placeholder-width) * 1);
}
.dxbl-menu-dropdown.dxbl-dropdown-dialog
    > .dxbl-dropdown-body
    .dxbl-menu-item-list
    > .dxbl-menu-list-item.dxbl-menu-dropdown-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
}
.dxbl-menu-dropdown.dxbl-dropdown-dialog
    > .dxbl-dropdown-body
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
}
.dxbl-menu-dropdown.dxbl-dropdown-dialog
    > .dxbl-dropdown-body
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn {
    --dxbl-btn-font-family: var(--dxbl-menu-font-family);
    --dxbl-btn-font-size: var(--dxbl-menu-item-font-size);
    --dxbl-btn-font-weight: var(--dxbl-menu-item-font-weight);
    --dxbl-btn-line-height: var(--dxbl-menu-item-line-height);
    --dxbl-btn-padding-x: var(--dxbl-menu-item-padding-x);
    --dxbl-btn-padding-y: var(--dxbl-menu-item-padding-y);
    --dxbl-btn-image-spacing: var(--dxbl-menu-item-image-spacing);
    --dxbl-btn-color: var(--dxbl-menu-item-color);
    --dxbl-btn-bg: var(--dxbl-menu-item-bg);
    --dxbl-btn-border-color: var(--dxbl-menu-item-border-color);
    --dxbl-btn-hover-color: var(--dxbl-menu-item-hover-color);
    --dxbl-btn-hover-bg: var(--dxbl-menu-item-hover-bg);
    --dxbl-btn-hover-border-color: var(--dxbl-menu-item-hover-border-color);
    --dxbl-btn-disabled-bg: var(--dxbl-menu-item-disabled-bg);
    --dxbl-btn-disabled-color: var(--dxbl-menu-item-disabled-color);
    --dxbl-btn-disabled-border-color: var(
        --dxbl-menu-item-disabled-border-color
    );
    --dxbl-btn-active-color: var(--dxbl-menu-item-color);
    --dxbl-btn-active-bg: var(--dxbl-menu-item-bg);
    --dxbl-btn-active-border-color: var(--dxbl-menu-item-border-color);
    --dxbl-btn-border-width: var(--dxbl-menu-item-border-width);
    --dxbl-btn-border-radius: inherit;
    --dxbl-btn-focus-outline-color: transparent;
    --dxbl-btn-focus-outline-size: 0;
    --dxbl-btn-focus-outline-offset: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-decoration: none;
    text-align: start;
    cursor: pointer;
}
.dxbl-menu-dropdown.dxbl-dropdown-dialog
    > .dxbl-dropdown-body
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn
    > .dxbl-menu-item-indent {
    display: inline-block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    --dxbl-menu-item-image-placeholder-width: calc(
        var(--dxbl-menu-item-empty-space) + var(--dxbl-menu-item-image-spacing)
    );
    width: calc(var(--dxbl-menu-item-image-placeholder-width) * 0.5);
}
.dxbl-menu-dropdown.dxbl-dropdown-dialog
    > .dxbl-dropdown-body
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn
    > .dxbl-menu-item-indent:first-child {
    --dxbl-menu-item-image-placeholder-width: calc(
        var(--dxbl-menu-item-empty-space) + var(--dxbl-menu-item-image-spacing)
    );
    margin-left: calc(
        var(--dxbl-menu-item-indent-count, 0) *
            var(--dxbl-menu-item-image-placeholder-width) * 1
    );
}
.dxbl-menu-dropdown.dxbl-dropdown-dialog
    > .dxbl-dropdown-body
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn
    > .dxbl-menu-item-indent
    + .dxbl-image {
    margin-left: 0;
}
.dxbl-menu-dropdown.dxbl-dropdown-dialog
    > .dxbl-dropdown-body
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn
    > .dxbl-menu-item-text-container {
    margin-right: auto;
    padding: var(--dxbl-menu-item-text-padding-y) 0;
}
.dxbl-menu-dropdown.dxbl-dropdown-dialog
    > .dxbl-dropdown-body
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn
    > .dxbl-image {
    color: var(--dxbl-menu-item-image-color);
}
.dxbl-menu-dropdown.dxbl-dropdown-dialog
    > .dxbl-dropdown-body
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn
    > .dxbl-image.dxbl-menu-dropdown-toggle {
    color: var(--dxbl-menu-item-dropdown-toggle-color);
    margin-left: var(--dxbl-menu-item-dropdown-toggle-spacing);
}
.dxbl-menu-dropdown.dxbl-dropdown-dialog
    > .dxbl-dropdown-body
    .dxbl-menu-item-list
    > .dxbl-menu-separator {
    margin: 0;
    height: 0;
    border-top: var(--dxbl-menu-separator-width)
        var(--dxbl-menu-separator-style) var(--dxbl-menu-separator-color);
}
.dxbl-menu-dropdown.dxbl-dropdown-dialog
    > .dxbl-dropdown-body
    .dxbl-menu-item-list
    > .dxbl-menu-separator:first-child {
    display: none;
}
.dxbl-menu-dropdown:not(.dxbl-menu-navbar-dropdown)
    .dxbl-menu-item-list
    > .dxbl-menu-list-item:first-child
    > .dxbl-menu-item
    > .dxbl-btn {
    border-top-left-radius: var(--dxbl-menu-dropdown-border-radius);
    border-top-right-radius: var(--dxbl-menu-dropdown-border-radius);
}
.dxbl-menu-dropdown:not(.dxbl-menu-navbar-dropdown)
    .dxbl-menu-item-list
    > .dxbl-menu-list-item:last-child
    > .dxbl-menu-item
    > .dxbl-btn {
    border-bottom-left-radius: var(--dxbl-menu-dropdown-border-radius);
    border-bottom-right-radius: var(--dxbl-menu-dropdown-border-radius);
}
.dxbl-itemlist-dropdown[x-drop-alignment="bottom"]
    > .dxbl-menu-dropdown.dxbl-menu-navbar-dropdown {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.dxbl-itemlist-dropdown[x-drop-alignment="bottom"]
    > .dxbl-menu-dropdown.dxbl-menu-navbar-dropdown
    .dxbl-menu-list-item:last-child
    > .dxbl-menu-nav-item-list
    > .dxbl-menu-list-item:last-child
    > .dxbl-menu-item:last-child
    > .dxbl-btn,
.dxbl-itemlist-dropdown[x-drop-alignment="bottom"]
    > .dxbl-menu-dropdown.dxbl-menu-navbar-dropdown
    > .dxbl-dropdown-body
    > .dxbl-menu-nav-item-list
    > .dxbl-menu-list-item:last-child
    > .dxbl-menu-item:last-child
    > .dxbl-btn {
    border-bottom-left-radius: var(--dxbl-menu-dropdown-border-radius);
    border-bottom-right-radius: var(--dxbl-menu-dropdown-border-radius);
}
.dxbl-itemlist-dropdown[x-drop-alignment="top"]
    > .dxbl-menu-dropdown.dxbl-menu-navbar-dropdown {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.dxbl-itemlist-dropdown[x-drop-alignment="top"]
    > .dxbl-menu-dropdown.dxbl-menu-navbar-dropdown
    > .dxbl-dropdown-body
    > .dxbl-menu-nav-item-list
    > .dxbl-menu-list-item:first-child
    > .dxbl-menu-item
    > .dxbl-btn {
    border-top-left-radius: var(--dxbl-menu-dropdown-border-radius);
    border-top-right-radius: var(--dxbl-menu-dropdown-border-radius);
}
.dxbl-itemlist-dropdown:not([data-dx-focus-hidden])
    > .dxbl-menu-dropdown
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-btn:focus-visible,
.dxbl-itemlist-dropdown:not([data-dx-focus-hidden])
    > .dxbl-menu-dropdown
    .dxbl-menu-item-list
    > .dxbl-menu-list-item
    > .dxbl-menu-item
    > .dxbl-menu-item-tmpl:focus-visible {
    outline: var(--dxbl-menu-dropdown-item-focus-outline-width) solid
        var(--dxbl-menu-dropdown-item-focus-outline-color);
    outline-offset: calc(
        var(--dxbl-menu-dropdown-item-focus-outline-width) * -1
    );
}
.dxbl-itemlist-dropdown:not([data-dx-focus-hidden])
    > .dxbl-menu-dropdown
    .dxbl-sub-menu-template:focus-visible {
    outline: var(--dxbl-menu-dropdown-item-focus-outline-width) solid
        var(--dxbl-menu-dropdown-item-focus-outline-color);
    outline-offset: calc(
        var(--dxbl-menu-dropdown-item-focus-outline-width) * -1
    );
}
.dxbl-splitter {
    --dxbl-splitter-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-splitter-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-splitter-resize-handle-border-radius: var(--DS-border-radius-full);
    --dxbl-splitter-button-color: var(--DS-color-content-neutral-subdued-rest);
    --dxbl-splitter-resize-handle-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-splitter-separator-bg: var(--DS-color-surface-neutral-subdued-rest);
    --dxbl-splitter-separator-border-radius: var(--DS-border-radius-0);
    --dxbl-splitter-button-hover-color: var(
        --DS-color-content-primary-default-hovered
    );
    --dxbl-splitter-resize-handle-hover-color: var(
        --DS-color-content-primary-default-hovered
    );
    --dxbl-splitter-separator-hover-bg: var(
        --DS-color-surface-neutral-subdued-hovered
    );
    --dxbl-splitter-separator-hover-border-radius: var(--DS-border-radius-full);
    --dxbl-splitter-button-focused-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-splitter-resize-handle-focused-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-splitter-separator-focused-bg: var(
        --DS-color-surface-primary-default-rest
    );
    --dxbl-splitter-separator-focused-border-radius: var(
        --DS-border-radius-full
    );
    --dxbl-splitter-button-active-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-splitter-resize-handle-active-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-splitter-separator-active-bg: var(
        --DS-color-surface-primary-default-rest
    );
    --dxbl-splitter-separator-active-border-radius: var(
        --DS-border-radius-full
    );
    --dxbl-splitter-font-family-s: var(--DS-font-family-sans-serif);
    --dxbl-splitter-font-family-m: var(--DS-font-family-sans-serif);
    --dxbl-splitter-font-family-l: var(--DS-font-family-sans-serif);
    --dxbl-splitter-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-splitter-font-size-m: var(--DS-font-size-body-1);
    --dxbl-splitter-font-size-l: var(--DS-font-size-body-2);
    --dxbl-splitter-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-splitter-line-height-m: var(--DS-line-height-body-1-strong);
    --dxbl-splitter-line-height-l: var(--DS-line-height-body-2);
    --dxbl-splitter-button-padding-cross-s: var(--DS-sizing-40);
    --dxbl-splitter-button-padding-cross-m: var(--DS-sizing-40);
    --dxbl-splitter-button-padding-cross-l: var(--DS-sizing-60);
    --dxbl-splitter-button-padding-main-s: var(--DS-sizing-40);
    --dxbl-splitter-button-padding-main-m: var(--DS-sizing-40);
    --dxbl-splitter-button-padding-main-l: var(--DS-sizing-60);
    --dxbl-splitter-button-image-size-s: var(--DS-sizing-120);
    --dxbl-splitter-button-image-size-m: var(--DS-sizing-160);
    --dxbl-splitter-button-image-size-l: var(--DS-sizing-200);
    --dxbl-splitter-pane-padding-x-s: var(--DS-sizing-80);
    --dxbl-splitter-pane-padding-x-m: var(--DS-sizing-120);
    --dxbl-splitter-pane-padding-x-l: var(--DS-sizing-160);
    --dxbl-splitter-pane-padding-y-s: var(--DS-sizing-80);
    --dxbl-splitter-pane-padding-y-m: var(--DS-sizing-120);
    --dxbl-splitter-pane-padding-y-l: var(--DS-sizing-160);
    --dxbl-splitter-resize-handle-padding-cross-s: var(--DS-sizing-40);
    --dxbl-splitter-resize-handle-padding-cross-m: var(--DS-sizing-40);
    --dxbl-splitter-resize-handle-padding-cross-l: var(--DS-sizing-60);
    --dxbl-splitter-resize-handle-padding-main-s: var(--DS-sizing-40);
    --dxbl-splitter-resize-handle-padding-main-m: var(--DS-sizing-40);
    --dxbl-splitter-resize-handle-padding-main-l: var(--DS-sizing-60);
    --dxbl-splitter-resize-handle-size-cross-s: var(--DS-sizing-20);
    --dxbl-splitter-resize-handle-size-cross-m: var(--DS-sizing-40);
    --dxbl-splitter-resize-handle-size-cross-l: var(--DS-sizing-40);
    --dxbl-splitter-resize-handle-size-main-s: var(--DS-sizing-240);
    --dxbl-splitter-resize-handle-size-main-m: var(--DS-sizing-320);
    --dxbl-splitter-resize-handle-size-main-l: calc(
        var(--DS-sizing-360) + var(--DS-sizing-40)
    );
    --dxbl-splitter-separator-gap-s: var(--DS-sizing-0);
    --dxbl-splitter-separator-gap-m: var(--DS-sizing-20);
    --dxbl-splitter-separator-gap-l: var(--DS-sizing-20);
    --dxbl-splitter-separator-size-s: var(--DS-sizing-80);
    --dxbl-splitter-separator-size-m: var(--DS-sizing-100);
    --dxbl-splitter-separator-size-l: var(--DS-sizing-120);
    --dxbl-splitter-separator-static-size-s: var(--DS-sizing-40);
    --dxbl-splitter-separator-static-size-m: var(--DS-sizing-60);
    --dxbl-splitter-separator-static-size-l: var(--DS-sizing-80);
}
.dxbl-splitter {
    background-color: var(--dxbl-splitter-bg);
    color: var(--dxbl-splitter-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--dxbl-splitter-font-family);
    font-size: var(--dxbl-splitter-font-size);
    height: 100%;
    line-height: var(--dxbl-splitter-line-height);
    min-height: 0;
    min-width: 0;
    position: relative;
    width: 100%;
}
.dxbl-splitter.dxbl-splitter-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.dxbl-splitter.dxbl-splitter-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.dxbl-splitter > .dxbl-splitter-pane {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    max-height: 100%;
    max-width: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    position: relative;
}
.dxbl-splitter > .dxbl-splitter-pane.dxbl-splitter-pane-collapsed {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 0;
    -ms-flex: 0 1 0px;
    flex: 0 1 0;
    overflow: hidden;
    visibility: hidden;
}
.dxbl-splitter > .dxbl-splitter-pane > .dxbl-splitter-pane-content {
    height: 100%;
    padding: var(--dxbl-splitter-pane-padding-y)
        var(--dxbl-splitter-pane-padding-x);
    width: 100%;
}
.dxbl-splitter
    > .dxbl-splitter-pane
    > .dxbl-splitter-pane-content:has(> .dxbl-splitter) {
    padding: 0;
}
.dxbl-splitter > .dxbl-splitter-separator {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--dxbl-splitter-separator-bg);
    border-radius: var(--dxbl-splitter-separator-border-radius);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    gap: var(--dxbl-splitter-separator-gap);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    outline: 0;
}
.dxbl-splitter
    > .dxbl-splitter-separator
    > .dxbl-splitter-resize-handle
    > .dxbl-splitter-resize-handle-image {
    background-color: var(--dxbl-splitter-resize-handle-color);
    border-radius: var(--dxbl-splitter-resize-handle-border-radius);
}
.dxbl-splitter
    > .dxbl-splitter-separator
    > .dxbl-splitter-resize-handle
    > .dxbl-splitter-resize-handle-image::before {
    content: "";
}
.dxbl-splitter > .dxbl-splitter-separator > .dxbl-splitter-button {
    color: var(--dxbl-splitter-button-color);
    cursor: pointer;
}
.dxbl-splitter
    > .dxbl-splitter-separator
    > .dxbl-splitter-button
    > .dxbl-image {
    display: block;
    margin: 0;
    height: var(--dxbl-splitter-button-image-size);
    width: var(--dxbl-splitter-button-image-size);
}
.dxbl-splitter-horizontal.dxbl-splitter > .dxbl-splitter-separator {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: var(--dxbl-splitter-separator-size);
}
.dxbl-splitter-horizontal.dxbl-splitter
    > .dxbl-splitter-separator.dxbl-splitter-separator-static {
    width: var(--dxbl-splitter-separator-static-size);
}
.dxbl-splitter-horizontal.dxbl-splitter
    > .dxbl-splitter-separator.dxbl-splitter-separator-draggable {
    cursor: col-resize;
}
.dxbl-splitter-horizontal.dxbl-splitter
    > .dxbl-splitter-separator
    > .dxbl-splitter-resize-handle {
    padding: var(--dxbl-splitter-resize-handle-padding-main)
        var(--dxbl-splitter-resize-handle-padding-cross);
}
.dxbl-splitter-horizontal.dxbl-splitter
    > .dxbl-splitter-separator
    > .dxbl-splitter-resize-handle
    > .dxbl-splitter-resize-handle-image {
    height: var(--dxbl-splitter-resize-handle-size-main);
    width: var(--dxbl-splitter-resize-handle-size-cross);
}
.dxbl-splitter-horizontal.dxbl-splitter
    > .dxbl-splitter-separator
    > .dxbl-splitter-button {
    padding: var(--dxbl-splitter-button-padding-main)
        var(--dxbl-splitter-button-padding-cross);
}
.dxbl-splitter-vertical.dxbl-splitter > .dxbl-splitter-separator {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: var(--dxbl-splitter-separator-size);
}
.dxbl-splitter-vertical.dxbl-splitter
    > .dxbl-splitter-separator.dxbl-splitter-separator-static {
    height: var(--dxbl-splitter-separator-static-size);
}
.dxbl-splitter-vertical.dxbl-splitter
    > .dxbl-splitter-separator.dxbl-splitter-separator-draggable {
    cursor: row-resize;
}
.dxbl-splitter-vertical.dxbl-splitter
    > .dxbl-splitter-separator
    > .dxbl-splitter-resize-handle {
    padding: var(--dxbl-splitter-resize-handle-padding-cross)
        var(--dxbl-splitter-resize-handle-padding-main);
}
.dxbl-splitter-vertical.dxbl-splitter
    > .dxbl-splitter-separator
    > .dxbl-splitter-resize-handle
    > .dxbl-splitter-resize-handle-image {
    height: var(--dxbl-splitter-resize-handle-size-cross);
    width: var(--dxbl-splitter-resize-handle-size-main);
}
.dxbl-splitter-vertical.dxbl-splitter
    > .dxbl-splitter-separator
    > .dxbl-splitter-button {
    padding: var(--dxbl-splitter-button-padding-cross)
        var(--dxbl-splitter-button-padding-main);
}
.dxbl-splitter {
    --dxbl-splitter-font-family: var(--dxbl-splitter-font-family-m);
    --dxbl-splitter-font-size: var(--dxbl-splitter-font-size-m);
    --dxbl-splitter-line-height: var(--dxbl-splitter-line-height-m);
    --dxbl-splitter-button-padding-cross: var(
        --dxbl-splitter-button-padding-cross-m
    );
    --dxbl-splitter-button-padding-main: var(
        --dxbl-splitter-button-padding-main-m
    );
    --dxbl-splitter-button-image-size: var(--dxbl-splitter-button-image-size-m);
    --dxbl-splitter-pane-padding-x: var(--dxbl-splitter-pane-padding-x-m);
    --dxbl-splitter-pane-padding-y: var(--dxbl-splitter-pane-padding-y-m);
    --dxbl-splitter-resize-handle-padding-cross: var(
        --dxbl-splitter-resize-handle-padding-cross-m
    );
    --dxbl-splitter-resize-handle-padding-main: var(
        --dxbl-splitter-resize-handle-padding-main-m
    );
    --dxbl-splitter-resize-handle-size-cross: var(
        --dxbl-splitter-resize-handle-size-cross-m
    );
    --dxbl-splitter-resize-handle-size-main: var(
        --dxbl-splitter-resize-handle-size-main-m
    );
    --dxbl-splitter-separator-gap: var(--dxbl-splitter-separator-gap-m);
    --dxbl-splitter-separator-size: var(--dxbl-splitter-separator-size-m);
    --dxbl-splitter-separator-static-size: var(
        --dxbl-splitter-separator-static-size-m
    );
}
.dxbl-splitter
    > .dxbl-splitter-separator:not(.dxbl-splitter-separator-static):hover {
    --dxbl-splitter-separator-bg: var(--dxbl-splitter-separator-hover-bg);
    --dxbl-splitter-separator-border-radius: var(
        --dxbl-splitter-separator-hover-border-radius
    );
}
.dxbl-splitter
    > .dxbl-splitter-separator:not(.dxbl-splitter-separator-static):focus {
    --dxbl-splitter-button-color: var(--dxbl-splitter-button-focused-color);
    --dxbl-splitter-resize-handle-color: var(
        --dxbl-splitter-resize-handle-focused-color
    );
    --dxbl-splitter-separator-bg: var(--dxbl-splitter-separator-focused-bg);
    --dxbl-splitter-separator-border-radius: var(
        --dxbl-splitter-separator-focused-border-radius
    );
}
.dxbl-splitter
    > .dxbl-splitter-separator:not(.dxbl-splitter-separator-static):active {
    --dxbl-splitter-button-color: var(--dxbl-splitter-button-active-color);
    --dxbl-splitter-resize-handle-color: var(
        --dxbl-splitter-resize-handle-active-color
    );
    --dxbl-splitter-separator-bg: var(--dxbl-splitter-separator-active-bg);
    --dxbl-splitter-separator-border-radius: var(
        --dxbl-splitter-separator-active-border-radius
    );
}
.dxbl-splitter
    > .dxbl-splitter-separator:not(.dxbl-splitter-separator-static):not(
        :focus
    ):not(:active)
    > .dxbl-splitter-resize-handle:hover {
    --dxbl-splitter-resize-handle-color: var(
        --dxbl-splitter-resize-handle-hover-color
    );
}
.dxbl-splitter
    > .dxbl-splitter-separator:not(.dxbl-splitter-separator-static):not(
        :focus
    ):not(:active)
    > .dxbl-splitter-button:hover {
    --dxbl-splitter-button-color: var(--dxbl-splitter-button-hover-color);
}
.dxbl-splitter.dxbl-sm {
    --dxbl-splitter-font-family: var(--dxbl-splitter-font-family-s);
    --dxbl-splitter-font-size: var(--dxbl-splitter-font-size-s);
    --dxbl-splitter-line-height: var(--dxbl-splitter-line-height-s);
    --dxbl-splitter-button-padding-cross: var(
        --dxbl-splitter-button-padding-cross-s
    );
    --dxbl-splitter-button-padding-main: var(
        --dxbl-splitter-button-padding-main-s
    );
    --dxbl-splitter-button-image-size: var(--dxbl-splitter-button-image-size-s);
    --dxbl-splitter-pane-padding-x: var(--dxbl-splitter-pane-padding-x-s);
    --dxbl-splitter-pane-padding-y: var(--dxbl-splitter-pane-padding-y-s);
    --dxbl-splitter-resize-handle-padding-cross: var(
        --dxbl-splitter-resize-handle-padding-cross-s
    );
    --dxbl-splitter-resize-handle-padding-main: var(
        --dxbl-splitter-resize-handle-padding-main-s
    );
    --dxbl-splitter-resize-handle-size-cross: var(
        --dxbl-splitter-resize-handle-size-cross-s
    );
    --dxbl-splitter-resize-handle-size-main: var(
        --dxbl-splitter-resize-handle-size-main-s
    );
    --dxbl-splitter-separator-gap: var(--dxbl-splitter-separator-gap-s);
    --dxbl-splitter-separator-size: var(--dxbl-splitter-separator-size-s);
    --dxbl-splitter-separator-static-size: var(
        --dxbl-splitter-separator-static-size-s
    );
}
.dxbl-splitter.dxbl-lg {
    --dxbl-splitter-font-family: var(--dxbl-splitter-font-family-l);
    --dxbl-splitter-font-size: var(--dxbl-splitter-font-size-l);
    --dxbl-splitter-line-height: var(--dxbl-splitter-line-height-l);
    --dxbl-splitter-button-padding-cross: var(
        --dxbl-splitter-button-padding-cross-l
    );
    --dxbl-splitter-button-padding-main: var(
        --dxbl-splitter-button-padding-main-l
    );
    --dxbl-splitter-button-image-size: var(--dxbl-splitter-button-image-size-l);
    --dxbl-splitter-pane-padding-x: var(--dxbl-splitter-pane-padding-x-l);
    --dxbl-splitter-pane-padding-y: var(--dxbl-splitter-pane-padding-y-l);
    --dxbl-splitter-resize-handle-padding-cross: var(
        --dxbl-splitter-resize-handle-padding-cross-l
    );
    --dxbl-splitter-resize-handle-padding-main: var(
        --dxbl-splitter-resize-handle-padding-main-l
    );
    --dxbl-splitter-resize-handle-size-cross: var(
        --dxbl-splitter-resize-handle-size-cross-l
    );
    --dxbl-splitter-resize-handle-size-main: var(
        --dxbl-splitter-resize-handle-size-main-l
    );
    --dxbl-splitter-separator-gap: var(--dxbl-splitter-separator-gap-l);
    --dxbl-splitter-separator-size: var(--dxbl-splitter-separator-size-l);
    --dxbl-splitter-separator-static-size: var(
        --dxbl-splitter-separator-static-size-l
    );
}
.dxbl-gridlayout {
    width: 100%;
    height: 100%;
    display: block;
}
.dxbl-gridlayout > .dxbl-gridlayout-root {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    height: 100%;
    display: grid;
}
.dxbl-stacklayout {
    display: block;
}
.dxbl-stacklayout > .dxbl-stacklayout-root {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    height: 100%;
    display: grid;
}
.dxbl-drawer {
    --dxbl-drawer-animation-duration: 300ms;
    --dxbl-drawer-content-shading-bg: var(--DS-neutral-170);
    --dxbl-drawer-content-shading-opacity: var(--DS-opacity-50);
    --dxbl-drawer-panel-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-drawer-panel-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-drawer-panel-box-shadow-left:
        10px 0 15px -3px var(--DS-color-shadow-key),
        4px 0 6px -4px var(--DS-color-shadow-key);
    --dxbl-drawer-panel-box-shadow-right:
        -10px 0 15px -3px var(--DS-color-shadow-key),
        -4px 0 6px -4px var(--DS-color-shadow-key);
    --dxbl-drawer-panel-font-family: var(--DS-font-family-sans-serif);
    --dxbl-drawer-panel-header-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-drawer-panel-header-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-drawer-panel-footer-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-drawer-panel-footer-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-drawer-panel-footer-justify-content: flex-end;
    --dxbl-drawer-separator-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-drawer-separator-border-style: solid;
    --dxbl-drawer-separator-border-width: var(--DS-border-width-10);
    --dxbl-drawer-panel-header-min-height: calc(
        var(--dxbl-drawer-panel-header-padding-y) * 2 +
            var(--dxbl-drawer-panel-header-line-height) +
            var(--dxbl-drawer-separator-border-width)
    );
    --dxbl-drawer-panel-footer-min-height: calc(
        var(--dxbl-drawer-panel-footer-padding-y) * 2 +
            var(--dxbl-drawer-panel-line-height) +
            var(--dxbl-drawer-separator-border-width)
    );
    --dxbl-drawer-panel-header-padding-x: var(--dxbl-drawer-panel-padding-x);
    --dxbl-drawer-panel-header-padding-y: var(--dxbl-drawer-panel-padding-y);
    --dxbl-drawer-panel-body-padding-x: var(--dxbl-drawer-panel-padding-x);
    --dxbl-drawer-panel-body-padding-y: var(--dxbl-drawer-panel-padding-y);
    --dxbl-drawer-panel-footer-padding-x: var(--dxbl-drawer-panel-padding-x);
    --dxbl-drawer-panel-footer-padding-y: var(--dxbl-drawer-panel-padding-y);
    --dxbl-drawer-panel-width-s: 320px;
    --dxbl-drawer-panel-width-m: 360px;
    --dxbl-drawer-panel-width-l: 400px;
    --dxbl-drawer-panel-width-mini-s: 40px;
    --dxbl-drawer-panel-width-mini-m: 48px;
    --dxbl-drawer-panel-width-mini-l: 56px;
    --dxbl-drawer-panel-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-drawer-panel-font-size-m: var(--DS-font-size-body-1);
    --dxbl-drawer-panel-font-size-l: var(--DS-font-size-body-2);
    --dxbl-drawer-panel-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-drawer-panel-line-height-m: var(--DS-line-height-body-1);
    --dxbl-drawer-panel-line-height-l: var(--DS-line-height-body-2);
    --dxbl-drawer-panel-padding-x-s: var(--DS-sizing-80);
    --dxbl-drawer-panel-padding-x-m: var(--DS-sizing-100);
    --dxbl-drawer-panel-padding-x-l: var(--DS-sizing-120);
    --dxbl-drawer-panel-padding-y-s: var(--DS-sizing-80);
    --dxbl-drawer-panel-padding-y-m: var(--DS-sizing-100);
    --dxbl-drawer-panel-padding-y-l: var(--DS-sizing-120);
    --dxbl-drawer-panel-header-font-size-s: var(--DS-font-size-body-1-strong);
    --dxbl-drawer-panel-header-font-size-m: var(--DS-font-size-subtitle-2);
    --dxbl-drawer-panel-header-font-size-l: var(--DS-font-size-subtitle-1);
    --dxbl-drawer-panel-header-font-weight-s: var(
        --DS-font-weight-body-1-strong
    );
    --dxbl-drawer-panel-header-font-weight-m: var(--DS-font-weight-subtitle-2);
    --dxbl-drawer-panel-header-font-weight-l: var(--DS-font-weight-subtitle-1);
    --dxbl-drawer-panel-header-line-height-s: var(
        --DS-line-height-body-1-strong
    );
    --dxbl-drawer-panel-header-line-height-m: var(--DS-line-height-subtitle-2);
    --dxbl-drawer-panel-header-line-height-l: var(--DS-line-height-subtitle-1);
    --dxbl-drawer-panel-header-padding-y-s: var(--DS-sizing-80);
    --dxbl-drawer-panel-header-padding-y-m: var(--DS-sizing-100);
    --dxbl-drawer-panel-header-padding-y-l: var(--DS-sizing-120);
    --dxbl-drawer-panel-header-padding-x-s: var(--DS-sizing-80);
    --dxbl-drawer-panel-header-padding-x-m: var(--DS-sizing-100);
    --dxbl-drawer-panel-header-padding-x-l: var(--DS-sizing-120);
    --dxbl-drawer-panel-body-padding-x-s: var(--DS-sizing-80);
    --dxbl-drawer-panel-body-padding-x-m: var(--DS-sizing-100);
    --dxbl-drawer-panel-body-padding-x-l: var(--DS-sizing-120);
    --dxbl-drawer-panel-body-padding-y-s: var(--DS-sizing-80);
    --dxbl-drawer-panel-body-padding-y-m: var(--DS-sizing-100);
    --dxbl-drawer-panel-body-padding-y-l: var(--DS-sizing-120);
    --dxbl-drawer-panel-footer-padding-y-s: var(--DS-sizing-80);
    --dxbl-drawer-panel-footer-padding-y-m: var(--DS-sizing-100);
    --dxbl-drawer-panel-footer-padding-y-l: var(--DS-sizing-120);
    --dxbl-drawer-panel-footer-padding-x-s: var(--DS-sizing-80);
    --dxbl-drawer-panel-footer-padding-x-m: var(--DS-sizing-100);
    --dxbl-drawer-panel-footer-padding-x-l: var(--DS-sizing-120);
}
.dxbl-drawer {
    --dxbl-drawer-panel-font-size: var(--dxbl-drawer-panel-font-size-m);
    --dxbl-drawer-panel-line-height: var(--dxbl-drawer-panel-line-height-m);
    --dxbl-drawer-panel-width-mini: var(--dxbl-drawer-panel-width-mini-m);
    --dxbl-drawer-panel-width: var(--dxbl-drawer-panel-width-m);
    --dxbl-drawer-panel-padding-x: var(--dxbl-drawer-panel-padding-x-m);
    --dxbl-drawer-panel-padding-y: var(--dxbl-drawer-panel-padding-y-m);
    --dxbl-drawer-panel-header-font-size: var(
        --dxbl-drawer-panel-header-font-size-m
    );
    --dxbl-drawer-panel-header-font-weight: var(
        --dxbl-drawer-panel-header-font-weight-m
    );
    --dxbl-drawer-panel-header-line-height: var(
        --dxbl-drawer-panel-header-line-height-m
    );
}
.dxbl-drawer.dxbl-sm {
    --dxbl-drawer-panel-font-size: var(--dxbl-drawer-panel-font-size-s);
    --dxbl-drawer-panel-line-height: var(--dxbl-drawer-panel-line-height-s);
    --dxbl-drawer-panel-width-mini: var(--dxbl-drawer-panel-width-mini-s);
    --dxbl-drawer-panel-width: var(--dxbl-drawer-panel-width-s);
    --dxbl-drawer-panel-padding-x: var(--dxbl-drawer-panel-padding-x-s);
    --dxbl-drawer-panel-padding-y: var(--dxbl-drawer-panel-padding-y-s);
    --dxbl-drawer-panel-header-font-size: var(
        --dxbl-drawer-panel-header-font-size-s
    );
    --dxbl-drawer-panel-header-font-weight: var(
        --dxbl-drawer-panel-header-font-weight-s
    );
    --dxbl-drawer-panel-header-line-height: var(
        --dxbl-drawer-panel-header-line-height-s
    );
}
.dxbl-drawer.dxbl-lg {
    --dxbl-drawer-panel-font-size: var(--dxbl-drawer-panel-font-size-l);
    --dxbl-drawer-panel-line-height: var(--dxbl-drawer-panel-line-height-l);
    --dxbl-drawer-panel-width-mini: var(--dxbl-drawer-panel-width-mini-l);
    --dxbl-drawer-panel-width: var(--dxbl-drawer-panel-width-l);
    --dxbl-drawer-panel-padding-x: var(--dxbl-drawer-panel-padding-x-l);
    --dxbl-drawer-panel-padding-y: var(--dxbl-drawer-panel-padding-y-l);
    --dxbl-drawer-panel-header-font-size: var(
        --dxbl-drawer-panel-header-font-size-l
    );
    --dxbl-drawer-panel-header-font-weight: var(
        --dxbl-drawer-panel-header-font-weight-l
    );
    --dxbl-drawer-panel-header-line-height: var(
        --dxbl-drawer-panel-header-line-height-l
    );
}
.dxbl-drawer {
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.dxbl-drawer > .dxbl-drawer-panel {
    background-color: var(--dxbl-drawer-panel-bg);
    bottom: 0;
    color: var(--dxbl-drawer-panel-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: var(--dxbl-drawer-panel-font-family);
    font-size: var(--dxbl-drawer-panel-font-size);
    line-height: var(--dxbl-drawer-panel-line-height);
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-transition: var(--dxbl-drawer-animation-duration) ease-in-out;
    -o-transition: var(--dxbl-drawer-animation-duration) ease-in-out;
    transition: var(--dxbl-drawer-animation-duration) ease-in-out;
    -webkit-transition-property: visibility, width;
    -o-transition-property: visibility, width;
    transition-property: visibility, width;
    visibility: visible;
    width: var(--dxbl-drawer-panel-width);
}
.dxbl-drawer-closed.dxbl-drawer > .dxbl-drawer-panel {
    visibility: hidden;
}
.dxbl-drawer-left.dxbl-drawer > .dxbl-drawer-panel {
    left: 0;
}
.dxbl-drawer-right.dxbl-drawer > .dxbl-drawer-panel {
    right: 0;
}
.dxbl-drawer > .dxbl-drawer-panel .dxbl-drawer-body,
.dxbl-drawer > .dxbl-drawer-panel .dxbl-drawer-footer,
.dxbl-drawer > .dxbl-drawer-panel .dxbl-drawer-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}
.dxbl-drawer > .dxbl-drawer-panel .dxbl-drawer-header {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: var(--dxbl-drawer-separator-border-width)
        var(--dxbl-drawer-separator-border-style)
        var(--dxbl-drawer-separator-border-color);
    background-color: var(--dxbl-drawer-panel-header-bg);
    color: var(--dxbl-drawer-panel-header-color);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: var(--dxbl-drawer-panel-header-font-size);
    font-weight: var(--dxbl-drawer-panel-header-font-weight);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: var(--dxbl-drawer-panel-header-line-height);
    min-height: var(--dxbl-drawer-panel-header-min-height);
    padding: var(--dxbl-drawer-panel-header-padding-y)
        var(--dxbl-drawer-panel-header-padding-x);
}
.dxbl-drawer > .dxbl-drawer-panel > .dxbl-drawer-body {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: var(--dxbl-drawer-panel-body-padding-y)
        var(--dxbl-drawer-panel-body-padding-x);
}
.dxbl-drawer-left.dxbl-drawer-open.dxbl-drawer
    > .dxbl-drawer-panel
    > .dxbl-drawer-body,
.dxbl-drawer-right.dxbl-drawer-open.dxbl-drawer
    > .dxbl-drawer-panel
    > .dxbl-drawer-body {
    overflow-y: auto;
}
.dxbl-drawer > .dxbl-drawer-panel .dxbl-drawer-footer {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--dxbl-drawer-panel-footer-bg);
    border-top: var(--dxbl-drawer-separator-border-width)
        var(--dxbl-drawer-separator-border-style)
        var(--dxbl-drawer-separator-border-color);
    color: var(--dxbl-drawer-panel-footer-color);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: var(--dxbl-drawer-panel-footer-justify-content);
    -webkit-justify-content: var(--dxbl-drawer-panel-footer-justify-content);
    -ms-flex-pack: var(--dxbl-drawer-panel-footer-justify-content);
    justify-content: var(--dxbl-drawer-panel-footer-justify-content);
    margin-top: auto;
    min-height: var(--dxbl-drawer-panel-footer-min-height);
    padding: var(--dxbl-drawer-panel-footer-padding-y)
        var(--dxbl-drawer-panel-footer-padding-x);
}
.dxbl-drawer > .dxbl-drawer-shading {
    background-color: var(--dxbl-drawer-content-shading-bg);
    height: 100%;
    opacity: 0;
    position: absolute;
    -webkit-transition: ease var(--dxbl-drawer-animation-duration);
    -o-transition: ease var(--dxbl-drawer-animation-duration);
    transition: ease var(--dxbl-drawer-animation-duration);
    -webkit-transition-property: opacity, visibility;
    -o-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    visibility: hidden;
    width: 100%;
    z-index: 100;
}
.dxbl-drawer-open.dxbl-drawer > .dxbl-drawer-shading {
    opacity: var(--dxbl-drawer-content-shading-opacity);
    visibility: visible;
}
.dxbl-drawer .dxbl-drawer-content {
    height: 100%;
    overflow: hidden;
}
.dxbl-drawer.dxbl-drawer-shrink {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}
.dxbl-drawer.dxbl-drawer-shrink > .dxbl-drawer-panel {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
}
.dxbl-drawer-right.dxbl-drawer.dxbl-drawer-shrink > .dxbl-drawer-panel {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
.dxbl-drawer-left.dxbl-drawer-mini.dxbl-drawer.dxbl-drawer-shrink
    > .dxbl-drawer-panel,
.dxbl-drawer-left.dxbl-drawer-open.dxbl-drawer.dxbl-drawer-shrink
    > .dxbl-drawer-panel {
    border-right: var(--dxbl-drawer-separator-border-width)
        var(--dxbl-drawer-separator-border-style)
        var(--dxbl-drawer-separator-border-color);
}
.dxbl-drawer-right.dxbl-drawer-mini.dxbl-drawer.dxbl-drawer-shrink
    > .dxbl-drawer-panel,
.dxbl-drawer-right.dxbl-drawer-open.dxbl-drawer.dxbl-drawer-shrink
    > .dxbl-drawer-panel {
    border-left: var(--dxbl-drawer-separator-border-width)
        var(--dxbl-drawer-separator-border-style)
        var(--dxbl-drawer-separator-border-color);
}
.dxbl-drawer.dxbl-drawer-shrink > .dxbl-drawer-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.dxbl-drawer.dxbl-drawer-overlap > .dxbl-drawer-panel {
    z-index: 100;
}
.dxbl-drawer-left.dxbl-drawer-open.dxbl-drawer.dxbl-drawer-overlap
    > .dxbl-drawer-panel {
    -webkit-box-shadow: var(--dxbl-drawer-panel-box-shadow-left);
    box-shadow: var(--dxbl-drawer-panel-box-shadow-left);
}
.dxbl-drawer-right.dxbl-drawer-open.dxbl-drawer.dxbl-drawer-overlap
    > .dxbl-drawer-panel {
    -webkit-box-shadow: var(--dxbl-drawer-panel-box-shadow-right);
    box-shadow: var(--dxbl-drawer-panel-box-shadow-right);
}
.dxbl-drawer.dxbl-drawer-mini > .dxbl-drawer-panel {
    width: var(--dxbl-drawer-panel-width-mini);
}
.dxbl-chatui-root {
    --dxbl-chatui-messagelist-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-chatui-message-border-radius: var(--DS-border-radius-60);
    --dxbl-chatui-message-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-chatui-message-user-bg: var(--DS-color-surface-primary-subdued-rest);
    --dxbl-chatui-message-assistant-bg: var(
        --DS-color-surface-neutral-subdued-rest
    );
    --dxbl-chatui-message-error-bg: var(--DS-color-surface-danger-subdued-rest);
    --dxbl-chatui-submitarea-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-chatui-empty-icon-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-chatui-empty-text-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-chatui-suggestion-item-border-radius: var(--DS-border-radius-80);
    --dxbl-chatui-suggestion-item-border-width: var(--DS-border-width-10);
    --dxbl-chatui-suggestion-item-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-chatui-suggestion-item-bg: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-chatui-suggestion-item-title-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-chatui-suggestion-item-text-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-chatui-suggestion-item-title-font-weight: var(
        --DS-font-weight-caption-1-strong
    );
    --dxbl-chatui-suggestion-item-text-font-weight: var(
        --DS-font-weight-caption-1
    );
    --dxbl-chatui-suggestion-item-hover-bg: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxbl-chatui-suggestion-item-hover-border-color: var(
        --DS-color-border-primary-subdued-hovered
    );
    --dxbl-chatui-suggestion-item-focus-bg: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-chatui-suggestion-item-focus-border-color: var(
        --DS-color-theme-builder-focus
    );
    --dxbl-chatui-suggestion-item-active-bg: var(
        --DS-color-surface-neutral-default-pressed
    );
    --dxbl-chatui-suggestion-item-active-border-color: var(
        --DS-color-border-neutral-default-pressed
    );
    --dxbl-chatui-empty-text-title-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-chatui-empty-text-caption-color: var(
        --DS-color-content-neutral-subdued-rest
    );
    --dxbl-chatui-submitarea-container-border-radius: var(
        --DS-border-radius-theme-builder-default
    );
    --dxbl-chatui-submitarea-container-border-width: var(--DS-border-width-10);
    --dxbl-chatui-submitarea-container-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-chatui-attachment-list-item-border-radius: var(
        --DS-border-radius-theme-builder-default
    );
    --dxbl-chatui-attachment-list-item-border-width: var(--DS-border-width-10);
    --dxbl-chatui-attachment-list-item-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-chatui-attachment-list-item-padding-right: var(--DS-sizing-40);
    --dxbl-chatui-message-attachment-bg: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-chatui-upload-file-state-line-height: var(
        --DS-line-height-caption-2
    );
    --dxbl-chatui-submitarea-padding-x-s: var(--DS-sizing-240);
    --dxbl-chatui-submitarea-padding-x-m: var(--DS-sizing-320);
    --dxbl-chatui-submitarea-padding-x-l: calc(
        var(--DS-sizing-360) + var(--DS-sizing-40)
    );
    --dxbl-chatui-submitarea-padding-y-s: var(--DS-sizing-240);
    --dxbl-chatui-submitarea-padding-y-m: var(--DS-sizing-320);
    --dxbl-chatui-submitarea-padding-y-l: calc(
        var(--DS-sizing-360) + var(--DS-sizing-40)
    );
    --dxbl-chatui-message-gap-s: var(--DS-sizing-60);
    --dxbl-chatui-message-gap-m: var(--DS-sizing-80);
    --dxbl-chatui-message-gap-l: var(--DS-sizing-100);
    --dxbl-chatui-message-padding-x-s: var(--DS-sizing-120);
    --dxbl-chatui-message-padding-x-m: var(--DS-sizing-160);
    --dxbl-chatui-message-padding-x-l: var(--DS-sizing-200);
    --dxbl-chatui-message-padding-y-s: var(--DS-sizing-60);
    --dxbl-chatui-message-padding-y-m: var(--DS-sizing-80);
    --dxbl-chatui-message-padding-y-l: var(--DS-sizing-100);
    --dxbl-chatui-messagelist-gap-s: var(--DS-sizing-80);
    --dxbl-chatui-messagelist-gap-m: var(--DS-sizing-120);
    --dxbl-chatui-messagelist-gap-l: var(--DS-sizing-160);
    --dxbl-chatui-messagelist-padding-x-s: var(--DS-sizing-240);
    --dxbl-chatui-messagelist-padding-x-m: var(--DS-sizing-320);
    --dxbl-chatui-messagelist-padding-x-l: calc(
        var(--DS-sizing-360) + var(--DS-sizing-40)
    );
    --dxbl-chatui-messagelist-padding-y-s: var(--DS-sizing-240);
    --dxbl-chatui-messagelist-padding-y-m: var(--DS-sizing-320);
    --dxbl-chatui-messagelist-padding-y-l: calc(
        var(--DS-sizing-360) + var(--DS-sizing-40)
    );
    --dxbl-chatui-message-font-weight-s: var(--DS-font-weight-caption-1);
    --dxbl-chatui-message-font-weight-m: var(--DS-font-weight-body-1);
    --dxbl-chatui-message-font-weight-l: var(--DS-font-weight-body-2);
    --dxbl-chatui-message-font-family-s: var(--DS-font-family-sans-serif);
    --dxbl-chatui-message-font-family-m: var(--DS-font-family-sans-serif);
    --dxbl-chatui-message-font-family-l: var(--DS-font-family-sans-serif);
    --dxbl-chatui-message-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-chatui-message-font-size-m: var(--DS-font-size-body-1);
    --dxbl-chatui-message-font-size-l: var(--DS-font-size-body-2);
    --dxbl-chatui-message-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-chatui-message-line-height-m: var(--DS-line-height-body-1);
    --dxbl-chatui-message-line-height-l: var(--DS-line-height-body-2);
    --dxbl-chatui-empty-text-font-weight-s: var(--DS-font-weight-subtitle-2);
    --dxbl-chatui-empty-text-font-weight-m: var(--DS-font-weight-subtitle-1);
    --dxbl-chatui-empty-text-font-weight-l: var(--DS-font-weight-title-3);
    --dxbl-chatui-empty-text-font-family-s: var(--DS-font-family-sans-serif);
    --dxbl-chatui-empty-text-font-family-m: var(--DS-font-family-sans-serif);
    --dxbl-chatui-empty-text-font-family-l: var(--DS-font-family-sans-serif);
    --dxbl-chatui-empty-text-font-size-s: var(--DS-font-size-subtitle-2);
    --dxbl-chatui-empty-text-font-size-m: var(--DS-font-size-subtitle-1);
    --dxbl-chatui-empty-text-font-size-l: var(--DS-font-size-title-3);
    --dxbl-chatui-empty-text-line-height-s: var(--DS-line-height-subtitle-2);
    --dxbl-chatui-empty-text-line-height-m: var(--DS-line-height-subtitle-1);
    --dxbl-chatui-empty-text-line-height-l: var(--DS-line-height-title-3);
    --dxbl-chatui-empty-gap-s: var(--DS-sizing-40);
    --dxbl-chatui-empty-gap-m: var(--DS-sizing-60);
    --dxbl-chatui-empty-gap-l: var(--DS-sizing-80);
    --dxbl-chatui-empty-icon-size-s: var(--DS-sizing-280);
    --dxbl-chatui-empty-icon-size-m: var(--DS-sizing-320);
    --dxbl-chatui-empty-icon-size-l: var(--DS-sizing-480);
    --dxbl-chatui-suggestions-gap-s: var(
        --DS-sizing-theme-builder-item-gap-small
    );
    --dxbl-chatui-suggestions-gap-m: var(
        --DS-sizing-theme-builder-item-gap-medium
    );
    --dxbl-chatui-suggestions-gap-l: var(
        --DS-sizing-theme-builder-item-gap-large
    );
    --dxbl-chatui-suggestions-max-width-s: 556px;
    --dxbl-chatui-suggestions-max-width-m: 684px;
    --dxbl-chatui-suggestions-max-width-l: 812px;
    --dxbl-chatui-suggestions-margin-top-s: 1.25rem;
    --dxbl-chatui-suggestions-margin-top-m: 1.75rem;
    --dxbl-chatui-suggestions-margin-top-l: 2.25rem;
    --dxbl-chatui-suggestion-item-padding-s: var(--DS-sizing-120);
    --dxbl-chatui-suggestion-item-padding-m: var(--DS-sizing-160);
    --dxbl-chatui-suggestion-item-padding-l: var(--DS-sizing-200);
    --dxbl-chatui-suggestion-item-gap-s: var(--DS-sizing-40);
    --dxbl-chatui-suggestion-item-gap-m: var(--DS-sizing-40);
    --dxbl-chatui-suggestion-item-gap-l: var(--DS-sizing-60);
    --dxbl-chatui-suggestion-item-max-width-s: 180px;
    --dxbl-chatui-suggestion-item-max-width-m: 220px;
    --dxbl-chatui-suggestion-item-max-width-l: 260px;
    --dxbl-chatui-suggestion-item-min-width-s: 170px;
    --dxbl-chatui-suggestion-item-min-width-m: 210px;
    --dxbl-chatui-suggestion-item-min-width-l: 250px;
    --dxbl-chatui-suggestion-item-title-font-size-s: var(
        --DS-font-size-caption-1-strong
    );
    --dxbl-chatui-suggestion-item-title-font-size-m: var(
        --DS-font-size-body-1-strong
    );
    --dxbl-chatui-suggestion-item-title-font-size-l: var(
        --DS-font-size-subtitle-2
    );
    --dxbl-chatui-suggestion-item-text-font-size-s: var(
        --DS-font-size-caption-1
    );
    --dxbl-chatui-suggestion-item-text-font-size-m: var(
        --DS-font-size-caption-1
    );
    --dxbl-chatui-suggestion-item-text-font-size-l: var(--DS-font-size-body-1);
    --dxbl-chatui-suggestion-item-title-line-height-s: var(
        --DS-line-height-caption-1-strong
    );
    --dxbl-chatui-suggestion-item-title-line-height-m: var(
        --DS-line-height-body-1-strong
    );
    --dxbl-chatui-suggestion-item-title-line-height-l: var(
        --DS-line-height-subtitle-2
    );
    --dxbl-chatui-suggestion-item-text-line-height-s: var(
        --DS-line-height-caption-1
    );
    --dxbl-chatui-suggestion-item-text-line-height-m: var(
        --DS-line-height-caption-1
    );
    --dxbl-chatui-suggestion-item-text-line-height-l: var(
        --DS-line-height-body-1
    );
    --dxbl-chatui-empty-messages-gap-s: var(--DS-sizing-240);
    --dxbl-chatui-empty-messages-gap-m: var(--DS-sizing-320);
    --dxbl-chatui-empty-messages-gap-l: var(--DS-sizing-400);
    --dxbl-chatui-empty-area-gap-s: var(--DS-sizing-20);
    --dxbl-chatui-empty-area-gap-m: var(--DS-sizing-20);
    --dxbl-chatui-empty-area-gap-l: var(--DS-sizing-40);
    --dxbl-chatui-empty-text-title-font-size-s: var(--DS-font-size-subtitle-2);
    --dxbl-chatui-empty-text-title-font-size-m: var(--DS-font-size-subtitle-1);
    --dxbl-chatui-empty-text-title-font-size-l: var(--DS-font-size-title-3);
    --dxbl-chatui-empty-text-title-font-weight-s: var(
        --DS-font-weight-subtitle-2
    );
    --dxbl-chatui-empty-text-title-font-weight-m: var(
        --DS-font-weight-subtitle-1
    );
    --dxbl-chatui-empty-text-title-font-weight-l: var(--DS-font-weight-title-3);
    --dxbl-chatui-empty-text-title-line-height-s: var(
        --DS-line-height-subtitle-2
    );
    --dxbl-chatui-empty-text-title-line-height-m: var(
        --DS-line-height-subtitle-1
    );
    --dxbl-chatui-empty-text-title-line-height-l: var(--DS-line-height-title-3);
    --dxbl-chatui-empty-text-caption-font-size-s: var(
        --DS-font-size-subtitle-2
    );
    --dxbl-chatui-empty-text-caption-font-size-m: var(
        --DS-font-size-subtitle-1
    );
    --dxbl-chatui-empty-text-caption-font-size-l: var(--DS-font-size-title-3);
    --dxbl-chatui-empty-text-caption-font-weight-s: var(
        --DS-font-weight-subtitle-2
    );
    --dxbl-chatui-empty-text-caption-font-weight-m: var(
        --DS-font-weight-subtitle-1
    );
    --dxbl-chatui-empty-text-caption-font-weight-l: var(
        --DS-font-weight-title-3
    );
    --dxbl-chatui-empty-text-caption-line-height-s: var(
        --DS-line-height-subtitle-2
    );
    --dxbl-chatui-empty-text-caption-line-height-m: var(
        --DS-line-height-subtitle-1
    );
    --dxbl-chatui-empty-text-caption-line-height-l: var(
        --DS-line-height-title-3
    );
    --dxbl-chatui-empty-text-gap-s: var(--DS-sizing-20);
    --dxbl-chatui-empty-text-gap-m: var(--DS-sizing-20);
    --dxbl-chatui-empty-text-gap-l: var(--DS-sizing-40);
    --dxbl-chatui-empty-text-caption-font-size-empty-s: var(
        --DS-font-size-caption-1
    );
    --dxbl-chatui-empty-text-caption-font-size-empty-m: var(
        --DS-font-size-body-1
    );
    --dxbl-chatui-empty-text-caption-font-size-empty-l: var(
        --DS-font-size-body-2
    );
    --dxbl-chatui-empty-text-caption-font-weight-empty-s: var(
        --DS-font-weight-caption-1
    );
    --dxbl-chatui-empty-text-caption-font-weight-empty-m: var(
        --DS-font-weight-body-1
    );
    --dxbl-chatui-empty-text-caption-font-weight-empty-l: var(
        --DS-font-weight-body-2
    );
    --dxbl-chatui-empty-text-caption-line-height-empty-s: var(
        --DS-line-height-caption-1
    );
    --dxbl-chatui-empty-text-caption-line-height-empty-m: var(
        --DS-line-height-body-1
    );
    --dxbl-chatui-empty-text-caption-line-height-empty-l: var(
        --DS-line-height-body-2
    );
    --dxbl-chatui-empty-area-gap-empty-s: var(--DS-sizing-40);
    --dxbl-chatui-empty-area-gap-empty-m: var(--DS-sizing-60);
    --dxbl-chatui-empty-area-gap-empty-l: var(--DS-sizing-80);
    --dxbl-chatui-attachment-icon-padding-s: var(--DS-sizing-30);
    --dxbl-chatui-attachment-icon-padding-m: var(--DS-sizing-50);
    --dxbl-chatui-attachment-icon-padding-l: var(--DS-sizing-70);
    --dxbl-chatui-attachment-list-padding-s: var(--DS-sizing-30);
    --dxbl-chatui-attachment-list-padding-m: var(--DS-sizing-50);
    --dxbl-chatui-attachment-list-padding-l: var(--DS-sizing-70);
    --dxbl-chatui-attachment-list-gap-s: var(--DS-sizing-40);
    --dxbl-chatui-attachment-list-gap-m: var(--DS-sizing-60);
    --dxbl-chatui-attachment-list-gap-l: var(--DS-sizing-80);
    --dxbl-chatui-attachment-list-max-height-s: 120px;
    --dxbl-chatui-attachment-list-max-height-m: 160px;
    --dxbl-chatui-attachment-list-max-height-l: 200px;
    --dxbl-chatui-attachment-list-item-height-s: 2rem;
    --dxbl-chatui-attachment-list-item-height-m: 2.5rem;
    --dxbl-chatui-attachment-list-item-height-l: 3rem;
    --dxbl-chatui-attachment-list-item-width-s: 220px;
    --dxbl-chatui-attachment-list-item-width-m: 260px;
    --dxbl-chatui-attachment-list-item-width-l: 300px;
    --dxbl-chatui-attachment-list-item-font-size-s: var(
        --DS-font-size-caption-1
    );
    --dxbl-chatui-attachment-list-item-font-size-m: var(--DS-font-size-body-1);
    --dxbl-chatui-attachment-list-item-font-size-l: var(--DS-font-size-body-2);
    --dxbl-chatui-attachment-list-item-line-height-s: var(
        --DS-line-height-caption-1
    );
    --dxbl-chatui-attachment-list-item-line-height-m: var(
        --DS-line-height-body-1
    );
    --dxbl-chatui-attachment-list-item-line-height-l: var(
        --DS-line-height-body-2
    );
    --dxbl-chatui-message-attachment-padding-s: var(--DS-sizing-70);
    --dxbl-chatui-message-attachment-padding-m: var(--DS-sizing-90);
    --dxbl-chatui-message-attachment-padding-l: var(--DS-sizing-110);
    --dxbl-chatui-message-attachment-gap-s: var(--DS-sizing-60);
    --dxbl-chatui-message-attachment-gap-m: var(--DS-sizing-80);
    --dxbl-chatui-message-attachment-gap-l: var(--DS-sizing-100);
    --dxbl-chatui-message-attachments-gap-s: var(--DS-sizing-40);
    --dxbl-chatui-message-attachments-gap-m: var(--DS-sizing-60);
    --dxbl-chatui-message-attachments-gap-l: var(--DS-sizing-80);
}
.dxbl-chatui-root {
    --dxbl-chatui-submitarea-padding-x: var(
        --dxbl-chatui-submitarea-padding-x-m
    );
    --dxbl-chatui-submitarea-padding-y: var(
        --dxbl-chatui-submitarea-padding-y-m
    );
    --dxbl-chatui-message-gap: var(--dxbl-chatui-message-gap-m);
    --dxbl-chatui-message-padding-x: var(--dxbl-chatui-message-padding-x-m);
    --dxbl-chatui-message-padding-y: var(--dxbl-chatui-message-padding-y-m);
    --dxbl-chatui-messagelist-gap: var(--dxbl-chatui-messagelist-gap-m);
    --dxbl-chatui-messagelist-padding-x: var(
        --dxbl-chatui-messagelist-padding-x-m
    );
    --dxbl-chatui-messagelist-padding-y: var(
        --dxbl-chatui-messagelist-padding-y-m
    );
    --dxbl-chatui-message-font-weight: var(--dxbl-chatui-message-font-weight-m);
    --dxbl-chatui-message-font-family: var(--dxbl-chatui-message-font-family-m);
    --dxbl-chatui-message-font-size: var(--dxbl-chatui-message-font-size-m);
    --dxbl-chatui-message-line-height: var(--dxbl-chatui-message-line-height-m);
    --dxbl-chatui-empty-text-font-weight: var(
        --dxbl-chatui-empty-text-font-weight-m
    );
    --dxbl-chatui-empty-text-font-family: var(
        --dxbl-chatui-empty-text-font-family-m
    );
    --dxbl-chatui-empty-text-font-size: var(
        --dxbl-chatui-empty-text-font-size-m
    );
    --dxbl-chatui-empty-text-line-height: var(
        --dxbl-chatui-empty-text-line-height-m
    );
    --dxbl-chatui-empty-gap: var(--dxbl-chatui-empty-gap-m);
    --dxbl-chatui-empty-icon-size: var(--dxbl-chatui-empty-icon-size-m);
    --dxbl-chatui-suggestions-gap: var(--dxbl-chatui-suggestions-gap-m);
    --dxbl-chatui-suggestion-item-padding: var(
        --dxbl-chatui-suggestion-item-padding-m
    );
    --dxbl-chatui-suggestion-item-gap: var(--dxbl-chatui-suggestion-item-gap-m);
    --dxbl-chatui-suggestions-max-width: var(
        --dxbl-chatui-suggestions-max-width-m
    );
    --dxbl-chatui-suggestions-margin-top: var(
        --dxbl-chatui-suggestions-margin-top-m
    );
    --dxbl-chatui-suggestion-item-max-width: var(
        --dxbl-chatui-suggestion-item-max-width-m
    );
    --dxbl-chatui-suggestion-item-min-width: var(
        --dxbl-chatui-suggestion-item-min-width-m
    );
    --dxbl-chatui-suggestion-item-title-font-size: var(
        --dxbl-chatui-suggestion-item-title-font-size-m
    );
    --dxbl-chatui-suggestion-item-text-font-size: var(
        --dxbl-chatui-suggestion-item-text-font-size-m
    );
    --dxbl-chatui-suggestion-item-title-line-height: var(
        --dxbl-chatui-suggestion-item-title-line-height-m
    );
    --dxbl-chatui-suggestion-item-text-line-height: var(
        --dxbl-chatui-suggestion-item-text-line-height-m
    );
    --dxbl-chatui-empty-messages-gap: var(--dxbl-chatui-empty-messages-gap-m);
    --dxbl-chatui-empty-area-gap: var(--dxbl-chatui-empty-area-gap-m);
    --dxbl-chatui-empty-text-title-font-size: var(
        --dxbl-chatui-empty-text-title-font-size-m
    );
    --dxbl-chatui-empty-text-title-font-weight: var(
        --dxbl-chatui-empty-text-title-font-weight-m
    );
    --dxbl-chatui-empty-text-title-line-height: var(
        --dxbl-chatui-empty-text-title-line-height-m
    );
    --dxbl-chatui-empty-text-caption-font-size: var(
        --dxbl-chatui-empty-text-caption-font-size-m
    );
    --dxbl-chatui-empty-text-caption-font-weight: var(
        --dxbl-chatui-empty-text-caption-font-weight-m
    );
    --dxbl-chatui-empty-text-caption-line-height: var(
        --dxbl-chatui-empty-text-caption-line-height-m
    );
    --dxbl-chatui-empty-text-gap: var(--dxbl-chatui-empty-text-gap-m);
    --dxbl-chatui-empty-text-caption-font-size-empty: var(
        --dxbl-chatui-empty-text-caption-font-size-empty-m
    );
    --dxbl-chatui-empty-text-caption-font-weight-empty: var(
        --dxbl-chatui-empty-text-caption-font-weight-empty-m
    );
    --dxbl-chatui-empty-text-caption-line-height-empty: var(
        --dxbl-chatui-empty-text-caption-line-height-empty-m
    );
    --dxbl-chatui-empty-area-gap-empty: var(
        --dxbl-chatui-empty-area-gap-empty-m
    );
    --dxbl-chatui-attachment-icon-padding: var(
        --dxbl-chatui-attachment-icon-padding-m
    );
    --dxbl-chatui-attachment-list-padding: var(
        --dxbl-chatui-attachment-list-padding-m
    );
    --dxbl-chatui-attachment-list-gap: var(--dxbl-chatui-attachment-list-gap-m);
    --dxbl-chatui-attachment-list-item-height: var(
        --dxbl-chatui-attachment-list-item-height-m
    );
    --dxbl-chatui-attachment-list-item-width: var(
        --dxbl-chatui-attachment-list-item-width-m
    );
    --dxbl-chatui-attachment-list-item-font-size: var(
        --dxbl-chatui-attachment-list-item-font-size-m
    );
    --dxbl-chatui-attachment-list-item-line-height: var(
        --dxbl-chatui-attachment-list-item-line-height-m
    );
    --dxbl-chatui-message-attachment-padding: var(
        --dxbl-chatui-message-attachment-padding-m
    );
    --dxbl-chatui-message-attachment-gap: var(
        --dxbl-chatui-message-attachment-gap-m
    );
    --dxbl-chatui-message-attachments-gap: var(
        --dxbl-chatui-message-attachments-gap-m
    );
    --dxbl-chatui-attachment-list-max-height: var(
        --dxbl-chatui-attachment-list-max-height-m
    );
}
.dxbl-chatui-root.dxbl-sm {
    --dxbl-chatui-submitarea-padding-x: var(
        --dxbl-chatui-submitarea-padding-x-s
    );
    --dxbl-chatui-submitarea-padding-y: var(
        --dxbl-chatui-submitarea-padding-y-s
    );
    --dxbl-chatui-message-gap: var(--dxbl-chatui-message-gap-s);
    --dxbl-chatui-message-padding-x: var(--dxbl-chatui-message-padding-x-s);
    --dxbl-chatui-message-padding-y: var(--dxbl-chatui-message-padding-y-s);
    --dxbl-chatui-messagelist-gap: var(--dxbl-chatui-messagelist-gap-s);
    --dxbl-chatui-messagelist-padding-x: var(
        --dxbl-chatui-messagelist-padding-x-s
    );
    --dxbl-chatui-messagelist-padding-y: var(
        --dxbl-chatui-messagelist-padding-y-s
    );
    --dxbl-chatui-message-font-weight: var(--dxbl-chatui-message-font-weight-s);
    --dxbl-chatui-message-font-family: var(--dxbl-chatui-message-font-family-s);
    --dxbl-chatui-message-font-size: var(--dxbl-chatui-message-font-size-s);
    --dxbl-chatui-message-line-height: var(--dxbl-chatui-message-line-height-s);
    --dxbl-chatui-empty-text-font-weight: var(
        --dxbl-chatui-empty-text-font-weight-s
    );
    --dxbl-chatui-empty-text-font-family: var(
        --dxbl-chatui-empty-text-font-family-s
    );
    --dxbl-chatui-empty-text-font-size: var(
        --dxbl-chatui-empty-text-font-size-s
    );
    --dxbl-chatui-empty-text-line-height: var(
        --dxbl-chatui-empty-text-line-height-s
    );
    --dxbl-chatui-empty-gap: var(--dxbl-chatui-empty-gap-s);
    --dxbl-chatui-empty-icon-size: var(--dxbl-chatui-empty-icon-size-s);
    --dxbl-chatui-suggestions-gap: var(--dxbl-chatui-suggestions-gap-s);
    --dxbl-chatui-suggestion-item-padding: var(
        --dxbl-chatui-suggestion-item-padding-s
    );
    --dxbl-chatui-suggestion-item-gap: var(--dxbl-chatui-suggestion-item-gap-s);
    --dxbl-chatui-suggestions-max-width: var(
        --dxbl-chatui-suggestions-max-width-s
    );
    --dxbl-chatui-suggestions-margin-top: var(
        --dxbl-chatui-suggestions-margin-top-s
    );
    --dxbl-chatui-suggestion-item-max-width: var(
        --dxbl-chatui-suggestion-item-max-width-s
    );
    --dxbl-chatui-suggestion-item-min-width: var(
        --dxbl-chatui-suggestion-item-min-width-s
    );
    --dxbl-chatui-suggestion-item-title-font-size: var(
        --dxbl-chatui-suggestion-item-title-font-size-s
    );
    --dxbl-chatui-suggestion-item-text-font-size: var(
        --dxbl-chatui-suggestion-item-text-font-size-s
    );
    --dxbl-chatui-suggestion-item-title-line-height: var(
        --dxbl-chatui-suggestion-item-title-line-height-s
    );
    --dxbl-chatui-suggestion-item-text-line-height: var(
        --dxbl-chatui-suggestion-item-text-line-height-s
    );
    --dxbl-chatui-empty-messages-gap: var(--dxbl-chatui-empty-messages-gap-s);
    --dxbl-chatui-empty-area-gap: var(--dxbl-chatui-empty-area-gap-s);
    --dxbl-chatui-empty-text-title-font-size: var(
        --dxbl-chatui-empty-text-title-font-size-s
    );
    --dxbl-chatui-empty-text-title-font-weight: var(
        --dxbl-chatui-empty-text-title-font-weight-s
    );
    --dxbl-chatui-empty-text-title-line-height: var(
        --dxbl-chatui-empty-text-title-line-height-s
    );
    --dxbl-chatui-empty-text-caption-font-size: var(
        --dxbl-chatui-empty-text-caption-font-size-s
    );
    --dxbl-chatui-empty-text-caption-font-weight: var(
        --dxbl-chatui-empty-text-caption-font-weight-s
    );
    --dxbl-chatui-empty-text-caption-line-height: var(
        --dxbl-chatui-empty-text-caption-line-height-s
    );
    --dxbl-chatui-empty-text-gap: var(--dxbl-chatui-empty-text-gap-s);
    --dxbl-chatui-empty-text-caption-font-size-empty: var(
        --dxbl-chatui-empty-text-caption-font-size-empty-s
    );
    --dxbl-chatui-empty-text-caption-font-weight-empty: var(
        --dxbl-chatui-empty-text-caption-font-weight-empty-s
    );
    --dxbl-chatui-empty-text-caption-line-height-empty: var(
        --dxbl-chatui-empty-text-caption-line-height-empty-s
    );
    --dxbl-chatui-empty-area-gap-empty: var(
        --dxbl-chatui-empty-area-gap-empty-s
    );
    --dxbl-chatui-attachment-icon-padding: var(
        --dxbl-chatui-attachment-icon-padding-s
    );
    --dxbl-chatui-attachment-list-padding: var(
        --dxbl-chatui-attachment-list-padding-s
    );
    --dxbl-chatui-attachment-list-gap: var(--dxbl-chatui-attachment-list-gap-s);
    --dxbl-chatui-attachment-list-item-height: var(
        --dxbl-chatui-attachment-list-item-height-s
    );
    --dxbl-chatui-attachment-list-item-width: var(
        --dxbl-chatui-attachment-list-item-width-s
    );
    --dxbl-chatui-attachment-list-item-font-size: var(
        --dxbl-chatui-attachment-list-item-font-size-s
    );
    --dxbl-chatui-attachment-list-item-line-height: var(
        --dxbl-chatui-attachment-list-item-line-height-s
    );
    --dxbl-chatui-message-attachment-padding: var(
        --dxbl-chatui-message-attachment-padding-s
    );
    --dxbl-chatui-message-attachment-gap: var(
        --dxbl-chatui-message-attachment-gap-s
    );
    --dxbl-chatui-message-attachments-gap: var(
        --dxbl-chatui-message-attachments-gap-s
    );
    --dxbl-chatui-attachment-list-max-height: var(
        --dxbl-chatui-attachment-list-max-height-s
    );
}
.dxbl-chatui-root.dxbl-lg {
    --dxbl-chatui-submitarea-padding-x: var(
        --dxbl-chatui-submitarea-padding-x-l
    );
    --dxbl-chatui-submitarea-padding-y: var(
        --dxbl-chatui-submitarea-padding-y-l
    );
    --dxbl-chatui-message-gap: var(--dxbl-chatui-message-gap-l);
    --dxbl-chatui-message-padding-x: var(--dxbl-chatui-message-padding-x-l);
    --dxbl-chatui-message-padding-y: var(--dxbl-chatui-message-padding-y-l);
    --dxbl-chatui-messagelist-gap: var(--dxbl-chatui-messagelist-gap-l);
    --dxbl-chatui-messagelist-padding-x: var(
        --dxbl-chatui-messagelist-padding-x-l
    );
    --dxbl-chatui-messagelist-padding-y: var(
        --dxbl-chatui-messagelist-padding-y-l
    );
    --dxbl-chatui-message-font-weight: var(--dxbl-chatui-message-font-weight-l);
    --dxbl-chatui-message-font-family: var(--dxbl-chatui-message-font-family-l);
    --dxbl-chatui-message-font-size: var(--dxbl-chatui-message-font-size-l);
    --dxbl-chatui-message-line-height: var(--dxbl-chatui-message-line-height-l);
    --dxbl-chatui-empty-text-font-weight: var(
        --dxbl-chatui-empty-text-font-weight-l
    );
    --dxbl-chatui-empty-text-font-family: var(
        --dxbl-chatui-empty-text-font-family-l
    );
    --dxbl-chatui-empty-text-font-size: var(
        --dxbl-chatui-empty-text-font-size-l
    );
    --dxbl-chatui-empty-text-line-height: var(
        --dxbl-chatui-empty-text-line-height-l
    );
    --dxbl-chatui-empty-gap: var(--dxbl-chatui-empty-gap-l);
    --dxbl-chatui-empty-icon-size: var(--dxbl-chatui-empty-icon-size-l);
    --dxbl-chatui-suggestions-gap: var(--dxbl-chatui-suggestions-gap-l);
    --dxbl-chatui-suggestion-item-padding: var(
        --dxbl-chatui-suggestion-item-padding-l
    );
    --dxbl-chatui-suggestion-item-gap: var(--dxbl-chatui-suggestion-item-gap-l);
    --dxbl-chatui-suggestions-max-width: var(
        --dxbl-chatui-suggestions-max-width-l
    );
    --dxbl-chatui-suggestions-margin-top: var(
        --dxbl-chatui-suggestions-margin-top-l
    );
    --dxbl-chatui-suggestion-item-max-width: var(
        --dxbl-chatui-suggestion-item-max-width-l
    );
    --dxbl-chatui-suggestion-item-min-width: var(
        --dxbl-chatui-suggestion-item-min-width-l
    );
    --dxbl-chatui-suggestion-item-title-font-size: var(
        --dxbl-chatui-suggestion-item-title-font-size-l
    );
    --dxbl-chatui-suggestion-item-text-font-size: var(
        --dxbl-chatui-suggestion-item-text-font-size-l
    );
    --dxbl-chatui-suggestion-item-title-line-height: var(
        --dxbl-chatui-suggestion-item-title-line-height-l
    );
    --dxbl-chatui-suggestion-item-text-line-height: var(
        --dxbl-chatui-suggestion-item-text-line-height-l
    );
    --dxbl-chatui-empty-messages-gap: var(--dxbl-chatui-empty-messages-gap-l);
    --dxbl-chatui-empty-area-gap: var(--dxbl-chatui-empty-area-gap-l);
    --dxbl-chatui-empty-text-title-font-size: var(
        --dxbl-chatui-empty-text-title-font-size-l
    );
    --dxbl-chatui-empty-text-title-font-weight: var(
        --dxbl-chatui-empty-text-title-font-weight-l
    );
    --dxbl-chatui-empty-text-title-line-height: var(
        --dxbl-chatui-empty-text-title-line-height-l
    );
    --dxbl-chatui-empty-text-caption-font-size: var(
        --dxbl-chatui-empty-text-caption-font-size-l
    );
    --dxbl-chatui-empty-text-caption-font-weight: var(
        --dxbl-chatui-empty-text-caption-font-weight-l
    );
    --dxbl-chatui-empty-text-caption-line-height: var(
        --dxbl-chatui-empty-text-caption-line-height-l
    );
    --dxbl-chatui-empty-text-gap: var(--dxbl-chatui-empty-text-gap-l);
    --dxbl-chatui-empty-text-caption-font-size-empty: var(
        --dxbl-chatui-empty-text-caption-font-size-empty-l
    );
    --dxbl-chatui-empty-text-caption-font-weight-empty: var(
        --dxbl-chatui-empty-text-caption-font-weight-empty-l
    );
    --dxbl-chatui-empty-text-caption-line-height-empty: var(
        --dxbl-chatui-empty-text-caption-line-height-empty-l
    );
    --dxbl-chatui-empty-area-gap-empty: var(
        --dxbl-chatui-empty-area-gap-empty-l
    );
    --dxbl-chatui-attachment-icon-padding: var(
        --dxbl-chatui-attachment-icon-padding-l
    );
    --dxbl-chatui-attachment-list-padding: var(
        --dxbl-chatui-attachment-list-padding-l
    );
    --dxbl-chatui-attachment-list-gap: var(--dxbl-chatui-attachment-list-gap-l);
    --dxbl-chatui-attachment-list-item-height: var(
        --dxbl-chatui-attachment-list-item-height-l
    );
    --dxbl-chatui-attachment-list-item-width: var(
        --dxbl-chatui-attachment-list-item-width-l
    );
    --dxbl-chatui-attachment-list-item-font-size: var(
        --dxbl-chatui-attachment-list-item-font-size-l
    );
    --dxbl-chatui-attachment-list-item-line-height: var(
        --dxbl-chatui-attachment-list-item-line-height-l
    );
    --dxbl-chatui-message-attachment-padding: var(
        --dxbl-chatui-message-attachment-padding-l
    );
    --dxbl-chatui-message-attachment-gap: var(
        --dxbl-chatui-message-attachment-gap-l
    );
    --dxbl-chatui-message-attachments-gap: var(
        --dxbl-chatui-message-attachments-gap-l
    );
    --dxbl-chatui-attachment-list-max-height: var(
        --dxbl-chatui-attachment-list-max-height-l
    );
}
.dxbl-chatui-root.dxbl-chatui-splittermode .dxbl-splitter {
    --dxbl-splitter-pane-padding-x: 0;
    --dxbl-splitter-pane-padding-y: 0;
}
.dxbl-chatui-root .dxbl-chatui {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.dxbl-chatui-root .dxbl-chatui .dxbl-chatui-scrollviewer {
    height: 100%;
}
.dxbl-chatui-root .dxbl-chatui .dxbl-chatui-messages {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--dxbl-chatui-messagelist-gap);
    padding: var(--dxbl-chatui-messagelist-padding-y)
        var(--dxbl-chatui-messagelist-padding-x);
    background-color: var(--dxbl-chatui-messagelist-bg);
    min-height: 100%;
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-message-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-message-attachments {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: var(--dxbl-chatui-message-attachments-gap);
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin-bottom: var(--dxbl-chatui-message-attachments-gap);
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-message-attachments
    .dxbl-chatui-message-attachment {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: var(--dxbl-chatui-attachment-list-item-width);
    padding: var(--dxbl-chatui-message-attachment-padding);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--dxbl-chatui-message-attachment-gap);
    border-radius: 6px;
    border: var(--dxbl-chatui-attachment-list-item-border-width) solid
        var(--dxbl-chatui-attachment-list-item-border-color);
    background: var(--dxbl-chatui-message-attachment-bg);
    font-size: var(--dxbl-chatui-attachment-list-item-font-size);
    line-height: var(--dxbl-chatui-attachment-list-item-line-height);
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-message-attachments
    .dxbl-chatui-message-attachment
    .dxbl-chatui-message-attachment-icon {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-message-attachments
    .dxbl-chatui-message-attachment
    .dxbl-chatui-message-attachment-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dxbl-chatui-root .dxbl-chatui .dxbl-chatui-messages .dxbl-chatui-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: var(--dxbl-chatui-message-padding-y)
        var(--dxbl-chatui-message-padding-x);
    color: var(--dxbl-chatui-message-color);
    font-size: var(--dxbl-chatui-message-font-size);
    font-family: var(--dxbl-chatui-message-font-family);
    font-weight: var(--dxbl-chatui-message-font-weight);
    line-height: var(--dxbl-chatui-message-line-height);
    border-radius: var(--dxbl-chatui-message-border-radius);
    gap: var(--dxbl-chatui-message-gap);
    min-width: 80%;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    word-wrap: break-word;
    max-width: 100%;
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-message.dxbl-chatui-message-user {
    background-color: var(--dxbl-chatui-message-user-bg);
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-message.dxbl-chatui-message-assistant {
    background-color: var(--dxbl-chatui-message-assistant-bg);
    min-width: 100%;
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-message.dxbl-chatui-message-error {
    background-color: var(--dxbl-chatui-message-error-bg);
    min-width: 100%;
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-message
    .dxbl-chatui-message-text {
    white-space: pre-line;
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-prompt-suggestions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: var(--dxbl-chatui-suggestions-max-width);
    gap: var(--dxbl-chatui-suggestions-gap);
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-prompt-suggestions
    .dxbl-chatui-prompt-suggestion {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: var(--dxbl-chatui-suggestion-item-min-width);
    max-width: var(--dxbl-chatui-suggestion-item-max-width);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 0;
    -ms-flex: 0 1 0px;
    flex: 0 1 0;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: var(--dxbl-chatui-suggestion-item-padding);
    border-radius: var(--dxbl-chatui-suggestion-item-border-radius);
    cursor: pointer;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    gap: var(--dxbl-chatui-suggestion-item-gap);
    border: var(--dxbl-chatui-suggestion-item-border-width) solid
        var(--dxbl-chatui-suggestion-item-border-color);
    background-color: var(--dxbl-chatui-suggestion-item-bg);
    text-align: left;
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-prompt-suggestions
    .dxbl-chatui-prompt-suggestion
    .dxbl-chatui-prompt-suggestion-title {
    color: var(--dxbl-chatui-suggestion-item-title-color);
    font-size: var(--dxbl-chatui-suggestion-item-title-font-size);
    font-weight: var(--dxbl-chatui-suggestion-item-title-font-weight);
    line-height: var(--dxbl-chatui-suggestion-item-title-line-height);
    max-width: 100%;
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-prompt-suggestions
    .dxbl-chatui-prompt-suggestion
    .dxbl-chatui-prompt-suggestion-subtitle {
    color: var(--dxbl-chatui-suggestion-item-text-color);
    font-size: var(--dxbl-chatui-suggestion-item-text-font-size);
    font-weight: var(--dxbl-chatui-suggestion-item-text-font-weight);
    line-height: var(--dxbl-chatui-suggestion-item-text-line-height);
    max-width: 100%;
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-prompt-suggestions
    .dxbl-chatui-prompt-suggestion:hover {
    background-color: var(--dxbl-chatui-suggestion-item-hover-bg);
    border-color: var(--dxbl-chatui-suggestion-item-hover-border-color);
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-prompt-suggestions
    .dxbl-chatui-prompt-suggestion:hover
    .dxbl-chatui-prompt-suggestion-subtitle {
    color: var(--dxbl-chatui-suggestion-item-title-color);
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-prompt-suggestions
    .dxbl-chatui-prompt-suggestion:focus {
    background-color: var(--dxbl-chatui-suggestion-item-focus-bg);
    border-color: var(--dxbl-chatui-suggestion-item-focus-border-color);
    -webkit-box-shadow: 0 0 0 1px
        var(--dxbl-chatui-suggestion-item-focus-border-color);
    box-shadow: 0 0 0 1px var(--dxbl-chatui-suggestion-item-focus-border-color);
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-prompt-suggestions
    .dxbl-chatui-prompt-suggestion:focus-visible {
    outline: 0;
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-prompt-suggestions
    .dxbl-chatui-prompt-suggestion:active {
    background-color: var(--dxbl-chatui-suggestion-item-active-bg);
    border-color: var(--dxbl-chatui-suggestion-item-active-border-color);
    -webkit-box-shadow: none;
    box-shadow: none;
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-prompt-suggestions
    .dxbl-chatui-prompt-suggestion:active
    .dxbl-chatui-prompt-suggestion-subtitle {
    color: var(--dxbl-chatui-suggestion-item-title-color);
}
.dxbl-chatui-root .dxbl-chatui .dxbl-chatui-submitarea {
    padding: var(--dxbl-chatui-submitarea-padding-y)
        var(--dxbl-chatui-submitarea-padding-x);
    background-color: var(--dxbl-chatui-submitarea-bg);
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-submitarea
    .dxbl-chatui-submitarea-container {
    border: var(--dxbl-chatui-submitarea-container-border-width) solid
        var(--dxbl-chatui-submitarea-container-border-color);
    border-radius: var(--dxbl-chatui-submitarea-container-border-radius);
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-submitarea
    .dxbl-chatui-submitarea-container
    .dxbl-chatui-attachment-list {
    padding: 0;
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-submitarea
    .dxbl-chatui-submitarea-container
    .dxbl-chatui-attachment-list
    .dxbl-upload-file-list-view {
    padding: var(--dxbl-chatui-attachment-list-padding);
    gap: var(--dxbl-chatui-attachment-list-gap);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    max-height: var(--dxbl-chatui-attachment-list-max-height);
    overflow-y: auto;
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-submitarea
    .dxbl-chatui-submitarea-container
    .dxbl-chatui-attachment-list
    .dxbl-upload-panel {
    display: none;
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-submitarea
    .dxbl-chatui-submitarea-container
    .dxbl-chatui-attachment-list
    .dxbl-upload-file-view {
    border: var(--dxbl-chatui-attachment-list-item-border-width) solid
        var(--dxbl-chatui-attachment-list-item-border-color);
    border-radius: var(--dxbl-chatui-attachment-list-item-border-radius);
    width: var(--dxbl-chatui-attachment-list-item-width);
    padding-right: var(--dxbl-chatui-attachment-list-item-padding-right);
    height: var(--dxbl-chatui-attachment-list-item-height);
    margin: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--dxbl-chatui-attachment-list-item-font-size);
    line-height: var(--dxbl-chatui-attachment-list-item-line-height);
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-submitarea
    .dxbl-chatui-submitarea-container
    .dxbl-chatui-attachment-list
    .dxbl-upload-file-view-load-state {
    line-height: var(--dxbl-chatui-upload-file-state-line-height);
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-submitarea
    .dxbl-chatui-submitarea-container
    .dxbl-chatui-input {
    width: 100%;
    border: none;
}
.dxbl-chatui-root
    .dxbl-chatui
    .dxbl-chatui-submitarea
    .dxbl-chatui-submitarea-container
    .dxbl-chatui-input
    .dxbl-chatui-attachment-button {
    padding: var(--dxbl-chatui-attachment-icon-padding);
}
.dxbl-chatui-root.dxbl-chatui-splittermode .dxbl-chatui-submitarea {
    height: 100%;
}
.dxbl-chatui-root.dxbl-chatui-splittermode
    .dxbl-chatui-submitarea
    .dxbl-chatui-input {
    height: 100%;
}
.dxbl-chatui-root.dxbl-chatui-emptystate .dxbl-chatui .dxbl-chatui-messages {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--dxbl-chatui-empty-messages-gap);
}
.dxbl-chatui-root.dxbl-chatui-emptystate
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-empty-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: var(--dxbl-chatui-empty-area-gap);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.dxbl-chatui-root.dxbl-chatui-emptystate
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-empty-area
    .dxbl-chatui-empty-icon {
    width: var(--dxbl-chatui-empty-icon-size);
    height: var(--dxbl-chatui-empty-icon-size);
    color: var(--dxbl-chatui-empty-icon-color);
}
.dxbl-chatui-root.dxbl-chatui-emptystate
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-empty-area
    .dxbl-chatui-empty-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--dxbl-chatui-empty-text-gap);
}
.dxbl-chatui-root.dxbl-chatui-emptystate
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-empty-area
    .dxbl-chatui-empty-text
    .dxbl-chatui-empty-text-title {
    font-size: var(--dxbl-chatui-empty-text-title-font-size);
    font-weight: var(--dxbl-chatui-empty-text-title-font-weight);
    line-height: var(--dxbl-chatui-empty-text-title-line-height);
    color: var(--dxbl-chatui-empty-text-title-color);
}
.dxbl-chatui-root.dxbl-chatui-emptystate
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-empty-area
    .dxbl-chatui-empty-text
    .dxbl-chatui-empty-text-caption {
    font-size: var(--dxbl-chatui-empty-text-caption-font-size);
    font-weight: var(--dxbl-chatui-empty-text-caption-font-weight);
    line-height: var(--dxbl-chatui-empty-text-caption-line-height);
    color: var(--dxbl-chatui-empty-text-caption-color);
}
.dxbl-chatui-root.dxbl-chatui-emptystate
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-empty-area.dxbl-chatui-empty-suggestions {
    gap: var(--dxbl-chatui-empty-area-gap-empty);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.dxbl-chatui-root.dxbl-chatui-emptystate
    .dxbl-chatui
    .dxbl-chatui-messages
    .dxbl-chatui-empty-area.dxbl-chatui-empty-suggestions
    .dxbl-chatui-empty-text-caption {
    font-size: var(--dxbl-chatui-empty-text-caption-font-size-empty);
    font-weight: var(--dxbl-chatui-empty-text-caption-font-weight-empty);
    line-height: var(--dxbl-chatui-empty-text-caption-line-height-empty);
}
.dxbl-ribbon {
    --dxbl-ribbon-border-bottom-width: var(--DS-border-width-0);
    --dxbl-ribbon-border-color: inherit;
    --dxbl-ribbon-tabs-tablist-border-bottom-width: var(--DS-border-width-0);
    --dxbl-ribbon-tab-context-bg: var(--DS-primary-10);
    --dxbl-ribbon-adaptive-container-padding: var(--DS-sizing-60);
    --dxbl-ribbon-adaptive-group-separator-width: var(--DS-border-width-10);
    --dxbl-ribbon-color-picker-width: var(--DS-border-width-10);
    --dxbl-ribbon-color-picker-border-width: var(--DS-border-width-10);
    --dxbl-ribbon-color-picker-border-radius: 0.25rem;
    --dxbl-ribbon-color-picker-outline: 1px solid inherit;
    --dxbl-ribbon-color-picker-border-color: currentcolor;
    --dxbl-ribbon-item-padding: 0.375rem;
    --dxbl-ribbon-item-margin-left: 0.25rem;
    --dxbl-toolbar-combobox-width: unset;
    --dxbl-toolbar-spin-width: unset;
}
.dxbl-ribbon {
    --dxbl-ribbon-color-picker-width: var(--DS-sizing-200);
    --dxbl-ribbon-color-picker-height: var(--DS-sizing-200);
}
.dxbl-ribbon.dxbl-sm {
    --dxbl-ribbon-color-picker-width: var(--DS-sizing-160);
    --dxbl-ribbon-color-picker-height: var(--DS-sizing-160);
}
.dxbl-ribbon.dxbl-lg {
    --dxbl-ribbon-color-picker-width: var(--DS-sizing-240);
    --dxbl-ribbon-color-picker-height: var(--DS-sizing-240);
}
.dxbl-ribbon {
    border: var(--dxbl-ribbon-border-bottom-width) solid
        var(--dxbl-ribbon-border-color);
}
.dxbl-ribbon .dxbl-tabs-tablist {
    border-bottom-width: var(--dxbl-ribbon-tabs-tablist-border-bottom-width);
}
.dxbl-ribbon .dxbl-ribbon-context-tab:not(.dxbl-active):not(:hover) {
    background-color: var(--dxbl-ribbon-tab-context-bg);
}
.dxbl-ribbon
    .dxbl-btn-toolbar
    .dxbl-btn-group.dxbl-toolbar-layout-block-group
    .dxbl-toolbar-btn-ellipsis
    > .dxbl-btn
    > .dxbl-toolbar-adaptive-item-text {
    display: none;
}
.dxbl-ribbon
    .dxbl-btn-toolbar
    .dxbl-btn-group:not(.dxbl-btn-group-first)
    > .dxbl-toolbar-group-separator {
    height: var(--dxbl-btn-toolbar-separator-height);
    width: var(--dxbl-btn-toolbar-separator-width);
    margin: var(--dxbl-btn-toolbar-separator-margin-y) 0;
    background-color: var(--dxbl-btn-toolbar-separator-color);
    margin-right: var(--dxbl-btn-toolbar-spacing);
}
.dxbl-ribbon .dxbl-ribbon-color-picker-image-container,
.dxbl-ribbon .dxbl-ribbon-color-picker-image-source {
    width: var(--dxbl-ribbon-color-picker-width);
    height: var(--dxbl-ribbon-color-picker-height);
    border-radius: var(--dxbl-ribbon-color-picker-border-radius);
    outline: var(--dxbl-ribbon-color-picker-outline);
}
.dxbl-ribbon .dxbl-ribbon-color-picker-image-container {
    background-color: var(--colorpicker-back-color);
    border: var(--dxbl-ribbon-color-picker-border-width) solid
        var(--dxbl-ribbon-color-picker-border-color);
}
.dxbl-ribbon .dxbl-ribbon-color-picker-image-source {
    color: var(--colorpicker-back-color);
}
.dxbl-ribbon .dxbl-adaptive-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding: var(--dxbl-ribbon-adaptive-container-padding);
}
.dxbl-ribbon .dxbl-adaptive-container .dxbl-adaptive-container-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-container-content
    .dxbl-toolbar-group-separator {
    height: var(--dxbl-btn-toolbar-separator-height);
    width: var(--dxbl-btn-toolbar-separator-width);
    margin: var(--dxbl-btn-toolbar-separator-margin-y) 0;
    background-color: var(--dxbl-btn-toolbar-separator-color);
    margin-right: var(--dxbl-btn-toolbar-spacing);
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-container-content
    .dxbl-toolbar-group-separator.dxbl-ribbon-general-separator.dxbl-toolbar-hidden-item {
    display: none;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-container-content
    .dxbl-adaptive-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-container-content
    .dxbl-adaptive-group:first-child {
    --dxbl-btn-toolbar-separator-width: 0;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-container-content
    .dxbl-adaptive-group
    .dxbl-ribbon-item
    > .dxbl-toolbar-item-tmpl {
    height: 100%;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-container-content
    .dxbl-adaptive-group
    .dxbl-ribbon-item
    > .dxbl-toolbar-item-tmpl
    .dxbl-toolbar-combobox {
    width: var(--dxbl-toolbar-combobox-width);
    height: 100%;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-container-content
    .dxbl-adaptive-group
    .dxbl-ribbon-item
    > .dxbl-toolbar-item-tmpl
    .dxbl-toolbar-spin-edit {
    width: var(--dxbl-toolbar-spin-width);
    height: 100%;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-container-content
    .dxbl-adaptive-group
    + .dxbl-adaptive-group {
    --dxbl-btn-toolbar-separator-width: var(
        --dxbl-ribbon-adaptive-group-separator-width
    );
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-container-content
    .dxbl-adaptive-group
    .dxbl-adaptive-item
    .dxbl-toolbar-layout-block-item {
    margin-right: unset !important;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-container-content
    .dxbl-adaptive-group
    .dxbl-adaptive-item
    > .dxbl-btn-split-dropdown {
    padding-left: var(--dxbl-ribbon-item-padding) !important;
    padding-right: var(--dxbl-ribbon-item-padding) !important;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-container-content
    .dxbl-adaptive-group
    .dxbl-adaptive-item
    .dxbl-toolbar-color-palette-item
    > .dxbl-btn {
    --dxbl-btn-padding-x: var(--dxbl-ribbon-item-padding);
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-container-content
    .dxbl-adaptive-group
    .dxbl-adaptive-item
    .dxbl-toolbar-color-palette-item
    > .dxbl-btn-split-dropdown {
    padding-left: var(--dxbl-ribbon-item-padding) !important;
    padding-right: var(--dxbl-ribbon-item-padding) !important;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-toolbar-btn-ellipsis:not(.dxbl-toolbar-btn-ellipsis-general) {
    display: none !important;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-toolbar-btn-ellipsis:not(
        .dxbl-toolbar-btn-ellipsis-general
    ).dxbl-adaptive-ellipsis-state-default {
    display: block !important;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-toolbar-btn-ellipsis:not(.dxbl-toolbar-btn-ellipsis-general)
    .dxbl-toolbar-adaptive-item-preview-image {
    display: none;
}
.dxbl-ribbon .dxbl-adaptive-container .dxbl-toolbar-btn-ellipsis-general {
    margin-left: 0;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group
    .dxbl-adaptive-item.dxbl-adaptive-item-no-text
    .dxbl-ribbon-item.dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group
    .dxbl-adaptive-item.dxbl-adaptive-item-no-text
    .dxbl-ribbon-item
    > .dxbl-image
    + span,
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group
    .dxbl-adaptive-item.dxbl-adaptive-item-state-no-text
    .dxbl-ribbon-item.dxbl-btn-split
    > .dxbl-btn
    > .dxbl-image
    + span,
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group
    .dxbl-adaptive-item.dxbl-adaptive-item-state-no-text
    .dxbl-ribbon-item
    > .dxbl-image
    + span {
    display: none;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group
    .dxbl-adaptive-item.dxbl-adaptive-item-collapsed,
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group
    .dxbl-adaptive-item.dxbl-adaptive-item-state-collapsed,
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group
    .dxbl-adaptive-item.dxbl-toolbar-item-collapsed {
    display: none;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group
    .dxbl-toolbar-btn-ellipsis
    .dxbl-btn {
    height: 100%;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group
    .dxbl-toolbar-btn-ellipsis.dxbl-adaptive-ellipsis-state-default {
    display: block;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group
    .dxbl-toolbar-btn-ellipsis.dxbl-adaptive-ellipsis-group-text
    .dxbl-toolbar-adaptive-item-text {
    display: block;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group
    .dxbl-toolbar-btn-ellipsis.dxbl-adaptive-ellipsis-group-no-text
    .dxbl-toolbar-adaptive-item-text {
    display: none;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group
    .dxbl-adaptive-group-icon {
    display: none;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-state-full-seq
    .dxbl-ellipsis-button,
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-state-no-text-seq
    .dxbl-ellipsis-button {
    display: block;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-state-full-seq
    .dxbl-toolbar-btn-ellipsis,
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-state-no-text-seq
    .dxbl-toolbar-btn-ellipsis {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    visibility: visible !important;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-state-no-text
    .dxbl-ribbon-item
    > .dxbl-image
    + span,
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-state-no-text-seq
    .dxbl-ribbon-item
    > .dxbl-image
    + span {
    display: none;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-group-state-default
    .dxbl-toolbar-btn-ellipsis-dropdown-mark {
    display: none;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-group-state-text
    .dxbl-toolbar-btn-ellipsis {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-group-state-text
    .dxbl-toolbar-btn-ellipsis
    .dxbl-toolbar-adaptive-item-text {
    display: block !important;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-group-state-text
    .dxbl-toolbar-btn-ellipsis
    .dxbl-toolbar-adaptive-item-preview-image {
    display: block;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-group-state-text
    .dxbl-toolbar-btn-ellipsis
    .dxbl-toolbar-icon-more {
    display: none;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-group-state-text
    .dxbl-toolbar-btn-ellipsis
    .dxbl-toolbar-btn-ellipsis-dropdown-mark {
    display: block;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-group-state-text
    .dxbl-adaptive-item:not(.dxbl-toolbar-btn-ellipsis),
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-group-state-text
    dxbl-toolbar-item:not(.dxbl-toolbar-btn-ellipsis) {
    display: none;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-group-state-no-text
    .dxbl-toolbar-btn-ellipsis {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-group-state-no-text
    .dxbl-toolbar-btn-ellipsis
    .dxbl-toolbar-adaptive-item-text {
    display: none !important;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-group-state-no-text
    .dxbl-toolbar-btn-ellipsis
    .dxbl-toolbar-adaptive-item-preview-image {
    display: block;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-group-state-no-text
    .dxbl-toolbar-btn-ellipsis
    .dxbl-toolbar-icon-more {
    display: none;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-group-state-no-text
    .dxbl-toolbar-btn-ellipsis
    .dxbl-toolbar-btn-ellipsis-dropdown-mark {
    display: block;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-group-state-no-text
    .dxbl-adaptive-item:not(.dxbl-toolbar-btn-ellipsis),
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-group-state-no-text
    dxbl-toolbar-item:not(.dxbl-toolbar-btn-ellipsis) {
    display: none;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-state-grouping
    .dxbl-adaptive-group-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-state-grouping
    .dxbl-toolbar-btn-ellipsis {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-state-grouping
    .dxbl-toolbar-btn-ellipsis
    .dxbl-toolbar-adaptive-item-text {
    display: block !important;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-state-grouping
    .dxbl-toolbar-btn-ellipsis
    .dxbl-toolbar-adaptive-item-preview-image {
    display: block;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-state-grouping
    .dxbl-adaptive-item,
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-state-grouping
    dxbl-toolbar-item {
    display: none;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-state-grouping-no-text
    .dxbl-adaptive-group-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-state-grouping-no-text
    .dxbl-toolbar-btn-ellipsis {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-state-grouping-no-text
    .dxbl-toolbar-btn-ellipsis
    .dxbl-toolbar-adaptive-item-text {
    display: none !important;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-state-grouping-no-text
    .dxbl-toolbar-btn-ellipsis
    .dxbl-toolbar-adaptive-item-preview-image {
    display: block;
}
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-state-grouping-no-text
    .dxbl-adaptive-item,
.dxbl-ribbon
    .dxbl-adaptive-container
    .dxbl-adaptive-group.dxbl-adaptive-state-grouping-no-text
    dxbl-toolbar-item {
    display: none;
}
.dxbl-ribbon .dxbl-adaptive-container .dxbl-adaptive-item-collapsed,
.dxbl-ribbon .dxbl-adaptive-container .dxbl-toolbar-item-collapsed {
    display: none;
}
.dxbl-itemlist-dropdown
    .dxbl-dropdown-dialog
    .dxbl-ribbon-item
    .dxbl-text-edit {
    margin: var(--DS-sizing-40) var(--DS-sizing-60) var(--DS-sizing-40)
        var(--DS-sizing-120);
}
.dxbl-toolbar-dropdown .dxbl-toolbar-dropdown-item-list {
    --dxbl-ribbon-color-picker-border-radius: 0.25rem;
    --dxbl-ribbon-color-picker-outline: 1px solid inherit;
}
.dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item-list
    .dxbl-toolbar-group-dropdown-name {
    padding-left: calc(var(--DS-sizing-120) * 2);
    font-weight: 600;
}
.dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item-list
    .dxbl-toolbar-dropdown-item.dxbl-toolbar-combobox
    .dxbl-toolbar-edit-combobox {
    width: 100%;
}
.dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item-list
    .dxbl-toolbar-dropdown-item.dxbl-toolbar-combobox
    .dxbl-toolbar-edit-combobox
    .dxbl-text-edit {
    margin-right: 0;
}
.dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item-list
    .dxbl-ribbon-color-picker-image-container,
.dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item-list
    .dxbl-ribbon-color-picker-image-source {
    border-radius: var(--dxbl-ribbon-color-picker-border-radius);
    outline: var(--dxbl-ribbon-color-picker-outline);
}
.dxbl-toolbar-dropdown
    .dxbl-toolbar-dropdown-item-list
    .dxbl-toolbar-coloredit
    .dxbl-ribbon-color-picker-image-source {
    background-color: unset !important;
    border: unset !important;
    color: var(--back-color);
}
.dxbl-ai-popup {
    --dxbl-ai-popup-min-width: 34rem;
    --dxbl-ai-popup-min-height: 20rem;
    --dxbl-ai-popup-memo-min-height: 8rem;
    --dxbl-ai-popup-warning-bg: var(--DS-color-surface-warning-subdued-rest);
    --dxbl-ai-popup-memo-error-font-size-s: var(--DS-font-size-body-1-strong);
    --dxbl-ai-popup-memo-error-font-size-m: var(--DS-font-size-subtitle-2);
    --dxbl-ai-popup-memo-error-font-size-l: var(--DS-font-size-subtitle-1);
    --dxbl-ai-popup-buttons-gap-s: var(--DS-sizing-60);
    --dxbl-ai-popup-buttons-gap-m: var(--DS-sizing-80);
    --dxbl-ai-popup-buttons-gap-l: var(--DS-sizing-100);
    --dxbl-ai-popup-warning-message-padding-x-s: var(--DS-sizing-120);
    --dxbl-ai-popup-warning-message-padding-x-m: var(--DS-sizing-160);
    --dxbl-ai-popup-warning-message-padding-x-l: var(--DS-sizing-200);
    --dxbl-ai-popup-warning-message-padding-y-s: var(--DS-sizing-60);
    --dxbl-ai-popup-warning-message-padding-y-m: var(--DS-sizing-80);
    --dxbl-ai-popup-warning-message-padding-y-l: var(--DS-sizing-100);
    --dxbl-ai-popup-body-gap-s: var(--DS-sizing-80);
    --dxbl-ai-popup-body-gap-m: var(--DS-sizing-120);
    --dxbl-ai-popup-body-gap-l: var(--DS-sizing-160);
}
.dxbl-ai-popup {
    --dxbl-ai-popup-body-gap: var(--dxbl-ai-popup-body-gap-m);
    --dxbl-ai-popup-buttons-gap: var(--dxbl-ai-popup-buttons-gap-m);
    --dxbl-ai-popup-warning-message-padding-x: var(
        --dxbl-ai-popup-warning-message-padding-x-m
    );
    --dxbl-ai-popup-warning-message-padding-y: var(
        --dxbl-ai-popup-warning-message-padding-y-m
    );
    --dxbl-ai-popup-memo-error-font-size: var(
        --dxbl-ai-popup-memo-error-font-size-m
    );
}
.dxbl-ai-popup.dxbl-sm {
    --dxbl-ai-popup-body-gap: var(--dxbl-ai-popup-body-gap-s);
    --dxbl-ai-popup-buttons-gap: var(--dxbl-ai-popup-buttons-gap-s);
    --dxbl-ai-popup-warning-message-padding-x: var(
        --dxbl-ai-popup-warning-message-padding-x-s
    );
    --dxbl-ai-popup-warning-message-padding-y: var(
        --dxbl-ai-popup-warning-message-padding-y-s
    );
    --dxbl-ai-popup-memo-error-font-size: var(
        --dxbl-ai-popup-memo-error-font-size-s
    );
}
.dxbl-ai-popup.dxbl-lg {
    --dxbl-ai-popup-body-gap: var(--dxbl-ai-popup-body-gap-l);
    --dxbl-ai-popup-buttons-gap: var(--dxbl-ai-popup-buttons-gap-l);
    --dxbl-ai-popup-warning-message-padding-x: var(
        --dxbl-ai-popup-warning-message-padding-x-l
    );
    --dxbl-ai-popup-warning-message-padding-y: var(
        --dxbl-ai-popup-warning-message-padding-y-l
    );
    --dxbl-ai-popup-memo-error-font-size: var(
        --dxbl-ai-popup-memo-error-font-size-l
    );
}
.dxbl-ai-popup {
    min-width: var(--dxbl-ai-popup-min-width);
    min-height: var(--dxbl-ai-popup-min-height);
}
.dxbl-ai-popup .dxbl-ai-popup-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--dxbl-ai-popup-body-gap);
    height: 100%;
}
.dxbl-ai-popup .dxbl-ai-popup-body .dxbl-ai-popup-error-content {
    height: 100%;
    min-height: var(--dxbl-ai-popup-memo-min-height);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--dxbl-ai-popup-memo-error-font-size);
}
.dxbl-ai-popup .dxbl-ai-popup-body .dxbl-ai-popup-memo {
    height: 100%;
    min-height: var(--dxbl-ai-popup-memo-min-height);
}
.dxbl-ai-popup .dxbl-ai-popup-body .dxbl-ai-popup-warning {
    background-color: var(--dxbl-ai-popup-warning-bg);
    padding: var(--dxbl-ai-popup-warning-message-padding-y)
        var(--dxbl-ai-popup-warning-message-padding-x);
    gap: var(--dxbl-ai-popup-body-gap);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.dxbl-ai-popup
    .dxbl-ai-popup-body
    .dxbl-ai-popup-warning
    .dxbl-ai-popup-warning-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: var(--dxbl-ai-popup-buttons-gap);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: auto;
}
.dxbl-ai-popup
    .dxbl-ai-popup-body
    .dxbl-ai-popup-warning
    .dxbl-ai-popup-warning-bottom
    .dxbl-ai-popup-warning-proceed-btn {
    gap: var(--dxbl-ai-popup-buttons-gap);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-ai-popup .dxbl-ai-popup-footer {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: var(--dxbl-ai-popup-buttons-gap);
}
.dxbl-ai-popup .dxbl-ai-popup-footer .dxbl-ai-popup-btn-end {
    margin-left: auto;
}
.dxbl-radio-group {
    --dxbl-radio-group-no-data-color: var(
        --DS-color-content-neutral-default-disabled
    );
}
.dxbl-radio-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-radio-group.dxbl-radio-group-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}
.dxbl-radio-group.dxbl-radio-group-vertical > .dxbl-checkbox-radio {
    width: 100%;
}
.dxbl-radio-group.dxbl-radio-group-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.dxbl-radio-group > .dxbl-radio-group-no-data-text {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: var(--dxbl-checkbox-padding);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--dxbl-radio-group-no-data-color);
}
.dxbl-radio-group {
    --dxbl-checkbox-padding: var(--DS-sizing-80);
}
.dxbl-radio-group.dxbl-sm {
    --dxbl-checkbox-padding: var(--DS-sizing-40);
}
.dxbl-radio-group.dxbl-lg {
    --dxbl-checkbox-padding: var(--DS-sizing-100);
}
.dxbl-pivot-table,
.dxbl-pivotgrid {
    --dxbl-pivot-table-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-pivot-table-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-pivot-table-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-pivot-table-border-style: solid;
    --dxbl-pivot-table-border-width: var(--DS-border-width-10);
    --dxbl-pivot-table-fixed-column-border-color: var(
        --DS-color-border-neutral-inverted-subdued-rest
    );
    --dxbl-pivot-table-min-width: 240px;
    --dxbl-pivot-table-total-bg: var(--DS-color-surface-neutral-subdued-rest);
    --dxbl-pivot-table-total-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-pivot-table-border-radius-s: var(--DS-border-radius-20);
    --dxbl-pivot-table-border-radius-m: var(--DS-border-radius-40);
    --dxbl-pivot-table-border-radius-l: var(--DS-border-radius-60);
    --dxbl-pivot-table-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-pivot-table-font-size-m: var(--DS-font-size-body-1);
    --dxbl-pivot-table-font-size-l: var(--DS-font-size-body-2);
    --dxbl-pivot-table-font-family-s: var(--DS-font-family-sans-serif);
    --dxbl-pivot-table-font-family-m: var(--DS-font-family-sans-serif);
    --dxbl-pivot-table-font-family-l: var(--DS-font-family-sans-serif);
    --dxbl-pivot-table-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-pivot-table-line-height-m: var(--DS-line-height-body-1);
    --dxbl-pivot-table-line-height-l: var(--DS-line-height-body-2);
    --dxbl-pivot-table-font-weight-s: var(--DS-font-weight-caption-1);
    --dxbl-pivot-table-font-weight-m: var(--DS-font-weight-body-1);
    --dxbl-pivot-table-font-weight-l: var(--DS-font-weight-body-2);
    --dxbl-pivot-table-total-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-pivot-table-total-font-size-m: var(--DS-font-size-body-1);
    --dxbl-pivot-table-total-font-size-l: var(--DS-font-size-body-2);
    --dxbl-pivot-table-total-font-family-s: var(--DS-font-family-sans-serif);
    --dxbl-pivot-table-total-font-family-m: var(--DS-font-family-sans-serif);
    --dxbl-pivot-table-total-font-family-l: var(--DS-font-family-sans-serif);
    --dxbl-pivot-table-total-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-pivot-table-total-line-height-m: var(--DS-line-height-body-1);
    --dxbl-pivot-table-total-line-height-l: var(--DS-line-height-body-2);
    --dxbl-pivot-table-total-font-weight-s: var(--DS-font-weight-caption-1);
    --dxbl-pivot-table-total-font-weight-m: var(--DS-font-weight-body-1);
    --dxbl-pivot-table-total-font-weight-l: var(--DS-font-weight-body-2);
    --dxbl-pivot-table-row-field-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-pivot-table-row-field-font-size-m: var(--DS-font-size-body-1);
    --dxbl-pivot-table-row-field-font-size-l: var(--DS-font-size-body-2);
    --dxbl-pivot-table-row-field-font-family-s: var(
        --DS-font-family-sans-serif
    );
    --dxbl-pivot-table-row-field-font-family-m: var(
        --DS-font-family-sans-serif
    );
    --dxbl-pivot-table-row-field-font-family-l: var(
        --DS-font-family-sans-serif
    );
    --dxbl-pivot-table-row-field-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-pivot-table-row-field-line-height-m: var(--DS-line-height-body-1);
    --dxbl-pivot-table-row-field-line-height-l: var(--DS-line-height-body-2);
    --dxbl-pivot-table-row-field-font-weight-s: var(--DS-font-weight-caption-1);
    --dxbl-pivot-table-row-field-font-weight-m: var(--DS-font-weight-body-1);
    --dxbl-pivot-table-row-field-font-weight-l: var(--DS-font-weight-body-2);
    --dxbl-pivot-table-header-field-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-pivot-table-header-field-font-size-m: var(--DS-font-size-body-1);
    --dxbl-pivot-table-header-field-font-size-l: var(--DS-font-size-body-2);
    --dxbl-pivot-table-header-field-font-family-s: var(
        --DS-font-family-sans-serif
    );
    --dxbl-pivot-table-header-field-font-family-m: var(
        --DS-font-family-sans-serif
    );
    --dxbl-pivot-table-header-field-font-family-l: var(
        --DS-font-family-sans-serif
    );
    --dxbl-pivot-table-header-field-line-height-s: var(
        --DS-line-height-caption-1
    );
    --dxbl-pivot-table-header-field-line-height-m: var(--DS-line-height-body-1);
    --dxbl-pivot-table-header-field-line-height-l: var(--DS-line-height-body-2);
    --dxbl-pivot-table-header-field-icon-min-width-s: var(--DS-sizing-160);
    --dxbl-pivot-table-header-field-icon-min-width-m: var(--DS-sizing-200);
    --dxbl-pivot-table-header-field-icon-min-width-l: var(--DS-sizing-240);
    --dxbl-pivot-table-header-field-font-weight-s: 600;
    --dxbl-pivot-table-header-field-font-weight-m: 600;
    --dxbl-pivot-table-header-field-font-weight-l: 600;
    --dxbl-pivot-table-cell-padding-x-s: 0.4375rem;
    --dxbl-pivot-table-cell-padding-x-m: 0.4375rem;
    --dxbl-pivot-table-cell-padding-x-l: 0.4375rem;
    --dxbl-pivot-table-cell-padding-y-s: 0.250125rem;
    --dxbl-pivot-table-cell-padding-y-m: 0.37503125rem;
    --dxbl-pivot-table-cell-padding-y-l: 0.5rem;
    --dxbl-pivot-table-header-field-padding-x-s: var(--DS-sizing-80);
    --dxbl-pivot-table-header-field-padding-x-m: var(--DS-sizing-120);
    --dxbl-pivot-table-header-field-padding-x-l: var(--DS-sizing-160);
    --dxbl-pivot-table-header-field-padding-y-s: var(--DS-sizing-30);
    --dxbl-pivot-table-header-field-padding-y-m: calc(
        var(--DS-sizing-60) - var(--DS-sizing-10)
    );
    --dxbl-pivot-table-header-field-padding-y-l: calc(
        var(--DS-sizing-80) - var(--DS-sizing-10)
    );
    --dxbl-pivot-table-header-spacing-s: 0.25rem;
    --dxbl-pivot-table-header-spacing-m: 0.375rem;
    --dxbl-pivot-table-header-spacing-l: 0.5rem;
}
.dxbl-pivot-table,
.dxbl-pivotgrid {
    --dxbl-pivot-table-border-radius: var(--dxbl-pivot-table-border-radius-m);
    --dxbl-pivot-table-font-size: var(--dxbl-pivot-table-font-size-m);
    --dxbl-pivot-table-line-height: var(--dxbl-pivot-table-line-height-m);
    --dxbl-pivot-table-font-family: var(--dxbl-pivot-table-font-family-m);
    --dxbl-pivot-table-font-weight: var(--dxbl-pivot-table-font-weight-m);
    --dxbl-pivot-table-total-font-size: var(
        --dxbl-pivot-table-total-font-size-m
    );
    --dxbl-pivot-table-total-line-height: var(
        --dxbl-pivot-table-total-line-height-m
    );
    --dxbl-pivot-table-total-font-family: var(
        --dxbl-pivot-table-total-font-family-m
    );
    --dxbl-pivot-table-total-font-weight: var(
        --dxbl-pivot-table-total-font-weight-m
    );
    --dxbl-pivot-table-row-field-font-size: var(
        --dxbl-pivot-table-row-field-font-size-m
    );
    --dxbl-pivot-table-row-field-line-height: var(
        --dxbl-pivot-table-row-field-line-height-m
    );
    --dxbl-pivot-table-row-field-font-family: var(
        --dxbl-pivot-table-row-field-font-family-m
    );
    --dxbl-pivot-table-row-field-font-weight: var(
        --dxbl-pivot-table-row-field-font-weight-m
    );
    --dxbl-pivot-table-header-field-font-size: var(
        --dxbl-pivot-table-header-field-font-size-m
    );
    --dxbl-pivot-table-header-field-line-height: var(
        --dxbl-pivot-table-header-field-line-height-m
    );
    --dxbl-pivot-table-header-field-font-family: var(
        --dxbl-pivot-table-header-field-font-family-m
    );
    --dxbl-pivot-table-header-field-font-weight: var(
        --dxbl-pivot-table-header-field-font-weight-m
    );
    --dxbl-pivot-table-header-field-icon-min-width: var(
        --dxbl-pivot-table-header-field-icon-min-width-m
    );
    --dxbl-pivot-table-header-field-padding-x: var(
        --dxbl-pivot-table-header-field-padding-x-m
    );
    --dxbl-pivot-table-header-field-padding-y: var(
        --dxbl-pivot-table-header-field-padding-y-m
    );
    --dxbl-pivot-table-cell-padding-x: var(--dxbl-pivot-table-cell-padding-x-m);
    --dxbl-pivot-table-cell-padding-y: var(--dxbl-pivot-table-cell-padding-y-m);
    --dxbl-pivot-table-header-spacing: var(--dxbl-pivot-table-header-spacing-m);
}
.dxbl-pivot-table.dxbl-sm,
.dxbl-pivotgrid.dxbl-sm {
    --dxbl-pivot-table-border-radius: var(--dxbl-pivot-table-border-radius-s);
    --dxbl-pivot-table-font-size: var(--dxbl-pivot-table-font-size-s);
    --dxbl-pivot-table-line-height: var(--dxbl-pivot-table-line-height-s);
    --dxbl-pivot-table-font-family: var(--dxbl-pivot-table-font-family-s);
    --dxbl-pivot-table-font-weight: var(--dxbl-pivot-table-font-weight-s);
    --dxbl-pivot-table-total-font-size: var(
        --dxbl-pivot-table-total-font-size-s
    );
    --dxbl-pivot-table-total-line-height: var(
        --dxbl-pivot-table-total-line-height-s
    );
    --dxbl-pivot-table-total-font-family: var(
        --dxbl-pivot-table-total-font-family-s
    );
    --dxbl-pivot-table-total-font-weight: var(
        --dxbl-pivot-table-total-font-weight-s
    );
    --dxbl-pivot-table-row-field-font-size: var(
        --dxbl-pivot-table-row-field-font-size-s
    );
    --dxbl-pivot-table-row-field-line-height: var(
        --dxbl-pivot-table-row-field-line-height-s
    );
    --dxbl-pivot-table-row-field-font-family: var(
        --dxbl-pivot-table-row-field-font-family-s
    );
    --dxbl-pivot-table-row-field-font-weight: var(
        --dxbl-pivot-table-row-field-font-weight-s
    );
    --dxbl-pivot-table-header-field-font-size: var(
        --dxbl-pivot-table-header-field-font-size-s
    );
    --dxbl-pivot-table-header-field-line-height: var(
        --dxbl-pivot-table-header-field-line-height-s
    );
    --dxbl-pivot-table-header-field-font-family: var(
        --dxbl-pivot-table-header-field-font-family-s
    );
    --dxbl-pivot-table-header-field-font-weight: var(
        --dxbl-pivot-table-header-field-font-weight-s
    );
    --dxbl-pivot-table-header-field-icon-min-width: var(
        --dxbl-pivot-table-header-field-icon-min-width-s
    );
    --dxbl-pivot-table-header-field-padding-x: var(
        --dxbl-pivot-table-header-field-padding-x-s
    );
    --dxbl-pivot-table-header-field-padding-y: var(
        --dxbl-pivot-table-header-field-padding-y-s
    );
    --dxbl-pivot-table-cell-padding-x: var(--dxbl-pivot-table-cell-padding-x-s);
    --dxbl-pivot-table-cell-padding-y: var(--dxbl-pivot-table-cell-padding-y-s);
    --dxbl-pivot-table-header-spacing: var(--dxbl-pivot-table-header-spacing-s);
}
.dxbl-pivot-table.dxbl-lg,
.dxbl-pivotgrid.dxbl-lg {
    --dxbl-pivot-table-border-radius: var(--dxbl-pivot-table-border-radius-l);
    --dxbl-pivot-table-font-size: var(--dxbl-pivot-table-font-size-l);
    --dxbl-pivot-table-line-height: var(--dxbl-pivot-table-line-height-l);
    --dxbl-pivot-table-font-family: var(--dxbl-pivot-table-font-family-l);
    --dxbl-pivot-table-font-weight: var(--dxbl-pivot-table-font-weight-l);
    --dxbl-pivot-table-total-font-size: var(
        --dxbl-pivot-table-total-font-size-l
    );
    --dxbl-pivot-table-total-line-height: var(
        --dxbl-pivot-table-total-line-height-l
    );
    --dxbl-pivot-table-total-font-family: var(
        --dxbl-pivot-table-total-font-family-l
    );
    --dxbl-pivot-table-total-font-weight: var(
        --dxbl-pivot-table-total-font-weight-l
    );
    --dxbl-pivot-table-row-field-font-size: var(
        --dxbl-pivot-table-row-field-font-size-l
    );
    --dxbl-pivot-table-row-field-line-height: var(
        --dxbl-pivot-table-row-field-line-height-l
    );
    --dxbl-pivot-table-row-field-font-family: var(
        --dxbl-pivot-table-row-field-font-family-l
    );
    --dxbl-pivot-table-row-field-font-weight: var(
        --dxbl-pivot-table-row-field-font-weight-l
    );
    --dxbl-pivot-table-header-field-font-size: var(
        --dxbl-pivot-table-header-field-font-size-l
    );
    --dxbl-pivot-table-header-field-line-height: var(
        --dxbl-pivot-table-header-field-line-height-l
    );
    --dxbl-pivot-table-header-field-font-family: var(
        --dxbl-pivot-table-header-field-font-family-l
    );
    --dxbl-pivot-table-header-field-font-weight: var(
        --dxbl-pivot-table-header-field-font-weight-l
    );
    --dxbl-pivot-table-header-field-icon-min-width: var(
        --dxbl-pivot-table-header-field-icon-min-width-l
    );
    --dxbl-pivot-table-header-field-padding-x: var(
        --dxbl-pivot-table-header-field-padding-x-l
    );
    --dxbl-pivot-table-header-field-padding-y: var(
        --dxbl-pivot-table-header-field-padding-y-l
    );
    --dxbl-pivot-table-cell-padding-x: var(--dxbl-pivot-table-cell-padding-x-l);
    --dxbl-pivot-table-cell-padding-y: var(--dxbl-pivot-table-cell-padding-y-l);
    --dxbl-pivot-table-header-spacing: var(--dxbl-pivot-table-header-spacing-l);
}
.dxbl-pivotgrid {
    background-color: var(--dxbl-pivot-table-bg);
    border-color: var(--dxbl-pivot-table-border-color);
    border-style: var(--dxbl-pivot-table-border-style);
    border-width: 0;
    border-top-width: var(--dxbl-pivot-table-border-width);
    border-left-width: var(--dxbl-pivot-table-border-width);
    border-radius: var(--dxbl-pivot-table-border-radius);
    color: var(--dxbl-pivot-table-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: var(--dxbl-pivot-table-font-family);
    font-size: var(--dxbl-pivot-table-font-size);
    line-height: var(--dxbl-pivot-table-line-height);
    min-width: var(--dxbl-pivot-table-min-width);
    overflow: auto;
    text-align: left;
    width: 100%;
}
.dxbl-pivotgrid > table {
    border-collapse: separate;
    border-color: var(--dxbl-pivot-table-border-color);
    border-style: var(--dxbl-pivot-table-border-style);
    border-width: 0;
    border-spacing: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
}
.dxbl-pivotgrid > table > tbody,
.dxbl-pivotgrid > table > tfoot,
.dxbl-pivotgrid > table > thead {
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
}
.dxbl-pivotgrid > table > tbody > tr,
.dxbl-pivotgrid > table > tfoot > tr,
.dxbl-pivotgrid > table > thead > tr {
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
}
.dxbl-pivotgrid > table > tbody > tr > th.dxbl-pivot-field-cell > .dxbl-btn,
.dxbl-pivotgrid > table > tbody > tr > th.dxbl-pivot-header > .dxbl-btn,
.dxbl-pivotgrid > table > tfoot > tr > th.dxbl-pivot-field-cell > .dxbl-btn,
.dxbl-pivotgrid > table > tfoot > tr > th.dxbl-pivot-header > .dxbl-btn,
.dxbl-pivotgrid > table > thead > tr > th.dxbl-pivot-field-cell > .dxbl-btn,
.dxbl-pivotgrid > table > thead > tr > th.dxbl-pivot-header > .dxbl-btn {
    display: inline-block;
    color: inherit;
}
.dxbl-pivotgrid
    > table
    > tbody
    > tr
    > th.dxbl-pivot-field-cell
    > .dxbl-btn
    > span,
.dxbl-pivotgrid
    > table
    > tbody
    > tr
    > th.dxbl-pivot-field-cell
    > .dxbl-btn
    > svg,
.dxbl-pivotgrid > table > tbody > tr > th.dxbl-pivot-header > .dxbl-btn > span,
.dxbl-pivotgrid > table > tbody > tr > th.dxbl-pivot-header > .dxbl-btn > svg,
.dxbl-pivotgrid
    > table
    > tfoot
    > tr
    > th.dxbl-pivot-field-cell
    > .dxbl-btn
    > span,
.dxbl-pivotgrid
    > table
    > tfoot
    > tr
    > th.dxbl-pivot-field-cell
    > .dxbl-btn
    > svg,
.dxbl-pivotgrid > table > tfoot > tr > th.dxbl-pivot-header > .dxbl-btn > span,
.dxbl-pivotgrid > table > tfoot > tr > th.dxbl-pivot-header > .dxbl-btn > svg,
.dxbl-pivotgrid
    > table
    > thead
    > tr
    > th.dxbl-pivot-field-cell
    > .dxbl-btn
    > span,
.dxbl-pivotgrid
    > table
    > thead
    > tr
    > th.dxbl-pivot-field-cell
    > .dxbl-btn
    > svg,
.dxbl-pivotgrid > table > thead > tr > th.dxbl-pivot-header > .dxbl-btn > span,
.dxbl-pivotgrid > table > thead > tr > th.dxbl-pivot-header > .dxbl-btn > svg {
    vertical-align: middle;
}
.dxbl-pivotgrid > table > tbody > tr > th.dxbl-pivot-header,
.dxbl-pivotgrid > table > tfoot > tr > th.dxbl-pivot-header,
.dxbl-pivotgrid > table > thead > tr > th.dxbl-pivot-header {
    background-color: unset;
    color: inherit;
    font-size: var(--dxbl-pivot-header-font-size);
    font-weight: var(--dxbl-pivot-header-font-weight);
    line-height: var(--dxbl-pivot-header-line-height);
    font-family: var(--dxbl-pivot-header-font-family);
}
.dxbl-pivotgrid > table > tbody > tr > th.dxbl-pivot-header > .dxbl-btn,
.dxbl-pivotgrid > table > tfoot > tr > th.dxbl-pivot-header > .dxbl-btn,
.dxbl-pivotgrid > table > thead > tr > th.dxbl-pivot-header > .dxbl-btn {
    height: 100%;
    pointer-events: auto;
    text-align: left;
    text-decoration: none;
    width: 100%;
}
.dxbl-pivotgrid > table > tbody > tr > th.dxbl-pivot-header-expandable,
.dxbl-pivotgrid > table > tfoot > tr > th.dxbl-pivot-header-expandable,
.dxbl-pivotgrid > table > thead > tr > th.dxbl-pivot-header-expandable {
    padding: 0;
}
.dxbl-pivotgrid > table > tbody > tr > th.dxbl-pivot-field-cell > .dxbl-btn,
.dxbl-pivotgrid > table > tfoot > tr > th.dxbl-pivot-field-cell > .dxbl-btn,
.dxbl-pivotgrid > table > thead > tr > th.dxbl-pivot-field-cell > .dxbl-btn {
    text-decoration: none;
    background-color: unset;
    border-color: inherit;
    border-style: inherit;
    border-width: var(--dxbl-pivot-table-border-width);
    border-radius: 0;
    color: inherit;
    font-size: var(--dxbl-pivot-field-font-size);
    font-weight: var(--dxbl-pivot-field-font-weight);
    line-height: var(--dxbl-pivot-field-line-height);
    font-family: var(--dxbl-pivot-field-font-family);
}
.dxbl-pivotgrid
    > table
    > tbody
    > tr
    > th.dxbl-pivot-field-cell
    > .dxbl-btn
    span:not(.dxbl-image),
.dxbl-pivotgrid
    > table
    > tfoot
    > tr
    > th.dxbl-pivot-field-cell
    > .dxbl-btn
    span:not(.dxbl-image),
.dxbl-pivotgrid
    > table
    > thead
    > tr
    > th.dxbl-pivot-field-cell
    > .dxbl-btn
    span:not(.dxbl-image) {
    text-decoration: none;
}
.dxbl-pivotgrid
    > table
    > tbody
    > tr
    > th.dxbl-pivot-field-cell
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-pivotgrid
    > table
    > tfoot
    > tr
    > th.dxbl-pivot-field-cell
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-pivotgrid
    > table
    > thead
    > tr
    > th.dxbl-pivot-field-cell
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled):hover {
    border-color: inherit;
    border-style: inherit;
    border-width: var(--dxbl-pivot-table-border-width);
    border-radius: 0;
}
.dxbl-pivotgrid
    > table
    > tbody
    > tr
    > th.dxbl-pivot-field-cell
    > .dxbl-btn.dxbl-pivot-field-cell-inactive,
.dxbl-pivotgrid
    > table
    > tfoot
    > tr
    > th.dxbl-pivot-field-cell
    > .dxbl-btn.dxbl-pivot-field-cell-inactive,
.dxbl-pivotgrid
    > table
    > thead
    > tr
    > th.dxbl-pivot-field-cell
    > .dxbl-btn.dxbl-pivot-field-cell-inactive {
    cursor: default;
    color: inherit;
    text-decoration: none;
}
.dxbl-pivotgrid > table > tbody > tr > td.dxbl-pivot-data,
.dxbl-pivotgrid > table > tfoot > tr > td.dxbl-pivot-data,
.dxbl-pivotgrid > table > thead > tr > td.dxbl-pivot-data {
    text-align: right;
}
.dxbl-pivotgrid > table > tbody > tr > td,
.dxbl-pivotgrid > table > tbody > tr > th,
.dxbl-pivotgrid > table > tfoot > tr > td,
.dxbl-pivotgrid > table > tfoot > tr > th,
.dxbl-pivotgrid > table > thead > tr > td,
.dxbl-pivotgrid > table > thead > tr > th {
    font-family: var(--dxbl-pivot-table-font-family);
    font-size: var(--dxbl-pivot-table-font-size);
    line-height: var(--dxbl-pivot-table-line-height);
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
    border-bottom-width: var(--dxbl-pivot-table-border-width);
    border-right-width: var(--dxbl-pivot-table-border-width);
    font-weight: inherit;
    height: 100%;
    padding: 0.5em 1em;
    position: relative;
    vertical-align: top;
    white-space: nowrap;
}
.dxbl-pivotgrid > table > tbody > tr > td.dxbl-pivot-total,
.dxbl-pivotgrid > table > tbody > tr > th.dxbl-pivot-total,
.dxbl-pivotgrid > table > tfoot > tr > td.dxbl-pivot-total,
.dxbl-pivotgrid > table > tfoot > tr > th.dxbl-pivot-total,
.dxbl-pivotgrid > table > thead > tr > td.dxbl-pivot-total,
.dxbl-pivotgrid > table > thead > tr > th.dxbl-pivot-total {
    background-color: var(--dxbl-pivot-table-total-bg);
    color: var(--dxbl-pivot-table-total-color);
    font-size: var(--dxbl-pivot-table-total-font-size);
    font-weight: var(--dxbl-pivot-table-total-font-weight);
    line-height: var(--dxbl-pivot-table-total-line-height);
}
.dxbl-pivotgrid > table > thead > tr > th.dxbl-pivot-area-data {
    border-width: 0;
}
.dxbl-pivotgrid > table > thead > tr > th.dxbl-pivot-area-data,
.dxbl-pivotgrid > table > thead > tr > th.dxbl-pivot-area-row {
    padding-left: 0.5em;
}
.dxbl-pivotgrid > table > thead > tr > th.dxbl-pivot-area-column {
    padding-left: 0;
}
.dxbl-pivotgrid > table > thead > tr > th.dxbl-pivot-area-row {
    vertical-align: bottom;
}
.dxbl-pivotgrid > table > tfoot > tr > td {
    padding-left: 0.5em;
}
.dxbl-pivotgrid {
    --dxbl-pivot-header-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-pivot-header-font-size-m: var(--DS-font-size-body-1);
    --dxbl-pivot-header-font-size-l: var(--DS-font-size-body-2);
    --dxbl-pivot-header-font-family-s: var(--DS-font-family-sans-serif);
    --dxbl-pivot-header-font-family-m: var(--DS-font-family-sans-serif);
    --dxbl-pivot-header-font-family-l: var(--DS-font-family-sans-serif);
    --dxbl-pivot-header-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-pivot-header-line-height-m: var(--DS-line-height-body-1);
    --dxbl-pivot-header-line-height-l: var(--DS-line-height-body-2);
    --dxbl-pivot-header-font-weight-s: var(--DS-font-weight-caption-1);
    --dxbl-pivot-header-font-weight-m: var(--DS-font-weight-body-1);
    --dxbl-pivot-header-font-weight-l: var(--DS-font-weight-body-2);
    --dxbl-pivot-field-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-pivot-field-font-size-m: var(--DS-font-size-body-1);
    --dxbl-pivot-field-font-size-l: var(--DS-font-size-body-2);
    --dxbl-pivot-field-font-family-s: var(--DS-font-family-sans-serif);
    --dxbl-pivot-field-font-family-m: var(--DS-font-family-sans-serif);
    --dxbl-pivot-field-font-family-l: var(--DS-font-family-sans-serif);
    --dxbl-pivot-field-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-pivot-field-line-height-m: var(--DS-line-height-body-1);
    --dxbl-pivot-field-line-height-l: var(--DS-line-height-body-2);
    --dxbl-pivot-field-font-weight-s: 600;
    --dxbl-pivot-field-font-weight-m: 600;
    --dxbl-pivot-field-font-weight-l: 600;
}
.dxbl-pivotgrid {
    --dxbl-pivot-header-font-size: var(--dxbl-pivot-header-font-size-m);
    --dxbl-pivot-header-line-height: var(--dxbl-pivot-header-line-height-m);
    --dxbl-pivot-header-font-family: var(--dxbl-pivot-header-font-family-m);
    --dxbl-pivot-header-font-weight: var(--dxbl-pivot-header-font-weight-m);
    --dxbl-pivot-field-font-size: var(--dxbl-pivot-field-font-size-m);
    --dxbl-pivot-field-line-height: var(--dxbl-pivot-field-line-height-m);
    --dxbl-pivot-field-font-family: var(--dxbl-pivot-field-font-family-m);
    --dxbl-pivot-field-font-weight: var(--dxbl-pivot-field-font-weight-m);
}
.dxbl-pivotgrid.dxbl-sm {
    --dxbl-pivot-header-font-size: var(--dxbl-pivot-header-font-size-s);
    --dxbl-pivot-header-line-height: var(--dxbl-pivot-header-line-height-s);
    --dxbl-pivot-header-font-family: var(--dxbl-pivot-header-font-family-s);
    --dxbl-pivot-header-font-weight: var(--dxbl-pivot-header-font-weight-s);
    --dxbl-pivot-field-font-size: var(--dxbl-pivot-field-font-size-s);
    --dxbl-pivot-field-line-height: var(--dxbl-pivot-field-line-height-s);
    --dxbl-pivot-field-font-family: var(--dxbl-pivot-field-font-family-s);
    --dxbl-pivot-field-font-weight: var(--dxbl-pivot-field-font-weight-s);
}
.dxbl-pivotgrid.dxbl-lg {
    --dxbl-pivot-header-font-size: var(--dxbl-pivot-header-font-size-l);
    --dxbl-pivot-header-line-height: var(--dxbl-pivot-header-line-height-l);
    --dxbl-pivot-header-font-family: var(--dxbl-pivot-header-font-family-l);
    --dxbl-pivot-header-font-weight: var(--dxbl-pivot-header-font-weight-l);
    --dxbl-pivot-field-font-size: var(--dxbl-pivot-field-font-size-l);
    --dxbl-pivot-field-line-height: var(--dxbl-pivot-field-line-height-l);
    --dxbl-pivot-field-font-family: var(--dxbl-pivot-field-font-family-l);
    --dxbl-pivot-field-font-weight: var(--dxbl-pivot-field-font-weight-l);
}
@keyframes dxbl-skeleton-opacity-animation {
    0% {
        opacity: 0.05;
    }
    50% {
        opacity: 0.15;
    }
    100% {
        opacity: 0.05;
    }
}
.dxbl-invisible {
    visibility: hidden !important;
}
.dxbl-visible {
    visibility: visible !important;
}
.dxbl-invisible-content > * {
    visibility: hidden !important;
}
.dxbl-invisible-off-screen {
    visibility: hidden !important;
    -webkit-transform: translateX(-100000px) !important;
    -o-transform: translateX(-100000px) !important;
    transform: translateX(-100000px) !important;
}
.dxbl-visually-hidden {
    border: 0;
    clip: rect(0, 0, 0, 0);
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
}
.dxbl-display-none {
    display: none !important;
}
.dxbl-align-center {
    text-align: center;
}
.dxbl-align-left {
    text-align: left;
}
.dxbl-align-right {
    text-align: right;
}
.dxbl-nowrap {
    white-space: nowrap !important;
}
.dxbl-prevent-safari-scrolling {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.dxbl-preventsel {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dxbl-flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}
.dxbl-flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}
.dxbl-flex-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}
.dxbl-skeleton-animate .dxbl-skeleton-item > div {
    -webkit-animation: 2s linear infinite forwards
        dxbl-skeleton-opacity-animation;
    -o-animation: 2s linear infinite forwards dxbl-skeleton-opacity-animation;
    animation: 2s linear infinite forwards dxbl-skeleton-opacity-animation;
}
.dxbl-skeleton-item > div {
    height: 100%;
    border-radius: 10rem;
    background-color: currentcolor;
    opacity: 0.1;
}
.dxbl-skeleton-item.dxbl-align-right > div {
    margin-left: auto;
    margin-right: 0;
}
.dxbl-skeleton-item.dxbl-align-center > div {
    margin-left: auto;
    margin-right: auto;
}
.dxbl-skeleton-item > .dxbl-skeleton-date {
    max-width: 8rem;
}
.dxbl-skeleton-item > .dxbl-skeleton-bool {
    max-width: 4rem;
}
.dxbl-skeleton-item > .dxbl-skeleton-string-0 {
    width: 50%;
}
.dxbl-skeleton-item > .dxbl-skeleton-number-0 {
    max-width: 3em;
}
.dxbl-skeleton-item > .dxbl-skeleton-string-1 {
    width: 70%;
}
.dxbl-skeleton-item > .dxbl-skeleton-number-1 {
    max-width: 5em;
}
.dxbl-skeleton-item > .dxbl-skeleton-string-2 {
    width: 40%;
}
.dxbl-skeleton-item > .dxbl-skeleton-number-2 {
    max-width: 2em;
}
.dxbl-skeleton-item > .dxbl-skeleton-string-3 {
    width: 60%;
}
.dxbl-skeleton-item > .dxbl-skeleton-number-3 {
    max-width: 4em;
}
.dxbl-skeleton-item > .dxbl-skeleton-string-4 {
    width: 80%;
}
.dxbl-skeleton-item > .dxbl-skeleton-number-4 {
    max-width: 6em;
}
.dxbl-virtual-items-container-pattern {
    position: fixed;
    top: -10000px;
    left: -10000px;
    visibility: hidden;
}
.dxbl-a11y-status-helper {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.dx-prevent-selection {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: none;
    touch-action: none;
}
.dxbl-pivot-table {
    --dxbl-pivot-table-expand-button-span-margin-left: 0.25rem;
    --dxbl-pivot-table-expand-button-padding-x: var(--DS-sizing-20);
    --dxbl-pivot-table-expand-button-padding-y: var(--DS-sizing-20);
    --dxbl-pivot-table-expand-button-hover-bg: var(
        --DS-color-surface-neutral-default-hovered
    );
    --dxbl-pivot-table-expand-button-hover-color: var(
        --DS-color-content-neutral-default-hovered
    );
    --dxbl-pivot-table-round-border-radius: 3rem;
    --dxbl-pivot-table-expandable-container-cell-padding-y: 0.1875rem;
    --dxbl-pivot-table-header-field-row-gap: 0.25rem;
    background-color: var(--dxbl-pivot-table-bg);
    border-radius: var(--dxbl-pivot-table-border-radius);
    border: var(--dxbl-pivot-table-border-width)
        var(--dxbl-pivot-table-border-style)
        var(--dxbl-pivot-table-border-color);
    color: var(--dxbl-pivot-table-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: var(--dxbl-pivot-table-font-family);
    font-size: var(--dxbl-pivot-table-font-size);
    line-height: var(--dxbl-pivot-table-line-height);
    font-weight: var(--dxbl-pivot-table-font-weight);
    min-width: var(--dxbl-pivot-table-min-width);
    overflow: auto;
    text-align: left;
    width: 100%;
    height: 400px;
    overflow-y: hidden;
}
.dxbl-pivot-table
    .dxbl-pivot-table-header-field-empty
    .dxbl-pivot-table-area-content-empty,
.dxbl-pivot-table
    .dxbl-pivot-table-header-field-empty
    > .dxbl-pivot-table-area-multiple-headers-inner-container {
    pointer-events: none;
}
.dxbl-pivot-table > .dxbl-scroll-viewer {
    background-color: var(--dxbl-pivot-table-bg);
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.dxbl-pivot-table > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content {
    background-color: inherit;
    overflow-anchor: none;
}
.dxbl-pivot-table > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > table {
    background-color: inherit;
    border-collapse: separate;
    border-color: var(--dxbl-pivot-table-border-color);
    border-style: var(--dxbl-pivot-table-border-style);
    border-width: 0;
    border-spacing: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    table-layout: fixed;
    width: 100%;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead {
    top: 0;
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    background-color: inherit;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead {
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
    background-color: inherit;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr {
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
    background-color: inherit;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > th.dxbl-pivot-table-header-cell,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > th.dxbl-pivot-table-row-field-item,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th.dxbl-pivot-table-header-cell,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th.dxbl-pivot-table-row-field-item {
    position: -webkit-sticky;
    position: sticky;
    background-color: inherit;
    z-index: 3;
    left: 0;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > th.dxbl-pivot-table-header-cell
    > .dxbl-btn,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > th.dxbl-pivot-table-row-field-item
    > .dxbl-btn,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th.dxbl-pivot-table-header-cell
    > .dxbl-btn,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th.dxbl-pivot-table-row-field-item
    > .dxbl-btn {
    display: inline-block;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > th.dxbl-pivot-table-header-cell
    > .dxbl-btn
    > span,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > th.dxbl-pivot-table-row-field-item
    > .dxbl-btn
    > span,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th.dxbl-pivot-table-header-cell
    > .dxbl-btn
    > span,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th.dxbl-pivot-table-row-field-item
    > .dxbl-btn
    > span {
    vertical-align: middle;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > th.dxbl-pivot-table-header-cell
    > .dxbl-pivot-table-area-multiple-headers-inner-container,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th.dxbl-pivot-table-header-cell
    > .dxbl-pivot-table-area-multiple-headers-inner-container {
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    row-gap: var(--dxbl-pivot-table-header-field-row-gap);
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > th.dxbl-pivot-table-header-cell
    > .dxbl-pivot-table-area-multiple-headers-inner-container
    > .dxbl-pivot-table-header-free-space,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th.dxbl-pivot-table-header-cell
    > .dxbl-pivot-table-area-multiple-headers-inner-container
    > .dxbl-pivot-table-header-free-space {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > th.dxbl-pivot-table-row-field-item,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th.dxbl-pivot-table-row-field-item {
    background-color: unset;
    color: inherit;
    font-family: var(--dxbl-pivot-table-row-field-font-family);
    font-size: var(--dxbl-pivot-table-row-field-font-size);
    font-weight: var(--dxbl-pivot-table-row-field-font-weight);
    line-height: var(--dxbl-pivot-table-row-field-line-height);
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > th.dxbl-pivot-table-row-field-item
    > .dxbl-btn,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th.dxbl-pivot-table-row-field-item
    > .dxbl-btn {
    height: 100%;
    pointer-events: auto;
    text-align: left;
    text-decoration: none;
    width: 100%;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > td.dxbl-pivot-table-row-field-item,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > td.dxbl-pivot-table-row-field-item {
    position: -webkit-sticky !important;
    position: sticky !important;
    background-color: var(--dxbl-pivot-table-bg);
    z-index: 1 !important;
    left: 0;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > td,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > th,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > td,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th {
    font-family: var(--dxbl-pivot-table-font-family);
    font-size: var(--dxbl-pivot-table-font-size);
    line-height: var(--dxbl-pivot-table-line-height);
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
    border-bottom-width: var(--dxbl-pivot-table-border-width);
    border-right-width: var(--dxbl-pivot-table-border-width);
    font-weight: inherit;
    height: 100%;
    padding: var(--dxbl-pivot-table-cell-padding-y)
        var(--dxbl-pivot-table-cell-padding-x);
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > td.dxbl-pivot-table-grand-total,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > td.dxbl-pivot-table-total,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > th.dxbl-pivot-table-grand-total,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > th.dxbl-pivot-table-total,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > td.dxbl-pivot-table-grand-total,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > td.dxbl-pivot-table-total,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th.dxbl-pivot-table-grand-total,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th.dxbl-pivot-table-total {
    background-color: var(--dxbl-pivot-table-total-bg);
    color: var(--dxbl-pivot-table-total-color);
    font-family: var(--dxbl-pivot-table-total-font-family);
    font-size: var(--dxbl-pivot-table-total-font-size);
    font-weight: var(--dxbl-pivot-table-total-font-weight);
    line-height: var(--dxbl-pivot-table-total-line-height);
    z-index: 0;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > td.dxbl-pivot-table-expandable-container,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > th.dxbl-pivot-table-expandable-container,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > td.dxbl-pivot-table-expandable-container,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th.dxbl-pivot-table-expandable-container {
    padding-top: var(--dxbl-pivot-table-expandable-container-cell-padding-y);
    padding-bottom: var(--dxbl-pivot-table-expandable-container-cell-padding-y);
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > td
    .dxbl-pivot-table-expand-button,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > th
    .dxbl-pivot-table-expand-button,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > td
    .dxbl-pivot-table-expand-button,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th
    .dxbl-pivot-table-expand-button {
    font-weight: inherit;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > td[rowspan],
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > th[rowspan],
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > td[rowspan],
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th[rowspan] {
    vertical-align: top;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element],
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-top-virtual-spacer-element],
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr[dxbl-bottom-virtual-spacer-element],
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr[dxbl-top-virtual-spacer-element] {
    height: auto;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    > td,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr[dxbl-bottom-virtual-spacer-element]
    > td,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr[dxbl-top-virtual-spacer-element]
    > td {
    overflow: visible;
    vertical-align: top;
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
    padding: 0;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td
    > div,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    > td
    > div,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr[dxbl-bottom-virtual-spacer-element]
    > td
    > div,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr[dxbl-top-virtual-spacer-element]
    > td
    > div {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td
    > div
    > div,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    > td
    > div
    > div,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr[dxbl-bottom-virtual-spacer-element]
    > td
    > div
    > div,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr[dxbl-top-virtual-spacer-element]
    > td
    > div
    > div {
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
    border-right-width: var(--dxbl-pivot-table-border-width);
    padding: 0.5em 1em;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td
    > div
    > div:last-child,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    > td
    > div
    > div:last-child,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr[dxbl-bottom-virtual-spacer-element]
    > td
    > div
    > div:last-child,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr[dxbl-top-virtual-spacer-element]
    > td
    > div
    > div:last-child {
    border-bottom-width: var(--dxbl-pivot-table-border-width);
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td
    > div
    > div:not(:first-child),
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    > td
    > div
    > div:not(:first-child),
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr[dxbl-bottom-virtual-spacer-element]
    > td
    > div
    > div:not(:first-child),
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr[dxbl-top-virtual-spacer-element]
    > td
    > div
    > div:not(:first-child) {
    border-top-width: var(--dxbl-pivot-table-border-width);
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td:last-child
    > div[dxbl-skeleton-items-container]
    > .dxbl-skeleton-item,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    > td:last-child
    > div[dxbl-skeleton-items-container]
    > .dxbl-skeleton-item,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr[dxbl-bottom-virtual-spacer-element]
    > td:last-child
    > div[dxbl-skeleton-items-container]
    > .dxbl-skeleton-item,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr[dxbl-top-virtual-spacer-element]
    > td:last-child
    > div[dxbl-skeleton-items-container]
    > .dxbl-skeleton-item {
    border-right-width: 0;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-bottom-virtual-spacer-element]
    > td,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr[dxbl-top-virtual-spacer-element]
    + tr:not([dxbl-top-virtual-spacer-element])
    > td,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr[dxbl-bottom-virtual-spacer-element]
    > td,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr[dxbl-top-virtual-spacer-element]
    + tr:not([dxbl-top-virtual-spacer-element])
    > td {
    border-top-width: 0;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr.dxbl-pivot-table-empty-row {
    height: 100%;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr.dxbl-pivot-table-empty-row
    > td {
    padding: 0;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr:has(+ .dxbl-pivot-table-empty-row)
    > td,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr:has(+ [dxbl-bottom-virtual-spacer-element])
    > td {
    border-bottom-width: 0;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > td:last-child {
    border-right-width: 0;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > tbody
    > tr
    > td.dxbl-pivot-table-last-vertical-cell {
    border-bottom-width: 0;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th.dxbl-pivot-table-area-data {
    border-width: 0;
    z-index: 4;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th.dxbl-pivot-table-area-column {
    padding-left: 0;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th.dxbl-pivot-table-area-column,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th.dxbl-pivot-table-last-horizontal-cell {
    border-right-width: 0;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th.dxbl-pivot-table-area-column,
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr
    > th.dxbl-pivot-table-area-data {
    vertical-align: top;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr.dxbl-pivot-table-area-row
    > th.dxbl-pivot-table-area-row-field {
    vertical-align: bottom;
    border-right-width: 0;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr.dxbl-pivot-table-area-row
    > th.dxbl-pivot-table-area-row-field
    > .dxbl-pivot-table-header-field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr.dxbl-pivot-table-area-row
    > th.dxbl-pivot-table-area-row-field
    > .dxbl-pivot-table-header-field
    > span {
    overflow: hidden;
    text-overflow: ellipsis;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr.dxbl-pivot-table-area-row
    > th.dxbl-pivot-table-area-row-field
    > .dxbl-pivot-table-header-field
    > svg {
    min-width: var(--dxbl-pivot-table-header-field-icon-min-width);
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr.dxbl-pivot-table-area-row
    > th.dxbl-pivot-table-area-row-field:has(
        + .dxbl-pivot-table-area-column-field
    ) {
    border-right-width: var(--dxbl-pivot-table-border-width);
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table
    > thead
    > tr.dxbl-pivot-table-area-row
    > th.dxbl-pivot-table-area-column-field {
    position: -webkit-sticky;
    position: sticky;
}
.dxbl-pivot-table
    > .dxbl-scroll-viewer
    > .dxbl-scroll-viewer-content
    > table:not(.dxbl-pivot-table-no-scroll)
    > tbody
    > tr.dxbl-pivot-table-empty-row {
    display: none;
}
.dxbl-pivot-table.dxbl-virtual-items-container-pattern.dxbl-pivot-table-virtual-items-container-table-pattern
    > div {
    border-color: var(--dxbl-pivot-table-border-color);
    border-style: var(--dxbl-pivot-table-border-style);
    border-spacing: 0;
    padding: 0.5em 1em;
    border-width: 0 var(--dxbl-pivot-table-border-width)
        var(--dxbl-pivot-table-border-width) 0;
}
.dxbl-pivot-table > .dxbl-pivot-table-area-filter {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    row-gap: var(--dxbl-pivot-table-header-field-row-gap);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--dxbl-pivot-table-bg);
    border-color: var(--dxbl-pivot-table-border-color);
    border-style: var(--dxbl-pivot-table-border-style);
    padding: var(--dxbl-pivot-table-cell-padding-y)
        var(--dxbl-pivot-table-cell-padding-x);
    border-width: 0 0 var(--dxbl-pivot-table-border-width) 0;
}
.dxbl-pivot-table
    > .dxbl-pivot-table-area-filter
    > .dxbl-pivot-table-header-field
    > span {
    margin-right: 0.25rem;
    white-space: nowrap;
}
.dxbl-pivot-table
    > .dxbl-pivot-table-area-filter
    > .dxbl-pivot-table-header-free-space {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.dxbl-pivot-table .dxbl-pivot-table-expand-button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.dxbl-pivot-table .dxbl-pivot-table-expand-button > span {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: var(--dxbl-pivot-table-expand-button-span-margin-left);
}
.dxbl-pivot-table .dxbl-pivot-table-expand-button > .dxbl-btn {
    --dxbl-btn-padding-x: var(--dxbl-pivot-table-expand-button-padding-x);
    --dxbl-btn-padding-y: var(--dxbl-pivot-table-expand-button-padding-y);
    border: 0;
    border-radius: var(--dxbl-pivot-table-round-border-radius);
}
.dxbl-pivot-table .dxbl-pivot-table-expand-button > .dxbl-btn > .dxbl-image {
    margin: 0;
}
.dxbl-pivot-table
    .dxbl-pivot-table-expand-button
    > .dxbl-btn:not(.dxbl-disabled):not(:disabled):hover {
    background-color: var(--dxbl-pivot-table-expand-button-hover-bg);
    color: var(--dxbl-pivot-table-expand-button-hover-color);
}
.dxbl-pivot-table .dxbl-pivot-table-header-field,
.dxbl-pivot-table-field-list-content .dxbl-pivot-table-header-field {
    --dxbl-pivot-table-header-field-width: usnet;
    --dxbl-pivot-table-header-field-border-radius: unset;
    border-radius: var(--dxbl-pivot-table-header-field-border-radius);
    width: var(--dxbl-pivot-table-header-field-width);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: unset;
    border-style: var(--dxbl-pivot-table-border-style);
    border-color: var(--dxbl-pivot-table-border-color);
    border-width: var(--dxbl-pivot-table-border-width);
    color: inherit !important;
    font-size: var(--dxbl-pivot-table-header-field-font-size);
    font-weight: var(--dxbl-pivot-table-header-field-font-weight);
    line-height: var(--dxbl-pivot-table-header-field-line-height);
    padding: var(--dxbl-pivot-table-header-field-padding-y)
        var(--dxbl-pivot-table-header-field-padding-x);
    margin-right: 0.25rem;
    text-decoration: none;
    cursor: default;
}
.dxbl-pivot-table .dxbl-pivot-table-header-field span:not(.dxbl-image),
.dxbl-pivot-table-field-list-content
    .dxbl-pivot-table-header-field
    span:not(.dxbl-image) {
    text-decoration: none;
}
.dxbl-pivot-table
    .dxbl-pivot-table-header-field
    > .dxbl-pivot-table-header-field-actions,
.dxbl-pivot-table-field-list-content
    .dxbl-pivot-table-header-field
    > .dxbl-pivot-table-header-field-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-pivot-table
    .dxbl-pivot-table-header-field
    > .dxbl-pivot-table-header-field-actions
    > .dxbl-btn,
.dxbl-pivot-table-field-list-content
    .dxbl-pivot-table-header-field
    > .dxbl-pivot-table-header-field-actions
    > .dxbl-btn {
    --dxbl-btn-padding-x: 0;
    --dxbl-btn-padding-y: 0;
    --dxbl-btn-border-width: 0;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.dxbl-pivot-table
    .dxbl-pivot-table-header-field
    > .dxbl-pivot-table-header-field-actions
    > .dxbl-btn
    > .dxbl-image,
.dxbl-pivot-table-field-list-content
    .dxbl-pivot-table-header-field
    > .dxbl-pivot-table-header-field-actions
    > .dxbl-btn
    > .dxbl-image {
    --dxbl-image-margin-y: 0;
}
.dxbl-pivot-table
    .dxbl-pivot-table-header-field
    > :not(:last-child, .dxbl-pivot-table-filter-menu-funnel-btn),
.dxbl-pivot-table-field-list-content
    .dxbl-pivot-table-header-field
    > :not(:last-child, .dxbl-pivot-table-filter-menu-funnel-btn) {
    margin-right: var(--dxbl-pivot-table-header-spacing);
}
.dxbl-pivot-table .dxbl-pivot-table-header-field[data-allow-drag],
.dxbl-pivot-table .dxbl-pivot-table-header-field[data-allow-sort],
.dxbl-pivot-table-field-list-content
    .dxbl-pivot-table-header-field[data-allow-drag],
.dxbl-pivot-table-field-list-content
    .dxbl-pivot-table-header-field[data-allow-sort] {
    cursor: pointer;
}
.dxbl-pivot-table
    .dxbl-pivot-table-header-field:not(.dxbl-disabled):not(:disabled):hover,
.dxbl-pivot-table-field-list-content
    .dxbl-pivot-table-header-field:not(.dxbl-disabled):not(:disabled):hover {
    border-style: var(--dxbl-pivot-table-border-style);
    border-color: var(--dxbl-pivot-table-border-color);
    border-width: var(--dxbl-pivot-table-border-width);
    border-radius: 0;
}
.dxbl-pivot-table .dxbl-pivot-table-header-field-not-actionable .dxbl-btn,
.dxbl-pivot-table-field-list-content
    .dxbl-pivot-table-header-field-not-actionable
    .dxbl-btn {
    cursor: default;
    text-decoration: none;
}
.dxbl-pivot-table .dxbl-btn.dxbl-pivot-table-filter-menu-funnel-btn,
.dxbl-pivot-table-field-list-content
    .dxbl-btn.dxbl-pivot-table-filter-menu-funnel-btn {
    --dxbl-btn-border-width: 0;
    --dxbl-pivot-table-header-spacing: 0;
    --dxbl-btn-focus-shadow-blur: 0;
    --dxbl-btn-focus-shadow-spread: 0;
    --dxbl-pivot-table-filter-menu-funnel-btn-margin-y: calc(
        var(--dxbl-pivot-table-cell-padding-y) * -1
    );
    --dxbl-pivot-table-filter-menu-funnel-btn-padding-subtraction: 0.625rem;
    padding: calc(
            var(--dxbl-pivot-table-cell-padding-y) -
                var(
                    --dxbl-pivot-table-filter-menu-funnel-btn-padding-subtraction
                )
        )
        calc(
            var(--dxbl-pivot-table-cell-padding-x) -
                var(
                    --dxbl-pivot-table-filter-menu-funnel-btn-padding-subtraction
                )
        );
}
.dxbl-pivot-table
    .dxbl-btn.dxbl-pivot-table-filter-menu-funnel-btn
    > .dxbl-image,
.dxbl-pivot-table-field-list-content
    .dxbl-btn.dxbl-pivot-table-filter-menu-funnel-btn
    > .dxbl-image {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.dxbl-pivot-table
    .dxbl-btn.dxbl-pivot-table-filter-menu-funnel-btn:not(.dxbl-disabled):not(
        :disabled
    ):hover,
.dxbl-pivot-table-field-list-content
    .dxbl-btn.dxbl-pivot-table-filter-menu-funnel-btn:not(.dxbl-disabled):not(
        :disabled
    ):hover {
    --dxbl-btn-hover-border-color: var(--dxbl-btn-active-border-color);
    --dxbl-btn-hover-background: var(--DS-color-surface-primary-subdued-rest);
    --dxbl-btn-hover-bg: var(--dxbl-btn-active-bg);
}
.dxbl-pivot-table
    .dxbl-btn.dxbl-pivot-table-filter-menu-funnel-btn.dxbl-pivot-table-filter-menu-funnel-btn-active,
.dxbl-pivot-table-field-list-content
    .dxbl-btn.dxbl-pivot-table-filter-menu-funnel-btn.dxbl-pivot-table-filter-menu-funnel-btn-active {
    --dxbl-btn-color: var(--dxbl-btn-active-color);
    --dxbl-btn-border-color: var(--dxbl-btn-active-border-color);
    --dxbl-btn-bg: var(--dxbl-btn-active-bg);
    background-image: var(--DS-color-surface-primary-subdued-rest);
}
.dxbl-pivot-table
    .dxbl-btn.dxbl-pivot-table-filter-menu-funnel-btn.dxbl-pivot-table-filter-menu-funnel-btn-filled,
.dxbl-pivot-table-field-list-content
    .dxbl-btn.dxbl-pivot-table-filter-menu-funnel-btn.dxbl-pivot-table-filter-menu-funnel-btn-filled {
    --dxbl-btn-hover-color: var(--DS-color-surface-primary-default-rest);
    --dxbl-btn-color: var(--DS-color-surface-primary-default-rest);
}
.dxbl-pivot-table .dxbl-pivot-table-header-field {
    --dxbl-pivot-table-header-field-width: fit-content;
    --dxbl-pivot-table-header-field-border-radius: var(--DS-border-radius-40);
}
.dxbl-pivot-table-field-list-content .dxbl-pivot-table-header-field {
    --dxbl-pivot-table-header-field-width: 100%;
    --dxbl-pivot-table-header-field-border-radius: 0;
}
.dxbl-pivot-table-draggable-header {
    --dxbl-pivot-table-draggable-header-field-bg: unset;
    --dxbl-pivot-table-draggable-header-border-color: var(
        --DS-color-border-neutral-default-rest
    );
    --dxbl-pivot-table-draggable-header-border-style: solid;
    --dxbl-pivot-table-draggable-header-border-width: var(--DS-border-width-10);
    --dxbl-pivot-table-draggable-header-field-color: inherit;
    --dxbl-pivot-table-draggable-header-spacing: 0.375rem;
    background-color: var(
        --dxbl-pivot-table-draggable-header-field-bg,
        inherit
    );
    border-style: var(--dxbl-pivot-table-draggable-header-border-style);
    border-color: var(--dxbl-pivot-table-draggable-header-border-color);
    border-width: var(--dxbl-pivot-table-draggable-header-border-width);
    border-radius: 0;
    color: var(--dxbl-pivot-table-draggable-header-field-color) !important;
    visibility: hidden;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    z-index: 20000;
    cursor: move;
    top: 0;
    left: 0;
    pointer-events: none;
}
.dxbl-pivot-table-draggable-header > .dxbl-pivot-table-header-field {
    --dxbl-pivot-table-header-field-width: usnet;
    --dxbl-pivot-table-header-field-border-radius: unset;
    border-radius: var(--dxbl-pivot-table-header-field-border-radius);
    width: var(--dxbl-pivot-table-header-field-width);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.dxbl-pivot-table-draggable-header
    > .dxbl-pivot-table-header-field
    span:not(.dxbl-image) {
    text-decoration: none;
}
.dxbl-pivot-table-draggable-header
    > .dxbl-pivot-table-header-field
    > .dxbl-pivot-table-header-field-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-pivot-table-draggable-header
    > .dxbl-pivot-table-header-field
    > .dxbl-pivot-table-header-field-actions
    > .dxbl-btn {
    --dxbl-btn-padding-x: 0;
    --dxbl-btn-padding-y: 0;
    --dxbl-btn-border-width: 0;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.dxbl-pivot-table-draggable-header
    > .dxbl-pivot-table-header-field
    > .dxbl-pivot-table-header-field-actions
    > .dxbl-btn
    > .dxbl-image {
    --dxbl-image-margin-y: 0;
}
.dxbl-pivot-table-draggable-header
    > .dxbl-pivot-table-header-field
    > :not(:last-child, .dxbl-pivot-table-filter-menu-funnel-btn) {
    margin-right: var(--dxbl-pivot-table-draggable-header-spacing);
}
.dxbl-pivot-table-draggable-header
    > .dxbl-pivot-table-header-field
    > .dxbl-pivot-table-header-content {
    width: 100%;
}
.dxbl-pivot-table-draggable-header
    > .dxbl-pivot-table-header-field
    > .dxbl-pivot-table-header-content
    > span {
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: normal;
}
.dxbl-pivot-table-draggable-header::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: move;
}
.dxbl-pivot-table-dragging-down-target,
.dxbl-pivot-table-dragging-up-target {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    z-index: 19999;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    top: 0;
    left: 0;
    pointer-events: none;
}
.dxbl-pivot-table-move-cursor,
.dxbl-pivot-table-move-cursor *,
.dxbl-pivot-table-move-cursor a:hover {
    cursor: move !important;
}
.dxbl-pivot-table-not-allowed-cursor,
.dxbl-pivot-table-not-allowed-cursor *,
.dxbl-pivot-table-not-allowed-cursor a:hover {
    cursor: not-allowed !important;
}
.dxbl-dropdown.dxbl-sm.dxbl-pivot-table-filter-menu-dropdown-root {
    --dxbl-pivot-table-filter-menu-dropdown-min-width: 280px;
    --dxbl-pivot-table-filter-menu-dropdown-min-height: 130px;
    --dxbl-pivot-table-filter-menu-dropdown-width: 280px;
    --dxbl-pivot-table-filter-menu-dropdown-height: auto;
}
.dxbl-dropdown.dxbl-sm > .dxbl-pivot-table-filter-menu-dropdown {
    --dxbl-pivot-table-filter-menu-dropdown-list-box-height: 292px;
    --dxbl-pivot-table-filter-menu-dropdown-treeview-height: 292px;
    --dxbl-pivot-table-filter-menu-dropdown-footer-btn-width: 128px;
    --dxbl-pivot-table-filter-menu-dropdown-footer-btn-space: 0.375rem;
    --dxbl-pivot-table-filter-menu-dropdown-padding-y: 0.75rem;
}
.dxbl-dropdown.dxbl-sm
    > .dxbl-pivot-table-filter-menu-dropdown
    > .dxbl-dropdown-body {
    --dxbl-dropdown-body-padding-y: 0.5rem;
    --dxbl-pivot-table-filter-menu-values-view-select-all-check-padding-x: var(
        --DS-sizing-40
    );
    --dxbl-pivot-table-filter-menu-values-view-select-all-check-padding-y: calc(
        var(--DS-sizing-20) + var(--DS-border-width-20)
    );
}
.dxbl-dropdown.dxbl-sm
    > .dxbl-pivot-table-filter-menu-dropdown
    > .dxbl-dropdown-body
    .dxbl-pivot-table-filter-menu-values-view
    .dxbl-checkbox {
    --dxbl-pivot-table-filter-menu-values-view-select-all-check-padding-x: var(
        --DS-sizing-40
    );
    --dxbl-pivot-table-filter-menu-values-view-select-all-check-padding-y: calc(
        var(--DS-sizing-20) + var(--DS-border-width-20)
    );
}
.dxbl-dropdown.dxbl-sm
    > .dxbl-pivot-table-filter-menu-dropdown
    > .dxbl-dropdown-body
    .dxbl-pivot-table-filter-menu-values-view
    .dxbl-checkbox
    label.dxbl-text {
    --dxbl-checkbox-spacing: var(--DS-sizing-40);
}
.dxbl-dropdown.dxbl-lg.dxbl-pivot-table-filter-menu-dropdown-root {
    --dxbl-pivot-table-filter-menu-dropdown-min-width: 360px;
    --dxbl-pivot-table-filter-menu-dropdown-min-height: 200px;
    --dxbl-pivot-table-filter-menu-dropdown-width: 360px;
    --dxbl-pivot-table-filter-menu-dropdown-height: auto;
}
.dxbl-dropdown.dxbl-lg > .dxbl-pivot-table-filter-menu-dropdown {
    --dxbl-pivot-table-filter-menu-dropdown-list-box-height: 382px;
    --dxbl-pivot-table-filter-menu-dropdown-treeview-height: 382px;
    --dxbl-pivot-table-filter-menu-dropdown-footer-btn-width: 158px;
    --dxbl-pivot-table-filter-menu-dropdown-footer-btn-space: 0.625rem;
    --dxbl-pivot-table-filter-menu-dropdown-padding-y: 1.25rem;
}
.dxbl-dropdown.dxbl-lg
    > .dxbl-pivot-table-filter-menu-dropdown
    > .dxbl-dropdown-body {
    --dxbl-dropdown-body-padding-y: 1rem;
    --dxbl-pivot-table-filter-menu-values-view-select-all-check-padding-x: var(
        --DS-sizing-80
    );
    --dxbl-pivot-table-filter-menu-values-view-select-all-check-padding-y: calc(
        var(--DS-sizing-60) + var(--DS-sizing-10) + var(--DS-border-width-20)
    );
}
.dxbl-dropdown.dxbl-lg
    > .dxbl-pivot-table-filter-menu-dropdown
    > .dxbl-dropdown-body
    .dxbl-pivot-table-filter-menu-values-view
    .dxbl-checkbox {
    --dxbl-pivot-table-filter-menu-values-view-select-all-check-padding-x: var(
        --DS-sizing-80
    );
    --dxbl-pivot-table-filter-menu-values-view-select-all-check-padding-y: calc(
        var(--DS-sizing-60) + var(--DS-sizing-10) + var(--DS-border-width-20)
    );
}
.dxbl-dropdown.dxbl-lg
    > .dxbl-pivot-table-filter-menu-dropdown
    > .dxbl-dropdown-body
    .dxbl-pivot-table-filter-menu-values-view
    .dxbl-checkbox
    label.dxbl-text {
    --dxbl-checkbox-spacing: var(--DS-sizing-80);
}
.dxbl-pivot-table-filter-menu-dropdown-root {
    --dxbl-pivot-table-filter-menu-dropdown-max-width: none;
    --dxbl-pivot-table-filter-menu-dropdown-max-height: none;
    --dxbl-pivot-table-filter-menu-dropdown-min-width: 320px;
    --dxbl-pivot-table-filter-menu-dropdown-min-height: 165px;
    --dxbl-pivot-table-filter-menu-dropdown-width: 320px;
    --dxbl-pivot-table-filter-menu-dropdown-height: auto;
}
.dxbl-pivot-table-filter-menu-dropdown-custom-size
    .dxbl-pivot-table-filter-menu-dropdown
    > .dxbl-dropdown-body {
    --dxbl-pivot-table-filter-menu-dropdown-list-box-height: fit-content;
    --dxbl-pivot-table-filter-menu-dropdown-treeview-height: fit-content;
    --dxbl-pivot-table-filter-menu-dropdown-loading-panel-height: 100%;
}
.dxbl-pivot-table-filter-menu-dropdown-custom-size
    .dxbl-pivot-table-filter-menu-dropdown
    > .dxbl-dropdown-body
    > .dxbl-pivot-table-filter-menu-values-view
    > .dxbl-treeview {
    display: contents;
}
.dxbl-pivot-table-filter-menu-dropdown {
    --dxbl-dropdown-header-bg: var(--dxbl-dropdown-body-bg);
    --dxbl-dropdown-footer-bg: var(--dxbl-dropdown-body-bg);
    --dxbl-pivot-table-filter-menu-dropdown-list-box-height: 327px;
    --dxbl-pivot-table-filter-menu-dropdown-treeview-height: 327px;
    --dxbl-pivot-table-filter-menu-dropdown-footer-btn-width: 143px;
    --dxbl-pivot-table-filter-menu-dropdown-footer-btn-space: 0.5rem;
    --dxbl-pivot-table-filter-menu-dropdown-padding-y: 1rem;
}
.dxbl-pivot-table-filter-menu-dropdown > .dxbl-dropdown-body {
    --dxbl-dropdown-body-padding-y: 0.75rem;
    --dxbl-dropdown-body-align-items: stretch;
    --dxbl-dropdown-body-overflow-y: hidden;
    --dxbl-dropdown-body-padding-top: calc(
        var(--dxbl-dropdown-body-padding-x) - 0.25rem
    );
    --dxbl-dropdown-body-padding-bottom: calc(
        var(--dxbl-dropdown-body-padding-x) - 0.25rem
    );
}
.dxbl-pivot-table-filter-menu-dropdown
    > .dxbl-dropdown-body
    > .dxbl-pivot-table-filter-menu-values-view {
    display: contents;
}
.dxbl-pivot-table-filter-menu-dropdown
    > .dxbl-dropdown-body
    > .dxbl-pivot-table-filter-menu-values-view
    > .dxbl-checkbox {
    --dxbl-pivot-table-filter-menu-values-view-select-all-check-padding-x: var(
        --DS-sizing-60
    );
    --dxbl-pivot-table-filter-menu-values-view-select-all-check-padding-y: calc(
        var(--DS-sizing-40) + var(--DS-border-width-20)
    );
    padding: var(
            --dxbl-pivot-table-filter-menu-values-view-select-all-check-padding-y
        )
        var(
            --dxbl-pivot-table-filter-menu-values-view-select-all-check-padding-x
        );
    border-left: var(--DS-border-width-20) solid transparent;
    border-right: none;
    border-bottom: var(--DS-border-width-10) solid
        var(--DS-color-border-neutral-default-rest);
}
.dxbl-pivot-table-filter-menu-dropdown
    > .dxbl-dropdown-body
    > .dxbl-pivot-table-filter-menu-values-view
    > .dxbl-checkbox
    label.dxbl-text {
    --dxbl-checkbox-spacing: var(--DS-sizing-60);
}
.dxbl-pivot-table-filter-menu-dropdown
    > .dxbl-dropdown-body
    > .dxbl-pivot-table-filter-menu-values-view
    > .dxbl-list-box,
.dxbl-pivot-table-filter-menu-dropdown
    > .dxbl-dropdown-body
    > .dxbl-pivot-table-filter-menu-values-view
    > .dxbl-listbox {
    height: var(--dxbl-pivot-table-filter-menu-dropdown-list-box-height);
    overflow-x: hidden;
}
.dxbl-pivot-table-filter-menu-dropdown
    > .dxbl-dropdown-body
    > .dxbl-pivot-table-filter-menu-values-view
    > .dxbl-treeview {
    --dxbl-treeview-spacing-x: 0;
    height: var(--dxbl-pivot-table-filter-menu-dropdown-treeview-height);
}
.dxbl-pivot-table-filter-menu-dropdown > .dxbl-dropdown-body .dxbl-list-box,
.dxbl-pivot-table-filter-menu-dropdown > .dxbl-dropdown-body .dxbl-listbox {
    --dxbl-list-box-border-radius: unset;
    border: none;
}
.dxbl-pivot-table-filter-menu-dropdown > .dxbl-dropdown-footer,
.dxbl-pivot-table-filter-menu-dropdown > .dxbl-dropdown-header {
    --dxbl-dropdown-border-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-pivot-table-filter-menu-dropdown > .dxbl-dropdown-header {
    --dxbl-dropdown-header-padding-top: var(
        --dxbl-pivot-table-filter-menu-dropdown-padding-y
    );
    --dxbl-dropdown-header-padding-bottom: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.dxbl-pivot-table-filter-menu-dropdown > .dxbl-dropdown-footer {
    --dxbl-dropdown-footer-padding-top: 0;
    --dxbl-dropdown-footer-padding-bottom: var(
        --dxbl-pivot-table-filter-menu-dropdown-padding-y
    );
    --dxbl-dropdown-footer-flex-wrap: nowrap;
}
.dxbl-pivot-table-filter-menu-dropdown > .dxbl-dropdown-footer > .dxbl-btn {
    -webkit-flex-basis: var(
        --dxbl-pivot-table-filter-menu-dropdown-footer-btn-width
    );
    -ms-flex-preferred-size: var(
        --dxbl-pivot-table-filter-menu-dropdown-footer-btn-width
    );
    flex-basis: var(--dxbl-pivot-table-filter-menu-dropdown-footer-btn-width);
}
.dxbl-pivot-table-filter-menu-dropdown
    > .dxbl-dropdown-footer
    > .dxbl-btn:last-child {
    margin-left: var(--dxbl-pivot-table-filter-menu-dropdown-footer-btn-space);
}
.dxbl-pivot-table-filter-menu-funnel-btn {
    border-width: 0;
    cursor: pointer !important;
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup.dxbl-pivot-table-field-list {
    --dxbl-popup-margin: 0;
}
.dxbl-window:has(.dxbl-pivot-table-field-list) {
    --dxbl-pivot-table-field-list-max-height: 1000px;
    --dxbl-pivot-table-field-list-max-width: 800px;
    --dxbl-pivot-table-field-list-min-height: 600px;
    --dxbl-pivot-table-field-list-min-width: 500px;
    --dxbl-pivot-table-field-list-list-height: calc(
        var(--DS-sizing-200) * 4 + var(--DS-sizing-40) * 8 +
            var(--DS-border-width-20) * 8 + 2 * var(--DS-border-width-10)
    );
}
.dxbl-window:has(.dxbl-pivot-table-field-list).dxbl-sm {
    --dxbl-pivot-table-field-list-list-height: calc(
        var(--DS-sizing-160) * 4 + var(--DS-sizing-20) * 8 +
            var(--DS-border-width-20) * 8 + 2 * var(--DS-border-width-10)
    );
}
.dxbl-window:has(.dxbl-pivot-table-field-list).dxbl-lg {
    --dxbl-pivot-table-field-list-list-height: calc(
        var(--DS-sizing-240) * 4 +
            calc(var(--DS-sizing-60) + var(--DS-sizing-10)) * 8 +
            var(--DS-border-width-20) * 8 + 2 * var(--DS-border-width-10)
    );
}
.dxbl-pivot-table-field-list {
    --dxbl-pivot-table-field-list-list-caption-padding: 0.75rem;
    --dxbl-pivot-table-field-list-list-caption-spacing: var(--DS-sizing-20);
}
.dxbl-pivot-table-field-list .dxbl-pivot-table-field-list-content {
    width: 100%;
    height: 100%;
}
.dxbl-pivot-table-field-list
    .dxbl-pivot-table-field-list-content
    .dxbl-pivot-table-header-field {
    --dxbl-pivot-table-header-field-width: 100%;
}
.dxbl-pivot-table-field-list .dxbl-pivot-table-field-list-footer-content {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.dxbl-pivot-table-field-list .dxbl-pivot-table-field-list-container {
    height: var(--dxbl-pivot-table-field-list-list-height);
}
.dxbl-pivot-table-field-list
    .dxbl-pivot-table-field-list-container
    li
    .dxbl-pivot-table-header-field
    > .dxbl-pivot-table-header-field-actions
    > .dxbl-btn {
    display: none !important;
}
.dxbl-pivot-table-field-list
    .dxbl-pivot-table-field-list-container
    li
    .dxbl-pivot-table-header-field
    > .dxbl-pivot-table-header-field-actions
    .dxbl-pivot-table-filter-menu-funnel-btn-active,
.dxbl-pivot-table-field-list
    .dxbl-pivot-table-field-list-container
    li
    .dxbl-pivot-table-header-field
    > .dxbl-pivot-table-header-field-actions
    .dxbl-pivot-table-filter-menu-funnel-btn-filled,
.dxbl-pivot-table-field-list
    .dxbl-pivot-table-field-list-container
    li
    .dxbl-pivot-table-header-field
    > .dxbl-pivot-table-header-field-actions
    > .dxbl-pivot-table-sort-btn-direction-changed {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.dxbl-pivot-table-field-list
    .dxbl-pivot-table-field-list-container
    li:hover
    .dxbl-pivot-table-header-field
    > .dxbl-pivot-table-header-field-actions
    > .dxbl-btn {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.dxbl-pivot-table-field-list
    .dxbl-pivot-table-field-list-container-caption-template-container {
    padding: var(--dxbl-pivot-table-field-list-list-caption-padding) 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--dxbl-window-color);
}
.dxbl-pivot-table-field-list
    .dxbl-pivot-table-field-list-container-caption-template-container
    > span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: var(--dxbl-pivot-table-field-list-list-caption-spacing);
}
.dx-theme-marker {
    font-family: "dx.any";
}
dxbl-polar-chart {
    --dxbl-polar-chart-container-background-color: var(
        --DS-color-surface-neutral-default-rest
    );
}
dxbl-sparkline {
    --dxbl-sparkline-point-color: var(--DS-color-surface-neutral-default-rest);
}
.dxbl-blazor-colorpicker {
    padding: 0.5rem;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.dxbl-blazor-colorpicker .dxbl-blazor-colorpicker-custom-color-area {
    margin-top: 0.5rem;
}
.dxbl-blazor-colorpicker-automatic-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0.5rem;
    cursor: pointer;
}
.dxbl-blazor-colorpicker-automatic-container .dxbl-blazor-colorpicker-cell {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.dxbl-blazor-colorpicker-automatic-caption {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dxbl-blazor-colorpicker-table {
    margin-top: 0.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.dxbl-blazor-colorpicker-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-blazor-colorpicker-row:not(:last-child) {
    margin-bottom: 0.25rem;
}
.dxbl-blazor-colorpicker-cell {
    height: 1.5rem;
    width: 1.5rem;
    cursor: pointer;
    border: 1px solid var(--DS-color-border-neutral-default-rest);
}
.dxbl-blazor-colorpicker-cell:not(:last-child) {
    margin-right: 0.25rem;
}
.dxbl-blazor-colorpicker-cell.dxbl-blazor-colorpicker-selected-color {
    outline: 2px solid var(--DS-color-content-primary-default-rest);
    outline-offset: -1px;
}
.dxbl-blazor-colorpicker-cell:hover {
    outline: 2px solid var(--DS-color-content-primary-default-rest);
    outline-offset: -1px;
}
.dxbl-blazor-colorpicker-pallete {
    width: 12.5rem;
    height: 12.5rem;
    position: relative;
    cursor: crosshair;
}
.dxbl-blazor-colorpicker-pallete-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.dxbl-blazor-colorpicker-pallete-gradient-white {
    background-repeat: no-repeat;
    background-image: -webkit-gradient(
        linear,
        right top,
        left top,
        from(rgba(255, 255, 255, 0)),
        to(#fff)
    );
    background-image: -webkit-linear-gradient(
        right,
        rgba(255, 255, 255, 0),
        #fff
    );
    background-image: -o-linear-gradient(right, rgba(255, 255, 255, 0), #fff);
    background-image: linear-gradient(270deg, rgba(255, 255, 255, 0), #fff);
}
.dxbl-blazor-colorpicker-pallete-gradient-black {
    background-repeat: no-repeat;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 0, 0, 0)),
        to(#000)
    );
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), #000);
}
.dxbl-blazor-colorpicker-hue-scale-wrapper {
    height: 12.5rem;
    width: 1.75rem;
    margin-left: 0.5rem;
    position: relative;
}
.dxbl-blazor-colorpicker-hue-scale {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, red),
        color-stop(17%, #ff0),
        color-stop(33%, #0f0),
        color-stop(50%, #0ff),
        color-stop(67%, #00f),
        color-stop(83%, #f0f),
        to(red)
    );
    background-image: -webkit-linear-gradient(
        bottom,
        red 0,
        #ff0 17%,
        #0f0 33%,
        #0ff 50%,
        #00f 67%,
        #f0f 83%,
        red 100%
    );
    background-image: -o-linear-gradient(
        bottom,
        red 0,
        #ff0 17%,
        #0f0 33%,
        #0ff 50%,
        #00f 67%,
        #f0f 83%,
        red 100%
    );
    background-image: linear-gradient(
        0deg,
        red 0,
        #ff0 17%,
        #0f0 33%,
        #0ff 50%,
        #00f 67%,
        #f0f 83%,
        red 100%
    );
}
.dxbl-blazor-colorpicker-custom-color {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-blazor-colorpicker-hue-selection-rect {
    position: absolute;
    width: 100%;
    left: 0;
    height: 0.65rem;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
    border: 2px solid #fff;
    z-index: 1;
}
.dxbl-blazor-colorpicker-color-selection {
    position: absolute;
    width: 1rem;
    height: 1rem;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
    border: 2px solid #fff;
    border-radius: 50%;
    z-index: 1;
}
.dxbl-blazor-colorpicker-editors-container {
    padding-top: 0.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.dxbl-blazor-colorpicker-btn-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 0.5rem;
}
.dxbl-filter-builder {
    --dxbl-filter-builder-bg: var(--DS-color-surface-neutral-default-rest);
    --dxbl-filter-builder-color: var(--DS-color-content-neutral-default-rest);
    --dxbl-filter-builder-font-family: var(--DS-font-family-sans-serif);
    --dxbl-filter-builder-node-gap: var(--DS-sizing-40);
    --dxbl-filter-builder-treeview-group-padding-y: var(--DS-sizing-120);
    --dxbl-filter-builder-treeview-item-padding-y: var(--DS-sizing-60);
    --dxbl-filter-builder-group-btn-bg: var(
        --DS-color-surface-primary-subdued-selected
    );
    --dxbl-filter-builder-group-btn-hover-bg: var(
        --DS-color-surface-primary-subdued-hovered
    );
    --dxbl-filter-builder-group-btn-selected-bg: var(
        --DS-color-surface-primary-subdued-pressed
    );
    --dxbl-filter-builder-group-btn-active-bg: var(
        --DS-color-surface-primary-subdued-rest
    );
    --dxbl-filter-builder-property-btn-bg: var(
        --DS-color-surface-warning-subdued-selected
    );
    --dxbl-filter-builder-property-btn-hover-bg: var(
        --DS-color-surface-warning-subdued-hovered
    );
    --dxbl-filter-builder-property-btn-selected-bg: var(
        --DS-color-surface-warning-subdued-pressed
    );
    --dxbl-filter-builder-property-btn-active-bg: var(
        --DS-color-surface-warning-subdued-rest
    );
    --dxbl-filter-builder-operation-btn-bg: var(
        --DS-color-surface-info-subdued-selected
    );
    --dxbl-filter-builder-operation-btn-hover-bg: var(
        --DS-color-surface-info-subdued-hovered
    );
    --dxbl-filter-builder-operation-btn-selected-bg: var(
        --DS-color-surface-info-subdued-pressed
    );
    --dxbl-filter-builder-operation-btn-active-bg: var(
        --DS-color-surface-info-subdued-rest
    );
    --dxbl-filter-builder-value-btn-bg: var(
        --DS-color-surface-success-subdued-selected
    );
    --dxbl-filter-builder-value-btn-hover-bg: var(
        --DS-color-surface-success-subdued-hovered
    );
    --dxbl-filter-builder-value-btn-selected-bg: var(
        --DS-color-surface-success-subdued-pressed
    );
    --dxbl-filter-builder-value-btn-active-bg: var(
        --DS-color-surface-success-subdued-rest
    );
    --dxbl-filter-builder-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-filter-builder-font-size-m: var(--DS-font-size-body-1);
    --dxbl-filter-builder-font-size-l: var(--DS-font-size-body-2);
    --dxbl-filter-builder-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-filter-builder-line-height-m: var(--DS-line-height-body-1);
    --dxbl-filter-builder-line-height-l: var(--DS-line-height-body-2);
    --dxbl-filter-builder-extra-btn-padding-s: var(--DS-sizing-30);
    --dxbl-filter-builder-extra-btn-padding-m: var(--DS-sizing-50);
    --dxbl-filter-builder-extra-btn-padding-l: var(--DS-sizing-70);
}
.dxbl-filter-builder {
    color: var(--dxbl-filter-builder-color);
    font-family: var(--dxbl-filter-builder-font-family);
    font-size: var(--dxbl-filter-builder-font-size);
    line-height: var(--dxbl-filter-builder-line-height);
    background-color: var(--dxbl-filter-builder-bg);
}
.dxbl-filter-builder .dxbl-filter-builder-treeview {
    padding: 0;
}
.dxbl-filter-builder
    .dxbl-filter-builder-treeview
    .dxbl-filter-builder-treeview-item {
    padding-top: var(--dxbl-filter-builder-treeview-item-padding-y);
}
.dxbl-filter-builder
    .dxbl-filter-builder-treeview
    .dxbl-filter-builder-treeview-group {
    padding-top: var(--dxbl-filter-builder-treeview-group-padding-y);
}
.dxbl-filter-builder
    .dxbl-filter-builder-treeview
    .dxbl-filter-builder-treeview-root {
    padding: 0;
}
.dxbl-filter-builder
    .dxbl-filter-builder-treeview
    .dxbl-filter-builder-treeview-group
    + .dxbl-filter-builder-treeview-item {
    padding-top: var(--dxbl-filter-builder-treeview-group-padding-y);
}
.dxbl-filter-builder .dxbl-filter-builder-treeview .dxbl-filter-builder-node {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: var(--dxbl-filter-builder-node-gap);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.dxbl-filter-builder
    .dxbl-filter-builder-treeview
    .dxbl-filter-builder-node
    .dxbl-btn {
    --dxbl-btn-color: var(--dxbl-filter-builder-color);
    --dxbl-btn-hover-color: var(--dxbl-filter-builder-color);
    --dxbl-btn-active-color: var(--dxbl-filter-builder-color);
}
.dxbl-filter-builder
    .dxbl-filter-builder-treeview
    .dxbl-filter-builder-node
    .dxbl-filter-builder-node-value-input {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.dxbl-filter-builder
    .dxbl-filter-builder-treeview
    .dxbl-filter-builder-node
    .dxbl-filter-builder-node-extra-btn {
    padding: var(--dxbl-filter-builder-extra-btn-padding);
}
.dxbl-filter-builder .dxbl-scroll-viewer {
    overflow: visible;
}
.dxbl-filter-builder .dxbl-scroll-viewer > .dxbl-scroll-viewer-content {
    overflow: visible;
}
.dxbl-filter-builder {
    --dxbl-filter-builder-font-size: var(--dxbl-filter-builder-font-size-m);
    --dxbl-filter-builder-line-height: var(--dxbl-filter-builder-line-height-m);
    --dxbl-filter-builder-extra-btn-padding: var(
        --dxbl-filter-builder-extra-btn-padding-m
    );
}
.dxbl-filter-builder.dxbl-sm {
    --dxbl-filter-builder-font-size: var(--dxbl-filter-builder-font-size-s);
    --dxbl-filter-builder-line-height: var(--dxbl-filter-builder-line-height-s);
    --dxbl-filter-builder-extra-btn-padding: var(
        --dxbl-filter-builder-extra-btn-padding-s
    );
}
.dxbl-filter-builder.dxbl-lg {
    --dxbl-filter-builder-font-size: var(--dxbl-filter-builder-font-size-l);
    --dxbl-filter-builder-line-height: var(--dxbl-filter-builder-line-height-l);
    --dxbl-filter-builder-extra-btn-padding: var(
        --dxbl-filter-builder-extra-btn-padding-l
    );
}
.dxbl-filter-builder .dxbl-filter-builder-node-group-btn.dxbl-btn {
    --dxbl-btn-bg: var(--dxbl-filter-builder-group-btn-bg);
    --dxbl-btn-hover-bg: var(--dxbl-filter-builder-group-btn-hover-bg);
    --dxbl-btn-active-bg: var(--dxbl-filter-builder-group-btn-selected-bg);
}
.dxbl-filter-builder .dxbl-filter-builder-node-group-btn.dxbl-btn.dxbl-active {
    --dxbl-btn-active-bg: var(--dxbl-filter-builder-group-btn-active-bg);
}
.dxbl-filter-builder .dxbl-filter-builder-node-property-btn.dxbl-btn {
    --dxbl-btn-bg: var(--dxbl-filter-builder-property-btn-bg);
    --dxbl-btn-hover-bg: var(--dxbl-filter-builder-property-btn-hover-bg);
    --dxbl-btn-active-bg: var(--dxbl-filter-builder-property-btn-selected-bg);
}
.dxbl-filter-builder
    .dxbl-filter-builder-node-property-btn.dxbl-btn.dxbl-active {
    --dxbl-btn-active-bg: var(--dxbl-filter-builder-property-btn-active-bg);
}
.dxbl-filter-builder .dxbl-filter-builder-node-operation-btn.dxbl-btn {
    --dxbl-btn-bg: var(--dxbl-filter-builder-operation-btn-bg);
    --dxbl-btn-hover-bg: var(--dxbl-filter-builder-operation-btn-hover-bg);
    --dxbl-btn-active-bg: var(--dxbl-filter-builder-operation-btn-selected-bg);
}
.dxbl-filter-builder
    .dxbl-filter-builder-node-operation-btn.dxbl-btn.dxbl-active {
    --dxbl-btn-active-bg: var(--dxbl-filter-builder-operation-btn-active-bg);
}
.dxbl-filter-builder .dxbl-filter-builder-node-value-btn.dxbl-btn {
    --dxbl-btn-bg: var(--dxbl-filter-builder-value-btn-bg);
    --dxbl-btn-hover-bg: var(--dxbl-filter-builder-value-btn-hover-bg);
    --dxbl-btn-active-bg: var(--dxbl-filter-builder-value-btn-selected-bg);
}
.dxbl-filter-builder .dxbl-filter-builder-node-value-btn.dxbl-btn.dxbl-active {
    --dxbl-btn-active-bg: var(--dxbl-filter-builder-value-btn-active-bg);
}
.dxbl-dropdown {
    --dxbl-filter-builder-dropdown-treeview-left-spacing: var(--DS-sizing-40);
    --dxbl-filter-builder-dropdown-list-box-max-height-s: 13.375rem;
    --dxbl-filter-builder-dropdown-list-box-max-height-m: 17.375rem;
    --dxbl-filter-builder-dropdown-list-box-max-height-l: 21.375rem;
    --dxbl-filter-builder-dropdown-treeview-max-height-s: 16.625rem;
    --dxbl-filter-builder-dropdown-treeview-max-height-m: 21.625rem;
    --dxbl-filter-builder-dropdown-treeview-max-height-l: 26.625rem;
    --dxbl-filter-builder-dropdown-treeview-text-max-width-s: 200px;
    --dxbl-filter-builder-dropdown-treeview-text-max-width-m: 200px;
    --dxbl-filter-builder-dropdown-treeview-text-max-width-l: 220px;
}
.dxbl-dropdown .dxbl-filter-builder-dropdown-treeview {
    padding-left: var(--dxbl-filter-builder-dropdown-treeview-left-spacing);
}
.dxbl-dropdown .dxbl-filter-builder-dropdown-treeview .dxbl-treeview-container {
    max-height: var(--dxbl-filter-builder-dropdown-treeview-max-height);
}
.dxbl-dropdown
    .dxbl-filter-builder-dropdown-treeview.dxbl-filter-builder-dropdown-treeview-no-indent
    .dxbl-treeview
    .dxbl-treeview-item
    .dxbl-btn.dxbl-invisible {
    display: none;
}
.dxbl-dropdown
    .dxbl-filter-builder-dropdown-treeview
    .dxbl-treeview-item-text-container.dxbl-text {
    max-width: var(--dxbl-filter-builder-dropdown-treeview-text-max-width);
}
.dxbl-dropdown .dxbl-filter-builder-dropdown-list-box .dxbl-list-box {
    height: 100%;
    max-height: var(--dxbl-filter-builder-dropdown-list-box-max-height);
}
.dxbl-dropdown {
    --dxbl-filter-builder-dropdown-treeview-max-height: var(
        --dxbl-filter-builder-dropdown-treeview-max-height-m
    );
    --dxbl-filter-builder-dropdown-treeview-text-max-width: var(
        --dxbl-filter-builder-dropdown-treeview-text-max-width-m
    );
    --dxbl-filter-builder-dropdown-list-box-max-height: var(
        --dxbl-filter-builder-dropdown-list-box-max-height-m
    );
}
.dxbl-dropdown.dxbl-sm {
    --dxbl-filter-builder-dropdown-treeview-max-height: var(
        --dxbl-filter-builder-dropdown-treeview-max-height-s
    );
    --dxbl-filter-builder-dropdown-treeview-text-max-width: var(
        --dxbl-filter-builder-dropdown-treeview-text-max-width-s
    );
    --dxbl-filter-builder-dropdown-list-box-max-height: var(
        --dxbl-filter-builder-dropdown-list-box-max-height-s
    );
}
.dxbl-dropdown.dxbl-lg {
    --dxbl-filter-builder-dropdown-treeview-max-height: var(
        --dxbl-filter-builder-dropdown-treeview-max-height-l
    );
    --dxbl-filter-builder-dropdown-treeview-text-max-width: var(
        --dxbl-filter-builder-dropdown-treeview-text-max-width-l
    );
    --dxbl-filter-builder-dropdown-list-box-max-height: var(
        --dxbl-filter-builder-dropdown-list-box-max-height-l
    );
}
.dxbl-toast-portal .dxbl-toast {
    --dxbl-toast-auto-primary-background-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-toast-auto-primary-icon-color: var(
        --DS-color-surface-primary-default-rest
    );
    --dxbl-toast-auto-info-background-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-toast-auto-info-icon-color: var(
        --DS-color-surface-info-default-rest
    );
    --dxbl-toast-auto-success-background-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-toast-auto-success-icon-color: var(
        --DS-color-surface-success-default-rest
    );
    --dxbl-toast-auto-warning-background-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-toast-auto-warning-icon-color: var(
        --DS-color-surface-warning-default-rest
    );
    --dxbl-toast-auto-danger-background-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-toast-auto-danger-icon-color: var(
        --DS-color-surface-danger-default-rest
    );
    --dxbl-toast-light-primary-background-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-toast-light-primary-icon-color: var(
        --DS-color-surface-primary-default-rest
    );
    --dxbl-toast-light-info-background-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-toast-light-info-icon-color: var(
        --DS-color-surface-info-default-rest
    );
    --dxbl-toast-light-success-background-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-toast-light-success-icon-color: var(
        --DS-color-surface-success-default-rest
    );
    --dxbl-toast-light-warning-background-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-toast-light-warning-icon-color: var(
        --DS-color-surface-warning-default-rest
    );
    --dxbl-toast-light-danger-background-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-toast-light-danger-icon-color: var(
        --DS-color-surface-danger-default-rest
    );
    --dxbl-toast-dark-primary-background-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-toast-dark-primary-icon-color: var(
        --DS-color-surface-primary-default-rest
    );
    --dxbl-toast-dark-info-background-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-toast-dark-info-icon-color: var(
        --DS-color-surface-info-default-rest
    );
    --dxbl-toast-dark-success-background-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-toast-dark-success-icon-color: var(
        --DS-color-surface-success-default-rest
    );
    --dxbl-toast-dark-warning-background-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-toast-dark-warning-icon-color: var(
        --DS-color-surface-warning-default-rest
    );
    --dxbl-toast-dark-danger-background-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-toast-dark-danger-icon-color: var(
        --DS-color-surface-danger-default-rest
    );
    --dxbl-toast-saturated-primary-background-color: var(
        --DS-color-surface-primary-default-rest
    );
    --dxbl-toast-saturated-primary-icon-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-toast-saturated-info-background-color: var(
        --DS-color-surface-info-default-rest
    );
    --dxbl-toast-saturated-info-icon-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-toast-saturated-success-background-color: var(
        --DS-color-surface-success-default-rest
    );
    --dxbl-toast-saturated-success-icon-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-toast-saturated-warning-background-color: var(
        --DS-color-surface-warning-default-rest
    );
    --dxbl-toast-saturated-warning-icon-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-toast-saturated-danger-background-color: var(
        --DS-color-surface-danger-default-rest
    );
    --dxbl-toast-saturated-danger-icon-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-toast-pastel-primary-background-color: var(
        --DS-color-surface-primary-subdued-rest
    );
    --dxbl-toast-pastel-primary-icon-color: var(
        --DS-color-surface-primary-default-rest
    );
    --dxbl-toast-pastel-info-background-color: var(
        --DS-color-surface-info-subdued-rest
    );
    --dxbl-toast-pastel-info-icon-color: var(
        --DS-color-surface-info-default-rest
    );
    --dxbl-toast-pastel-success-background-color: var(
        --DS-color-surface-success-subdued-rest
    );
    --dxbl-toast-pastel-success-icon-color: var(
        --DS-color-surface-success-default-rest
    );
    --dxbl-toast-pastel-warning-background-color: var(
        --DS-color-surface-warning-subdued-rest
    );
    --dxbl-toast-pastel-warning-icon-color: var(
        --DS-color-surface-warning-default-rest
    );
    --dxbl-toast-pastel-danger-background-color: var(
        --DS-color-surface-danger-subdued-rest
    );
    --dxbl-toast-pastel-danger-icon-color: var(
        --DS-color-surface-danger-default-rest
    );
    --dxbl-toast-border-radius: var(--DS-border-radius-40);
    --dxbl-toast-border-width: var(--DS-border-width-0);
    --dxbl-toast-box-shadow: var(--DS-box-shadow-shadow-3);
    --dxbl-toast-margin-y: var(--DS-sizing-160);
    --dxbl-toast-margin-x: var(--DS-sizing-160);
    --dxbl-toast-text-font-color: var(--DS-color-content-neutral-subdued-rest);
    --dxbl-toast-header-font-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-toast-accent-line-width: var(--DS-sizing-40);
    --dxbl-toast-accent-line-color: var(--dxbl-toast-background-color);
    --dxbl-toast-close-btn-padding: var(--DS-sizing-30);
    --dxbl-toast-close-btn-icon-size: var(--DS-sizing-160);
    --dxbl-toast-close-button-bg: var(--DS-color-surface-neutral-muted-rest);
    --dxbl-toast-close-button-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-toast-theme-saturated-header-font-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-toast-theme-saturated-text-font-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-toast-theme-saturated-close-button-color: var(
        --DS-color-content-neutral-static-rest
    );
    --dxbl-toast-header-font-size-s: var(--DS-font-size-body-1-strong);
    --dxbl-toast-header-font-size-m: var(--DS-font-size-subtitle-2);
    --dxbl-toast-header-font-size-l: var(--DS-font-size-subtitle-1);
    --dxbl-toast-header-line-height-s: var(--DS-line-height-body-1-strong);
    --dxbl-toast-header-line-height-m: var(--DS-line-height-subtitle-2);
    --dxbl-toast-header-line-height-l: var(--DS-line-height-subtitle-1);
    --dxbl-toast-header-font-weight-s: var(--DS-font-weight-body-1-strong);
    --dxbl-toast-header-font-weight-m: var(--DS-font-weight-subtitle-2);
    --dxbl-toast-header-font-weight-l: var(--DS-font-weight-subtitle-1);
    --dxbl-toast-text-font-size-s: var(--DS-font-size-caption-1);
    --dxbl-toast-text-font-size-m: var(--DS-font-size-body-1);
    --dxbl-toast-text-font-size-l: var(--DS-font-size-body-2);
    --dxbl-toast-text-line-height-s: var(--DS-line-height-caption-1);
    --dxbl-toast-text-line-height-m: var(--DS-line-height-body-1);
    --dxbl-toast-text-line-height-l: var(--DS-line-height-body-2);
    --dxbl-toast-text-font-weight-s: var(--DS-font-weight-caption-1);
    --dxbl-toast-text-font-weight-m: var(--DS-font-weight-body-1);
    --dxbl-toast-text-font-weight-l: var(--DS-font-weight-body-2);
    --dxbl-toast-body-padding-top-s: var(--DS-sizing-120);
    --dxbl-toast-body-padding-top-m: var(--DS-sizing-140);
    --dxbl-toast-body-padding-top-l: var(--DS-sizing-160);
    --dxbl-toast-body-padding-bottom-s: var(--DS-sizing-120);
    --dxbl-toast-body-padding-bottom-m: var(--DS-sizing-140);
    --dxbl-toast-body-padding-bottom-l: var(--DS-sizing-160);
    --dxbl-toast-body-padding-right-s: var(--DS-sizing-80);
    --dxbl-toast-body-padding-right-m: var(--DS-sizing-100);
    --dxbl-toast-body-padding-right-l: var(--DS-sizing-120);
    --dxbl-toast-body-padding-left-s: var(--DS-sizing-60);
    --dxbl-toast-body-padding-left-m: var(--DS-sizing-80);
    --dxbl-toast-body-padding-left-l: var(--DS-sizing-100);
    --dxbl-toast-body-gap-s: var(--DS-sizing-60);
    --dxbl-toast-body-gap-m: var(--DS-sizing-80);
    --dxbl-toast-body-gap-l: var(--DS-sizing-100);
    --dxbl-toast-text-content-gap-s: var(--DS-sizing-20);
    --dxbl-toast-text-content-gap-m: var(--DS-sizing-40);
    --dxbl-toast-text-content-gap-l: var(--DS-sizing-40);
    --dxbl-toast-content-gap-s: var(--DS-sizing-80);
    --dxbl-toast-content-gap-m: var(--DS-sizing-100);
    --dxbl-toast-content-gap-l: var(--DS-sizing-120);
    --dxbl-toast-template-gap-s: var(--DS-sizing-80);
    --dxbl-toast-template-gap-m: var(--DS-sizing-100);
    --dxbl-toast-template-gap-l: var(--DS-sizing-120);
    --dxbl-toast-icon-top-padding-s: var(--DS-sizing-20);
    --dxbl-toast-icon-top-padding-m: var(--DS-sizing-20);
    --dxbl-toast-icon-top-padding-l: var(--DS-sizing-20);
}
.dxbl-toast-portal {
    overflow: hidden;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    display: block;
    position: var(--dxbl-toast-position);
}
.dxbl-toast-portal.dxbl-toast-align-top {
    top: 0;
}
.dxbl-toast-portal.dxbl-toast-align-bottom {
    bottom: 0;
}
.dxbl-toast-portal.dxbl-toast-align-left {
    left: 0;
}
.dxbl-toast-portal.dxbl-toast-align-center {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.dxbl-toast-portal.dxbl-toast-align-right {
    right: 0;
}
.dxbl-toast-portal .dxbl-toast-hide-all-btn {
    margin-top: 5px;
    width: 100%;
}
.dxbl-toast-portal .dxbl-toast {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: var(--dxbl-toast-margin-y) var(--dxbl-toast-margin-x);
    color: var(--dxbl-toast-text-font-color);
    border-radius: var(--dxbl-toast-border-radius);
    background-color: var(--dxbl-toast-background-color);
    -webkit-box-shadow: var(--dxbl-toast-box-shadow);
    box-shadow: var(--dxbl-toast-box-shadow);
    -webkit-animation: var(--dxbl-toast-animation-type);
    -o-animation: var(--dxbl-toast-animation-type);
    animation: var(--dxbl-toast-animation-type);
    -webkit-animation-duration: var(--dxbl-toast-animation-duration);
    -o-animation-duration: var(--dxbl-toast-animation-duration);
    animation-duration: var(--dxbl-toast-animation-duration);
}
.dxbl-toast-portal .dxbl-toast .dxbl-toast-accent-line {
    width: var(--dxbl-toast-accent-line-width);
    background-color: var(--dxbl-toast-accent-line-color);
    border-top-left-radius: var(--dxbl-toast-border-radius);
    border-bottom-left-radius: var(--dxbl-toast-border-radius);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.dxbl-toast-portal .dxbl-toast .dxbl-toast-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    gap: var(--dxbl-toast-body-gap);
    padding: var(--dxbl-toast-body-padding-top)
        var(--dxbl-toast-body-padding-right)
        var(--dxbl-toast-body-padding-bottom)
        var(--dxbl-toast-body-padding-left);
}
.dxbl-toast-portal .dxbl-toast .dxbl-toast-icon-column {
    padding: var(--dxbl-toast-icon-top-padding) 0 0 0;
}
.dxbl-toast-portal .dxbl-toast .dxbl-toast-icon-column .dxbl-toast-icon {
    fill: var(--dxbl-toast-icon-color);
    vertical-align: text-bottom;
}
.dxbl-toast-portal .dxbl-toast .dxbl-toast-content {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--dxbl-toast-content-gap);
    overflow: hidden;
}
.dxbl-toast-portal .dxbl-toast .dxbl-toast-content .dxbl-toast-text-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--dxbl-toast-text-content-gap);
    overflow: hidden;
}
.dxbl-toast-portal
    .dxbl-toast
    .dxbl-toast-content
    .dxbl-toast-text-content
    .dxbl-toast-header {
    color: var(--dxbl-toast-header-font-color);
    font-size: var(--dxbl-toast-header-font-size);
    font-weight: var(--dxbl-toast-header-font-weight);
    line-height: var(--dxbl-toast-header-line-height);
}
.dxbl-toast-portal
    .dxbl-toast
    .dxbl-toast-content
    .dxbl-toast-text-content
    .dxbl-toast-text {
    color: var(--dxbl-toast-text-font-color);
    font-size: var(--dxbl-toast-text-font-size);
    font-weight: var(--dxbl-toast-text-font-weight);
    line-height: var(--dxbl-toast-text-line-height);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dxbl-toast-portal .dxbl-toast .dxbl-toast-content .dxbl-toast-template {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: var(--dxbl-toast-template-gap);
}
.dxbl-toast-portal .dxbl-toast .dxbl-toast-close .dxbl-toast-close-btn {
    --dxbl-btn-padding-x: var(--dxbl-toast-close-btn-padding);
    --dxbl-btn-padding-y: var(--dxbl-toast-close-btn-padding);
    --dxbl-btn-color: var(--dxbl-toast-close-button-color);
    --dxbl-btn-bg: var(--dxbl-toast-close-button-bg);
    --dxbl-btn-hover-color: var(--dxbl-toast-close-button-color);
    --dxbl-btn-hover-bg: var(--dxbl-toast-close-button-bg);
    --dxbl-btn-active-bg: var(--dxbl-toast-close-button-bg);
    --dxbl-btn-active-color: var(--dxbl-toast-close-button-color);
}
.dxbl-toast-portal
    .dxbl-toast
    .dxbl-toast-close
    .dxbl-toast-close-btn
    .dxbl-image {
    width: var(--dxbl-toast-close-btn-icon-size);
    height: var(--dxbl-toast-close-btn-icon-size);
}
.dxbl-toast {
    display: none;
}
.dxbl-toast-portal {
    --dxbl-toast-position: absolute;
}
.dxbl-toast-portal.dxbl-toast-fixed {
    --dxbl-toast-position: fixed;
}
.dxbl-toast-portal .dxbl-toast {
    --dxbl-toast-header-font-size: var(--dxbl-toast-header-font-size-m);
    --dxbl-toast-header-line-height: var(--dxbl-toast-header-line-height-m);
    --dxbl-toast-header-font-weight: var(--dxbl-toast-header-font-weight-m);
    --dxbl-toast-text-font-size: var(--dxbl-toast-text-font-size-m);
    --dxbl-toast-text-line-height: var(--dxbl-toast-text-line-height-m);
    --dxbl-toast-text-font-weight: var(--dxbl-toast-text-font-weight-m);
    --dxbl-toast-body-padding-top: var(--dxbl-toast-body-padding-top-m);
    --dxbl-toast-body-padding-bottom: var(--dxbl-toast-body-padding-bottom-m);
    --dxbl-toast-body-padding-right: var(--dxbl-toast-body-padding-right-m);
    --dxbl-toast-body-padding-left: var(--dxbl-toast-body-padding-left-m);
    --dxbl-toast-body-gap: var(--dxbl-toast-body-gap-m);
    --dxbl-toast-text-content-gap: var(--dxbl-toast-text-content-gap-m);
    --dxbl-toast-content-gap: var(--dxbl-toast-content-gap-m);
    --dxbl-toast-template-gap: var(--dxbl-toast-template-gap-m);
    --dxbl-toast-icon-top-padding: var(--dxbl-toast-icon-top-padding-m);
}
.dxbl-toast-portal .dxbl-toast.dxbl-toast-theme-auto.dxbl-toast-render-primary {
    --dxbl-toast-background-color: var(
        --dxbl-toast-auto-primary-background-color
    );
    --dxbl-toast-icon-color: var(--dxbl-toast-auto-primary-icon-color);
}
.dxbl-toast-portal .dxbl-toast.dxbl-toast-theme-auto.dxbl-toast-render-info {
    --dxbl-toast-background-color: var(--dxbl-toast-auto-info-background-color);
    --dxbl-toast-icon-color: var(--dxbl-toast-auto-info-icon-color);
}
.dxbl-toast-portal .dxbl-toast.dxbl-toast-theme-auto.dxbl-toast-render-success {
    --dxbl-toast-background-color: var(
        --dxbl-toast-auto-success-background-color
    );
    --dxbl-toast-icon-color: var(--dxbl-toast-auto-success-icon-color);
}
.dxbl-toast-portal .dxbl-toast.dxbl-toast-theme-auto.dxbl-toast-render-warning {
    --dxbl-toast-background-color: var(
        --dxbl-toast-auto-warning-background-color
    );
    --dxbl-toast-icon-color: var(--dxbl-toast-auto-warning-icon-color);
}
.dxbl-toast-portal .dxbl-toast.dxbl-toast-theme-auto.dxbl-toast-render-danger {
    --dxbl-toast-background-color: var(
        --dxbl-toast-auto-danger-background-color
    );
    --dxbl-toast-icon-color: var(--dxbl-toast-auto-danger-icon-color);
}
.dxbl-toast-portal
    .dxbl-toast.dxbl-toast-theme-light.dxbl-toast-render-primary {
    --dxbl-toast-background-color: var(
        --dxbl-toast-light-primary-background-color
    );
    --dxbl-toast-icon-color: var(--dxbl-toast-light-primary-icon-color);
}
.dxbl-toast-portal .dxbl-toast.dxbl-toast-theme-light.dxbl-toast-render-info {
    --dxbl-toast-background-color: var(
        --dxbl-toast-light-info-background-color
    );
    --dxbl-toast-icon-color: var(--dxbl-toast-light-info-icon-color);
}
.dxbl-toast-portal
    .dxbl-toast.dxbl-toast-theme-light.dxbl-toast-render-success {
    --dxbl-toast-background-color: var(
        --dxbl-toast-light-success-background-color
    );
    --dxbl-toast-icon-color: var(--dxbl-toast-light-success-icon-color);
}
.dxbl-toast-portal
    .dxbl-toast.dxbl-toast-theme-light.dxbl-toast-render-warning {
    --dxbl-toast-background-color: var(
        --dxbl-toast-light-warning-background-color
    );
    --dxbl-toast-icon-color: var(--dxbl-toast-light-warning-icon-color);
}
.dxbl-toast-portal .dxbl-toast.dxbl-toast-theme-light.dxbl-toast-render-danger {
    --dxbl-toast-background-color: var(
        --dxbl-toast-light-danger-background-color
    );
    --dxbl-toast-icon-color: var(--dxbl-toast-light-danger-icon-color);
}
.dxbl-toast-portal .dxbl-toast.dxbl-toast-theme-dark.dxbl-toast-render-primary {
    --dxbl-toast-background-color: var(
        --dxbl-toast-dark-primary-background-color
    );
    --dxbl-toast-icon-color: var(--dxbl-toast-dark-primary-icon-color);
}
.dxbl-toast-portal .dxbl-toast.dxbl-toast-theme-dark.dxbl-toast-render-info {
    --dxbl-toast-background-color: var(--dxbl-toast-dark-info-background-color);
    --dxbl-toast-icon-color: var(--dxbl-toast-dark-info-icon-color);
}
.dxbl-toast-portal .dxbl-toast.dxbl-toast-theme-dark.dxbl-toast-render-success {
    --dxbl-toast-background-color: var(
        --dxbl-toast-dark-success-background-color
    );
    --dxbl-toast-icon-color: var(--dxbl-toast-dark-success-icon-color);
}
.dxbl-toast-portal .dxbl-toast.dxbl-toast-theme-dark.dxbl-toast-render-warning {
    --dxbl-toast-background-color: var(
        --dxbl-toast-dark-warning-background-color
    );
    --dxbl-toast-icon-color: var(--dxbl-toast-dark-warning-icon-color);
}
.dxbl-toast-portal .dxbl-toast.dxbl-toast-theme-dark.dxbl-toast-render-danger {
    --dxbl-toast-background-color: var(
        --dxbl-toast-dark-danger-background-color
    );
    --dxbl-toast-icon-color: var(--dxbl-toast-dark-danger-icon-color);
}
.dxbl-toast-portal
    .dxbl-toast.dxbl-toast-theme-saturated.dxbl-toast-render-primary {
    --dxbl-toast-background-color: var(
        --dxbl-toast-saturated-primary-background-color
    );
    --dxbl-toast-icon-color: var(--dxbl-toast-saturated-primary-icon-color);
}
.dxbl-toast-portal
    .dxbl-toast.dxbl-toast-theme-saturated.dxbl-toast-render-info {
    --dxbl-toast-background-color: var(
        --dxbl-toast-saturated-info-background-color
    );
    --dxbl-toast-icon-color: var(--dxbl-toast-saturated-info-icon-color);
}
.dxbl-toast-portal
    .dxbl-toast.dxbl-toast-theme-saturated.dxbl-toast-render-success {
    --dxbl-toast-background-color: var(
        --dxbl-toast-saturated-success-background-color
    );
    --dxbl-toast-icon-color: var(--dxbl-toast-saturated-success-icon-color);
}
.dxbl-toast-portal
    .dxbl-toast.dxbl-toast-theme-saturated.dxbl-toast-render-warning {
    --dxbl-toast-background-color: var(
        --dxbl-toast-saturated-warning-background-color
    );
    --dxbl-toast-icon-color: var(--dxbl-toast-saturated-warning-icon-color);
}
.dxbl-toast-portal
    .dxbl-toast.dxbl-toast-theme-saturated.dxbl-toast-render-danger {
    --dxbl-toast-background-color: var(
        --dxbl-toast-saturated-danger-background-color
    );
    --dxbl-toast-icon-color: var(--dxbl-toast-saturated-danger-icon-color);
}
.dxbl-toast-portal
    .dxbl-toast.dxbl-toast-theme-pastel.dxbl-toast-render-primary {
    --dxbl-toast-background-color: var(
        --dxbl-toast-pastel-primary-background-color
    );
    --dxbl-toast-icon-color: var(--dxbl-toast-pastel-primary-icon-color);
}
.dxbl-toast-portal .dxbl-toast.dxbl-toast-theme-pastel.dxbl-toast-render-info {
    --dxbl-toast-background-color: var(
        --dxbl-toast-pastel-info-background-color
    );
    --dxbl-toast-icon-color: var(--dxbl-toast-pastel-info-icon-color);
}
.dxbl-toast-portal
    .dxbl-toast.dxbl-toast-theme-pastel.dxbl-toast-render-success {
    --dxbl-toast-background-color: var(
        --dxbl-toast-pastel-success-background-color
    );
    --dxbl-toast-icon-color: var(--dxbl-toast-pastel-success-icon-color);
}
.dxbl-toast-portal
    .dxbl-toast.dxbl-toast-theme-pastel.dxbl-toast-render-warning {
    --dxbl-toast-background-color: var(
        --dxbl-toast-pastel-warning-background-color
    );
    --dxbl-toast-icon-color: var(--dxbl-toast-pastel-warning-icon-color);
}
.dxbl-toast-portal
    .dxbl-toast.dxbl-toast-theme-pastel.dxbl-toast-render-danger {
    --dxbl-toast-background-color: var(
        --dxbl-toast-pastel-danger-background-color
    );
    --dxbl-toast-icon-color: var(--dxbl-toast-pastel-danger-icon-color);
}
.dxbl-toast-portal .dxbl-toast.dxbl-sm {
    --dxbl-toast-header-font-size: var(--dxbl-toast-header-font-size-s);
    --dxbl-toast-header-line-height: var(--dxbl-toast-header-line-height-s);
    --dxbl-toast-header-font-weight: var(--dxbl-toast-header-font-weight-s);
    --dxbl-toast-text-font-size: var(--dxbl-toast-text-font-size-s);
    --dxbl-toast-text-line-height: var(--dxbl-toast-text-line-height-s);
    --dxbl-toast-text-font-weight: var(--dxbl-toast-text-font-weight-s);
    --dxbl-toast-body-padding-top: var(--dxbl-toast-body-padding-top-s);
    --dxbl-toast-body-padding-bottom: var(--dxbl-toast-body-padding-bottom-s);
    --dxbl-toast-body-padding-right: var(--dxbl-toast-body-padding-right-s);
    --dxbl-toast-body-padding-left: var(--dxbl-toast-body-padding-left-s);
    --dxbl-toast-body-gap: var(--dxbl-toast-body-gap-s);
    --dxbl-toast-text-content-gap: var(--dxbl-toast-text-content-gap-s);
    --dxbl-toast-content-gap: var(--dxbl-toast-content-gap-s);
    --dxbl-toast-template-gap: var(--dxbl-toast-template-gap-s);
    --dxbl-toast-icon-top-padding: var(--dxbl-toast-icon-top-padding-s);
}
.dxbl-toast-portal .dxbl-toast.dxbl-lg {
    --dxbl-toast-header-font-size: var(--dxbl-toast-header-font-size-l);
    --dxbl-toast-header-line-height: var(--dxbl-toast-header-line-height-l);
    --dxbl-toast-header-font-weight: var(--dxbl-toast-header-font-weight-l);
    --dxbl-toast-text-font-size: var(--dxbl-toast-text-font-size-l);
    --dxbl-toast-text-line-height: var(--dxbl-toast-text-line-height-l);
    --dxbl-toast-text-font-weight: var(--dxbl-toast-text-font-weight-l);
    --dxbl-toast-body-padding-top: var(--dxbl-toast-body-padding-top-l);
    --dxbl-toast-body-padding-bottom: var(--dxbl-toast-body-padding-bottom-l);
    --dxbl-toast-body-padding-right: var(--dxbl-toast-body-padding-right-l);
    --dxbl-toast-body-padding-left: var(--dxbl-toast-body-padding-left-l);
    --dxbl-toast-body-gap: var(--dxbl-toast-body-gap-l);
    --dxbl-toast-text-content-gap: var(--dxbl-toast-text-content-gap-l);
    --dxbl-toast-content-gap: var(--dxbl-toast-content-gap-l);
    --dxbl-toast-template-gap: var(--dxbl-toast-template-gap-l);
    --dxbl-toast-icon-top-padding: var(--dxbl-toast-icon-top-padding-l);
}
.dxbl-toast-portal .dxbl-toast.dxbl-toast-theme-saturated {
    --dxbl-toast-header-font-color: var(
        --dxbl-toast-theme-saturated-header-font-color
    );
    --dxbl-toast-text-font-color: var(
        --dxbl-toast-theme-saturated-text-font-color
    );
    --dxbl-toast-close-button-color: var(
        --dxbl-toast-theme-saturated-close-button-color
    );
}
.dxbl-toast-portal {
    --dxbl-toast-animation-duration: 0.75s;
    --dxbl-toast-animation-type: unset;
}
@-webkit-keyframes dxbl-toast-animation-slide-in-left {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes dxbl-toast-animation-slide-in-left {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes dxbl-toast-animation-slide-in-left {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes dxbl-toast-animation-slide-in-right {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes dxbl-toast-animation-slide-in-right {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes dxbl-toast-animation-slide-in-right {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes dxbl-toast-animation-slide-in-up {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes dxbl-toast-animation-slide-in-up {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes dxbl-toast-animation-slide-in-up {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes dxbl-toast-animation-slide-in-down {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes dxbl-toast-animation-slide-in-down {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes dxbl-toast-animation-slide-in-down {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes dxbl-toast-animation-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-o-keyframes dxbl-toast-animation-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes dxbl-toast-animation-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes dxbl-toast-animation-fade-in-left {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes dxbl-toast-animation-fade-in-left {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes dxbl-toast-animation-fade-in-left {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes dxbl-toast-animation-fade-in-right {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes dxbl-toast-animation-fade-in-right {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes dxbl-toast-animation-fade-in-right {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes dxbl-toast-animation-fade-in-up {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes dxbl-toast-animation-fade-in-up {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes dxbl-toast-animation-fade-in-up {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes dxbl-toast-animation-fade-in-down {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-o-keyframes dxbl-toast-animation-fade-in-down {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes dxbl-toast-animation-fade-in-down {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.dxbl-toast-portal.dxbl-toast-animation-slide.dxbl-toast-align-left
    > .dxbl-toast {
    --dxbl-toast-animation-type: dxbl-toast-animation-slide-in-left;
}
.dxbl-toast-portal.dxbl-toast-animation-slide.dxbl-toast-align-right
    > .dxbl-toast {
    --dxbl-toast-animation-type: dxbl-toast-animation-slide-in-right;
}
.dxbl-toast-portal.dxbl-toast-animation-slide.dxbl-toast-align-center.dxbl-toast-align-top
    > .dxbl-toast {
    --dxbl-toast-animation-type: dxbl-toast-animation-slide-in-down;
}
.dxbl-toast-portal.dxbl-toast-animation-slide.dxbl-toast-align-center.dxbl-toast-align-bottom
    > .dxbl-toast {
    --dxbl-toast-animation-type: dxbl-toast-animation-slide-in-up;
}
.dxbl-toast-portal.dxbl-toast-animation-fade-in > .dxbl-toast {
    --dxbl-toast-animation-type: dxbl-toast-animation-fade-in;
}
.dxbl-toast-portal.dxbl-toast-animation-slide-fade-in.dxbl-toast-align-left
    > .dxbl-toast {
    --dxbl-toast-animation-type: dxbl-toast-animation-fade-in-left;
}
.dxbl-toast-portal.dxbl-toast-animation-slide-fade-in.dxbl-toast-align-right
    > .dxbl-toast {
    --dxbl-toast-animation-type: dxbl-toast-animation-fade-in-right;
}
.dxbl-toast-portal.dxbl-toast-animation-slide-fade-in.dxbl-toast-align-center.dxbl-toast-align-top
    > .dxbl-toast {
    --dxbl-toast-animation-type: dxbl-toast-animation-fade-in-down;
}
.dxbl-toast-portal.dxbl-toast-animation-slide-fade-in.dxbl-toast-align-center.dxbl-toast-align-bottom
    > .dxbl-toast {
    --dxbl-toast-animation-type: dxbl-toast-animation-fade-in-up;
}
.dxbl-message-box {
    --dxbl-message-box-background-color: var(
        --DS-color-surface-neutral-default-rest
    );
    --dxbl-message-box-border-radius: var(--dxbl-popups-border-radius);
    --dxbl-message-box-width: 600px;
    --dxbl-message-box-shadow: var(--dxbl-popups-box-shadow);
    --dxbl-message-box-back-opacity: var(--dxbl-popups-backdrop-opacity);
    --dxbl-message-box-back-bg: var(--dxbl-popups-backdrop-bg);
    --dxbl-message-box-header-font-family: var(
        --dxbl-popups-header-font-family
    );
    --dxbl-message-box-header-font-weight: var(
        --dxbl-popups-header-font-weight
    );
    --dxbl-message-box-header-font-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-message-box-header-border-radius: var(
        --dxbl-message-box-border-radius
    );
    --dxbl-message-box-header-font-size: var(--dxbl-popups-header-font-size);
    --dxbl-message-box-header-line-height: var(
        --dxbl-popups-header-line-height
    );
    --dxbl-message-box-header-padding-top: var(
        --dxbl-popups-header-padding-top
    );
    --dxbl-message-box-header-padding-bottom: var(
        --dxbl-popups-header-padding-bottom
    );
    --dxbl-message-box-header-padding-x: var(--dxbl-popups-header-padding-x);
    --dxbl-message-box-header-content-padding-y: var(
        --dxbl-popups-header-content-padding-y
    );
    --dxbl-message-box-header-content-padding-x: var(
        --dxbl-popups-header-content-padding-x
    );
    --dxbl-message-box-header-text-padding-y: var(
        --dxbl-popups-header-text-padding-y
    );
    --dxbl-message-box-header-gap: var(--dxbl-popups-header-item-spacing);
    --dxbl-message-box-header-bg: var(--dxbl-message-box-background-color);
    --dxbl-message-box-header-btn-bg: var(--dxbl-message-box-background-color);
    --dxbl-message-box-header-btn-hover-color: var(
        --DS-color-content-primary-default-hovered
    );
    --dxbl-message-box-header-btn-hover-bg: var(
        --dxbl-message-box-background-color
    );
    --dxbl-message-box-header-btn-color: var(
        --DS-color-content-neutral-default-rest
    );
    --dxbl-message-box-header-btn-outline-color: var(
        --dxbl-popups-header-close-btn-outline-color
    );
    --dxbl-message-box-header-btn-outline-width: var(
        --dxbl-popups-header-close-btn-outline-width
    );
    --dxbl-message-box-header-btn-border-radius: var(
        --dxbl-popups-header-close-btn-border-radius
    );
    --dxbl-message-box-header-btn-padding: var(
        --dxbl-popups-header-close-btn-padding
    );
    --dxbl-message-box-body-font-family: var(--dxbl-popups-body-font-family);
    --dxbl-message-box-body-font-weight: var(--dxbl-popups-body-font-weight);
    --dxbl-message-box-body-font-size: var(--dxbl-popups-body-font-size);
    --dxbl-message-box-body-text-font-color: var(
        --dxbl-message-box-header-font-color
    );
    --dxbl-message-box-body-line-height: var(--dxbl-popups-body-line-height);
    --dxbl-message-box-body-border-radius-top: 0;
    --dxbl-message-box-body-border-radius-bottom: 0;
    --dxbl-message-box-body-padding-top: 0;
    --dxbl-message-box-body-padding-bottom: 0;
    --dxbl-message-box-body-padding-x: var(--dxbl-popups-body-padding-x);
    --dxbl-message-box-body-bg: var(--dxbl-message-box-background-color);
    --dxbl-message-box-footer-font-family: var(
        --dxbl-popups-footer-font-family
    );
    --dxbl-message-box-footer-font-weight: var(
        --dxbl-popups-footer-font-weight
    );
    --dxbl-message-box-footer-border-radius: var(
        --dxbl-message-box-border-radius
    );
    --dxbl-message-box-footer-font-size: var(--dxbl-popups-footer-font-size);
    --dxbl-message-box-footer-line-height: var(
        --dxbl-popups-footer-line-height
    );
    --dxbl-message-box-footer-padding-top: var(
        --dxbl-popups-footer-padding-top
    );
    --dxbl-message-box-footer-padding-bottom: var(
        --dxbl-popups-footer-padding-bottom
    );
    --dxbl-message-box-footer-padding-x: var(--dxbl-popups-footer-padding-x);
    --dxbl-message-box-footer-color: var(
        --dxbl-message-box-body-text-font-color
    );
    --dxbl-message-box-footer-bg: var(--dxbl-message-box-background-color);
    --dxbl-message-box-primary-header-icon-color: var(
        --DS-color-surface-primary-default-rest
    );
    --dxbl-message-box-info-header-icon-color: var(
        --DS-color-surface-info-default-rest
    );
    --dxbl-message-box-success-header-icon-color: var(
        --DS-color-surface-success-default-rest
    );
    --dxbl-message-box-warning-header-icon-color: var(
        --DS-color-surface-warning-default-rest
    );
    --dxbl-message-box-danger-header-icon-color: var(
        --DS-color-surface-danger-default-rest
    );
    --dxbl-message-box-footer-gap-s: var(--DS-sizing-80);
    --dxbl-message-box-footer-gap-m: var(--DS-sizing-120);
    --dxbl-message-box-footer-gap-l: var(--DS-sizing-160);
    --dxbl-message-box-icon-box-spacing-y-s: var(--DS-sizing-20);
    --dxbl-message-box-icon-box-spacing-y-m: var(--DS-sizing-40);
    --dxbl-message-box-icon-box-spacing-y-l: var(--DS-sizing-40);
    --dxbl-message-box-footer-content-spacing-top-s: var(--DS-sizing-40);
    --dxbl-message-box-footer-content-spacing-top-m: var(--DS-sizing-40);
    --dxbl-message-box-footer-content-spacing-top-l: var(--DS-sizing-60);
}
.dxbl-message-box {
    border-radius: var(--dxbl-message-box-border-radius);
}
.dxbl-message-box > .dxbl-modal-content {
    border-radius: var(--dxbl-message-box-border-radius);
    -webkit-box-shadow: var(--dxbl-message-box-shadow);
    box-shadow: var(--dxbl-message-box-shadow);
}
.dxbl-message-box > .dxbl-modal-content > .dxbl-popup-header {
    border-radius: var(--dxbl-message-box-header-border-radius)
        var(--dxbl-message-box-header-border-radius) 0 0;
    font-size: var(--dxbl-message-box-header-font-size);
    font-weight: var(--dxbl-message-box-header-font-weight);
    line-height: var(--dxbl-message-box-header-line-height);
    color: var(--dxbl-message-box-header-font-color);
    background-color: var(--dxbl-message-box-header-bg);
}
.dxbl-message-box
    > .dxbl-modal-content
    > .dxbl-popup-header
    > .dxbl-message-box-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--dxbl-message-box-header-padding-top)
        var(--dxbl-message-box-header-padding-x)
        var(--dxbl-message-box-header-padding-bottom);
    gap: var(--dxbl-message-box-header-gap);
}
.dxbl-message-box
    > .dxbl-modal-content
    > .dxbl-popup-header
    > .dxbl-message-box-header
    > .dxbl-message-box-header-icon {
    margin: var(--dxbl-message-box-icon-box-spacing-y)
        var(--dxbl-message-box-icon-box-padding-x);
    fill: var(--dxbl-message-box-header-icon-color);
}
.dxbl-message-box
    > .dxbl-modal-content
    > .dxbl-popup-header
    > .dxbl-message-box-header
    > .dxbl-message-box-header-close-button {
    margin-left: auto;
    --dxbl-btn-bg: var(--dxbl-message-box-header-btn-bg);
    --dxbl-btn-color: var(--dxbl-message-box-header-btn-color);
    --dxbl-btn-border-color: transparent;
    --dxbl-btn-hover-border-color: transparent;
    --dxbl-btn-hover-color: var(--dxbl-message-box-header-btn-hover-color);
    --dxbl-btn-hover-bg: var(--dxbl-message-box-header-btn-hover-bg);
    --dxbl-btn-focus-outline-color: var(
        --dxbl-message-box-header-btn-outline-color
    );
    --dxbl-btn-focus-outline-size: var(
        --dxbl-message-box-header-btn-outline-width
    );
    --dxbl-btn-border-radius: var(--dxbl-message-box-header-btn-border-radius);
    --dxbl-btn-padding-x: var(--dxbl-message-box-header-btn-padding);
    --dxbl-btn-padding-y: var(--dxbl-message-box-header-btn-padding);
}
.dxbl-message-box > .dxbl-modal-content > .dxbl-message-box-body {
    padding: var(--dxbl-message-box-body-padding-top)
        var(--dxbl-message-box-body-padding-x)
        var(--dxbl-message-box-body-padding-bottom);
    font-size: var(--dxbl-message-box-body-font-size);
    line-height: var(--dxbl-message-box-body-line-height);
    font-weight: var(--dxbl-message-box-body-font-weight);
    font-family: var(--dxbl-message-box-body-font-family);
    color: var(--dxbl-message-box-body-text-font-color);
    background-color: var(--dxbl-message-box-body-bg);
    border-radius: var(--dxbl-message-box-body-border-radius-top)
        var(--dxbl-message-box-body-border-radius-top)
        var(--dxbl-message-box-body-border-radius-bottom)
        var(--dxbl-message-box-body-border-radius-bottom);
}
.dxbl-message-box > .dxbl-modal-content > .dxbl-message-box-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: auto;
    padding: var(--dxbl-message-box-footer-padding-top)
        var(--dxbl-message-box-footer-padding-x)
        var(--dxbl-message-box-footer-padding-bottom);
    gap: var(--dxbl-message-box-footer-gap);
    font-size: var(--dxbl-message-box-footer-font-size);
    line-height: var(--dxbl-message-box-footer-line-height);
    font-weight: var(--dxbl-message-box-footer-font-weight);
    font-family: var(--dxbl-message-box-footer-font-family);
    color: var(--dxbl-message-box-footer-color);
    background-color: var(--dxbl-message-box-footer-bg);
    border-radius: 0 0 var(--dxbl-message-box-footer-border-radius)
        var(--dxbl-message-box-footer-border-radius);
}
.dxbl-message-box > .dxbl-modal-content > .dxbl-message-box-footer > * {
    margin-top: var(--dxbl-message-box-footer-content-spacing-top);
}
.dxbl-message-box {
    --dxbl-message-box-footer-gap: var(--dxbl-message-box-footer-gap-m);
    --dxbl-message-box-icon-box-spacing-y: var(
        --dxbl-message-box-icon-box-spacing-y-m
    );
    --dxbl-message-box-icon-box-padding-x: 0;
    --dxbl-message-box-footer-content-spacing-top: var(
        --dxbl-message-box-footer-content-spacing-top-m
    );
}
.dxbl-message-box.dxbl-message-box-render-primary {
    --dxbl-message-box-header-icon-color: var(
        --dxbl-message-box-primary-header-icon-color
    );
}
.dxbl-message-box.dxbl-message-box-render-info {
    --dxbl-message-box-header-icon-color: var(
        --dxbl-message-box-info-header-icon-color
    );
}
.dxbl-message-box.dxbl-message-box-render-success {
    --dxbl-message-box-header-icon-color: var(
        --dxbl-message-box-success-header-icon-color
    );
}
.dxbl-message-box.dxbl-message-box-render-warning {
    --dxbl-message-box-header-icon-color: var(
        --dxbl-message-box-warning-header-icon-color
    );
}
.dxbl-message-box.dxbl-message-box-render-danger {
    --dxbl-message-box-header-icon-color: var(
        --dxbl-message-box-danger-header-icon-color
    );
}
.dxbl-message-box
    > .dxbl-modal-content:not(:has(.dxbl-popup-header)):not(
        :has(.dxbl-popup-header > .dxbl-message-box-header)
    ) {
    --dxbl-message-box-body-border-radius-top: var(--dxbl-popup-border-radius);
    --dxbl-message-box-body-padding-top: var(--dxbl-popups-body-padding-y);
}
.dxbl-message-box > .dxbl-modal-content:not(:has(.dxbl-message-box-footer)) {
    --dxbl-message-box-body-border-radius-bottom: var(
        --dxbl-popup-border-radius
    );
    --dxbl-message-box-body-padding-bottom: var(--dxbl-popups-body-padding-y);
}
.dxbl-message-box.dxbl-sm {
    --dxbl-message-box-footer-gap: var(--dxbl-message-box-footer-gap-s);
    --dxbl-message-box-icon-box-spacing-y: var(
        --dxbl-message-box-icon-box-spacing-y-s
    );
    --dxbl-message-box-footer-content-spacing-top: var(
        --dxbl-message-box-footer-content-spacing-top-s
    );
}
.dxbl-message-box.dxbl-lg {
    --dxbl-message-box-footer-gap: var(--dxbl-message-box-footer-gap-l);
    --dxbl-message-box-icon-box-spacing-y: var(
        --dxbl-message-box-icon-box-spacing-y-l
    );
    --dxbl-message-box-footer-content-spacing-top: var(
        --dxbl-message-box-footer-content-spacing-top-l
    );
}