.demo[data-v-d42f075c]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:2rem}.demo h1[data-v-d42f075c]{color:#111827;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem}.demo .color-boxes[data-v-d42f075c]{display:flex;gap:1rem}.demo .box[data-v-d42f075c]{border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;font-weight:500;padding:1rem;transition:all .3s ease-in-out}.demo .box[data-v-d42f075c]:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.demo .box.primary[data-v-d42f075c]{background-color:#3b82f6}.demo .box.secondary[data-v-d42f075c]{background-color:#8b5cf6}.demo .box.success[data-v-d42f075c]{background-color:#10b981}