.mega-nav{--mn-bar-bg: var(--mega-nav-bar-bg, #0c6bed);--mn-bar-text: var(--mega-nav-bar-text, #ffffff);--mn-panel-bg: #ffffff;--mn-panel2-bg: #f7f7f7;--mn-panel-separator: #e9e9e9;--mn-panel-text: #1e2c48;--mn-panel-link: #0c6bed;--mn-hover-link: #0c6bed;--mn-panel-border: rgba(30, 44, 72, .2);--mn-panel-hover-bg: #eef4fe;--mn-active-bg: #0c6bed;--mn-active-text: #ffffff;--mn-heading-text: #6b7280;display:block;position:relative}:where(:root[data-theme=dark]) .mega-nav{--mn-bar-bg: var(--mega-nav-bar-bg-dark, #101011);--mn-bar-text: var(--mega-nav-bar-text-dark, #ffffff);--mn-panel-bg: #1c1c1c;--mn-panel2-bg: #2d2d2d;--mn-panel-separator: #f0f0f0;--mn-panel-text: #f5f5f5;--mn-panel-link: #ffffff;--mn-hover-link: #60d6fc;--mn-active-bg: #60d6fc;--mn-active-text: #101011;--mn-panel-border: rgba(255, 255, 255, .16);--mn-panel-hover-bg: #2b2b2b;--mn-heading-text: #9ca3af}.mega-nav__bar,.mega-nav__dialog-bar{align-items:stretch;background-color:var(--mn-bar-bg);color:var(--mn-bar-text);display:flex;min-height:5.1rem;position:relative;z-index:12}:where(:root[data-theme=dark]) .mega-nav .mega-nav__bar,:where(:root[data-theme=dark]) .mega-nav .mega-nav__dialog-bar{--header-nav-border-color: var(--ink-secondary, #9a9a9a);box-shadow:0 -1px 0 var(--header-nav-border-color),0 1px 0 var(--header-nav-border-color)}.mega-nav__toggle,.mega-nav__dialog-close{align-content:center;align-items:center;background-color:#e5f6fe;border:none;color:#0c6bed;column-gap:.9rem;cursor:pointer;display:inline-grid;flex-shrink:0;font-family:Bricolage Grotesque,Arial,sans-serif;font-size:1.8rem;font-weight:700;grid-template-columns:1.8rem auto;justify-content:center;letter-spacing:normal;padding:1rem 1.6rem;text-transform:uppercase;min-width:13.1rem;white-space:nowrap}.mega-nav__toggle--custom{min-width:0}.mega-nav__toggle--custom .mega-nav__toggle-label--close{display:none}:where(:root[data-theme=dark]) .mega-nav .mega-nav__toggle,:where(:root[data-theme=dark]) .mega-nav .mega-nav__dialog-close{background-color:#2d2d2d;color:#fff}.mega-nav__toggle .svg-wrapper{align-items:center;display:inline-flex;height:1.8rem;width:1.8rem}.mega-nav__toggle svg{height:100%;width:100%}.mega-nav__toggle svg path[fill]:not([fill=none]),.mega-nav__toggle svg rect[fill]:not([fill=none]),.mega-nav__toggle svg circle[fill]:not([fill=none]){fill:currentColor}.mega-nav__toggle svg path[stroke],.mega-nav__toggle svg rect[stroke],.mega-nav__toggle svg line[stroke]{stroke:currentColor}.mega-nav__toggle .mega-nav__toggle-icon--close{height:1.6rem;width:1.6rem}.mega-nav__toggle .mega-nav__toggle-icon--close svg line[stroke],.mega-nav__toggle .mega-nav__toggle-icon--close svg path[stroke]{stroke-width:2px;vector-effect:non-scaling-stroke}.mega-nav__toggle>.svg-wrapper{grid-column:1;grid-row:1}.mega-nav__toggle-label--open,.mega-nav__toggle-label--close{grid-column:2;grid-row:1;justify-self:start}.mega-nav__toggle>.svg-wrapper,.mega-nav__toggle-label--open,.mega-nav__toggle-label--close{transition:opacity .2s ease}.mega-nav__toggle .mega-nav__toggle-icon--close,.mega-nav__toggle .mega-nav__toggle-label--close,.mega-nav[data-open] .mega-nav__toggle .mega-nav__toggle-icon--open,.mega-nav[data-open] .mega-nav__toggle .mega-nav__toggle-label--open{opacity:0}.mega-nav[data-open] .mega-nav__toggle .mega-nav__toggle-icon--close,.mega-nav[data-open] .mega-nav__toggle .mega-nav__toggle-label--close{opacity:1}@media(prefers-reduced-motion:reduce){.mega-nav__toggle>.svg-wrapper,.mega-nav__toggle-label--open,.mega-nav__toggle-label--close{transition:none}}.mega-nav__toggle:focus-visible{outline:.2rem solid var(--mn-bar-text);outline-offset:-.3rem}.mega-nav__quick-links{align-items:stretch;display:flex;flex-wrap:nowrap;list-style:none;margin:0;overflow-x:auto;padding:0;scrollbar-width:none}.mega-nav__quick-links::-webkit-scrollbar{display:none}.mega-nav__quick-links[hidden]{display:none!important}.mega-nav__quick-links--animate{animation:mega-nav-links-slide .45s ease both}@keyframes mega-nav-links-slide{0%{opacity:0;transform:translate(-4.8rem)}to{opacity:1;transform:translate(0)}}.mega-nav__quick-links-ghost{animation:mega-nav-links-ghost-out .45s ease both;pointer-events:none;position:absolute}@keyframes mega-nav-links-ghost-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.mega-nav__quick-links--animate,.mega-nav__quick-links-ghost{animation:none}.mega-nav__quick-links-ghost{display:none}}.mega-nav__quick-links li{display:flex}.mega-nav__quick-link{align-items:center;background-color:var(--quick-link-bg, transparent);color:var(--quick-link-text, var(--mn-bar-text));display:inline-flex;font-size:1.6rem;font-weight:600;height:100%;min-height:100%;padding:1rem 1.6rem;text-decoration:none;transition:background-color .15s ease;white-space:nowrap}.mega-nav__quick-link{position:relative}.mega-nav__quick-link:after{background-color:currentColor;bottom:1.1rem;content:"";height:.1rem;left:1.6rem;opacity:0;position:absolute;right:1.6rem;transition:opacity .25s ease}.mega-nav__quick-link:hover:after,.mega-nav__quick-link:focus-visible:after{opacity:1}@media(prefers-reduced-motion:reduce){.mega-nav__quick-link:after{transition:none}}.mega-nav__quick-link:focus-visible{outline:.2rem solid var(--mn-bar-text);outline-offset:-.3rem}.mega-nav__mode-toggle{align-items:center;background:none;border:none;color:var(--mn-bar-text);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:1.4rem;gap:.8rem;line-height:1.96rem;margin-left:auto;padding:1rem 3.6rem 1rem 1.6rem;text-decoration:none}.mega-nav__mode-toggle-text--light{font-weight:500}.mega-nav__mode-toggle-text--dark{font-weight:600}.mega-nav__mode-toggle:focus-visible{outline:.2rem solid var(--mn-bar-text);outline-offset:-.3rem}.mega-nav__mode-toggle-track{background-color:#ffffff4d;border-radius:5rem;box-sizing:border-box;display:inline-block;height:2.8rem;padding:.4rem;position:relative;transition:background-color .25s ease;width:5rem}:where(:root[data-theme=dark]) .mega-nav .mega-nav__mode-toggle-track{background-color:#ffffff2e}.mega-nav__mode-toggle-thumb{background-color:#fff;border-radius:50%;height:2rem;left:.4rem;position:absolute;top:.4rem;transform:translate(0);transition:transform .25s ease;width:2rem}:where(:root[data-theme=dark]) .mega-nav .mega-nav__mode-toggle-thumb{transform:translate(2.2rem)}.mega-nav__mode-icon{color:#fff;height:1.6rem;position:absolute;top:.6rem;transition:opacity .25s ease;width:1.6rem}.mega-nav__mode-icon--moon{left:.4rem;opacity:0}.mega-nav__mode-icon--sun{opacity:.3;right:.4rem}@media(prefers-reduced-motion:reduce){.mega-nav__mode-toggle-track,.mega-nav__mode-toggle-thumb,.mega-nav__mode-icon{transition:none}}:where(:root):not([data-theme=dark]) .mega-nav .mega-nav__mode-toggle-text--dark{color:#9dc3f5}:where(:root[data-theme=dark]) .mega-nav .mega-nav__mode-toggle-text--light{color:#c3c3c3}:where(:root[data-theme=dark]) .mega-nav .mega-nav__mode-icon--sun{opacity:0}:where(:root[data-theme=dark]) .mega-nav .mega-nav__mode-icon--moon{opacity:.3}.mega-nav__dialog{background:transparent;border:0;color:var(--mn-panel-text);height:calc(100vh - var(--mega-nav-top, 0px));height:calc(100dvh - var(--mega-nav-top, 0px));left:0;margin:0;max-height:none;max-width:100vw;overflow:visible;padding:0;position:fixed;right:auto;top:var(--mega-nav-top, 0px);width:max-content}.mega-nav__dialog::backdrop{background-color:var(--overlay-scrim, rgba(0, 0, 0, .4));top:var(--mega-nav-top, 0px);opacity:0;transition:opacity .2s ease}.mega-nav[data-open] .mega-nav__dialog::backdrop{opacity:1}.mega-nav__dialog-bar{height:var(--mega-nav-bar-height, 5.1rem);left:var(--mega-nav-bar-left, 0px);position:fixed;top:var(--mega-nav-bar-top, 0px);width:var(--mega-nav-bar-width, 100vw)}.mega-nav__dialog-close{column-gap:1rem;grid-template-columns:3.2rem auto;height:var(--mega-nav-toggle-height, 5.1rem);min-height:4.4rem;min-width:var(--mega-nav-toggle-width, 13.1rem)}.mega-nav__dialog-close:focus-visible{outline:.2rem solid currentColor;outline-offset:-.3rem}.mega-nav__dialog-close .svg-wrapper,.mega-nav__dialog-close svg{display:block;height:3.2rem;width:3.2rem}.mega-nav__dialog-close svg :is(path,line)[stroke]{stroke:currentColor;stroke-width:2px;vector-effect:non-scaling-stroke}@media(prefers-reduced-motion:reduce){.mega-nav__dialog::backdrop{transition:none}}.mega-nav__panels{display:flex;height:100%;max-width:100%;pointer-events:none;position:relative;width:max-content}.mega-nav__panels[hidden]{display:none!important}.mega-nav__panel{background-color:var(--mn-panel-bg);color:var(--mn-panel-text);display:flex;flex:0 0 auto;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;transform:translate(-1.5rem);opacity:0;transition:transform .25s ease,opacity .25s ease;width:28.8rem}.mega-nav__panel--2,.mega-nav__panel--3{padding-bottom:1.6rem;scroll-padding-top:8rem;width:36.3rem}.mega-nav__panel>.mega-nav__panel-list{flex:0 0 auto}@media(prefers-reduced-motion:reduce){.mega-nav__panel{transition:none}}.mega-nav__panel[hidden]{display:none}.mega-nav[data-open] .mega-nav__panel--open{opacity:1;pointer-events:auto;transform:translate(0)}.mega-nav__panel--2,.mega-nav__panel--3{border-left:1px solid var(--mn-panel-separator)}:where(:root):not([data-theme=dark]) .mega-nav .mega-nav__panel--2{border-left-color:#f0f0f0}.mega-nav__panel--2,.mega-nav__panel--3{background-color:var(--mn-panel2-bg)}.mega-nav__panel-list{list-style:none;margin:0;padding:1.6rem 0 0}.mega-nav__panel--1>.mega-nav__panel-list{padding:2.4rem 0}.mega-nav__panel-header{align-items:center;background-color:var(--mn-panel2-bg);border-bottom:1px solid var(--mn-panel-border);display:flex;flex-shrink:0;gap:1.6rem;justify-content:space-between;margin:2.4rem 2.4rem 0;min-height:4.8rem;padding:1rem 0;position:sticky;top:0;z-index:1}.mega-nav__panel-header:before{background:inherit;content:"";top:0;right:-2.4rem;bottom:0;left:-2.4rem;position:absolute;z-index:-1}:where(:root[data-theme=dark]) .mega-nav .mega-nav__panel-header{border-bottom-color:#fff}.mega-nav__panel-title{color:var(--mn-panel-link);font-size:2rem;font-weight:700;line-height:normal;margin:0;min-width:0;overflow-wrap:anywhere}:where(:root[data-theme=dark]) .mega-nav .mega-nav__panel-title{color:var(--mn-panel-text)}.mega-nav__shop-all{color:var(--mn-panel-link);flex-shrink:0;font-size:1.6rem;font-weight:700;letter-spacing:normal;line-height:normal;text-decoration:underline;text-transform:uppercase;text-underline-offset:.3rem;white-space:nowrap}.mega-nav__shop-all:focus-visible{outline:.2rem solid currentColor;outline-offset:.3rem}.mega-nav__item{align-items:center;background:none;border:none;color:var(--mn-panel-link);cursor:pointer;display:flex;font-family:inherit;font-size:1.6rem;font-weight:600;gap:1.6rem;justify-content:space-between;line-height:1.4;padding:1rem 2.4rem;text-align:left;text-decoration:none;transition:background-color .2s ease,color .2s ease;width:100%}.mega-nav__panel--1 .mega-nav__item{font-size:1.8rem;min-height:4.8rem}@media(prefers-reduced-motion:reduce){.mega-nav__item{transition:none}}.mega-nav__item--plain{color:var(--mn-panel-text);font-weight:500;min-height:3rem;padding-bottom:.4rem;padding-top:.4rem}.mega-nav__list-row--shortcut+.mega-nav__list-row--shortcut{margin-top:.4rem}.mega-nav__list-row--shortcut+:is(.mega-nav__list-row--branch,.mega-nav__list-row--category){margin-top:2.4rem}.mega-nav__list-row--branch>.mega-nav__item,.mega-nav__list-row--category>.mega-nav__item{color:var(--mn-panel-link);font-weight:600;min-height:4.4rem;padding-bottom:1rem;padding-top:1rem}.mega-nav__panel--3>.mega-nav__panel-list>li+li{margin-top:.8rem}@media(pointer:coarse){.mega-nav__item--plain{min-height:4.4rem}}.mega-nav__item--with-icon{gap:1.2rem;justify-content:flex-start}.mega-nav__item-icon{border:1px solid #f0f0f0;border-radius:50%;flex-shrink:0;height:4rem;overflow:hidden;padding:.3rem;width:4rem}.mega-nav__item-icon img{background-color:var(--color-gg-white, #fff);border-radius:50%;display:block;height:100%;object-fit:contain;width:100%}.mega-nav__item-label{min-width:0;overflow-wrap:anywhere}.mega-nav__item-flag{background-color:var(--flag-bg-color, #ffc555);color:var(--flag-text-color, #1e2c48);flex-shrink:0;font-size:1.2rem;font-weight:500;line-height:1.5;padding:.2rem .4rem;text-transform:uppercase;white-space:nowrap}.mega-nav__panel--2 button.mega-nav__item,.mega-nav__list-row--category>.mega-nav__item{position:relative}.mega-nav__panel--2 button.mega-nav__item:after,.mega-nav__list-row--category>.mega-nav__item:after{background-color:var(--mn-panel-border);bottom:0;content:"";height:1px;left:2.4rem;position:absolute;right:2.4rem}:where(:root[data-theme=dark]) .mega-nav .mega-nav__panel--2 button.mega-nav__item:after,:where(:root[data-theme=dark]) .mega-nav .mega-nav__list-row--category>.mega-nav__item:after{background-color:#fff}.mega-nav__panel--2 button.mega-nav__item[aria-expanded=true]:after{display:none}.mega-nav__item:not(.mega-nav__item--plain):hover,.mega-nav__item:not(.mega-nav__item--plain):focus-visible,.mega-nav__list-row--category>.mega-nav__item:hover,.mega-nav__list-row--category>.mega-nav__item:focus-visible{background-color:var(--mn-active-bg);color:var(--mn-active-text)}.mega-nav__panel--2 button.mega-nav__item:hover:after,.mega-nav__panel--2 button.mega-nav__item:focus-visible:after,.mega-nav__list-row--category>.mega-nav__item:hover:after,.mega-nav__list-row--category>.mega-nav__item:focus-visible:after{display:none}.mega-nav__item--plain:hover,.mega-nav__item--plain:focus-visible{color:var(--mn-hover-link)}.mega-nav__item:focus-visible{outline:.2rem solid var(--mn-panel-link);outline-offset:-.3rem}.mega-nav__item[aria-expanded=true]{background-color:var(--mn-active-bg);color:var(--mn-active-text)}.mega-nav__item-chevron{flex-shrink:0;height:1.6rem;width:1.6rem}.mega-nav__item-chevron svg{display:block;height:100%;width:100%}.mega-nav__item-chevron svg path{fill:none;stroke:currentColor;stroke-width:2}.mega-nav__group-heading{border-bottom:1px solid var(--mn-panel-border);color:var(--mn-heading-text);font-size:1.2rem;font-weight:700;letter-spacing:.08em;margin:1.2rem 2rem .6rem;padding-bottom:.8rem;text-transform:uppercase}.mega-nav__promo{display:block;flex:0 0 auto;margin-top:auto;padding:5.6rem 0 0;text-decoration:none}.mega-nav__promo-image{clip-path:polygon(0 0,calc(100% - 2.8rem) 0,100% 2.8rem,100% 100%,0 100%);display:block;height:15rem;overflow:hidden}.mega-nav__promo-image img{display:block;height:100%;object-fit:cover;width:100%}.mega-nav__promo-label{color:var(--mn-panel-link);display:block;font-size:1.6rem;font-weight:700;letter-spacing:normal;line-height:1.0625;margin-top:.8rem;min-height:2.5rem;padding:.4rem .8rem;text-transform:uppercase}.mega-nav__promo:focus-visible{outline:.2rem solid var(--mn-panel-link);outline-offset:-.3rem}@media screen and (max-width:1199px){.mega-nav{display:none}}.mega-nav__panel--2,.mega-nav__panel--3{content-visibility:auto;contain-intrinsic-size:30rem 60rem}
/*# sourceMappingURL=/cdn/shop/t/162/assets/component-mega-nav.css.map */
