.build-your-own-react-lesson .byor-controls{display:flex;flex-wrap:wrap;gap:var(--cf-space-150)}.build-your-own-react-lesson .byor-panes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.build-your-own-react-lesson .byor-panes>.runtime-pane+.runtime-pane{border-left:1px solid var(--cf-color-border)}.build-your-own-react-lesson .byor-rules,.build-your-own-react-lesson .byor-tree{display:grid;grid-gap:var(--cf-space-050);gap:var(--cf-space-050);margin:0;padding:0;list-style:none;font-size:var(--cf-font-size-275)}.build-your-own-react-lesson .byor-rules li,.build-your-own-react-lesson .byor-tree li{display:flex;flex-wrap:wrap;gap:var(--cf-space-100);align-items:baseline;padding:var(--cf-space-050) var(--cf-space-100);border:1px solid rgba(0,0,0,0);border-radius:var(--cf-radius-100)}.build-your-own-react-lesson .byor-rules li.is-here,.build-your-own-react-lesson .byor-tree li.is-here{border-color:var(--cf-color-primary-border);background:var(--cf-color-primary-subtle)}.build-your-own-react-lesson .byor-rules code,.build-your-own-react-lesson .byor-tree code{overflow-wrap:anywhere}.build-your-own-react-lesson .byor-tree li.depth-1{margin-left:var(--cf-space-300)}.build-your-own-react-lesson .byor-tree li.depth-2{margin-left:var(--cf-space-600)}.build-your-own-react-lesson .byor-tree li.depth-3{margin-left:var(--cf-space-800)}.build-your-own-react-lesson .byor-tree li.is-done>code{color:var(--cf-color-success)}.build-your-own-react-lesson .byor-badge{color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-250)}@media(max-width:768px){.build-your-own-react-lesson .byor-panes{grid-template-columns:minmax(0,1fr)}.build-your-own-react-lesson .byor-panes>.runtime-pane+.runtime-pane{border-left:0;border-top:1px solid var(--cf-color-border)}}