.bg-gradient-preview-wrap {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--text-muted) 22%, transparent);
}

.bg-gradient-preview {
  display: block;
  width: 100%;
  height: 44px;
  cursor: crosshair;
  touch-action: none;
}

.panel-block[data-block='background'] .slider-line > span .block-title-name {
  display: inline-flex;
  align-items: center;
  gap: 0.35em;
  min-width: 0;
}

.panel-block[data-block='background'] #backgroundGradientCenterRow {
  display: flex;
  flex-direction: column;
  gap: var(--shelf-section-gap);
}

#backgroundGradientAngleRow[hidden],
#backgroundGradientCenterRow[hidden] {
  display: none !important;
}

.panel-block[data-block='background'] #backgroundGradientCenterRow .slider-line {
  margin-bottom: 0;
}

.panel-block.is-muted .bg-gradient-preview-wrap {
  opacity: 0.45;
  pointer-events: none;
}