.spinner-border-xsm {
    --phoenix-spinner-width: 0.80rem;
    --phoenix-spinner-height: 0.80rem;
}

.offcanvas-footer {
    position: absolute;
    bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: space-between;
    padding: var(--phoenix-offcanvas-padding-y) var(--phoenix-offcanvas-padding-x);
}

.settings-panel {
    max-width: 32rem !important;
}

@media (max-width: 575.98px) {
    .setting-toggle {
        -webkit-transform: rotate(-90deg) translate3d(-25px, 39px, 0) !important;
        transform: rotate(-90deg) translate3d(-25px, 39px, 0) !important;
        outline: none;
    }

        .setting-toggle small, .setting-toggle .small {
            display: block !important;
        }
}

.setting-toggle {
    top: 40% !important;
}