.fetching-data-lesson .fetch-panes{display:grid;grid-template-columns:minmax(0,1fr)}.fetching-data-lesson .fetch-panes>.runtime-pane+.runtime-pane{border-top:1px solid var(--cf-color-border)}.fetching-data-lesson .fetch-choice-label{align-self:center;margin-right:var(--cf-space-100);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.fetching-data-lesson .fetch-mini-page{padding:var(--cf-space-250) var(--cf-space-350);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-150);background:var(--cf-color-surface);color:var(--cf-color-text);font-size:var(--cf-font-size-325)}.fetching-data-lesson .fetch-mini-page h4,.fetching-data-lesson .fetch-mini-page p,.fetching-data-lesson .fetch-mini-page ul{margin:var(--cf-space-100) 0 0}.fetching-data-lesson .fetch-mini-page h4{font-size:var(--cf-font-size-350)}.fetching-data-lesson .fetch-mini-page ul{padding-left:var(--cf-space-400)}.fetching-data-lesson .fetch-mini-page button{margin-right:var(--cf-space-100);padding:var(--cf-space-050) var(--cf-space-250);border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-100);background:var(--cf-color-surface-raised);color:var(--cf-color-text);font:inherit;font-size:var(--cf-font-size-300);cursor:pointer}.fetching-data-lesson .fetch-mini-page button:hover{border-color:var(--cf-color-border-hover)}.fetching-data-lesson .fetch-mini-page button span{color:var(--cf-color-text-secondary)}.fetching-data-lesson .fetch-mini-wrong{color:var(--cf-color-danger);font-weight:var(--cf-font-weight-semibold)}.fetching-data-lesson .fetch-timeline-empty{margin:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.fetching-data-lesson .fetch-timeline{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200);margin:0;padding:0;list-style:none;font-size:var(--cf-font-size-300)}.fetching-data-lesson .fetch-timeline li{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-gap:var(--cf-space-050) var(--cf-space-200);gap:var(--cf-space-050) var(--cf-space-200);align-items:center}.fetching-data-lesson .fetch-timeline-label{font-size:var(--cf-font-size-300)}.fetching-data-lesson .fetch-timeline-track{position:relative;height:var(--cf-space-400);border-bottom:1px dashed var(--cf-color-border)}.fetching-data-lesson .fetch-timeline-bar{position:absolute;top:var(--cf-space-050);bottom:var(--cf-space-050);border:1px solid var(--cf-color-primary-border);border-radius:var(--cf-radius-100);background:var(--cf-color-primary-subtle)}.fetching-data-lesson .fetch-timeline-outcome{grid-column:2;color:var(--cf-color-text-secondary)}.fetching-data-lesson .is-shown .fetch-timeline-bar{border-color:var(--cf-color-success-border);background:var(--cf-color-success-subtle)}.fetching-data-lesson .is-stale .fetch-timeline-bar{border-color:var(--cf-color-danger-border);background:var(--cf-color-danger-subtle)}.fetching-data-lesson .is-stale .fetch-timeline-outcome{color:var(--cf-color-danger);font-weight:var(--cf-font-weight-semibold)}.fetching-data-lesson .is-cancelled .fetch-timeline-bar,.fetching-data-lesson .is-ignored .fetch-timeline-bar{border-style:dashed;border-color:var(--cf-color-border-strong);background:var(--cf-color-surface)}@media(max-width:560px){.fetching-data-lesson .fetch-mini-page{padding:var(--cf-space-200)}}