.react-frameworks-lesson .rf-tools{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200);margin:0;padding:0;list-style:none}.react-frameworks-lesson .rf-tools>li{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)}.react-frameworks-lesson .rf-tools>li.is-good{border-color:var(--cf-color-success-border)}.react-frameworks-lesson .rf-tools>li.is-no{border-color:var(--cf-color-danger-border);color:var(--cf-color-text-secondary)}.react-frameworks-lesson .rf-tools ul{margin:var(--cf-space-100) 0 0;padding-left:var(--cf-space-500);color:var(--cf-color-text-secondary)}.react-frameworks-lesson .rf-fit{margin-left:var(--cf-space-200);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.react-frameworks-lesson .is-good .rf-fit{color:var(--cf-color-success)}.react-frameworks-lesson .is-no .rf-fit{color:var(--cf-color-danger)}@media(max-width:768px){.react-frameworks-lesson .rf-fit{display:block;margin-left:0}}