.formula-row[data-v-9184cf5c] {
  padding: 12px;
  border: 1px solid var(--ion-color-light-shade);
  border-radius: 6px;
}
.formula-name[data-v-9184cf5c] {
  flex: 1;
  font-size: 14px;
  padding: 6px 10px;
  border-radius: 4px;
  border: 1px solid var(--ion-color-light-shade);
  background: var(--ion-background-color, #fff);
  color: var(--ion-text-color, inherit);
}
.formula-name[data-v-9184cf5c]:focus {
  outline: none;
  border-color: var(--ion-color-primary);
}
.formula-name.invalid[data-v-9184cf5c] {
  border-color: var(--ion-color-danger);
}
.formula-error[data-v-9184cf5c] {
  color: var(--ion-color-danger);
}
.swatch[data-v-9184cf5c] {
  --padding-start: 4px;
  --padding-end: 4px;
  margin: 0;
}
.range-input[data-v-9184cf5c] {
  width: 90px;
  font-size: 13px;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid var(--ion-color-light-shade);
  background: var(--ion-background-color, #fff);
  color: var(--ion-text-color, inherit);
}
.range-input[data-v-9184cf5c]:focus {
  outline: none;
  border-color: var(--ion-color-primary);
}
code[data-v-9184cf5c] {
  font-size: 12px;
}