.your-first-component-lesson .component-page{margin-bottom:var(--cf-space-300);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)}.your-first-component-lesson .component-page h1{margin:0 0 var(--cf-space-100);font-size:var(--cf-font-size-400)}.your-first-component-lesson .component-page .tea-card{margin:var(--cf-space-150) 0;padding:var(--cf-space-100) var(--cf-space-250);border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-100)}.your-first-component-lesson .component-page .tea-card h3{margin:0;font-size:var(--cf-font-size-325)}.your-first-component-lesson .component-page .tea-card p{margin:var(--cf-space-050) 0 0}.your-first-component-lesson .import-choices{display:flex;flex-wrap:wrap;gap:var(--cf-space-200) var(--cf-space-500)}.your-first-component-lesson .import-choices span{align-self:center;margin-right:var(--cf-space-150);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.your-first-component-lesson .import-files{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200)}.your-first-component-lesson .import-files .article-code{margin:0}.your-first-component-lesson .import-output{margin:0;color:var(--cf-color-text);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-300);overflow-wrap:anywhere}.your-first-component-lesson .import-output.is-error{color:var(--cf-color-danger)}@media(max-width:768px){.your-first-component-lesson .import-choices{flex-direction:column}}