@layer modules{.flowchart{margin-block:var(--spacing-lg)}.flowchart:first-child{margin-top:0}.flowchart:last-child{margin-bottom:0}.flowchart .card{padding:var(--spacing-xs);border-radius:var(--radius-md);background-color:var(--bg-color-white);color:var(--text-color-dark);width:100%;height:100%;max-width:max(30em,80%);margin-inline:auto}.flowchart .card .card-heading{margin-bottom:var(--spacing-2xs)}.flowchart .card .card-text{opacity:.7}.flowchart .card ul{list-style:none;padding-inline-start:0}.flowchart .card ul li{padding-inline-start:calc(1.25em + var(--spacing-2xs));position:relative;display:inline-flex;align-items:center;padding-left:calc(var(--padding-left) - .25em);display:flex;align-items:start}.flowchart .card ul li::before{content:"";display:inline-block;width:1.5em;height:1.5em;mask-image:url("/assets/icons/arrow-right.svg");mask-size:contain;mask-position:center;mask-repeat:no-repeat;background-color:currentColor;margin-right:.5em;flex-shrink:0;rotate:180deg}.flowchart .card ul li::after{content:none}.flowchart .card ul li::before{mask-image:url("/assets/icons/checkmark.svg");rotate:0deg;position:relative;top:.0625em}.flowchart .card-wrapper:last-child{display:flex;flex-direction:column;gap:var(--spacing-xs)}.flowchart .card-wrapper:last-child .card{background-color:var(--bg-color-secondary);color:var(--text-color-secondary)}.flowchart .card-wrapper:last-child::before,.flowchart .card-wrapper:last-child::after{--size: var(--spacing-lg);content:"";display:block;width:var(--size);height:calc(var(--size)*4/3);mask-image:url("/assets/images/dotted-arrow-down-straight.svg");mask-size:contain;mask-repeat:no-repeat;mask-position:center center;background-color:currentColor;margin-inline:auto}.flowchart .card-wrapper:last-child::after{rotate:180deg}@container (width > 48rem){.flowchart .card-wrapper:last-child{flex-direction:row;align-items:flex-start;justify-content:center}.flowchart .card-wrapper:last-child .card{margin-inline:0}.flowchart .card-wrapper:last-child::before,.flowchart .card-wrapper:last-child::after{--size: var(--spacing-4xl);margin-top:calc(-1*var(--spacing-xs))}.flowchart .card-wrapper:last-child::before{margin-right:0;mask-image:url("/assets/images/dotted-arrow-down-right.svg");mask-position:right top}.flowchart .card-wrapper:last-child::after{margin-left:0;mask-image:url("/assets/images/dotted-arrow-down-left.svg");mask-position:left top;rotate:unset}}.flowchart .cards{display:grid;gap:var(--spacing-xs)}.flowchart .cards .card-wrapper:last-child{grid-row:2}@container (width > 48rem){.flowchart .cards{grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.flowchart .cards .card-wrapper:last-child{grid-column:1/-1}.flowchart .cards .card-wrapper:last-child .card{max-width:max(30em,40%)}}}/*# sourceMappingURL=flowchart.css.map */