[data-tone=dark]{--process-map-heading:var(--color-on-dark);--process-map-body:var(--color-on-dark-body);--process-map-accent:var(--color-lime);--process-map-line:var(--color-solid-edge);--process-map-face:var(--color-solid-face)}ol.process-map{--process-map-gap:var(--space-7);gap:var(--space-8);margin:0;padding:0;list-style:none;display:grid}ol.process-map>.stage{gap:var(--space-5);display:grid}ol.process-map>.stage>.stage-head>.stage-eyebrow{color:var(--process-map-accent);font-size:var(--text-eyebrow);font-weight:var(--weight-eyebrow);letter-spacing:var(--text-eyebrow-tracking);line-height:var(--text-eyebrow-leading);text-transform:uppercase}ol.process-map>.stage>.stage-head>.stage-title{color:var(--process-map-heading);font-size:var(--text-h3);letter-spacing:var(--text-h3-tracking);line-height:var(--text-h3-leading)}ol.process-map>.stage>.phases{gap:var(--space-6);margin:0;padding:0;list-style:none;display:grid}ol.process-map>.stage>.phases>.phase{gap:var(--space-4);display:grid}ol.process-map>.stage>.phases>.phase>.phase-head{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}ol.process-map>.stage>.phases>.phase>.phase-head>.phase-label{color:var(--process-map-body);font-size:var(--text-lead);line-height:var(--text-lead-leading)}ol.process-map>.stage>.phases>.phase>.phase-head>.switch{min-block-size:calc(var(--space-8) - var(--space-5));place-items:center;display:grid;position:relative}ol.process-map>.stage>.phases>.phase>.phase-head>.switch>.switch-input{appearance:none;cursor:pointer;margin:0;position:absolute;inset:0}ol.process-map>.stage>.phases>.phase>.phase-head>.switch>.switch-track{border:var(--line-width) solid var(--edge-control);border-radius:var(--radius-pill);background-color:var(--fill-quiet);block-size:calc(var(--space-5) - var(--space-1));inline-size:calc(var(--space-6) + var(--space-1));pointer-events:none;transition:background-color var(--dur-150) var(--ease);display:block;position:relative}ol.process-map>.stage>.phases>.phase>.phase-head>.switch>.switch-track:after{border-radius:var(--radius-pill);background-color:var(--process-map-body);block-size:var(--space-3);content:"";inline-size:var(--space-3);transition:translate var(--dur-150) var(--ease);position:absolute;inset-block-start:calc((var(--space-5) - var(--space-1) - var(--space-3)) / 2 - var(--line-width));inset-inline-start:var(--space-1)}ol.process-map>.stage>.phases>.phase>.phase-head>.switch>.switch-input:checked+.switch-track{border-color:var(--mark-emphasis);background-color:var(--mark-emphasis)}ol.process-map>.stage>.phases>.phase>.phase-head>.switch>.switch-input:checked+.switch-track:after{background-color:var(--mark-emphasis-on);translate:calc(var(--space-6) + var(--space-1) - var(--space-3) - 2 * var(--space-1)) 0}ol.process-map>.stage>.phases>.phase>.phase-head>.switch>.switch-input:focus-visible+.switch-track{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}ol.process-map>.stage>.phases>.phase>.steps{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}ol.process-map>.stage>.phases>.phase[data-outlined]>.steps{border-radius:var(--radius-sm);outline:var(--line-width) dashed var(--mark-emphasis);outline-offset:var(--space-3);transition:outline-color var(--dur-250) var(--ease)}ol.process-map>.stage>.phases>.phase[data-outlined]:has(.switch-input:not(:checked))>.steps{outline-color:#0000}ol.process-map>.stage>.phases>.phase>.steps>.step{border-radius:var(--radius-sm);align-content:start;gap:var(--space-1);text-align:center;justify-items:center;display:grid;position:relative}ol.process-map>.stage>.phases>.phase>.steps>.step>.cube{block-size:auto}ol.process-map>.stage>.phases>.phase>.steps>.step>.step-title{color:var(--process-map-heading);font-size:var(--text-h7);letter-spacing:var(--text-h7-tracking);line-height:var(--text-h7-leading);transition:color var(--dur-150) var(--ease)}ol.process-map>.stage>.phases>.phase>.steps>.step>.arrow,ol.process-map>.stage>.turn,ol.process-map>.stage>.phases>.phase>.steps>.step>.step-card{display:none}@media (width>=48rem){ol.process-map>.stage>.phases>.phase>.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){ol.process-map{gap:0}ol.process-map>.stage>.phases{gap:var(--space-4) var(--process-map-gap);grid-template-rows:auto auto;grid-template-columns:repeat(5,minmax(0,1fr));margin-inline-start:var(--space-9)}ol.process-map>.stage>.phases>.phase{grid-column:span var(--steps);grid-row:span 2;grid-template-columns:subgrid;grid-template-rows:subgrid}ol.process-map>.stage>.phases>.phase>.phase-head{grid-column:1/-1;align-self:end}ol.process-map>.stage>.phases>.phase>.phase-head>.phase-label{margin-inline:calc(var(--process-map-gap) / -2);align-self:stretch}ol.process-map>.stage>.phases>.phase>.phase-head:after{border:var(--line-width) solid var(--process-map-line);margin-block-start:var(--space-2);margin-inline:calc((100% - (var(--steps) - 1) * var(--process-map-gap)) / var(--steps) / 2);block-size:var(--space-4);content:"";border-block-end:none;border-start-start-radius:var(--radius-xs);border-start-end-radius:var(--radius-xs);align-self:stretch}ol.process-map>.stage>.phases>.phase[data-single]>.phase-head:after{border-block-start:none;border-inline-end:none;border-radius:0;margin-inline:50% 0}ol.process-map>.stage>.phases>.phase>.steps{column-gap:var(--process-map-gap);grid-column:1/-1;grid-template-columns:subgrid}ol.process-map>.stage>.phases>.phase>.steps>.step>.arrow{fill:none;block-size:var(--space-3);inline-size:var(--space-6);stroke:var(--process-map-line);stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--line-width);vector-effect:non-scaling-stroke;display:block;position:absolute;inset-block-start:var(--space-8);inset-inline-start:calc(100% + (var(--process-map-gap) - var(--space-6)) / 2)}ol.process-map>.stage>.phases>.phase>.steps>.step>.arrow>.arrow-line{stroke-dasharray:4 3;vector-effect:non-scaling-stroke}ol.process-map>.stage>.turn{margin-block:var(--space-6);block-size:var(--space-9);color:var(--process-map-line);margin-inline-start:var(--space-9);display:block;position:relative}ol.process-map>.stage>.turn:before,ol.process-map>.stage>.turn:after{content:"";position:absolute}ol.process-map>.stage>.turn:before{border:var(--line-width) dashed var(--process-map-line);border-block-start:none;border-inline-start:none;inset:0 0 50%}ol.process-map>.stage>.turn:after{border-inline-start:var(--line-width) dashed var(--process-map-line);inset:50% auto 0 0}ol.process-map>.stage>.turn>.turn-start,ol.process-map>.stage>.turn>.turn-end{display:block;position:absolute}ol.process-map>.stage>.turn>.turn-start{inset-block-start:0;inset-inline-end:0;translate:50% -50%;rotate:180deg}ol.process-map>.stage>.turn>.turn-end{inset-block-end:0;inset-inline-start:0;translate:-50% 50%}ol.process-map>.stage>.phases>.phase>.steps>.step>.step-card{z-index:2;block-size:var(--line-width);clip-path:inset(50%);inline-size:var(--line-width);opacity:0;pointer-events:none;display:block;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:hidden}ol.process-map>.stage>.phases>.phase>.steps>.step:is(:hover,:focus-within):not([data-dismissed]){z-index:2}ol.process-map>.stage>.phases>.phase>.steps>.step:is(:hover,:focus-within):not([data-dismissed])>.step-title{color:var(--process-map-accent)}ol.process-map>.stage>.phases>.phase>.steps>.step:is(:hover,:focus-within):not([data-dismissed])>.step-card{padding:var(--space-4);border:var(--line-width) solid var(--process-map-line);border-radius:var(--radius-lg);background-color:var(--process-map-face);clip-path:none;block-size:auto;color:var(--process-map-body);gap:var(--space-2);inline-size:calc(var(--space-9) * 4);opacity:1;pointer-events:auto;text-align:start;transition:opacity var(--dur-150) var(--ease);translate:calc(-50% + var(--card-shift,0%)) 0;margin-block-start:var(--space-2);display:grid;inset-block-start:100%;inset-inline-start:50%;overflow:visible}ol.process-map>.stage>.phases>.phase>.steps>.step[data-card-above]:is(:hover,:focus-within):not([data-dismissed])>.step-card{margin-block:0 var(--space-2);inset-block:auto 100%}ol.process-map>.stage>.phases>.phase>.steps>.step>.step-card:before{block-size:var(--space-2);content:"";position:absolute;inset-block-end:100%;inset-inline:0}ol.process-map>.stage>.phases>.phase>.steps>.step[data-card-above]>.step-card:before{inset-block:100% auto}ol.process-map>.stage>.phases>.phase>.steps>.step>.step-card>.card-title{color:var(--process-map-heading);font-family:var(--font-heading);font-size:var(--text-h6);font-weight:var(--weight-heading);letter-spacing:var(--text-h6-tracking);line-height:var(--text-h6-leading);margin-block-end:var(--space-1)}ol.process-map>.stage>.phases>.phase>.steps>.step>.step-card>.card-label{color:var(--process-map-heading);text-transform:uppercase;margin-block-start:var(--space-2)}ol.process-map>.stage>.phases>.phase>.steps>.step>.step-card>.card-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}ol.process-map>.stage>.phases>.phase>.steps>.step>.step-card>.card-list>li{align-items:center;gap:var(--space-2);display:flex}ol.process-map>.stage>.phases>.phase>.steps>.step>.step-card>.card-list>li>.icon{color:var(--mark-emphasis);flex:none}}