/* One compact color row. The action group cannot wrap or become a second row. */
#plusProfileEditorModal #plusGradientStopList .plus-gradient-stop {
  display: grid;
  grid-template-columns: 24px 36px minmax(0, 112px) max-content;
  align-items: center;
  justify-content: start;
  gap: 4px;
  min-width: 0;
}
#plusProfileEditorModal #plusGradientStopList .plus-gradient-stop-index {
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
}
#plusProfileEditorModal #plusGradientStopList .plus-gradient-color-trigger {
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 3px !important;
}
#plusProfileEditorModal #plusGradientStopList input[type="text"] {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 112px;
  height: 36px !important;
  min-height: 36px !important;
  padding: 5px 6px !important;
  font-size: 11px !important;
}
#plusProfileEditorModal .plus-gradient-stop-actions {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  width: max-content;
}
#plusProfileEditorModal #plusGradientStopList .plus-gradient-stop-actions > button {
  display: grid !important;
  grid-column: auto;
  flex: 0 0 36px;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
}
#plusProfileEditorModal .plus-gradient-direction-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  vertical-align: middle;
  pointer-events: none;
}
@media (max-width: 360px) {
  #plusProfileEditorModal #plusGradientStopList .plus-gradient-stop {
    grid-template-columns: 20px 30px minmax(0, 112px) max-content;
  }
  #plusProfileEditorModal #plusGradientStopList .plus-gradient-stop-index {
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
  }
  #plusProfileEditorModal #plusGradientStopList .plus-gradient-color-trigger {
    width: 30px !important;
    min-width: 30px !important;
    height: 32px !important;
    min-height: 32px !important;
  }
  #plusProfileEditorModal #plusGradientStopList .plus-gradient-stop-actions > button {
    flex-basis: 32px;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
  }
  #plusProfileEditorModal #plusGradientStopList input[type="text"] {
    font-size: 10px !important;
  }
}