:root{--kdrawer-z-overlay: 1002;--kdrawer-z-panel: 1003;--kdrawer-width: 40rem;--kdrawer-duration: .35s;--kdrawer-ease: cubic-bezier(.4, 0, .2, 1)}kaffir-drawer{display:block}.kdrawer__toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:rgb(var(--color-foreground));height:4.4rem;width:4.4rem;padding:0}.header__icon--menu[aria-expanded=true]:before{content:none}.kdrawer__toggle .svg-wrapper{width:2rem;height:2rem}.kdrawer-wrapper .kdrawer__overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--kdrawer-z-overlay);background-color:rgba(var(--color-foreground),.45);opacity:0;visibility:hidden;transition:opacity var(--kdrawer-duration) var(--kdrawer-ease),visibility var(--kdrawer-duration) var(--kdrawer-ease)}kaffir-drawer[open] .kdrawer__overlay{opacity:1;visibility:visible}.kdrawer{position:fixed;top:0;left:0;z-index:var(--kdrawer-z-panel);display:flex;flex-direction:column;width:min(88vw,var(--kdrawer-width));height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;background-color:rgb(var(--color-background));box-shadow:var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur-radius) rgba(var(--color-shadow),var(--drawer-shadow-opacity));transform:translate(-100%);visibility:hidden;transition:transform var(--kdrawer-duration) var(--kdrawer-ease),visibility var(--kdrawer-duration) var(--kdrawer-ease)}kaffir-drawer[open] .kdrawer{transform:translate(0);visibility:visible}@media screen and (min-width:750px){.kdrawer{border-right:var(--drawer-border-width) solid rgba(var(--color-foreground),var(--drawer-border-opacity))}}@media(prefers-reduced-motion:reduce){.kdrawer,.kdrawer__overlay,.kdrawer__panel,.kdrawer__chevron{transition-duration:.01ms}}.kdrawer__header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.6rem 1.6rem 1.6rem 2.4rem;padding-top:calc(1.6rem + env(safe-area-inset-top));border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.kdrawer__logo{display:flex;align-items:center;min-width:0;text-decoration:none;color:rgb(var(--color-foreground))}.kdrawer__logo-image{display:block;width:auto;max-width:16rem;max-height:3.6rem;object-fit:contain}.kdrawer__logo-text{font-family:var(--font-heading-family);font-size:1.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kdrawer__close{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;background:none;border:none;border-radius:50%;cursor:pointer;color:rgb(var(--color-foreground));transition:background-color var(--duration-short) ease}.kdrawer__close:hover{background-color:rgba(var(--color-foreground),.06)}.kdrawer__close .svg-wrapper{width:1.8rem;height:1.8rem}.kdrawer__nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:1.2rem 0 2.4rem}.kdrawer__menu,.kdrawer__submenu{margin:0;padding:0;list-style:none}.kdrawer__link{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;width:100%;padding:1.3rem 2.4rem;background:none;border:none;cursor:pointer;text-align:left;text-decoration:none;font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:1.7rem;line-height:1.4;color:rgb(var(--color-foreground));transition:background-color var(--duration-short) ease}.kdrawer__link:hover,.kdrawer__link:focus-visible{background-color:rgba(var(--color-foreground),.05)}.kdrawer__link--active{font-weight:600;box-shadow:inset .3rem 0 rgb(var(--color-foreground))}.kdrawer__link--child{padding-left:4rem;font-size:1.5rem;color:rgba(var(--color-foreground),.78)}.kdrawer__link--grandchild{padding-left:5.6rem;font-size:1.4rem;color:rgba(var(--color-foreground),.68)}.kdrawer__chevron{flex:0 0 auto;width:1.1rem;height:1.1rem;transition:transform var(--kdrawer-duration) var(--kdrawer-ease)}.kdrawer__link--parent[aria-expanded=true] .kdrawer__chevron{transform:rotate(180deg)}.kdrawer__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--kdrawer-duration) var(--kdrawer-ease)}.kdrawer__link--parent[aria-expanded=true]+.kdrawer__panel{grid-template-rows:1fr}.kdrawer__panel-inner{overflow:hidden;min-height:0}.kdrawer__submenu{background-color:rgba(var(--color-foreground),.025)}.kdrawer__footer{flex:0 0 auto;display:flex;flex-direction:column;gap:.4rem;padding:1.6rem 2.4rem;padding-bottom:calc(1.6rem + env(safe-area-inset-bottom));border-top:.1rem solid rgba(var(--color-foreground),.08);background-color:rgba(var(--color-foreground),.03)}.kdrawer__footer:empty{display:none}.kdrawer__account{display:inline-flex;align-items:center;gap:1rem;padding:.8rem 0;font-size:1.4rem;text-decoration:none;color:rgb(var(--color-foreground))}.kdrawer__account account-icon>.svg-wrapper,.kdrawer__account>.svg-wrapper{width:2rem;height:2rem}.kdrawer__account shop-user-avatar{--shop-avatar-size: 2.4rem}.kdrawer__localization{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.6rem}.kdrawer .kdrawer__social{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0 0 0 -1.1rem;padding:0}.kdrawer__social:empty{display:none}.kdrawer__social .list-social__link{padding:1rem}html.kdrawer-open .section-header{z-index:var(--kdrawer-z-panel)}@media screen and (max-width:749px){.kdrawer.country-selector-open{transition:none!important}}.header__icon--menu{position:initial}.js menu-drawer>details>summary:before,.js menu-drawer>details[open]:not(.menu-opening)>summary:before{content:"";position:absolute;cursor:default;width:100%;height:calc(100vh - 100%);height:calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));top:100%;left:0;background:rgba(var(--color-foreground),.5);opacity:0;visibility:hidden;z-index:2;transition:opacity 0s,visibility 0s}menu-drawer>details[open]>summary:before{visibility:visible;opacity:1;transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease}.js .menu-drawer__navigation .submenu-open{visibility:hidden}.js .menu-drawer__submenu .mobile-facets__submenu{overflow-y:auto}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-menu-drawer.css.map */