.mega-menu{position:static}.mega-menu__panel{contain:layout paint;border-block:1px solid var(--color-border-subtle);border-block-end-color:var(--color-border);box-shadow:var(--shadow-lg);opacity:0;transform:translateY(-6px);transition:opacity var(--duration-base) var(--ease-in),transform var(--duration-base) var(--ease-in)}.mega-menu__panel.is-open{opacity:1;transform:translateY(0);transition-timing-function:var(--ease-out)}.mega-menu__inner{display:flex;flex-wrap:wrap;gap:var(--space-xl) var(--space-2xl);align-items:flex-start;padding-block:var(--space-2xl) var(--space-3xl);max-block-size:min(70vh,40rem);overflow-y:auto;overscroll-behavior:contain}.mega-menu__col--colors{flex:1 1 24rem}.mega-menu__col--links{flex:1 1 16rem;max-inline-size:26rem}.mega-menu__col--colors+.mega-menu__col--links{padding-inline-start:var(--space-2xl);border-inline-start:1px solid var(--color-border-subtle)}.mega-menu__heading{margin-block:0 var(--space-md);padding-block-end:var(--space-sm);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-weight-heading);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-subtle);border-block-end:1px solid var(--color-border-subtle)}.mega-menu__families{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.125rem var(--space-lg);margin:0 0 var(--space-lg);padding:0;list-style:none}.mega-menu__family{display:flex;align-items:center;gap:var(--space-sm);padding-block:var(--space-2xs);font-size:var(--text-base);color:var(--color-text);text-decoration:none;transition:color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.mega-menu__family:hover,.mega-menu__family:focus-visible{color:var(--color-primary-text);transform:translate(2px)}.mega-menu__chip{flex:0 0 auto;inline-size:1.375rem;block-size:1.375rem;border-radius:var(--radius);background-color:var(--swatch-color, var(--color-surface-alt));box-shadow:var(--shadow-swatch)}.mega-menu__chips{display:flex;flex:0 0 auto;inline-size:2.25rem;block-size:1.375rem;overflow:hidden;border-radius:var(--radius);background:var(--color-surface-alt);box-shadow:var(--shadow-swatch)}.mega-menu__chips .mega-menu__chip{flex:1 1 0;inline-size:auto;block-size:auto;border-radius:0;box-shadow:none}.mega-menu__truncated{margin-block:0 var(--space-sm);font-size:var(--text-xs);color:var(--color-text-subtle)}.mega-menu__view-all{display:inline-block;font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-wide);color:var(--color-primary-text);text-decoration:underline;text-underline-offset:.35em;text-decoration-thickness:1px}.mega-menu__links{display:grid;gap:.125rem;margin:0;padding:0;list-style:none}.mega-menu__link{display:flex;align-items:center;gap:var(--space-sm);padding-block:var(--space-2xs);font-size:var(--text-base);line-height:1.6;color:var(--color-text);text-decoration:none;transition:color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.mega-menu__link:hover,.mega-menu__link:focus-visible{color:var(--color-primary-text);transform:translate(3px)}.mega-menu__link--parent{margin-block-end:var(--space-xs);padding-block-end:var(--space-xs);font-weight:600;border-block-end:1px solid var(--color-border-subtle)}.mega-menu__family[aria-current=page],.mega-menu__link[aria-current=page],.mega-menu__sublink[aria-current=page]{color:var(--color-primary-text);text-decoration:underline;text-underline-offset:.35em;text-decoration-thickness:1px}.mega-menu__thumb{border-radius:var(--radius);object-fit:cover;box-shadow:var(--shadow-swatch)}.mega-menu__sublinks{display:grid;gap:.125rem;margin:var(--space-2xs) 0 var(--space-sm);padding-inline-start:var(--space-md);border-inline-start:1px solid var(--color-border-subtle);list-style:none}.mega-menu__sublink{display:block;padding-block:var(--space-2xs);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.mega-menu__sublink:hover,.mega-menu__sublink:focus-visible{color:var(--color-text);transform:translate(3px)}.mega-menu__promo{display:block;flex:0 1 18rem;margin-inline-start:auto;color:var(--color-text);text-decoration:none}.mega-menu__promo img{inline-size:100%;aspect-ratio:4 / 3;object-fit:cover;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.mega-menu__promo>:first-child{margin-block-start:0}.mega-menu__promo-eyebrow{display:block;margin-block-start:var(--space-sm);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-subtle)}.mega-menu__promo-heading{display:block;margin-block-start:var(--space-sm);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-wide);transition:color var(--duration-fast) var(--ease-default)}.mega-menu__promo-eyebrow+.mega-menu__promo-heading{margin-block-start:var(--space-2xs)}.mega-menu__promo-cta{display:block;margin-block-start:var(--space-xs);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-wide);color:var(--color-primary-text);text-decoration:underline;text-underline-offset:.35em;text-decoration-thickness:1px}.mega-menu__promo:hover .mega-menu__promo-heading,.mega-menu__promo:focus-visible .mega-menu__promo-heading{color:var(--color-primary-text)}.mega-menu__featured{display:flex;flex:0 1 15rem;gap:var(--space-md);align-items:center;margin-inline-start:auto;padding:var(--space-md);color:var(--color-text);text-decoration:none;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease-default)}.mega-menu__featured:hover,.mega-menu__featured:focus-visible{border-color:var(--color-border)}.mega-menu__featured-chip{flex:0 0 auto;inline-size:3.25rem;block-size:3.25rem;background-color:var(--swatch-color, var(--color-surface-alt));border-radius:var(--radius);box-shadow:var(--shadow-swatch)}.mega-menu__featured-text{display:grid;gap:.125rem;min-inline-size:0}.mega-menu__featured-label{font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-subtle)}.mega-menu__featured-name{font-size:var(--text-base);font-weight:600;line-height:1.3;transition:color var(--duration-fast) var(--ease-default)}.mega-menu__featured:hover .mega-menu__featured-name,.mega-menu__featured:focus-visible .mega-menu__featured-name{color:var(--color-primary-text)}.mega-menu__featured-hex{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-subtle)}.mega-menu__col--preview{flex:0 1 20rem;margin-inline-start:auto}.mega-menu__preview{display:grid;border:1px solid var(--color-border-subtle);aspect-ratio:4 / 5;background:var(--color-surface-alt);border-radius:var(--radius-lg);overflow:hidden}.mega-menu__preview-item{grid-area:1 / 1;position:relative;margin:0;opacity:0;transition:opacity var(--duration-base) var(--ease-out);pointer-events:none}.mega-menu__preview-item[data-current]{opacity:1}.mega-menu__preview-item img{inline-size:100%;block-size:100%;object-fit:cover}.mega-menu__preview-caption{position:absolute;inset-inline:0;inset-block-end:0;padding:var(--space-lg) var(--space-md) var(--space-md);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-secondary-100);background:linear-gradient(0deg,rgb(0 0 0 / .6),transparent)}.mega-menu__panel[data-layout=grid] .mega-menu__col--links{flex:1 1 40rem;max-inline-size:none}.mega-menu__links--grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:var(--space-lg) var(--space-xl);align-items:start}.mega-menu__links--grid>li:has(>.mega-menu__link--parent){grid-column:1 / -1}.mega-menu__links--grid .mega-menu__sublinks{padding-inline-start:0;border-inline-start:0}.mega-menu__promo--tile{flex:0 1 20rem;padding:var(--space-lg);background:var(--color-surface-alt);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.mega-menu__promo--tile img{aspect-ratio:3 / 2;border:0}.mega-menu__tabs{display:grid;gap:.125rem;margin:0;padding:0;list-style:none}.mega-menu__tab{display:flex;gap:var(--space-sm);align-items:center;padding-block:var(--space-2xs);font-size:var(--text-base);line-height:1.6;color:var(--color-text);text-decoration:none;transition:color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.mega-menu__tab:hover,.mega-menu__tab:focus-visible{color:var(--color-primary-text);transform:translate(3px)}.mega-menu__tab[aria-current=page]{color:var(--color-primary-text);text-decoration:underline;text-underline-offset:.35em;text-decoration-thickness:1px}.mega-menu__tab--parent{margin-block-end:var(--space-xs);padding-block-end:var(--space-xs);font-weight:600;border-block-end:1px solid var(--color-border-subtle)}.mega-menu__pane{display:grid;gap:.125rem;margin:var(--space-2xs) 0 var(--space-sm);padding-inline-start:var(--space-md);border-inline-start:1px solid var(--color-border-subtle);list-style:none}.mega-menu__pane-all{display:inline-block;margin-block-start:var(--space-2xs);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-wide);color:var(--color-primary-text);text-decoration:underline;text-underline-offset:.35em;text-decoration-thickness:1px}.mega-menu__tabs[data-tabs-live]{position:relative;min-block-size:13rem;padding-inline-end:calc(22rem + var(--space-2xl))}.mega-menu__tabs[data-tabs-live] .mega-menu__pane{position:absolute;inset-block-start:0;inset-inline-end:0;inline-size:22rem;margin:0;display:none;padding-inline-start:var(--space-xl)}.mega-menu__tabs[data-tabs-live] .mega-menu__pane[data-current]{display:grid}.mega-menu__tabs[data-tabs-live]>li:has(>.mega-menu__pane[data-current])>.mega-menu__tab{font-weight:600;color:var(--color-primary-text)}.mega-menu__panel[data-layout=editorial] .mega-menu__inner{max-inline-size:none;padding-inline:0 var(--gutter);padding-block:0}.mega-menu__panel[data-layout=editorial] .mega-menu__col--preview,.mega-menu__panel[data-layout=editorial] .mega-menu__promo--bleed{order:-1;flex:0 1 34%;margin-inline:0;align-self:stretch}.mega-menu__panel[data-layout=editorial] .mega-menu__preview{block-size:100%;aspect-ratio:auto;border:0;border-radius:0}.mega-menu__panel[data-layout=editorial] .mega-menu__promo--bleed{position:relative;padding:var(--space-xl);color:var(--color-on-inverse);background:var(--color-text)}.mega-menu__panel[data-layout=editorial] .mega-menu__promo--bleed img{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;aspect-ratio:auto;object-fit:cover;border:0;border-radius:0;filter:brightness(.55)}.mega-menu__panel[data-layout=editorial] .mega-menu__promo--bleed>:not(img){position:relative}.mega-menu__panel[data-layout=editorial] .mega-menu__promo--bleed .mega-menu__promo-eyebrow,.mega-menu__panel[data-layout=editorial] .mega-menu__promo--bleed .mega-menu__promo-heading,.mega-menu__panel[data-layout=editorial] .mega-menu__promo--bleed .mega-menu__promo-cta{color:var(--color-secondary-100)}.mega-menu__panel[data-layout=editorial] .mega-menu__col--colors,.mega-menu__panel[data-layout=editorial] .mega-menu__col--links,.mega-menu__panel[data-layout=editorial] .mega-menu__promo:not(.mega-menu__promo--bleed),.mega-menu__panel[data-layout=editorial] .mega-menu__featured{padding-block:var(--space-2xl) var(--space-3xl)}.mega-menu__panel[data-layout=editorial] .mega-menu__col--links{max-inline-size:32rem}.mega-menu:has(>.mega-menu__panel[data-layout=compact]){position:relative}.mega-menu__panel[data-layout=compact]{inset-inline:0 auto;inline-size:max-content;min-inline-size:15rem;max-inline-size:min(22rem,calc(100vw - var(--gutter) * 2));border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}li:last-child>.mega-menu:has(>.mega-menu__panel[data-layout=compact])>.mega-menu__panel[data-layout=compact]{inset-inline:auto 0}.mega-menu__panel[data-layout=compact] .mega-menu__inner{flex-direction:column;flex-wrap:nowrap;gap:var(--space-lg);padding:var(--space-lg)}.mega-menu__panel[data-layout=compact] .mega-menu__col--colors+.mega-menu__col--links{padding-inline-start:0;border-inline-start:0}.mega-menu__panel[data-layout=compact] .mega-menu__col--colors,.mega-menu__panel[data-layout=compact] .mega-menu__col--links,.mega-menu__panel[data-layout=compact] .mega-menu__col--preview,.mega-menu__panel[data-layout=compact] .mega-menu__promo,.mega-menu__panel[data-layout=compact] .mega-menu__featured{flex:0 0 auto;max-inline-size:none;margin-inline-start:0}.mega-menu__panel[data-layout=compact] .mega-menu__families{grid-template-columns:minmax(0,1fr)}.mega-menu__panel[data-layout=compact] .mega-menu__preview{aspect-ratio:16 / 9}.mega-menu__panel[data-layout=showcase] .mega-menu__col--links{flex:1 1 15rem;max-inline-size:22rem}.mega-menu__panel[data-layout=showcase] .mega-menu__col--preview{flex:1 1 26rem;max-inline-size:34rem}.mega-menu__panel[data-layout=showcase] .mega-menu__preview{aspect-ratio:4 / 3}.mega-menu__panel[data-layout=showcase] .mega-menu__col--products{flex:1 0 100%}.mega-menu__panel[data-layout=showcase] .mega-menu__products{padding-block-start:var(--space-lg);border-block-start:1px solid var(--color-border-subtle)}.mega-menu__panel[data-layout=featured] .mega-menu__col--links{flex:0 1 15rem}.mega-menu__panel[data-layout=featured] .mega-menu__link{font-size:var(--text-sm)}.mega-menu__panel[data-layout=featured] .mega-menu__col--preview{flex:0 1 14rem}.mega-menu__panel[data-layout=featured] .mega-menu__preview{aspect-ratio:1}.mega-menu__panel[data-layout=featured] .mega-menu__promo{flex:1 1 26rem;max-inline-size:32rem;padding:var(--space-lg);background:var(--color-surface-alt);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.mega-menu__panel[data-layout=featured] .mega-menu__promo img{aspect-ratio:3 / 2;border:0}.mega-menu__panel[data-layout=featured] .mega-menu__promo-heading{font-size:var(--text-lg)}.mega-menu__panel[data-layout=media] .mega-menu__col--links{flex:1 1 40rem;max-inline-size:none}.mega-menu__panel[data-layout=media] .mega-menu__links{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:var(--space-md) var(--space-xl);align-items:start}.mega-menu__panel[data-layout=media] .mega-menu__links>li:has(>.mega-menu__link--parent){grid-column:1 / -1}.mega-menu__panel[data-layout=media] .mega-menu__link{align-items:start;gap:var(--space-md)}.mega-menu__panel[data-layout=media] .mega-menu__thumb{flex:0 0 auto;inline-size:4rem;block-size:4rem;border-radius:var(--radius-lg)}.mega-menu__panel[data-layout=media] .mega-menu__thumb--blank{background:var(--color-surface-alt);border:1px solid var(--color-border-subtle);box-shadow:none}.mega-menu__panel[data-layout=media] .mega-menu__sublinks{margin-inline-start:calc(4rem + var(--space-md));padding-inline-start:0;border-inline-start:0}@media(scripting:none){.mega-menu:hover>.mega-menu__panel[hidden],.mega-menu:focus-within>.mega-menu__panel[hidden]{display:block!important;opacity:1;transform:none}}.mega-menu__col--products{flex:1 1 20rem;min-inline-size:0}.mega-menu__products{container-type:inline-size}.mega-menu__products[hidden]{display:none}.mega-menu__panel[data-layout=editorial] .mega-menu__col--products{flex:1 0 100%;padding-block-end:var(--space-2xl)}@media(pointer:coarse){.mega-menu__family,.mega-menu__link,.mega-menu__sublink,.mega-menu__tab,.mega-menu__pane-all,.mega-menu__view-all{display:flex;align-items:center;min-block-size:2.75rem}.mega-menu__panel[data-layout=media] .mega-menu__link{align-items:start}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mega-menu.css.map */