.scroll_container {
    width: calc(100% + 0.8rem);
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: calc(2rem + 1.6rem + 2rem); // config button's sizes (svg + padding + margin).

    &::-webkit-scrollbar {
        width: 0.8rem;
    }
    &::-webkit-scrollbar-track {
        background-color: var(--dark_888_color);
        border-radius: 0.4rem;
    }
    &::-webkit-scrollbar-thumb {
        background-color: var(--dark_800_color);
        border-radius: 0.4rem;
    }


}

.container {
    position: relative;
    min-width: 23rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--dark_850_color);
    &.is_compact_mode {
        min-width: auto;
    }
}