.mmbar-wrapper{padding-block:1rem;position:relative;z-index:50;opacity:0;transform:translateY(-14px);animation:mmFadeIn .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes mmFadeIn{to{opacity:1;transform:translateY(0)}}.mmbar-wrapper .page-width{position:relative}.mmbar-top{border:1px solid rgba(var(--color-foreground),.08);position:relative;z-index:2}.mmbar-top>ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:stretch}.mmbar-trigger-item{border-right:1px solid rgba(var(--color-foreground),.08)}.mmbar-trigger{position:relative;overflow:hidden;height:100%;display:flex;align-items:center;gap:.6rem;padding:1.4rem 1.6rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;cursor:pointer;font-weight:600;font-size:1.4rem;text-transform:uppercase;letter-spacing:.02em;transition:filter .25s ease}.mmbar-trigger:before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-20deg);transition:left .7s ease}.mmbar-trigger:hover:before{left:130%}.mmbar-trigger:hover{filter:brightness(1.08)}.mmbar-trigger__caret{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.mmbar-trigger[aria-expanded=true] .mmbar-trigger__caret{transform:rotate(180deg)}.mmbar-item{position:relative;opacity:0;transform:translateY(-8px);animation:mmItemIn .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--i, 0) * .06s + .2s)}@keyframes mmItemIn{to{opacity:1;transform:translateY(0)}}.mmbar-item__row{display:flex;align-items:center;height:100%}.mmbar-item__link{position:relative;display:block;padding:1.4rem 1.2rem;text-decoration:none;color:rgb(var(--color-foreground));font-weight:600;font-size:1.3rem;text-transform:uppercase;letter-spacing:.01em;transition:color .25s ease}.mmbar-item__link:after{content:"";position:absolute;left:1.2rem;right:1.2rem;bottom:.9rem;height:2px;background:rgb(var(--color-button));transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.16,1,.3,1)}.mmbar-item__link:hover{color:rgb(var(--color-button))}.mmbar-item__link:hover:after{transform:scaleX(1)}.mmbar-item__toggle{background:none;border:none;cursor:pointer;padding:1.4rem 1rem 1.4rem 0;color:rgb(var(--color-foreground));opacity:.6;transition:opacity .25s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}.mmbar-item__toggle:hover{opacity:1}.mmbar-item.is-open .mmbar-item__toggle{transform:rotate(180deg)}.mmbar-dropdown{position:absolute;top:100%;left:0;min-width:220px;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.08);box-shadow:0 14px 28px #00000024;z-index:25;padding:.6rem 0;visibility:hidden;opacity:0;transform:translateY(-8px) scale(.98);transform-origin:top left;pointer-events:none;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),visibility 0s linear .3s}.mmbar-item.has-dropdown:hover>.mmbar-dropdown,.mmbar-item.is-open>.mmbar-dropdown{visibility:visible;opacity:1;transform:translateY(0) scale(1);pointer-events:auto;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),visibility 0s linear 0s}.mmbar-dropdown ul{list-style:none;margin:0;padding:0}.mmbar-dropdown a{display:block;padding:.7rem 1.6rem;text-decoration:none;color:rgb(var(--color-foreground));font-size:1.3rem;transition:color .2s ease,padding-left .2s ease}.mmbar-dropdown a:hover{color:rgb(var(--color-button));padding-left:2rem}.mmbar-panel{position:absolute;top:calc(100% - 1px);left:0;right:0;z-index:40;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);box-shadow:0 24px 48px #0000002e;visibility:hidden;opacity:0;transform:translateY(-12px);pointer-events:none;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1),visibility 0s linear .35s}.mmbar-wrapper.is-mega-open .mmbar-panel{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1),visibility 0s linear 0s}.mmbar-panel__inner{display:flex;min-height:380px;max-height:70vh}.mmbar-panel__cats{list-style:none;margin:0;padding:.6rem 0;flex:0 0 260px;max-width:260px;border-right:1px solid rgba(var(--color-foreground),.08);overflow-y:auto}.mmbar-panel__cat-item{opacity:0;transform:translate(-10px)}.mmbar-wrapper.is-mega-open .mmbar-panel__cat-item{animation:mmCatIn .4s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--ci, 0) * .04s + .1s)}@keyframes mmCatIn{to{opacity:1;transform:translate(0)}}.mmbar-panel__cat-link{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.6rem;text-decoration:none;color:rgb(var(--color-foreground));font-size:1.35rem;font-weight:600;border-left:3px solid transparent;transition:background-color .2s ease,color .2s ease,border-color .2s ease,padding-left .2s ease}.mmbar-panel__cat-link svg{opacity:.5;flex-shrink:0}.mmbar-panel__cat-item:hover .mmbar-panel__cat-link,.mmbar-panel__cat-item.is-active .mmbar-panel__cat-link{background:rgba(var(--color-button),.08);color:rgb(var(--color-button));border-left-color:rgb(var(--color-button));padding-left:1.9rem}.mmbar-panel__cols{flex:1 1 auto;position:relative;overflow-y:auto;padding:2rem 2.4rem}.mmbar-panel__col-group{display:none;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.mmbar-panel__col-group.is-active{display:block;opacity:1;transform:translateY(0)}.mmbar-panel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2rem 2.4rem}.mmbar-panel__col-title{display:block;margin-bottom:.8rem;text-decoration:none;color:rgb(var(--color-foreground));font-weight:700;font-size:1.4rem;border-bottom:2px solid rgba(var(--color-button),.25);padding-bottom:.5rem;transition:color .2s ease,border-color .2s ease}.mmbar-panel__col-title:hover{color:rgb(var(--color-button));border-color:rgb(var(--color-button))}.mmbar-panel__col ul{list-style:none;margin:0;padding:0}.mmbar-panel__col li a{display:block;padding:.45rem 0;text-decoration:none;color:rgba(var(--color-foreground),.75);font-size:1.3rem;transition:color .2s ease,padding-left .2s ease}.mmbar-panel__col li a:hover{color:rgb(var(--color-button));padding-left:.5rem}.mmbar-panel__view-all{display:inline-block;color:rgb(var(--color-button));font-weight:600;font-size:1.4rem;text-decoration:none}.mmbar-panel__view-all:hover{text-decoration:underline}.mmbar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:45;opacity:0;pointer-events:none;transition:opacity .35s ease}.mmbar-wrapper.is-mega-open .mmbar-overlay{opacity:1;pointer-events:auto}@media screen and (max-width:749px){.mmbar-wrapper{display:none!important}.mmbar-top>ul{flex-direction:column}.mmbar-trigger-item{border-right:none;border-bottom:1px solid rgba(var(--color-foreground),.08)}.mmbar-dropdown{position:static;box-shadow:none;border:none;max-height:0;overflow:hidden;visibility:visible;opacity:1;transform:none;padding:0;transition:max-height .35s cubic-bezier(.16,1,.3,1)}.mmbar-item.is-open>.mmbar-dropdown{max-height:600px;padding:.6rem 0}.mmbar-panel{position:fixed;top:0;left:0;right:0;bottom:0;border:none}.mmbar-panel__inner{flex-direction:column;max-height:100vh;height:100%}.mmbar-panel__cats{flex:0 0 auto;max-width:none;display:flex;overflow-x:auto;border-right:none;border-bottom:1px solid rgba(var(--color-foreground),.08);padding:.6rem}.mmbar-panel__cat-link{white-space:nowrap;border-left:none;border-bottom:3px solid transparent}.mmbar-panel__cat-item:hover .mmbar-panel__cat-link,.mmbar-panel__cat-item.is-active .mmbar-panel__cat-link{border-left-color:transparent;border-bottom-color:rgb(var(--color-button));padding-left:1.6rem}.mmbar-panel__cols{flex:1 1 auto;padding:1.6rem}.mmbar-panel__grid{grid-template-columns:1fr;gap:1.6rem}}@media(prefers-reduced-motion:reduce){.mmbar-wrapper,.mmbar-item,.mmbar-panel,.mmbar-panel__cat-item,.mmbar-trigger:before{animation:none!important;transition-duration:.01ms!important}.mmbar-wrapper,.mmbar-item,.mmbar-panel__cat-item{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-mega-menu-bar.css.map */