@layer bricks {.brxe-offcanvas{visibility:hidden}.brxe-offcanvas.brx-open{visibility:visible}.brxe-offcanvas.brx-open .brx-offcanvas-inner{transform:translate(0)!important}.brxe-offcanvas.brx-open .brx-offcanvas-backdrop{opacity:1;pointer-events:auto;z-index:998}.brxe-offcanvas.brx-closing{visibility:visible}.brxe-offcanvas.brx-closing .brx-offcanvas-backdrop{z-index:998}.brxe-offcanvas[data-direction=top] .brx-offcanvas-inner{bottom:auto;height:300px;left:0;right:0;top:0;transform:translateY(-100%);width:100vw}.brxe-offcanvas[data-direction=right] .brx-offcanvas-inner{bottom:0;height:100vh;height:calc(var(--bricks-vh, 1vh)*100);left:auto;right:0;top:0;transform:translate(100%);width:300px}.brxe-offcanvas[data-direction=bottom] .brx-offcanvas-inner{bottom:0;height:300px;left:0;right:0;top:auto;transform:translateY(100%);width:100vw}.brxe-offcanvas[data-direction=left] .brx-offcanvas-inner{bottom:0;height:100vh;height:calc(var(--bricks-vh, 1vh)*100);left:0;right:auto;top:0;transform:translate(-100%);width:300px}.brx-offcanvas-inner{background-color:#fff;display:flex;overflow-x:hidden;position:fixed;transition:transform .2s cubic-bezier(.25,0,.25,1);z-index:999}.brx-offcanvas-backdrop{background:rgba(0,0,0,.5);bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .2s cubic-bezier(.25,0,.25,1);z-index:-1}}#brxe-0c0965[data-direction] .brx-offcanvas-inner {width: var(--_offcanvas-w,300px)}