.color-display[data-v-61226317]{border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:120px;transition:all .3s;width:120px}.dark .color-display[data-v-61226317]{border-color:#374151;box-shadow:0 2px 8px #0000004d}@media screen and (max-width:767px){[data-v-61226317] .el-button{margin-bottom:10px}.color-display[data-v-61226317]{height:100px;width:100px}}.color-table[data-v-61226317]{border-collapse:collapse;font-size:14px}.color-table td[data-v-61226317],.color-table th[data-v-61226317]{border:1px solid #e5e7eb;padding:12px;text-align:left}.dark .color-table td[data-v-61226317],.dark .color-table th[data-v-61226317]{border-color:#374151}.color-table th[data-v-61226317]{background-color:#f9fafb;color:#374151;font-weight:600}.dark .color-table th[data-v-61226317]{background-color:#1f2937;color:#d1d5db}.color-table tbody tr[data-v-61226317]{transition:background-color .2s}.color-preview[data-v-61226317]{border:1px solid #e5e7eb;border-radius:4px;height:30px;width:40px}.dark .color-preview[data-v-61226317]{border-color:#374151}@media screen and (max-width:767px){.color-table[data-v-61226317]{font-size:12px}.color-table td[data-v-61226317],.color-table th[data-v-61226317]{padding:8px 6px}.color-preview[data-v-61226317]{height:24px;width:30px}}