.article-page .inp-in-frameworks-lesson .iif-choices{flex-wrap:wrap}.article-page .inp-in-frameworks-lesson .iif-rows{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);margin:0;padding:0;list-style:none;font-size:var(--cf-font-size-300)}.article-page .inp-in-frameworks-lesson .iif-rows li{display:grid;grid-template-columns:minmax(0,.6fr) auto minmax(0,2fr);grid-gap:var(--cf-space-200);gap:var(--cf-space-200);align-items:baseline;-webkit-padding-start:var(--cf-space-150);padding-inline-start:var(--cf-space-150);-webkit-border-start:2px solid var(--cf-color-border);border-inline-start:2px solid var(--cf-color-border);color:var(--cf-color-text-secondary)}.article-page .inp-in-frameworks-lesson .iif-live{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);-webkit-margin-after:var(--cf-space-200);margin-block-end:var(--cf-space-200)}.article-page .inp-in-frameworks-lesson .iif-live-box{padding:var(--cf-space-100) var(--cf-space-150);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-100);background:var(--cf-color-surface);color:var(--cf-color-text-strong);font:inherit}.article-page .inp-in-frameworks-lesson .iif-live-note{margin:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.article-page .inp-in-frameworks-lesson .iif-live-list{max-block-size:calc(var(--cf-space-2000)*3);margin:0;padding:0;overflow-y:auto;border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-100);list-style:none}.article-page .inp-in-frameworks-lesson .iif-live-list li{display:flex;justify-content:space-between;gap:var(--cf-space-200);padding:var(--cf-space-100) var(--cf-space-150);-webkit-border-after:1px solid var(--cf-color-border);border-block-end:1px solid var(--cf-color-border);font-size:var(--cf-font-size-300)}@media(max-width:560px){.article-page .inp-in-frameworks-lesson .iif-rows li{grid-template-columns:minmax(0,1fr) auto}.article-page .inp-in-frameworks-lesson .iif-rows li>span:last-child{grid-column:1/-1}}