.fvl-color-picker-wrapper {
    @apply p-2;
}

.fvl-color-picker-group {
    @apply flex rounded;
}

.fvl-color-picker-container {
    @apply flex w-full;
}

.fvl-color-picker-label {
    @apply block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2;
}

.fvl-color-picker {
    @apply appearance-none block w-full bg-gray-200 text-gray-800 border border-gray-200 rounded-l py-3 px-4 leading-tight;
}

.fvl-color-picker:focus {
    @apply outline-none;
}

.fvl-color-preview {
    @apply inline-flex cursor-pointer items-center bg-gray-200 border border-gray-200 py-3 px-4 leading-tight rounded-r cursor-pointer;
}

.fvl-color-picker-dropdown {
    @apply z-50;
}

.fvl-color-picker-dropdown .vc-chrome {
    @apply rounded shadow-lg overflow-hidden;
}