.conditional-rendering-lesson .banner-controls{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200)}.conditional-rendering-lesson .banner-body h4{margin:var(--cf-space-300) 0 var(--cf-space-100);color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-275);font-weight:var(--cf-font-weight-semibold)}.conditional-rendering-lesson .banner-body h4:first-child{margin-top:0}.conditional-rendering-lesson .banner-children{display:flex;flex-wrap:wrap;gap:var(--cf-space-150);margin:0;padding:0;list-style:none}.conditional-rendering-lesson .banner-children li{margin:0;padding:var(--cf-space-050) var(--cf-space-200);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-100);background:var(--cf-color-surface)}.conditional-rendering-lesson .banner-children li.is-empty{border-style:dashed;color:var(--cf-color-text-tertiary)}.conditional-rendering-lesson .banner-children code{font-size:var(--cf-font-size-275)}.conditional-rendering-lesson .banner-call,.conditional-rendering-lesson .banner-wait{margin:0;padding:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.conditional-rendering-lesson .banner-page{padding:var(--cf-space-200) var(--cf-space-300);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)}.conditional-rendering-lesson .banner-page h3{margin:0 0 var(--cf-space-100);font-size:var(--cf-font-size-350)}.conditional-rendering-lesson .banner-page p{margin:var(--cf-space-100) 0 0;padding:0}.conditional-rendering-lesson .banner-page .banner{padding:var(--cf-space-050) var(--cf-space-200);border-radius:var(--cf-radius-100);background:var(--cf-color-accent-subtle)}.conditional-rendering-lesson .banner-page [hidden]{display:none}.conditional-rendering-lesson .banner-html{margin:var(--cf-space-200) 0 0;padding:var(--cf-space-200) var(--cf-space-300);border-radius:var(--cf-radius-150);background:var(--cf-color-surface-sunken);overflow-x:auto}.conditional-rendering-lesson .banner-html code{font-size:var(--cf-font-size-275);white-space:pre}@media(max-width:768px){.conditional-rendering-lesson .banner-html code{white-space:pre-wrap;overflow-wrap:anywhere}}