.pageblock--process{padding-top:120px;background:var(--color-neutral-100)}.pageblock--process .x-core-button-wrapper{justify-content:center}.pageblock--process .x-core-intro{margin:0 auto;max-width:680px;text-align:center}.pageblock--process .process-wrapper{position:relative}.pageblock--process .process-wrapper:before,.pageblock--process .process-wrapper:after{position:absolute;width:100%;height:80px;content:"";z-index:99}.pageblock--process .process-wrapper:before{top:-1px;background:linear-gradient(to top,rgba(255,255,255,0) 5%,var(--color-neutral-100) 100%)}.pageblock--process .process-wrapper:after{bottom:-1px;background:linear-gradient(to bottom,rgba(255,255,255,0) 5%,var(--color-neutral-100) 100%)}.pageblock--process .process-scroll{position:relative;max-width:960px;margin:50px auto;display:flex;flex-direction:column;gap:40px;padding-block:20px;max-height:60vh;overflow:auto;counter-reset:css-counter 0}.pageblock--process .process-scroll::-webkit-scrollbar{display:none}.pageblock--process .process-scroll .default-card{position:relative;margin-left:150px;counter-increment:css-counter 1}.pageblock--process .process-scroll .default-card:before{position:absolute;top:50%;left:-150px;transform:translateY(-50%);width:40px;height:40px;padding:10px;content:counter(css-counter);color:var(--color-secondary-500);background:var(--color-neutral-100);border:2px solid var(--color-secondary-500);border-radius:var(--component-border-radius-round);outline:15px solid var(--color-neutral-100);font-weight:700;font-size:var(--text-xl);text-align:center;line-height:36px;z-index:99}.pageblock--process .process-scroll .default-card:after{position:absolute;top:50%;left:-120px;width:2px;height:calc(100% + 100px);content:"";background:var(--color-secondary-500);z-index:1}.pageblock--process .process-scroll .default-card:last-child:after{display:none}@container style(--breakpoint-md-max: true){.pageblock--process .process-scroll .default-card{margin-left:100px}.pageblock--process .process-scroll .default-card:before{left:-100px}.pageblock--process .process-scroll .default-card:after{left:-70px}}:root[style*="--breakpoint-md-max: true"] .applyContainerPolyFill .pageblock--process .process-scroll .default-card{margin-left:100px}:root[style*="--breakpoint-md-max: true"] .applyContainerPolyFill .pageblock--process .process-scroll .default-card:before{left:-100px}:root[style*="--breakpoint-md-max: true"] .applyContainerPolyFill .pageblock--process .process-scroll .default-card:after{left:-70px}