.sidebar-item-truncate-text {
    display: box;
    overflow: hidden;
    word-break: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.sidebar-item-selected {
    background: var(--dx-g-cloud-blue-vibrant-95);
    box-shadow: inset var(--dx-g-spacing-xs) 0 0 0 var(--dx-g-blue-vibrant-40);
    border-radius: 0;
    color: var(--dx-g-blue-vibrant-40) !important;
}

.sidebar-item {
    padding: 6px var(--dx-g-spacing-lg) 6px
        var(--dx-g-global-header-padding-horizontal);
}

.sidebar-item:not(.sidebar-item-selected):focus-visible {
    padding: calc(var(--dx-g-spacing-sm) - var(--dx-g-spacing-2xs)) 0;
    margin: 0 var(--dx-g-spacing-lg) 0
        var(--dx-g-global-header-padding-horizontal);
    outline: var(--dx-g-spacing-2xs) solid var(--dx-g-blue-vibrant-40);
    border-radius: var(--dx-g-spacing-2xs);
}

.sidebar-item-selected:focus-visible {
    padding-top: 0;
    padding-bottom: 0;
    outline: none;

    .indentation {
        outline: var(--dx-g-spacing-2xs) solid var(--dx-g-blue-vibrant-40);
        border-radius: var(--dx-g-spacing-2xs);
        padding-top: calc(var(--dx-g-spacing-sm) - var(--dx-g-spacing-2xs));
        padding-bottom: calc(var(--dx-g-spacing-sm) - var(--dx-g-spacing-2xs));
    }
}

.sidebar-item:not(.sidebar-item-selected):hover {
    color: var(--dx-g-blue-vibrant-50);
}