#mi-off-canvas,.off-canvas{width:50%;position:fixed;left:0;top:0;height:100%;overflow-x:visible;overflow-y:auto;background-color:#fefefe;z-index:99999;padding:1rem;border-right:1px solid #999;display:block;transition:transform .4s ease-in-out,visibility .4s ease-in-out;transform:translate(-100%);visibility:hidden}.off-canvas-overlay{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#00000080;z-index:99998;visibility:hidden;opacity:0;transition:opacity .4s ease-in-out,visibility .4s ease-in-out}.off-canvas-active #mi-off-canvas,.off-canvas-active .off-canvas{transform:translate(0);visibility:visible}.off-canvas-active .off-canvas-overlay{opacity:1;visibility:visible}.off-canvas-active{overflow:hidden}.offcanvas-close-btn{position:absolute;top:1rem;right:1rem;z-index:100001}.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:2px solid #0d6efd;outline-offset:2px}.offcanvas-close-btn:active{transform:scale(.95)}.offcanvas-close-btn i{font-size:20px;line-height:1}@media (max-width: 768px){#mi-off-canvas,.off-canvas{width:75%}}@media (max-width: 480px){#mi-off-canvas,.off-canvas{width:100%}}