.transitions-lesson .tr-panes{display:grid;grid-template-columns:minmax(0,1fr)}.transitions-lesson .tr-panes>.runtime-pane+.runtime-pane{border-top:1px solid var(--cf-color-border)}.transitions-lesson .tr-choice-label{align-self:center;margin-right:var(--cf-space-100);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.transitions-lesson .tr-search{margin:0 0 var(--cf-space-200);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-325)}.transitions-lesson .tr-search input{width:min(100%,var(--cf-space-2000)*3);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);font:inherit}.transitions-lesson .tr-tea-list{display:flex;flex-wrap:wrap;gap:var(--cf-space-100);max-height:calc(var(--cf-space-2000)*2);margin:0;padding:0;overflow:auto;list-style:none;font-size:var(--cf-font-size-275)}.transitions-lesson .tr-tea-list li{padding:var(--cf-space-050) var(--cf-space-150);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-100);color:var(--cf-color-text-secondary)}.transitions-lesson .tr-tea-list .is-match{border-color:var(--cf-color-primary-border);background:var(--cf-color-primary-subtle);color:var(--cf-color-text)}.transitions-lesson .tr-empty{margin:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.transitions-lesson .tr-key-chart{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)}.transitions-lesson .tr-key-chart li{display:grid;grid-template-columns:max-content minmax(0,1fr) calc(var(--cf-space-2000) + var(--cf-space-600));grid-gap:var(--cf-space-050) var(--cf-space-200);gap:var(--cf-space-050) var(--cf-space-200);align-items:center}.transitions-lesson .tr-key-chart li>code{grid-row:span 2}.transitions-lesson .tr-bar-track{position:relative;height:var(--cf-space-300);border-bottom:1px dashed var(--cf-color-border)}.transitions-lesson .tr-bar{position:absolute;top:var(--cf-space-050);bottom:var(--cf-space-050);left:0;min-width:var(--cf-space-100);border:1px solid var(--cf-color-primary-border);border-radius:var(--cf-radius-100);background:var(--cf-color-primary-subtle)}.transitions-lesson .tr-bar.is-list{border-color:var(--cf-color-success-border);background:var(--cf-color-success-subtle)}.transitions-lesson .tr-bar.is-skipped{border-style:dashed;border-color:var(--cf-color-border-strong);background:var(--cf-color-surface)}.transitions-lesson .tr-bar-label{color:var(--cf-color-text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media(max-width:560px){.transitions-lesson .tr-key-chart li{grid-template-columns:max-content minmax(0,1fr)}.transitions-lesson .tr-key-chart li>code{grid-row:span 4}.transitions-lesson .tr-key-chart li .tr-bar-label{grid-column:2}}