.bs-canvas-overlay {
    opacity: 0.75;
    z-index: 1100;
}

.bs-canvas {
    top: 0;
    z-index: 1110;
    overflow-x: hidden;
    overflow-y: auto;
    width: 330px;
    transition: margin .3s ease-out;
    -webkit-transition: margin .3s ease-out;
    -moz-transition: margin .3s ease-out;
    -ms-transition: margin .3s ease-out;
}

.bs-canvas.bs-canvas-xl{
    width: min(500px, 100vw);
}

.bs-canvas-right.bs-canvas-xl{
    margin-right: -500px;
}

.bs-canvas-left {
    left: 0;
    margin-left: -330px;
}

.bs-canvas-right {
    right: 0;
    margin-right: -330px;
}

.bg-light{
    background-color: #f8f9fe !important;
}

.bs-canvas-close span{
    font-size: 1.50rem !important;
}