.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-color:var(--ds-color-focus-default)}.ds-button-play-progress:focus{outline:none}.ds-button-play-progress:focus-visible{outline:4px solid var(--focus-outline-color);outline-offset:2px}.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:var(--video-loop-aspect-ratio,1);border-radius:8px;display:flex;justify-content:flex-end;margin-block-end:var(--ds-space-6);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%;inset-block-start:50%;inset-inline-start:50%;position:absolute;translate:-50% -50%;width:100%}.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{--number-width:38px;--items-left-padding:calc(var(--number-width)/2 + var(--ds-space-6));--transition-time:.3s;--group-padding-inline-start:0;--group-grid-column:7/span 6;--media-inset-inline-start:var(--block-padding-inline);--media-inset-inline-end:auto;--item-number-transform:translateX(-50%)}@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-5)}.c-step-by-step>.ds-block__content{position:relative}}[dir=rtl] .c-step-by-step{--item-number-transform:translateX(50%)}.c-step-by-step--image-end{--group-padding-inline-start:0;--group-grid-column:1/span 6;--media-inset-inline-start:auto;--media-inset-inline-end:var(--block-padding-inline)}.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;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:var(--group-grid-column);justify-content:center}}.c-step-by-step__heading{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__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::marker{content:none}.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(min-width:992px){.c-step-by-step__item-wrapper{position:static}}.c-step-by-step__summary{-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:start}.c-step-by-step__summary:focus-visible .c-step-by-step__heading{border-radius:999px;outline:4px solid var(--ds-color-focus-default);outline-offset:var(--ds-space-4)}@media(min-width:768px)and (max-width:991px){.c-step-by-step__summary:focus-visible~.c-step-by-step__content .c-step-by-step__heading{border-radius:999px;outline:4px solid var(--ds-color-focus-default);outline-offset:var(--ds-space-4)}}.c-step-by-step__summary::marker{content:none}.c-step-by-step__summary>div{color:var(--ds-color-fg-default);margin:0}.c-step-by-step__summary[data-active=true]{inline-size:100%}@media(min-width:768px)and (max-width:991px){.c-step-by-step__summary[data-active=true]:focus-visible .c-step-by-step__heading{outline:none}}.c-step-by-step__summary[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__summary[data-active=true] .c-step-by-step__heading{display:flex;position:relative}}@media(min-width:768px)and (max-width:991px){.c-step-by-step__summary[data-active=true] .c-step-by-step__heading{block-size:0;height:0;opacity:0;overflow:hidden}}@media only screen and (min-width:800px){.c-step-by-step__summary[data-active=true] .c-step-by-step__heading{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:var(--item-number-transform)}.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__image-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 .c-step-by-step__details{interpolate-size:allow-keywords}.c-step-by-step .c-step-by-step__details::details-content{block-size:0;opacity:0;overflow:clip;overflow-clip-margin:var(--ds-space-10);transition:block-size var(--transition-time) ease,opacity var(--transition-time) ease,content-visibility var(--transition-time) ease allow-discrete}.c-step-by-step .c-step-by-step__details[open]::details-content{block-size:auto;opacity:1}@media(min-width:992px){.c-step-by-step .c-step-by-step__details[open] .c-step-by-step__item-media{inline-size:calc((100% - 2*var(--block-padding-inline) - var(--block-grid-gap))/2);inset-block-start:0;inset-inline-end:var(--media-inset-inline-end);inset-inline-start:var(--media-inset-inline-start);position:absolute}}@media(min-width:768px)and (max-width:991px){.c-step-by-step .c-step-by-step__summary{margin-block-end:0}}.c-step-by-step__content{block-size:auto;color:var(--ds-color-fg-muted);overflow:clip;overflow-clip-margin:var(--ds-space-10)}@media(min-width:768px)and (max-width:991px){.c-step-by-step__content{-moz-column-gap:var(--block-grid-gap);column-gap:var(--block-grid-gap);display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:auto 1fr;row-gap:var(--ds-gap-6)}.c-step-by-step__content>.c-step-by-step__item-media{grid-column:1/span 4;grid-row:1/span 2}.c-step-by-step__content>.c-step-by-step__heading{grid-column:5/span 7;grid-row:1}.c-step-by-step__content>:last-child{grid-column:5/span 7;grid-row:2}}@media(min-width:992px){.c-step-by-step__content .c-step-by-step__item-media{padding-inline-end:var(--ds-space-5)}}