#mobile-menu .drawer__panel.mobile-menu__panel{--drawer-gap: .5rem;top:var(--drawer-gap);bottom:var(--drawer-gap);left:var(--drawer-gap);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transform:translate(calc(-100% - var(--drawer-gap) - 1px))}#mobile-menu[open] .drawer__panel.mobile-menu__panel{transform:translate(0)}.mobile-menu__top{display:flex;align-items:center;justify-content:flex-end;padding:.75rem var(--gutter);min-height:60px;border-bottom:1px solid var(--line)}.mobile-menu__close{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-right:-.5rem;color:var(--fg);transition:color var(--duration-fast) var(--ease-out)}.mobile-menu__close:hover{color:var(--accent)}.mobile-menu__nav{flex:1 1 auto;min-height:0;overflow-y:auto;padding:.5rem 0}.mobile-menu__nav>ul{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.mobile-menu__nav a,.mobile-menu__shop-trigger{box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem var(--gutter);font-family:var(--font-heading);font-size:clamp(1.5rem,6vw,2.25rem);line-height:1;letter-spacing:var(--tracking-tight);text-transform:uppercase;color:var(--fg);border:0;border-bottom:1px solid var(--line);background:var(--bg);text-align:left;cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.mobile-menu__nav a:hover,.mobile-menu__nav a:focus-visible,.mobile-menu__shop-trigger:hover,.mobile-menu__shop-trigger:focus-visible{color:var(--accent);background:var(--bg)}.mobile-menu__nav .icon{color:var(--fg-subtle);transition:transform var(--duration-base) var(--ease-out),color var(--duration-fast) var(--ease-out)}.mobile-menu__nav a:hover .icon,.mobile-menu__nav a:focus-visible .icon{transform:translate(4px);color:var(--accent)}.mobile-menu__shop-trigger{appearance:none;-webkit-appearance:none}.mobile-menu__shop-trigger[aria-expanded=true]{color:var(--accent);background:var(--bg)}.mobile-menu__shop-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--fg-subtle);transition:transform var(--duration-base) var(--ease-out),color var(--duration-fast) var(--ease-out)}.mobile-menu__shop-trigger[aria-expanded=true] .mobile-menu__shop-icon{transform:rotate(90deg);color:var(--accent)}.mobile-menu__shop-menu{overflow:hidden;background:var(--bg)}.mobile-menu__shop-menu[hidden]{display:none}.mobile-menu__drops{list-style:none;margin:0;padding:0;background:var(--bg)}.mobile-menu__drops li{margin:0;padding:0;background:var(--bg)}.mobile-menu__nav .mobile-menu__drop{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:1rem var(--gutter) 1rem calc(var(--gutter) + 1rem);color:var(--fg);background:var(--bg);border-bottom:1px solid var(--line);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.mobile-menu__drop-text{display:flex;flex-direction:column;gap:.3rem;min-width:0}.mobile-menu__drop-label{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;line-height:1.2;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent)}.mobile-menu__drop-name{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;line-height:1;letter-spacing:var(--tracking-tight);text-transform:uppercase;color:var(--fg)}.mobile-menu__drop .icon{flex-shrink:0;color:var(--fg-subtle);transition:transform var(--duration-base) var(--ease-out),color var(--duration-fast) var(--ease-out)}.mobile-menu__nav .mobile-menu__drop:hover,.mobile-menu__nav .mobile-menu__drop:focus-visible{color:var(--accent);background:var(--bg)}.mobile-menu__drop:hover .icon,.mobile-menu__drop:focus-visible .icon{transform:translate(5px);color:var(--accent)}.mobile-menu__drop:hover .mobile-menu__drop-name,.mobile-menu__drop:focus-visible .mobile-menu__drop-name{color:var(--accent)}.mobile-menu__foot{padding:1.5rem var(--gutter) 2rem;border-top:1px solid var(--line);background:var(--bg)}.mobile-menu__motto{font-family:var(--font-body);font-style:italic;font-size:var(--text-lg);color:var(--fg-muted);line-height:1.2}.mobile-menu__motto em{color:inherit}@media(min-width:768px){drawer-element#mobile-menu{display:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-mobile-menu.css.map */