.sidebar__trigger {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: auto;
    border-radius: 50%;
    transition: 500ms;
    display: block;
    cursor: pointer;
    fill: #2f3349;
}

.sidebar__trigger .unpin__icon path {
    fill: #2f3349;
}

.angle__icon {
    transition: 500ms;
    transform: rotate(-90deg);
}

.angle__icon.active {
    transition: 400ms;
    transform: rotate(0deg);
}

aside {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 18rem;
    transition: width 500ms;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.5rem;
    padding-top: 1.5rem;
    padding-bottom: 2rem;
    font-family: Poppins, sans-serif;
    min-height: 100vh;
    z-index: 10;
}

.logout__btn {
    margin-top: auto;
    margin-inline: 2rem;
    border-radius: 0.3rem;
    padding-block: 0.5rem;
    gap: 0.3rem;
    border: none;
    outline: none;
    color: white;
    width: 100%;
    background-color: #ff4c51;
}

aside nav {
    margin-top: 1.5rem;
}

aside::-webkit-scrollbar {
    width: 0px;
}

.dashboard__lists {
    padding: 0.5rem 1rem;
}

.dashboard__lists p {
    font-size: 0.95rem;
}

.side__list__menu {
    cursor: pointer;
}

.list__icon img {
    color: white !important;
}

.side__parent {
    width: 100%;
    color: white;
}

.fi__logo__small {
    position: absolute;
    left: 152px;
    opacity: 0;
    /* transition: 500ms ease; */
    transition: none;
}

[data-bs-theme="darks"] {
    .sidebar__trigger {
        fill: white;
        transition: none;
    }

    .sidebar__trigger .unpin__icon path {
        fill: white;
    }
}