.bc-multi-offcanvas-menu{--width:50vw;--slide-duration:1s;--slide-easing:cubic-bezier(.33,1,.68,1);--transition-duration-backdrop:1s;width:fit-content;--transition-easing-backdrop:linear}.bc-core-burguer--multi-offcanvas-menu{top:0;z-index:3}[data-classtype=bc-multi-offcanvas-menu--fromright] .bc-multi-offcanvas-menu__items-wrapper{-webkit-transform:translateX(var(--width));transform:translateX(var(--width));top:0}[data-classtype=bc-multi-offcanvas-menu--fromleft] .bc-multi-offcanvas-menu__items-wrapper{-webkit-transform:translateX(calc(var(--width)*-1));transform:translateX(calc(var(--width)*-1));top:0}.bc-multi-offcanvas-menu__backdrop{pointer-events:none;right:0;-webkit-transition:visibility 0s calc(var(--transition-duration-backdrop)*2),opacity var(--transition-duration-backdrop) var(--transition-easing-backdrop);transition:visibility 0s calc(var(--transition-duration-backdrop)*2),opacity var(--transition-duration-backdrop) var(--transition-easing-backdrop);position:fixed;opacity:0;bottom:0;visibility:hidden;top:0;background:rgba(2,105,33,.4);left:0;z-index:1}[data-open=bc-multi-offcanvas-menu--opened] .bc-multi-offcanvas-menu__backdrop{pointer-events:auto;-webkit-transition:opacity var(--transition-duration-backdrop) var(--transition-easing-backdrop);transition:opacity var(--transition-duration-backdrop) var(--transition-easing-backdrop);opacity:1;visibility:visible}.bc-multi-offcanvas-menu__items-wrapper{height:100vh;pointer-events:none;padding:50px;-webkit-transition:-webkit-transform var(--slide-duration) var(--slide-easing);transition:transform var(--slide-duration) var(--slide-easing);position:fixed;--background:#a0e806;top:0;background:var(--background);width:var(--width);display:flex;z-index:190}[data-classtype=bc-multi-offcanvas-menu--fromright] .bc-multi-offcanvas-menu__items-wrapper{right:0}[data-classtype=bc-multi-offcanvas-menu--fromleft] .bc-multi-offcanvas-menu__items-wrapper{left:0}[data-open=bc-multi-offcanvas-menu--opened] .bc-multi-offcanvas-menu__items-wrapper{-webkit-transform:translateX(0);transform:translateX(0)}[data-classtype=bc-multi-offcanvas-menu--fromright] .bc-multi-offcanvas-menu__items-wrapper[data-open]{-webkit-transform:translate(-100%)!important;transform:translate(-100%)!important}[data-classtype=bc-multi-offcanvas-menu--fromleft] .bc-multi-offcanvas-menu__items-wrapper[data-open]{-webkit-transform:translate(100%)!important;transform:translate(100%)!important}.bc-multi-offcanvas-menu__items-wrapper:after{height:100%;content:"";position:fixed;top:0;background:var(--background);width:100%}[data-classtype=bc-multi-offcanvas-menu--fromright] .bc-multi-offcanvas-menu__items-wrapper:after{right:calc(-100% + 1px)}[data-classtype=bc-multi-offcanvas-menu--fromleft] .bc-multi-offcanvas-menu__items-wrapper:after{left:calc(-100% + 1px)}.bc-multi-offcanvas-menu__subcanvas{height:100vh;overflow:auto;--subcanvas-easing:cubic-bezier(.33,1,.68,1);padding:50px;-webkit-transition:right var(--subcanvas-duration) var(--subcanvas-easing),left var(--subcanvas-duration) var(--subcanvas-easing);transition:right var(--subcanvas-duration) var(--subcanvas-easing),left var(--subcanvas-duration) var(--subcanvas-easing);position:fixed;--subcanvas-duration:1s;top:0;background:red;width:50vw;z-index:2}[data-classtype=bc-multi-offcanvas-menu--fromright] .bc-multi-offcanvas-menu__subcanvas{right:-200%}[data-classtype=bc-multi-offcanvas-menu--fromright] .bc-multi-offcanvas-menu__subcanvas[data-open]{right:-100%}[data-classtype=bc-multi-offcanvas-menu--fromleft] .bc-multi-offcanvas-menu__subcanvas{left:-200%}[data-classtype=bc-multi-offcanvas-menu--fromleft] .bc-multi-offcanvas-menu__subcanvas[data-open]{left:-100%}