/** NAVIGATION COMPONENT v3 (CT19) **/
/* One stylesheet for the whole navigation component.
 *
 * WHAT A LAYER DOES IS CSS. Layer 2 is the sub-menu of a top level item, layer
 * 3 the one below it; the depth is capped at 3. The render puts the form and
 * the trigger of each layer on `nav.sc-nav` as a class — nv-m2-*, nv-m3-*,
 * nv-o2-*, nv-o3-* — and a range override adds the same class with a band
 * prefix (d-/tl-/tp-/m-). Those classes only assign custom properties:
 * --sc-nv-l2-* / --sc-nv-l3-* for the layer, --sc-nv-o2-* / --sc-nv-o3-* for
 * the trigger. Two structure rules resolve them into ONE generic --nv-s-* set
 *   .sc-nav-l0 > .sc-nav-item > .sc-nav-sub  -> layer 2
 *   .sc-nav-sub .sc-nav-sub                  -> layer 3
 * and a single set of structural rules consumes that set. So a band override
 * never repeats the structure and can never leak a property of the form it
 * replaces, and layer 3 differs from layer 2 without a second render path.
 * sc-nav.js reads the resolved form and trigger of the current band from
 * --sc-nv-m2 / -m3 / -o2 / -o3, which makes it band aware without breakpoints
 * of its own.
 *
 * Sizes come from the render as custom properties on the component wrapper, so
 * the panel patches them without a re-render:
 *   --sc-nv-gap | -ipy | -ipx | -iop | -isc | -isx | -isy | -irt |
 *   -spy | -spx | -sub-pad | -sub-ind | -sub-w | -sub-off |
 *   -i2-sz | -i2-gap | -i2-pad | -i2-rt | -i3-sz | -i3-rt | -ii-sz | -ii-gap |
 *   -back-sz | -back-gap | -dur | -delay | -ease | -stagger | -hover | -ih |
 *   -i (per <li>)
 * A range override adds the band twin (-d/-t/-tp/-m). The .sc-nav resolves
 * each size once into --nv-{name} (band twin, then base, then the default);
 * every consumer reads that resolved name, so a band never repeats structure.
 * The icon colour, its background and its radius arrive as CLASSES on the icon
 * span (clr-*, bg-*, radius-obj-*), so the chip only needs its padding here.
 *
 * Runtime (sc-nav.js): .is-open lays a pane out, .is-in animates it in (an
 * overlay fades its inner box, an accordion opens its own grid row), .is-flip-x
 * / .is-flip-y mirror an overlay that would leave the viewport or grow the
 * document, and --sc-nv-depth / --sc-nv-h drive the drill track. The editor
 * forces an open item with .sc-ov-force-o and never writes that pair.
 */

/* ===== 1. Component width, root, lists, direction and distribution ===== */
/* NAV.L7 — the navigation either fills the free space of its column or asks
   for exactly what its items need. In a block column flex means nothing (the
   component is already 100% wide); in an inline column `fill` takes column
   width minus the other components minus the gaps, which IS the flex free
   space — no width measuring in JS. min-width stays auto, so a navigation that
   no longer fits drops to a line of its own and fills that. */
.component-navigation.nv-w-fill { flex: 1 1 0%; }
.component-navigation.nv-w-auto { flex: 0 1 auto; }
.component-navigation > .sc-nav { width: 100%; }

.sc-nav {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    overflow: var(--sc-nv-nav-ovf, visible);
    height: var(--sc-nv-nav-h, auto);
    transition: height var(--sc-nv-dur, 300ms) var(--sc-nv-ease, ease);
}
/* Resolved sizes (band twins in section 9). Layer 3 ends on the resolved layer
   2 value: an empty layer-3 size follows the layer above, per sub-key. */
.sc-nav {
    --nv-gap: var(--sc-nv-gap, 0px);
    --nv-ipy: var(--sc-nv-ipy, 12px);
    --nv-ipx: var(--sc-nv-ipx, 24px);
    --nv-iop: var(--sc-nv-iop, 1);
    --nv-isc: var(--sc-nv-isc, 1);
    --nv-isx: var(--sc-nv-isx, 0px);
    --nv-isy: var(--sc-nv-isy, 0px);
    --nv-irt: var(--sc-nv-irt, 0deg);
    --nv-spy: var(--sc-nv-spy, var(--nv-ipy));
    --nv-spx: var(--sc-nv-spx, var(--nv-ipx));
    --nv-sub-pad: var(--sc-nv-sub-pad, 0px);
    --nv-sub-ind: var(--sc-nv-sub-ind, 24px);
    --nv-sub-off: var(--sc-nv-sub-off, 0px);
    --nv-i2-sz: var(--sc-nv-i2-sz, 12px);
    --nv-i2-gap: var(--sc-nv-i2-gap, 6px);
    --nv-i2-pad: var(--sc-nv-i2-pad, 0px);
    --nv-i2-rt: var(--sc-nv-i2-rt, 0deg);
    --nv-i3-sz: var(--sc-nv-i3-sz, var(--nv-i2-sz));
    --nv-i3-rt: var(--sc-nv-i3-rt, var(--nv-i2-rt));
    --nv-back-sz: var(--sc-nv-back-sz, 12px);
    --nv-back-gap: var(--sc-nv-back-gap, 6px);
    --nv-ii-sz: var(--sc-nv-ii-sz, 16px);
    --nv-ii-gap: var(--sc-nv-ii-gap, 8px);
    --nv-ih: var(--sc-nv-ih, auto);
}
.sc-nav-list {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0;
}
/* NAV.L3 is the space between the MAIN items; a sub-list keeps its own
   rhythm from the padding of its links. */
.sc-nav-l0 {
    flex: 1 1 auto;
    flex-direction: var(--sc-nv-l0-dir, var(--sc-nv-dir, row));
    flex-wrap: var(--sc-nv-l0-wrap, wrap);
    gap: var(--nv-gap);
    transform: var(--sc-nv-track, none);
    transition: transform var(--sc-nv-dur, 300ms) var(--sc-nv-ease, ease);
}
.nv-nowrap { --sc-nv-l0-wrap: nowrap; }

/* Direction. The band twins live in section 9; they set the same tokens. */
.sc-nav-h { --sc-nv-dir: row; --sc-nv-ws: nowrap; }
.sc-nav-v { --sc-nv-dir: column; --sc-nv-ws: normal; }
.sc-nav-h .sc-nav-l0 { justify-content: var(--sc-nv-jc, flex-start); }
.sc-nav-v .sc-nav-l0 { align-items: var(--sc-nv-ai, stretch); }

/* Distribution of the top level. Horizontal uses justify-content, vertical the
   cross axis, so one token feeds both. */
.nv-jc-start { --sc-nv-jc: flex-start; --sc-nv-ai: flex-start; }
.nv-jc-center { --sc-nv-jc: center; --sc-nv-ai: center; }
.nv-jc-end { --sc-nv-jc: flex-end; --sc-nv-ai: flex-end; }
.nv-jc-between { --sc-nv-jc: space-between; --sc-nv-ai: stretch; }
.nv-jc-around { --sc-nv-jc: space-around; --sc-nv-ai: stretch; }
.nv-jc-stretch { --sc-nv-jc: flex-start; --sc-nv-ai: stretch; }
.nv-jc-stretch > .sc-nav-l0 > .sc-nav-item { flex: 1 1 0; }

/* Alignment inside a link. */
.nv-al-left { --sc-nv-al: flex-start; }
.nv-al-center { --sc-nv-al: center; }
.nv-al-right { --sc-nv-al: flex-end; }

/* ===== 2. Item and link ===== */
.sc-nav-item {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.sc-nav-link {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: var(--sc-nv-al, flex-start);
    gap: var(--nv-i2-gap);
    padding: var(--nv-ipy) var(--nv-ipx);
    opacity: var(--nv-iop);
    transform: translate(var(--nv-isx), var(--nv-isy)) scale(var(--nv-isc)) rotate(var(--nv-irt));
    color: inherit;
    text-decoration: none;
    white-space: var(--sc-nv-ws, nowrap);
    cursor: pointer;
}
.sc-nav-link.is-nolink { cursor: default; }
.sc-nav-item.has-sub > .sc-nav-link.is-nolink { cursor: pointer; }
/* Sub items fall back to the padding of the main items when they set none. */
.sc-nav-sub .sc-nav-link {
    padding: var(--nv-spy) var(--nv-spx);
}
/* Run 21b (NV-B1, r.110–111) — the height of a MAIN item (sub items keep their
   padding). nv-ih-px|rem: a fixed height (--nv-ih) replaces the vertical
   padding, the text stays centred (the link is a centred flex row). nv-ih-fill
   ('Kolom/rij'): the component stretches in its inline column and the link
   takes that height — or exactly --sc-row-h inside a header row with a fixed
   height (R9), also while it is stuck. No class = auto: the padding decides.
   The band twins in section 9 repeat these rules and can undo them (auto). */
.nv-ih-px .sc-nav-l0 > .sc-nav-item > .sc-nav-link,
.nv-ih-rem .sc-nav-l0 > .sc-nav-item > .sc-nav-link { height: var(--nv-ih); padding-block: 0; }
.component-navigation.nv-ih-fill { align-self: stretch; }
.nv-ih-fill > .sc-nav { --sc-nv-nav-h: 100%; }
.nv-ih-fill .sc-nav-l0 > .sc-nav-item > .sc-nav-link { align-self: stretch; height: var(--sc-row-h, auto); padding-block: 0; }
/* Run 21b (box-borders B1) — a border placement with its own sides or a second
   border. navigation.php writes its ring vars on the wrapper under the code of
   its stem (i = item, s = sub item, p = submenu pane) and marks the carrier,
   which maps them onto the names the ring reads (base.css). Without the mark
   the per-object class paints, as before. */
.sc-nav-link.nv-ibd {
    --sc-bd-w: var(--sc-nv-ibd-w); --sc-bd-c: var(--sc-nv-ibd-c);
    --sc-bd-wt: var(--sc-nv-ibd-wt); --sc-bd-wr: var(--sc-nv-ibd-wr); --sc-bd-wb: var(--sc-nv-ibd-wb); --sc-bd-wl: var(--sc-nv-ibd-wl);
    --sc-bd-st: var(--sc-nv-ibd-st); --sc-bd-sr: var(--sc-nv-ibd-sr); --sc-bd-sb: var(--sc-nv-ibd-sb); --sc-bd-sl: var(--sc-nv-ibd-sl);
    --sc-bd-ct: var(--sc-nv-ibd-ct); --sc-bd-cr: var(--sc-nv-ibd-cr); --sc-bd-cb: var(--sc-nv-ibd-cb); --sc-bd-cl: var(--sc-nv-ibd-cl);
}
.sc-nav-link.nv-sbd {
    --sc-bd-w: var(--sc-nv-sbd-w); --sc-bd-c: var(--sc-nv-sbd-c);
    --sc-bd-wt: var(--sc-nv-sbd-wt); --sc-bd-wr: var(--sc-nv-sbd-wr); --sc-bd-wb: var(--sc-nv-sbd-wb); --sc-bd-wl: var(--sc-nv-sbd-wl);
    --sc-bd-st: var(--sc-nv-sbd-st); --sc-bd-sr: var(--sc-nv-sbd-sr); --sc-bd-sb: var(--sc-nv-sbd-sb); --sc-bd-sl: var(--sc-nv-sbd-sl);
    --sc-bd-ct: var(--sc-nv-sbd-ct); --sc-bd-cr: var(--sc-nv-sbd-cr); --sc-bd-cb: var(--sc-nv-sbd-cb); --sc-bd-cl: var(--sc-nv-sbd-cl);
}
.sc-nav-sub-in.nv-pbd {
    --sc-bd-w: var(--sc-nv-pbd-w); --sc-bd-c: var(--sc-nv-pbd-c);
    --sc-bd-wt: var(--sc-nv-pbd-wt); --sc-bd-wr: var(--sc-nv-pbd-wr); --sc-bd-wb: var(--sc-nv-pbd-wb); --sc-bd-wl: var(--sc-nv-pbd-wl);
    --sc-bd-st: var(--sc-nv-pbd-st); --sc-bd-sr: var(--sc-nv-pbd-sr); --sc-bd-sb: var(--sc-nv-pbd-sb); --sc-bd-sl: var(--sc-nv-pbd-sl);
    --sc-bd-ct: var(--sc-nv-pbd-ct); --sc-bd-cr: var(--sc-nv-pbd-cr); --sc-bd-cb: var(--sc-nv-pbd-cb); --sc-bd-cl: var(--sc-nv-pbd-cl);
}

/* ===== 3. Toggle button ===== */
/* The button is the only element with aria-expanded, so it stays in the DOM in
   every trigger; only the `icon` trigger shows it. The --nv-tg-* tokens are
   resolved per layer in section 5, so a band override needs no extra rule, and
   the order is the icon order: Position works in every trigger (V7). */
.sc-nav-toggle {
    order: var(--sc-nv-i2-ord, 0);
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    cursor: pointer;
    padding: 0 var(--nv-i2-gap);
    position: var(--nv-tg-pos, absolute);
    width: var(--nv-tg-size, 1px);
    height: var(--nv-tg-size, 1px);
    overflow: var(--nv-tg-ovf, hidden);
    clip-path: var(--nv-tg-clip, inset(50%));
}
/* Trigger `always` takes the button off the page (sc-nav.js writes hidden),
   and an author rule beats the UA rule for [hidden]. */
.sc-nav-toggle[hidden] { display: none; }
.sc-nav-toggle:focus-visible {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip-path: none;
}
/* A keyboard user who tabs to a hidden button must see what it does. */
.sc-nav-toggle:focus-visible .sc-nav-ico-sub { display: inline-flex; }

/* ===== 4. Icons ===== */
/* The scope on .sc-nav beats the 1em !important of .siteclick-icon in
   base.css without needing a stronger !important of its own. */
.sc-nav-ico {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}
.sc-nav .sc-nav-ico-svg {
    width: var(--nv-i2-sz) !important;
    height: var(--nv-i2-sz) !important;
}
.sc-nav .sc-nav-ico-l3 .sc-nav-ico-svg {
    width: var(--nv-i3-sz) !important;
    height: var(--nv-i3-sz) !important;
}
.sc-nav .sc-nav-ico-back .sc-nav-ico-svg {
    width: var(--nv-back-sz) !important;
    height: var(--nv-back-sz) !important;
}
/* NAV.M2.4 — the arrow always follows the text in the markup; the position is
   an order, so a band can flip it without a second render path. The padding
   turns the icon into a chip as soon as it has a background of its own. */
.sc-nav-ico-sub {
    order: var(--sc-nv-i2-ord, 0);
    padding: var(--nv-i2-pad);
}
/* The rotation stays on the icon SPAN, never on the inner svg: the state
   emitter writes its own transform:rotate() on .sc-nav-ico-l2 / -l3, and from
   the svg the base rule here would win (state-overrides.php). */
.sc-nav-ico-sub,
.sc-nav-ico-l2 {
    transform: rotate(var(--nv-i2-rt));
    transition: transform var(--sc-nv-dur, 200ms) var(--sc-nv-ease, ease);
}
.sc-nav-ico-l3 {
    transform: rotate(var(--nv-i3-rt));
    transition: transform var(--sc-nv-dur, 200ms) var(--sc-nv-ease, ease);
}
.nv-i2-before { --sc-nv-i2-ord: -1; }
.nv-i2-after { --sc-nv-i2-ord: 0; }

/* NAV5 — the item icon shares a label wrapper with the text, so the sub-menu
   indicator keeps its own order and gap outside it. NAV.IC1 is an order again:
   a band flips it without a second render path. */
.sc-nav-label {
    display: inline-flex;
    align-items: center;
    gap: var(--nv-ii-gap);
}
.sc-nav-iico { order: var(--sc-nv-ii-ord, 0); }
.sc-nav .sc-nav-iico-svg {
    width: var(--nv-ii-sz) !important;
    height: var(--nv-ii-sz) !important;
}
.nv-ii-before { --sc-nv-ii-ord: 0; }
.nv-ii-after { --sc-nv-ii-ord: 1; }

/* One visible copy: the pair sits in the link AND in the button, the trigger
   of the layer shows exactly one of them (section 5). */
.sc-nav-link .sc-nav-ico-sub { display: var(--sc-nv-i-link-d, inline-flex); }
.sc-nav-toggle .sc-nav-ico-sub { display: var(--sc-nv-i-btn-d, none); }

/* The open/closed swap of the arrow, same recipe as toggle.css. Both the link
   and the toggle button carry the pair, hence the two child chains. Without
   an open twin the closed icon stays: an empty open icon means "keep it". */
.sc-nav-ico-open { display: none; }
.sc-nav-item.is-open > .sc-nav-link .sc-nav-ico-sub:has(> .sc-nav-ico-open) > .sc-nav-ico-closed,
.sc-nav-item.is-open > .sc-nav-toggle .sc-nav-ico-sub:has(> .sc-nav-ico-open) > .sc-nav-ico-closed,
.sc-nav-item.sc-ov-force-o > .sc-nav-link .sc-nav-ico-sub:has(> .sc-nav-ico-open) > .sc-nav-ico-closed,
.sc-nav-item.sc-ov-force-o > .sc-nav-toggle .sc-nav-ico-sub:has(> .sc-nav-ico-open) > .sc-nav-ico-closed { display: none; }
.sc-nav-item.is-open > .sc-nav-link .sc-nav-ico-open,
.sc-nav-item.is-open > .sc-nav-toggle .sc-nav-ico-open,
.sc-nav-item.sc-ov-force-o > .sc-nav-link .sc-nav-ico-open,
.sc-nav-item.sc-ov-force-o > .sc-nav-toggle .sc-nav-ico-open { display: block; }

/* Every section (and the footer) is a stacking context at z-index 0 (style.css), so a later
   section paints over an open submenu. Lift the section while one is open;
   a fixed sticky section (.is-fixed, 100) and .sc-stk-lift stay higher. */
:is(.sc-section, .sc-footer):where(:not(.is-fixed)):has(.sc-nav-item.is-open),
:is(.sc-section, .sc-footer):where(:not(.is-fixed)):has(.sc-nav-item.sc-ov-force-o) { z-index: 1; }

/* ===== 5. Submenu ===== */
/* 5a — the structural rules. Every property reads one resolved --nv-s-* name;
   which layer filled that name is decided in 5b. */
.sc-nav-sub {
    display: var(--nv-s-d, none);
    visibility: var(--nv-s-vis, visible);
    grid-template-rows: var(--nv-s-rows, none);
    position: var(--nv-s-pos, absolute);
    z-index: var(--nv-s-z, 30);
    flex: var(--nv-s-flex, 0 0 auto);
    width: var(--nv-s-w, auto);
    min-width: var(--nv-s-minw, 100%);
    margin: var(--nv-s-mar, 0);
    padding-left: var(--nv-s-ind, 0px);
    top: var(--nv-s-t, 100%);
    right: var(--nv-s-r, auto);
    bottom: var(--nv-s-b, auto);
    left: var(--nv-s-l, 0);
    transform: var(--nv-s-tf, none);
    transition: grid-template-rows var(--sc-nv-dur, 300ms) var(--sc-nv-ease, ease);
}
/* An open pane is laid out on .is-open and opened on .is-in: an overlay swaps
   display and fades its inner box in (section 6), an accordion is always laid
   out and animates its own row from 0fr to 1fr — no height measuring, no
   display jump. Closed it is `visibility: hidden`, so Tab never reaches it. */
.sc-nav-item.is-open > .sc-nav-sub,
.sc-nav-item.sc-ov-force-o > .sc-nav-sub {
    display: var(--nv-s-od, block);
    visibility: visible;
}
.sc-nav-item.is-in > .sc-nav-sub,
.sc-nav-item.sc-ov-force-o > .sc-nav-sub {
    grid-template-rows: var(--nv-s-orows, none);
}
/* An overlay that would leave the viewport or grow the document is mirrored by
   sc-nav.js with .is-flip-x / .is-flip-y on the ITEM. Flipping only swaps the
   edge and the offset of that axis, so the two can happen together. */
.sc-nav-item.is-flip-x > .sc-nav-sub {
    left: var(--nv-s-xl, auto);
    right: var(--nv-s-xr, 0);
    margin-left: var(--nv-s-xml, 0);
    margin-right: var(--nv-s-xmr, 0);
    transform: none;
}
.sc-nav-item.is-flip-y > .sc-nav-sub {
    top: var(--nv-s-yt, auto);
    bottom: var(--nv-s-yb, 100%);
    margin-top: var(--nv-s-ymt, 0);
    margin-bottom: var(--nv-s-ymb, 0);
}
.sc-nav-sub-in {
    padding: var(--nv-sub-pad);
    min-height: 0;
    overflow: var(--nv-s-inovf, visible);
}
.sc-nav-back {
    display: var(--nv-s-back, none);
    align-items: center;
    gap: var(--nv-back-gap);
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    padding: var(--nv-spy) var(--nv-spx);
}

/* 5b — layer resolution. A sub-menu one level under the top list reads the
   layer-2 tokens, a sub-menu inside a sub-menu the layer-3 tokens; both fill
   the same --nv-s-* names, so the rules above never branch. The last fallback
   of every layer-3 name is the layer-2 value, except for the edges, which
   follow their own origin family. */
.sc-nav-l0 > .sc-nav-item > .sc-nav-sub {
    --nv-s-d: var(--sc-nv-o2-d, var(--sc-nv-l2-d, none));
    --nv-s-od: var(--sc-nv-l2-od, block);
    --nv-s-vis: var(--sc-nv-o2-vis, var(--sc-nv-l2-vis, visible));
    --nv-s-rows: var(--sc-nv-o2-rows, var(--sc-nv-l2-rows, none));
    --nv-s-orows: var(--sc-nv-l2-orows, none);
    --nv-s-pos: var(--sc-nv-l2-pos, absolute);
    --nv-s-z: var(--sc-nv-l2-z, 30);
    --nv-s-flex: var(--sc-nv-l2-flex, 0 0 auto);
    --nv-s-w: var(--sc-nv-l2-w, auto);
    --nv-s-minw: var(--sc-nv-l2-minw, var(--sc-nv-sub-w, 100%));
    --nv-s-ind: var(--sc-nv-l2-ind, 0px);
    --nv-s-inovf: var(--sc-nv-l2-inovf, visible);
    --nv-s-back: var(--sc-nv-l2-back, none);
    --nv-s-t: var(--sc-nv-l2-t, var(--sc-nv-or-t, 100%));
    --nv-s-r: var(--sc-nv-l2-r, var(--sc-nv-sa-r, var(--sc-nv-or-r, auto)));
    --nv-s-b: var(--sc-nv-l2-b, var(--sc-nv-or-b, auto));
    --nv-s-l: var(--sc-nv-l2-l, var(--sc-nv-sa-l, var(--sc-nv-or-l, 0)));
    --nv-s-tf: var(--sc-nv-l2-tf, var(--sc-nv-sa-tf, none));
    --nv-s-mar: var(--sc-nv-l2-mar, var(--sc-nv-or-mar, var(--nv-sub-off) 0 0 0));
    --nv-s-xl: var(--sc-nv-or-xl, auto);
    --nv-s-xr: var(--sc-nv-or-xr, 0);
    --nv-s-xml: var(--sc-nv-or-xml, 0);
    --nv-s-xmr: var(--sc-nv-or-xmr, 0);
    --nv-s-yt: var(--sc-nv-or-yt, auto);
    --nv-s-yb: var(--sc-nv-or-yb, 100%);
    --nv-s-ymt: var(--sc-nv-or-ymt, 0);
    --nv-s-ymb: var(--sc-nv-or-ymb, var(--nv-sub-off));
}
.sc-nav-sub .sc-nav-sub {
    --nv-s-d: var(--sc-nv-o3-d, var(--sc-nv-l3-d, var(--sc-nv-l2-d, none)));
    --nv-s-od: var(--sc-nv-l3-od, var(--sc-nv-l2-od, block));
    --nv-s-vis: var(--sc-nv-o3-vis, var(--sc-nv-l3-vis, var(--sc-nv-l2-vis, visible)));
    --nv-s-rows: var(--sc-nv-o3-rows, var(--sc-nv-l3-rows, var(--sc-nv-l2-rows, none)));
    --nv-s-orows: var(--sc-nv-l3-orows, var(--sc-nv-l2-orows, none));
    --nv-s-pos: var(--sc-nv-l3-pos, var(--sc-nv-l2-pos, absolute));
    --nv-s-z: var(--sc-nv-l3-z, var(--sc-nv-l2-z, 30));
    --nv-s-flex: var(--sc-nv-l3-flex, var(--sc-nv-l2-flex, 0 0 auto));
    --nv-s-w: var(--sc-nv-l3-w, var(--sc-nv-l2-w, auto));
    --nv-s-minw: var(--sc-nv-l3-minw, var(--sc-nv-l2-minw, var(--sc-nv-sub-w, 100%)));
    --nv-s-ind: var(--sc-nv-l3-ind, var(--sc-nv-l2-ind, 0px));
    --nv-s-inovf: var(--sc-nv-l3-inovf, var(--sc-nv-l2-inovf, visible));
    --nv-s-back: var(--sc-nv-l3-back, var(--sc-nv-l2-back, none));
    --nv-s-t: var(--sc-nv-l3-t, var(--sc-nv-or2-t, 0));
    --nv-s-r: var(--sc-nv-l3-r, var(--sc-nv-or2-r, auto));
    --nv-s-b: var(--sc-nv-l3-b, var(--sc-nv-or2-b, auto));
    --nv-s-l: var(--sc-nv-l3-l, var(--sc-nv-or2-l, 100%));
    --nv-s-tf: var(--sc-nv-l3-tf, none);
    --nv-s-mar: var(--sc-nv-l3-mar, var(--sc-nv-or2-mar, 0 0 0 var(--nv-sub-off)));
    --nv-s-xl: var(--sc-nv-or2-xl, auto);
    --nv-s-xr: var(--sc-nv-or2-xr, 100%);
    --nv-s-xml: var(--sc-nv-or2-xml, 0);
    --nv-s-xmr: var(--sc-nv-or2-xmr, var(--nv-sub-off));
    --nv-s-yt: var(--sc-nv-or2-yt, auto);
    --nv-s-yb: var(--sc-nv-or2-yb, 0);
    --nv-s-ymt: var(--sc-nv-or2-ymt, 0);
    --nv-s-ymb: var(--sc-nv-or2-ymb, 0);
}
/* The trigger belongs to the layer it opens, so the item that carries the
   button resolves it: a top level item is opened by the layer-2 trigger, an
   item inside a sub-menu by the layer-3 trigger. */
.sc-nav-l0 > .sc-nav-item {
    --nv-tg-pos: var(--sc-nv-o2-tgpos, absolute);
    --nv-tg-size: var(--sc-nv-o2-tgsize, 1px);
    --nv-tg-ovf: var(--sc-nv-o2-tgovf, hidden);
    --nv-tg-clip: var(--sc-nv-o2-tgclip, inset(50%));
    --sc-nv-i-link-d: var(--sc-nv-o2-ilink, inline-flex);
    --sc-nv-i-btn-d: var(--sc-nv-o2-ibtn, none);
}
.sc-nav-sub .sc-nav-item {
    --nv-tg-pos: var(--sc-nv-o3-tgpos, absolute);
    --nv-tg-size: var(--sc-nv-o3-tgsize, 1px);
    --nv-tg-ovf: var(--sc-nv-o3-tgovf, hidden);
    --nv-tg-clip: var(--sc-nv-o3-tgclip, inset(50%));
    --sc-nv-i-link-d: var(--sc-nv-o3-ilink, inline-flex);
    --sc-nv-i-btn-d: var(--sc-nv-o3-ibtn, none);
}

/* 5c — the forms of layer 2. Every form assigns the same token set, so
   switching form per band can never leave a property of the previous form
   behind. Only layer 2 owns the nav itself (track, height, overflow): a drill
   moves one track, whatever layer 3 does. */
.nv-m2-dropdown {
    --sc-nv-m2: dropdown;
    --sc-nv-l0-dir: var(--sc-nv-dir, row);
    --sc-nv-track: none;
    --sc-nv-nav-ovf: visible;
    --sc-nv-nav-h: auto;
    --sc-nv-l2-d: none;
    --sc-nv-l2-od: block;
    --sc-nv-l2-vis: visible;
    --sc-nv-l2-rows: none;
    --sc-nv-l2-orows: none;
    --sc-nv-l2-pos: absolute;
    --sc-nv-l2-z: 30;
    --sc-nv-l2-flex: 0 0 auto;
    --sc-nv-l2-w: auto;
    --sc-nv-l2-minw: var(--sc-nv-sub-w, 100%);
    --sc-nv-l2-ind: 0px;
    --sc-nv-l2-inovf: visible;
    --sc-nv-l2-back: none;
    --sc-nv-l2-t: var(--sc-nv-or-t, 100%);
    --sc-nv-l2-r: var(--sc-nv-sa-r, var(--sc-nv-or-r, auto));
    --sc-nv-l2-b: var(--sc-nv-or-b, auto);
    --sc-nv-l2-l: var(--sc-nv-sa-l, var(--sc-nv-or-l, 0));
    --sc-nv-l2-tf: var(--sc-nv-sa-tf, none);
    --sc-nv-l2-mar: var(--sc-nv-or-mar, var(--nv-sub-off) 0 0 0);
}
.nv-m2-flyout {
    --sc-nv-m2: flyout;
    --sc-nv-l0-dir: var(--sc-nv-dir, row);
    --sc-nv-track: none;
    --sc-nv-nav-ovf: visible;
    --sc-nv-nav-h: auto;
    --sc-nv-l2-d: none;
    --sc-nv-l2-od: block;
    --sc-nv-l2-vis: visible;
    --sc-nv-l2-rows: none;
    --sc-nv-l2-orows: none;
    --sc-nv-l2-pos: absolute;
    --sc-nv-l2-z: 30;
    --sc-nv-l2-flex: 0 0 auto;
    --sc-nv-l2-w: auto;
    --sc-nv-l2-minw: var(--sc-nv-sub-w, auto);
    --sc-nv-l2-ind: 0px;
    --sc-nv-l2-inovf: visible;
    --sc-nv-l2-back: none;
    --sc-nv-l2-t: var(--sc-nv-or-t, 0);
    --sc-nv-l2-r: var(--sc-nv-or-r, auto);
    --sc-nv-l2-b: var(--sc-nv-or-b, auto);
    --sc-nv-l2-l: var(--sc-nv-or-l, 100%);
    --sc-nv-l2-tf: none;
    --sc-nv-l2-mar: var(--sc-nv-or-mar, 0 0 0 var(--nv-sub-off));
}
.nv-m2-accordion {
    --sc-nv-m2: accordion;
    --sc-nv-l0-dir: var(--sc-nv-dir, row);
    --sc-nv-track: none;
    --sc-nv-nav-ovf: visible;
    --sc-nv-nav-h: auto;
    --sc-nv-l2-d: grid;
    --sc-nv-l2-od: grid;
    --sc-nv-l2-vis: hidden;
    --sc-nv-l2-rows: 0fr;
    --sc-nv-l2-orows: 1fr;
    --sc-nv-l2-pos: static;
    --sc-nv-l2-z: auto;
    --sc-nv-l2-flex: 0 0 100%;
    --sc-nv-l2-w: 100%;
    --sc-nv-l2-minw: 0;
    --sc-nv-l2-ind: var(--nv-sub-ind);
    --sc-nv-l2-inovf: hidden;
    --sc-nv-l2-back: none;
    --sc-nv-l2-t: auto;
    --sc-nv-l2-r: auto;
    --sc-nv-l2-b: auto;
    --sc-nv-l2-l: auto;
    --sc-nv-l2-tf: none;
    --sc-nv-l2-mar: 0;
}
.nv-m2-drill {
    --sc-nv-m2: drill;
    --sc-nv-l0-dir: column;
    --sc-nv-track: translate3d(calc(-100% * var(--sc-nv-depth, 0)), 0, 0);
    --sc-nv-nav-ovf: hidden;
    --sc-nv-nav-h: var(--sc-nv-h, auto);
    --sc-nv-l2-d: none;
    --sc-nv-l2-od: block;
    --sc-nv-l2-vis: visible;
    --sc-nv-l2-rows: none;
    --sc-nv-l2-orows: none;
    --sc-nv-l2-pos: absolute;
    --sc-nv-l2-z: 1;
    --sc-nv-l2-flex: 0 0 auto;
    --sc-nv-l2-w: 100%;
    --sc-nv-l2-minw: 0;
    --sc-nv-l2-ind: 0px;
    --sc-nv-l2-inovf: visible;
    --sc-nv-l2-back: flex;
    --sc-nv-l2-t: 0;
    --sc-nv-l2-r: auto;
    --sc-nv-l2-b: auto;
    --sc-nv-l2-l: 100%;
    --sc-nv-l2-tf: none;
    --sc-nv-l2-mar: 0;
}

/* 5d — the forms of layer 3. A dropdown only exists on layer 2 (it hangs under
   a horizontal row), so layer 3 knows flyout, accordion and drill. */
.nv-m3-flyout {
    --sc-nv-m3: flyout;
    --sc-nv-l3-d: none;
    --sc-nv-l3-od: block;
    --sc-nv-l3-vis: visible;
    --sc-nv-l3-rows: none;
    --sc-nv-l3-orows: none;
    --sc-nv-l3-pos: absolute;
    --sc-nv-l3-z: 30;
    --sc-nv-l3-flex: 0 0 auto;
    --sc-nv-l3-w: auto;
    --sc-nv-l3-minw: var(--sc-nv-sub-w, auto);
    --sc-nv-l3-ind: 0px;
    --sc-nv-l3-inovf: visible;
    --sc-nv-l3-back: none;
    --sc-nv-l3-t: var(--sc-nv-or2-t, 0);
    --sc-nv-l3-r: var(--sc-nv-or2-r, auto);
    --sc-nv-l3-b: var(--sc-nv-or2-b, auto);
    --sc-nv-l3-l: var(--sc-nv-or2-l, 100%);
    --sc-nv-l3-tf: none;
    --sc-nv-l3-mar: var(--sc-nv-or2-mar, 0 0 0 var(--nv-sub-off));
}
.nv-m3-accordion {
    --sc-nv-m3: accordion;
    --sc-nv-l3-d: grid;
    --sc-nv-l3-od: grid;
    --sc-nv-l3-vis: hidden;
    --sc-nv-l3-rows: 0fr;
    --sc-nv-l3-orows: 1fr;
    --sc-nv-l3-pos: static;
    --sc-nv-l3-z: auto;
    --sc-nv-l3-flex: 0 0 100%;
    --sc-nv-l3-w: 100%;
    --sc-nv-l3-minw: 0;
    --sc-nv-l3-ind: var(--nv-sub-ind);
    --sc-nv-l3-inovf: hidden;
    --sc-nv-l3-back: none;
    --sc-nv-l3-t: auto;
    --sc-nv-l3-r: auto;
    --sc-nv-l3-b: auto;
    --sc-nv-l3-l: auto;
    --sc-nv-l3-tf: none;
    --sc-nv-l3-mar: 0;
}
.nv-m3-drill {
    --sc-nv-m3: drill;
    --sc-nv-l3-d: none;
    --sc-nv-l3-od: block;
    --sc-nv-l3-vis: visible;
    --sc-nv-l3-rows: none;
    --sc-nv-l3-orows: none;
    --sc-nv-l3-pos: absolute;
    --sc-nv-l3-z: 1;
    --sc-nv-l3-flex: 0 0 auto;
    --sc-nv-l3-w: 100%;
    --sc-nv-l3-minw: 0;
    --sc-nv-l3-ind: 0px;
    --sc-nv-l3-inovf: visible;
    --sc-nv-l3-back: flex;
    --sc-nv-l3-t: 0;
    --sc-nv-l3-r: auto;
    --sc-nv-l3-b: auto;
    --sc-nv-l3-l: 100%;
    --sc-nv-l3-tf: none;
    --sc-nv-l3-mar: 0;
}

/* 5e — the triggers. `icon` shows the button and hides the copy in the link;
   `always` needs no runtime at all: it hands the layer its own OPEN values, so
   the pane stands open in CSS (F10). The other three leave those three names
   invalid on purpose, which is what `initial` does to a custom property. */
.nv-o2-hover {
    --sc-nv-o2: hover;
    --sc-nv-o2-tgpos: absolute;
    --sc-nv-o2-tgsize: 1px;
    --sc-nv-o2-tgovf: hidden;
    --sc-nv-o2-tgclip: inset(50%);
    --sc-nv-o2-ilink: inline-flex;
    --sc-nv-o2-ibtn: none;
    --sc-nv-o2-d: initial;
    --sc-nv-o2-rows: initial;
    --sc-nv-o2-vis: initial;
}
.nv-o2-click {
    --sc-nv-o2: click;
    --sc-nv-o2-tgpos: absolute;
    --sc-nv-o2-tgsize: 1px;
    --sc-nv-o2-tgovf: hidden;
    --sc-nv-o2-tgclip: inset(50%);
    --sc-nv-o2-ilink: inline-flex;
    --sc-nv-o2-ibtn: none;
    --sc-nv-o2-d: initial;
    --sc-nv-o2-rows: initial;
    --sc-nv-o2-vis: initial;
}
.nv-o2-icon {
    --sc-nv-o2: icon;
    --sc-nv-o2-tgpos: static;
    --sc-nv-o2-tgsize: auto;
    --sc-nv-o2-tgovf: visible;
    --sc-nv-o2-tgclip: none;
    --sc-nv-o2-ilink: none;
    --sc-nv-o2-ibtn: inline-flex;
    --sc-nv-o2-d: initial;
    --sc-nv-o2-rows: initial;
    --sc-nv-o2-vis: initial;
}
.nv-o2-always {
    --sc-nv-o2: always;
    --sc-nv-o2-tgpos: absolute;
    --sc-nv-o2-tgsize: 1px;
    --sc-nv-o2-tgovf: hidden;
    --sc-nv-o2-tgclip: inset(50%);
    --sc-nv-o2-ilink: inline-flex;
    --sc-nv-o2-ibtn: none;
    --sc-nv-o2-d: var(--sc-nv-l2-od, block);
    --sc-nv-o2-rows: var(--sc-nv-l2-orows, none);
    --sc-nv-o2-vis: visible;
}
.nv-o3-hover {
    --sc-nv-o3: hover;
    --sc-nv-o3-tgpos: absolute;
    --sc-nv-o3-tgsize: 1px;
    --sc-nv-o3-tgovf: hidden;
    --sc-nv-o3-tgclip: inset(50%);
    --sc-nv-o3-ilink: inline-flex;
    --sc-nv-o3-ibtn: none;
    --sc-nv-o3-d: initial;
    --sc-nv-o3-rows: initial;
    --sc-nv-o3-vis: initial;
}
.nv-o3-click {
    --sc-nv-o3: click;
    --sc-nv-o3-tgpos: absolute;
    --sc-nv-o3-tgsize: 1px;
    --sc-nv-o3-tgovf: hidden;
    --sc-nv-o3-tgclip: inset(50%);
    --sc-nv-o3-ilink: inline-flex;
    --sc-nv-o3-ibtn: none;
    --sc-nv-o3-d: initial;
    --sc-nv-o3-rows: initial;
    --sc-nv-o3-vis: initial;
}
.nv-o3-icon {
    --sc-nv-o3: icon;
    --sc-nv-o3-tgpos: static;
    --sc-nv-o3-tgsize: auto;
    --sc-nv-o3-tgovf: visible;
    --sc-nv-o3-tgclip: none;
    --sc-nv-o3-ilink: none;
    --sc-nv-o3-ibtn: inline-flex;
    --sc-nv-o3-d: initial;
    --sc-nv-o3-rows: initial;
    --sc-nv-o3-vis: initial;
}
.nv-o3-always {
    --sc-nv-o3: always;
    --sc-nv-o3-tgpos: absolute;
    --sc-nv-o3-tgsize: 1px;
    --sc-nv-o3-tgovf: hidden;
    --sc-nv-o3-tgclip: inset(50%);
    --sc-nv-o3-ilink: inline-flex;
    --sc-nv-o3-ibtn: none;
    --sc-nv-o3-d: var(--sc-nv-l3-od, var(--sc-nv-l2-od, block));
    --sc-nv-o3-rows: var(--sc-nv-l3-orows, var(--sc-nv-l2-orows, none));
    --sc-nv-o3-vis: visible;
}

/* 5f — origin and alignment. The origin is which edge of its item an overlay
   hangs on; it also sets the start of the opening transition and the axis the
   offset (NAV.S10d) runs along — one edge, never four. The x-/y-twins are the
   same edge mirrored, which is all .is-flip-x / .is-flip-y swap. */
.nv-or-down { --sc-nv-or-t: 100%; --sc-nv-or-b: auto; --sc-nv-or-l: 0; --sc-nv-or-r: auto; --sc-nv-or-mar: var(--nv-sub-off) 0 0 0; --sc-nv-or-xl: auto; --sc-nv-or-xr: 0; --sc-nv-or-xml: 0; --sc-nv-or-xmr: 0; --sc-nv-or-yt: auto; --sc-nv-or-yb: 100%; --sc-nv-or-ymt: 0; --sc-nv-or-ymb: var(--nv-sub-off); --sc-nv-fx-or: top center; --sc-nv-fx-x: 0px; --sc-nv-fx-y: -8px; }
.nv-or-up { --sc-nv-or-t: auto; --sc-nv-or-b: 100%; --sc-nv-or-l: 0; --sc-nv-or-r: auto; --sc-nv-or-mar: 0 0 var(--nv-sub-off) 0; --sc-nv-or-xl: auto; --sc-nv-or-xr: 0; --sc-nv-or-xml: 0; --sc-nv-or-xmr: 0; --sc-nv-or-yt: 100%; --sc-nv-or-yb: auto; --sc-nv-or-ymt: var(--nv-sub-off); --sc-nv-or-ymb: 0; --sc-nv-fx-or: bottom center; --sc-nv-fx-x: 0px; --sc-nv-fx-y: 8px; }
.nv-or2-right { --sc-nv-or2-t: 0; --sc-nv-or2-b: auto; --sc-nv-or2-l: 100%; --sc-nv-or2-r: auto; --sc-nv-or2-mar: 0 0 0 var(--nv-sub-off); --sc-nv-or2-xl: auto; --sc-nv-or2-xr: 100%; --sc-nv-or2-xml: 0; --sc-nv-or2-xmr: var(--nv-sub-off); --sc-nv-or2-yt: auto; --sc-nv-or2-yb: 0; --sc-nv-or2-ymt: 0; --sc-nv-or2-ymb: 0; }
.nv-or2-left { --sc-nv-or2-t: 0; --sc-nv-or2-b: auto; --sc-nv-or2-l: auto; --sc-nv-or2-r: 100%; --sc-nv-or2-mar: 0 var(--nv-sub-off) 0 0; --sc-nv-or2-xl: 100%; --sc-nv-or2-xr: auto; --sc-nv-or2-xml: var(--nv-sub-off); --sc-nv-or2-xmr: 0; --sc-nv-or2-yt: auto; --sc-nv-or2-yb: 0; --sc-nv-or2-ymt: 0; --sc-nv-or2-ymb: 0; }
.nv-or2-down { --sc-nv-or2-t: 100%; --sc-nv-or2-b: auto; --sc-nv-or2-l: 0; --sc-nv-or2-r: auto; --sc-nv-or2-mar: var(--nv-sub-off) 0 0 0; --sc-nv-or2-xl: auto; --sc-nv-or2-xr: 0; --sc-nv-or2-xml: 0; --sc-nv-or2-xmr: 0; --sc-nv-or2-yt: auto; --sc-nv-or2-yb: 100%; --sc-nv-or2-ymt: 0; --sc-nv-or2-ymb: var(--nv-sub-off); }
.nv-or2-up { --sc-nv-or2-t: auto; --sc-nv-or2-b: 100%; --sc-nv-or2-l: 0; --sc-nv-or2-r: auto; --sc-nv-or2-mar: 0 0 var(--nv-sub-off) 0; --sc-nv-or2-xl: auto; --sc-nv-or2-xr: 0; --sc-nv-or2-xml: 0; --sc-nv-or2-xmr: 0; --sc-nv-or2-yt: 100%; --sc-nv-or2-yb: auto; --sc-nv-or2-ymt: var(--nv-sub-off); --sc-nv-or2-ymb: 0; }

/* Alignment of a dropdown along the horizontal axis of its origin. */
.nv-sa-center { --sc-nv-sa-l: 50%; --sc-nv-sa-r: auto; --sc-nv-sa-tf: translateX(-50%); }
.nv-sa-end { --sc-nv-sa-l: auto; --sc-nv-sa-r: 0; }

/* A side origin IS the horizontal placement, so it comes after the alignment
   and hands the token chain back to --sc-nv-or-*: aligning a flyout that hangs
   left or right of its item would otherwise move it back over the item. */
.nv-or-right { --sc-nv-or-t: 0; --sc-nv-or-b: auto; --sc-nv-or-l: 100%; --sc-nv-or-r: auto; --sc-nv-or-mar: 0 0 0 var(--nv-sub-off); --sc-nv-sa-l: initial; --sc-nv-sa-r: initial; --sc-nv-sa-tf: initial; --sc-nv-or-xl: auto; --sc-nv-or-xr: 100%; --sc-nv-or-xml: 0; --sc-nv-or-xmr: var(--nv-sub-off); --sc-nv-or-yt: auto; --sc-nv-or-yb: 0; --sc-nv-or-ymt: 0; --sc-nv-or-ymb: 0; --sc-nv-fx-or: left center; --sc-nv-fx-x: -8px; --sc-nv-fx-y: 0px; }
.nv-or-left { --sc-nv-or-t: 0; --sc-nv-or-b: auto; --sc-nv-or-l: auto; --sc-nv-or-r: 100%; --sc-nv-or-mar: 0 var(--nv-sub-off) 0 0; --sc-nv-sa-l: initial; --sc-nv-sa-r: initial; --sc-nv-sa-tf: initial; --sc-nv-or-xl: 100%; --sc-nv-or-xr: auto; --sc-nv-or-xml: var(--nv-sub-off); --sc-nv-or-xmr: 0; --sc-nv-or-yt: auto; --sc-nv-or-yb: 0; --sc-nv-or-ymt: 0; --sc-nv-or-ymb: 0; --sc-nv-fx-or: right center; --sc-nv-fx-x: 8px; --sc-nv-fx-y: 0px; }

/* ===== 6. Opening transition and stagger ===== */
/* display:none -> block plays no transition, so sc-nav.js adds .is-open and
   one frame later .is-in; the end state hangs on .is-in. Closing drops .is-in
   and waits for transitionend before .is-open goes. */
.nv-fx-fade { --sc-nv-fx-o: 0; }
.nv-fx-scale { --sc-nv-fx-t: scale(0.96); }
.nv-fx-slide { --sc-nv-fx-t: translate(var(--sc-nv-fx-x, 0px), var(--sc-nv-fx-y, -8px)); }
.nv-fx-fade-scale { --sc-nv-fx-o: 0; --sc-nv-fx-t: scale(0.96); }
.nv-fx-fade-slide { --sc-nv-fx-o: 0; --sc-nv-fx-t: translate(var(--sc-nv-fx-x, 0px), var(--sc-nv-fx-y, -8px)); }

.sc-nav-sub-in {
    opacity: var(--sc-nv-fx-o, 1);
    transform: var(--sc-nv-fx-t, none);
    transform-origin: var(--sc-nv-fx-or, top center);
    transition: opacity var(--sc-nv-dur, 200ms) var(--sc-nv-ease, ease) var(--sc-nv-delay, 0ms),
                transform var(--sc-nv-dur, 200ms) var(--sc-nv-ease, ease) var(--sc-nv-delay, 0ms);
}
.sc-nav-item.is-in > .sc-nav-sub > .sc-nav-sub-in,
.sc-nav-item.sc-ov-force-o > .sc-nav-sub > .sc-nav-sub-in {
    opacity: 1;
    transform: none;
}
/* The items of the panel only take the opacity of the effect, so a stagger
   does not add its displacement on top of the panel's own. --sc-nv-i is the
   index of the <li> inside its list (inline, from the render); stagger 0 means
   the whole panel arrives at once. The delay follows the shorthand, which
   would otherwise reset it, and the end state stops at one level so a deeper
   panel staggers again when it opens. */
.sc-nav-sub .sc-nav-item {
    opacity: var(--sc-nv-fx-o, 1);
    transition: opacity var(--sc-nv-dur, 200ms) var(--sc-nv-ease, ease) var(--sc-nv-delay, 0ms);
    transition-delay: calc(var(--sc-nv-stagger, 0ms) * var(--sc-nv-i, 0));
}
.sc-nav-item.is-in > .sc-nav-sub > .sc-nav-sub-in > .sc-nav-list > .sc-nav-item,
.sc-nav-item.sc-ov-force-o > .sc-nav-sub > .sc-nav-sub-in > .sc-nav-list > .sc-nav-item {
    opacity: 1;
}
/* Trigger `always` gets no class from the runtime, so its panels have to start
   in the end state — an effect would otherwise leave them invisible. */
.nv-o2-always > .sc-nav-l0 > .sc-nav-item > .sc-nav-sub > .sc-nav-sub-in {
    opacity: 1;
    transform: none;
}
.nv-o2-always > .sc-nav-l0 > .sc-nav-item > .sc-nav-sub > .sc-nav-sub-in > .sc-nav-list > .sc-nav-item {
    opacity: 1;
}
.nv-o3-always .sc-nav-sub .sc-nav-sub > .sc-nav-sub-in {
    opacity: 1;
    transform: none;
}
.nv-o3-always .sc-nav-sub .sc-nav-sub > .sc-nav-sub-in > .sc-nav-list > .sc-nav-item {
    opacity: 1;
}

/* ===== 7. Underline ===== */
/* The line is a pseudo element on .sc-nav-text, so it follows the text and not
   the padding of the link. A style is one token set (display, rest scale,
   origin, hover origin, duration): nv-ul-* sets it for level 0, nv-sul-* for
   the sub levels, the band twins in section 9 set the same sets, and the link
   maps its own level onto --sc-nv-ul-*. Hover only writes --sc-nv-ul-sx and
   --sc-nv-ul-o, names no level rule sets, so specificity never fights. */
.sc-nav-text { position: relative; }
.sc-nav-text::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 2px;
    background: currentColor;
    display: var(--sc-nv-ul-d, none);
    transform: scaleX(var(--sc-nv-ul-sx, var(--sc-nv-ul-rest, 0)));
    transform-origin: var(--sc-nv-ul-o, var(--sc-nv-ul-or, left));
    transition: transform var(--sc-nv-ul-tr, var(--sc-nv-dur, 200ms)) var(--sc-nv-ease, ease);
}
.sc-nav-l0 > .sc-nav-item > .sc-nav-link {
    --sc-nv-ul-d: var(--sc-nv-ul0-d, none);
    --sc-nv-ul-rest: var(--sc-nv-ul0-rest, 0);
    --sc-nv-ul-or: var(--sc-nv-ul0-or, left);
    --sc-nv-ul-orh: var(--sc-nv-ul0-orh, left);
    --sc-nv-ul-tr: var(--sc-nv-ul0-tr, var(--sc-nv-dur, 200ms));
}
.sc-nav-sub .sc-nav-link {
    --sc-nv-ul-d: var(--sc-nv-sul-d, none);
    --sc-nv-ul-rest: var(--sc-nv-sul-rest, 0);
    --sc-nv-ul-or: var(--sc-nv-sul-or, left);
    --sc-nv-ul-orh: var(--sc-nv-sul-orh, left);
    --sc-nv-ul-tr: var(--sc-nv-sul-tr, var(--sc-nv-dur, 200ms));
}
.nv-ul-solid { --sc-nv-ul0-d: block; --sc-nv-ul0-rest: 1; --sc-nv-ul0-or: left; --sc-nv-ul0-orh: left; --sc-nv-ul0-tr: 0ms; }
.nv-ul-grow-left { --sc-nv-ul0-d: block; --sc-nv-ul0-rest: 0; --sc-nv-ul0-or: left; --sc-nv-ul0-orh: left; --sc-nv-ul0-tr: var(--sc-nv-dur, 200ms); }
.nv-ul-grow-center { --sc-nv-ul0-d: block; --sc-nv-ul0-rest: 0; --sc-nv-ul0-or: center; --sc-nv-ul0-orh: center; --sc-nv-ul0-tr: var(--sc-nv-dur, 200ms); }
.nv-ul-slide { --sc-nv-ul0-d: block; --sc-nv-ul0-rest: 0; --sc-nv-ul0-or: right; --sc-nv-ul0-orh: left; --sc-nv-ul0-tr: var(--sc-nv-dur, 200ms); }
.nv-sul-solid { --sc-nv-sul-d: block; --sc-nv-sul-rest: 1; --sc-nv-sul-or: left; --sc-nv-sul-orh: left; --sc-nv-sul-tr: 0ms; }
.nv-sul-grow-left { --sc-nv-sul-d: block; --sc-nv-sul-rest: 0; --sc-nv-sul-or: left; --sc-nv-sul-orh: left; --sc-nv-sul-tr: var(--sc-nv-dur, 200ms); }
.nv-sul-grow-center { --sc-nv-sul-d: block; --sc-nv-sul-rest: 0; --sc-nv-sul-or: center; --sc-nv-sul-orh: center; --sc-nv-sul-tr: var(--sc-nv-dur, 200ms); }
.nv-sul-slide { --sc-nv-sul-d: block; --sc-nv-sul-rest: 0; --sc-nv-sul-or: right; --sc-nv-sul-orh: left; --sc-nv-sul-tr: var(--sc-nv-dur, 200ms); }

@media (hover: hover) {
    .sc-nav-link:hover { --sc-nv-ul-sx: 1; --sc-nv-ul-o: var(--sc-nv-ul-orh); }
}
.sc-nav-item.is-open > .sc-nav-link,
.sc-nav-item.sc-ov-force-h > .sc-nav-link { --sc-nv-ul-sx: 1; --sc-nv-ul-o: var(--sc-nv-ul-orh); }

/* ===== 8. Reduced motion ===== */
@media (prefers-reduced-motion: reduce) {
    .sc-nav,
    .sc-nav * {
        transition-duration: 0ms !important;
        animation: none !important;
    }
}

/* ===== 9. Ranges ===== */
/* Every band repeats the token rules of sections 1, 5, 6 and 7 with its own
   prefix and re-resolves the sizes with the band twin in front. They come
   last, so at equal specificity a band always beats the general value; the
   structural rules above stay the single source of truth. */

@media screen and (min-width: 1025px) {
    .d-nav-h { --sc-nv-dir: row; --sc-nv-ws: nowrap; }
    .d-nav-v { --sc-nv-dir: column; --sc-nv-ws: normal; }
    .d-nav-h .sc-nav-l0 { justify-content: var(--sc-nv-jc, flex-start); align-items: stretch; }
    .d-nav-v .sc-nav-l0 { align-items: var(--sc-nv-ai, stretch); justify-content: flex-start; }
    .component-navigation.d-nv-w-fill { flex: 1 1 0%; }
    .component-navigation.d-nv-w-auto { flex: 0 1 auto; }
    .d-nv-jc-start { --sc-nv-jc: flex-start; --sc-nv-ai: flex-start; }
    .d-nv-jc-center { --sc-nv-jc: center; --sc-nv-ai: center; }
    .d-nv-jc-end { --sc-nv-jc: flex-end; --sc-nv-ai: flex-end; }
    .d-nv-jc-between { --sc-nv-jc: space-between; --sc-nv-ai: stretch; }
    .d-nv-jc-around { --sc-nv-jc: space-around; --sc-nv-ai: stretch; }
    .d-nv-jc-stretch { --sc-nv-jc: flex-start; --sc-nv-ai: stretch; }
    .d-nv-jc-stretch > .sc-nav-l0 > .sc-nav-item { flex: 1 1 0; }
    .d-nv-wrap { --sc-nv-l0-wrap: wrap; }
    .d-nv-nowrap { --sc-nv-l0-wrap: nowrap; }
    .d-nv-al-left { --sc-nv-al: flex-start; }
    .d-nv-al-center { --sc-nv-al: center; }
    .d-nv-al-right { --sc-nv-al: flex-end; }
    .sc-nav.d-nv-m2-dropdown { --sc-nv-m2: dropdown; --sc-nv-l0-dir: var(--sc-nv-dir, row); --sc-nv-track: none; --sc-nv-nav-ovf: visible; --sc-nv-nav-h: auto; --sc-nv-l2-d: none; --sc-nv-l2-od: block; --sc-nv-l2-vis: visible; --sc-nv-l2-rows: none; --sc-nv-l2-orows: none; --sc-nv-l2-pos: absolute; --sc-nv-l2-z: 30; --sc-nv-l2-flex: 0 0 auto; --sc-nv-l2-w: auto; --sc-nv-l2-minw: var(--sc-nv-sub-w, 100%); --sc-nv-l2-ind: 0px; --sc-nv-l2-inovf: visible; --sc-nv-l2-back: none; --sc-nv-l2-t: var(--sc-nv-or-t, 100%); --sc-nv-l2-r: var(--sc-nv-sa-r, var(--sc-nv-or-r, auto)); --sc-nv-l2-b: var(--sc-nv-or-b, auto); --sc-nv-l2-l: var(--sc-nv-sa-l, var(--sc-nv-or-l, 0)); --sc-nv-l2-tf: var(--sc-nv-sa-tf, none); --sc-nv-l2-mar: var(--sc-nv-or-mar, var(--nv-sub-off) 0 0 0); }
    .sc-nav.d-nv-m2-flyout { --sc-nv-m2: flyout; --sc-nv-l0-dir: var(--sc-nv-dir, row); --sc-nv-track: none; --sc-nv-nav-ovf: visible; --sc-nv-nav-h: auto; --sc-nv-l2-d: none; --sc-nv-l2-od: block; --sc-nv-l2-vis: visible; --sc-nv-l2-rows: none; --sc-nv-l2-orows: none; --sc-nv-l2-pos: absolute; --sc-nv-l2-z: 30; --sc-nv-l2-flex: 0 0 auto; --sc-nv-l2-w: auto; --sc-nv-l2-minw: var(--sc-nv-sub-w, auto); --sc-nv-l2-ind: 0px; --sc-nv-l2-inovf: visible; --sc-nv-l2-back: none; --sc-nv-l2-t: var(--sc-nv-or-t, 0); --sc-nv-l2-r: var(--sc-nv-or-r, auto); --sc-nv-l2-b: var(--sc-nv-or-b, auto); --sc-nv-l2-l: var(--sc-nv-or-l, 100%); --sc-nv-l2-tf: none; --sc-nv-l2-mar: var(--sc-nv-or-mar, 0 0 0 var(--nv-sub-off)); }
    .sc-nav.d-nv-m2-accordion { --sc-nv-m2: accordion; --sc-nv-l0-dir: var(--sc-nv-dir, row); --sc-nv-track: none; --sc-nv-nav-ovf: visible; --sc-nv-nav-h: auto; --sc-nv-l2-d: grid; --sc-nv-l2-od: grid; --sc-nv-l2-vis: hidden; --sc-nv-l2-rows: 0fr; --sc-nv-l2-orows: 1fr; --sc-nv-l2-pos: static; --sc-nv-l2-z: auto; --sc-nv-l2-flex: 0 0 100%; --sc-nv-l2-w: 100%; --sc-nv-l2-minw: 0; --sc-nv-l2-ind: var(--nv-sub-ind); --sc-nv-l2-inovf: hidden; --sc-nv-l2-back: none; --sc-nv-l2-t: auto; --sc-nv-l2-r: auto; --sc-nv-l2-b: auto; --sc-nv-l2-l: auto; --sc-nv-l2-tf: none; --sc-nv-l2-mar: 0; }
    .sc-nav.d-nv-m2-drill { --sc-nv-m2: drill; --sc-nv-l0-dir: column; --sc-nv-track: translate3d(calc(-100% * var(--sc-nv-depth, 0)), 0, 0); --sc-nv-nav-ovf: hidden; --sc-nv-nav-h: var(--sc-nv-h, auto); --sc-nv-l2-d: none; --sc-nv-l2-od: block; --sc-nv-l2-vis: visible; --sc-nv-l2-rows: none; --sc-nv-l2-orows: none; --sc-nv-l2-pos: absolute; --sc-nv-l2-z: 1; --sc-nv-l2-flex: 0 0 auto; --sc-nv-l2-w: 100%; --sc-nv-l2-minw: 0; --sc-nv-l2-ind: 0px; --sc-nv-l2-inovf: visible; --sc-nv-l2-back: flex; --sc-nv-l2-t: 0; --sc-nv-l2-r: auto; --sc-nv-l2-b: auto; --sc-nv-l2-l: 100%; --sc-nv-l2-tf: none; --sc-nv-l2-mar: 0; }
    .sc-nav.d-nv-m3-flyout { --sc-nv-m3: flyout; --sc-nv-l3-d: none; --sc-nv-l3-od: block; --sc-nv-l3-vis: visible; --sc-nv-l3-rows: none; --sc-nv-l3-orows: none; --sc-nv-l3-pos: absolute; --sc-nv-l3-z: 30; --sc-nv-l3-flex: 0 0 auto; --sc-nv-l3-w: auto; --sc-nv-l3-minw: var(--sc-nv-sub-w, auto); --sc-nv-l3-ind: 0px; --sc-nv-l3-inovf: visible; --sc-nv-l3-back: none; --sc-nv-l3-t: var(--sc-nv-or2-t, 0); --sc-nv-l3-r: var(--sc-nv-or2-r, auto); --sc-nv-l3-b: var(--sc-nv-or2-b, auto); --sc-nv-l3-l: var(--sc-nv-or2-l, 100%); --sc-nv-l3-tf: none; --sc-nv-l3-mar: var(--sc-nv-or2-mar, 0 0 0 var(--nv-sub-off)); }
    .sc-nav.d-nv-m3-accordion { --sc-nv-m3: accordion; --sc-nv-l3-d: grid; --sc-nv-l3-od: grid; --sc-nv-l3-vis: hidden; --sc-nv-l3-rows: 0fr; --sc-nv-l3-orows: 1fr; --sc-nv-l3-pos: static; --sc-nv-l3-z: auto; --sc-nv-l3-flex: 0 0 100%; --sc-nv-l3-w: 100%; --sc-nv-l3-minw: 0; --sc-nv-l3-ind: var(--nv-sub-ind); --sc-nv-l3-inovf: hidden; --sc-nv-l3-back: none; --sc-nv-l3-t: auto; --sc-nv-l3-r: auto; --sc-nv-l3-b: auto; --sc-nv-l3-l: auto; --sc-nv-l3-tf: none; --sc-nv-l3-mar: 0; }
    .sc-nav.d-nv-m3-drill { --sc-nv-m3: drill; --sc-nv-l3-d: none; --sc-nv-l3-od: block; --sc-nv-l3-vis: visible; --sc-nv-l3-rows: none; --sc-nv-l3-orows: none; --sc-nv-l3-pos: absolute; --sc-nv-l3-z: 1; --sc-nv-l3-flex: 0 0 auto; --sc-nv-l3-w: 100%; --sc-nv-l3-minw: 0; --sc-nv-l3-ind: 0px; --sc-nv-l3-inovf: visible; --sc-nv-l3-back: flex; --sc-nv-l3-t: 0; --sc-nv-l3-r: auto; --sc-nv-l3-b: auto; --sc-nv-l3-l: 100%; --sc-nv-l3-tf: none; --sc-nv-l3-mar: 0; }
    .d-nv-o2-hover { --sc-nv-o2: hover; --sc-nv-o2-tgpos: absolute; --sc-nv-o2-tgsize: 1px; --sc-nv-o2-tgovf: hidden; --sc-nv-o2-tgclip: inset(50%); --sc-nv-o2-ilink: inline-flex; --sc-nv-o2-ibtn: none; --sc-nv-o2-d: initial; --sc-nv-o2-rows: initial; --sc-nv-o2-vis: initial; }
    .d-nv-o3-hover { --sc-nv-o3: hover; --sc-nv-o3-tgpos: absolute; --sc-nv-o3-tgsize: 1px; --sc-nv-o3-tgovf: hidden; --sc-nv-o3-tgclip: inset(50%); --sc-nv-o3-ilink: inline-flex; --sc-nv-o3-ibtn: none; --sc-nv-o3-d: initial; --sc-nv-o3-rows: initial; --sc-nv-o3-vis: initial; }
    .d-nv-o2-click { --sc-nv-o2: click; --sc-nv-o2-tgpos: absolute; --sc-nv-o2-tgsize: 1px; --sc-nv-o2-tgovf: hidden; --sc-nv-o2-tgclip: inset(50%); --sc-nv-o2-ilink: inline-flex; --sc-nv-o2-ibtn: none; --sc-nv-o2-d: initial; --sc-nv-o2-rows: initial; --sc-nv-o2-vis: initial; }
    .d-nv-o3-click { --sc-nv-o3: click; --sc-nv-o3-tgpos: absolute; --sc-nv-o3-tgsize: 1px; --sc-nv-o3-tgovf: hidden; --sc-nv-o3-tgclip: inset(50%); --sc-nv-o3-ilink: inline-flex; --sc-nv-o3-ibtn: none; --sc-nv-o3-d: initial; --sc-nv-o3-rows: initial; --sc-nv-o3-vis: initial; }
    .d-nv-o2-icon { --sc-nv-o2: icon; --sc-nv-o2-tgpos: static; --sc-nv-o2-tgsize: auto; --sc-nv-o2-tgovf: visible; --sc-nv-o2-tgclip: none; --sc-nv-o2-ilink: none; --sc-nv-o2-ibtn: inline-flex; --sc-nv-o2-d: initial; --sc-nv-o2-rows: initial; --sc-nv-o2-vis: initial; }
    .d-nv-o3-icon { --sc-nv-o3: icon; --sc-nv-o3-tgpos: static; --sc-nv-o3-tgsize: auto; --sc-nv-o3-tgovf: visible; --sc-nv-o3-tgclip: none; --sc-nv-o3-ilink: none; --sc-nv-o3-ibtn: inline-flex; --sc-nv-o3-d: initial; --sc-nv-o3-rows: initial; --sc-nv-o3-vis: initial; }
    .d-nv-o2-always { --sc-nv-o2: always; --sc-nv-o2-tgpos: absolute; --sc-nv-o2-tgsize: 1px; --sc-nv-o2-tgovf: hidden; --sc-nv-o2-tgclip: inset(50%); --sc-nv-o2-ilink: inline-flex; --sc-nv-o2-ibtn: none; --sc-nv-o2-d: var(--sc-nv-l2-od, block); --sc-nv-o2-rows: var(--sc-nv-l2-orows, none); --sc-nv-o2-vis: visible; }
    .d-nv-o3-always { --sc-nv-o3: always; --sc-nv-o3-tgpos: absolute; --sc-nv-o3-tgsize: 1px; --sc-nv-o3-tgovf: hidden; --sc-nv-o3-tgclip: inset(50%); --sc-nv-o3-ilink: inline-flex; --sc-nv-o3-ibtn: none; --sc-nv-o3-d: var(--sc-nv-l3-od, var(--sc-nv-l2-od, block)); --sc-nv-o3-rows: var(--sc-nv-l3-orows, var(--sc-nv-l2-orows, none)); --sc-nv-o3-vis: visible; }
    .d-nv-o2-always > .sc-nav-l0 > .sc-nav-item > .sc-nav-sub > .sc-nav-sub-in { opacity: 1; transform: none; }
    .d-nv-o2-always > .sc-nav-l0 > .sc-nav-item > .sc-nav-sub > .sc-nav-sub-in > .sc-nav-list > .sc-nav-item { opacity: 1; }
    .d-nv-o3-always .sc-nav-sub .sc-nav-sub > .sc-nav-sub-in { opacity: 1; transform: none; }
    .d-nv-o3-always .sc-nav-sub .sc-nav-sub > .sc-nav-sub-in > .sc-nav-list > .sc-nav-item { opacity: 1; }
    .d-nv-i2-before { --sc-nv-i2-ord: -1; }
    .d-nv-i2-after { --sc-nv-i2-ord: 0; }
    .d-nv-ii-before { --sc-nv-ii-ord: 0; }
    .d-nv-ii-after { --sc-nv-ii-ord: 1; }
    .d-nv-or-down { --sc-nv-or-t: 100%; --sc-nv-or-b: auto; --sc-nv-or-l: 0; --sc-nv-or-r: auto; --sc-nv-or-mar: var(--nv-sub-off) 0 0 0; --sc-nv-or-xl: auto; --sc-nv-or-xr: 0; --sc-nv-or-xml: 0; --sc-nv-or-xmr: 0; --sc-nv-or-yt: auto; --sc-nv-or-yb: 100%; --sc-nv-or-ymt: 0; --sc-nv-or-ymb: var(--nv-sub-off); --sc-nv-fx-or: top center; --sc-nv-fx-x: 0px; --sc-nv-fx-y: -8px; }
    .d-nv-or-up { --sc-nv-or-t: auto; --sc-nv-or-b: 100%; --sc-nv-or-l: 0; --sc-nv-or-r: auto; --sc-nv-or-mar: 0 0 var(--nv-sub-off) 0; --sc-nv-or-xl: auto; --sc-nv-or-xr: 0; --sc-nv-or-xml: 0; --sc-nv-or-xmr: 0; --sc-nv-or-yt: 100%; --sc-nv-or-yb: auto; --sc-nv-or-ymt: var(--nv-sub-off); --sc-nv-or-ymb: 0; --sc-nv-fx-or: bottom center; --sc-nv-fx-x: 0px; --sc-nv-fx-y: 8px; }
    .d-nv-or2-right { --sc-nv-or2-t: 0; --sc-nv-or2-b: auto; --sc-nv-or2-l: 100%; --sc-nv-or2-r: auto; --sc-nv-or2-mar: 0 0 0 var(--nv-sub-off); --sc-nv-or2-xl: auto; --sc-nv-or2-xr: 100%; --sc-nv-or2-xml: 0; --sc-nv-or2-xmr: var(--nv-sub-off); --sc-nv-or2-yt: auto; --sc-nv-or2-yb: 0; --sc-nv-or2-ymt: 0; --sc-nv-or2-ymb: 0; }
    .d-nv-or2-left { --sc-nv-or2-t: 0; --sc-nv-or2-b: auto; --sc-nv-or2-l: auto; --sc-nv-or2-r: 100%; --sc-nv-or2-mar: 0 var(--nv-sub-off) 0 0; --sc-nv-or2-xl: 100%; --sc-nv-or2-xr: auto; --sc-nv-or2-xml: var(--nv-sub-off); --sc-nv-or2-xmr: 0; --sc-nv-or2-yt: auto; --sc-nv-or2-yb: 0; --sc-nv-or2-ymt: 0; --sc-nv-or2-ymb: 0; }
    .d-nv-or2-down { --sc-nv-or2-t: 100%; --sc-nv-or2-b: auto; --sc-nv-or2-l: 0; --sc-nv-or2-r: auto; --sc-nv-or2-mar: var(--nv-sub-off) 0 0 0; --sc-nv-or2-xl: auto; --sc-nv-or2-xr: 0; --sc-nv-or2-xml: 0; --sc-nv-or2-xmr: 0; --sc-nv-or2-yt: auto; --sc-nv-or2-yb: 100%; --sc-nv-or2-ymt: 0; --sc-nv-or2-ymb: var(--nv-sub-off); }
    .d-nv-or2-up { --sc-nv-or2-t: auto; --sc-nv-or2-b: 100%; --sc-nv-or2-l: 0; --sc-nv-or2-r: auto; --sc-nv-or2-mar: 0 0 var(--nv-sub-off) 0; --sc-nv-or2-xl: auto; --sc-nv-or2-xr: 0; --sc-nv-or2-xml: 0; --sc-nv-or2-xmr: 0; --sc-nv-or2-yt: 100%; --sc-nv-or2-yb: auto; --sc-nv-or2-ymt: var(--nv-sub-off); --sc-nv-or2-ymb: 0; }
    .d-nv-sa-start { --sc-nv-sa-l: initial; --sc-nv-sa-r: initial; --sc-nv-sa-tf: initial; }
    .d-nv-sa-center { --sc-nv-sa-l: 50%; --sc-nv-sa-r: auto; --sc-nv-sa-tf: translateX(-50%); }
    .d-nv-sa-end { --sc-nv-sa-l: auto; --sc-nv-sa-r: 0; --sc-nv-sa-tf: initial; }
    .d-nv-or-right { --sc-nv-or-t: 0; --sc-nv-or-b: auto; --sc-nv-or-l: 100%; --sc-nv-or-r: auto; --sc-nv-or-mar: 0 0 0 var(--nv-sub-off); --sc-nv-sa-l: initial; --sc-nv-sa-r: initial; --sc-nv-sa-tf: initial; --sc-nv-or-xl: auto; --sc-nv-or-xr: 100%; --sc-nv-or-xml: 0; --sc-nv-or-xmr: var(--nv-sub-off); --sc-nv-or-yt: auto; --sc-nv-or-yb: 0; --sc-nv-or-ymt: 0; --sc-nv-or-ymb: 0; --sc-nv-fx-or: left center; --sc-nv-fx-x: -8px; --sc-nv-fx-y: 0px; }
    .d-nv-or-left { --sc-nv-or-t: 0; --sc-nv-or-b: auto; --sc-nv-or-l: auto; --sc-nv-or-r: 100%; --sc-nv-or-mar: 0 var(--nv-sub-off) 0 0; --sc-nv-sa-l: initial; --sc-nv-sa-r: initial; --sc-nv-sa-tf: initial; --sc-nv-or-xl: 100%; --sc-nv-or-xr: auto; --sc-nv-or-xml: var(--nv-sub-off); --sc-nv-or-xmr: 0; --sc-nv-or-yt: auto; --sc-nv-or-yb: 0; --sc-nv-or-ymt: 0; --sc-nv-or-ymb: 0; --sc-nv-fx-or: right center; --sc-nv-fx-x: 8px; --sc-nv-fx-y: 0px; }
    .d-nv-fx-none { --sc-nv-fx-o: 1; --sc-nv-fx-t: none; }
    .d-nv-fx-fade { --sc-nv-fx-o: 0; --sc-nv-fx-t: none; }
    .d-nv-fx-scale { --sc-nv-fx-o: 1; --sc-nv-fx-t: scale(0.96); }
    .d-nv-fx-slide { --sc-nv-fx-o: 1; --sc-nv-fx-t: translate(var(--sc-nv-fx-x, 0px), var(--sc-nv-fx-y, -8px)); }
    .d-nv-fx-fade-scale { --sc-nv-fx-o: 0; --sc-nv-fx-t: scale(0.96); }
    .d-nv-fx-fade-slide { --sc-nv-fx-o: 0; --sc-nv-fx-t: translate(var(--sc-nv-fx-x, 0px), var(--sc-nv-fx-y, -8px)); }
    .d-nv-ul-none { --sc-nv-ul0-d: none; --sc-nv-ul0-rest: 0; --sc-nv-ul0-or: left; --sc-nv-ul0-orh: left; --sc-nv-ul0-tr: var(--sc-nv-dur, 200ms); }
    .d-nv-ul-solid { --sc-nv-ul0-d: block; --sc-nv-ul0-rest: 1; --sc-nv-ul0-or: left; --sc-nv-ul0-orh: left; --sc-nv-ul0-tr: 0ms; }
    .d-nv-ul-grow-left { --sc-nv-ul0-d: block; --sc-nv-ul0-rest: 0; --sc-nv-ul0-or: left; --sc-nv-ul0-orh: left; --sc-nv-ul0-tr: var(--sc-nv-dur, 200ms); }
    .d-nv-ul-grow-center { --sc-nv-ul0-d: block; --sc-nv-ul0-rest: 0; --sc-nv-ul0-or: center; --sc-nv-ul0-orh: center; --sc-nv-ul0-tr: var(--sc-nv-dur, 200ms); }
    .d-nv-ul-slide { --sc-nv-ul0-d: block; --sc-nv-ul0-rest: 0; --sc-nv-ul0-or: right; --sc-nv-ul0-orh: left; --sc-nv-ul0-tr: var(--sc-nv-dur, 200ms); }
    .d-nv-sul-none { --sc-nv-sul-d: none; --sc-nv-sul-rest: 0; --sc-nv-sul-or: left; --sc-nv-sul-orh: left; --sc-nv-sul-tr: var(--sc-nv-dur, 200ms); }
    .d-nv-sul-solid { --sc-nv-sul-d: block; --sc-nv-sul-rest: 1; --sc-nv-sul-or: left; --sc-nv-sul-orh: left; --sc-nv-sul-tr: 0ms; }
    .d-nv-sul-grow-left { --sc-nv-sul-d: block; --sc-nv-sul-rest: 0; --sc-nv-sul-or: left; --sc-nv-sul-orh: left; --sc-nv-sul-tr: var(--sc-nv-dur, 200ms); }
    .d-nv-sul-grow-center { --sc-nv-sul-d: block; --sc-nv-sul-rest: 0; --sc-nv-sul-or: center; --sc-nv-sul-orh: center; --sc-nv-sul-tr: var(--sc-nv-dur, 200ms); }
    .d-nv-sul-slide { --sc-nv-sul-d: block; --sc-nv-sul-rest: 0; --sc-nv-sul-or: right; --sc-nv-sul-orh: left; --sc-nv-sul-tr: var(--sc-nv-dur, 200ms); }
    .sc-nav { --nv-gap: var(--sc-nv-gap-d, var(--sc-nv-gap, 0px)); --nv-ipy: var(--sc-nv-ipy-d, var(--sc-nv-ipy, 12px)); --nv-ipx: var(--sc-nv-ipx-d, var(--sc-nv-ipx, 24px)); --nv-iop: var(--sc-nv-iop-d, var(--sc-nv-iop, 1)); --nv-isc: var(--sc-nv-isc-d, var(--sc-nv-isc, 1)); --nv-isx: var(--sc-nv-isx-d, var(--sc-nv-isx, 0px)); --nv-isy: var(--sc-nv-isy-d, var(--sc-nv-isy, 0px)); --nv-irt: var(--sc-nv-irt-d, var(--sc-nv-irt, 0deg)); --nv-spy: var(--sc-nv-spy-d, var(--sc-nv-spy, var(--nv-ipy))); --nv-spx: var(--sc-nv-spx-d, var(--sc-nv-spx, var(--nv-ipx))); --nv-sub-pad: var(--sc-nv-sub-pad-d, var(--sc-nv-sub-pad, 0px)); --nv-sub-ind: var(--sc-nv-sub-ind-d, var(--sc-nv-sub-ind, 24px)); --nv-sub-off: var(--sc-nv-sub-off-d, var(--sc-nv-sub-off, 0px)); --nv-i2-sz: var(--sc-nv-i2-sz-d, var(--sc-nv-i2-sz, 12px)); --nv-i2-gap: var(--sc-nv-i2-gap-d, var(--sc-nv-i2-gap, 6px)); --nv-i2-pad: var(--sc-nv-i2-pad-d, var(--sc-nv-i2-pad, 0px)); --nv-i2-rt: var(--sc-nv-i2-rt-d, var(--sc-nv-i2-rt, 0deg)); --nv-back-sz: var(--sc-nv-back-sz-d, var(--sc-nv-back-sz, 12px)); --nv-back-gap: var(--sc-nv-back-gap-d, var(--sc-nv-back-gap, 6px)); --nv-i3-sz: var(--sc-nv-i3-sz-d, var(--sc-nv-i3-sz, var(--nv-i2-sz))); --nv-i3-rt: var(--sc-nv-i3-rt-d, var(--sc-nv-i3-rt, var(--nv-i2-rt))); --nv-ii-sz: var(--sc-nv-ii-sz-d, var(--sc-nv-ii-sz, 16px)); --nv-ii-gap: var(--sc-nv-ii-gap-d, var(--sc-nv-ii-gap, 8px)); --nv-ih: var(--sc-nv-ih-d, var(--sc-nv-ih, auto)); }
    .d-nv-ih-auto .sc-nav-l0 > .sc-nav-item > .sc-nav-link { height: auto; padding-block: var(--nv-ipy); align-self: auto; }
    .d-nv-ih-px .sc-nav-l0 > .sc-nav-item > .sc-nav-link, .d-nv-ih-rem .sc-nav-l0 > .sc-nav-item > .sc-nav-link { height: var(--nv-ih); padding-block: 0; align-self: auto; }
    .d-nv-ih-fill .sc-nav-l0 > .sc-nav-item > .sc-nav-link { height: var(--sc-row-h, auto); padding-block: 0; align-self: stretch; }
    .component-navigation.d-nv-ih-fill { align-self: stretch; }
    .component-navigation.d-nv-ih-auto, .component-navigation.d-nv-ih-px, .component-navigation.d-nv-ih-rem { align-self: auto; }
    .d-nv-ih-fill > .sc-nav { --sc-nv-nav-h: 100%; }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .tl-nav-h { --sc-nv-dir: row; --sc-nv-ws: nowrap; }
    .tl-nav-v { --sc-nv-dir: column; --sc-nv-ws: normal; }
    .tl-nav-h .sc-nav-l0 { justify-content: var(--sc-nv-jc, flex-start); align-items: stretch; }
    .tl-nav-v .sc-nav-l0 { align-items: var(--sc-nv-ai, stretch); justify-content: flex-start; }
    .component-navigation.tl-nv-w-fill { flex: 1 1 0%; }
    .component-navigation.tl-nv-w-auto { flex: 0 1 auto; }
    .tl-nv-jc-start { --sc-nv-jc: flex-start; --sc-nv-ai: flex-start; }
    .tl-nv-jc-center { --sc-nv-jc: center; --sc-nv-ai: center; }
    .tl-nv-jc-end { --sc-nv-jc: flex-end; --sc-nv-ai: flex-end; }
    .tl-nv-jc-between { --sc-nv-jc: space-between; --sc-nv-ai: stretch; }
    .tl-nv-jc-around { --sc-nv-jc: space-around; --sc-nv-ai: stretch; }
    .tl-nv-jc-stretch { --sc-nv-jc: flex-start; --sc-nv-ai: stretch; }
    .tl-nv-jc-stretch > .sc-nav-l0 > .sc-nav-item { flex: 1 1 0; }
    .tl-nv-wrap { --sc-nv-l0-wrap: wrap; }
    .tl-nv-nowrap { --sc-nv-l0-wrap: nowrap; }
    .tl-nv-al-left { --sc-nv-al: flex-start; }
    .tl-nv-al-center { --sc-nv-al: center; }
    .tl-nv-al-right { --sc-nv-al: flex-end; }
    .sc-nav.tl-nv-m2-dropdown { --sc-nv-m2: dropdown; --sc-nv-l0-dir: var(--sc-nv-dir, row); --sc-nv-track: none; --sc-nv-nav-ovf: visible; --sc-nv-nav-h: auto; --sc-nv-l2-d: none; --sc-nv-l2-od: block; --sc-nv-l2-vis: visible; --sc-nv-l2-rows: none; --sc-nv-l2-orows: none; --sc-nv-l2-pos: absolute; --sc-nv-l2-z: 30; --sc-nv-l2-flex: 0 0 auto; --sc-nv-l2-w: auto; --sc-nv-l2-minw: var(--sc-nv-sub-w, 100%); --sc-nv-l2-ind: 0px; --sc-nv-l2-inovf: visible; --sc-nv-l2-back: none; --sc-nv-l2-t: var(--sc-nv-or-t, 100%); --sc-nv-l2-r: var(--sc-nv-sa-r, var(--sc-nv-or-r, auto)); --sc-nv-l2-b: var(--sc-nv-or-b, auto); --sc-nv-l2-l: var(--sc-nv-sa-l, var(--sc-nv-or-l, 0)); --sc-nv-l2-tf: var(--sc-nv-sa-tf, none); --sc-nv-l2-mar: var(--sc-nv-or-mar, var(--nv-sub-off) 0 0 0); }
    .sc-nav.tl-nv-m2-flyout { --sc-nv-m2: flyout; --sc-nv-l0-dir: var(--sc-nv-dir, row); --sc-nv-track: none; --sc-nv-nav-ovf: visible; --sc-nv-nav-h: auto; --sc-nv-l2-d: none; --sc-nv-l2-od: block; --sc-nv-l2-vis: visible; --sc-nv-l2-rows: none; --sc-nv-l2-orows: none; --sc-nv-l2-pos: absolute; --sc-nv-l2-z: 30; --sc-nv-l2-flex: 0 0 auto; --sc-nv-l2-w: auto; --sc-nv-l2-minw: var(--sc-nv-sub-w, auto); --sc-nv-l2-ind: 0px; --sc-nv-l2-inovf: visible; --sc-nv-l2-back: none; --sc-nv-l2-t: var(--sc-nv-or-t, 0); --sc-nv-l2-r: var(--sc-nv-or-r, auto); --sc-nv-l2-b: var(--sc-nv-or-b, auto); --sc-nv-l2-l: var(--sc-nv-or-l, 100%); --sc-nv-l2-tf: none; --sc-nv-l2-mar: var(--sc-nv-or-mar, 0 0 0 var(--nv-sub-off)); }
    .sc-nav.tl-nv-m2-accordion { --sc-nv-m2: accordion; --sc-nv-l0-dir: var(--sc-nv-dir, row); --sc-nv-track: none; --sc-nv-nav-ovf: visible; --sc-nv-nav-h: auto; --sc-nv-l2-d: grid; --sc-nv-l2-od: grid; --sc-nv-l2-vis: hidden; --sc-nv-l2-rows: 0fr; --sc-nv-l2-orows: 1fr; --sc-nv-l2-pos: static; --sc-nv-l2-z: auto; --sc-nv-l2-flex: 0 0 100%; --sc-nv-l2-w: 100%; --sc-nv-l2-minw: 0; --sc-nv-l2-ind: var(--nv-sub-ind); --sc-nv-l2-inovf: hidden; --sc-nv-l2-back: none; --sc-nv-l2-t: auto; --sc-nv-l2-r: auto; --sc-nv-l2-b: auto; --sc-nv-l2-l: auto; --sc-nv-l2-tf: none; --sc-nv-l2-mar: 0; }
    .sc-nav.tl-nv-m2-drill { --sc-nv-m2: drill; --sc-nv-l0-dir: column; --sc-nv-track: translate3d(calc(-100% * var(--sc-nv-depth, 0)), 0, 0); --sc-nv-nav-ovf: hidden; --sc-nv-nav-h: var(--sc-nv-h, auto); --sc-nv-l2-d: none; --sc-nv-l2-od: block; --sc-nv-l2-vis: visible; --sc-nv-l2-rows: none; --sc-nv-l2-orows: none; --sc-nv-l2-pos: absolute; --sc-nv-l2-z: 1; --sc-nv-l2-flex: 0 0 auto; --sc-nv-l2-w: 100%; --sc-nv-l2-minw: 0; --sc-nv-l2-ind: 0px; --sc-nv-l2-inovf: visible; --sc-nv-l2-back: flex; --sc-nv-l2-t: 0; --sc-nv-l2-r: auto; --sc-nv-l2-b: auto; --sc-nv-l2-l: 100%; --sc-nv-l2-tf: none; --sc-nv-l2-mar: 0; }
    .sc-nav.tl-nv-m3-flyout { --sc-nv-m3: flyout; --sc-nv-l3-d: none; --sc-nv-l3-od: block; --sc-nv-l3-vis: visible; --sc-nv-l3-rows: none; --sc-nv-l3-orows: none; --sc-nv-l3-pos: absolute; --sc-nv-l3-z: 30; --sc-nv-l3-flex: 0 0 auto; --sc-nv-l3-w: auto; --sc-nv-l3-minw: var(--sc-nv-sub-w, auto); --sc-nv-l3-ind: 0px; --sc-nv-l3-inovf: visible; --sc-nv-l3-back: none; --sc-nv-l3-t: var(--sc-nv-or2-t, 0); --sc-nv-l3-r: var(--sc-nv-or2-r, auto); --sc-nv-l3-b: var(--sc-nv-or2-b, auto); --sc-nv-l3-l: var(--sc-nv-or2-l, 100%); --sc-nv-l3-tf: none; --sc-nv-l3-mar: var(--sc-nv-or2-mar, 0 0 0 var(--nv-sub-off)); }
    .sc-nav.tl-nv-m3-accordion { --sc-nv-m3: accordion; --sc-nv-l3-d: grid; --sc-nv-l3-od: grid; --sc-nv-l3-vis: hidden; --sc-nv-l3-rows: 0fr; --sc-nv-l3-orows: 1fr; --sc-nv-l3-pos: static; --sc-nv-l3-z: auto; --sc-nv-l3-flex: 0 0 100%; --sc-nv-l3-w: 100%; --sc-nv-l3-minw: 0; --sc-nv-l3-ind: var(--nv-sub-ind); --sc-nv-l3-inovf: hidden; --sc-nv-l3-back: none; --sc-nv-l3-t: auto; --sc-nv-l3-r: auto; --sc-nv-l3-b: auto; --sc-nv-l3-l: auto; --sc-nv-l3-tf: none; --sc-nv-l3-mar: 0; }
    .sc-nav.tl-nv-m3-drill { --sc-nv-m3: drill; --sc-nv-l3-d: none; --sc-nv-l3-od: block; --sc-nv-l3-vis: visible; --sc-nv-l3-rows: none; --sc-nv-l3-orows: none; --sc-nv-l3-pos: absolute; --sc-nv-l3-z: 1; --sc-nv-l3-flex: 0 0 auto; --sc-nv-l3-w: 100%; --sc-nv-l3-minw: 0; --sc-nv-l3-ind: 0px; --sc-nv-l3-inovf: visible; --sc-nv-l3-back: flex; --sc-nv-l3-t: 0; --sc-nv-l3-r: auto; --sc-nv-l3-b: auto; --sc-nv-l3-l: 100%; --sc-nv-l3-tf: none; --sc-nv-l3-mar: 0; }
    .tl-nv-o2-hover { --sc-nv-o2: hover; --sc-nv-o2-tgpos: absolute; --sc-nv-o2-tgsize: 1px; --sc-nv-o2-tgovf: hidden; --sc-nv-o2-tgclip: inset(50%); --sc-nv-o2-ilink: inline-flex; --sc-nv-o2-ibtn: none; --sc-nv-o2-d: initial; --sc-nv-o2-rows: initial; --sc-nv-o2-vis: initial; }
    .tl-nv-o3-hover { --sc-nv-o3: hover; --sc-nv-o3-tgpos: absolute; --sc-nv-o3-tgsize: 1px; --sc-nv-o3-tgovf: hidden; --sc-nv-o3-tgclip: inset(50%); --sc-nv-o3-ilink: inline-flex; --sc-nv-o3-ibtn: none; --sc-nv-o3-d: initial; --sc-nv-o3-rows: initial; --sc-nv-o3-vis: initial; }
    .tl-nv-o2-click { --sc-nv-o2: click; --sc-nv-o2-tgpos: absolute; --sc-nv-o2-tgsize: 1px; --sc-nv-o2-tgovf: hidden; --sc-nv-o2-tgclip: inset(50%); --sc-nv-o2-ilink: inline-flex; --sc-nv-o2-ibtn: none; --sc-nv-o2-d: initial; --sc-nv-o2-rows: initial; --sc-nv-o2-vis: initial; }
    .tl-nv-o3-click { --sc-nv-o3: click; --sc-nv-o3-tgpos: absolute; --sc-nv-o3-tgsize: 1px; --sc-nv-o3-tgovf: hidden; --sc-nv-o3-tgclip: inset(50%); --sc-nv-o3-ilink: inline-flex; --sc-nv-o3-ibtn: none; --sc-nv-o3-d: initial; --sc-nv-o3-rows: initial; --sc-nv-o3-vis: initial; }
    .tl-nv-o2-icon { --sc-nv-o2: icon; --sc-nv-o2-tgpos: static; --sc-nv-o2-tgsize: auto; --sc-nv-o2-tgovf: visible; --sc-nv-o2-tgclip: none; --sc-nv-o2-ilink: none; --sc-nv-o2-ibtn: inline-flex; --sc-nv-o2-d: initial; --sc-nv-o2-rows: initial; --sc-nv-o2-vis: initial; }
    .tl-nv-o3-icon { --sc-nv-o3: icon; --sc-nv-o3-tgpos: static; --sc-nv-o3-tgsize: auto; --sc-nv-o3-tgovf: visible; --sc-nv-o3-tgclip: none; --sc-nv-o3-ilink: none; --sc-nv-o3-ibtn: inline-flex; --sc-nv-o3-d: initial; --sc-nv-o3-rows: initial; --sc-nv-o3-vis: initial; }
    .tl-nv-o2-always { --sc-nv-o2: always; --sc-nv-o2-tgpos: absolute; --sc-nv-o2-tgsize: 1px; --sc-nv-o2-tgovf: hidden; --sc-nv-o2-tgclip: inset(50%); --sc-nv-o2-ilink: inline-flex; --sc-nv-o2-ibtn: none; --sc-nv-o2-d: var(--sc-nv-l2-od, block); --sc-nv-o2-rows: var(--sc-nv-l2-orows, none); --sc-nv-o2-vis: visible; }
    .tl-nv-o3-always { --sc-nv-o3: always; --sc-nv-o3-tgpos: absolute; --sc-nv-o3-tgsize: 1px; --sc-nv-o3-tgovf: hidden; --sc-nv-o3-tgclip: inset(50%); --sc-nv-o3-ilink: inline-flex; --sc-nv-o3-ibtn: none; --sc-nv-o3-d: var(--sc-nv-l3-od, var(--sc-nv-l2-od, block)); --sc-nv-o3-rows: var(--sc-nv-l3-orows, var(--sc-nv-l2-orows, none)); --sc-nv-o3-vis: visible; }
    .tl-nv-o2-always > .sc-nav-l0 > .sc-nav-item > .sc-nav-sub > .sc-nav-sub-in { opacity: 1; transform: none; }
    .tl-nv-o2-always > .sc-nav-l0 > .sc-nav-item > .sc-nav-sub > .sc-nav-sub-in > .sc-nav-list > .sc-nav-item { opacity: 1; }
    .tl-nv-o3-always .sc-nav-sub .sc-nav-sub > .sc-nav-sub-in { opacity: 1; transform: none; }
    .tl-nv-o3-always .sc-nav-sub .sc-nav-sub > .sc-nav-sub-in > .sc-nav-list > .sc-nav-item { opacity: 1; }
    .tl-nv-i2-before { --sc-nv-i2-ord: -1; }
    .tl-nv-i2-after { --sc-nv-i2-ord: 0; }
    .tl-nv-ii-before { --sc-nv-ii-ord: 0; }
    .tl-nv-ii-after { --sc-nv-ii-ord: 1; }
    .tl-nv-or-down { --sc-nv-or-t: 100%; --sc-nv-or-b: auto; --sc-nv-or-l: 0; --sc-nv-or-r: auto; --sc-nv-or-mar: var(--nv-sub-off) 0 0 0; --sc-nv-or-xl: auto; --sc-nv-or-xr: 0; --sc-nv-or-xml: 0; --sc-nv-or-xmr: 0; --sc-nv-or-yt: auto; --sc-nv-or-yb: 100%; --sc-nv-or-ymt: 0; --sc-nv-or-ymb: var(--nv-sub-off); --sc-nv-fx-or: top center; --sc-nv-fx-x: 0px; --sc-nv-fx-y: -8px; }
    .tl-nv-or-up { --sc-nv-or-t: auto; --sc-nv-or-b: 100%; --sc-nv-or-l: 0; --sc-nv-or-r: auto; --sc-nv-or-mar: 0 0 var(--nv-sub-off) 0; --sc-nv-or-xl: auto; --sc-nv-or-xr: 0; --sc-nv-or-xml: 0; --sc-nv-or-xmr: 0; --sc-nv-or-yt: 100%; --sc-nv-or-yb: auto; --sc-nv-or-ymt: var(--nv-sub-off); --sc-nv-or-ymb: 0; --sc-nv-fx-or: bottom center; --sc-nv-fx-x: 0px; --sc-nv-fx-y: 8px; }
    .tl-nv-or2-right { --sc-nv-or2-t: 0; --sc-nv-or2-b: auto; --sc-nv-or2-l: 100%; --sc-nv-or2-r: auto; --sc-nv-or2-mar: 0 0 0 var(--nv-sub-off); --sc-nv-or2-xl: auto; --sc-nv-or2-xr: 100%; --sc-nv-or2-xml: 0; --sc-nv-or2-xmr: var(--nv-sub-off); --sc-nv-or2-yt: auto; --sc-nv-or2-yb: 0; --sc-nv-or2-ymt: 0; --sc-nv-or2-ymb: 0; }
    .tl-nv-or2-left { --sc-nv-or2-t: 0; --sc-nv-or2-b: auto; --sc-nv-or2-l: auto; --sc-nv-or2-r: 100%; --sc-nv-or2-mar: 0 var(--nv-sub-off) 0 0; --sc-nv-or2-xl: 100%; --sc-nv-or2-xr: auto; --sc-nv-or2-xml: var(--nv-sub-off); --sc-nv-or2-xmr: 0; --sc-nv-or2-yt: auto; --sc-nv-or2-yb: 0; --sc-nv-or2-ymt: 0; --sc-nv-or2-ymb: 0; }
    .tl-nv-or2-down { --sc-nv-or2-t: 100%; --sc-nv-or2-b: auto; --sc-nv-or2-l: 0; --sc-nv-or2-r: auto; --sc-nv-or2-mar: var(--nv-sub-off) 0 0 0; --sc-nv-or2-xl: auto; --sc-nv-or2-xr: 0; --sc-nv-or2-xml: 0; --sc-nv-or2-xmr: 0; --sc-nv-or2-yt: auto; --sc-nv-or2-yb: 100%; --sc-nv-or2-ymt: 0; --sc-nv-or2-ymb: var(--nv-sub-off); }
    .tl-nv-or2-up { --sc-nv-or2-t: auto; --sc-nv-or2-b: 100%; --sc-nv-or2-l: 0; --sc-nv-or2-r: auto; --sc-nv-or2-mar: 0 0 var(--nv-sub-off) 0; --sc-nv-or2-xl: auto; --sc-nv-or2-xr: 0; --sc-nv-or2-xml: 0; --sc-nv-or2-xmr: 0; --sc-nv-or2-yt: 100%; --sc-nv-or2-yb: auto; --sc-nv-or2-ymt: var(--nv-sub-off); --sc-nv-or2-ymb: 0; }
    .tl-nv-sa-start { --sc-nv-sa-l: initial; --sc-nv-sa-r: initial; --sc-nv-sa-tf: initial; }
    .tl-nv-sa-center { --sc-nv-sa-l: 50%; --sc-nv-sa-r: auto; --sc-nv-sa-tf: translateX(-50%); }
    .tl-nv-sa-end { --sc-nv-sa-l: auto; --sc-nv-sa-r: 0; --sc-nv-sa-tf: initial; }
    .tl-nv-or-right { --sc-nv-or-t: 0; --sc-nv-or-b: auto; --sc-nv-or-l: 100%; --sc-nv-or-r: auto; --sc-nv-or-mar: 0 0 0 var(--nv-sub-off); --sc-nv-sa-l: initial; --sc-nv-sa-r: initial; --sc-nv-sa-tf: initial; --sc-nv-or-xl: auto; --sc-nv-or-xr: 100%; --sc-nv-or-xml: 0; --sc-nv-or-xmr: var(--nv-sub-off); --sc-nv-or-yt: auto; --sc-nv-or-yb: 0; --sc-nv-or-ymt: 0; --sc-nv-or-ymb: 0; --sc-nv-fx-or: left center; --sc-nv-fx-x: -8px; --sc-nv-fx-y: 0px; }
    .tl-nv-or-left { --sc-nv-or-t: 0; --sc-nv-or-b: auto; --sc-nv-or-l: auto; --sc-nv-or-r: 100%; --sc-nv-or-mar: 0 var(--nv-sub-off) 0 0; --sc-nv-sa-l: initial; --sc-nv-sa-r: initial; --sc-nv-sa-tf: initial; --sc-nv-or-xl: 100%; --sc-nv-or-xr: auto; --sc-nv-or-xml: var(--nv-sub-off); --sc-nv-or-xmr: 0; --sc-nv-or-yt: auto; --sc-nv-or-yb: 0; --sc-nv-or-ymt: 0; --sc-nv-or-ymb: 0; --sc-nv-fx-or: right center; --sc-nv-fx-x: 8px; --sc-nv-fx-y: 0px; }
    .tl-nv-fx-none { --sc-nv-fx-o: 1; --sc-nv-fx-t: none; }
    .tl-nv-fx-fade { --sc-nv-fx-o: 0; --sc-nv-fx-t: none; }
    .tl-nv-fx-scale { --sc-nv-fx-o: 1; --sc-nv-fx-t: scale(0.96); }
    .tl-nv-fx-slide { --sc-nv-fx-o: 1; --sc-nv-fx-t: translate(var(--sc-nv-fx-x, 0px), var(--sc-nv-fx-y, -8px)); }
    .tl-nv-fx-fade-scale { --sc-nv-fx-o: 0; --sc-nv-fx-t: scale(0.96); }
    .tl-nv-fx-fade-slide { --sc-nv-fx-o: 0; --sc-nv-fx-t: translate(var(--sc-nv-fx-x, 0px), var(--sc-nv-fx-y, -8px)); }
    .tl-nv-ul-none { --sc-nv-ul0-d: none; --sc-nv-ul0-rest: 0; --sc-nv-ul0-or: left; --sc-nv-ul0-orh: left; --sc-nv-ul0-tr: var(--sc-nv-dur, 200ms); }
    .tl-nv-ul-solid { --sc-nv-ul0-d: block; --sc-nv-ul0-rest: 1; --sc-nv-ul0-or: left; --sc-nv-ul0-orh: left; --sc-nv-ul0-tr: 0ms; }
    .tl-nv-ul-grow-left { --sc-nv-ul0-d: block; --sc-nv-ul0-rest: 0; --sc-nv-ul0-or: left; --sc-nv-ul0-orh: left; --sc-nv-ul0-tr: var(--sc-nv-dur, 200ms); }
    .tl-nv-ul-grow-center { --sc-nv-ul0-d: block; --sc-nv-ul0-rest: 0; --sc-nv-ul0-or: center; --sc-nv-ul0-orh: center; --sc-nv-ul0-tr: var(--sc-nv-dur, 200ms); }
    .tl-nv-ul-slide { --sc-nv-ul0-d: block; --sc-nv-ul0-rest: 0; --sc-nv-ul0-or: right; --sc-nv-ul0-orh: left; --sc-nv-ul0-tr: var(--sc-nv-dur, 200ms); }
    .tl-nv-sul-none { --sc-nv-sul-d: none; --sc-nv-sul-rest: 0; --sc-nv-sul-or: left; --sc-nv-sul-orh: left; --sc-nv-sul-tr: var(--sc-nv-dur, 200ms); }
    .tl-nv-sul-solid { --sc-nv-sul-d: block; --sc-nv-sul-rest: 1; --sc-nv-sul-or: left; --sc-nv-sul-orh: left; --sc-nv-sul-tr: 0ms; }
    .tl-nv-sul-grow-left { --sc-nv-sul-d: block; --sc-nv-sul-rest: 0; --sc-nv-sul-or: left; --sc-nv-sul-orh: left; --sc-nv-sul-tr: var(--sc-nv-dur, 200ms); }
    .tl-nv-sul-grow-center { --sc-nv-sul-d: block; --sc-nv-sul-rest: 0; --sc-nv-sul-or: center; --sc-nv-sul-orh: center; --sc-nv-sul-tr: var(--sc-nv-dur, 200ms); }
    .tl-nv-sul-slide { --sc-nv-sul-d: block; --sc-nv-sul-rest: 0; --sc-nv-sul-or: right; --sc-nv-sul-orh: left; --sc-nv-sul-tr: var(--sc-nv-dur, 200ms); }
    .sc-nav { --nv-gap: var(--sc-nv-gap-t, var(--sc-nv-gap, 0px)); --nv-ipy: var(--sc-nv-ipy-t, var(--sc-nv-ipy, 12px)); --nv-ipx: var(--sc-nv-ipx-t, var(--sc-nv-ipx, 24px)); --nv-iop: var(--sc-nv-iop-t, var(--sc-nv-iop, 1)); --nv-isc: var(--sc-nv-isc-t, var(--sc-nv-isc, 1)); --nv-isx: var(--sc-nv-isx-t, var(--sc-nv-isx, 0px)); --nv-isy: var(--sc-nv-isy-t, var(--sc-nv-isy, 0px)); --nv-irt: var(--sc-nv-irt-t, var(--sc-nv-irt, 0deg)); --nv-spy: var(--sc-nv-spy-t, var(--sc-nv-spy, var(--nv-ipy))); --nv-spx: var(--sc-nv-spx-t, var(--sc-nv-spx, var(--nv-ipx))); --nv-sub-pad: var(--sc-nv-sub-pad-t, var(--sc-nv-sub-pad, 0px)); --nv-sub-ind: var(--sc-nv-sub-ind-t, var(--sc-nv-sub-ind, 24px)); --nv-sub-off: var(--sc-nv-sub-off-t, var(--sc-nv-sub-off, 0px)); --nv-i2-sz: var(--sc-nv-i2-sz-t, var(--sc-nv-i2-sz, 12px)); --nv-i2-gap: var(--sc-nv-i2-gap-t, var(--sc-nv-i2-gap, 6px)); --nv-i2-pad: var(--sc-nv-i2-pad-t, var(--sc-nv-i2-pad, 0px)); --nv-i2-rt: var(--sc-nv-i2-rt-t, var(--sc-nv-i2-rt, 0deg)); --nv-back-sz: var(--sc-nv-back-sz-t, var(--sc-nv-back-sz, 12px)); --nv-back-gap: var(--sc-nv-back-gap-t, var(--sc-nv-back-gap, 6px)); --nv-i3-sz: var(--sc-nv-i3-sz-t, var(--sc-nv-i3-sz, var(--nv-i2-sz))); --nv-i3-rt: var(--sc-nv-i3-rt-t, var(--sc-nv-i3-rt, var(--nv-i2-rt))); --nv-ii-sz: var(--sc-nv-ii-sz-t, var(--sc-nv-ii-sz, 16px)); --nv-ii-gap: var(--sc-nv-ii-gap-t, var(--sc-nv-ii-gap, 8px)); --nv-ih: var(--sc-nv-ih-t, var(--sc-nv-ih, auto)); }
    .tl-nv-ih-auto .sc-nav-l0 > .sc-nav-item > .sc-nav-link { height: auto; padding-block: var(--nv-ipy); align-self: auto; }
    .tl-nv-ih-px .sc-nav-l0 > .sc-nav-item > .sc-nav-link, .tl-nv-ih-rem .sc-nav-l0 > .sc-nav-item > .sc-nav-link { height: var(--nv-ih); padding-block: 0; align-self: auto; }
    .tl-nv-ih-fill .sc-nav-l0 > .sc-nav-item > .sc-nav-link { height: var(--sc-row-h, auto); padding-block: 0; align-self: stretch; }
    .component-navigation.tl-nv-ih-fill { align-self: stretch; }
    .component-navigation.tl-nv-ih-auto, .component-navigation.tl-nv-ih-px, .component-navigation.tl-nv-ih-rem { align-self: auto; }
    .tl-nv-ih-fill > .sc-nav { --sc-nv-nav-h: 100%; }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .tp-nav-h { --sc-nv-dir: row; --sc-nv-ws: nowrap; }
    .tp-nav-v { --sc-nv-dir: column; --sc-nv-ws: normal; }
    .tp-nav-h .sc-nav-l0 { justify-content: var(--sc-nv-jc, flex-start); align-items: stretch; }
    .tp-nav-v .sc-nav-l0 { align-items: var(--sc-nv-ai, stretch); justify-content: flex-start; }
    .component-navigation.tp-nv-w-fill { flex: 1 1 0%; }
    .component-navigation.tp-nv-w-auto { flex: 0 1 auto; }
    .tp-nv-jc-start { --sc-nv-jc: flex-start; --sc-nv-ai: flex-start; }
    .tp-nv-jc-center { --sc-nv-jc: center; --sc-nv-ai: center; }
    .tp-nv-jc-end { --sc-nv-jc: flex-end; --sc-nv-ai: flex-end; }
    .tp-nv-jc-between { --sc-nv-jc: space-between; --sc-nv-ai: stretch; }
    .tp-nv-jc-around { --sc-nv-jc: space-around; --sc-nv-ai: stretch; }
    .tp-nv-jc-stretch { --sc-nv-jc: flex-start; --sc-nv-ai: stretch; }
    .tp-nv-jc-stretch > .sc-nav-l0 > .sc-nav-item { flex: 1 1 0; }
    .tp-nv-wrap { --sc-nv-l0-wrap: wrap; }
    .tp-nv-nowrap { --sc-nv-l0-wrap: nowrap; }
    .tp-nv-al-left { --sc-nv-al: flex-start; }
    .tp-nv-al-center { --sc-nv-al: center; }
    .tp-nv-al-right { --sc-nv-al: flex-end; }
    .sc-nav.tp-nv-m2-dropdown { --sc-nv-m2: dropdown; --sc-nv-l0-dir: var(--sc-nv-dir, row); --sc-nv-track: none; --sc-nv-nav-ovf: visible; --sc-nv-nav-h: auto; --sc-nv-l2-d: none; --sc-nv-l2-od: block; --sc-nv-l2-vis: visible; --sc-nv-l2-rows: none; --sc-nv-l2-orows: none; --sc-nv-l2-pos: absolute; --sc-nv-l2-z: 30; --sc-nv-l2-flex: 0 0 auto; --sc-nv-l2-w: auto; --sc-nv-l2-minw: var(--sc-nv-sub-w, 100%); --sc-nv-l2-ind: 0px; --sc-nv-l2-inovf: visible; --sc-nv-l2-back: none; --sc-nv-l2-t: var(--sc-nv-or-t, 100%); --sc-nv-l2-r: var(--sc-nv-sa-r, var(--sc-nv-or-r, auto)); --sc-nv-l2-b: var(--sc-nv-or-b, auto); --sc-nv-l2-l: var(--sc-nv-sa-l, var(--sc-nv-or-l, 0)); --sc-nv-l2-tf: var(--sc-nv-sa-tf, none); --sc-nv-l2-mar: var(--sc-nv-or-mar, var(--nv-sub-off) 0 0 0); }
    .sc-nav.tp-nv-m2-flyout { --sc-nv-m2: flyout; --sc-nv-l0-dir: var(--sc-nv-dir, row); --sc-nv-track: none; --sc-nv-nav-ovf: visible; --sc-nv-nav-h: auto; --sc-nv-l2-d: none; --sc-nv-l2-od: block; --sc-nv-l2-vis: visible; --sc-nv-l2-rows: none; --sc-nv-l2-orows: none; --sc-nv-l2-pos: absolute; --sc-nv-l2-z: 30; --sc-nv-l2-flex: 0 0 auto; --sc-nv-l2-w: auto; --sc-nv-l2-minw: var(--sc-nv-sub-w, auto); --sc-nv-l2-ind: 0px; --sc-nv-l2-inovf: visible; --sc-nv-l2-back: none; --sc-nv-l2-t: var(--sc-nv-or-t, 0); --sc-nv-l2-r: var(--sc-nv-or-r, auto); --sc-nv-l2-b: var(--sc-nv-or-b, auto); --sc-nv-l2-l: var(--sc-nv-or-l, 100%); --sc-nv-l2-tf: none; --sc-nv-l2-mar: var(--sc-nv-or-mar, 0 0 0 var(--nv-sub-off)); }
    .sc-nav.tp-nv-m2-accordion { --sc-nv-m2: accordion; --sc-nv-l0-dir: var(--sc-nv-dir, row); --sc-nv-track: none; --sc-nv-nav-ovf: visible; --sc-nv-nav-h: auto; --sc-nv-l2-d: grid; --sc-nv-l2-od: grid; --sc-nv-l2-vis: hidden; --sc-nv-l2-rows: 0fr; --sc-nv-l2-orows: 1fr; --sc-nv-l2-pos: static; --sc-nv-l2-z: auto; --sc-nv-l2-flex: 0 0 100%; --sc-nv-l2-w: 100%; --sc-nv-l2-minw: 0; --sc-nv-l2-ind: var(--nv-sub-ind); --sc-nv-l2-inovf: hidden; --sc-nv-l2-back: none; --sc-nv-l2-t: auto; --sc-nv-l2-r: auto; --sc-nv-l2-b: auto; --sc-nv-l2-l: auto; --sc-nv-l2-tf: none; --sc-nv-l2-mar: 0; }
    .sc-nav.tp-nv-m2-drill { --sc-nv-m2: drill; --sc-nv-l0-dir: column; --sc-nv-track: translate3d(calc(-100% * var(--sc-nv-depth, 0)), 0, 0); --sc-nv-nav-ovf: hidden; --sc-nv-nav-h: var(--sc-nv-h, auto); --sc-nv-l2-d: none; --sc-nv-l2-od: block; --sc-nv-l2-vis: visible; --sc-nv-l2-rows: none; --sc-nv-l2-orows: none; --sc-nv-l2-pos: absolute; --sc-nv-l2-z: 1; --sc-nv-l2-flex: 0 0 auto; --sc-nv-l2-w: 100%; --sc-nv-l2-minw: 0; --sc-nv-l2-ind: 0px; --sc-nv-l2-inovf: visible; --sc-nv-l2-back: flex; --sc-nv-l2-t: 0; --sc-nv-l2-r: auto; --sc-nv-l2-b: auto; --sc-nv-l2-l: 100%; --sc-nv-l2-tf: none; --sc-nv-l2-mar: 0; }
    .sc-nav.tp-nv-m3-flyout { --sc-nv-m3: flyout; --sc-nv-l3-d: none; --sc-nv-l3-od: block; --sc-nv-l3-vis: visible; --sc-nv-l3-rows: none; --sc-nv-l3-orows: none; --sc-nv-l3-pos: absolute; --sc-nv-l3-z: 30; --sc-nv-l3-flex: 0 0 auto; --sc-nv-l3-w: auto; --sc-nv-l3-minw: var(--sc-nv-sub-w, auto); --sc-nv-l3-ind: 0px; --sc-nv-l3-inovf: visible; --sc-nv-l3-back: none; --sc-nv-l3-t: var(--sc-nv-or2-t, 0); --sc-nv-l3-r: var(--sc-nv-or2-r, auto); --sc-nv-l3-b: var(--sc-nv-or2-b, auto); --sc-nv-l3-l: var(--sc-nv-or2-l, 100%); --sc-nv-l3-tf: none; --sc-nv-l3-mar: var(--sc-nv-or2-mar, 0 0 0 var(--nv-sub-off)); }
    .sc-nav.tp-nv-m3-accordion { --sc-nv-m3: accordion; --sc-nv-l3-d: grid; --sc-nv-l3-od: grid; --sc-nv-l3-vis: hidden; --sc-nv-l3-rows: 0fr; --sc-nv-l3-orows: 1fr; --sc-nv-l3-pos: static; --sc-nv-l3-z: auto; --sc-nv-l3-flex: 0 0 100%; --sc-nv-l3-w: 100%; --sc-nv-l3-minw: 0; --sc-nv-l3-ind: var(--nv-sub-ind); --sc-nv-l3-inovf: hidden; --sc-nv-l3-back: none; --sc-nv-l3-t: auto; --sc-nv-l3-r: auto; --sc-nv-l3-b: auto; --sc-nv-l3-l: auto; --sc-nv-l3-tf: none; --sc-nv-l3-mar: 0; }
    .sc-nav.tp-nv-m3-drill { --sc-nv-m3: drill; --sc-nv-l3-d: none; --sc-nv-l3-od: block; --sc-nv-l3-vis: visible; --sc-nv-l3-rows: none; --sc-nv-l3-orows: none; --sc-nv-l3-pos: absolute; --sc-nv-l3-z: 1; --sc-nv-l3-flex: 0 0 auto; --sc-nv-l3-w: 100%; --sc-nv-l3-minw: 0; --sc-nv-l3-ind: 0px; --sc-nv-l3-inovf: visible; --sc-nv-l3-back: flex; --sc-nv-l3-t: 0; --sc-nv-l3-r: auto; --sc-nv-l3-b: auto; --sc-nv-l3-l: 100%; --sc-nv-l3-tf: none; --sc-nv-l3-mar: 0; }
    .tp-nv-o2-hover { --sc-nv-o2: hover; --sc-nv-o2-tgpos: absolute; --sc-nv-o2-tgsize: 1px; --sc-nv-o2-tgovf: hidden; --sc-nv-o2-tgclip: inset(50%); --sc-nv-o2-ilink: inline-flex; --sc-nv-o2-ibtn: none; --sc-nv-o2-d: initial; --sc-nv-o2-rows: initial; --sc-nv-o2-vis: initial; }
    .tp-nv-o3-hover { --sc-nv-o3: hover; --sc-nv-o3-tgpos: absolute; --sc-nv-o3-tgsize: 1px; --sc-nv-o3-tgovf: hidden; --sc-nv-o3-tgclip: inset(50%); --sc-nv-o3-ilink: inline-flex; --sc-nv-o3-ibtn: none; --sc-nv-o3-d: initial; --sc-nv-o3-rows: initial; --sc-nv-o3-vis: initial; }
    .tp-nv-o2-click { --sc-nv-o2: click; --sc-nv-o2-tgpos: absolute; --sc-nv-o2-tgsize: 1px; --sc-nv-o2-tgovf: hidden; --sc-nv-o2-tgclip: inset(50%); --sc-nv-o2-ilink: inline-flex; --sc-nv-o2-ibtn: none; --sc-nv-o2-d: initial; --sc-nv-o2-rows: initial; --sc-nv-o2-vis: initial; }
    .tp-nv-o3-click { --sc-nv-o3: click; --sc-nv-o3-tgpos: absolute; --sc-nv-o3-tgsize: 1px; --sc-nv-o3-tgovf: hidden; --sc-nv-o3-tgclip: inset(50%); --sc-nv-o3-ilink: inline-flex; --sc-nv-o3-ibtn: none; --sc-nv-o3-d: initial; --sc-nv-o3-rows: initial; --sc-nv-o3-vis: initial; }
    .tp-nv-o2-icon { --sc-nv-o2: icon; --sc-nv-o2-tgpos: static; --sc-nv-o2-tgsize: auto; --sc-nv-o2-tgovf: visible; --sc-nv-o2-tgclip: none; --sc-nv-o2-ilink: none; --sc-nv-o2-ibtn: inline-flex; --sc-nv-o2-d: initial; --sc-nv-o2-rows: initial; --sc-nv-o2-vis: initial; }
    .tp-nv-o3-icon { --sc-nv-o3: icon; --sc-nv-o3-tgpos: static; --sc-nv-o3-tgsize: auto; --sc-nv-o3-tgovf: visible; --sc-nv-o3-tgclip: none; --sc-nv-o3-ilink: none; --sc-nv-o3-ibtn: inline-flex; --sc-nv-o3-d: initial; --sc-nv-o3-rows: initial; --sc-nv-o3-vis: initial; }
    .tp-nv-o2-always { --sc-nv-o2: always; --sc-nv-o2-tgpos: absolute; --sc-nv-o2-tgsize: 1px; --sc-nv-o2-tgovf: hidden; --sc-nv-o2-tgclip: inset(50%); --sc-nv-o2-ilink: inline-flex; --sc-nv-o2-ibtn: none; --sc-nv-o2-d: var(--sc-nv-l2-od, block); --sc-nv-o2-rows: var(--sc-nv-l2-orows, none); --sc-nv-o2-vis: visible; }
    .tp-nv-o3-always { --sc-nv-o3: always; --sc-nv-o3-tgpos: absolute; --sc-nv-o3-tgsize: 1px; --sc-nv-o3-tgovf: hidden; --sc-nv-o3-tgclip: inset(50%); --sc-nv-o3-ilink: inline-flex; --sc-nv-o3-ibtn: none; --sc-nv-o3-d: var(--sc-nv-l3-od, var(--sc-nv-l2-od, block)); --sc-nv-o3-rows: var(--sc-nv-l3-orows, var(--sc-nv-l2-orows, none)); --sc-nv-o3-vis: visible; }
    .tp-nv-o2-always > .sc-nav-l0 > .sc-nav-item > .sc-nav-sub > .sc-nav-sub-in { opacity: 1; transform: none; }
    .tp-nv-o2-always > .sc-nav-l0 > .sc-nav-item > .sc-nav-sub > .sc-nav-sub-in > .sc-nav-list > .sc-nav-item { opacity: 1; }
    .tp-nv-o3-always .sc-nav-sub .sc-nav-sub > .sc-nav-sub-in { opacity: 1; transform: none; }
    .tp-nv-o3-always .sc-nav-sub .sc-nav-sub > .sc-nav-sub-in > .sc-nav-list > .sc-nav-item { opacity: 1; }
    .tp-nv-i2-before { --sc-nv-i2-ord: -1; }
    .tp-nv-i2-after { --sc-nv-i2-ord: 0; }
    .tp-nv-ii-before { --sc-nv-ii-ord: 0; }
    .tp-nv-ii-after { --sc-nv-ii-ord: 1; }
    .tp-nv-or-down { --sc-nv-or-t: 100%; --sc-nv-or-b: auto; --sc-nv-or-l: 0; --sc-nv-or-r: auto; --sc-nv-or-mar: var(--nv-sub-off) 0 0 0; --sc-nv-or-xl: auto; --sc-nv-or-xr: 0; --sc-nv-or-xml: 0; --sc-nv-or-xmr: 0; --sc-nv-or-yt: auto; --sc-nv-or-yb: 100%; --sc-nv-or-ymt: 0; --sc-nv-or-ymb: var(--nv-sub-off); --sc-nv-fx-or: top center; --sc-nv-fx-x: 0px; --sc-nv-fx-y: -8px; }
    .tp-nv-or-up { --sc-nv-or-t: auto; --sc-nv-or-b: 100%; --sc-nv-or-l: 0; --sc-nv-or-r: auto; --sc-nv-or-mar: 0 0 var(--nv-sub-off) 0; --sc-nv-or-xl: auto; --sc-nv-or-xr: 0; --sc-nv-or-xml: 0; --sc-nv-or-xmr: 0; --sc-nv-or-yt: 100%; --sc-nv-or-yb: auto; --sc-nv-or-ymt: var(--nv-sub-off); --sc-nv-or-ymb: 0; --sc-nv-fx-or: bottom center; --sc-nv-fx-x: 0px; --sc-nv-fx-y: 8px; }
    .tp-nv-or2-right { --sc-nv-or2-t: 0; --sc-nv-or2-b: auto; --sc-nv-or2-l: 100%; --sc-nv-or2-r: auto; --sc-nv-or2-mar: 0 0 0 var(--nv-sub-off); --sc-nv-or2-xl: auto; --sc-nv-or2-xr: 100%; --sc-nv-or2-xml: 0; --sc-nv-or2-xmr: var(--nv-sub-off); --sc-nv-or2-yt: auto; --sc-nv-or2-yb: 0; --sc-nv-or2-ymt: 0; --sc-nv-or2-ymb: 0; }
    .tp-nv-or2-left { --sc-nv-or2-t: 0; --sc-nv-or2-b: auto; --sc-nv-or2-l: auto; --sc-nv-or2-r: 100%; --sc-nv-or2-mar: 0 var(--nv-sub-off) 0 0; --sc-nv-or2-xl: 100%; --sc-nv-or2-xr: auto; --sc-nv-or2-xml: var(--nv-sub-off); --sc-nv-or2-xmr: 0; --sc-nv-or2-yt: auto; --sc-nv-or2-yb: 0; --sc-nv-or2-ymt: 0; --sc-nv-or2-ymb: 0; }
    .tp-nv-or2-down { --sc-nv-or2-t: 100%; --sc-nv-or2-b: auto; --sc-nv-or2-l: 0; --sc-nv-or2-r: auto; --sc-nv-or2-mar: var(--nv-sub-off) 0 0 0; --sc-nv-or2-xl: auto; --sc-nv-or2-xr: 0; --sc-nv-or2-xml: 0; --sc-nv-or2-xmr: 0; --sc-nv-or2-yt: auto; --sc-nv-or2-yb: 100%; --sc-nv-or2-ymt: 0; --sc-nv-or2-ymb: var(--nv-sub-off); }
    .tp-nv-or2-up { --sc-nv-or2-t: auto; --sc-nv-or2-b: 100%; --sc-nv-or2-l: 0; --sc-nv-or2-r: auto; --sc-nv-or2-mar: 0 0 var(--nv-sub-off) 0; --sc-nv-or2-xl: auto; --sc-nv-or2-xr: 0; --sc-nv-or2-xml: 0; --sc-nv-or2-xmr: 0; --sc-nv-or2-yt: 100%; --sc-nv-or2-yb: auto; --sc-nv-or2-ymt: var(--nv-sub-off); --sc-nv-or2-ymb: 0; }
    .tp-nv-sa-start { --sc-nv-sa-l: initial; --sc-nv-sa-r: initial; --sc-nv-sa-tf: initial; }
    .tp-nv-sa-center { --sc-nv-sa-l: 50%; --sc-nv-sa-r: auto; --sc-nv-sa-tf: translateX(-50%); }
    .tp-nv-sa-end { --sc-nv-sa-l: auto; --sc-nv-sa-r: 0; --sc-nv-sa-tf: initial; }
    .tp-nv-or-right { --sc-nv-or-t: 0; --sc-nv-or-b: auto; --sc-nv-or-l: 100%; --sc-nv-or-r: auto; --sc-nv-or-mar: 0 0 0 var(--nv-sub-off); --sc-nv-sa-l: initial; --sc-nv-sa-r: initial; --sc-nv-sa-tf: initial; --sc-nv-or-xl: auto; --sc-nv-or-xr: 100%; --sc-nv-or-xml: 0; --sc-nv-or-xmr: var(--nv-sub-off); --sc-nv-or-yt: auto; --sc-nv-or-yb: 0; --sc-nv-or-ymt: 0; --sc-nv-or-ymb: 0; --sc-nv-fx-or: left center; --sc-nv-fx-x: -8px; --sc-nv-fx-y: 0px; }
    .tp-nv-or-left { --sc-nv-or-t: 0; --sc-nv-or-b: auto; --sc-nv-or-l: auto; --sc-nv-or-r: 100%; --sc-nv-or-mar: 0 var(--nv-sub-off) 0 0; --sc-nv-sa-l: initial; --sc-nv-sa-r: initial; --sc-nv-sa-tf: initial; --sc-nv-or-xl: 100%; --sc-nv-or-xr: auto; --sc-nv-or-xml: var(--nv-sub-off); --sc-nv-or-xmr: 0; --sc-nv-or-yt: auto; --sc-nv-or-yb: 0; --sc-nv-or-ymt: 0; --sc-nv-or-ymb: 0; --sc-nv-fx-or: right center; --sc-nv-fx-x: 8px; --sc-nv-fx-y: 0px; }
    .tp-nv-fx-none { --sc-nv-fx-o: 1; --sc-nv-fx-t: none; }
    .tp-nv-fx-fade { --sc-nv-fx-o: 0; --sc-nv-fx-t: none; }
    .tp-nv-fx-scale { --sc-nv-fx-o: 1; --sc-nv-fx-t: scale(0.96); }
    .tp-nv-fx-slide { --sc-nv-fx-o: 1; --sc-nv-fx-t: translate(var(--sc-nv-fx-x, 0px), var(--sc-nv-fx-y, -8px)); }
    .tp-nv-fx-fade-scale { --sc-nv-fx-o: 0; --sc-nv-fx-t: scale(0.96); }
    .tp-nv-fx-fade-slide { --sc-nv-fx-o: 0; --sc-nv-fx-t: translate(var(--sc-nv-fx-x, 0px), var(--sc-nv-fx-y, -8px)); }
    .tp-nv-ul-none { --sc-nv-ul0-d: none; --sc-nv-ul0-rest: 0; --sc-nv-ul0-or: left; --sc-nv-ul0-orh: left; --sc-nv-ul0-tr: var(--sc-nv-dur, 200ms); }
    .tp-nv-ul-solid { --sc-nv-ul0-d: block; --sc-nv-ul0-rest: 1; --sc-nv-ul0-or: left; --sc-nv-ul0-orh: left; --sc-nv-ul0-tr: 0ms; }
    .tp-nv-ul-grow-left { --sc-nv-ul0-d: block; --sc-nv-ul0-rest: 0; --sc-nv-ul0-or: left; --sc-nv-ul0-orh: left; --sc-nv-ul0-tr: var(--sc-nv-dur, 200ms); }
    .tp-nv-ul-grow-center { --sc-nv-ul0-d: block; --sc-nv-ul0-rest: 0; --sc-nv-ul0-or: center; --sc-nv-ul0-orh: center; --sc-nv-ul0-tr: var(--sc-nv-dur, 200ms); }
    .tp-nv-ul-slide { --sc-nv-ul0-d: block; --sc-nv-ul0-rest: 0; --sc-nv-ul0-or: right; --sc-nv-ul0-orh: left; --sc-nv-ul0-tr: var(--sc-nv-dur, 200ms); }
    .tp-nv-sul-none { --sc-nv-sul-d: none; --sc-nv-sul-rest: 0; --sc-nv-sul-or: left; --sc-nv-sul-orh: left; --sc-nv-sul-tr: var(--sc-nv-dur, 200ms); }
    .tp-nv-sul-solid { --sc-nv-sul-d: block; --sc-nv-sul-rest: 1; --sc-nv-sul-or: left; --sc-nv-sul-orh: left; --sc-nv-sul-tr: 0ms; }
    .tp-nv-sul-grow-left { --sc-nv-sul-d: block; --sc-nv-sul-rest: 0; --sc-nv-sul-or: left; --sc-nv-sul-orh: left; --sc-nv-sul-tr: var(--sc-nv-dur, 200ms); }
    .tp-nv-sul-grow-center { --sc-nv-sul-d: block; --sc-nv-sul-rest: 0; --sc-nv-sul-or: center; --sc-nv-sul-orh: center; --sc-nv-sul-tr: var(--sc-nv-dur, 200ms); }
    .tp-nv-sul-slide { --sc-nv-sul-d: block; --sc-nv-sul-rest: 0; --sc-nv-sul-or: right; --sc-nv-sul-orh: left; --sc-nv-sul-tr: var(--sc-nv-dur, 200ms); }
    .sc-nav { --nv-gap: var(--sc-nv-gap-tp, var(--sc-nv-gap, 0px)); --nv-ipy: var(--sc-nv-ipy-tp, var(--sc-nv-ipy, 12px)); --nv-ipx: var(--sc-nv-ipx-tp, var(--sc-nv-ipx, 24px)); --nv-iop: var(--sc-nv-iop-tp, var(--sc-nv-iop, 1)); --nv-isc: var(--sc-nv-isc-tp, var(--sc-nv-isc, 1)); --nv-isx: var(--sc-nv-isx-tp, var(--sc-nv-isx, 0px)); --nv-isy: var(--sc-nv-isy-tp, var(--sc-nv-isy, 0px)); --nv-irt: var(--sc-nv-irt-tp, var(--sc-nv-irt, 0deg)); --nv-spy: var(--sc-nv-spy-tp, var(--sc-nv-spy, var(--nv-ipy))); --nv-spx: var(--sc-nv-spx-tp, var(--sc-nv-spx, var(--nv-ipx))); --nv-sub-pad: var(--sc-nv-sub-pad-tp, var(--sc-nv-sub-pad, 0px)); --nv-sub-ind: var(--sc-nv-sub-ind-tp, var(--sc-nv-sub-ind, 24px)); --nv-sub-off: var(--sc-nv-sub-off-tp, var(--sc-nv-sub-off, 0px)); --nv-i2-sz: var(--sc-nv-i2-sz-tp, var(--sc-nv-i2-sz, 12px)); --nv-i2-gap: var(--sc-nv-i2-gap-tp, var(--sc-nv-i2-gap, 6px)); --nv-i2-pad: var(--sc-nv-i2-pad-tp, var(--sc-nv-i2-pad, 0px)); --nv-i2-rt: var(--sc-nv-i2-rt-tp, var(--sc-nv-i2-rt, 0deg)); --nv-back-sz: var(--sc-nv-back-sz-tp, var(--sc-nv-back-sz, 12px)); --nv-back-gap: var(--sc-nv-back-gap-tp, var(--sc-nv-back-gap, 6px)); --nv-i3-sz: var(--sc-nv-i3-sz-tp, var(--sc-nv-i3-sz, var(--nv-i2-sz))); --nv-i3-rt: var(--sc-nv-i3-rt-tp, var(--sc-nv-i3-rt, var(--nv-i2-rt))); --nv-ii-sz: var(--sc-nv-ii-sz-tp, var(--sc-nv-ii-sz, 16px)); --nv-ii-gap: var(--sc-nv-ii-gap-tp, var(--sc-nv-ii-gap, 8px)); --nv-ih: var(--sc-nv-ih-tp, var(--sc-nv-ih, auto)); }
    .tp-nv-ih-auto .sc-nav-l0 > .sc-nav-item > .sc-nav-link { height: auto; padding-block: var(--nv-ipy); align-self: auto; }
    .tp-nv-ih-px .sc-nav-l0 > .sc-nav-item > .sc-nav-link, .tp-nv-ih-rem .sc-nav-l0 > .sc-nav-item > .sc-nav-link { height: var(--nv-ih); padding-block: 0; align-self: auto; }
    .tp-nv-ih-fill .sc-nav-l0 > .sc-nav-item > .sc-nav-link { height: var(--sc-row-h, auto); padding-block: 0; align-self: stretch; }
    .component-navigation.tp-nv-ih-fill { align-self: stretch; }
    .component-navigation.tp-nv-ih-auto, .component-navigation.tp-nv-ih-px, .component-navigation.tp-nv-ih-rem { align-self: auto; }
    .tp-nv-ih-fill > .sc-nav { --sc-nv-nav-h: 100%; }
}

@media screen and (max-width: 480px) {
    .m-nav-h { --sc-nv-dir: row; --sc-nv-ws: nowrap; }
    .m-nav-v { --sc-nv-dir: column; --sc-nv-ws: normal; }
    .m-nav-h .sc-nav-l0 { justify-content: var(--sc-nv-jc, flex-start); align-items: stretch; }
    .m-nav-v .sc-nav-l0 { align-items: var(--sc-nv-ai, stretch); justify-content: flex-start; }
    .component-navigation.m-nv-w-fill { flex: 1 1 0%; }
    .component-navigation.m-nv-w-auto { flex: 0 1 auto; }
    .m-nv-jc-start { --sc-nv-jc: flex-start; --sc-nv-ai: flex-start; }
    .m-nv-jc-center { --sc-nv-jc: center; --sc-nv-ai: center; }
    .m-nv-jc-end { --sc-nv-jc: flex-end; --sc-nv-ai: flex-end; }
    .m-nv-jc-between { --sc-nv-jc: space-between; --sc-nv-ai: stretch; }
    .m-nv-jc-around { --sc-nv-jc: space-around; --sc-nv-ai: stretch; }
    .m-nv-jc-stretch { --sc-nv-jc: flex-start; --sc-nv-ai: stretch; }
    .m-nv-jc-stretch > .sc-nav-l0 > .sc-nav-item { flex: 1 1 0; }
    .m-nv-wrap { --sc-nv-l0-wrap: wrap; }
    .m-nv-nowrap { --sc-nv-l0-wrap: nowrap; }
    .m-nv-al-left { --sc-nv-al: flex-start; }
    .m-nv-al-center { --sc-nv-al: center; }
    .m-nv-al-right { --sc-nv-al: flex-end; }
    .sc-nav.m-nv-m2-dropdown { --sc-nv-m2: dropdown; --sc-nv-l0-dir: var(--sc-nv-dir, row); --sc-nv-track: none; --sc-nv-nav-ovf: visible; --sc-nv-nav-h: auto; --sc-nv-l2-d: none; --sc-nv-l2-od: block; --sc-nv-l2-vis: visible; --sc-nv-l2-rows: none; --sc-nv-l2-orows: none; --sc-nv-l2-pos: absolute; --sc-nv-l2-z: 30; --sc-nv-l2-flex: 0 0 auto; --sc-nv-l2-w: auto; --sc-nv-l2-minw: var(--sc-nv-sub-w, 100%); --sc-nv-l2-ind: 0px; --sc-nv-l2-inovf: visible; --sc-nv-l2-back: none; --sc-nv-l2-t: var(--sc-nv-or-t, 100%); --sc-nv-l2-r: var(--sc-nv-sa-r, var(--sc-nv-or-r, auto)); --sc-nv-l2-b: var(--sc-nv-or-b, auto); --sc-nv-l2-l: var(--sc-nv-sa-l, var(--sc-nv-or-l, 0)); --sc-nv-l2-tf: var(--sc-nv-sa-tf, none); --sc-nv-l2-mar: var(--sc-nv-or-mar, var(--nv-sub-off) 0 0 0); }
    .sc-nav.m-nv-m2-flyout { --sc-nv-m2: flyout; --sc-nv-l0-dir: var(--sc-nv-dir, row); --sc-nv-track: none; --sc-nv-nav-ovf: visible; --sc-nv-nav-h: auto; --sc-nv-l2-d: none; --sc-nv-l2-od: block; --sc-nv-l2-vis: visible; --sc-nv-l2-rows: none; --sc-nv-l2-orows: none; --sc-nv-l2-pos: absolute; --sc-nv-l2-z: 30; --sc-nv-l2-flex: 0 0 auto; --sc-nv-l2-w: auto; --sc-nv-l2-minw: var(--sc-nv-sub-w, auto); --sc-nv-l2-ind: 0px; --sc-nv-l2-inovf: visible; --sc-nv-l2-back: none; --sc-nv-l2-t: var(--sc-nv-or-t, 0); --sc-nv-l2-r: var(--sc-nv-or-r, auto); --sc-nv-l2-b: var(--sc-nv-or-b, auto); --sc-nv-l2-l: var(--sc-nv-or-l, 100%); --sc-nv-l2-tf: none; --sc-nv-l2-mar: var(--sc-nv-or-mar, 0 0 0 var(--nv-sub-off)); }
    .sc-nav.m-nv-m2-accordion { --sc-nv-m2: accordion; --sc-nv-l0-dir: var(--sc-nv-dir, row); --sc-nv-track: none; --sc-nv-nav-ovf: visible; --sc-nv-nav-h: auto; --sc-nv-l2-d: grid; --sc-nv-l2-od: grid; --sc-nv-l2-vis: hidden; --sc-nv-l2-rows: 0fr; --sc-nv-l2-orows: 1fr; --sc-nv-l2-pos: static; --sc-nv-l2-z: auto; --sc-nv-l2-flex: 0 0 100%; --sc-nv-l2-w: 100%; --sc-nv-l2-minw: 0; --sc-nv-l2-ind: var(--nv-sub-ind); --sc-nv-l2-inovf: hidden; --sc-nv-l2-back: none; --sc-nv-l2-t: auto; --sc-nv-l2-r: auto; --sc-nv-l2-b: auto; --sc-nv-l2-l: auto; --sc-nv-l2-tf: none; --sc-nv-l2-mar: 0; }
    .sc-nav.m-nv-m2-drill { --sc-nv-m2: drill; --sc-nv-l0-dir: column; --sc-nv-track: translate3d(calc(-100% * var(--sc-nv-depth, 0)), 0, 0); --sc-nv-nav-ovf: hidden; --sc-nv-nav-h: var(--sc-nv-h, auto); --sc-nv-l2-d: none; --sc-nv-l2-od: block; --sc-nv-l2-vis: visible; --sc-nv-l2-rows: none; --sc-nv-l2-orows: none; --sc-nv-l2-pos: absolute; --sc-nv-l2-z: 1; --sc-nv-l2-flex: 0 0 auto; --sc-nv-l2-w: 100%; --sc-nv-l2-minw: 0; --sc-nv-l2-ind: 0px; --sc-nv-l2-inovf: visible; --sc-nv-l2-back: flex; --sc-nv-l2-t: 0; --sc-nv-l2-r: auto; --sc-nv-l2-b: auto; --sc-nv-l2-l: 100%; --sc-nv-l2-tf: none; --sc-nv-l2-mar: 0; }
    .sc-nav.m-nv-m3-flyout { --sc-nv-m3: flyout; --sc-nv-l3-d: none; --sc-nv-l3-od: block; --sc-nv-l3-vis: visible; --sc-nv-l3-rows: none; --sc-nv-l3-orows: none; --sc-nv-l3-pos: absolute; --sc-nv-l3-z: 30; --sc-nv-l3-flex: 0 0 auto; --sc-nv-l3-w: auto; --sc-nv-l3-minw: var(--sc-nv-sub-w, auto); --sc-nv-l3-ind: 0px; --sc-nv-l3-inovf: visible; --sc-nv-l3-back: none; --sc-nv-l3-t: var(--sc-nv-or2-t, 0); --sc-nv-l3-r: var(--sc-nv-or2-r, auto); --sc-nv-l3-b: var(--sc-nv-or2-b, auto); --sc-nv-l3-l: var(--sc-nv-or2-l, 100%); --sc-nv-l3-tf: none; --sc-nv-l3-mar: var(--sc-nv-or2-mar, 0 0 0 var(--nv-sub-off)); }
    .sc-nav.m-nv-m3-accordion { --sc-nv-m3: accordion; --sc-nv-l3-d: grid; --sc-nv-l3-od: grid; --sc-nv-l3-vis: hidden; --sc-nv-l3-rows: 0fr; --sc-nv-l3-orows: 1fr; --sc-nv-l3-pos: static; --sc-nv-l3-z: auto; --sc-nv-l3-flex: 0 0 100%; --sc-nv-l3-w: 100%; --sc-nv-l3-minw: 0; --sc-nv-l3-ind: var(--nv-sub-ind); --sc-nv-l3-inovf: hidden; --sc-nv-l3-back: none; --sc-nv-l3-t: auto; --sc-nv-l3-r: auto; --sc-nv-l3-b: auto; --sc-nv-l3-l: auto; --sc-nv-l3-tf: none; --sc-nv-l3-mar: 0; }
    .sc-nav.m-nv-m3-drill { --sc-nv-m3: drill; --sc-nv-l3-d: none; --sc-nv-l3-od: block; --sc-nv-l3-vis: visible; --sc-nv-l3-rows: none; --sc-nv-l3-orows: none; --sc-nv-l3-pos: absolute; --sc-nv-l3-z: 1; --sc-nv-l3-flex: 0 0 auto; --sc-nv-l3-w: 100%; --sc-nv-l3-minw: 0; --sc-nv-l3-ind: 0px; --sc-nv-l3-inovf: visible; --sc-nv-l3-back: flex; --sc-nv-l3-t: 0; --sc-nv-l3-r: auto; --sc-nv-l3-b: auto; --sc-nv-l3-l: 100%; --sc-nv-l3-tf: none; --sc-nv-l3-mar: 0; }
    .m-nv-o2-hover { --sc-nv-o2: hover; --sc-nv-o2-tgpos: absolute; --sc-nv-o2-tgsize: 1px; --sc-nv-o2-tgovf: hidden; --sc-nv-o2-tgclip: inset(50%); --sc-nv-o2-ilink: inline-flex; --sc-nv-o2-ibtn: none; --sc-nv-o2-d: initial; --sc-nv-o2-rows: initial; --sc-nv-o2-vis: initial; }
    .m-nv-o3-hover { --sc-nv-o3: hover; --sc-nv-o3-tgpos: absolute; --sc-nv-o3-tgsize: 1px; --sc-nv-o3-tgovf: hidden; --sc-nv-o3-tgclip: inset(50%); --sc-nv-o3-ilink: inline-flex; --sc-nv-o3-ibtn: none; --sc-nv-o3-d: initial; --sc-nv-o3-rows: initial; --sc-nv-o3-vis: initial; }
    .m-nv-o2-click { --sc-nv-o2: click; --sc-nv-o2-tgpos: absolute; --sc-nv-o2-tgsize: 1px; --sc-nv-o2-tgovf: hidden; --sc-nv-o2-tgclip: inset(50%); --sc-nv-o2-ilink: inline-flex; --sc-nv-o2-ibtn: none; --sc-nv-o2-d: initial; --sc-nv-o2-rows: initial; --sc-nv-o2-vis: initial; }
    .m-nv-o3-click { --sc-nv-o3: click; --sc-nv-o3-tgpos: absolute; --sc-nv-o3-tgsize: 1px; --sc-nv-o3-tgovf: hidden; --sc-nv-o3-tgclip: inset(50%); --sc-nv-o3-ilink: inline-flex; --sc-nv-o3-ibtn: none; --sc-nv-o3-d: initial; --sc-nv-o3-rows: initial; --sc-nv-o3-vis: initial; }
    .m-nv-o2-icon { --sc-nv-o2: icon; --sc-nv-o2-tgpos: static; --sc-nv-o2-tgsize: auto; --sc-nv-o2-tgovf: visible; --sc-nv-o2-tgclip: none; --sc-nv-o2-ilink: none; --sc-nv-o2-ibtn: inline-flex; --sc-nv-o2-d: initial; --sc-nv-o2-rows: initial; --sc-nv-o2-vis: initial; }
    .m-nv-o3-icon { --sc-nv-o3: icon; --sc-nv-o3-tgpos: static; --sc-nv-o3-tgsize: auto; --sc-nv-o3-tgovf: visible; --sc-nv-o3-tgclip: none; --sc-nv-o3-ilink: none; --sc-nv-o3-ibtn: inline-flex; --sc-nv-o3-d: initial; --sc-nv-o3-rows: initial; --sc-nv-o3-vis: initial; }
    .m-nv-o2-always { --sc-nv-o2: always; --sc-nv-o2-tgpos: absolute; --sc-nv-o2-tgsize: 1px; --sc-nv-o2-tgovf: hidden; --sc-nv-o2-tgclip: inset(50%); --sc-nv-o2-ilink: inline-flex; --sc-nv-o2-ibtn: none; --sc-nv-o2-d: var(--sc-nv-l2-od, block); --sc-nv-o2-rows: var(--sc-nv-l2-orows, none); --sc-nv-o2-vis: visible; }
    .m-nv-o3-always { --sc-nv-o3: always; --sc-nv-o3-tgpos: absolute; --sc-nv-o3-tgsize: 1px; --sc-nv-o3-tgovf: hidden; --sc-nv-o3-tgclip: inset(50%); --sc-nv-o3-ilink: inline-flex; --sc-nv-o3-ibtn: none; --sc-nv-o3-d: var(--sc-nv-l3-od, var(--sc-nv-l2-od, block)); --sc-nv-o3-rows: var(--sc-nv-l3-orows, var(--sc-nv-l2-orows, none)); --sc-nv-o3-vis: visible; }
    .m-nv-o2-always > .sc-nav-l0 > .sc-nav-item > .sc-nav-sub > .sc-nav-sub-in { opacity: 1; transform: none; }
    .m-nv-o2-always > .sc-nav-l0 > .sc-nav-item > .sc-nav-sub > .sc-nav-sub-in > .sc-nav-list > .sc-nav-item { opacity: 1; }
    .m-nv-o3-always .sc-nav-sub .sc-nav-sub > .sc-nav-sub-in { opacity: 1; transform: none; }
    .m-nv-o3-always .sc-nav-sub .sc-nav-sub > .sc-nav-sub-in > .sc-nav-list > .sc-nav-item { opacity: 1; }
    .m-nv-i2-before { --sc-nv-i2-ord: -1; }
    .m-nv-i2-after { --sc-nv-i2-ord: 0; }
    .m-nv-ii-before { --sc-nv-ii-ord: 0; }
    .m-nv-ii-after { --sc-nv-ii-ord: 1; }
    .m-nv-or-down { --sc-nv-or-t: 100%; --sc-nv-or-b: auto; --sc-nv-or-l: 0; --sc-nv-or-r: auto; --sc-nv-or-mar: var(--nv-sub-off) 0 0 0; --sc-nv-or-xl: auto; --sc-nv-or-xr: 0; --sc-nv-or-xml: 0; --sc-nv-or-xmr: 0; --sc-nv-or-yt: auto; --sc-nv-or-yb: 100%; --sc-nv-or-ymt: 0; --sc-nv-or-ymb: var(--nv-sub-off); --sc-nv-fx-or: top center; --sc-nv-fx-x: 0px; --sc-nv-fx-y: -8px; }
    .m-nv-or-up { --sc-nv-or-t: auto; --sc-nv-or-b: 100%; --sc-nv-or-l: 0; --sc-nv-or-r: auto; --sc-nv-or-mar: 0 0 var(--nv-sub-off) 0; --sc-nv-or-xl: auto; --sc-nv-or-xr: 0; --sc-nv-or-xml: 0; --sc-nv-or-xmr: 0; --sc-nv-or-yt: 100%; --sc-nv-or-yb: auto; --sc-nv-or-ymt: var(--nv-sub-off); --sc-nv-or-ymb: 0; --sc-nv-fx-or: bottom center; --sc-nv-fx-x: 0px; --sc-nv-fx-y: 8px; }
    .m-nv-or2-right { --sc-nv-or2-t: 0; --sc-nv-or2-b: auto; --sc-nv-or2-l: 100%; --sc-nv-or2-r: auto; --sc-nv-or2-mar: 0 0 0 var(--nv-sub-off); --sc-nv-or2-xl: auto; --sc-nv-or2-xr: 100%; --sc-nv-or2-xml: 0; --sc-nv-or2-xmr: var(--nv-sub-off); --sc-nv-or2-yt: auto; --sc-nv-or2-yb: 0; --sc-nv-or2-ymt: 0; --sc-nv-or2-ymb: 0; }
    .m-nv-or2-left { --sc-nv-or2-t: 0; --sc-nv-or2-b: auto; --sc-nv-or2-l: auto; --sc-nv-or2-r: 100%; --sc-nv-or2-mar: 0 var(--nv-sub-off) 0 0; --sc-nv-or2-xl: 100%; --sc-nv-or2-xr: auto; --sc-nv-or2-xml: var(--nv-sub-off); --sc-nv-or2-xmr: 0; --sc-nv-or2-yt: auto; --sc-nv-or2-yb: 0; --sc-nv-or2-ymt: 0; --sc-nv-or2-ymb: 0; }
    .m-nv-or2-down { --sc-nv-or2-t: 100%; --sc-nv-or2-b: auto; --sc-nv-or2-l: 0; --sc-nv-or2-r: auto; --sc-nv-or2-mar: var(--nv-sub-off) 0 0 0; --sc-nv-or2-xl: auto; --sc-nv-or2-xr: 0; --sc-nv-or2-xml: 0; --sc-nv-or2-xmr: 0; --sc-nv-or2-yt: auto; --sc-nv-or2-yb: 100%; --sc-nv-or2-ymt: 0; --sc-nv-or2-ymb: var(--nv-sub-off); }
    .m-nv-or2-up { --sc-nv-or2-t: auto; --sc-nv-or2-b: 100%; --sc-nv-or2-l: 0; --sc-nv-or2-r: auto; --sc-nv-or2-mar: 0 0 var(--nv-sub-off) 0; --sc-nv-or2-xl: auto; --sc-nv-or2-xr: 0; --sc-nv-or2-xml: 0; --sc-nv-or2-xmr: 0; --sc-nv-or2-yt: 100%; --sc-nv-or2-yb: auto; --sc-nv-or2-ymt: var(--nv-sub-off); --sc-nv-or2-ymb: 0; }
    .m-nv-sa-start { --sc-nv-sa-l: initial; --sc-nv-sa-r: initial; --sc-nv-sa-tf: initial; }
    .m-nv-sa-center { --sc-nv-sa-l: 50%; --sc-nv-sa-r: auto; --sc-nv-sa-tf: translateX(-50%); }
    .m-nv-sa-end { --sc-nv-sa-l: auto; --sc-nv-sa-r: 0; --sc-nv-sa-tf: initial; }
    .m-nv-or-right { --sc-nv-or-t: 0; --sc-nv-or-b: auto; --sc-nv-or-l: 100%; --sc-nv-or-r: auto; --sc-nv-or-mar: 0 0 0 var(--nv-sub-off); --sc-nv-sa-l: initial; --sc-nv-sa-r: initial; --sc-nv-sa-tf: initial; --sc-nv-or-xl: auto; --sc-nv-or-xr: 100%; --sc-nv-or-xml: 0; --sc-nv-or-xmr: var(--nv-sub-off); --sc-nv-or-yt: auto; --sc-nv-or-yb: 0; --sc-nv-or-ymt: 0; --sc-nv-or-ymb: 0; --sc-nv-fx-or: left center; --sc-nv-fx-x: -8px; --sc-nv-fx-y: 0px; }
    .m-nv-or-left { --sc-nv-or-t: 0; --sc-nv-or-b: auto; --sc-nv-or-l: auto; --sc-nv-or-r: 100%; --sc-nv-or-mar: 0 var(--nv-sub-off) 0 0; --sc-nv-sa-l: initial; --sc-nv-sa-r: initial; --sc-nv-sa-tf: initial; --sc-nv-or-xl: 100%; --sc-nv-or-xr: auto; --sc-nv-or-xml: var(--nv-sub-off); --sc-nv-or-xmr: 0; --sc-nv-or-yt: auto; --sc-nv-or-yb: 0; --sc-nv-or-ymt: 0; --sc-nv-or-ymb: 0; --sc-nv-fx-or: right center; --sc-nv-fx-x: 8px; --sc-nv-fx-y: 0px; }
    .m-nv-fx-none { --sc-nv-fx-o: 1; --sc-nv-fx-t: none; }
    .m-nv-fx-fade { --sc-nv-fx-o: 0; --sc-nv-fx-t: none; }
    .m-nv-fx-scale { --sc-nv-fx-o: 1; --sc-nv-fx-t: scale(0.96); }
    .m-nv-fx-slide { --sc-nv-fx-o: 1; --sc-nv-fx-t: translate(var(--sc-nv-fx-x, 0px), var(--sc-nv-fx-y, -8px)); }
    .m-nv-fx-fade-scale { --sc-nv-fx-o: 0; --sc-nv-fx-t: scale(0.96); }
    .m-nv-fx-fade-slide { --sc-nv-fx-o: 0; --sc-nv-fx-t: translate(var(--sc-nv-fx-x, 0px), var(--sc-nv-fx-y, -8px)); }
    .m-nv-ul-none { --sc-nv-ul0-d: none; --sc-nv-ul0-rest: 0; --sc-nv-ul0-or: left; --sc-nv-ul0-orh: left; --sc-nv-ul0-tr: var(--sc-nv-dur, 200ms); }
    .m-nv-ul-solid { --sc-nv-ul0-d: block; --sc-nv-ul0-rest: 1; --sc-nv-ul0-or: left; --sc-nv-ul0-orh: left; --sc-nv-ul0-tr: 0ms; }
    .m-nv-ul-grow-left { --sc-nv-ul0-d: block; --sc-nv-ul0-rest: 0; --sc-nv-ul0-or: left; --sc-nv-ul0-orh: left; --sc-nv-ul0-tr: var(--sc-nv-dur, 200ms); }
    .m-nv-ul-grow-center { --sc-nv-ul0-d: block; --sc-nv-ul0-rest: 0; --sc-nv-ul0-or: center; --sc-nv-ul0-orh: center; --sc-nv-ul0-tr: var(--sc-nv-dur, 200ms); }
    .m-nv-ul-slide { --sc-nv-ul0-d: block; --sc-nv-ul0-rest: 0; --sc-nv-ul0-or: right; --sc-nv-ul0-orh: left; --sc-nv-ul0-tr: var(--sc-nv-dur, 200ms); }
    .m-nv-sul-none { --sc-nv-sul-d: none; --sc-nv-sul-rest: 0; --sc-nv-sul-or: left; --sc-nv-sul-orh: left; --sc-nv-sul-tr: var(--sc-nv-dur, 200ms); }
    .m-nv-sul-solid { --sc-nv-sul-d: block; --sc-nv-sul-rest: 1; --sc-nv-sul-or: left; --sc-nv-sul-orh: left; --sc-nv-sul-tr: 0ms; }
    .m-nv-sul-grow-left { --sc-nv-sul-d: block; --sc-nv-sul-rest: 0; --sc-nv-sul-or: left; --sc-nv-sul-orh: left; --sc-nv-sul-tr: var(--sc-nv-dur, 200ms); }
    .m-nv-sul-grow-center { --sc-nv-sul-d: block; --sc-nv-sul-rest: 0; --sc-nv-sul-or: center; --sc-nv-sul-orh: center; --sc-nv-sul-tr: var(--sc-nv-dur, 200ms); }
    .m-nv-sul-slide { --sc-nv-sul-d: block; --sc-nv-sul-rest: 0; --sc-nv-sul-or: right; --sc-nv-sul-orh: left; --sc-nv-sul-tr: var(--sc-nv-dur, 200ms); }
    .sc-nav { --nv-gap: var(--sc-nv-gap-m, var(--sc-nv-gap, 0px)); --nv-ipy: var(--sc-nv-ipy-m, var(--sc-nv-ipy, 12px)); --nv-ipx: var(--sc-nv-ipx-m, var(--sc-nv-ipx, 24px)); --nv-iop: var(--sc-nv-iop-m, var(--sc-nv-iop, 1)); --nv-isc: var(--sc-nv-isc-m, var(--sc-nv-isc, 1)); --nv-isx: var(--sc-nv-isx-m, var(--sc-nv-isx, 0px)); --nv-isy: var(--sc-nv-isy-m, var(--sc-nv-isy, 0px)); --nv-irt: var(--sc-nv-irt-m, var(--sc-nv-irt, 0deg)); --nv-spy: var(--sc-nv-spy-m, var(--sc-nv-spy, var(--nv-ipy))); --nv-spx: var(--sc-nv-spx-m, var(--sc-nv-spx, var(--nv-ipx))); --nv-sub-pad: var(--sc-nv-sub-pad-m, var(--sc-nv-sub-pad, 0px)); --nv-sub-ind: var(--sc-nv-sub-ind-m, var(--sc-nv-sub-ind, 24px)); --nv-sub-off: var(--sc-nv-sub-off-m, var(--sc-nv-sub-off, 0px)); --nv-i2-sz: var(--sc-nv-i2-sz-m, var(--sc-nv-i2-sz, 12px)); --nv-i2-gap: var(--sc-nv-i2-gap-m, var(--sc-nv-i2-gap, 6px)); --nv-i2-pad: var(--sc-nv-i2-pad-m, var(--sc-nv-i2-pad, 0px)); --nv-i2-rt: var(--sc-nv-i2-rt-m, var(--sc-nv-i2-rt, 0deg)); --nv-back-sz: var(--sc-nv-back-sz-m, var(--sc-nv-back-sz, 12px)); --nv-back-gap: var(--sc-nv-back-gap-m, var(--sc-nv-back-gap, 6px)); --nv-i3-sz: var(--sc-nv-i3-sz-m, var(--sc-nv-i3-sz, var(--nv-i2-sz))); --nv-i3-rt: var(--sc-nv-i3-rt-m, var(--sc-nv-i3-rt, var(--nv-i2-rt))); --nv-ii-sz: var(--sc-nv-ii-sz-m, var(--sc-nv-ii-sz, 16px)); --nv-ii-gap: var(--sc-nv-ii-gap-m, var(--sc-nv-ii-gap, 8px)); --nv-ih: var(--sc-nv-ih-m, var(--sc-nv-ih, auto)); }
    .m-nv-ih-auto .sc-nav-l0 > .sc-nav-item > .sc-nav-link { height: auto; padding-block: var(--nv-ipy); align-self: auto; }
    .m-nv-ih-px .sc-nav-l0 > .sc-nav-item > .sc-nav-link, .m-nv-ih-rem .sc-nav-l0 > .sc-nav-item > .sc-nav-link { height: var(--nv-ih); padding-block: 0; align-self: auto; }
    .m-nv-ih-fill .sc-nav-l0 > .sc-nav-item > .sc-nav-link { height: var(--sc-row-h, auto); padding-block: 0; align-self: stretch; }
    .component-navigation.m-nv-ih-fill { align-self: stretch; }
    .component-navigation.m-nv-ih-auto, .component-navigation.m-nv-ih-px, .component-navigation.m-nv-ih-rem { align-self: auto; }
    .m-nv-ih-fill > .sc-nav { --sc-nv-nav-h: 100%; }
}