.header__drawer{--drawer-pad: var(--page-margin);--drawer-line: color-mix(in srgb, var(--drawer-div-color, var(--color-border)) var(--drawer-div-mix, 100%), transparent);--drawer-item-y: 1rem;position:fixed;inset:0 auto 0 0;width:min(88vw,var(--drawer-width, 400px));max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-background);color:var(--color-foreground);transform:translate(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1)}.header__drawer--right{inset:0 0 0 auto;transform:translate(100%)}.header__drawer:not([open]){display:none}.header__drawer.is-open{transform:none}.header__drawer::backdrop{background:#0006}.header__drawer:focus{outline:none}.header__drawer :focus:not(:focus-visible){outline:none;box-shadow:none}.drawer--space-compact{--drawer-item-y: .75rem}.drawer--space-large{--drawer-item-y: 1.3rem}.header__drawer-top{flex:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:60px;padding:.5rem .5rem .5rem var(--drawer-pad);border-bottom:var(--drawer-div-w, 1px) solid var(--drawer-line)}.header__drawer-logo{display:block;color:inherit;text-decoration:none;line-height:0}.header__drawer-logo img{width:var(--drawer-logo-width, 110px);height:auto}.header__drawer-logo--text{font-family:var(--font-heading--family);font-size:1.35rem;line-height:1.1}.header__drawer-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column}.header__drawer-nav{flex:1 0 auto}.drawer-search{position:relative;margin:1rem var(--drawer-pad) .25rem}.drawer-search input{width:100%;min-height:44px;padding:0 2.75rem 0 1rem;border:1px solid var(--color-border);border-radius:max(var(--radius-input, 0px),6px);background:var(--color-surface, transparent);color:inherit;font:inherit}.drawer-search__btn{position:absolute;top:0;right:0;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:inherit;cursor:pointer}.drawer-featured{padding:1.1rem 0 .5rem}.drawer-featured__title{margin:0 var(--drawer-pad) .7rem}.drawer-featured__track{display:flex;gap:.75rem;margin:0;padding:0 var(--drawer-pad) .25rem;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--drawer-pad);scrollbar-width:none}.drawer-featured__track::-webkit-scrollbar{display:none}.drawer-featured__track>li{flex:0 0 116px;scroll-snap-align:start}.drawer-featured__card{display:flex;flex-direction:column;gap:.45rem;color:inherit;text-decoration:none}.drawer-featured__media,.drawer-card__media,.drawer-promo__media{position:relative;display:block;overflow:hidden;border-radius:var(--radius-card, 0);background-color:var(--color-surface, var(--color-border))}.drawer-featured__media{aspect-ratio:3 / 4}.drawer-featured__media img,.drawer-card__media img,.drawer-promo__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.drawer-featured__name{font-size:.85em;line-height:1.3}.drawer-menu,.drawer-menu__sub{margin:0;padding:0;list-style:none}.drawer-menu__item{display:flex;align-items:center;gap:.75rem;width:100%;padding:var(--drawer-item-y) var(--drawer-pad);border:0;background:none;font-family:var(--font-nav--family);font-size:calc(var(--font-nav--size) + 2px);letter-spacing:var(--font-nav--spacing);text-transform:var(--font-nav--case);text-align:left;color:inherit;text-decoration:none;cursor:pointer;list-style:none}.drawer-menu__item::-webkit-details-marker,.drawer-menu__subitem::-webkit-details-marker{display:none}.drawer-menu__item>.menu-label{flex:1;min-width:0}.drawer-menu__item>.svg-icon,.drawer-menu__subitem--parent>.svg-icon{flex:none;margin-left:auto;transition:transform .25s ease}.drawer-menu__details[open]>summary>.svg-icon{transform:rotate(180deg)}.drawer-menu__thumb{position:relative;flex:none;width:48px;aspect-ratio:1;overflow:hidden;border-radius:max(var(--radius-card, 0px),6px);background-color:var(--color-surface, var(--color-border))}.drawer-menu__thumb--sm{width:40px}.drawer-menu__thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.drawer--img-thumbs .drawer-menu__item{padding-block:calc(var(--drawer-item-y) * .6)}.drawer-menu__sub{padding:.4rem 0;background-color:var(--drawer-sub-bg, var(--color-surface))}.drawer-menu__subitem{display:flex;align-items:center;gap:.65rem;padding:.6rem calc(var(--drawer-pad) + .75rem);color:inherit;text-decoration:none;cursor:pointer;list-style:none}.drawer-menu__subitem>.menu-label{flex:1;min-width:0}.drawer-menu__subitem--all{font-weight:var(--font-body--weight-bold)}.drawer-menu__sub--third{padding:0 0 .3rem;background:none}.drawer-menu__sub--third .drawer-menu__subitem{padding-left:calc(var(--drawer-pad) + 1.75rem);color:var(--color-text-muted)}.drawer-menu__sub--cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .75rem;padding:.9rem var(--drawer-pad) 1.1rem}.drawer-menu__sub--cards .drawer-menu__all-li{grid-column:1 / -1}.drawer-menu__sub--cards .drawer-menu__subitem--all{padding:.2rem 0}.drawer-card{display:flex;flex-direction:column;gap:.45rem;color:inherit;text-decoration:none}.drawer-card__media{aspect-ratio:4 / 5}.drawer-card__name{font-size:.92em;line-height:1.3}.drawer--div-full .drawer-menu__li{border-bottom:var(--drawer-div-w, 1px) solid var(--drawer-line)}.drawer--div-inset .drawer-menu__li{position:relative}.drawer--div-inset .drawer-menu__li:after{content:"";position:absolute;left:var(--drawer-pad);right:var(--drawer-pad);bottom:0;height:var(--drawer-div-w, 1px);background-color:var(--drawer-line)}.drawer--div-inset .drawer-menu__details[open]{padding-bottom:var(--drawer-div-w, 1px)}.drawer--div-short .drawer-menu__li{position:relative}.drawer--div-short .drawer-menu__li:after{content:"";position:absolute;left:var(--drawer-pad);bottom:0;width:24px;height:var(--drawer-div-w, 1px);background-color:var(--drawer-line)}.drawer--div-short .drawer-menu__li:last-child:after{display:none}.drawer--div-dotted .drawer-menu__li{border-bottom:max(var(--drawer-div-w, 1px),1.5px) dotted var(--drawer-line)}.drawer--div-none .drawer-menu__item{padding-block:calc(var(--drawer-item-y) * .85);font-size:calc(var(--font-nav--size) + 4px)}.drawer--div-none .header__drawer-top{border-bottom-color:transparent}.drawer--div-cards .header__drawer-nav{padding:.75rem var(--drawer-pad) .5rem}.drawer--div-cards .drawer-menu{display:grid;gap:.5rem}.drawer--div-cards .drawer-menu__li{overflow:hidden;border-radius:10px;background-color:color-mix(in srgb,var(--drawer-div-color, var(--color-foreground)) calc(var(--drawer-div-mix, 100%) * .06),var(--color-background))}.drawer--div-cards .drawer-menu__item{padding-inline:1rem}.drawer--div-cards .drawer-menu__sub{background-color:var(--drawer-sub-bg, transparent)}.drawer--div-cards .drawer-menu__subitem{padding-left:1.5rem}.drawer-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;background-color:var(--color-background);transform:translate(100%);visibility:hidden;transition:transform .32s cubic-bezier(.4,0,.2,1),visibility .32s}.drawer-panel.is-active{transform:none;visibility:visible}.header__drawer-scroll{transition:transform .32s cubic-bezier(.4,0,.2,1)}.header__drawer.has-sub .header__drawer-scroll{transform:translate(-25%)}.drawer-panel__top{flex:none;display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:.5rem .5rem .5rem calc(var(--drawer-pad) - .5rem);border-bottom:var(--drawer-div-w, 1px) solid var(--drawer-line)}.drawer-panel__back{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding:0 .5rem;border:0;background:none;color:inherit;font-family:var(--font-nav--family);font-size:calc(var(--font-nav--size) + 2px);letter-spacing:var(--font-nav--spacing);text-transform:var(--font-nav--case);cursor:pointer}.drawer-panel__body{flex:1;overflow-y:auto;overscroll-behavior:contain}.drawer-panel__body>.drawer-menu__sub{padding:.5rem 0;background:none}.drawer-panel__body>.drawer-menu__sub>li:not(.drawer-menu__all-li)>.drawer-menu__subitem,.drawer-panel__body>.drawer-menu__sub>li>.drawer-menu__details>.drawer-menu__subitem{padding:var(--drawer-item-y) var(--drawer-pad);font-size:calc(var(--font-nav--size) + 1px);letter-spacing:var(--font-nav--spacing);text-transform:var(--font-nav--case);font-family:var(--font-nav--family)}.drawer-panel__body>.drawer-menu__sub>.drawer-menu__all-li>.drawer-menu__subitem{padding:.8rem var(--drawer-pad) .3rem}.drawer--div-full .drawer-panel__body>.drawer-menu__sub:not(.drawer-menu__sub--cards)>li:not(.drawer-menu__all-li){border-bottom:var(--drawer-div-w, 1px) solid var(--drawer-line)}.drawer--div-dotted .drawer-panel__body>.drawer-menu__sub:not(.drawer-menu__sub--cards)>li:not(.drawer-menu__all-li){border-bottom:max(var(--drawer-div-w, 1px),1.5px) dotted var(--drawer-line)}.drawer--div-inset .drawer-panel__body>.drawer-menu__sub:not(.drawer-menu__sub--cards)>li:not(.drawer-menu__all-li){margin-inline:var(--drawer-pad);border-bottom:var(--drawer-div-w, 1px) solid var(--drawer-line)}.drawer--div-inset .drawer-panel__body>.drawer-menu__sub:not(.drawer-menu__sub--cards)>li:not(.drawer-menu__all-li)>.drawer-menu__subitem,.drawer--div-inset .drawer-panel__body>.drawer-menu__sub:not(.drawer-menu__sub--cards)>li>.drawer-menu__details>.drawer-menu__subitem{padding-inline:0}.drawer--div-inset .drawer-panel__body .drawer-menu__sub--third .drawer-menu__subitem{padding-left:1rem}.drawer-panel__body .drawer-menu__sub--third{background-color:var(--drawer-sub-bg, var(--color-surface))}.drawer-promo{display:block;margin:1.25rem var(--drawer-pad) 0;color:inherit;text-decoration:none}.drawer-promo__media{aspect-ratio:16 / 9}.drawer-promo__heading{display:block;margin-top:.5rem;font-family:var(--font-heading--family);font-size:1.1rem;line-height:1.25}.header__drawer-bottom{display:grid;gap:1rem;margin-top:1.25rem;padding:1.25rem var(--drawer-pad) calc(1.25rem + env(safe-area-inset-bottom));border-top:var(--drawer-div-w, 1px) solid var(--drawer-line)}.drawer--div-none .header__drawer-bottom,.drawer--div-cards .header__drawer-bottom,.drawer--div-short .header__drawer-bottom{border-top-color:transparent}.header__drawer-link{display:inline-flex;align-items:center;gap:.5rem;color:inherit;text-decoration:none}.header__drawer-links{display:grid;gap:1rem;justify-items:start}.header__drawer-links--icon{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin-inline:-12px}.header__drawer-links--icon .header__drawer-link{justify-content:center;width:44px;height:44px}.header__drawer-social{display:flex;gap:1rem;margin:0;padding:0;list-style:none}.header__drawer-social a{color:inherit;display:inline-flex}.header__drawer-text{font-size:.9em}.header__drawer-logo--bottom{margin-top:.25rem}@media(prefers-reduced-motion:reduce){.header__drawer,.drawer-panel,.header__drawer-scroll{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/header-drawer.css.map */