.state-as-a-snapshot-lesson .snapshot-count{margin:0 0 var(--cf-space-250);font-size:var(--cf-font-size-400)}.state-as-a-snapshot-lesson .snapshot-count strong{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.state-as-a-snapshot-lesson .snapshot-subheading{margin:var(--cf-space-250) 0 var(--cf-space-100);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-275)}.state-as-a-snapshot-lesson .snapshot-renders{display:flex;flex-wrap:wrap;gap:var(--cf-space-100);margin:0;padding:0;list-style:none}.state-as-a-snapshot-lesson .snapshot-renders li{display:flex;flex-direction:column;gap:var(--cf-space-050);margin:0;padding:var(--cf-space-100) var(--cf-space-200);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-100);background:var(--cf-color-surface);color:var(--cf-color-text-tertiary);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-275)}.state-as-a-snapshot-lesson .snapshot-renders li.is-current{border-color:var(--cf-color-success-border);background:var(--cf-color-success-subtle);color:var(--cf-color-text)}.state-as-a-snapshot-lesson .snapshot-waiting{color:var(--cf-color-text-secondary);font-family:var(--cf-font-sans)}.state-as-a-snapshot-lesson .snapshot-log{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);margin:0;padding-left:var(--cf-space-500);font-size:var(--cf-font-size-300)}.state-as-a-snapshot-lesson .snapshot-log li{margin:0}.state-as-a-snapshot-lesson .snapshot-empty{margin:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}