/**
 * @prop --kanban-padding-right: the amount of space in the right side of the component. Could be dynamically changed to the width of the sidepanel for example, when the sidepanel is open. This will avoid the content from being covered by the floating sidepanel
 */
:host(limebb-kanban) {
  --limebb-kanban-col-gap: 1rem;
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
  column-gap: var(--limebb-kanban-col-gap);
  width: 100%;
  height: 100%;
  padding: 0.5rem;
  padding-right: calc(var(--kanban-padding-right, 0rem) + 5rem);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scroll-padding: calc(var(--limebb-kanban-col-gap) + 0.5rem);
}