@charset "UTF-8";body.menu-open{overflow:hidden}.mobile-menu__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--color_black) 60%,transparent);opacity:0;z-index:1100;transition:opacity .3s ease;pointer-events:none}.mobile-menu__overlay.is-open{opacity:1;pointer-events:auto}.mobile-menu{position:fixed;top:0;left:0;bottom:0;width:100%;max-width:400px;background:var(--color_dark);color:var(--color_light);z-index:1101;display:flex;flex-direction:column;box-shadow:8px 0 40px color-mix(in srgb,var(--color_black) 35%,transparent);transform:translate(-100%);transition:transform .32s cubic-bezier(.32,.72,0,1);will-change:transform}.mobile-menu.is-open{transform:translate(0)}.mobile-menu__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid color-mix(in srgb,var(--color_light) 10%,transparent)}.mobile-menu__logo img{display:block;height:24px;width:auto}.mobile-menu__close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:-.5rem -.5rem -.5rem 0;background:none;border:none;color:var(--color_light);opacity:.6;cursor:pointer;transition:opacity .2s ease}.mobile-menu__close:hover{opacity:1}.mobile-menu__body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1.5rem}.mobile-menu__product{display:flex;align-items:center;gap:1rem;background:var(--color_white);border-radius:4px;padding:.85rem 1rem;text-decoration:none;transition:transform .2s ease}.mobile-menu__product:hover{transform:translateY(-1px)}.mobile-menu__product-media{flex-shrink:0;width:72px;height:72px;display:flex;align-items:center;justify-content:center}.mobile-menu__product-media img{width:100%;height:100%;object-fit:contain;display:block}.mobile-menu__product-text{display:flex;flex-direction:column;gap:.4rem;min-width:0}.mobile-menu__product-name{font-family:var(--font_fkGroteskTrial);font-size:1.0625rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:var(--color_dark);line-height:1.15}.mobile-menu__product-cta{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font_fkGroteskTrial);font-size:.875rem;font-weight:500;color:var(--color_primary)}.mobile-menu__product-cta svg{transition:transform .2s ease}.mobile-menu__product:hover .mobile-menu__product-cta svg{transform:translate(3px)}.mobile-menu__label{font-family:var(--font_fkGroteskTrial);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--color_primary);margin:2.25rem 0 .25rem}.mobile-menu__nav{display:flex;flex-direction:column}.mobile-menu__link{font-family:var(--font_delight);font-size:1.5rem;font-weight:400;letter-spacing:.01em;color:var(--color_light);text-decoration:none;padding:.7rem 0;border-bottom:1px solid color-mix(in srgb,var(--color_light) 8%,transparent);transition:color .2s ease,padding-left .2s ease}.mobile-menu__link:last-child{border-bottom:none}.mobile-menu__link:hover{color:var(--color_primary);padding-left:.4rem}.mobile-menu__footer{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-top:1px solid color-mix(in srgb,var(--color_light) 10%,transparent)}.mobile-menu__social{display:flex;align-items:center;gap:1.1rem}.mobile-menu__social-link{display:inline-flex}.mobile-menu__social-link img{height:20px;width:auto;filter:brightness(0) invert(1);opacity:.55;transition:filter .25s ease,opacity .25s ease}.mobile-menu__social-link:hover img{opacity:1;filter:brightness(0) saturate(100%) invert(37%) sepia(93%) saturate(2000%) hue-rotate(346deg) brightness(101%) contrast(101%)}.mobile-menu__login{display:inline-flex;align-items:center;gap:.5rem;background:var(--color_primary);color:var(--color_light);text-decoration:none;padding:.8rem 1.4rem;font-family:var(--font_fkGroteskTrial);font-size:.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;transition:background .2s ease}.mobile-menu__login:hover{background:var(--color_primary--hover)}@media(min-width:961px){.mobile-menu,.mobile-menu__overlay{display:none!important}}@media(max-width:768px){.mobile-menu{max-width:100%}}@media(max-width:380px){.mobile-menu__footer{flex-direction:column;align-items:stretch;gap:.9rem}.mobile-menu__login{justify-content:center}}@media(prefers-reduced-motion:reduce){.mobile-menu,.mobile-menu__overlay{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-mobile-menu.css.map */