.hmenu{--hmenu-line: rgba(var(--color-foreground), .12);--hmenu-muted: rgba(var(--color-foreground), .62);--hmenu-accent: rgb(var(--color-button))}.hmenu__list{display:flex;flex-wrap:wrap;align-items:center;gap:0 .4rem;margin:0;padding:0;list-style:none}.hmenu__item{position:relative;display:flex;align-items:center}.hmenu__link{display:inline-flex;align-items:center;padding:1.1rem .6rem 1.1rem 1.2rem;font-size:1.4rem;font-weight:500;letter-spacing:.02rem;text-transform:uppercase;text-decoration:none;color:rgb(var(--color-foreground));white-space:nowrap}.hmenu__item:not(.hmenu__item--has-panel) .hmenu__link{padding-right:1.2rem}.hmenu__item:after{content:"";position:absolute;left:1.2rem;right:1.2rem;bottom:.5rem;height:.2rem;border-radius:.2rem;background:var(--hmenu-accent);transform:scaleX(0);transform-origin:left center;transition:transform var(--duration-short, .1s) ease}.hmenu__item:hover:after,.hmenu__item:focus-within:after,.hmenu__item.is-open:after{transform:scaleX(1)}.hmenu__item:has(.hmenu__link--active):after{transform:scaleX(1);background:rgba(var(--color-foreground),.35)}.hmenu__toggle{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:3.6rem;padding:0;margin-right:.4rem;border:0;background:transparent;color:rgba(var(--color-foreground),.7);cursor:pointer}.hmenu__toggle .icon,.hmenu__toggle svg{width:1rem;height:1rem;transition:transform var(--duration-short, .1s) ease}.hmenu__item.is-open .hmenu__toggle svg{transform:rotate(180deg)}.hmenu__link:focus-visible,.hmenu__toggle:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.2rem;border-radius:.4rem}.hmenu__panel{display:none;position:absolute;top:100%;left:0;z-index:6;width:max-content;min-width:22rem;max-width:min(96vw,104rem);margin-top:.2rem;border:.1rem solid var(--hmenu-line);border-radius:1.2rem;background:rgb(var(--color-background));box-shadow:0 1.6rem 4rem rgba(var(--color-shadow),.18);text-align:left;opacity:0;visibility:hidden;transform:translate(var(--hmenu-shift, 0),-.6rem);transition:opacity .14s ease,transform .14s ease,visibility .14s}.hmenu__item.is-open .hmenu__panel{opacity:1;visibility:visible;transform:translate(var(--hmenu-shift, 0))}.hmenu__item--has-panel:before{content:"";position:absolute;top:100%;left:0;right:0;height:.6rem}.hmenu__panel-inner{padding:2rem 2.2rem}.hmenu__groups{display:grid;grid-template-columns:repeat(var(--hmenu-groups, 2),minmax(0,1fr));gap:0 3.2rem;align-items:stretch}.hmenu__group+.hmenu__group{padding-left:3.2rem;margin-left:-1.6rem;border-left:.1rem solid var(--hmenu-line)}.hmenu__group-title{display:block;margin-bottom:1rem;padding:0 .8rem .8rem;border-bottom:.1rem solid var(--hmenu-line);font-size:1.15rem;font-weight:700;letter-spacing:.12rem;text-transform:uppercase;text-decoration:none;color:var(--hmenu-muted);white-space:nowrap}.hmenu__group-title:hover,.hmenu__group-title.is-current{color:rgb(var(--color-foreground))}.hmenu__sublist{margin:0;padding:0;list-style:none}.hmenu__sublist--flat{column-count:var(--hmenu-flat-columns, 1);column-gap:2.8rem}.hmenu__sublist--flat li{break-inside:avoid}.hmenu__sublink{display:block;padding:.7rem .8rem;border-radius:.6rem;font-size:1.4rem;line-height:1.35;letter-spacing:0;text-decoration:none;white-space:nowrap;color:rgb(var(--color-foreground));transition:background-color var(--duration-short, .1s) ease}.hmenu__sublink:hover{background:rgba(var(--color-foreground),.06)}.hmenu__sublink.is-current{font-weight:600;background:rgba(var(--color-foreground),.05)}.hmenu__sublink:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.2rem}.hmenu__view-all{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.3rem 2.2rem;border-top:.1rem solid var(--hmenu-line);border-radius:0 0 1.2rem 1.2rem;font-size:1.35rem;font-weight:600;text-decoration:none;color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.03);transition:background-color var(--duration-short, .1s) ease}.hmenu__view-all:hover{background:rgba(var(--color-foreground),.07)}.hmenu__view-all-arrow{flex:0 0 auto;width:1.6rem;height:1.6rem;transition:transform var(--duration-short, .1s) ease}.hmenu__view-all:hover .hmenu__view-all-arrow{transform:translate(.3rem)}@media(prefers-reduced-motion:reduce){.hmenu__panel,.hmenu__item:after,.hmenu__toggle svg,.hmenu__sublink,.hmenu__view-all,.hmenu__view-all-arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/component-header-menu.css.map */