.sidebar {
    width: 15rem !important;
}
.sidebar.right {
    width: 15rem !important;
}
@media screen and (min-width: 1024px) {
    body:has(.sidebar.right.show) {
        margin-right: calc(15rem + 0.5rem) !important;
    }
}
@media screen and (min-width: 1024px) {
    body:has(.sidebar.left.show) {
        margin-left: calc(15rem + 0.5rem) !important;
    }
}