.flyout-nav,.flyout-nav *{box-sizing:border-box}.flyout-nav{background:var(--fn-bar-bg);height:var(--fn-bar-height);padding:0 var(--fn-bar-padding-x);position:relative;z-index:50;font-family:var(--font-body-family, inherit)}.flyout-nav__l1{list-style:none;margin:0;padding:0;display:flex;align-items:stretch;gap:var(--fn-bar-gap);height:100%}.flyout-nav__item{position:relative;display:flex;align-items:stretch}.flyout-nav__l1-link{display:inline-flex;align-items:center;gap:6px;padding:0 14px;color:var(--fn-bar-text);text-decoration:none;font-size:var(--fn-bar-font-size);font-weight:var(--fn-bar-font-weight);letter-spacing:var(--fn-bar-letter-spacing);text-transform:var(--fn-bar-text-transform);line-height:1;white-space:nowrap;transition:color var(--fn-transition);position:relative}.flyout-nav__l1-link:hover,.flyout-nav__l1-link:focus-visible{color:var(--fn-bar-text-hover);outline:none}.flyout-nav__l1-link:focus-visible{outline:2px solid var(--fn-bar-text);outline-offset:-4px}.flyout-nav__item.is-active>.flyout-nav__l1-link:after{content:"";position:absolute;left:14px;right:14px;bottom:8px;height:2px;background:var(--fn-bar-active-underline);border-radius:2px}.flyout-nav__caret{width:10px;height:6px;transition:transform var(--fn-transition)}.flyout-nav__item.is-open>.flyout-nav__l1-link .flyout-nav__caret{transform:rotate(180deg)}.flyout-nav__panel{position:absolute;top:100%;left:0;min-width:var(--fn-panel-width);background:var(--fn-panel-bg);border:1px solid var(--fn-panel-border);border-radius:var(--fn-panel-radius);box-shadow:var(--fn-panel-shadow);padding:var(--fn-panel-padding-y) 0;margin-top:0;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--fn-transition),transform var(--fn-transition),visibility 0s linear var(--fn-transition);z-index:60}.flyout-nav__item.is-open>.flyout-nav__panel,.flyout-nav__l2-item.is-open>.flyout-nav__panel{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--fn-transition),transform var(--fn-transition),visibility 0s linear 0s}.flyout-nav__l2,.flyout-nav__l3{list-style:none;margin:0;padding:0}.flyout-nav__l2-item{position:relative}.flyout-nav__l2-link,.flyout-nav__l3-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:var(--fn-panel-item-padding-y) var(--fn-panel-item-padding-x);color:var(--fn-panel-text);text-decoration:none;font-size:var(--fn-panel-font-size);font-weight:var(--fn-panel-font-weight);line-height:1.3;transition:background var(--fn-transition),color var(--fn-transition)}.flyout-nav__l2-link:hover,.flyout-nav__l2-link:focus-visible,.flyout-nav__l3-link:hover,.flyout-nav__l3-link:focus-visible,.flyout-nav__l2-item.is-open>.flyout-nav__l2-link{background:var(--fn-panel-hover-bg);color:var(--fn-panel-text-hover);outline:none}.flyout-nav__l2-item.is-active>.flyout-nav__l2-link,.flyout-nav__l3-item.is-active>.flyout-nav__l3-link{color:var(--fn-panel-text-hover);font-weight:600}.flyout-nav__chevron{width:6px;height:10px;flex-shrink:0;opacity:.6}.flyout-nav__panel--l3{top:calc(-1 * var(--fn-panel-padding-y) - 1px);left:calc(100% + var(--fn-panel-gap))}@media(max-width:800px){.flyout-nav{display:none!important}}@media screen and (max-width:800px){header-drawer{display:block}}@media screen and (min-width:801px){header-drawer{display:none!important}}@media screen and (min-width:801px){.header__heading,.header__heading-link,.header__heading-logo-wrapper{width:max-content!important;max-width:none!important;flex-shrink:0;min-width:max-content}.header__heading-logo{width:auto!important;max-width:none!important;height:auto}}@media(prefers-reduced-motion:reduce){.flyout-nav *,.flyout-nav *:before,.flyout-nav *:after{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/flyout-nav.css.map */