#mi-off-canvas,.off-canvas{z-index:99999;visibility:hidden;background-color:#fefefe;border-right:1px solid #999;width:50%;height:100%;padding:1rem;transition:transform .4s ease-in-out,visibility .4s ease-in-out;display:block;position:fixed;top:0;left:0;overflow:visible auto;transform:translate(-100%)}.off-canvas-overlay{z-index:99998;visibility:hidden;opacity:0;background-color:#00000080;width:100%;height:100%;transition:opacity .4s ease-in-out,visibility .4s ease-in-out;position:fixed;top:0;left:0}.off-canvas-active #mi-off-canvas,.off-canvas-active .off-canvas{visibility:visible;transform:translate(0)}.off-canvas-active .off-canvas-overlay{opacity:1;visibility:visible}.off-canvas-active{overflow:hidden}.offcanvas-close-btn{z-index:100001;position:absolute;top:1rem;right:1rem}.off-canvas-active .offcanvas-close-btn,.offcanvas-close-btn.visible{opacity:1;pointer-events:auto}.offcanvas-close-btn:hover{color:#000;background-color:#f5f5f5;border-color:#999;box-shadow:0 4px 12px #00000026}.offcanvas-close-btn:focus{outline-offset:2px;outline:2px solid #0d6efd}.offcanvas-close-btn:active{transform:scale(.95)}.offcanvas-close-btn i{font-size:20px;line-height:1}@media (width<=768px){#mi-off-canvas,.off-canvas{width:75%}}@media (width<=480px){#mi-off-canvas,.off-canvas{width:100%}}