.kis-icon-grid {
  display: flex;
  flex-flow: row wrap;
  gap: var(--ig--gap);
  --ig--flow: row;
  --ig--gap: 15px;
  --ig--columns--mobile: 2;
  --ig--columns--tablet: 3;
  --ig--columns--desktop: 4;
  --ig--columns: var(--ig--columns--mobile);
  --ig--item--shadow: 0 1px 1px rgb(var(--theme--color--kis-blue-dark-rgb) / 10%), 0 2.5px 10px rgb(var(--theme--color--kis-blue-dark-rgb) / 10%);
  --ig--item--spacing: calc( 1.5 * var(--theme--spacing--10));
  --ig--item--icon: calc(var(--ig--item--font-size) * 3);
  --ig--item--direction: column;
  --ig--item--alignment: flex-start;
  --ig--item--text-alignment: left;
  --ig--gap--total: calc((var(--ig--gap) * var(--ig--columns)) - var(--ig--gap));
  --ig--columns--width: calc((100% - var(--ig--gap--total)) / var(--ig--columns));
}
.kis-icon-grid:is(.--size--small) {
  --ig--item--font-size: var(--wp--preset--font-size--x-small);
}
.kis-icon-grid:is(.--size--medium) {
  --ig--item--font-size: var(--wp--preset--font-size--small);
}
.kis-icon-grid:is(.--size--large) {
  --ig--item--font-size: var(--wp--preset--font-size--medium);
}
.kis-icon-grid:is(.--layout--centre) {
  --ig--item--alignment: center;
  --ig--item--text-alignment: center;
}
.kis-icon-grid:is(.--layout--left) {
  --ig--item--direction: row;
  --ig--item--alignment: center;
  --ig--item--text-alignment: left;
}
@media only screen and (min-width: 768px) {
  .kis-icon-grid {
    --ig--columns: var(--ig--columns--tablet);
  }
}
@media only screen and (min-width: 992px) {
  .kis-icon-grid {
    --ig--columns: var(--ig--columns--desktop);
  }
}
.kis-icon-grid .__column {
  flex: 0 0 var(--ig--columns--width);
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  max-width: var(--ig--columns--width);
}
.kis-icon-grid .__item {
  flex: 0 0 100%;
  background: white;
  border: 1px solid rgb(var(--theme--color--kis-blue-dark-rgb)/10%);
  box-shadow: var(--ig--item--shadow);
  padding: var(--ig--item--spacing) calc(0.75 * var(--ig--item--spacing));
  gap: var(--ig--item--spacing);
  border-radius: 12px;
  font-size: var(--ig--item--font-size);
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
  flex-flow: var(--ig--item--direction) nowrap;
  align-items: var(--ig--item--alignment);
  text-align: var(--ig--item--text-alignment);
}
.kis-icon-grid .__item .__icon {
  max-width: 100%;
}
.kis-icon-grid .__item .__icon .kis-icon {
  width: var(--ig--item--icon);
  height: var(--ig--item--icon);
  background: var(--theme--color--kis-blue-light);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 var(--ig--item--icon);
  overflow: hidden;
}
.kis-icon-grid .__item .__icon .kis-icon *:is(img, svg) {
  color: var(--theme--color--kis-blue-dark);
  font-size: var(--wp--preset--font-size--x-small);
  width: var(--ig--item--icon);
  height: var(--ig--item--icon);
  object-fit: var(--icon-fit);
  transform: var(--icon-scale);
}
.kis-icon-grid .__item .__icon .kis-icon:is(.--svg) {
  --icon-fit: contain;
  --icon-scale: scale(0.5);
}
.kis-icon-grid .__item .__icon .kis-icon:is(.--icon) {
  --icon-fit: contain;
  --icon-scale: scale(0.5);
}
.kis-icon-grid .__item .__icon .kis-icon:is(.--image) {
  --icon-fit: cover;
}
.kis-icon-grid .__item .__text {
  line-height: 1.2;
}

/*# sourceMappingURL=style.css.map */