.you-might-not-need-an-effect-lesson .cost-panes{display:grid;grid-template-columns:1fr 1fr}.you-might-not-need-an-effect-lesson .cost-panes>.runtime-pane{min-width:0}.you-might-not-need-an-effect-lesson .cost-panes>.runtime-pane+.runtime-pane{border-left:1px solid var(--cf-color-border)}.you-might-not-need-an-effect-lesson .cost-demo{margin:var(--cf-space-250) 0;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)}.you-might-not-need-an-effect-lesson .cost-demo p{margin:var(--cf-space-100) 0}.you-might-not-need-an-effect-lesson .cost-demo input:not([type=checkbox]){max-width:100%;width:9rem;padding:var(--cf-space-050) var(--cf-space-150)}.you-might-not-need-an-effect-lesson .cost-demo button,.you-might-not-need-an-effect-lesson .cost-demo input:not([type=checkbox]){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}.you-might-not-need-an-effect-lesson .cost-demo button{padding:var(--cf-space-050) var(--cf-space-250);font-size:var(--cf-font-size-300);cursor:pointer}.you-might-not-need-an-effect-lesson .cost-demo button:hover{border-color:var(--cf-color-border-hover)}.you-might-not-need-an-effect-lesson .cost-field{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--cf-space-150)}.you-might-not-need-an-effect-lesson .cost-log{margin:0;padding-left:var(--cf-space-500);font-size:var(--cf-font-size-275)}.you-might-not-need-an-effect-lesson .cost-log li{margin:var(--cf-space-050) 0;padding-left:var(--cf-space-100);border-left:3px solid var(--cf-color-border)}.you-might-not-need-an-effect-lesson .cost-log li.is-render{border-left-color:var(--cf-color-paper-primary-border)}.you-might-not-need-an-effect-lesson .cost-log li.is-effect{border-left-color:var(--cf-color-paper-secondary-border)}.you-might-not-need-an-effect-lesson .cost-log li.is-handler{border-left-color:var(--cf-color-paper-success-border)}.you-might-not-need-an-effect-lesson .cost-log code{font-size:var(--cf-font-size-275);overflow-wrap:anywhere}.you-might-not-need-an-effect-lesson .cost-log-empty{margin:0;color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-300)}@media(max-width:768px){.you-might-not-need-an-effect-lesson .cost-panes{grid-template-columns:1fr}.you-might-not-need-an-effect-lesson .cost-panes>.runtime-pane+.runtime-pane{border-left:0;border-top:1px solid var(--cf-color-border)}}