.homepage-demo-caption{text-align:start;align-items:stretch;gap:32px;padding:40px 32px 0;display:flex}.homepage-demo-group{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.homepage-demo-group+.homepage-demo-group{border-inline-start:1px solid var(--ui-control-border);padding-inline-start:32px}.homepage-demo-group-label{color:var(--muted);font-size:13px;line-height:1.5}.homepage-demo-scenes{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.homepage-demo-scene{min-height:36px;color:var(--muted);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:2px;padding:4px 0 10px;font-family:inherit;font-size:15px;font-weight:500;line-height:1.5;transition:color .18s;position:relative}.homepage-demo-scene:after{inset-inline:0;background:var(--gold);opacity:0;content:"";height:2px;position:absolute;bottom:0}.homepage-demo-scene:hover{color:var(--text)}.homepage-demo-scene[aria-pressed=true]{color:var(--gold)}.homepage-demo-scene[aria-pressed=true]:after{opacity:1}.homepage-demo-scene:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.homepage-demo-replay-wrap{border-inline-start:1px solid var(--ui-control-border);flex:none;align-items:center;padding-inline-start:24px;display:flex}.homepage-demo-replay{flex:none}@media (max-width:900px){.homepage-demo-caption{flex-wrap:wrap}.homepage-demo-group{flex-basis:100%}.homepage-demo-group+.homepage-demo-group{border-inline-start:0;padding-inline-start:0}.homepage-demo-scenes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.homepage-demo-scene{white-space:normal;overflow-wrap:anywhere;justify-self:start;min-width:0;max-width:100%}.homepage-demo-replay-wrap{border-inline-start:0;margin-inline-start:auto;padding-inline-start:0}}@media (prefers-reduced-motion:reduce){.homepage-demo-scene{transition:none}}