.flyout-mega-menu{position:static}.flyout-mega-menu__content{background-color:rgb(var(--color-background));border:none!important;box-shadow:none!important;position:absolute;left:0;right:0;top:100%;z-index:100;padding:2.4rem 3rem;display:flex;opacity:0;pointer-events:none;transform:translateY(-1rem);transition:opacity .2s ease,transform .2s ease}.flyout-mega-menu[open] .flyout-mega-menu__content{opacity:1;pointer-events:auto;transform:translateY(0)}.flyout-mega-menu>summary{position:relative;box-shadow:none!important;background:none!important;border:none!important;outline:none!important;text-decoration:none!important;-webkit-appearance:none;appearance:none;list-style:none}.flyout-mega-menu>summary::-webkit-details-marker{display:none}.flyout-mega-menu__left{min-width:18rem;border-right:1px solid rgba(var(--color-foreground),.1);padding-right:2.4rem;margin-right:2.4rem}.flyout-mega-menu__left-list{list-style:none;padding:0;margin:0}.flyout-mega-menu__left-link{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.2rem;text-decoration:none;color:rgba(var(--color-foreground),.75);font-size:1.3rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:0;background:transparent;transition:color .15s ease;white-space:nowrap;position:relative}.flyout-mega-menu__left-link:after{content:"";position:absolute;bottom:4px;left:1.2rem;width:calc(100% - 3.8rem);height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.flyout-mega-menu__left-link:hover{color:rgb(var(--color-foreground));background:transparent}.flyout-mega-menu__left-link:hover:after{transform:scaleX(1)}.flyout-mega-menu__left-link.is-active{color:rgb(var(--color-foreground));background:transparent}.flyout-mega-menu__left-link.is-active:after{transform:scaleX(0);transition:none}.flyout-mega-menu__left-link .flyout-caret{width:.6rem;height:.6rem;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg);margin-left:.8rem;opacity:.5;display:inline-block;flex-shrink:0}.flyout-mega-menu__right{flex:1}.flyout-mega-menu__panel{display:none;flex-direction:column;gap:.2rem}.flyout-mega-menu__panel.is-active{display:flex}.flyout-mega-menu__panel-link{display:block;padding:.6rem 0;text-decoration:none;color:rgba(var(--color-foreground),.7);font-size:1.3rem;transition:color .15s ease;position:relative}.flyout-mega-menu__panel-link:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.flyout-mega-menu__panel-link:hover{color:rgb(var(--color-foreground))}.flyout-mega-menu__panel-link:hover:after{transform:scaleX(1)}.flyout-mega-menu__direct-link{display:block;padding:.8rem 1.2rem;text-decoration:none;color:rgba(var(--color-foreground),.75);font-size:1.3rem;letter-spacing:.08em;text-transform:uppercase;border-radius:0;background:transparent;transition:color .15s ease;position:relative}.flyout-mega-menu__direct-link:after{content:"";position:absolute;bottom:4px;left:1.2rem;width:calc(100% - 2.4rem);height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.flyout-mega-menu__direct-link:hover{color:rgb(var(--color-foreground));background:transparent}.flyout-mega-menu__direct-link:hover:after{transform:scaleX(1)}.flyout-mega-menu>summary.header__menu-item.link>span{position:relative;display:inline-block;text-decoration:none!important}.flyout-mega-menu>summary.header__menu-item.link>span:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.flyout-mega-menu>summary.header__menu-item.link.is-open>span:after{transform:scaleX(1)}.flyout-mega-menu__panel.is-active{display:grid!important;grid-auto-flow:column!important;grid-template-rows:repeat(5,auto)!important;gap:0 3rem!important;align-content:start!important}.flyout-mega-menu__panel.is-active .flyout-mega-menu__panel-link{padding:.3rem 0!important}.flyout-mega-menu>summary .flyout-summary-link{color:inherit;text-decoration:none}.flyout-mega-menu>summary .flyout-summary-link:hover{color:inherit}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-mega-flyout.css.map */