.c-step-by-step{--number-width:38px;--items-left-padding:calc(var(--number-width)/2 + var(--ds-space-6));--transition-time:.3s;--number-of-animations:5;background-color:var(--ds-color-bg-default);padding:var(--ds-space-10) 0 var(--ds-space-13)}.c-step-by-step__content-wrapper{margin:0 auto;max-width:1320px}.c-step-by-step__item-list-wrapper{position:relative}.c-step-by-step__items-container{margin-left:calc(var(--number-width)/2)}.c-step-by-step__items-container:before{background-color:var(--ds-color-border-interactive);display:block;height:100%;left:1.1875rem;position:absolute;top:0;width:1px}.c-step-by-step__item-wrapper{border-left:1px solid var(--ds-color-border-interactive);padding-bottom:var(--ds-space-10);padding-left:var(--items-left-padding)}.c-step-by-step__item-wrapper:last-child{border-left:none}.c-step-by-step__heading-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;margin:0 0 var(--ds-space-6);padding:0;position:relative}.c-step-by-step__heading-button>h3{color:var(--ds-color-fg-default);margin:0}.c-step-by-step__item-number{height:2.375rem;left:calc(var(--items-left-padding)*-1);padding-top:.125rem;position:absolute;top:-.5rem;transform:translate(-50%);width:2.375rem}.c-step-by-step__item-disc{align-items:center;background-color:var(--ds-color-bg-default);border:1px solid var(--ds-color-border-interactive);border-radius:100%;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}[data-active=true] .c-step-by-step__item-disc{background-color:var(--ds-color-comp-button-secondary-hover-bg-color)}.c-step-by-step__button-area{display:none;pointer-events:none}.-in-view .c-step-by-step__button-area{animation:pulse 2s cubic-bezier(.2,.6,.35,1) var(--number-of-animations);background-color:#f0f9fb;border:2px solid #4ebcd1;border-radius:50%;cursor:pointer;display:block;height:200%;margin-left:-50%;margin-top:-50%;opacity:0;position:absolute;top:0;width:200%;will-change:transform,opacity,background-color;z-index:-1}.-in-view .c-step-by-step__button-area--mobile{animation:pulse 1.5s cubic-bezier(.2,.6,.35,1) var(--number-of-animations)}.c-step-by-step__image-container .c-video-item,.c-step-by-step__video-container .c-video-item{padding-top:100%!important}.c-step-by-step__image{block-size:100%;border-radius:8px;inline-size:100%;-o-object-fit:cover;object-fit:cover;overflow:clip}.c-step-by-step__content{height:auto;overflow:hidden;transition:all var(--transition-time)}.c-step-by-step__content[aria-expanded=false]{height:0}@media only screen and (min-width:768px){.c-step-by-step{--items-left-padding:calc(var(--number-width)/2 + var(--ds-space-9))}.c-step-by-step__content-wrapper{display:flex;flex-direction:row}.c-step-by-step__content-wrapper:before{content:"";display:block;height:0;padding-bottom:50%;width:50%}.c-step-by-step__item-list-wrapper{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:var(--ds-space-9);width:50%}.c-step-by-step__heading{margin-bottom:calc(var(--ds-space-9) + 4px)}.c-step-by-step__image-container,.c-step-by-step__video-container{height:100%;left:-100%;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity var(--transition-time);width:calc(100% - var(--ds-space-8))}[aria-expanded=true] .c-step-by-step__image-container,[aria-expanded=true] .c-step-by-step__video-container{opacity:1;pointer-events:all}.c-step-by-step__image{top:0;right:0;bottom:0;left:0;position:absolute}}