.color-picker-btn{width:1.5rem;height:1.5rem;border-radius:.375rem;border-width:2px;transition:all .15s ease}.color-picker-btn:hover{transform:scale(1.05)}.color-picker-btn.selected{border-color:#3b82f6;transform:scale(1.1)}.color-picker-btn:not(.selected){border-color:transparent}.color-black{background-color:#000000}.color-slate-600{background-color:#475569}.color-slate-500{background-color:#64748b}.color-slate-400{background-color:#94a3b8}.color-slate-300{background-color:#cbd5e1}.color-red-500{background-color:#ef4444}.color-orange-500{background-color:#f97316}.color-yellow-500{background-color:#eab308}.color-green-500{background-color:#22c55e}.color-teal-500{background-color:#14b8a6}.color-blue-500{background-color:#3b82f6}.color-violet-500{background-color:#8b5cf6}.color-pink-500{background-color:#ec4899}