.control-label {
  flex: 0 0 15%;
  min-width: 80px;
}

.control-static {
  text-align: left;
  white-space: pre-wrap;
  word-break: break-word;
}

.separator {
  color: var(--text-accent);
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--bg-panel);
}

.bubble {
  padding: 12px 16px;
  background: var(--bg-panel);
  border: 1px solid var(--border);
  border-radius: 4px;
}

.flex.column > .control-label {
  flex: none;
  min-width: 0;
}

@media (max-width: 480px) {
  .stack-sm {
    flex-direction: column;
    align-items: stretch;
  }
  .stack-sm .control-label {
    flex: none;
    min-width: 0;
  }
}