/** <DxButton type="warning"> */
@layer devExtreme {
    body {
        --button-warning-color: #2a2a2a;
        --button-warning-bg: #f57c00;
        --button-warning-border-color: #e57400;
        --button-warning-contained-bg-selected: #f9ae61;
        --button-warning-outlined-bg-selected: #f57c004d;
        --button-warning-text-bg-selected: #f57c004d;
    }

    .dx-button-mode-contained.dx-button-warning {
        background-color: var(--button-warning-bg);
        border-color: transparent;
        color: var(--button-warning-color);
    }

    .dx-button-mode-contained.dx-button-warning .dx-icon {
        color: var(--button-warning-color);
    }

    .dx-button-mode-contained.dx-button-warning.dx-state-selected {
        background-color: var(--button-warning-contained-bg-selected);
    }

    .dx-button-mode-contained.dx-button-warning.dx-state-hover {
        background-color: var(--button-warning-bg);
    }

    .dx-button-mode-contained.dx-button-warning.dx-state-focused {
        background-color: var(--button-warning-bg);
    }

    .dx-button-mode-contained.dx-button-warning.dx-state-active {
        background-color: var(--button-warning-contained-bg-selected);
        color: var(--button-warning-color);
    }

    .dx-button-mode-outlined.dx-button-warning {
        background-color: transparent;
        border-color: var(--button-warning-border-color);
        color: var(--button-warning-border-color);
    }

    .dx-button-mode-outlined.dx-button-warning .dx-icon {
        color: var(--button-warning-border-color);
    }

    .dx-button-mode-outlined.dx-button-warning.dx-state-selected {
        background-color: var(--button-warning-outlined-bg-selected);
    }

    .dx-button-mode-outlined.dx-button-warning.dx-state-focused,
    .dx-button-mode-outlined.dx-button-warning.dx-state-hover {
        background-color: var(--button-warning-outlined-bg-selected);
    }

    .dx-button-mode-outlined.dx-button-warning.dx-state-active {
        background-color: var(--button-warning-outlined-bg-selected);
        color: var(--button-warning-border-color);
    }

    .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-warning {
        background-color: transparent;
        border-color: transparent;
        color: var(--button-warning-border-color);
    }

    .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-warning .dx-icon {
        color: var(--button-warning-border-color);
    }

    .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-warning.dx-state-selected {
        background-color: var(--button-warning-outlined-bg-selected);
    }

    .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-warning.dx-state-focused,
    .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-warning.dx-state-hover {
        background-color: var(--button-warning-outlined-bg-selected);
    }

    .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-warning.dx-state-active {
        background-color: var(--button-warning-outlined-bg-selected);
        color: var(--button-warning-border-color);
    }

    .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-warning {
        background-color: var(--button-warning-bg);
    }
}