:root{--offcanvas-dimmer-z-index: 100;--offcanvas-z-index: 110;--offcanvas-color-dimmer: rgba(0, 0, 0, .5);--offcanvas-border: none;--offcanvas-trans-length: .5s;--offcanvas-trans: all var(--offcanvas-trans-length) cubic-bezier(.27, .98, .6, .93);--offcanvas-trans-dimmer: background-color .4s .2s;--offcanvas-width: 36rem;--offcanvas-width-minicart: 40rem;--offcanvas-width-mob: 31rem;--offcanvas-min-width: 31rem}@media screen and (max-width: 989px){:root{--offcanvas-width-minicart: 80%}}.offcanvas-canvas{position:relative}.offcanvas-body{position:relative;overflow:visible;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(var(--offcanvas-width),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(calc(-1 * var(--offcanvas-width-mob)),0,0)}.is-offcanvas-open.is-offcanvas-push-left .offcanvas-body,.is-offcanvas-open.is-offcanvas-push-left .offcanvas-push-me{transform:translate3d(var(--offcanvas-width-mob),0,0)}}offcanvas-menu{background-color:var(--color-background-slight);position:fixed;top:0;overflow:auto;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);border-left:1px solid var(--color-border);transform:translate3d(100%,0,0);display:flex;flex-flow:column nowrap}offcanvas-menu#mini-cart,offcanvas-menu#account-drawer{width:var(--offcanvas-width-minicart);max-width:600px}offcanvas-menu.disable-anim{transition:none!important}offcanvas-menu#mini-cart,offcanvas-menu#filter-sidebar,offcanvas-menu#search-sidebar,offcanvas-menu#mobile-menu{right:0}@media only screen and (max-width: 749px){offcanvas-menu{width:calc(100% - 40px);max-width:400px}offcanvas-menu#mini-cart,offcanvas-menu#account-drawer{width:90%}offcanvas-menu#filter-sidebar{width:100%;max-width:calc(100% - 50px)}offcanvas-menu#search-sidebar{width:100%;max-width:100%}offcanvas-menu#mobile-menu{width:100vw;max-width:100vw}}offcanvas-menu#personalisation .offcanvas__close{background-color:transparent;justify-content:right}@media (max-width:750px){offcanvas-menu#personalisation .offcanvas__close{position:absolute;right:6px;top:16px}}offcanvas-menu#mobile-menu .offcanvas-header{position:relative}offcanvas-menu#mobile-menu .offcanvas__close{text-decoration:none}.offcanvas--left{transform:translate3d(-100%,0,0);border-right:1px solid var(--color-border);border-left:none;right:auto;left:0}offcanvas-menu.is-active{transform:translateZ(0)}offcanvas-menu#filter-sidebar.is-active{transform:translate(0)}#mobile-menu .menu-drawer__navigation{padding:0}#mobile-menu .menu-drawer__navigation .accordion-block{border-bottom:0px}#mobile-menu .menu-drawer__menu-item{margin:0;padding:var(--spacing-xs) var(--spacing-base);font-size:var(--text-base);color:#453e41;display:flex;align-items:center;justify-content:space-between}#mobile-menu details .mx-base{margin:0 var(--spacing-base) 0 0}#mobile-menu .list-sub-menu{list-style:none;margin:0;padding:0}#mobile-menu .list-sub-menu li{margin:0;padding:var(--spacing-xs) var(--spacing-base);border-bottom:1px solid var(--color-border);font-size:var(--text-base)}#mobile-menu .list-sub-menu li:last-of-type{border-bottom:none}#mobile-menu .list-sub-menu .menu-link{text-decoration:none;color:#453e41;text-transform:uppercase;letter-spacing:var(--tracking-wider)}#mobile-menu .list-sub-menu.list-sub-menu-width-dark-border--bottom{border-bottom:1px solid #bcbcbc}#mobile-menu .accordion__content{margin-bottom:0}#mobile-menu details details{border-top:1px solid var(--color-border);border-bottom:0px}#mobile-menu .menu-drawer__subnav{margin:0;padding:0;font-size:var(--text-base)}#mobile-menu .menu-drawer__subnav .menu-drawer__menu-item{padding:var(--spacing-xs) var(--spacing-base) var(--spacing-xs) var(--spacing-xl)}#mobile-menu .menu-drawer__subnav.from-footer .menu-drawer__menu-item{padding:0 0 var(--spacing-sm) var(--spacing-xl);font-size:11px;line-height:normal}#mobile-menu .menu-drawer__subnav.from-footer .menu-drawer__menu-item:first-of-type{padding:var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-xl)}#mobile-menu .menu-drawer__sub_subnav a{padding:0 0 1.5rem 4.1rem;font-size:11px;border:0px;text-transform:none;line-height:normal}.menu-drawer__sub_subnav .js .menu-drawer__menu li{margin-bottom:0}.menu-drawer__sub_subnav{margin-top:.5rem}#mobile-menu .menu-drawer__sub_subnav li:nth-last-of-type(1) a{padding-bottom:1rem;padding-top:.1rem}#mobile-menu .mega-menu-image-blocs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 2rem 0 4rem;margin-bottom:0;border-top:1px solid var(--color-border)}#mobile-menu .mega-menu-image-blocs .fostr-mega-menu__submenu__block{padding-top:2rem}#mobile-menu .mega-menu-image-blocs.mobile{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem 2rem 4rem;margin-bottom:0;border-top:none}#mobile-menu .mega-menu-image-blocs.mobile .fostr-mega-menu__submenu__block-content{display:flex;flex-direction:column;justify-content:center;margin-left:2rem}#mobile-menu .mega-menu-image-blocs.mobile .fostr-mega-menu__submenu__block-content p{font-size:11px;line-height:14px}#mobile-menu .mega-menu-image-blocs.mobile .fostr-mega-menu__submenu__block-content a{padding:0}#mobile-menu .mega-menu-image-blocs.mobile .fostr-mega-menu__submenu__block{padding-top:0;padding-bottom:0}#mobile-menu .mega-menu-image-blocs.mobile .fostr-mega-menu__submenu__block img{height:auto;position:relative}#mobile-menu .mega-menu-image-blocs.mobile .fostr-mega-menu__submenu__block .fostr-mega-menu__submenu__block__media.media--square img{display:block;max-width:100%;position:absolute;top:0;left:0;height:100%;width:100%}#mobile-menu li:last-child .mega-menu-image-blocs.mobile .fostr-mega-menu__submenu__block{padding-bottom:0}#mobile-menu .mega-menu-image-blocs.mobile .fostr-mega-menu__submenu__block .fostr-mega-menu__submenu__block__link{display:contents}#mobile-menu .fostr-mega-menu__submenu__block{flex:none;flex-grow:1;width:auto;display:inline-block;align-self:center;margin:0;gap:5px}#mobile-menu .fostr-mega-menu__submenu__block .fostr-mega-menu__submenu__block__title{margin-top:10px;margin-bottom:25px}.offcanvas__close{z-index:var(--offcanvas-z-index);display:flex;align-items:center;justify-content:center;background-color:transparent;padding:0;border:0;background-color:var(--color-background-slight);text-transform:uppercase;font-weight:300}.offcanvas__close svg{width:1.2rem;height:1.2rem}.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)}.menu-drawer__single-item.no-bottom-border{border-bottom:none}.is-offcanvas-open .offcanvas-dimmer{pointer-events:auto;background-color:var(--offcanvas-color-dimmer)}@media (min-width: 1250px){.is-offcanvas-open.offcanvas-instance-search-sidebar .offcanvas-dimmer{background-color:transparent}}body .modal__toggle-open.icon.icon-search{opacity:1}body.is-offcanvas-open .modal__toggle-open.icon.icon-search{opacity:0;transition:.3s ease-in-out}.offcanvas-header{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;background-color:var(--color-background-slight)}#filter-sidebar .offcanvas-header{border-bottom:1px solid var(--color-border)}#FacetFiltersForm .offcanvas-header{padding-left:var(--spacing-base);padding-right:var(--spacing-base);padding-top:var(--spacing-base);padding-bottom:var(--spacing-base);border-bottom:1px solid var(--color-border)}#FacetFiltersForm .offcanvas__close{top:1.5rem}.offcanvas-header__heading,.offcanvas-header__heading a{font-size:var(--text-2xl);text-transform:uppercase;margin:0}.offcanvas-header__heading a{text-decoration:none;color:inherit}.offcanvas-footer{padding:var(--spacing-sm) var(--spacing-base);position:sticky;bottom:0;background-color:var(--color-background-slight);margin-top:auto}#mini-cart .offcanvas-footer{border-top:1px solid #bcbcbc}.fostr-mega-menu.header__inline-menu{max-height:20px}#mini-cart .offcanvas-header__heading{padding:var(--spacing-lg) var(--spacing-base)}
/*# sourceMappingURL=/cdn/shop/t/472/assets/fostr-component-offcanvas-menu.css.map */