@import "dxHelpers/reset";
@import "dxHelpers/text";
@import "dxHelpers/commonTreeItem";

a {
    display: flex;
    flex-direction: column;
}

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

.sidebar-item:not(.sidebar-item-selected):focus-visible {
    padding: var(--dx-g-spacing-smd) 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: 0 var(--dx-g-spacing-lg) 0
        var(--dx-g-global-header-padding-horizontal);
    outline: none;

    .search-result {
        outline: var(--dx-g-spacing-2xs) solid var(--dx-g-blue-vibrant-40);
        border-radius: var(--dx-g-spacing-2xs);
        padding: var(--dx-g-spacing-smd) 0;
    }
}

.search-text {
    font-size: var(--dx-g-text-sm);
    font-family: var(--dx-g-font-sans);
    line-height: var(--dx-g-text-lg);
    font-weight: var(--dx-g-font-bold);
    overflow-wrap: break-word;
}

.description {
    -webkit-line-clamp: 3;
    overflow-wrap: break-word;

    --dx-g-text-body-color: var(--dx-g-blue-vibrant-20);

    font-weight: var(--dx-g-font-normal);
    display: block;
}

.title {
    color: var(--dx-g-text-heading-color);
}

.title:hover {
    color: var(--dx-g-blue-vibrant-50);
}

.bold {
    font-weight: 700;
}

a > *:not(:last-child) {
    margin-bottom: var(--dx-g-spacing-xs);
}