.highlight-box[data-v-637bb502]{background-color:#f0f8ff;border-left:5px solid #3273dc}.try-it-box[data-v-637bb502]{background-color:#f0fff4;border-left:5px solid #48c774}.practice-box[data-v-637bb502]{background-color:#fff5eb;border-left:5px solid #ffdd57}.next-steps-box[data-v-637bb502]{background-color:#f5f5f5;border-left:5px solid #363636}.data-types-grid[data-v-637bb502]{display:grid;gap:1.5rem;margin:2rem 0;max-width:100%}.data-types-grid .box[data-v-637bb502]{height:100%;display:flex;flex-direction:column;max-width:500px;margin:0 auto}.data-types-grid .box[data-v-637bb502] .cm-editor{max-width:100%;overflow-x:auto}.data-types-grid .box[data-v-637bb502] .cm-scroller{overflow-x:auto}.data-types-grid .box button[data-v-637bb502]{margin-top:auto}.button[data-v-637bb502]{transition:all .3s ease}.button[data-v-637bb502]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}@media (min-width: 769px){.data-types-grid[data-v-637bb502]{grid-template-columns:repeat(2,50%);gap:2rem}.data-types-grid .box[data-v-637bb502]{width:100%}}@media (max-width: 768px){.data-types-grid .box[data-v-637bb502]{width:100%;margin:0 auto}}