.microsite-nav{--pt: 0;--pb: 0;--mn-bg: var(--color-primary);--mn-fg: var(--color-white);--mn-border: transparent;--mn-dd-bg: color-mix(in srgb, var(--mn-bg) 95%, var(--color-white));--mn-dd-fg: var(--mn-fg);--mn-divider: rgb(from var(--mn-fg) r g b / .15);position:relative;z-index:200;background:var(--mn-bg);color:var(--mn-fg);border-block:1px solid var(--mn-border)}.microsite-nav.is-sticky{position:fixed;top:0;left:0;width:100%}.microsite-nav .microsite-nav__inner{position:relative;min-height:46px}.microsite-nav .microsite-nav__list{list-style:none;margin:0;padding:0;width:100%;justify-content:space-evenly;flex-wrap:nowrap;gap:0 8px}@media(min-width:768px){.microsite-nav .microsite-nav__list{gap:0 24px}}.microsite-nav .nav-link{text-align:center;white-space:normal;word-break:break-word;padding:0}.microsite-nav .nav-link.is-active{font-weight:500;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.microsite-nav .microsite-nav__disclosure{width:100%}.microsite-nav .microsite-nav__toggle{display:none;list-style:none;font-weight:500;flex-flow:row nowrap;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;padding:0;background:none;border:0;color:inherit;cursor:pointer}.microsite-nav .microsite-nav__toggle::-webkit-details-marker{display:none}.microsite-nav .microsite-nav__chevron{--icon-size: 1rem;flex:none}.microsite-nav .microsite-nav__loader{--spinner-size: 1.25rem;--spinner-color: var(--mn-fg);display:none;margin-inline:auto}.microsite-nav.microsite-nav--loading .microsite-nav__loader{display:inline-block}.microsite-nav.microsite-nav--loading .microsite-nav__list,.microsite-nav.microsite-nav--loading .microsite-nav__disclosure,.microsite-nav.microsite-nav--loading .microsite-nav__toggle{display:none}.microsite-nav .microsite-nav__disclosure[open] .microsite-nav__chevron{transform:rotate(180deg)}.microsite-nav :focus-visible{outline:2px solid var(--mn-fg);outline-offset:-2px}@media(prefers-reduced-motion:no-preference){.microsite-nav .microsite-nav__chevron{transition:transform .2s ease}}@media(max-width:767px){.microsite-nav--dd-mobile:not(.microsite-nav--loading) .microsite-nav__inner{flex-wrap:wrap}.microsite-nav--dd-mobile:not(.microsite-nav--loading) .microsite-nav__toggle{display:flex}.microsite-nav--dd-mobile:not(.microsite-nav--loading) .microsite-nav__list{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;max-height:min(50vh,320px);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;background:var(--mn-dd-bg);color:var(--mn-dd-fg);border-top:1px solid var(--mn-divider);width:calc(100% + 2 * var(--site-padding));margin-inline:calc(-1 * var(--site-padding))}.microsite-nav--dd-mobile:not(.microsite-nav--loading) .microsite-nav__list .nav-link{display:flex;align-items:center;min-height:44px;text-align:left;padding-block:8px;padding-inline:var(--site-padding)}.microsite-nav--dd-mobile:not(.microsite-nav--loading) .microsite-nav__list .nav-link.is-active{text-decoration:none;background:rgb(from currentColor r g b / .12);box-shadow:inset 3px 0 0 currentColor}}@media(min-width:768px){.microsite-nav--dd-desktop:not(.microsite-nav--loading) .microsite-nav__toggle{display:flex;width:fit-content;margin-inline:auto;padding-inline:16px}.microsite-nav--dd-desktop:not(.microsite-nav--loading) .microsite-nav__list{position:absolute;top:100%;left:50%;right:auto;transform:translate(-50%);z-index:1;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;width:min(360px,100%);max-height:min(60vh,420px);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;background:var(--mn-dd-bg);color:var(--mn-dd-fg);border:1px solid var(--mn-divider);box-shadow:0 8px 16px rgb(from var(--color-black) r g b / .15)}.microsite-nav--dd-desktop:not(.microsite-nav--loading) .microsite-nav__list .nav-link{display:flex;align-items:center;min-height:44px;text-align:left;padding-block:8px;padding-inline:16px}.microsite-nav--dd-desktop:not(.microsite-nav--loading) .microsite-nav__list .nav-link.is-active{text-decoration:none;background:rgb(from currentColor r g b / .12);box-shadow:inset 3px 0 0 currentColor}}
/*# sourceMappingURL=/cdn/shop/t/1059/assets/section.microsite-nav.css.map */