.mega-nav{position:static;margin:0}@media screen and (min-width:990px){.header--top-center .mega-nav{justify-self:stretch;margin-top:1.2rem;border-top:var(--surface-hairline)}}.mega-nav__list{display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;margin:0;padding:0;list-style:none}.mega-nav__links-wrap{grid-column:1;grid-row:1;min-width:0}.mega-nav__links{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:0 3.6rem;margin:0;padding:0;list-style:none}.mega-nav__links>.mega-nav__item{display:flex}.mega-nav__item{position:static;display:flex;align-items:center}.mega-nav__link{position:relative;display:inline-flex;align-items:center;padding:1.7rem .2rem;margin:0;border:0;background:none;font-family:var(--font-body-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-tracking);line-height:1.2;text-transform:uppercase;text-decoration:none;color:rgb(var(--color-foreground));cursor:pointer}.mega-nav__link:after{content:"";position:absolute;left:.2rem;right:.2rem;bottom:1.2rem;height:.1rem;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--motion-duration-base) var(--motion-ease-standard)}.mega-nav__item:hover .mega-nav__link:after,.mega-nav__item.is-open .mega-nav__link:after,.mega-nav__link--active:after,.mega-nav__link:focus-visible:after{transform:scaleX(1)}.mega-nav__link:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:-.2rem}.mega-nav__toggle{display:grid;place-items:center;width:2.2rem;height:2.2rem;margin-left:.1rem;padding:0;border:0;border-radius:50%;background:none;color:rgba(var(--color-foreground),.6);cursor:pointer;transition:color var(--motion-duration-fast) var(--motion-ease-standard)}.mega-nav__toggle .icon-caret{width:1rem;height:1rem;transition:transform var(--motion-duration-base) var(--motion-ease-standard)}.mega-nav__item.is-open .mega-nav__toggle .icon-caret{transform:rotate(180deg)}.mega-nav__toggle:hover,.mega-nav__item.is-open .mega-nav__toggle{color:rgb(var(--color-foreground))}.mega-nav__toggle:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.1rem}.mega-nav__item--cta{grid-column:2;grid-row:1;justify-self:end;margin:0}.mega-nav__cta{display:inline-flex;align-items:center;padding:.9rem 1.6rem;font-size:var(--type-label-size);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-tracking);text-transform:uppercase;text-decoration:none;color:rgb(var(--color-background));background:rgb(var(--color-foreground));transition:opacity var(--motion-duration-fast) var(--motion-ease-standard)}.mega-nav__cta:hover{opacity:.86}.mega-panel{position:absolute;left:0;right:0;top:100%;z-index:2;max-height:calc(100vh - var(--header-height, 14rem) - 2rem);overflow-y:auto;background:rgb(var(--color-background));border-top:var(--surface-hairline);border-bottom:var(--surface-hairline);box-shadow:0 2.4rem 3rem -2.4rem rgba(var(--color-shadow),.25);opacity:0;transform:translateY(calc(-1 * var(--motion-distance)));transition:opacity var(--motion-duration-fast) var(--motion-ease-exit),transform var(--motion-duration-fast) var(--motion-ease-exit)}.mega-panel[hidden]{display:none}.mega-panel.is-open{opacity:1;transform:none;transition:opacity var(--motion-duration-medium) var(--motion-ease-enter),transform var(--motion-duration-medium) var(--motion-ease-enter)}.mega-panel__inner{padding-top:3.6rem;padding-bottom:4rem}.mega-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;background:rgba(var(--color-foreground),.08);opacity:0;pointer-events:none;transition:opacity var(--motion-duration-medium) var(--motion-ease-standard)}.mega-overlay.is-visible{opacity:1;pointer-events:auto}.mega-content--desktop{display:flex;align-items:flex-start;gap:3.6rem}.mega-col{flex:0 0 auto;min-width:0}.mega-col--shapes{flex:1 1 auto;max-width:64rem}.mega-col--links,.mega-col--group{flex:0 0 20rem}.mega-col--metals{flex:0 0 18rem}.mega-col--cards{flex:1 1 auto}.mega-col--promo{flex:0 0 25rem;margin-left:auto}.mega-col__heading{display:block;margin:0 0 1.4rem;font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);letter-spacing:var(--type-eyebrow-tracking);text-transform:uppercase;color:var(--type-eyebrow-color)}.mega-col__heading--stacked{margin-top:2.6rem}.mega-shapes{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.2rem,1fr));gap:.4rem;margin:0;padding:0;list-style:none}.mega-shape{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1rem .2rem .8rem;border:.1rem solid transparent;border-radius:.8rem;color:rgb(var(--color-foreground));text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard)}@media(hover:hover){.mega-shape:hover{background:var(--surface-tint);border-color:rgba(var(--color-foreground),.1)}}.mega-shape:active{background:rgba(var(--color-foreground),.08)}.mega-shape__icon{display:block;width:4.8rem;height:4.8rem;transition:transform var(--motion-duration-base) var(--motion-ease-standard)}.mega-shape__icon .icon-diamond-shape{display:block;width:100%;height:100%}@media(hover:hover){.mega-shape:hover .mega-shape__icon{transform:translateY(-.1rem)}}.mega-shape__label{max-width:100%;font-size:var(--type-label-compact-size);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-compact-tracking);line-height:1.2;text-align:center;text-transform:uppercase;color:rgba(var(--color-foreground),.6);transition:color var(--motion-duration-fast) var(--motion-ease-standard)}.mega-shape:hover .mega-shape__label{color:rgb(var(--color-foreground))}.mega-metals{display:flex;flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none}.mega-metal{display:flex;align-items:center;gap:1rem;margin-left:-.8rem;padding:.6rem .8rem;border-radius:.6rem;font-size:var(--type-link-size);letter-spacing:var(--type-link-tracking);color:rgb(var(--color-foreground));text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard)}@media(hover:hover){.mega-metal:hover{background:var(--surface-tint)}}.mega-metal:active{background:rgba(var(--color-foreground),.08)}.mega-metal__swatch{flex:none;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--facet-swatch, transparent);border:.1rem solid rgba(var(--color-foreground),.45);box-sizing:border-box}.mega-metal__swatch--unknown{background:linear-gradient(135deg,transparent 47%,rgba(var(--color-foreground),.45) 48%,rgba(var(--color-foreground),.45) 52%,transparent 53%)}.mega-list{margin:0;padding:0;list-style:none}.mega-list__link{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem 0;font-size:var(--type-link-size);letter-spacing:var(--type-link-tracking);line-height:1.4;color:rgb(var(--color-foreground));text-decoration:none}.mega-list__link>span{position:relative}.mega-list__link>span:after{content:"";position:absolute;left:0;right:0;bottom:-.1rem;height:.1rem;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--motion-duration-base) var(--motion-ease-standard)}.mega-list__link:hover>span:after,.mega-list__link:focus-visible>span:after,.mega-list__link--current>span:after{transform:scaleX(1)}.mega-list__link .icon{width:1.2rem;height:1.2rem;opacity:0;transform:translate(-.4rem);transition:opacity var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-base) var(--motion-ease-standard)}.mega-list__link:hover .icon,.mega-list__link:focus-visible .icon{opacity:.7;transform:none}.mega-list__link--all{margin-top:1.4rem}.mega-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem;margin:0;padding:0;list-style:none}.mega-card{display:block;color:rgb(var(--color-foreground));text-decoration:none}.mega-card__media{display:block;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--surface-radius);border:var(--surface-hairline);background:var(--surface-tint)}.mega-card__image,.mega-promo__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--motion-duration-slow) var(--motion-ease-standard)}@media(hover:hover){.mega-card:hover .mega-card__image,.mega-promo:hover .mega-promo__image{transform:scale(1.03)}}.mega-card__title{display:block;margin-top:1rem;font-size:var(--type-link-size);letter-spacing:var(--type-link-tracking)}.mega-card__sub{display:block;margin-top:.2rem;font-size:1.1rem;color:rgba(var(--color-foreground),.55)}.mega-promo{display:block;overflow:hidden;border-radius:var(--surface-radius);border:var(--surface-hairline);background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-decoration:none;transition:box-shadow var(--motion-duration-base) var(--motion-ease-standard)}@media(hover:hover){.mega-promo:hover{box-shadow:0 1.2rem 2.4rem -1.4rem rgba(var(--color-shadow),.35)}}.mega-promo__media{display:block;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-tint)}.mega-promo__body{display:block;padding:1.6rem 1.8rem 1.8rem}.mega-promo__title{display:block;margin:.4rem 0 .8rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:var(--type-title-size);font-weight:var(--type-title-weight);letter-spacing:var(--type-title-tracking);line-height:1.3}.mega-promo__excerpt{display:block;margin-bottom:1rem;font-size:1.2rem;line-height:1.5;color:rgba(var(--color-foreground),.65)}.mega-promo__link{display:inline-flex;align-items:center;gap:.6rem;font-size:var(--type-link-size);letter-spacing:var(--type-link-tracking);text-decoration:underline;text-underline-offset:.3rem}.mega-promo__link .icon{width:1.2rem;height:1.2rem}
/*# sourceMappingURL=/cdn/shop/t/31/assets/component-mega-menu.css.map */