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