.header-drawer{display:block;padding-bottom:.4rem}.header-drawer__button{display:block;position:relative;width:fit-content}.header-drawer__content{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-modals);visibility:hidden;pointer-events:none;transition:visibility var(--duration-default)}.header-drawer__content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;opacity:0;transition:opacity var(--duration-default)}.header-drawer__inner{display:flex;flex-direction:column;width:39.5rem;max-width:calc(100% - 3rem);height:100%;padding:0 2.2rem;background-color:var(--color-background-body);overflow-y:auto;position:relative;z-index:1;transform:translate(-100%);transition:transform var(--duration-default)}html.no-js .header-drawer__container[open] .header-drawer__content,.header-drawer__content.menu-open{visibility:inherit;pointer-events:auto}html.no-js .header-drawer__container[open] .header-drawer__content:before,.header-drawer__content.menu-open:before{opacity:1}html.no-js .header-drawer__container[open] .header-drawer__inner,.header-drawer__content.menu-open .header-drawer__inner{transform:none}.header-drawer__head{position:sticky;top:0;z-index:2;background-color:var(--color-background-body);display:grid;grid-template-columns:1fr auto 1fr;column-gap:1.6rem;padding:2.2rem 0 2.8rem;border-bottom:.1rem solid var(--color-border)}.header-drawer__close{align-self:flex-end;width:2.1rem}.header-drawer__logo-inner{max-width:22.4rem;padding-bottom:1.5rem}.header-drawer__body{padding:1.3rem 0 2rem}.header-drawer__nav{line-height:1.2;color:var(--color-headings)}.header-drawer__menu-item{margin-bottom:2.1rem}.header-drawer__sublink,.header-drawer__link{padding:.5rem 0}.header-drawer__sublink svg,.header-drawer__link svg{padding-top:.25em}.header-drawer__submenu{padding:.6rem 0 0 2rem}.header-drawer__submenu-item{margin-bottom:.6rem}.header-drawer__submenu-item:last-child,.header-drawer__menu-item:last-child{margin-bottom:0}.header-drawer__foot{position:sticky;bottom:0;padding:3rem 0;margin-top:auto;border-top:.1rem solid var(--color-border);background-color:var(--color-background-body)}.header-drawer__search .field__input{font-size:1.8rem;padding-left:1.6rem}@media screen and (max-height: 449px){.header-drawer__foot{position:static}}@media screen and (max-height: 299px){.header-drawer__head{position:static}}@media screen and (max-width: 749px){.header-drawer{padding:.3rem 0 0}}@media screen and (max-width: 479px){.header-drawer__inner{width:100%;max-width:100%;padding:0 1rem}.header-drawer__head{padding:3.1rem 0 2.8rem}.header-drawer__logo-inner{max-width:19.7rem;padding-bottom:.2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-header-drawer.css.map */