.project-code-example[data-v-8cf4d8ef]{border-left:4px solid #3298dc;margin:2rem 0}.project-code-example__header[data-v-8cf4d8ef]{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.project-code-example__intro[data-v-8cf4d8ef],.project-code-example__takeaway[data-v-8cf4d8ef]{margin-bottom:0}.project-code-example__takeaway[data-v-8cf4d8ef]{margin-top:1rem}@media (max-width: 768px){.project-code-example__header[data-v-8cf4d8ef]{flex-direction:column}}