.wdk-sidebar-inner-header {
    padding: 12px 16px;
    background-color: var(--complementary-02);
    border-radius: 12px 12px 0 0;
}

.document-find ~ div .wdk-sidebar-inner-header {
    background-color: var(--document-find-sidebar-header-background-color);
}

.document-find ~ div .wdk-sidebar-inner-header .wdk-text {
    color: var(--document-find-sidebar-header-text-color);
}

.wdk-sidebar-inner {
    background-color: var(--white-01);
    border: 1px solid var(--grey-02);
    border-radius: 12px;
}

.document-find ~ div .wdk-sidebar-inner {
    background-color: var(--document-find-sidebar-body-background-color);
}

.learning ~ div .wdk-sidebar-inner {
    background-color: var(--learning-section-background-color);
}

.wdk-sidebar-inner-body {
    padding: 8px 16px 32px 16px;
}

@media(min-width: 992px) {
    .wdk-sidebar-inner-body {
        height: calc(100vh - 260px);
        overflow: auto;
        scrollbar-width: thin !important;
    }

    .wdk-sidebar-inner-body::-webkit-scrollbar-track {
        background-color: var(--white-02) !important;
        -webkit-box-shadow: inset 0 0 6px var(--white-02) !important;
        box-shadow: inset 0 0 6px var(--white-02) !important;
    }

    .wdk-sidebar-inner-body::-webkit-scrollbar {
        background-color: var(--white-02) !important;
        width: 5px !important;
        height: 5px;
    }

    .wdk-sidebar-inner-body::-webkit-scrollbar-thumb {
        background-color: var(--scroll-thumb-light-custom-color) !important;
        border-radius: 10px;
    }
}

@media(max-width: 992px) {
    .wdk-sidebar-monitoring.wdk-sidebar-inner-body {
        overflow: auto;
        height: calc(100vh - 298px) !important;
    }
}