.bg-gradient-foldout {
  margin-top: 0.35rem;
}

.bg-gradient-preview-wrap {
  margin: 0.35rem 0 0.5rem;
  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;
}

.bg-gradient-stop-color-line {
  margin-bottom: 0.5rem;
}

.bg-gradient-type-toggle {
  margin-bottom: 0.5rem;
}

.panel-block.is-muted .bg-gradient-preview-wrap,
.panel-block.is-muted .bg-gradient-stop-color-line,
.panel-block.is-muted .bg-gradient-type-toggle {
  opacity: 0.45;
  pointer-events: none;
}