@use "sass:math";
@import "__color-scheme";
@import "_sizes-material.scss";
@import "__size-scheme";
@mixin dx-dashboard-binding-header($font-size: $bindingHeadersFontSize) {
    text-transform: uppercase;
    font-size: $font-size;
    font-weight: 700;
    color: $dashboard-designer-header-color;
    margin: 0;
}
@mixin dx-dashboard-properties-caption {
    text-transform: uppercase;
}
@mixin dx-dashboard-properties-content {
}
@mixin dx-dashboard-properties-search {
    .dx-texteditor:not(.dx-multiline):not(.dx-textarea) {
        .dx-designer-viewport.dx-designer-viewport & {
            height: auto;
        }
    }
    .dx-list-search {
        margin-bottom: 0;
        &,
        &.dx-state-hover {
            border-top-color: transparent;
            border-left-color: transparent;
            border-right-color: transparent;
        }
    }
    &.dx-list.dx-list-with-search .dx-scrollable-wrapper {
        height: calc(100% - #{$propertyEditorSize})
    }
    .dx-texteditor.dx-editor-outlined {
    }
}
@mixin dx-dropdown-sizes-patch($size: 18px) {
}
@mixin dashboard-button-group($minwidth: 0) {
    .dx-buttongroup {
        width: 100%;
        .dx-buttongroup-wrapper {
            height: 100%;
        }
        &.dx-dashboard-button-with-icon {
            @include dx-dashboard-icon-image($itemSize, $defaultIconSize, $dashboard-type-icon-color);
            .dx-buttongroup-item {
                padding: 0px;
                .dx-button-content {
                    padding: 0px;
                }
            }
            svg {
                pointer-events: none;
                margin: math.div($itemSize - $defaultIconSize, 2)-1px math.div($itemSize - $defaultIconSize, 2)-1px;
                fill: $dashboard-type-icon-sub-color;
            }
            .dx-item-selected {
                svg {
                    color: $dashboard-type-selected-icon-color;
                    fill: $dashboard-type-selected-icon-sub-color;
                }
            }
        }
        .dx-buttongroup-item {
            &.dx-buttongroup-item-has-width {
                flex: 1 1 0;
                @include dx-dashboard-text-overflow;
                min-width: $minwidth
            }
        }
    }
}