.css-icon[data-v-48b0ca96]{color:#639}.tutorial-header[data-v-48b0ca96]{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.flex-container-example[data-v-48b0ca96],.flex-direction-example[data-v-48b0ca96],.justify-content-example[data-v-48b0ca96],.align-items-example[data-v-48b0ca96]{display:flex;background-color:#f0f0f0;padding:10px;margin-bottom:20px}.justify-content-example[data-v-48b0ca96],.align-items-example[data-v-48b0ca96]{height:200px}.flex-item-example[data-v-48b0ca96]{background-color:#3273dc;color:#fff;padding:20px;margin:10px;text-align:center}.navbar-example[data-v-48b0ca96]{display:flex;justify-content:space-between;align-items:center;background-color:#333;color:#fff;padding:1rem;border-radius:4px}.logo-example[data-v-48b0ca96]{font-size:1.5rem;font-weight:700}.nav-links-example[data-v-48b0ca96]{display:flex;list-style:none;margin:0;padding:0}.nav-links-example li[data-v-48b0ca96]{margin-left:1rem}.nav-links-example a[data-v-48b0ca96]{color:#fff;text-decoration:none}.nav-links-example a[data-v-48b0ca96]:hover{text-decoration:underline}.card-container-example[data-v-48b0ca96]{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.card-example[data-v-48b0ca96]{display:flex;flex-direction:column;width:250px;border:1px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0000001a}.card-image-example[data-v-48b0ca96]{width:100%;height:150px;background-color:#ddd}.card-content-example[data-v-48b0ca96]{padding:15px;display:flex;flex-direction:column;flex-grow:1}.card-content-example h3[data-v-48b0ca96]{margin-top:0;margin-bottom:10px}.card-content-example p[data-v-48b0ca96]{margin-bottom:15px}.card-content-example button[data-v-48b0ca96]{margin-top:auto;padding:8px 16px;background-color:#3273dc;color:#fff;border:none;border-radius:4px;cursor:pointer}.card-content-example button[data-v-48b0ca96]:hover{background-color:#2366d1}.example-output[data-v-48b0ca96]{border:1px solid #ddd;border-radius:4px;padding:15px;background-color:#fff}pre[data-v-48b0ca96]{background-color:#f5f5f5;border-radius:4px;padding:1rem;overflow-x:auto;margin-bottom:1rem}code[data-v-48b0ca96]{font-family:Courier New,Courier,monospace;white-space:pre-wrap}