html{height:100%}.offcanvas-content,.offcanvas-main,[data-offcanvas-bar]{box-sizing:border-box}.offcanvas-main{position:relative;width:100%;height:100%}.offcanvas-main.offcanvas-open{overflow:hidden!important}.offcanvas-content{z-index:30;position:relative;width:100%;min-height:100%;transition:transform .5s ease;background:#fff;color:#000}[data-offcanvas-bar]{z-index:50;position:fixed;background:#000;color:#fff;transition:transform .5s ease;overflow:auto}[data-offcanvas-bar][data-offcanvas-bar-mode=slide]{z-index:10}[data-offcanvas-bar]:focus{outline:0}[data-offcanvas-bar=left],[data-offcanvas-bar=right]{top:0;width:80%;max-width:400px;height:100%}[data-offcanvas-bar=left].offcanvas-bar--open,[data-offcanvas-bar=right].offcanvas-bar--open{transform:translateX(0)!important}[data-offcanvas-bar=bottom],[data-offcanvas-bar=top]{position:fixed;left:0;width:100%;height:50%}[data-offcanvas-bar=bottom].offcanvas-bar--open,[data-offcanvas-bar=top].offcanvas-bar--open{transform:translateY(0)!important}[data-offcanvas-bar=left]{left:0}[data-offcanvas-bar=left][data-offcanvas-bar-mode=float],[data-offcanvas-bar=left][data-offcanvas-bar-mode=push]{transform:translateX(-100%)}[data-offcanvas-bar=right]{right:0}[data-offcanvas-bar=right][data-offcanvas-bar-mode=float],[data-offcanvas-bar=right][data-offcanvas-bar-mode=push]{transform:translateX(100%)}[data-offcanvas-bar=top]{top:0}[data-offcanvas-bar=top][data-offcanvas-bar-mode=float],[data-offcanvas-bar=top][data-offcanvas-bar-mode=push]{transform:translateY(-100%)}[data-offcanvas-bar=bottom]{bottom:0}[data-offcanvas-bar=bottom][data-offcanvas-bar-mode=float],[data-offcanvas-bar=bottom][data-offcanvas-bar-mode=push]{transform:translateY(100%)}[data-offcanvas-push]{transition:transform .5s ease}.offcanvas-overlay{z-index:9999;visibility:hidden;position:absolute;left:0;right:0;top:0;bottom:0;background:#000;opacity:.75;transition:opacity .5s ease}.offcanvas-overlay--visible{visibility:visible}
/*# sourceMappingURL=offcanvas.css.map */