:root {
  --item-component-container-gutter: 0; 
}

.item-component__label {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 4px;
}

.item-component__label[flex-shrink="0"] {
  flex-shrink: 0;
}

/* Container. */
.item-component__container {
  display: flex;
  flex-direction: column;
  gap: calc(4px * var(--item-component-container-gutter));
}

.item-component__container[flex-direction="row"] {
  flex-direction: row;
}

.item-component__container[align-items="center"] {
  align-items: center;
}

.item-component__container[gutter="1"] {
  --item-component-container-gutter: 1;
}

.item-component__container[gutter="2"] {
  --item-component-container-gutter: 2;
}

.item-component__container[gutter="3"] {
  --item-component-container-gutter: 3;
}

.item-component__container[gutter="4"] { 
--item-component-container-gutter: 4;
}