.sqs-block[data-definition-name="website.components.stack"] {
  box-sizing: border-box;
}
.sqs-block[data-definition-name="website.components.stack"] .sqs-block-content,
.sqs-block[data-definition-name="website.components.stack"] .sqs-stack-container {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.sqs-block[data-definition-name="website.components.stack"] .sqs-stack-container {
  display: flex;
  gap: var(--stack-gap);
  justify-content: var(--stack-justify-content);
  align-items: var(--stack-align-items);
  position: relative;
  flex-direction: var(--stack-flex-direction);
}
.sqs-block[data-definition-name="website.components.stack"] .sqs-stack-container > .stack-child-container {
  position: relative;
  display: var(--child-display);
  justify-content: inherit;
  flex-direction: inherit;
  align-items: inherit;
  flex: var(--child-flex);
  align-self: stretch;
}
.sqs-block[data-definition-name="website.components.stack"] .sqs-stack-container > .stack-child-container.child-is-invisible {
  display: none;
}
.sqs-block[data-definition-name="website.components.stack"] .sqs-stack-container > .stack-child-container .stack-child-wrapper {
  position: relative;
  align-self: var(--child-align-self);
  flex: var(--child-flex);
  min-height: var(--child-min-height);
  min-width: var(--child-min-width);
  width: var(--child-fixed-width);
  height: var(--child-fixed-height);
}
.sqs-block[data-definition-name="website.components.stack"] .sqs-stack-container > .stack-child-container .stack-child-wrapper > * {
  /* Reset all variables to prevent nested stacks from inheriting any of it's parents flex properties */
  --child-display: initial;
  --child-flex: initial;
  --child-align-self: initial;
  --child-min-height: initial;
  --child-min-width: initial;
  --child-fixed-width: initial;
  --child-fixed-height: initial;
  --stack-gap: initial;
  --stack-justify-content: initial;
  --stack-align-items: initial;
  --stack-flex-direction: initial;
}
.sqs-block[data-definition-name="website.components.stack"] .sqs-stack-container > .stack-child-container > .stack-child-wrapper > .fe-block,
.sqs-block[data-definition-name="website.components.stack"] .sqs-stack-container > .stack-child-container > .stack-child-wrapper > .fluid-engine-block {
  width: 100%;
  height: 100%;
}