.why-react-lesson .checkout-panes{display:grid;grid-template-columns:1fr 1fr}.why-react-lesson .checkout-panes>.runtime-pane+.runtime-pane{border-left:1px solid var(--cf-color-border)}.why-react-lesson .checkout-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)}.why-react-lesson .checkout-page p{margin:var(--cf-space-100) 0}.why-react-lesson .checkout-page [hidden]{display:none}.why-react-lesson .checkout-page ul{min-height:var(--cf-space-100);margin:var(--cf-space-100) 0;padding-left:var(--cf-space-500)}.why-react-lesson .checkout-page li{margin:0}.why-react-lesson .checkout-page button{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)}.why-react-lesson .checkout-page button:disabled{opacity:.5}.why-react-lesson .checkout-code{margin:var(--cf-space-250) 0 var(--cf-space-100);padding:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.why-react-lesson .checkout-changes{margin:0;padding-left:var(--cf-space-500);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-275)}.why-react-lesson .checkout-changes li{margin:var(--cf-space-050) 0}.why-react-lesson .checkout-changes code{font-size:var(--cf-font-size-275);overflow-wrap:anywhere}.why-react-lesson .checkout-none{margin:0;padding:0;color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-300)}@media(max-width:768px){.why-react-lesson .checkout-panes{grid-template-columns:1fr}.why-react-lesson .checkout-panes>.runtime-pane+.runtime-pane{border-left:0;border-top:1px solid var(--cf-color-border)}}