.sidebar{

    width:220px;
    min-width:220px;

    position:sticky;
    top:90px;

    align-self:flex-start;

    height:fit-content;

    background:
    linear-gradient(
        180deg,
        #0d0d0d,
        #161616
    );

    border-radius:24px;

    padding:18px;

    border:
    1px solid
    rgba(255,255,255,.06);

    box-shadow:
    0 0 40px
    rgba(255,107,0,.06);
}

/* TITLE */

.sidebar-title{

    font-size:18px;
    font-weight:700;

    margin-bottom:18px;

    padding-left:6px;

    background:
    linear-gradient(
        90deg,
        #ff6b00,
        #ffb347
    );

    -webkit-background-clip:
    text;

    -webkit-text-fill-color:
    transparent;
}

/* CATEGORY LIST */

.category-list{
    list-style:none;
}

.category-list li{
    padding:12px 14px;

    border-radius:14px;

    margin-bottom:8px;

    cursor:pointer;

    font-size:14px;
    font-weight:500;

    color:#dbe4f0;

    background:#182235;

    transition:.25s ease;
}

.category-list li:hover{
    transform:
    translateX(4px);
}

.category-list li.active,
.category-list li:hover{

    background:
    linear-gradient(
        135deg,
        #b71c1c,
        #ff6b00
    );

    color:#fff;

    box-shadow:
    0 0 20px
    rgba(255,107,0,.15);
}