.ds-video-card{border-radius:var(--ds-radius-lg);position:relative;container-type:inline-size}.ds-video-card__frame{border-radius:inherit;position:relative}.ds-video-card__poster{inline-size:100%;aspect-ratio:var(--ds-video-ratio,var(--ds-aspect-video));object-fit:cover;border-radius:var(--ds-radius-lg);background:var(--ds-color-media);display:block}.ds-video-card__button{z-index:1;padding:var(--ds-space-6);border-radius:inherit;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:flex-start;align-items:flex-end;display:flex;position:absolute;inset:0}.ds-video-card[data-play=center] .ds-video-card__button{justify-content:center;align-items:center}.ds-video-card__play{align-items:center;gap:var(--ds-space-2);min-height:var(--ds-control-lg);padding:0 var(--ds-space-6) 0 var(--ds-space-4-5);border-radius:var(--ds-radius-pill);background:var(--ds-color-inverse);color:var(--ds-color-on-inverse);font-family:var(--ds-font-sans);font-size:var(--ds-text-body);font-weight:var(--ds-weight-medium);line-height:var(--ds-leading-nav);transition:background-color var(--ds-duration-fast) var(--ds-ease-standard), transform var(--ds-duration-fast) var(--ds-ease-standard);display:inline-flex}.ds-video-card__disc{inline-size:calc(var(--ds-control-lg) * 1.5);block-size:calc(var(--ds-control-lg) * 1.5);border-radius:var(--ds-radius-pill);background:var(--ds-color-inverse);color:var(--ds-color-on-inverse);transition:background-color var(--ds-duration-fast) var(--ds-ease-standard), transform var(--ds-duration-fast) var(--ds-ease-standard);place-items:center;display:grid}@media (min-width:640px){.ds-video-card__disc{inline-size:calc(var(--ds-control-lg) * 1.75);block-size:calc(var(--ds-control-lg) * 1.75)}}.ds-video-card__button:hover :is(.ds-video-card__play,.ds-video-card__disc){background:var(--ds-color-inverse-hover)}.ds-video-card__button:active :is(.ds-video-card__play,.ds-video-card__disc){transform:scale(var(--ds-press-scale))}.ds-video-card__button:focus-visible{outline:var(--ds-focus-width) solid var(--ds-color-focus);outline-offset:var(--ds-focus-offset)}.ds-video-card__duration{z-index:2;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);background:var(--ds-color-inverse);color:var(--ds-color-on-inverse);font-family:var(--ds-font-label);font-size:var(--ds-text-caption);font-weight:var(--ds-weight-medium);line-height:var(--ds-leading-caption);font-variant-numeric:tabular-nums;pointer-events:none;position:absolute;inset-block-start:var(--ds-space-3);inset-inline-end:var(--ds-space-3)}.ds-video-card__tag{z-index:2;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);background:var(--ds-color-bg);color:var(--ds-color-text);font-family:var(--ds-font-sans);font-size:var(--ds-text-caption);font-weight:var(--ds-weight-medium);line-height:var(--ds-leading-caption);pointer-events:none;position:absolute;inset-block-start:var(--ds-space-3);inset-inline-start:var(--ds-space-3)}.ds-video-card__quote{display:none}@container (min-width:600px){.ds-video-card[data-quote=true] .ds-video-card__frame:after{content:"";border-radius:inherit;background:radial-gradient(150% 115% at 0% 100% in oklab, color-mix(in oklab, var(--ds-color-media) 88%, transparent) 0%, color-mix(in oklab, var(--ds-color-media) 74%, transparent) 36%, color-mix(in oklab, var(--ds-color-media) 38%, transparent) 60%, transparent 82%);pointer-events:none;position:absolute;inset:0}.ds-video-card__quote{z-index:2;gap:var(--ds-space-4);max-inline-size:calc(50% - var(--ds-control-lg) * .875 - var(--ds-space-6) - var(--ds-space-4));color:var(--ds-color-text);pointer-events:none;margin:0;display:grid;position:absolute;inset-block-end:var(--ds-space-6);inset-inline-start:var(--ds-space-6)}.ds-video-card__quote-text{quotes:"„" "“";margin:0}.ds-video-card__quote-text p{font-family:var(--ds-font-sans);font-size:var(--ds-text-body);font-weight:var(--ds-weight-medium);line-height:var(--ds-leading-heading);text-wrap:pretty;margin:0;position:relative}.ds-video-card__quote-text p:before{content:open-quote;position:absolute;inset-inline-end:100%}.ds-video-card__quote-text p:after{content:close-quote}.ds-video-card__quote-by{font-family:var(--ds-font-sans);font-size:var(--ds-text-nav);line-height:var(--ds-leading-nav);display:grid}.ds-video-card__quote-name{font-weight:var(--ds-weight-medium)}.ds-video-card__quote-role{color:var(--ds-color-text-muted)}}@container (min-width:800px){.ds-video-card__quote-text p{font-size:var(--ds-text-subheading);line-height:var(--ds-leading-subheading);letter-spacing:var(--ds-tracking-subheading)}.ds-video-card__quote-by{font-size:var(--ds-text-body);line-height:var(--ds-leading-heading)}}.ds-video-card[data-caption=true]{border:var(--ds-hairline) solid var(--ds-color-border-subtle);background:var(--ds-color-bg-subtle)}.ds-video-card[data-caption=true] :is(.ds-video-card__frame,.ds-video-card__media,.ds-video-card__poster){border-radius:calc(var(--ds-radius-lg) - var(--ds-hairline)) calc(var(--ds-radius-lg) - var(--ds-hairline)) 0 0}.ds-video-card .ds-video-card__caption{padding:var(--ds-space-4) var(--ds-space-6) var(--ds-space-5);color:var(--ds-color-text);font-family:var(--ds-font-sans);font-size:var(--ds-text-subheading);font-weight:var(--ds-weight-medium);line-height:var(--ds-leading-subheading);letter-spacing:var(--ds-tracking-subheading);text-wrap:balance;margin:0}@media (prefers-reduced-motion:reduce){.ds-video-card__play,.ds-video-card__disc{transition:none}.ds-video-card__button:active :is(.ds-video-card__play,.ds-video-card__disc){transform:none}}
.ds-step{min-inline-size:0;padding:var(--ds-space-8);border:var(--ds-hairline) solid var(--ds-color-border-subtle);border-radius:var(--ds-radius-md);background:var(--ds-color-bg);font-family:var(--ds-font-sans);flex-direction:column;display:flex}.ds-step__number{color:var(--ds-color-text-subtle);font-size:var(--ds-text-nav);font-weight:var(--ds-weight-medium);line-height:var(--ds-leading-nav);font-variant-numeric:tabular-nums}.ds-step__title{margin:var(--ds-space-3) 0 0;color:var(--ds-color-text);font-size:var(--ds-text-subheading);font-weight:var(--ds-weight-medium);line-height:var(--ds-leading-subheading);letter-spacing:var(--ds-tracking-subheading);text-wrap:balance;overflow-wrap:break-word}.ds-step__text{margin:var(--ds-space-2) 0 0;color:var(--ds-color-text-muted);font-size:var(--ds-text-small);line-height:var(--ds-leading-body);text-wrap:pretty;overflow-wrap:break-word}.ds-step__track{align-items:center;gap:var(--ds-space-4);display:flex}.ds-step__badge{inline-size:var(--ds-control-lg);block-size:var(--ds-control-lg);border:var(--ds-hairline) solid var(--ds-color-border-strong);border-radius:var(--ds-radius-pill);color:var(--ds-color-text);font-family:var(--ds-font-label);font-size:var(--ds-text-caption);font-weight:var(--ds-weight-medium);line-height:var(--ds-leading-caption);font-variant-numeric:tabular-nums;flex:none;place-items:center;display:grid}.ds-step__rule{block-size:var(--ds-hairline);background:var(--ds-color-border-subtle);flex:1}.ds-step[data-marker=track] .ds-step__title{margin-top:var(--ds-space-6)}