.nameColorRow {
  display: flex;
  gap: 10px;
  align-items: center;
}

.colorInput {
  flex: 0 0 40px;
  width: 40px;
  height: 34px;
  padding: 0;
  border: 1px solid var(--stroke);
  border-radius: var(--radius-sm);
  background: transparent;
  cursor: pointer;
  overflow: hidden;
}

.colorInput::-webkit-color-swatch-wrapper {
  padding: 0;
  border-radius: inherit;
}

.colorInput::-webkit-color-swatch {
  border: none;
  border-radius: inherit;
}

.colorInput::-moz-color-swatch {
  border: none;
  border-radius: inherit;
}