.bi {
    width: 1rem;
    height: 1rem;
    &.bi-middle {
        &:before {
            vertical-align: middle;
        }
    }
    &.bi-sub {
        &:before {
            vertical-align: sub;
        }
    }
}
.stats-icon {
    width: 3rem;
    height:3rem;
    border-radius: .5rem;
    background-color: black;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    i {
        color: #fff;
        font-size: 1.7rem;
    }
    &.purple {
        background-color: #9694ff;
    }
    &.blue {
        background-color: #57caeb;
    }
    &.red {
        background-color: #ff7976;
    }
    &.green {
        background-color: #5ddab4;
    }
    @media (max-width: 767px) {
        float: left;
        margin-bottom: .4rem;
    }
}

.burger-btn {
    display:none;
}

html[data-bs-theme="dark"] {
    .stats-icon {
        background-color: #333 !important;
        i {
            color: #e0e0e0 !important;
        }
        &.purple {
            background-color: #6c63ff !important;
        }
        &.blue {
            background-color: #379ecb !important;
        }
        &.red {
            background-color: #d9534f !important;
        }
        &.green {
            background-color: #3bb78f !important;
        }
    }
}