.cp-feature-title-input{
  color:var(--cyan) !important;
  display:block;
  margin-bottom:10px;
  width:100%;
}

.feature-editor-list{
  display:grid;
  gap:8px;
}

.feature-editor-row{
  align-items:start;
  display:grid;
  gap:8px;
  grid-template-columns:34px minmax(0, 1fr) auto;
}

.feature-editor-row.is-dragging{
  opacity:.45;
}

.feature-editor-marker{
  background:#505050 !important;
  border:none !important;
  color:var(--brand-yellow) !important;
  font:inherit;
  font-size:var(--editor-control-font-size);
  height:30px;
  margin-top:3px;
  outline:none !important;
  padding:4px 0;
  text-align:center;
  width:34px;
}

.feature-editor-text{
  width:100%;
}

.feature-editor-delete{
  background:transparent;
  border:none;
  color:var(--brand-yellow);
  cursor:pointer;
  font:inherit;
  font-size:var(--editor-control-font-size);
  height:30px;
  margin-top:3px;
  padding:0 4px;
}

.feature-editor-actions{
  display:grid;
  gap:2px;
  justify-items:center;
  margin-top:3px;
}

.feature-editor-actions .feature-editor-delete{
  margin-top:0;
}

.feature-editor-drag{
  background:transparent;
  border:none;
  color:var(--brand-yellow);
  cursor:grab;
  font:inherit;
  font-size:var(--editor-control-font-size);
  height:20px;
  line-height:18px;
  padding:0 4px;
  touch-action:none;
  user-select:none;
}

.feature-editor-drag:active{
  cursor:grabbing;
}

.feature-editor-add{
  margin-top:8px;
}
