.gf-ss{display:flex;align-items:center;margin-top:48px}.gf-ss-detailed{justify-content:space-between;gap:48px}.gf-ss-timeline{gap:32px}.gf-ss-steps{display:grid;flex:1 1;min-width:0;margin:0;padding:0}.gf-ss-detailed .gf-ss-steps{gap:24px}.gf-ss-timeline .gf-ss-steps{gap:16px;padding:0 0 0 20px;border-left:2px solid rgb(var(--gf-color-brand-blue-channels)/40%)}.gf-ss-step{display:flex;align-items:center;gap:22px;width:100%;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left;cursor:pointer}.gf-ss-detailed .gf-ss-step{min-height:74px;padding:12px}.gf-ss-timeline .gf-ss-step{min-height:56px;padding:8px 12px}.gf-ss-step-active,.gf-ss-step:hover{background:#e2e6ef}.gf-ss-step:focus-visible{outline:2px solid var(--gf-color-brand-blue-primary);outline-offset:2px}.gf-ss-index{width:40px;height:40px;display:grid;flex:0 0 40px;place-items:center;border-radius:50%;background:var(--gf-color-icon-surface);color:var(--gf-color-brand-blue-primary);font-size:20px;font-weight:600;line-height:28px}.gf-ss-step-active .gf-ss-index,.gf-ss-step:hover .gf-ss-index{background:var(--gf-color-surface)}.gf-ss-copy{min-width:0}.gf-ss-step h3{margin:0;color:var(--gf-color-text-primary);font-size:var(--gf-text-body-lg-size);font-weight:600;line-height:24px}.gf-ss-step-active h3,.gf-ss-step:hover h3{color:var(--gf-color-brand-blue-primary)}.gf-ss-step p{margin:2px 0 0;color:var(--gf-color-text-hint);font-size:14px;line-height:24px}.gf-ss-preview{position:relative;overflow:hidden;border-radius:12px;background:#031128}.gf-ss-detailed .gf-ss-preview{width:655px;height:368px;flex:0 0 655px}.gf-ss-timeline .gf-ss-preview{width:868px;height:488px;flex:0 0 868px}.gf-ss-track{display:flex;height:100%}.gf-ss-animating{transition:transform .6s cubic-bezier(.22,1,.36,1)}.gf-ss-slide{position:relative;flex:0 0 auto;height:100%}.gf-ss-preview img{object-fit:cover}@media (max-width:1280px){.gf-ss-timeline .gf-ss-preview{width:min(52%,868px);height:auto;flex-basis:min(52%,868px);aspect-ratio:868/488}}@media (max-width:1200px){.gf-ss-detailed{gap:32px}.gf-ss-detailed .gf-ss-preview{width:min(48%,655px);height:auto;flex-basis:min(48%,655px);aspect-ratio:655/368}}@media (max-width:800px){.gf-ss{flex-direction:column;align-items:stretch}.gf-ss-detailed .gf-ss-preview,.gf-ss-timeline .gf-ss-preview{width:100%;flex-basis:auto}}@media (max-width:700px){.gf-ss{margin-top:36px}.gf-ss-step{align-items:flex-start;gap:12px;min-height:0}.gf-ss-steps{gap:12px}.gf-ss-index{width:32px;height:32px;flex-basis:32px}.gf-ss-index,.gf-ss-step h3{font-size:16px}.gf-ss-step p{font-size:13px;line-height:22px}}@media (prefers-reduced-motion:reduce){.gf-ss-animating{transition:none}}