.pavo-offcanvas{position:fixed;inset:0;z-index:999999;display:flex;justify-content:var(--pavo-offcanvas-justify-content,flex-start);align-items:var(--pavo-offcanvas-align-items,flex-start);visibility:hidden;pointer-events:none}.pavo-offcanvas--open{visibility:visible;pointer-events:auto}.pavo-offcanvas__overlay{position:absolute;inset:0;opacity:var(--pavo-offcanvas-overlay-opacity,1);transition:opacity var(--pavo-offcanvas-animation-duration,.4s) ease;pointer-events:none}.pavo-offcanvas--open .pavo-offcanvas__overlay{pointer-events:auto}.pavo-offcanvas__panel{position:relative;width:var(--pavo-offcanvas-width,360px);max-width:100%;height:var(--pavo-offcanvas-height,100vh);max-height:100%}.pavo-offcanvas__panel.animated{animation-duration:var(--pavo-offcanvas-animation-duration,.4s)}.pavo-offcanvas__content{width:100%;height:100%;overflow:var(--pavo-offcanvas-content-overflow,auto)}body.pavo-offcanvas-lock-scroll{overflow:hidden}