.hl-figure{--hl-sw:1;--hl-plate:var(--color-canvas);--hl-hi:var(--kit-ink);--hl-edge:var(--kit-45);--hl-mid:color-mix(in srgb, var(--kit-ink) 28%, var(--hl-plate));--hl-lo:color-mix(in srgb, var(--kit-ink) 13%, var(--hl-plate));aspect-ratio:5/4;touch-action:pan-y;-webkit-user-select:none;user-select:none;display:block;position:relative}[data-surface=white] .hl-figure{--hl-plate:var(--color-surface)}[data-surface=grey] .hl-figure{--hl-plate:var(--color-tint)}[data-surface=dark] .hl-figure{--hl-plate:var(--color-night);--hl-hi:#f4f4f4;--hl-edge:var(--soft);--hl-mid:color-mix(in srgb, #f4f4f4 32%, var(--hl-plate));--hl-lo:color-mix(in srgb, #f4f4f4 16%, var(--hl-plate))}.hl-figure>svg{width:100%;height:100%;display:block;position:absolute;inset:0}.hl-figure>svg :where(path,polygon,ellipse,line){fill:var(--hl-plate);stroke:var(--hl-mid);stroke-width:var(--hl-sw);vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round;transition:stroke var(--kit-t2) var(--kit-io)}.hl-figure>svg :where(.nf){fill:none}.hl-figure>svg :where(.fo){stroke:none}.hl-figure>svg :where(.sil){stroke:var(--hl-edge)}.hl-figure>svg :where(.hi){stroke:var(--hl-hi)}.hl-figure>svg :where(.lo){stroke:var(--hl-lo)}.hl-figure>svg :where(.dash){stroke-dasharray:1 3}.hl-figure>svg :where(.dot){stroke:none;fill:var(--hl-hi);transition:fill var(--kit-t2) var(--kit-io)}.hl-figure>svg :where(.dot.m){fill:var(--hl-edge)}.hl-figure>svg :where(.dot.off){fill:var(--hl-lo)}.kit-headrow-side>.hl-figure{width:min(100%,320px)}.hl-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (min-width:900px){.kit-headrow-side>.hl-figure,.kit-headrow-side>.hl-pair{order:-1;margin-top:calc(-1*clamp(56px,7.4vw,112px) - 24px)}.kit-headrow-side>.hl-figure{width:clamp(220px,22vw,320px);margin-bottom:-28px}}
.kit-headrow-text{flex-direction:column;justify-content:space-between;gap:24px;display:flex}.kit-headrow-text .kit-lead{max-width:46ch}.kit-headrow-figure{justify-content:center;min-width:0;display:flex}.kit-headrow-figure>.hl-figure{width:min(100%,420px)}@media (min-width:900px){.kit-headrow-figure{justify-content:flex-end}.kit-headrow-figure>.hl-figure{width:clamp(360px,36vw,520px);margin-block:-64px -28px;margin-right:calc(-1 * var(--pad));flex:none}}.kit-headrow-figure .hl-figure:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid}.kit-fig-panel{isolation:isolate;border-radius:8px;flex:auto;position:relative;overflow:clip}.kit-headrow-figure .kit-fig-panel .hl-figure{width:100%;margin:0}.kit-headrow-figure .kit-fig-panel .hl-figure:focus-visible{outline-offset:-6px;outline-color:#fff}@media (min-width:900px){.kit-headrow-figure>.kit-fig-panel{align-items:center;height:calc(clamp(360px,36vw,520px)/1.25);margin-block:-64px -28px;display:flex}}:is(.kit-close:has(.kit-headrow-figured),.kit-headrow-figure .kit-fig-panel,.kit-map) .hl-figure{--hl-plate:#fff;--hl-hi:var(--kit-ink);--hl-edge:color-mix(in srgb, var(--kit-ink) 62%, #fff);--hl-mid:color-mix(in srgb, var(--kit-ink) 40%, #fff);--hl-lo:color-mix(in srgb, var(--kit-ink) 18%, #fff)}@media (min-width:900px){.kit-close[data-steps="3"]:has(.kit-headrow-figured) .kit-step-cell{grid-column:span 4}}