:root{--offcanvas-dimmer-z-index: 100;--offcanvas-z-index: 110;--offcanvas-color-dimmer: rgba(0,0,0,.5);--offcanvas-border: none;--offcanvas-trans: all .5s cubic-bezier(.27, .98, .6, .93);--offcanvas-trans-dimmer: background-color .4s .2s;--offcanvas-width: 37.5rem;--offcanvas-width-mob: 90%}.offcanvas-canvas{position:relative}.offcanvas-body{position:relative;overflow:hidden;min-height:100vh}.offcanvas-body,.offcanvas-push-me{transition:var(--offcanvas-trans)}.is-offcanvas-open.is-offcanvas-push .offcanvas-body,.is-offcanvas-open.is-offcanvas-push .offcanvas-push-me{transform:translate3d(calc(-1 * var(--offcanvas-width)),0,0)}.is-offcanvas-open.is-offcanvas-push-left .offcanvas-body,.is-offcanvas-open.is-offcanvas-push-left .offcanvas-push-me{transform:translate3d(-32rem,0,0)}@media screen and (max-width: 767px){.is-offcanvas-open.is-offcanvas-push .offcanvas-body,.is-offcanvas-open.is-offcanvas-push .offcanvas-push-me{transform:translate3d(-100%,0,0)}.is-offcanvas-open.is-offcanvas-push-left .offcanvas-body,.is-offcanvas-open.is-offcanvas-push-left .offcanvas-push-me{transform:translate3d(100%,0,0)}}offcanvas-menu{background-color:#fff;position:fixed;top:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;width:var(--offcanvas-width);height:100%;z-index:var(--offcanvas-z-index);transition:var(--offcanvas-trans);right:0;border-left:var(--offcanvas-border);transform:translate3d(100%,0,0);min-width:355px}@media only screen and (max-width: 767px){offcanvas-menu{width:var(--offcanvas-width-mob)}}.offcanvas--left{transform:translate3d(-100%,0,0);border-right:var(--offcanvas-border);border-left:none;right:auto;left:0}.offcanvas--right{transform:translate3d(100%,0,0);right:0}offcanvas-menu.is-active{transform:translateZ(0)}.offcanvas__close{position:absolute;right:0;top:0;z-index:var(--offcanvas-z-index)}.offcanvas-dimmer,.offcanvas-dimmer:empty{position:fixed;display:block;left:0;right:0;bottom:0;top:0;background-color:transparent;pointer-events:none;z-index:var(--offcanvas-dimmer-z-index);transition:var(--offcanvas-trans-dimmer)}.is-offcanvas-open .offcanvas-dimmer{pointer-events:auto;background-color:var(--offcanvas-color-dimmer)}
/*# sourceMappingURL=/cdn/shop/t/446/assets/component-offcanvas-menu.css.map */