.ws-ly-story{container:ws-ly-story/inline-size}.ws-ly-story-grid{align-items:start;gap:clamp(24px,4vw,64px);display:grid}.ws-ly-story-steps{margin:0;padding:0;list-style:none;display:grid}.ws-ly-story-step{border-top:1px solid color-mix(in srgb, currentColor 14%, transparent);padding:28px 0 32px}.ws-ly-story-step:last-child{border-bottom:1px solid color-mix(in srgb, currentColor 14%, transparent)}.ws-ly-story-step h3{max-width:28ch;color:var(--sys-text-strong);margin:0 0 12px;font-size:clamp(20px,1.2vw + 12px,26px);font-weight:600;line-height:1.25}.ws-ly-story.lp-tone-dark .ws-ly-story-step h3,.ws-ly-story.ws-tone-midnight .ws-ly-story-step h3{color:var(--sys-text-inverse)}.ws-ly-story-text{max-width:52ch;font-size:var(--t-lead);gap:12px;line-height:1.5;display:grid}.ws-ly-story-text p{margin:0}.ws-ly-story.lp-tone-light .ws-ly-story-text,.ws-ly-story.lp-tone-neutral .ws-ly-story-text{color:var(--sys-text-body)}.ws-ly-story-inline{justify-content:flex-start;margin-top:24px;display:flex}.ws-ly-story-stage{display:none}.ws-ly-story.has-stage .ws-ly-story-stage{height:clamp(440px,120vw,560px);display:block}.ws-ly-story .ws-ly-story-media.is-shared{opacity:1;padding:clamp(12px,2vw,24px);transform:none}.ws-ly-story-frame{border-radius:var(--radius-lg);background:radial-gradient(120% 80% at 85% 0%, color-mix(in srgb, var(--sys-surface-brand) 16%, transparent), transparent 60%), linear-gradient(170deg, color-mix(in srgb, currentColor 9%, transparent), color-mix(in srgb, currentColor 3%, transparent));height:100%;position:relative;overflow:hidden}.ws-ly-story-media{opacity:0;transition:opacity .6s var(--lp-out);justify-content:center;align-items:center;padding:clamp(20px,3vw,40px);display:flex;position:absolute;inset:0}:where(.ws-ly-story-media,.ws-ly-story-inline).ws-ly-bento>*{min-width:0;max-width:100%}.ws-ly-story-progress{inset-block-start:var(--space-24);inset-inline:var(--space-28);gap:var(--space-6);display:flex;position:absolute}.ws-ly-story-seg{height:var(--space-4);border-radius:var(--radius-pill);background:color-mix(in srgb, currentColor 14%, transparent);flex:1;position:relative;overflow:hidden}.ws-ly-story-fill{background:var(--sys-surface-brand);transform-origin:0;transition:transform var(--sys-dur-tone) var(--sys-ease-out);position:absolute;inset:0;transform:scaleX(0)}.ws-ly-story-seg[data-on] .ws-ly-story-fill{transform:none}.ws-ly-story-media.is-fit-contain>*,.ws-ly-story-media.is-fit-cover>*,.ws-ly-story-media.is-fit-natural>*,.ws-ly-story-inline.is-fit-contain>*,.ws-ly-story-inline.is-fit-cover>*,.ws-ly-story-inline.is-fit-natural>*{flex:none;max-width:100%;max-height:100%;margin-block:0}.ws-ly-story-media.is-fit-contain>img,.ws-ly-story-media.is-fit-contain>video,.ws-ly-story-media.is-fit-contain>picture>img,.ws-ly-story-inline.is-fit-contain>img,.ws-ly-story-inline.is-fit-contain>video,.ws-ly-story-inline.is-fit-contain>picture>img{object-fit:contain;width:100%;height:100%}.ws-ly-story-media.is-fit-cover{padding:0}.ws-ly-story-media.is-fit-cover>picture,.ws-ly-story-inline.is-fit-cover>picture{width:100%;height:100%;display:block}.ws-ly-story-media.is-fit-cover>img,.ws-ly-story-media.is-fit-cover>video,.ws-ly-story-media.is-fit-cover>picture>img,.ws-ly-story-inline.is-fit-cover>img,.ws-ly-story-inline.is-fit-cover>video,.ws-ly-story-inline.is-fit-cover>picture>img{object-fit:cover;width:100%;height:100%;display:block}.ws-ly-story-media.is-fit-natural>*,.ws-ly-story-inline.is-fit-natural>*{width:auto;height:auto}@media (prefers-reduced-motion:no-preference){@container ws-ly-story (width>=900px){.ws-ly-story[data-active] .ws-ly-story-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ws-ly-story[data-active] .ws-ly-story-steps{grid-column:1}.ws-ly-story[data-active] .ws-ly-story-step{min-height:70vh;transition:opacity .45s var(--lp-out);flex-direction:column;justify-content:center;padding:40px 0;display:flex}.ws-ly-story[data-active] .ws-ly-story-step:first-child{border-top-color:#0000}.ws-ly-story[data-active] .ws-ly-story-step:not([aria-current=step]){opacity:.45}.ws-ly-story.is-live[data-active] .ws-ly-story-step:not([aria-current=step]){opacity:.25}.ws-ly-story[data-active] .ws-ly-story-inline{display:none}.ws-ly-story[data-active] .ws-ly-story-stage{grid-area:1/2;height:min(500px,100vh - 128px);display:block;position:sticky;top:96px}.ws-ly-story.is-live[data-active] .ws-ly-story-stage{height:min(clamp(500px,56vh,640px),88vh - 24px);top:12vh}.ws-ly-story.has-stage[data-active] .ws-ly-story-stage{height:min(640px,100vh - 128px)}.ws-ly-story.is-media-left[data-active] .ws-ly-story-stage{order:-1;grid-column:1}.ws-ly-story.is-media-left[data-active] .ws-ly-story-steps{grid-column:2}.ws-ly-story[data-active] .ws-ly-story-media[data-on]{opacity:1}.ws-ly-story.is-live[data-active] .ws-ly-story-media{transition:opacity var(--sys-dur-tone) var(--sys-ease-out), transform var(--sys-dur-tone) var(--sys-ease-out);transform:translateY(30px)scale(.97)}.ws-ly-story.is-live[data-active] .ws-ly-story-media[data-on]{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){.ws-ly-story-media,.ws-ly-story-step,.ws-ly-story-fill{transition:none}.ws-ly-story[data-active] .ws-ly-story-media{transform:none}}.ws-ly-story.lp-tone-dark{color:var(--sys-text-inverse)}.ws-ly-story.lp-tone-dark .ws-ly-story-text,.ws-ly-story.ws-tone-midnight .ws-ly-story-text{color:color-mix(in srgb, var(--sys-text-inverse) 74%, transparent)}.ws-ly-story.lp-tone-dark .ws-ly-story-fill,.ws-ly-story.ws-tone-midnight .ws-ly-story-fill{background:var(--sys-action-primary)}.ws-ly-story.is-live .ws-ly-story-frame{background-color:var(--clr-blue-black-blue,#011131);color:var(--sys-text-inverse);background-image:none;border-radius:32px}.ws-ly-story.is-live .ws-ly-story-frame:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 70% 20%,#0a63d18c,#0000 55%),radial-gradient(circle at 20% 90%,#ea00fe24,#0000 50%);position:absolute;inset:0}.ws-ly-story.is-live .ws-ly-story-media{padding:0;inset:56px 32px 32px}.ws-ly-story.is-live .ws-ly-story-seg{background:#ffffff26}.ws-ly-story.is-live .ws-ly-story-fill{background:#5bee49;transition-duration:.6s;transition-timing-function:cubic-bezier(.16,1,.3,1)}@media (width>=900px){.ws-ly-story.is-live[data-active] .ws-ly-story-media{transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}}
