.js inline-drawer-menu>details>summary:before{content:"";position:fixed;cursor:default;width:100vw;height:calc(100vh - var(--inline-drawer-top, 0px));top:var(--inline-drawer-top, 0px);left:0;background:rgba(var(--color-foreground),.5);opacity:0;visibility:hidden;z-index:2;transition:opacity 0s,visibility 0s;pointer-events:none}.header__menu-item{color:#2c2c2c;font-weight:500}inline-drawer-menu>details[open]>summary:before{visibility:visible;opacity:1;pointer-events:auto;transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease}.inline-drawer-panel{position:fixed;top:var(--inline-drawer-top, 0px);left:0;width:320px;height:calc(100vh - var(--inline-drawer-top, 0px));height:calc(100dvh - var(--inline-drawer-top, 0px));background-color:rgb(var(--color-background));z-index:100;transform:translate(-100%);visibility:hidden;transition:transform var(--duration-default) ease,visibility var(--duration-default) ease;overflow-y:auto;overflow-x:hidden}.js details[open].inline-drawer-opening>.inline-drawer-panel{transform:translate(0);visibility:visible}.inline-drawer-panel__inner{padding:3rem 0;min-height:100%}.inline-drawer-panel__header{padding:10px 40px 16px}.inline-drawer-panel__title{display:inline-flex;align-items:baseline;gap:.8rem;font-size:2.2rem;font-weight:600;text-decoration:none;color:rgb(var(--color-foreground));line-height:1.3;transition:color .2s ease;position:relative}.inline-drawer-panel__title:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.2rem;background-color:rgb(var(--color-foreground));transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.25,.1,.25,1)}.inline-drawer-panel__title:hover:after,.inline-drawer-panel__title:focus:after{transform:scaleX(1)}.inline-drawer-panel__title-arrow{width:14px;height:14px;display:inline-flex;align-items:center;transition:transform .2s ease}.inline-drawer-panel__title-arrow path{fill:red}.inline-drawer-panel__title:hover .inline-drawer-panel__title-arrow{transform:translate(3px)}.inline-drawer-panel__menu{list-style:none;padding:0;margin:0}.inline-drawer-panel__menu>li{padding-left:48px}.inline-drawer-panel__link{display:inline-block;padding:16px 0;font-size:1.8rem;text-decoration:none;color:rgba(var(--color-foreground),.85);transition:color .2s ease;cursor:pointer;background:none;border:none;font-family:inherit;text-align:left;position:relative}.inline-drawer-panel__link:after{content:"";position:absolute;bottom:10px;left:0;width:100%;height:.2rem;background-color:rgb(var(--color-foreground));transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.25,.1,.25,1)}.inline-drawer-panel__link:hover:after,.inline-drawer-panel__link:focus:after{transform:scaleX(1)}.inline-drawer-panel__link:hover,.inline-drawer-panel__link:focus{color:rgb(var(--color-foreground))}.inline-drawer-panel__link--active{color:rgb(var(--color-foreground));font-weight:600}.inline-drawer-panel__link--active:after{transform:scaleX(1)}.inline-drawer-panel__caret{width:12px;height:12px;transition:transform .2s ease;flex-shrink:0}.inline-drawer-panel__child-details[open] .inline-drawer-panel__caret{transform:rotate(180deg)}.inline-drawer-panel__grandchild-menu{list-style:none;padding:0;margin:0;background-color:rgba(var(--color-foreground),.02)}.inline-drawer-panel__grandchild-link{display:inline-block;padding:.8rem 0;margin-left:4.5rem;font-size:1.4rem;text-decoration:none;color:rgba(var(--color-foreground),.75);transition:color .2s ease;position:relative}.inline-drawer-panel__grandchild-link:after{content:"";position:absolute;bottom:.4rem;left:0;width:100%;height:.125rem;background-color:rgb(var(--color-foreground));transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.25,.1,.25,1)}.inline-drawer-panel__grandchild-link:hover:after,.inline-drawer-panel__grandchild-link:focus:after{transform:scaleX(1)}.inline-drawer-panel__grandchild-link:hover,.inline-drawer-panel__grandchild-link:focus{color:rgb(var(--color-foreground))}.inline-drawer-menu[open]>summary .header__menu-item,.inline-drawer-menu[open]>.header__menu-item{text-decoration:underline;text-underline-offset:.3rem}.inline-drawer-panel__close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;cursor:pointer;padding:.5rem;color:rgb(var(--color-foreground));z-index:2}.inline-drawer-panel__close .svg-wrapper{width:20px;height:20px}@media screen and (min-width:750px){.inline-drawer-panel{width:360px}}@media screen and (max-width:989px){.header__inline-menu--inline-drawer{display:none}}body.inline-drawer-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-inline-drawer-menu.css.map */