@use "./variables.scss" as *;

@mixin kendo-chart-wizard--theme-base() {
    .k-chart-wizard {
        .k-icon-text-wrapper {
            &.k-selected {
                color: $kendo-chart-wizard-chart-type-selected-color;

                .k-icon-background-area {
                    background-color: $kendo-chart-wizard-icon-area-selected-bg;
                    box-shadow: $kendo-chart-wizard-icon-area-selected-shadow;
                    border-color: $kendo-chart-wizard-icon-area-selected-border-color;
                }
            }

            &:hover,
            &.k-hover {
                cursor: pointer;
            }

            &:focus,
            &.k-focus {
                .k-icon-background-area {
                    box-shadow: $kendo-chart-wizard-icon-area-focus-shadow;
                }
            }
        }

        .k-icon-background-area {
            color: $kendo-chart-wizard-icon-area-color;
            background-color: $kendo-chart-wizard-icon-area-bg;
            border-color: $kendo-chart-wizard-icon-area-border-color;
        }
    }
}