.header__slideout-navigation{display:none;grid-area:navigation}.main-slideout-menu.header__inline-menu{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;list-style-type:none;margin:0;padding:0}.main-slideout-menu li .main-slideout-menu-button{background:none;border:none;padding:.5rem;cursor:pointer}.main-slideout-menu li .main-slideout-menu-button a{text-decoration:none}.header__heading-link,.main-slideout-menu .main-slideout-menu-button,.main-slideout-menu .main-slideout-menu-button.sub-panel-enabled{position:relative;z-index:11}.main-slideout-container{height:100vh;position:absolute;top:0;left:0;right:0;margin-left:auto;margin-right:auto;overflow:hidden;pointer-events:none}.main-slideout-container.active{overflow:visible;pointer-events:auto}.main-slideout-panel{position:absolute;top:0;left:-1px;width:fit-content;max-width:var(--page-width);height:100vh;z-index:10;padding-top:10rem;padding-bottom:2.5rem;transform:translate(-100%);transition:transform .5s ease-in-out}.main-slideout-panel:before{content:"";position:absolute;top:-20%;left:-100%;width:200%;height:120vh;z-index:-1}.main-slideout-panel.active{transform:translate(0);padding-left:7.5rem;padding-right:2.5rem}.main-slideout-panel-overlay:empty{display:block;visibility:hidden;opacity:0;transition:opacity .5s ease;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;z-index:9;pointer-events:none}.main-slideout-panel-overlay.active:empty{visibility:visible;pointer-events:auto}.main-slide-panel-close{position:absolute;right:2rem;background:none;border:none;width:3rem;height:3rem;cursor:pointer}.main-slide-panel-close svg{width:100%;height:100%}.main-slideout-inner-panel{display:none;height:100%;width:auto;padding:0 0 3rem;overflow:hidden}.main-slideout-inner-panel.active{display:flex}.main-slideout-inner-panel ul{display:inline-block;width:auto;margin:0;padding:0 0 2.5rem;min-width:300px;list-style-type:none;overflow-x:hidden;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.main-slideout-inner-panel ul::-webkit-scrollbar{display:none}.main-slideout-inner-panel ul.active{padding:0 2rem}.main-slideout-inner-panel .card_inner_block{display:block}.main-slideout-inner-panel .card_inner_block img{display:block;width:100%;height:auto}.slide-parent-link.slide-products{width:100%}.main-slideout-inner-panel ul.sub-inner-parent-panel{min-width:300px;width:300px}.main-slideout-inner-panel ul.sub-inner-child-panel,.main-slideout-inner-panel ul.sub-inner-grandchild-panel{width:0;min-width:0;opacity:0;visibility:hidden;transition:opacity .5s ease-in-out}.main-slideout-inner-panel ul.sub-inner-child-panel.active,.main-slideout-inner-panel ul.sub-inner-grandchild-panel.active{opacity:1;min-width:300px;width:auto;visibility:visible}.main-slideout-inner-panel ul:first-child{padding-right:2rem}.main-slideout-inner-panel ul li a{text-decoration:none;cursor:pointer}.main-slideout-inner-panel ul li button{border:none;background:none;padding:0;margin:0;cursor:pointer}.main-slideout-inner-panel ul li:has(button.open){position:relative}.main-slideout-inner-panel ul li:has(button.open):after{content:"";width:100%;height:2px;background:#000;position:absolute;bottom:0;left:0}.slide-products .header__blocks-container{width:100%;max-width:300px;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.slide-products .card__badge{align-self:flex-end;grid-row-start:3}.main-slideout-menu-button,.main-slideout-menu-button a{font-size:1.6rem;font-family:inherit;font-weight:600;color:#000}.main-slideout-menu-button:hover,.main-slideout-menu-button:hover a{color:#666}.main-slideout-inner-panel ul li{padding:1rem 0}.main-slideout-inner-panel ul li a:not(.full-unstyled-link):not(.header__blocks-button),.main-slideout-inner-panel ul li button{color:#000;font-family:inherit;font-size:1.6rem;font-weight:400;line-height:normal}.main-slideout-inner-panel ul li a:not(.full-unstyled-link):not(.header__blocks-button):hover,.main-slideout-inner-panel ul li button:hover{color:#666}.main-slideout-inner-panel ul li button{display:flex;width:100%;padding:0;margin:0;align-items:stretch}.main-slideout-inner-panel ul li button span{display:flex;justify-content:center;align-items:center;width:2rem;margin-left:auto;margin-right:2rem}.main-slideout-inner-panel ul li button span svg{transform:rotate(-90deg);width:1.6rem}
/*# sourceMappingURL=/cdn/shop/t/170/assets/component-slideout-menu.css.map */