.ds-button-play-progress{--button-bg:transparent;--button-border-radius:999px;--button-diameter:32px;--button-track-opacity:.2;--button-text-decoration:none;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;block-size:var(--button-diameter);border:none;border-radius:var(--button-border-radius);color:var(--button-fg);cursor:pointer;font-family:var(--ds-text-ff-body);font-weight:var(--ds-text-fw-medium);inline-size:var(--button-diameter);justify-content:center;overflow:hidden;padding:0;position:relative;-webkit-text-decoration:var(--button-text-decoration);text-decoration:var(--button-text-decoration)}.ds-button-play-progress--on-dark{--button-fg:var(--ds-color-fg-light)}.ds-button-play-progress--on-light{--button-fg:var(--ds-color-fg-dark)}.ds-button-play-progress--md{--button-diameter:44px}.ds-button-play-progress:hover{--button-track-opacity:.3}.ds-button-play-progress__progress{block-size:100%;inline-size:100%;top:0;right:0;bottom:0;left:0;position:absolute;transform:rotate(-90deg)}.ds-button-play-progress__progress-bg{fill:none;opacity:var(--button-track-opacity);stroke:var(--button-fg);stroke-width:2}@media screen and (prefers-reduced-motion:reduce){.ds-button-play-progress__progress-indicator{transition:none}}.ds-button-play-progress__progress-indicator{fill:none;stroke:var(--button-fg);stroke-linecap:round;stroke-width:2;transition:stroke-dashoffset .25s linear}.ds-button-play-progress .ds-icon{position:relative;z-index:1}.ds-button-play-progress .ds-icon[data-icon-name=button-play]{translate:1px 0}.ds-button-play-progress[disabled]{cursor:not-allowed;opacity:.5}.ds-button-play-progress:focus{outline:none}.ds-button-play-progress:focus-visible{outline:4px solid var(--ds-color-focus-default)}.swap-enter-active,.swap-leave-active{transition:opacity .15s ease-in-out,transform .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.swap-enter-active,.swap-leave-active{transition:none}}.swap-enter-from,.swap-leave-to{opacity:0;transform:scale(.75)}.c-step-by-step-video-item{align-items:flex-end;aspect-ratio:1;border-radius:8px;display:flex;justify-content:flex-end;margin-block-end:var(--ds-space-9);overflow:hidden;position:relative}@media (max-width:576px){.c-step-by-step-video-item{margin-block-end:var(--ds-space-8)}.c-step-by-step-video-item.c-video-item--non-fixed-height{height:auto}}@media (min-width:576px){.c-step-by-step-video-item{overflow-x:hidden}}.c-step-by-step-video-item.--loop{border-radius:0;height:100%;margin-block-end:0}@media (max-width:576px){.c-step-by-step-video-item.--loop{height:224px}}.c-step-by-step-video-item--non-fixed-height{height:auto}.c-step-by-step-video-item__iframe{border:none;height:100%;left:-38.55%;position:absolute;top:0;width:177.1%}.c-step-by-step-video-item__videocta{margin-bottom:var(--ds-space-8);margin-right:var(--ds-space-8);position:unset;z-index:10}.c-step-by-step-video-item__videocta:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}@media (max-width:576px){.c-step-by-step-video-item__videocta{margin-bottom:10px;margin-right:10px}}@media (min-width:768px){.c-step-by-step-video-item{margin-block-end:0}}.c-step-by-step-video-item .ds-button-play-progress{margin:0 var(--ds-space-6) var(--ds-space-6) 0}.c-step-by-step__media-stack{aspect-ratio:1;position:relative}.c-step-by-step__media-item{--transition-time:.3s;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:opacity var(--transition-time)}.c-step-by-step__media-item[data-expanded=true]{opacity:1;z-index:10}.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;--media-order:1;--group-order:2;--group-padding-inline-start:0}@media (min-width:768px){.c-step-by-step{--items-left-padding:calc(var(--number-width)/2 + var(--ds-space-8))}}@media (min-width:992px){.c-step-by-step{--group-padding-inline-start:var(--ds-space-11)}}.c-step-by-step--image-end{--media-order:2;--group-order:1;--group-padding-inline-start:0}.c-step-by-step__container{display:grid;grid-template-columns:subgrid;inline-size:100%}@media (min-width:576px){.c-step-by-step__container{grid-column:span 12}}.c-step-by-step__header{display:flex;flex-direction:column;row-gap:var(--ds-gap-6)}.c-step-by-step__group{align-content:center;display:flex;flex-direction:column;grid-column:span 2;order:var(--group-order);padding-inline-start:var(--group-padding-inline-start);row-gap:var(--ds-gap-8)}@media (min-width:576px){.c-step-by-step__group{grid-column:span 12}}@media (min-width:992px){.c-step-by-step__group{grid-column:span 6;justify-content:center}}.c-step-by-step__heading{margin:0}.c-step-by-step__heading-text{color:var(--ds-color-fg-default);margin:0}.c-step-by-step__list{margin-inline-start:calc(var(--number-width)/2)}.c-step-by-step__list:before{background-color:var(--ds-color-border-interactive);block-size:100%;display:block;inline-size:1px;inset-block-start:0;inset-inline-start:1.1875rem;position:absolute}.c-step-by-step__media{grid-column:span 6;order:var(--media-order);position:relative}.c-step-by-step__media-item{aspect-ratio:1}.c-step-by-step__item-wrapper{border-inline-start:solid 1px var(--ds-color-fg-interactive);padding-block-end:var(--ds-space-10);padding-inline-start:var(--items-left-padding)}.c-step-by-step__item-wrapper:last-child{border-inline-start:none}@media only screen and (min-width:768px){.c-step-by-step__item-wrapper{position:relative}}@media only screen and (min-width:800px){.c-step-by-step__item-wrapper{position:static}}.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-gap-6);outline:none;padding:0;position:relative;text-align:left}.c-step-by-step__heading-button>div{color:var(--ds-color-fg-default);margin:0}.c-step-by-step__heading-button[data-active=true]{inline-size:100%}.c-step-by-step__heading-button[data-active=true] .c-step-by-step__item-disc{box-shadow:0 0 0 4px #4cbcd180}@media only screen and (min-width:768px){.c-step-by-step__heading-button[data-active=true] .c-step-by-step__heading-text{display:flex;position:relative}}@media (min-width:768px) and (max-width:991px){.c-step-by-step__heading-button[data-active=true] .c-step-by-step__heading-text{visibility:hidden}}@media only screen and (min-width:800px){.c-step-by-step__heading-button[data-active=true] .c-step-by-step__heading-text{inline-size:auto;inset-inline-start:0}}.c-step-by-step__item-number{block-size:2.375rem;inline-size:2.375rem;inset-block-start:-.5rem;inset-inline-start:calc(var(--items-left-padding)*-1);padding-block-start:.125rem;position:absolute;transform:translate(-50%)}.c-step-by-step__item-disc{align-items:center;aspect-ratio:1;background-color:var(--ds-color-bg-default);border:1px solid var(--ds-color-fg-interactive);border-radius:100%;display:flex;inset-block-end:0;inset-block-start:0;inset-inline-end:0;inset-inline-start:0;justify-content:center;padding-block-start:2px;position:absolute}.c-step-by-step__item-disc:hover{background-color:var(--ds-color-bg-interactive-subtle)}button:focus-visible .c-step-by-step__item-disc{background-color:var(--ds-color-bg-interactive-subtle);outline:2px solid var(--ds-color-fg-interactive);outline-offset:4px}.c-step-by-step__button-area{display:none;pointer-events:none}.-in-view .c-step-by-step__button-area{background-color:#f0f9fb;block-size:200%;border:2px solid #4ebcd1;border-radius:50%;cursor:pointer;display:block;inline-size:200%;inset-block-start:0;margin-block-start:-50%;margin-inline-start:-50%;opacity:0;position:absolute;will-change:transform,opacity,background-color;z-index:-1}.c-step-by-step__image-container,.c-step-by-step__video-container{aspect-ratio:1}.c-step-by-step__image{aspect-ratio:1;border-radius:8px;inline-size:100%;margin-block-end:var(--ds-space-6);-o-object-fit:cover;object-fit:cover;overflow:clip}.c-step-by-step__content{interpolate-size:allow-keywords;block-size:auto;color:var(--ds-color-fg-muted);overflow:hidden;transition:all var(--transition-time);transition-behavior:allow-discrete}@starting-style{.c-step-by-step__content{block-size:0}}.c-step-by-step__content[data-expanded=false]{block-size:0}@media (min-width:768px) and (max-width:991px){.c-step-by-step__content[data-expanded=true]{margin-top:-3em}}.c-step-by-step__item-content-wrapper{display:flex;flex-direction:column;gap:var(--ds-gap-6)}@media (min-width:768px) and (max-width:991px){.c-step-by-step__item-content-wrapper{-moz-column-gap:var(--block-grid-gap);column-gap:var(--block-grid-gap);display:grid;grid-template-columns:repeat(11,1fr)}}.c-step-by-step__item-media{grid-column:span 4}.c-step-by-step__item-text{display:flex;flex-direction:column;gap:var(--ds-gap-6)}@media (min-width:768px) and (max-width:991px){.c-step-by-step__item-text{grid-column:span 7}}