.flowchart{--fc-gap:4.5rem;--fc-line-width:2px;--fc-dash:7 7;align-items:stretch;display:flex;flex-direction:column;gap:var(--fc-gap);z-index:0}.flowchart,.flowchart section{position:relative}.flowchart .fc-lines{height:100%;inset:0;overflow:visible;pointer-events:none;position:absolute;width:100%;z-index:-1}.flowchart .fc-line{fill:none;stroke:var(--clr-illustrations);stroke-dasharray:var(--fc-dash);stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--fc-line-width)}.flowchart section .title-pill{background:var(--clr-bg);border:2px solid var(--clr-title)}.flowchart section .title-pill *{line-height:1;margin:0}.flowchard .image-row img{display:block;flex-basis:auto;max-width:100%;min-width:0}.flowchart .card{background-color:var(--clr-bg);border-color:var(--clr-primary);position:relative}.flowchart .pills{align-content:start;display:grid}.pill{background-color:var(--clr-primary-bg);border-color:var(--clr-primary);color:var(--clr-text);font-size:1rem;font-weight:600;line-height:1}.pill .icon{color:var(--clr-primary)}.pill .text{font-size:inherit}.dot{background-color:var(--clr-primary,red);font-size:12px;height:1em;left:50%;position:absolute;top:0;transform:translateX(-50%) translateY(-50%);width:1em}.dot.back{animation:pulse 1.5s ease infinite forwards;height:1rem;width:1rem;z-index:-10}.dot.back,.dot.back.two{background-color:var(--clr-primary)}.dot.back.two{animation:pulse 1.5s ease-out infinite forwards;height:2rem;width:2rem;will-change:transform,opacity}@keyframes pulse{0%{opacity:.7;transform:translateX(-50%) translateY(-50%) scale(0)}to{opacity:0;transform:translateX(-50%) translateY(-50%) scale(2)}}.dot.front{z-index:10}.flowchart .card .card-images{align-items:center;justify-items:center;width:100%}.flowchart .card .card-image{max-width:100%}.flowchart .card .card-image img{height:auto;max-width:100%}@media (max-width:768px){.flowchart{--fc-gap:3rem}.flowchart section.flex{align-items:center;flex-direction:column}}