.offcanvas-backdrop,.modal-backdrop.show{opacity:1;background:#8f98d8;z-index:999}.canvas{height:100vh !important;width:30vw !important;z-index:99999;border-left:0 !important}@media screen and (max-width:1799.98px){.canvas{width:40vw !important}}@media screen and (max-width:1399.98px){.canvas{width:50vw !important}}@media screen and (max-width:1199.98px){.canvas{width:60vw !important}}@media screen and (max-width:991.98px){.canvas{width:75vw !important}}@media screen and (max-width:767.98px){.canvas{width:100vw !important}}.canvas.offcanvas-top{left:20px;top:20px}@media screen and (max-width:767.98px){.canvas.offcanvas-top{left:10px;top:10px}}.canvas .offcanvas-body{overflow-x:hidden;overflow-y:auto;padding:0;border-radius:0}@media screen and (max-width:767.98px){.canvas .offcanvas-body{overflow-y:auto}}.canvas .btn-close{height:2rem;width:2rem}