.content-menu {
    display: flex;
    padding-left: var(--spacing-3x);
    border-radius: var(--radius-15-x);
    border: 1px solid #DCDFE4;
    height: fit-content;
}

.content-menu .content-menu-container {
    display: none;
    flex-direction: column;
    gap: var(--spacing-15-x);
    align-self: stretch;
    height: fit-content;
}

.content-menu .title {
    font-family: var(--font-family-body), var(--font-family-reserve);
    font-size: var(--font-size-sm);
    font-weight: 600;
    line-height: var(--font-line-height-sm);
    margin: var(--spacing-0x);
}

.content-menu .loader {
    margin: 100px auto;
}

.content-menu .menu {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-05-x);
    max-height: 304px;
    overflow: auto;

}

/* width */
.content-menu .menu::-webkit-scrollbar {
    width: 6px;
}

/* Track */
.content-menu .menu::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
.content-menu .menu::-webkit-scrollbar-thumb {
    cursor: pointer;
    border-radius: var(--radius-50);
    background: var(--surface-3);
}

/* Handle on hover */
.content-menu .menu::-webkit-scrollbar-thumb:hover {
    background: var(--surface-3);
}

.menu .menu-item {
    display: flex;
    padding: var(--spacing-1x) var(--spacing-0x);
    align-items: center;
    gap: var(--spacing-1x);
    cursor: pointer;
    max-width: 318px;
}

.menu-item .dot {
    width: 6px;
    height: 6px;
    flex-shrink: 0;
    background-color: var(--text-secondary);
    border-radius: 50%;
}

.menu-item p {
    color: var(--text-secondary);
    font-family: var(--font-family-body), var(--font-family-reserve);
    font-size: var(--font-size-sm);
    font-weight: 500;
    line-height: var(--font-line-height-sm);
    margin: var(--spacing-0x);
}

.menu-item:hover .dot, .menu-item.active .dot {
    background-color: var(--action-primary);
}

.menu-item:hover p, .menu-item.active p {
    color: var(--text-primary);
}

@media (max-width: 768px) {
    .content-menu .content-menu-container {
        width: 100%;
    }

    .menu .menu-item {
        max-width: 262px;
    }
}