.state-management-lesson .sm-panes{display:grid;grid-template-columns:1fr 1fr}.state-management-lesson .sm-panes>.runtime-pane+.runtime-pane{border-left:1px solid var(--cf-color-border)}.state-management-lesson .sm-box{margin:var(--cf-space-150) 0;padding:var(--cf-space-100) var(--cf-space-200);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)}.state-management-lesson .sm-tally{margin-left:var(--cf-space-150);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-275)}@media(max-width:768px){.state-management-lesson .sm-panes{grid-template-columns:1fr}.state-management-lesson .sm-panes>.runtime-pane+.runtime-pane{border-left:0;border-top:1px solid var(--cf-color-border)}}