style2.css

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap");

/* app controner*/
.app_container {
    background-color: #F5F5F5;
}

.category{
    border-radius: 2px;
    background-color: var(--White--color);
}
.category_heading{
    color: var(--text-color);
    font-size: 1.7rem;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.category_heading-icon{
    font-size: 1.4rem;
    margin-right: 4px;
    position: relative;
    top: -1px;
}
.category-list{
    padding: 0 0 8px 0;
    list-style:none ;
    margin-left: 9px;
}
.category-item{

}
.category-item--active .category-item__link{
    color: var(--primary-color);
}
.category-item--active .category-item__link ::before{
    content: "";
    position: absolute;
    top:50%;
    left:6px;
    border:4px solid;
    transform:translateY(calc(-50%-1px));
    border-color: transparent transparent transparent var(--primary--color);
}
.category-item__link{
    text-decoration: none;
    color: var(--text-color);
    font-size: 1.6rem;
    padding: 4px 16px;
    display: block;
    transition: right linear 0.1s;
    right: 0;
    position: relative;
}
.category-item__link:hover{
    right: -4px ;
    color: var(--primary-color);
}