.rz-material {
    --rz-primary: #4250af;
    --rz-base-background-color: #fff;
    --rz-layout-background-color: var(--rz-body-background-color);
    --rz-body-background-color: var(--rz-base-background-color);
    --rz-header-background-color: var(--rz-base-background-color);
    --rz-header-color: var(--rz-text-color);
    --rz-profile-menu-top-item-background-color: var(--rz-header-background-color);
    --rz-layout-body-background-color: var(--rz-header-background-color);
    --rz-header-shadow: 0;
    --rz-input-border-radius: 70px;
    --rz-sidebar-border-inline-end: none;
    --rz-header-border: var(--rz-border-base-300);
    --rz-base-border-color: solid 1px var(--rz-header-border);
    --rz-panel-menu-item-hover-background-color: color-mix(in oklab, #4250af 10%, transparent);
    --rz-sidebar-toggle-color: #424242;
}

:root:has(#radzen-theme-link[href*="dark"]) {
    --rz-primary: #accbfa;
    --rz-body-background-color: #000000;
    --rz-header-background-color: #000000;
    --rz-base-background-color: #000000;
    --rz-profile-menu-top-item-background-color: var(--rz-header-background-color);
    --rz-base-border-color: solid 1px var(--rz-header-border);
    --rz-input-border-radius: 70px;
    --rz-sidebar-border-inline-end: none;
    --rz-header-border: var(--rz-border-base-300);
    --rz-panel-menu-item-hover-background-color: var(--rz-base-900);
}

.rz-layout:has(>.rz-sidebar-start):has(>.rz-header), .rz-layout:has(>.rz-sidebar-left):has(>.rz-header) {
    gap: 1rem;
}

.rz-header {
    color: var(--rz-text-color);
    border-bottom: 1px solid var(--rz-base-border-color);
}

.rz-body {
    padding: 0 !important;
}

.rz-sidebar {
    border-right: none;
}

ul.rz-profile-menu .rz-navigation-item-icon-children {
    color: var(--rz-text-color) !important;
}

.rz-panel-menu .rz-navigation-item {
    border-block-end: 0 !important;
    margin-bottom: .3rem !important;
}

.rz-panel-menu .rz-navigation-item-wrapper:hover,
.rz-panel-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-icon,
.rz-panel-menu .rz-navigation-item-link:active,
.rz-panel-menu .rz-navigation-item-link:active .rz-panel-menu .rz-navigation-item-icon {
    color: var(--rz-primary) !important;
}

.rz-navigation-item-wrapper {
    border-radius: 0 70px 70px 0 !important;
}

.rz-navigation-item-link {
    padding-right: 2rem !important;
    width: 100%;
}