mc-offcanvas{--default-overlay-color: #000000;--default-overlay-opacity: .8;--default-drawer-width: 90%;--default-drawer-height: 33%;--default-drawer-transition-duration: .5s;--background-transition: background-color .5s;--complete-transition: var(--horizontal-transition), var(--vertical-transition), var(--background-transition);position:fixed;width:100vw;height:100dvh;background-color:rgb(from var(--custom-overlay-color, var(--default-overlay-color)) r g b / 0%);transition:var(--complete-transition);z-index:var(--custom-z-index, 100)}mc-offcanvas.mc-active{--background-transition: background-color .5s;background-color:rgb(from var(--custom-overlay-color, var(--default-overlay-color)) r g b / var(--custom-overlay-opacity, var(--default-overlay-opacity)))}mc-offcanvas.mc-top{top:0}mc-offcanvas.mc-bottom{bottom:0}mc-offcanvas.mc-left{left:0}mc-offcanvas.mc-right{right:0}mc-offcanvas.mc-horizontal{max-width:0px;--horizontal-transition: max-width .1s .5s;--vertical-transition: max-height 0s var(--custom-drawer-transition-duration, var(--default-drawer-transition-duration))}mc-offcanvas.mc-vertical{max-height:0px}mc-offcanvas.mc-horizontal.mc-active{max-width:100vw;--horizontal-transition: max-width 0s 0s}mc-offcanvas.mc-vertical.mc-active{max-height:100dvh}mc-offcanvas>.drawer{position:absolute;overflow:hidden;background-color:var(--bs-body-bg)}mc-offcanvas.mc-top>.drawer{top:0}mc-offcanvas.mc-bottom>.drawer{bottom:0}mc-offcanvas.mc-left>.drawer{left:0}mc-offcanvas.mc-right>.drawer{right:0}mc-offcanvas.mc-horizontal>.drawer{width:var(--custom-drawer-width, var(--default-drawer-width));overflow-y:scroll;height:100%;max-width:0px;transition:max-width var(--custom-drawer-transition-duration, var(--default-drawer-transition-duration))}mc-offcanvas.mc-horizontal.menu-page-template>.drawer{width:100%!important}mc-offcanvas.mc-vertical>.drawer{height:var(--custom-drawer-height, var(--default-drawer-height));width:100%;max-height:0px;transition:max-height var(--custom-drawer-transition-duration, var(--default-drawer-transition-duration))}mc-offcanvas.mc-horizontal.mc-active>.drawer{max-width:var(--custom-drawer-width, var(--default-drawer-width))}mc-offcanvas.mc-horizontal.menu-page-template.mc-active>.drawer{max-width:100%!important;height:100vh!important}mc-offcanvas.mc-vertical.mc-active>.drawer{max-height:var(--custom-drawer-height, var(--default-drawer-height))}mc-offcanvas.mc-horizontal>.drawer>*{opacity:0;transition:opacity 0s linear 0s}mc-offcanvas.mc-horizontal.mc-active>.drawer>*{opacity:1;transition:opacity .1s linear calc(var(--custom-drawer-transition-duration, var(--default-drawer-transition-duration)) - 50ms)}mc-offcanvas .tab-footer{background-color:#f6f6f6}@media screen and (max-width: 990px){mc-offcanvas.mc-horizontal.mc-m-vertical{max-height:0px;max-width:unset}mc-offcanvas.mc-vertical.mc-m-horizontal{max-width:0px;max-height:unset}mc-offcanvas.mc-horizontal.mc-m-vertical.mc-active{max-height:100dvh;max-width:unset}mc-offcanvas.mc-vertical.mc-m-horizontal.mc-active{max-width:100vw;max-height:unset}mc-offcanvas.mc-horizontal.mc-m-vertical>.drawer{height:var(--custom-drawer-height, var(--default-drawer-height));transition:max-height var(--custom-drawer-transition-duration, var(--default-drawer-transition-duration));width:100%;max-height:0px;max-width:unset}mc-offcanvas.mc-vertical.mc-m-horizontal>.drawer{width:var(--custom-drawer-width, var(--default-drawer-width));overflow-y:scroll;height:100%;max-width:0px}mc-offcanvas.mc-horizontal.mc-m-vertical.mc-active>.drawer{transition:max-height var(--custom-drawer-transition-duration, var(--default-drawer-transition-duration));max-height:var(--custom-drawer-height, var(--default-drawer-height))}mc-offcanvas.mc-vertical.mc-m-horizontal.mc-active>.drawer{max-width:var(--custom-drawer-width, var(--default-drawer-width))}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/mc-offcanvas.css.map */