.header-menu-mobile .drawer{position:fixed;top:calc(var(--header-height) + var(--announcement-bar-height));left:0;z-index:3;width:100vw;max-height:calc(100dvh - var(--header-height) - var(--announcement-bar-height));overflow-y:auto;background-color:var(--color-light);border-top:1px solid rgb(0 0 0 / 10%);transform:translateY(-8px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .2s ease-in-out,opacity .2s ease-in-out,visibility .2s ease-in-out}.header-menu-mobile .drawer.open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.header-menu-mobile .drawer .panel{display:flex;flex-direction:column;justify-content:space-between;height:calc(100dvh - var(--header-height) - var(--announcement-bar-height) - 48px)}.header-menu-mobile .tabs{display:flex;gap:24px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0 var(--page-padding-mobile);border-bottom:1px solid rgb(0 0 0 / 10%)}.header-menu-mobile .tabs::-webkit-scrollbar{display:none}.header-menu-mobile .tab{flex:0 0 auto;padding:16px 0;font-size:12px;text-transform:uppercase;color:var(--color-dark);border-bottom:2px solid transparent;white-space:nowrap;font-weight:400}.header-menu-mobile .tab.active{border-color:#333}.header-menu-mobile .group{margin-bottom:24px}.header-menu-mobile .group-container{padding:var(--page-padding-mobile)}.header-menu-mobile .group-title{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--color-dark);padding:8px 0}.header-menu-mobile .group-link{display:block;padding:12px 0;border-bottom:1px solid rgb(0 0 0 / 10%);font-size:12px}.header-menu-mobile .group-link.current{text-decoration:underline;text-underline-offset:4px}.header-menu-mobile .footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:16px var(--page-padding-mobile);background-color:var(--color-cream);border-top:1px solid rgb(0 0 0 / 10%)}.header-menu-mobile .account-options{display:flex;align-items:center;justify-content:center;gap:16px}.header-menu-mobile .account,.header-menu-mobile .wishlist{position:relative;display:flex;align-items:center;gap:8px}.header-menu-mobile .account:before,.header-menu-mobile .wishlist:before{content:"";top:-12px;right:-12px;bottom:-12px;left:-12px;position:absolute}.header-menu-mobile .icon svg path{stroke:var(--color-dark)}
/*# sourceMappingURL=/cdn/shop/t/130/assets/header-menu-mobile.css.map */