.wp-block-sa-blocks-speke-workflow .content-wrapper{box-sizing:content-box;margin-left:auto;margin-right:auto;max-width:var(--width-max-content);padding:var(--section-padding) var(--nav-padding,32px) var(--section-padding-large)}.wp-block-sa-blocks-speke-workflow img{display:block}.wp-block-sa-blocks-speke-workflow .title{margin-bottom:var(--spacing-8)}@media(max-width:480px){.wp-block-sa-blocks-speke-workflow .title{margin-bottom:var(--spacing-7)}}@media(max-width:400px){.wp-block-sa-blocks-speke-workflow .title{margin-bottom:var(--spacing-6)}}.wp-block-sa-blocks-speke-workflow .workflow{--timeline-left:56px;margin:auto;max-width:768px}@media(max-width:1024px){.wp-block-sa-blocks-speke-workflow .workflow{--timeline-left:53.5px}}@media(max-width:900px){.wp-block-sa-blocks-speke-workflow .workflow{--timeline-left:51.5px}}@media(max-width:480px){.wp-block-sa-blocks-speke-workflow .workflow{--timeline-left:34px}}@media(max-width:400px){.wp-block-sa-blocks-speke-workflow .workflow{--timeline-left:32px}}.wp-block-sa-blocks-speke-workflow .workflow .copy{--padding-left:var(--spacing-12);padding-left:var(--padding-left);position:relative}@media(max-width:660px){.wp-block-sa-blocks-speke-workflow .workflow .copy{--padding-left:var(--spacing-11)}}@media(max-width:480px){.wp-block-sa-blocks-speke-workflow .workflow .copy{--padding-left:var(--spacing-9)}}@media(max-width:400px){.wp-block-sa-blocks-speke-workflow .workflow .copy{--padding-left:var(--spacing-8)}}.wp-block-sa-blocks-speke-workflow .workflow h3{font-size:var(--font-size-11);margin-bottom:var(--spacing-1);position:relative}@media(max-width:1024px){.wp-block-sa-blocks-speke-workflow .workflow h3{font-size:var(--font-size-10)}}@media(max-width:900px){.wp-block-sa-blocks-speke-workflow .workflow h3{font-size:var(--font-size-9)}}@media(max-width:480px){.wp-block-sa-blocks-speke-workflow .workflow h3{font-size:var(--font-size-8)}}@media(max-width:400px){.wp-block-sa-blocks-speke-workflow .workflow h3{font-size:var(--font-size-7)}}.wp-block-sa-blocks-speke-workflow .workflow h3:before{background-color:var(--background-color);content:"";height:100%;left:calc(var(--timeline-left) - var(--padding-left));position:absolute;width:4px}.wp-block-sa-blocks-speke-workflow .workflow h3:after{aspect-ratio:1/1;background-color:var(--background-color);border:4px solid var(--color-brand-primary-200);border-radius:50%;content:"";height:90%;left:-74px;position:absolute;top:-1px;width:-moz-fit-content;width:fit-content}@media(max-width:660px){.wp-block-sa-blocks-speke-workflow .workflow h3:after{left:-59px}}@media(max-width:480px){.wp-block-sa-blocks-speke-workflow .workflow h3:after{left:-51px}}@media(max-width:400px){.wp-block-sa-blocks-speke-workflow .workflow h3:after{border-width:3px;left:-42.5px}}.wp-block-sa-blocks-speke-workflow .workflow p{color:var(--color-brand-primary-200);margin-bottom:0}@media(max-width:400px){.wp-block-sa-blocks-speke-workflow .workflow p{font-size:var(--font-size-4)}}.wp-block-sa-blocks-speke-workflow .step{padding-bottom:var(--spacing-12);position:relative}@media(max-width:660px){.wp-block-sa-blocks-speke-workflow .step{padding-bottom:var(--spacing-10)}}@media(max-width:480px){.wp-block-sa-blocks-speke-workflow .step{padding-bottom:var(--spacing-8)}}.wp-block-sa-blocks-speke-workflow .step:before{background-color:var(--color-brand-primary-500);content:"";height:100%;left:var(--timeline-left);position:absolute;width:4px}.wp-block-sa-blocks-speke-workflow .step:first-child .images:before{background-color:var(--background-color);content:"";height:100%;left:var(--timeline-left);position:absolute;width:4px}.wp-block-sa-blocks-speke-workflow .step:last-child{padding-bottom:0}.wp-block-sa-blocks-speke-workflow .step:last-child:before{content:none}.wp-block-sa-blocks-speke-workflow .step:last-child .copy:before,.wp-block-sa-blocks-speke-workflow .step:last-child .images:before{background-color:var(--background-color);content:"";height:100%;left:var(--timeline-left);position:absolute;width:4px}.wp-block-sa-blocks-speke-workflow .step:last-child .images:before{background-color:var(--color-brand-primary-500)}.wp-block-sa-blocks-speke-workflow .images{container-type:inline-size;display:flex;padding-bottom:var(--spacing-3)}.wp-block-sa-blocks-speke-workflow .image-wrapper{height:-moz-fit-content;height:fit-content}.wp-block-sa-blocks-speke-workflow .screen-wrapper{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:var(--device-background-color);border-radius:5cqw;overflow:hidden;padding:1cqw;z-index:1}@media(max-width:600px){.wp-block-sa-blocks-speke-workflow .screen-wrapper{border-radius:5.25cqw;padding:1.25cqw}}@media(max-width:480px){.wp-block-sa-blocks-speke-workflow .screen-wrapper{border-radius:5.5cqw;padding:1.5cqw}}.wp-block-sa-blocks-speke-workflow .screen{border-radius:4cqw}.wp-block-sa-blocks-speke-workflow .first-photo img,.wp-block-sa-blocks-speke-workflow .second-photo img,.wp-block-sa-blocks-speke-workflow .third-photo img{box-shadow:var(--card-shadow)}.wp-block-sa-blocks-speke-workflow .step-one .screen{aspect-ratio:.46;max-width:240px;-o-object-fit:cover;object-fit:cover;width:32cqw}.wp-block-sa-blocks-speke-workflow .step-one .right-side{align-items:center;display:flex;flex:1 1 0;flex-direction:column;gap:var(--spacing-3);justify-content:space-between;padding-block:var(--spacing-2);position:relative}.wp-block-sa-blocks-speke-workflow .first-vector{width:55cqw}.wp-block-sa-blocks-speke-workflow .first-photo{--offset:10%;flex:1;margin-left:calc(var(--offset)*-1);position:relative;width:calc(100% + var(--offset))}.wp-block-sa-blocks-speke-workflow .first-photo img{border-radius:12px;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.wp-block-sa-blocks-speke-workflow .step-two .device{position:absolute}.wp-block-sa-blocks-speke-workflow .step-two .screen{aspect-ratio:2.17;max-height:240px;max-width:68cqw;-o-object-fit:cover;object-fit:cover}.wp-block-sa-blocks-speke-workflow .step-two .images>.second-vector{margin-left:15cqw;margin-top:24cqw;position:absolute}.wp-block-sa-blocks-speke-workflow .step-two .images>.second-vector img{transform:rotate(-90deg)}.wp-block-sa-blocks-speke-workflow .step-two .right-side{align-items:flex-end;display:flex;flex:1 1 400px;flex-direction:column;padding-top:3cqw}.wp-block-sa-blocks-speke-workflow .step-two .right-side .second-vector{margin-right:3cqw}.wp-block-sa-blocks-speke-workflow .step-two .second-vector img{width:28cqw}.wp-block-sa-blocks-speke-workflow .step-two .second-photo{margin-top:-11cqw;max-width:400px;width:53cqw}.wp-block-sa-blocks-speke-workflow .step-three .images{justify-content:space-between}.wp-block-sa-blocks-speke-workflow .step-three .left-side{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding-block:2cqw;position:relative;z-index:1}.wp-block-sa-blocks-speke-workflow .step-three .screen{width:32cqw}.wp-block-sa-blocks-speke-workflow .step-three .third-vector{width:20cqw}.wp-block-sa-blocks-speke-workflow .step-three .third-vector-two{width:26cqw}.wp-block-sa-blocks-speke-workflow .step-three .third-photo{align-items:center;align-self:center;box-sizing:content-box;display:flex;height:100%;inset:0;padding-left:15cqw;position:absolute;width:78cqw}.wp-block-sa-blocks-speke-workflow .step-three .third-photo img{border-radius:12px}@media(scripting:enabled){.wp-block-sa-blocks-speke-workflow .copy,.wp-block-sa-blocks-speke-workflow .image-wrapper{opacity:0}.wp-block-sa-blocks-speke-workflow .step-one .images.in-viewport .device{animation:fade-in-from-left 1s ease-out forwards}.wp-block-sa-blocks-speke-workflow .step-one .images.in-viewport .first-photo{animation:fade-in-from-right 1s ease-out .5s forwards}.wp-block-sa-blocks-speke-workflow .step-one .images.in-viewport .first-vector{animation:fade-in-from-bottom 1s ease-out 1s forwards}.wp-block-sa-blocks-speke-workflow .step-two .images.in-viewport .device{animation:fade-in-from-left 1s ease-out forwards}.wp-block-sa-blocks-speke-workflow .step-two .images.in-viewport .second-photo{animation:fade-in-from-bottom 1s ease-out .5s forwards}.wp-block-sa-blocks-speke-workflow .step-two .images.in-viewport .second-vector{animation:fade-in-from-top 1s ease-out 1s forwards}.wp-block-sa-blocks-speke-workflow .step-two .images.in-viewport>.second-vector{animation-name:fade-in-from-right}.wp-block-sa-blocks-speke-workflow .step-three .images.in-viewport .device{animation:fade-in-from-top 1s ease-out forwards}.wp-block-sa-blocks-speke-workflow .step-three .images.in-viewport .third-photo{animation:fade-in-from-right 1s ease-out .5s forwards}.wp-block-sa-blocks-speke-workflow .step-three .images.in-viewport .third-vector{animation:fade-in-from-left 1s ease-out 1s forwards}.wp-block-sa-blocks-speke-workflow .step-three .images.in-viewport .third-vector-two{animation:fade-in-from-bottom 1s ease-out 1s forwards}.wp-block-sa-blocks-speke-workflow .step:is(.step-one,.step-two,.step-three) .copy.in-viewport{animation:fade-in-from-bottom 1s ease-out forwards}}@supports(animation-timeline:view()){.wp-block-sa-blocks-speke-workflow .animate.animate.animate.animate{animation:none;animation-timeline:view();animation-fill-mode:both;animation-range:entry 0 cover 100%}.wp-block-sa-blocks-speke-workflow .step-one.step-one .images .device{animation-name:fade-in-from-left-long}.wp-block-sa-blocks-speke-workflow .step-one.step-one .images .first-photo{animation-name:fade-in-from-right-long}.wp-block-sa-blocks-speke-workflow .step-one.step-one .images .first-vector{animation-name:fade-in-from-bottom-long}.wp-block-sa-blocks-speke-workflow .step-two.step-two .images .device{animation-name:fade-in-from-left-long}.wp-block-sa-blocks-speke-workflow .step-two.step-two .images .second-photo{animation-name:fade-in-from-bottom-long}.wp-block-sa-blocks-speke-workflow .step-two.step-two .images .second-vector{animation-name:fade-in-from-top-long}.wp-block-sa-blocks-speke-workflow .step-two.step-two .images>.second-vector{animation-name:fade-in-from-right-long}.wp-block-sa-blocks-speke-workflow .step-three.step-three .images .device{animation-name:fade-in-from-top-long}.wp-block-sa-blocks-speke-workflow .step-three.step-three .images .third-photo{animation-name:fade-in-from-right-long}.wp-block-sa-blocks-speke-workflow .step-three.step-three .images .third-vector{animation-name:fade-in-from-left-long}.wp-block-sa-blocks-speke-workflow .step-three.step-three .images .third-vector-two{animation-name:fade-in-from-bottom-long}.wp-block-sa-blocks-speke-workflow .step.step:is(.step-one,.step-two,.step-three) .copy{animation-name:fade-in-from-bottom;animation-range:entry 0 cover 45%}}