.td-menu-panels__panel{position:fixed;top:var(--td-menu-top, 0);inset-inline:0;z-index:2;max-height:calc(100vh - var(--td-menu-top, 0px));overflow-y:auto;padding-block:var(--td-space-32);background:var(--td-white);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity));opacity:0;visibility:hidden;transform:translateY(calc(-1 * var(--td-space-8)));transition:opacity var(--td-motion-drawer) var(--td-ease),transform var(--td-motion-drawer) var(--td-ease),visibility var(--td-motion-drawer) var(--td-ease)}.td-menu-panels__panel.is-open{opacity:1;visibility:visible;transform:none}.td-menu-panels__lists{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--td-space-32) var(--td-gap)}.td-menu-panels__heading{margin:0 0 var(--td-space-16);font-size:var(--td-fs-small);font-weight:var(--td-weight-semibold);line-height:var(--td-lh-list);color:var(--td-ink)}.td-menu-panels__lead{display:block;margin:0 0 var(--td-space-16);font-size:var(--td-fs-small);font-weight:var(--td-weight-semibold);line-height:var(--td-lh-list);color:var(--td-navy);text-decoration:underline;text-underline-offset:var(--td-underline-gap);transition:color var(--td-motion) var(--td-ease)}.td-menu-panels__lead:hover{color:var(--td-navy-hover)}.td-menu-panels__links{display:grid;gap:var(--td-space-10);margin:0}.td-menu-panels .mega-menu__link{padding:0;font-size:var(--td-fs-small);line-height:var(--td-lh-list);color:var(--td-ink-soft);text-decoration:none;transition:color var(--td-motion) var(--td-ease)}.td-menu-panels .mega-menu__link:hover{color:var(--td-navy);text-decoration:underline;text-decoration-thickness:var(--td-hairline);text-underline-offset:var(--td-underline-gap)}.td-menu-panels__brands{columns:4;column-gap:var(--td-grid-gap);margin:0}.td-menu-panels__brands>li+li{margin-top:var(--td-space-10)}.td-menu-panels__brands>li{break-inside:avoid}.td-menu-panels__all{display:inline-block;margin-top:var(--td-space-24)}@media(prefers-reduced-motion:reduce){.td-menu-panels__panel{transition:none}}@media screen and (max-width:989px){.td-menu-panels{display:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/td-menu-panels.css.map */