#mi-off-canvas,.off-canvas{width:50%;position:fixed;left:0;top:0;height:100%;overflow-x:hidden;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}@media (max-width: 768px){#mi-off-canvas,.off-canvas{width:75%}}@media (max-width: 480px){#mi-off-canvas,.off-canvas{width:100%}}