.header-drawer{display:block}.header-drawer__wrapper{position:fixed;top:var(--header-offset);bottom:0;left:0;z-index:var(--z-header);width:100%;display:flex;flex-direction:column;background-color:var(--color-background-secondary);opacity:0;visibility:hidden;transform:translate(-100%);will-change:opacity,visibility,transform;transition:opacity var(--duration-default),visibility var(--duration-default),transform var(--duration-default)}.menu-opening .header-drawer__wrapper{opacity:1;visibility:visible;transform:translate(0)}.header-drawer__content-wrapper{flex:1;overflow:hidden;position:relative}.header-drawer__content{overflow:hidden auto;height:100%;padding:var(--spacing-2) var(--spacing-4) var(--spacing-4)}.header-drawer__content.has-submenu-open{overflow:hidden}.header-drawer__menu-item{margin-bottom:var(--spacing-2)}.header-drawer__menu-item>details>summary,.header-drawer__menu-item>a{padding-block:var(--spacing-1)}.header-drawer__submenu{width:100%;height:100%;padding:var(--spacing-4);overflow:hidden auto}.header-drawer__submenu-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;transform:translate(100%);z-index:2;background:var(--color-background-secondary);will-change:transform;transition:transform var(--duration-default) ease-out}.header-drawer__submenu--slide-left.has-submenu-open{overflow:hidden}.menu-opening>.header-drawer__submenu-wrapper{transform:translate(0)}.header-drawer__back{display:flex;align-items:center;width:100%;justify-content:flex-start;background:transparent;appearance:none;-webkit-appearance:none;border:0;padding-bottom:var(--spacing-2);line-height:1}.header-drawer__subtitle{display:block;font-size:calc(var(--font-size-1) + var(--font-size-05));border-top:.1rem solid var(--color-border);padding-block:var(--spacing-2)}.header-drawer__back span{margin-inline:var(--spacing-1)}.header-drawer__submenu-item{padding-left:var(--spacing-2)}.header-drawer__submenu-item:not(:last-of-type){margin-bottom:var(--spacing-3)}.header-drawer__link{display:flex;justify-content:space-between;align-items:center;column-gap:var(--spacing-1);font-size:var(--font-size-2)}.header-drawer__link-arrow{display:inline-flex;padding:var(--spacing-05) 0 var(--spacing-05) var(--spacing-2);border-left:.1rem solid var(--color-border);transition:transform var(--duration-default)}.header-drawer__link span{position:relative}.header-drawer__link>span{margin-right:var(--spacing-step)}.header-drawer__link svg{display:inline-block;min-width:1.2rem}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-header-drawer.css.map */