.hfl-header-nav,.hfl-header-nav *,.hfl-mobile-nav,.hfl-mobile-nav *{box-sizing:border-box}.hfl-header-nav{position:relative;z-index:40;border-bottom:1px solid rgb(var(--color-foreground-rgb, 18 18 18) / .12);background:rgb(var(--color-background-rgb, 255 255 255));color:rgb(var(--color-foreground-rgb, 18 18 18))}.hfl-header-nav--sticky{position:sticky;top:0}.hfl-header-nav__inner{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:clamp(22px,2vw,32px);width:min(100%,var(--page-width, 1400px));min-height:72px;margin-inline:auto;padding:0 clamp(16px,3vw,40px)}.hfl-header-nav__brand{display:inline-flex;align-items:center;gap:10px;min-width:max-content;color:currentColor;font:760 1.08rem/1 var(--font-heading--family, inherit);letter-spacing:0;text-decoration:none}.hfl-header-nav__brand-mark{display:block;width:34px;height:auto;max-height:28px;object-fit:contain}.hfl-header-nav__brand-name{display:inline-block}.hfl-header-nav__brand>span:not(.hfl-header-nav__brand-name){display:inline-flex;align-items:center;gap:10px}.hfl-header-nav__brand>span:not(.hfl-header-nav__brand-name):before{content:"";display:block;width:34px;height:28px;flex:0 0 auto;background:url(hifiloop-logo-symbol.png) center / contain no-repeat}.hfl-header-nav__primary{min-width:0;transform:none}.hfl-header-nav__list{display:flex;align-items:center;justify-content:flex-start;gap:clamp(7px,.9vw,16px);min-width:0;margin:0;padding:0;list-style:none;white-space:nowrap}.hfl-header-nav__item{position:relative;display:inline-flex;align-items:center}.hfl-header-nav__item.has-children{position:static}.hfl-header-nav__top-link,.hfl-header-nav__mega-toggle,.hfl-header-nav__utility-link,.hfl-header-nav__help-utility,.hfl-header-nav__drawer-toggle,.hfl-mobile-nav__close,.hfl-mobile-nav__utility-link{-webkit-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:currentColor;text-decoration:none;cursor:pointer}.hfl-header-nav__top-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 11px;border-radius:999px;font:500 .95rem/1.1 var(--font-body--family, inherit);letter-spacing:0}.hfl-header-nav__mega-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:32px;margin-left:-5px;border-radius:999px;font:600 .7rem/1 var(--font-body--family, inherit)}.hfl-header-nav__mega-toggle span[aria-hidden=true]{display:none}.hfl-header-nav__mega-toggle[aria-expanded=true] span[aria-hidden=true]{transform:rotate(180deg)}.hfl-header-nav__top-link:hover,.hfl-header-nav__top-link:focus-visible,.hfl-header-nav__mega-toggle:hover,.hfl-header-nav__mega-toggle:focus-visible,.hfl-header-nav__top-link--button[aria-expanded=true],.hfl-header-nav__mega-toggle[aria-expanded=true]{border-color:rgb(var(--color-foreground-rgb, 18 18 18) / .16);background:rgb(var(--color-foreground-rgb, 18 18 18) / .04);outline:none}.hfl-header-nav__top-link:focus-visible,.hfl-header-nav__mega-toggle:focus-visible,.hfl-header-nav__utility-link:focus-visible,.hfl-header-nav__help-utility:focus-visible,.hfl-header-nav__drawer-toggle:focus-visible,.hfl-mobile-nav__close:focus-visible,.hfl-mobile-nav__accordion:focus-visible,.hfl-mobile-nav__subaccordion:focus-visible,.hfl-mobile-nav__link:focus-visible,.hfl-mobile-nav__panel-list a:focus-visible,.hfl-mobile-nav__sublist a:focus-visible,.hfl-mobile-nav__utility-link:focus-visible,.hfl-mega-menu a:focus-visible{outline:2px solid currentColor;outline-offset:3px}.hfl-header-nav__utility{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;min-width:max-content}.hfl-header-nav__help-utility{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:0 18px 0 10px;border-color:rgb(var(--color-foreground-rgb, 18 18 18));border-radius:999px;background:rgb(var(--color-foreground-rgb, 18 18 18));color:rgb(var(--color-background-rgb, 255 255 255));font:700 .88rem/1.1 var(--font-body--family, inherit);letter-spacing:0;white-space:nowrap}.hfl-header-nav__help-utility:link,.hfl-header-nav__help-utility:visited{color:rgb(var(--color-background-rgb, 255 255 255))}.hfl-header-nav__help-utility:hover,.hfl-header-nav__help-utility:focus-visible{border-color:#000;background:#000;color:#fff}.hfl-header-nav__help-mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:rgb(var(--color-background-rgb, 255 255 255));color:rgb(var(--color-foreground-rgb, 18 18 18));font:800 .78rem/1 var(--font-body--family, inherit)}.hfl-header-nav__utility-link,.hfl-header-nav__drawer-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px}.hfl-header-nav__utility-link:hover,.hfl-header-nav__drawer-toggle:hover{border-color:rgb(var(--color-foreground-rgb, 18 18 18) / .16);background:rgb(var(--color-foreground-rgb, 18 18 18) / .04)}.hfl-header-nav__utility-link svg,.hfl-header-nav__drawer-toggle svg,.hfl-mobile-nav__close svg{width:20px;height:20px}.hfl-header-nav__cart-count{position:absolute;top:6px;right:4px;min-width:17px;height:17px;padding-inline:4px;border-radius:999px;background:currentColor;color:rgb(var(--color-background-rgb, 255 255 255));font-size:.68rem;line-height:17px;text-align:center}.hfl-header-nav__drawer-toggle{display:none}.hfl-header-nav [hidden],.hfl-mobile-nav [hidden]{display:none!important}.hfl-mega-menu{--hfl-mega-menu-edge: clamp(48px, 4.8vw, 88px);position:absolute;top:calc(100% + 12px);left:var(--hfl-mega-menu-edge);width:min(1180px,calc(100vw - var(--hfl-mega-menu-edge) - var(--hfl-mega-menu-edge)));border:1px solid rgb(var(--color-foreground-rgb, 18 18 18) / .12);border-radius:8px;background:rgb(var(--color-background-rgb, 255 255 255));box-shadow:0 20px 50px #0000001f;white-space:normal;z-index:45}.hfl-mega-menu[data-mega-panel=support]{width:min(760px,calc(100vw - var(--hfl-mega-menu-edge) - var(--hfl-mega-menu-edge)))}.hfl-mega-menu[data-mega-panel=support] .hfl-mega-menu__simple{grid-template-columns:repeat(3,minmax(0,1fr))}.hfl-mega-menu[data-mega-panel=brands]{width:min(1080px,calc(100vw - var(--hfl-mega-menu-edge) - var(--hfl-mega-menu-edge)))}.hfl-mega-menu__inner{padding:20px}.hfl-mega-menu__availability,.hfl-mega-menu__simple{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0}.hfl-mega-menu__availability{margin-bottom:18px}.hfl-mega-menu__availability--taxonomy{grid-template-columns:repeat(5,minmax(0,1fr))}.hfl-mega-menu__card{display:grid;align-content:start;gap:5px;min-width:0;min-height:122px;padding:14px;border:1px solid rgb(var(--color-foreground-rgb, 18 18 18) / .1);border-radius:6px;color:currentColor;text-decoration:none;white-space:normal}.hfl-mega-menu__card:hover,.hfl-mega-menu__card:focus-visible,.hfl-mega-menu__category a:hover,.hfl-mega-menu__category a:focus-visible,.hfl-mega-menu__category-title--single:hover,.hfl-mega-menu__category-title--single:focus-visible{background:rgb(var(--color-foreground-rgb, 18 18 18) / .04)}.hfl-mega-menu__label,.hfl-mega-menu__category-title{font:600 .92rem/1.2 var(--font-body--family, inherit)}.hfl-mega-menu__text{color:rgb(var(--color-foreground-rgb, 18 18 18) / .68);font:400 .8rem/1.45 var(--font-body--family, inherit);max-width:100%;white-space:normal;overflow-wrap:break-word}.hfl-mega-menu__categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;min-width:0;padding-top:4px}.hfl-mega-menu__categories--taxonomy{gap:12px}.hfl-mega-menu__category{display:grid;align-content:start;gap:4px;min-width:0}.hfl-mega-menu__category a,.hfl-mega-menu__category-title--single,.hfl-mega-menu__category-detail{display:block;border-radius:6px;color:currentColor;text-decoration:none;white-space:normal;overflow-wrap:break-word}.hfl-mega-menu__category a,.hfl-mega-menu__category-detail{padding:7px 8px;color:rgb(var(--color-foreground-rgb, 18 18 18) / .72);font:500 .82rem/1.25 var(--font-body--family, inherit)}.hfl-mega-menu__category-detail{color:rgb(var(--color-foreground-rgb, 18 18 18) / .52)}.hfl-mega-menu__category .hfl-mega-menu__category-title,.hfl-mega-menu__category-title--single{color:currentColor;font:700 .92rem/1.2 var(--font-body--family, inherit)}.hfl-mega-menu__category-title--single{padding:7px 8px}.hfl-mega-menu__brand-menu{display:grid;gap:18px}.hfl-mega-menu__brand-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;align-items:center;padding-bottom:16px;border-bottom:1px solid rgb(var(--color-foreground-rgb, 18 18 18) / .1)}.hfl-mega-menu__eyebrow{margin:0;color:rgb(var(--color-foreground-rgb, 18 18 18) / .54);font:700 .68rem/1.1 var(--font-body--family, inherit);letter-spacing:.08em;text-transform:uppercase}.hfl-mega-menu__brand-intro h2{margin:0;font:720 1.18rem/1.16 var(--font-heading--family, inherit);letter-spacing:0}.hfl-mega-menu__brand-intro p:not(.hfl-mega-menu__eyebrow){max-width:640px;margin:0;color:rgb(var(--color-foreground-rgb, 18 18 18) / .66);font:400 .84rem/1.45 var(--font-body--family, inherit)}.hfl-mega-menu__brand-actions{grid-column:2;grid-row:1 / span 3;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.hfl-mega-menu__brand-actions a,.hfl-mega-menu__index-card,.hfl-mega-menu__brand-list a,.hfl-mega-menu__recent-list a{color:currentColor;text-decoration:none}.hfl-mega-menu__brand-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid rgb(var(--color-foreground-rgb, 18 18 18) / .14);border-radius:999px;font:700 .76rem/1 var(--font-body--family, inherit);white-space:nowrap}.hfl-mega-menu__brand-actions a:first-child{background:rgb(var(--color-foreground-rgb, 18 18 18));color:rgb(var(--color-background-rgb, 255 255 255))}.hfl-mega-menu__brand-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.95fr) minmax(0,1fr);gap:18px}.hfl-mega-menu__brand-column{min-width:0}.hfl-mega-menu__brand-column h3{margin:0 0 10px;font:720 .88rem/1.2 var(--font-body--family, inherit);letter-spacing:0}.hfl-mega-menu__brand-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hfl-mega-menu__brand-list a,.hfl-mega-menu__recent-list a,.hfl-mega-menu__index-card{border:1px solid rgb(var(--color-foreground-rgb, 18 18 18) / .1);border-radius:7px;background:rgb(var(--color-foreground-rgb, 18 18 18) / .018)}.hfl-mega-menu__brand-list a{display:flex;align-items:center;min-height:34px;padding:7px 10px;font:650 .78rem/1.18 var(--font-body--family, inherit);overflow-wrap:anywhere}.hfl-mega-menu__recent-list{display:grid;gap:8px}.hfl-mega-menu__recent-list a,.hfl-mega-menu__index-card{display:grid;gap:4px;padding:10px 11px}.hfl-mega-menu__recent-list span,.hfl-mega-menu__index-card span{font:700 .8rem/1.18 var(--font-body--family, inherit)}.hfl-mega-menu__recent-list small,.hfl-mega-menu__index-card small,.hfl-mega-menu__brand-note{color:rgb(var(--color-foreground-rgb, 18 18 18) / .6);font:400 .72rem/1.38 var(--font-body--family, inherit)}.hfl-mega-menu__brand-list a:hover,.hfl-mega-menu__brand-list a:focus-visible,.hfl-mega-menu__recent-list a:hover,.hfl-mega-menu__recent-list a:focus-visible,.hfl-mega-menu__index-card:hover,.hfl-mega-menu__index-card:focus-visible,.hfl-mega-menu__brand-actions a:hover,.hfl-mega-menu__brand-actions a:focus-visible{background:rgb(var(--color-foreground-rgb, 18 18 18) / .05)}.hfl-mega-menu__brand-actions a:first-child:hover,.hfl-mega-menu__brand-actions a:first-child:focus-visible{background:#000;color:#fff}.hfl-mega-menu__alphabet{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.hfl-mega-menu__alphabet span{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:999px;background:rgb(var(--color-foreground-rgb, 18 18 18) / .055);color:rgb(var(--color-foreground-rgb, 18 18 18) / .66);font:700 .7rem/1 var(--font-body--family, inherit)}.hfl-mega-menu__brand-note{margin:12px 0 0}.hfl-mobile-nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80}.hfl-mobile-nav__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;min-height:100%;border:0;background:#0000005c}.hfl-mobile-nav__panel{position:absolute;top:0;left:0;display:grid;grid-template-rows:auto 1fr auto;width:min(88vw,390px);height:100%;background:rgb(var(--color-background-rgb, 255 255 255));color:rgb(var(--color-foreground-rgb, 18 18 18));box-shadow:20px 0 50px #00000029;overflow:auto}.hfl-mobile-nav__header{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:0 18px;border-bottom:1px solid rgb(var(--color-foreground-rgb, 18 18 18) / .1)}.hfl-mobile-nav__title{margin:0;font:600 1rem/1.2 var(--font-heading--family, inherit)}.hfl-mobile-nav__close{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px}.hfl-mobile-nav__close:hover{border-color:rgb(var(--color-foreground-rgb, 18 18 18) / .16);background:rgb(var(--color-foreground-rgb, 18 18 18) / .04)}.hfl-mobile-nav__nav{display:grid;align-content:start;padding:12px 18px 24px}.hfl-mobile-nav__link,.hfl-mobile-nav__accordion,.hfl-mobile-nav__subaccordion,.hfl-mobile-nav__panel-list a,.hfl-mobile-nav__sublist a{display:flex;align-items:center;width:100%;min-height:44px;color:currentColor;text-align:left;text-decoration:none;font:500 .96rem/1.2 var(--font-body--family, inherit)}.hfl-mobile-nav__accordion,.hfl-mobile-nav__subaccordion{justify-content:space-between;padding:0;border:0;background:transparent;cursor:pointer}.hfl-mobile-nav__accordion{min-height:48px;border-bottom:1px solid rgb(var(--color-foreground-rgb, 18 18 18) / .08)}.hfl-mobile-nav__subaccordion{min-height:40px;color:rgb(var(--color-foreground-rgb, 18 18 18) / .84);font-size:.92rem}.hfl-mobile-nav__link{border-bottom:1px solid rgb(var(--color-foreground-rgb, 18 18 18) / .08)}.hfl-mobile-nav__link--help{justify-content:center;min-height:44px;margin:12px 0;border:1px solid rgb(var(--color-foreground-rgb, 18 18 18) / .28);border-radius:999px}.hfl-mobile-nav__panel-list,.hfl-mobile-nav__sublist{display:grid;gap:2px}.hfl-mobile-nav__panel-list{padding:8px 0 12px 14px;border-bottom:1px solid rgb(var(--color-foreground-rgb, 18 18 18) / .08)}.hfl-mobile-nav__sublist{padding:0 0 8px 14px}.hfl-mobile-nav__panel-list a,.hfl-mobile-nav__sublist a,.hfl-mobile-nav__sublist span{min-height:38px;color:rgb(var(--color-foreground-rgb, 18 18 18) / .72);font-size:.9rem}.hfl-mobile-nav__sublist span{display:flex;align-items:center;color:rgb(var(--color-foreground-rgb, 18 18 18) / .54)}.hfl-mobile-nav__section-label{display:flex;align-items:center;min-height:30px;margin-top:8px;color:rgb(var(--color-foreground-rgb, 18 18 18) / .5);font:750 .68rem/1.1 var(--font-body--family, inherit);letter-spacing:.08em;text-transform:uppercase}.hfl-mobile-nav__chevron{font-size:1.15rem;line-height:1}.hfl-mobile-nav__accordion[aria-expanded=true] .hfl-mobile-nav__chevron,.hfl-mobile-nav__subaccordion[aria-expanded=true] .hfl-mobile-nav__chevron{transform:rotate(45deg)}.hfl-mobile-nav__utility{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:16px 18px 22px;border-top:1px solid rgb(var(--color-foreground-rgb, 18 18 18) / .1)}.hfl-mobile-nav__utility-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 10px;border-color:rgb(var(--color-foreground-rgb, 18 18 18) / .16);border-radius:999px;font:500 .85rem/1 var(--font-body--family, inherit)}.hfl-mobile-nav__utility-link:hover{background:rgb(var(--color-foreground-rgb, 18 18 18) / .04)}.hfl-nav-lock{overflow:hidden}.hfl-header-nav .sr-only,.hfl-mobile-nav .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media screen and (max-width:989px){.hfl-header-nav__inner{min-height:62px;grid-template-columns:auto 1fr auto;gap:10px;padding-inline:14px}.hfl-header-nav__drawer-toggle{display:inline-flex}.hfl-header-nav__brand{justify-content:center;min-width:0}.hfl-header-nav__brand-mark{width:30px;max-height:24px}.hfl-header-nav__brand-name{font-size:.98rem}.hfl-header-nav__brand>span:not(.hfl-header-nav__brand-name):before{width:30px;height:24px}.hfl-header-nav__primary{display:none}.hfl-header-nav__utility{gap:0}.hfl-header-nav__help-utility{display:none}.hfl-header-nav__utility-link:not(.hfl-header-nav__cart){display:none}}@media screen and (min-width:990px)and (max-width:1140px){.hfl-header-nav__inner{gap:12px;padding-inline:18px}.hfl-header-nav__top-link{padding-inline:7px;font-size:.82rem}.hfl-header-nav__mega-toggle{width:24px}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/header-nav.css.map */