.flyout__panel{position:absolute;top:100%;left:0;display:grid;grid-template-columns:minmax(24rem,1fr);gap:2.4rem;width:max-content;min-width:26rem;max-width:min(72rem,calc(100vw - 4rem));padding:1.6rem;text-align:left}.flyout__panel--promo{grid-template-columns:minmax(24rem,1fr) 28rem}.flyout__panel--right{left:auto;right:0}.flyout__panel:focus{outline:none}.flyout__links{display:flex;flex-direction:column;min-width:0}.flyout__eyebrow{margin:0 0 .8rem;padding:0 1rem;font-size:1.1rem;letter-spacing:.12rem;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.flyout__list{display:flex;flex-direction:column;gap:.2rem}.flyout__link,.flyout__sublink{display:flex;align-items:center;gap:1.2rem;padding:.9rem 1rem;border-radius:.6rem;color:rgb(var(--color-foreground));text-decoration:none;font-size:1.5rem;line-height:1.3;transition:background-color var(--duration-short) ease}.flyout__list--thumbs .flyout__link{padding-top:.6rem;padding-bottom:.6rem}.flyout__link:hover,.flyout__link:focus-visible,.flyout__sublink:hover,.flyout__sublink:focus-visible{background-color:rgba(var(--color-foreground),.06)}.flyout__link--active .flyout__title,.flyout__sublink.flyout__link--active{font-weight:600}.flyout__link--active:before{content:"";width:.3rem;align-self:stretch;margin:.2rem 0 .2rem -.6rem;border-radius:.3rem;background-color:rgb(var(--color-foreground))}.flyout__thumb{display:grid;place-items:center;flex:none;width:4.4rem;height:4.4rem;overflow:hidden;border-radius:.4rem;background-color:rgba(var(--color-foreground),.06);color:rgba(var(--color-foreground),.45)}.flyout__thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-long) ease}.flyout__text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.flyout__meta{font-size:1.2rem;color:rgba(var(--color-foreground),.6)}.flyout__arrow{display:flex;margin-left:auto;padding-left:1.6rem;opacity:0;transform:translate(-.4rem);transition:opacity var(--duration-short) ease,transform var(--duration-short) ease}.flyout__arrow .icon,.flyout__view-all .icon,.flyout__promo-cta .icon{width:1.2rem;height:1.2rem}.flyout__link:hover .flyout__arrow,.flyout__link:focus-visible .flyout__arrow{opacity:.7;transform:none}.flyout__sublist{margin:0 0 .4rem 1rem;padding-left:1rem;border-left:1px solid rgba(var(--color-foreground),.12)}.flyout__sublink{padding-top:.6rem;padding-bottom:.6rem;font-size:1.4rem;color:rgba(var(--color-foreground),.8)}.flyout__view-all{display:inline-flex;align-items:center;gap:.8rem;margin-top:1.2rem;padding:1.2rem 1rem .4rem;border-top:1px solid rgba(var(--color-foreground),.1);font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground));text-decoration:none}.flyout__view-all .svg-wrapper,.flyout__promo-cta .svg-wrapper{width:auto;height:auto;transition:transform var(--duration-short) ease}.flyout__view-all:hover .svg-wrapper,.flyout__promo:hover .flyout__promo-cta .svg-wrapper{transform:translate(.3rem)}.flyout__promo{display:flex;flex-direction:column;overflow:hidden;border-radius:calc(var(--popup-corner-radius, .8rem) / 1.5);background-color:rgba(var(--color-foreground),.04);color:rgb(var(--color-foreground));text-decoration:none}.flyout__promo--no-image{justify-content:flex-end;min-height:20rem}.flyout__promo-media{display:block;aspect-ratio:4 / 3;overflow:hidden}.flyout__promo-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-extra-long, .6s) ease}.flyout__promo-body{display:flex;flex-direction:column;gap:.4rem;padding:1.4rem 1.6rem 1.6rem}.flyout__promo-eyebrow{font-size:1.1rem;letter-spacing:.12rem;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.flyout__promo-heading{margin:0}.flyout__promo-text{font-size:1.4rem;line-height:1.4;color:rgba(var(--color-foreground),.75)}.flyout__promo-cta{display:inline-flex;align-items:center;gap:.8rem;margin-top:.6rem;font-size:1.4rem;font-weight:600}@media(prefers-reduced-motion:no-preference){.flyout__link:hover .flyout__thumb img{transform:scale(1.08)}.flyout__promo:hover .flyout__promo-media img{transform:scale(1.04)}}@media screen and (min-width:990px){body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;background-color:#0000004d;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease}body.header-flyout-open:after{opacity:1;visibility:visible}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/component-flyout-menu.css.map */