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