aside {
    position: sticky;
    top: 0;
    min-height: 100vh;
    width: 100%;
    padding: 48px 6.18px 0 0;
    margin: 0 auto;
    /* background-color: var(--co-accent); */
    border-right: 0.5px solid var(--co-secondary);
    transition: width 0.35s ease;
    overflow: hidden;
}

aside.collapsed {
    width: 0;
    border-right: none;
}

aside .aside-list {
    opacity: 1;
    transition: opacity 0.2s ease;
    max-height: 600px;
    overflow-y: scroll;

}

aside .aside-list::-webkit-scrollbar{
    width: 1px;
}

aside.collapsed .aside-list {
    opacity: 0;
    pointer-events: none;
}

.aside-item {
    width: 100%;
    padding: 6.18px;
    transition: all 0.3s ease;
    margin: 6.18px 0;
}

.aside-item:hover,
.aside-item.active {
    background-color: var(--co-secondary);
    border-radius: 0 99px 99px 0;
    color: #ffffff;
}

.aside-close {
    position: absolute;
    top: 48px;
    left: 290px;

}

.aside-open {
    position: absolute;
    display: none;
    top: 48px;
    left: 6.18px;

}