.component-composition-lesson .requests-panes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.component-composition-lesson .requests-panes>.runtime-pane+.runtime-pane{border-left:1px solid var(--cf-color-border)}.component-composition-lesson .requests-props{display:flex;flex-wrap:wrap;gap:var(--cf-space-100);margin:0;padding:0;list-style:none}.component-composition-lesson .requests-props li{margin:0;padding:var(--cf-space-050) var(--cf-space-150);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-100);color:var(--cf-color-text);font-size:var(--cf-font-size-275)}.component-composition-lesson .requests-props li.is-added{border-color:var(--cf-color-tertiary-border);background:var(--cf-color-tertiary-subtle)}.component-composition-lesson .requests-props code{font-size:var(--cf-font-size-275);overflow-wrap:anywhere}.component-composition-lesson .requests-new{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.component-composition-lesson .requests-count,.component-composition-lesson .requests-where{margin:var(--cf-space-300) 0 0;padding:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.component-composition-lesson .requests-where{margin-top:0}.component-composition-lesson .requests-change{margin:var(--cf-space-200) 0 0;padding:var(--cf-space-200) var(--cf-space-300);overflow-x:auto;border:1px solid var(--cf-color-tertiary-border);border-radius:var(--cf-radius-100);background:var(--cf-color-tertiary-subtle);color:var(--cf-color-text);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-275);white-space:pre}@media(max-width:768px){.component-composition-lesson .requests-panes{grid-template-columns:minmax(0,1fr)}.component-composition-lesson .requests-panes>.runtime-pane+.runtime-pane{border-left:0;border-top:1px solid var(--cf-color-border)}}