.twentyflow-panel {
  padding: var(--twentyone--spacing--16);
  border-radius: var(--twentyone--button--border-radius);
  background-color: var(--twentyflow--color--surface);
}
.twentyflow-panel.panel-has-width {
  --width: var(--twentyflow-panel-width-mobile, 100%);
}
@media (min-width: 48.01em) {
  .twentyflow-panel.panel-has-width {
    --width: var(--twentyflow-panel-width-tablet, var(--twentyflow-panel-width-mobile, 100%));
  }
}
@media (min-width: 80.01em) {
  .twentyflow-panel.panel-has-width {
    --width: var(--twentyflow-panel-width-desktop, var(--twentyflow-panel-width-tablet, 100%));
  }
}
.twentyflow-panel .panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--twentyone--spacing--16);
  margin-bottom: var(--twentyone--spacing--24);
  flex-wrap: wrap;
}
.twentyflow-panel .panel-header .panel-titles {
  flex: 1 1 auto;
  min-width: 0;
}
@media (min-width: 80.01em) {
  .twentyflow-panel .panel-header .panel-titles {
    flex: 1 1 0;
  }
}
.twentyflow-panel .panel-header .panel-titles .panel-title {
  margin: 0;
  font-family: var(--twentyone--font-family--system);
  font-size: var(--twentyflow--panel-legend-font-size);
  font-weight: var(--twentyflow--font--weight-regular);
  letter-spacing: var(--twentyflow--font--tracking-wide);
  text-transform: uppercase;
  color: var(--twentyflow--panel-legend-color);
}
.twentyflow-panel .panel-header .panel-titles .panel-title .twentyone-chip {
  display: inline-flex;
}
.twentyflow-panel .panel-header .panel-titles .panel-subtitle {
  margin: var(--twentyone--spacing--4) 0 0;
  font-size: var(--twentyone--font-size--level-7);
  color: var(--twentyflow--color--text-muted);
}
.twentyflow-panel .panel-header .panel-actions {
  display: flex;
  align-items: center;
  gap: var(--twentyone--spacing--8);
  flex-shrink: 0;
}
.twentyflow-panel .panel-header .panel-actions .twentyone-group {
  align-items: center;
}
.twentyflow-panel .twentyflow-panel {
  border: 1px solid var(--twentyflow--color--border-subtle);
}
@media print {
  .twentyflow-panel {
    box-shadow: none;
  }
}