/* 1.0.3: draw four strings as lines and center every finger dot on its string. */
.mtpb-app .mtpb-grid {
  display: flex !important;
  grid-template-columns: none !important;
  justify-content: space-between !important;
  align-items: stretch !important;
  background: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent calc(20% - 1px),
    currentColor calc(20% - 1px),
    currentColor 20%
  ) !important;
}

.mtpb-app .mtpb-string,
.mtpb-app .mtpb-string:last-child {
  flex: 0 0 1px !important;
  width: 1px !important;
  min-width: 1px !important;
  border: 0 !important;
  background: currentColor !important;
}

.mtpb-app .mtpb-string i,
.mtpb-app .mtpb-string b {
  left: 50% !important;
}