.web-grid-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  width: 100%;
  height: 100%;
}

.web-grid-panel__outer {
  min-width: 0;
  min-height: 0;
  width: 100%;
  height: 100%;
  padding: var(--web-grid-panel-padding, 0px);
  border: var(--web-grid-panel-border-width, 1px) solid var(--web-grid-panel-border-color, #A6C9EC);
  background: var(--web-grid-panel-bg, #F8FAFC);
  overflow: hidden;
  box-sizing: border-box;
}

.web-grid-panel__grid {
  min-width: 0;
  min-height: 0;
  width: 100%;
  height: 100%;
  display: grid;
  gap: var(--web-grid-panel-gap, 8px);
  box-sizing: border-box;
}

.web-grid-panel__cell-panel {
  min-width: 0;
  min-height: 0;
  width: 100%;
  height: 100%;
  padding:
    var(--web-grid-panel-cell-padding-block, 0px)
    var(--web-grid-panel-cell-padding-inline, 0px);
  border: var(--web-grid-panel-cell-border-width, 0px) solid var(--web-grid-panel-cell-border-color, #A6C9EC);
  background: var(--web-grid-panel-cell-bg, #FFFFFF);
  overflow: hidden;
  box-sizing: border-box;
}

.web-grid-panel__cell-slot {
  min-width: 0;
  min-height: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: hidden;
  box-sizing: border-box;
}