@import "dxHelpers/commonSidebar";

.sidebar-content {
    overflow-y: auto;
    padding: var(--dx-g-spacing-sm) 0 var(--dx-g-spacing-2xl);
}

dx-empty-state {
    --dx-c-empty-state-background-alt: var(--sds-g-gray-1);
    --dx-c-empty-state-image-width: 400px;
    --dx-c-font-title-alt-size: 18px;
    --dx-c-font-title-alt-margin-top: var(--dx-g-spacing-md);
    --dx-c-font-body-alt-size: var(--dx-g-text-xs);
    --dx-c-font-body-alt-margin-top: 0;
    --dx-c-container-alt-padding: var(--dx-g-spacing-2xl) 37px;
    --dx-c-font-suggestion-alt-size: 10px;

    padding-bottom: var(--dx-g-spacing-md);
}

.header-toggle-icon dx-button {
    --dx-c-button-secondary-color-hover: var(--dx-g-gray-80);

    width: 10px;
}

.header-toggle-icon dx-button[aria-expanded="true"] {
    --dx-c-button-secondary-color-hover: transparent;
}

.header-toggle-icon dx-button[aria-expanded="true"]:hover {
    --dx-c-button-secondary-color-hover: var(--dx-g-gray-80);
}