/* Canvas layout */
[data-ds-canvas].site-canvas-start {
  align-items: flex-start;
}
[data-ds-canvas].site-canvas-gap-lg {
  gap: var(--qf-space-10);
}
[data-ds-canvas].site-canvas-tooltips {
  padding-top: calc(var(--qf-space-12) + var(--qf-space-2));
}

/* Canvas widths */
[data-ds-canvas].site-canvas-tree {
  max-width: calc(var(--qf-space-5) * 21);
}
[data-ds-canvas].site-canvas-progress {
  max-width: calc(var(--qf-space-10) * 12);
}
[data-ds-canvas].site-canvas-list {
  max-width: calc(var(--qf-space-10) * 14);
}
.site-canvas-rail {
  width: calc(var(--qf-space-8) * 8);
  max-width: 100%;
}
.site-canvas-picker > .qf-field {
  width: calc(var(--qf-space-10) * 7);
  max-width: 100%;
}