.flyout-menu{position:relative}.flyout-menu__content{--flyout-shift: 0px;background-color:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.08);box-shadow:0 4px 14px rgba(var(--color-shadow),.12);position:absolute;top:100%;left:0;margin-top:0;width:max-content;max-width:min(calc(100vw - 2.4rem),var(--flyout-menu-max-width, 700px));overflow:hidden;transform:translate(var(--flyout-shift, 0px));z-index:3}.flyout-menu__content--align-right{left:auto;right:0}.js .flyout-menu__content{opacity:0;transform:translate(var(--flyout-shift, 0px),-1rem);visibility:hidden;transition:opacity var(--duration-default) ease,transform var(--duration-default) ease,visibility var(--duration-default) ease}.flyout-menu[open] .flyout-menu__content{opacity:1;transform:translate(var(--flyout-shift, 0px));visibility:visible}.flyout-menu>summary{cursor:pointer}.flyout-menu__panel{display:flex;align-items:stretch;min-width:0}.flyout-menu__col{list-style:none;margin:0;padding:1.2rem 0;max-height:min(60vh,calc(100vh - var(--header-height, 12rem) - 4rem));overflow-y:auto;overscroll-behavior:contain}.flyout-menu__col--primary{flex:0 0 auto;width:var(--flyout-menu-col-width, 220px);border-right:1px solid rgba(var(--color-foreground),.08)}.flyout-menu__col--secondary{flex:1 1 auto;min-width:0}.flyout-menu__panel:not(.flyout-menu__panel--single){width:min(calc(100vw - 2.6rem),calc(var(--flyout-menu-max-width, 700px) - .2rem))}.flyout-menu__panel--single .flyout-menu__col--primary{border-right:0;width:auto;min-width:var(--flyout-menu-col-width, 220px);max-width:min(calc(100vw - 2.4rem),var(--flyout-menu-max-width, 700px))}.flyout-menu__col-item.active>a{color:#fff;background-color:#d87300}.flyout-menu__link{display:block;padding:.7rem 2rem;text-decoration:none;line-height:calc(1 + .3 / var(--font-body-scale));white-space:normal;overflow-wrap:break-word;transition:background-color var(--duration-short) ease,color var(--duration-short) ease}.flyout-menu__link--level2{font-weight:var(--flyout-menu-level2-weight, 700);color:rgba(var(--color-foreground),.9)}.flyout-menu__link--level3{font-weight:var(--flyout-menu-level3-weight, 400);color:rgba(var(--color-foreground),.65)}.flyout-menu__link:hover{color:#fff;background-color:#d87300}.flyout-menu__link--current{text-decoration:none}.menu-full-bg-bar{--bar-fit: 1;width:100%;background-color:var(--flyout-menu-bar-color, transparent)}@supports (overflow: clip){.menu-full-bg-bar{overflow-x:clip;overflow-y:visible}}.menu-full-bg-bar__inner{display:flex;justify-content:center;padding:10px clamp(.8rem,2vw,3rem);max-width:100%;box-sizing:border-box}@media screen and (max-width:989px){.menu-full-bg-bar{display:none}}.menu-full-bg-bar .header__inline-menu{margin:0;min-width:0;max-width:100%;overflow-x:visible;overflow-y:visible}.menu-full-bg-bar .list-menu--inline{flex-wrap:nowrap;justify-content:center;gap:0;min-width:0}.menu-full-bg-bar .list-menu--inline>li{flex:0 0 auto;min-width:0}.menu-full-bg-bar--wrap .list-menu--inline{flex-wrap:wrap;row-gap:2px}.menu-full-bg-bar .header__menu-item{white-space:nowrap;padding-left:calc(1rem * var(--bar-fit, 1));padding-right:calc(1rem * var(--bar-fit, 1))}.menu-full-bg-bar summary.header__menu-item{padding-right:calc(2.4rem * var(--bar-fit, 1))}.menu-full-bg-bar,.menu-full-bg-bar .header__menu-item{font-family:var(--flyout-menu-font-family, var(--font-body-family));font-style:var(--flyout-menu-font-style, var(--font-body-style));font-weight:var(--flyout-menu-font-weight, var(--font-body-weight));color:var(--flyout-menu-text-color, inherit);font-size:calc(var(--flyout-menu-font-size, 14px) * var(--bar-fit, 1));text-decoration:none}.menu-full-bg-bar .flyout-menu__content{font-size:var(--flyout-menu-font-size, 14px)}.menu-full-bg-bar .header__menu-item:hover,.menu-full-bg-bar .header__active-menu-item{text-decoration:none;color:var(--flyout-menu-text-color, inherit)}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-flyout-menu.css.map */