[id^=components-workflow-step-block]{--wf-label-w: 26%;--wf-gap: clamp(1.75rem, 1.35rem + 1.1vw, 2.5rem);--wf-arrow: 1.15rem;position:relative}[id^=components-workflow-step-block] .workflow-step--pillar-purple-600{--og-accent: #41395f;--og-on-accent: #fefefe}[id^=components-workflow-step-block] .workflow-step--pillar-green-600{--og-accent: #3d5c46;--og-on-accent: #fefefe}[id^=components-workflow-step-block] .workflow-step--pillar-orange-600{--og-accent: #e0740d;--og-on-accent: #06040d}[id^=components-workflow-step-block] .workflow-step--pillar-green-400{--og-accent: #85a98d;--og-on-accent: #06040d}[id^=components-workflow-step-block] .workflow-step--pillar-purple-400{--og-accent: #706599;--og-on-accent: #fefefe}[id^=components-workflow-step-block] .workflow-step{display:grid;align-items:stretch;overflow:hidden;border-radius:.5rem;grid-template-columns:var(--wf-label-w) 1fr}[id^=components-workflow-step-block] .workflow-step__label{display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;text-transform:uppercase;line-height:1.1;font-size:clamp(1.15rem,-.05rem + 1.88vw,1.75rem);padding-left:clamp(.75rem,-.25rem + 1.56vw,1.25rem);padding-right:clamp(.75rem,-.25rem + 1.56vw,1.25rem);padding-top:clamp(.95rem,.25rem + 1.09vw,1.3rem);padding-bottom:clamp(.95rem,.25rem + 1.09vw,1.3rem);background-color:var(--og-accent);color:var(--og-on-accent)}[id^=components-workflow-step-block] .workflow-step__panel{display:flex;align-items:center;gap:clamp(1rem,-1rem + 3.13vw,2rem);padding-left:clamp(1.25rem,-.25rem + 2.34vw,2rem);padding-right:clamp(1.25rem,-.25rem + 2.34vw,2rem);padding-top:clamp(.95rem,.25rem + 1.09vw,1.3rem);padding-bottom:clamp(.95rem,.25rem + 1.09vw,1.3rem);background-color:#f6f6f8;background-color:color-mix(in srgb,var(--og-accent) 8%,#fff)}[id^=components-workflow-step-block] .workflow-step__body{min-width:0px;flex:1 1 0%}[id^=components-workflow-step-block] .workflow-step__body>*:first-child{margin-top:0!important}[id^=components-workflow-step-block] .workflow-step__body>*:last-child{margin-bottom:0!important}[id^=components-workflow-step-block] .workflow-step__body li{margin-bottom:0!important}[id^=components-workflow-step-block] .workflow-step__icon{display:grid;flex-shrink:0;place-items:center;border-radius:9999px;height:clamp(4rem,3rem + 2.08vw,5rem);width:clamp(4rem,3rem + 2.08vw,5rem);background-color:#eeeef2;background-color:color-mix(in srgb,var(--og-accent) 16%,#fff);color:var(--og-accent)}[id^=components-workflow-step-block] .workflow-step__icon .icon-svg{height:58%;width:58%;-o-object-fit:contain;object-fit:contain}[id^=components-workflow-step-block] .workflow-step--pillar-orange-600 .workflow-step__icon{color:#b95c08}[id^=components-workflow-step-block] .workflow-step--pillar-green-400 .workflow-step__icon{color:#3d5c46}[id^=components-workflow-step-block]:has(+[id^=components-workflow-step-block]){padding-bottom:var(--wf-gap)}[id^=components-workflow-step-block]:has(+[id^=components-workflow-step-block]):after{content:"";position:absolute;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(195 191 218 / var(--tw-bg-opacity));width:var(--wf-arrow);height:var(--wf-arrow);left:calc(var(--wf-label-w) / 2);bottom:calc((var(--wf-gap) - var(--wf-arrow)) / 2);-webkit-mask:var(--og-arrow-down) center / contain no-repeat;mask:var(--og-arrow-down) center / contain no-repeat}[id^=components-workflow-step-block]:not(:has(+[id^=components-workflow-step-block]))+*{margin-top:clamp(1.5rem,.5rem + 1.56vw,2rem)}@media (max-width: 767px){[id^=components-workflow-step-block] .workflow-step{display:block}[id^=components-workflow-step-block] .workflow-step__label{padding-top:.75rem;padding-bottom:.75rem}[id^=components-workflow-step-block] .workflow-step__panel{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem}[id^=components-workflow-step-block] .workflow-step__icon{order:-9999;height:4.25rem;width:4.25rem}[id^=components-workflow-step-block]:has(+[id^=components-workflow-step-block]):after{left:50%}}