.site-header-menu{--isl-bg: color-mix(in srgb, var(--color-sand-deep) 82%, transparent);--isl-fg: var(--color-rock);--isl-shadow: 0 0 0 1px var(--color-rock-08), 0 6px 20px rgb(26 13 9 / .07);inset:var(--space-xs) var(--space-xs) auto;pointer-events:auto;width:auto;max-height:calc(100% - 2 * var(--space-xs));overflow-y:auto;gap:var(--space-md);align-content:start;padding:var(--space-sm) var(--space-md) var(--space-lg);color:var(--color-rock);font-family:var(--font-body);transform-origin:calc(100% - 1.75rem) 1.75rem}.site-header-menu[open]{display:grid}.site-header-menu__top{display:flex;justify-content:space-between;align-items:center}.site-header-menu__logo{display:inline-flex;color:inherit;line-height:0;text-decoration:none}.site-header-menu__logo .site-header__mark{width:calc(var(--logo-width) * .6)}.site-header-menu__links{display:grid;border-top:1px dotted var(--color-rock-60)}.site-header-menu__links a{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-xs) 0;border-bottom:1px dotted var(--color-rock-60);color:inherit;text-decoration:none;font-family:var(--font-heading);font-size:var(--text-xl)}.site-header-menu__links span{font-family:var(--font-body);font-size:var(--text-sm)}.site-header-menu[open] .site-header-menu__links a{animation:site-header-menu-rise var(--duration-slow) var(--ease-out) both;animation-delay:calc(var(--i) * 45ms + .12s)}@keyframes site-header-menu-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes site-header-menu-fade{0%{opacity:0}}.site-header-menu__small,.site-header-menu__foot{display:flex;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.site-header-menu__small{flex-wrap:wrap;gap:var(--space-2xs) var(--space-md)}.site-header-menu__foot{justify-content:space-between;align-items:center;opacity:.7}:is(.site-header-menu__small,.site-header-menu__foot) a{color:inherit}.site-header-menu__foot select{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}@media(prefers-reduced-motion:reduce){.site-header-menu[open] .site-header-menu__links a{animation-name:site-header-menu-fade}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/site-header-menu.css.map */
