:root{--x-offcanvas-duration:300ms}.x-offcanvas_inner{background:#fff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:fixed;height:100vh;max-width:100%;width:300px;overflow-x:hidden;top:0;left:0;padding:30px;z-index:1000;pointer-events:auto;display:none}.x-offcanvas_ready{-webkit-transition:-webkit-transform var(--x-offcanvas-duration) cubic-bezier(.77,0,.175,1),box-shadow var(--x-offcanvas-duration) cubic-bezier(.77,0,.175,1);transition:transform var(--x-offcanvas-duration) cubic-bezier(.77,0,.175,1),box-shadow var(--x-offcanvas-duration) cubic-bezier(.77,0,.175,1),opacity var(--x-offcanvas-duration) cubic-bezier(.77,0,.175,1);-o-transition:-o-transform var(--x-offcanvas-duration) cubic-bezier(.77,0,.175,1),box-shadow var(--x-offcanvas-duration) cubic-bezier(.77,0,.175,1);display:-webkit-box;display:-ms-flexbox;display:flex}.x-offcanvas_backdrop{background:rgb(0 0 0 / .5);position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;visibility:hidden;-webkit-transition:all var(--x-offcanvas-duration) cubic-bezier(.77,0,.175,1);-o-transition:all var(--x-offcanvas-duration) cubic-bezier(.77,0,.175,1);transition:all var(--x-offcanvas-duration) cubic-bezier(.77,0,.175,1);pointer-events:auto;z-index:1000;display:none}.x-offcanvas_ready+.x-offcanvas_backdrop{display:block}.x-offcanvas_inner{z-index:1001}.x-offcanvas_inner[aria-hidden="false"]+.x-offcanvas_backdrop{opacity:1;visibility:visible}.x-offcanvas_inner.x-offcanvas_left{left:0;right:auto;height:100vh!important}.x-offcanvas_inner.x-offcanvas_left[aria-hidden="true"]{transform:translateX(-100%);-webkit-transform:translateX(-100%)}.x-offcanvas_inner.x-offcanvas_right{right:0;left:auto;height:100vh!important}.x-offcanvas_inner.x-offcanvas_right[aria-hidden="true"]{transform:translateX(100%);-webkit-transform:translateX(100%)}.x-offcanvas_inner.x-offcanvas_top{top:0;bottom:auto;right:0;left:0;width:100%!important}.x-offcanvas_inner.x-offcanvas_top[aria-hidden="true"]{transform:translateY(-100%);-webkit-transform:translateY(-100%)}.x-offcanvas_inner.x-offcanvas_bottom{top:auto;bottom:0;right:0;left:0;width:100%!important}.x-offcanvas_inner.x-offcanvas_bottom[aria-hidden="true"]{transform:translateY(100%);-webkit-transform:translateY(100%)}body.admin-bar .x-offcanvas_backdrop{margin-top:var(--wp-admin--admin-bar--height)}body.bricks-is-frontend .x-offcanvas_inner:focus{outline:none}.admin-bar .x-offcanvas_inner{margin-top:var(--wp-admin--admin-bar--height)}.x-offcanvas_inner>div{max-width:100%}html[class*="x-offcanvas_prevent-scroll"],html[class*="x-offcanvas_prevent-scroll"]>body{overflow:hidden}.x-offcanvas_inner[aria-hidden="true"][data-type="fade"]{opacity:0;visibility:hidden;transform:none!important;transition:all var(--x-offcanvas-duration) cubic-bezier(.77,0,.175,1)}.x-offcanvas_inner[aria-hidden="false"][data-type="fade"]{opacity:1;visibility:visible;transform:none!important}@media (prefers-reduced-motion:reduce){.x-offcanvas[data-x-offcanvas*=notransition] .x-offcanvas_backdrop,.x-offcanvas[data-x-offcanvas*=notransition] .x-offcanvas_inner{transition:none}.x-offcanvas[data-x-offcanvas*=fade] .x-offcanvas_inner[aria-hidden="true"]{opacity:0;visibility:hidden;transform:none!important}.x-offcanvas[data-x-offcanvas*=fade].x-offcanvas_inner[aria-hidden="false"]{opacity:1;visibility:visible;transform:none!important}}@supports (padding-top:env(safe-area-inset-top)){.x-offcanvas_inner.x-offcanvas_left{--safe-area-inset-bottom:env(safe-area-inset-bottom);height:calc(100% + var(--safe-area-inset-bottom))!important}.x-offcanvas_inner.x-offcanvas_right{--safe-area-inset-bottom:env(safe-area-inset-bottom);height:calc(100% + var(--safe-area-inset-bottom))!important}}.admin-bar .x-offcanvas_inner.x-offcanvas_left{left:0;right:auto;height:auto!important;bottom:0}.admin-bar .x-offcanvas_inner.x-offcanvas_right{right:0;left:auto;height:auto!important;bottom:0}component.x-offcanvas,.x-offcanvas[data-id]{transform:none!important}component.x-offcanvas.is-empty{min-width:0;min-height:0}component>.x-offcanvas_inner,.x-offcanvas[data-id] .x-offcanvas_inner{display:flex}component>.x-offcanvas_backdrop,.x-offcanvas[data-id] .x-offcanvas_backdrop{display:block}.brx-body.iframe .x-offcanvas_inner{transform:none}.brx-body.iframe div[data-x-offcanvas]:not([data-id]){display:none}.brx-body.iframe .x-offcanvas>div:nth-child(3){display:none}.brx-body.iframe .x-offcanvas_backdrop{opacity:1;visibility:visible}