/**
* @description Iterates over the $space-gap values and creates a class for each one.
* @param {list} $space-gap - A list of space gap values.
*/
.gap-8 {
  gap: 8px;
}

.gap-16 {
  gap: 16px;
}

.gap-24 {
  gap: 24px;
}

.positioned-content-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  height: inherit;
}
@media (min-width: 769px) {
  .positioned-content-wrapper {
    min-height: 350px;
  }
}
@media (min-width: 1024px) {
  .positioned-content-wrapper {
    min-height: 500px;
  }
}
@media (min-width: 1440px) {
  .positioned-content-wrapper {
    min-height: 500px;
  }
}
@media (min-width: 1600px) {
  .positioned-content-wrapper {
    min-height: 500px;
  }
}

.position-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: unset;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
  width: unset;
}
@media (min-width: 1440px) {
  .position-container {
    height: 50%;
    width: 50%;
  }
}

/* stylelint-disable-next-line */
.experience-region .experience-positionedContentItems {
  height: 100%;
}

/* stylelint-disable-next-line */
.experience-assets-positionedContent {
  height: inherit;
}

.positioned-content-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  height: inherit;
}
@media (min-width: 769px) {
  .positioned-content-wrapper {
    min-height: inherit;
  }
}
@media (min-width: 1024px) {
  .positioned-content-wrapper {
    min-height: inherit;
  }
}
@media (min-width: 1440px) {
  .positioned-content-wrapper {
    min-height: inherit;
  }
}
@media (min-width: 1600px) {
  .positioned-content-wrapper {
    min-height: inherit;
  }
}

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