@use '../../../../node_modules/gridstack/dist/src/gridstack.scss';

/* set a max width on the grid */
.grid-stack {
  max-width: calc(1584px - 32px);
  // margin: 0 auto; // shidoka grid should be left aligned by default
}

/* remove .grid-stack-item-content overflow */
.grid-stack > .grid-stack-item > .grid-stack-item-content {
  overflow: initial;
}

/* custom resize handle */
.grid-stack-item > .ui-resizable-se {
  transform: none;
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" stroke="%236D6D6D" stroke-width="2px" xmlns="http://www.w3.org/2000/svg"><path d="m9.5 14.5 5-5M4 14.5 14.5 4"></path></svg>');
  background-size: 16px;
}