.greenspark-configurable-layout {
  padding: 16px 0;
}
@media screen and (min-width: 768px) {
  .greenspark-configurable-layout {
    padding: 24px 16px;
  }
}

.greenspark-configurable-layout.greenspark-horizontal-align-left,
.greenspark-configurable-layout.greenspark-horizontal-align-center,
.greenspark-configurable-layout.greenspark-horizontal-align-right {
  display: flex;
  flex-direction: row;
}

.greenspark-configurable-layout.greenspark-horizontal-align-left {
  justify-content: flex-start;
}

.greenspark-configurable-layout.greenspark-horizontal-align-center {
  justify-content: center;
}

.greenspark-configurable-layout.greenspark-horizontal-align-right {
  justify-content: flex-end;
}

.greenspark-configurable-layout.greenspark-size-full_width {
  padding-left: 0;
  padding-right: 0;
}

.greenspark-configurable-layout.greenspark-size-full_width > div.gs-stats-outer,
.greenspark-configurable-layout.greenspark-size-full_width > div.gs-offsetByProduct-outer,
.greenspark-configurable-layout.greenspark-size-full_width > div.gs-offsetBySpend-outer,
.greenspark-configurable-layout.greenspark-size-full_width > div.gs-offsetByStoreRevenue-outer,
.greenspark-configurable-layout.greenspark-size-full_width > div.gs-orderImpacts-outer,
.greenspark-configurable-layout.greenspark-size-full_width > div.gs-byPercentage-outer,
.greenspark-configurable-layout.greenspark-size-full_width > div.gs-offsetPerOrder-outer,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-stats-inner,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-stats-wrapper,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-offsetByProduct-wrapper,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-offsetBySpend-wrapper,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-offsetByStoreRevenue-wrapper,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-orderImpacts-wrapper,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-byPercentage-wrapper,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-offsetPerOrder-wrapper {
  width: 100% !important;
  max-width: unset !important;
  font-size: 20px !important;
}

.greenspark-configurable-layout.greenspark-size-full_width div.gs-offsetByProduct-inner,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-offsetBySpend-inner,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-offsetByStoreRevenue-inner,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-orderImpacts-inner,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-byPercentage-inner,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-offsetPerOrder-inner {
  width: calc(100% - 2em) !important;
  max-width: unset !important;
}

.greenspark-configurable-layout.greenspark-size-full_width div.gs-offsetByProduct-inner > article,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-offsetBySpend-inner > article,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-offsetByStoreRevenue-inner > article,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-orderImpacts-inner > article,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-byPercentage-inner > article,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-offsetPerOrder-inner > article {
  max-width: unset !important;
  flex-grow: 0 !important;
}

.greenspark-configurable-layout.greenspark-size-full_width div.gs-offsetByProduct-inner > svg,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-offsetPerOrder-inner > svg,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-offsetBySpend-inner > svg,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-offsetByStoreRevenue-inner > svg,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-orderImpacts-inner > svg,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-byPercentage-inner > svg {
  right: 1em !important;
  left: auto !important;
  width: auto !important;
}

.greenspark-configurable-layout.greenspark-size-full_width div.gs-offsetByProduct-inner > svg.gs-background-asset,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-offsetPerOrder-inner > svg.gs-background-asset,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-offsetBySpend-inner > svg.gs-background-asset,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-offsetByStoreRevenue-inner > svg.gs-background-asset,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-orderImpacts-inner > svg.gs-background-asset,
.greenspark-configurable-layout.greenspark-size-full_width div.gs-byPercentage-inner > svg.gs-background-asset {
  right: 0em !important;
}

.greenspark-configurable-layout.greenspark-size-full_width.greenspark-justify-content-flex-start div.gs-stats-inner {
  justify-content: space-between !important;
}

.greenspark-configurable-layout.greenspark-size-full_width.greenspark-justify-content-center div.gs-stats-inner {
  justify-content: space-between !important;
}
@media screen and (min-width: 500px) {
  .greenspark-configurable-layout.greenspark-size-full_width.greenspark-justify-content-center div.gs-stats-inner {
    justify-content: center !important;
  }
}

.greenspark-configurable-layout.greenspark-size-full_width.greenspark-justify-content-flex-start div.gs-offsetByProduct-inner,
.greenspark-configurable-layout.greenspark-size-full_width.greenspark-justify-content-flex-start div.gs-offsetBySpend-inner,
.greenspark-configurable-layout.greenspark-size-full_width.greenspark-justify-content-flex-start div.gs-offsetByStoreRevenue-inner,
.greenspark-configurable-layout.greenspark-size-full_width.greenspark-justify-content-flex-start div.gs-orderImpacts-inner,
.greenspark-configurable-layout.greenspark-size-full_width.greenspark-justify-content-flex-start div.gs-byPercentage-inner,
.greenspark-configurable-layout.greenspark-size-full_width.greenspark-justify-content-flex-start div.gs-offsetPerOrder-inner {
  justify-content: flex-start !important;
}

.greenspark-configurable-layout.greenspark-size-full_width.greenspark-justify-content-center div.gs-offsetByProduct-inner > article,
.greenspark-configurable-layout.greenspark-size-full_width.greenspark-justify-content-center div.gs-offsetBySpend-inner > article,
.greenspark-configurable-layout.greenspark-size-full_width.greenspark-justify-content-center div.gs-offsetByStoreRevenue-inner > article,
.greenspark-configurable-layout.greenspark-size-full_width.greenspark-justify-content-center div.gs-orderImpacts-inner > article,
.greenspark-configurable-layout.greenspark-size-full_width.greenspark-justify-content-center div.gs-byPercentage-inner > article,
.greenspark-configurable-layout.greenspark-size-full_width.greenspark-justify-content-center div.gs-offsetPerOrder-inner > article {
  justify-content: flex-start !important;
}
@media screen and (min-width: 500px) {
  .greenspark-configurable-layout.greenspark-size-full_width.greenspark-justify-content-center div.gs-offsetByProduct-inner > article,
  .greenspark-configurable-layout.greenspark-size-full_width.greenspark-justify-content-center div.gs-offsetBySpend-inner > article,
  .greenspark-configurable-layout.greenspark-size-full_width.greenspark-justify-content-center div.gs-offsetByStoreRevenue-inner > article,
  .greenspark-configurable-layout.greenspark-size-full_width.greenspark-justify-content-center div.gs-orderImpacts-inner > article,
  .greenspark-configurable-layout.greenspark-size-full_width.greenspark-justify-content-center div.gs-byPercentage-inner > article,
  .greenspark-configurable-layout.greenspark-size-full_width.greenspark-justify-content-center div.gs-offsetPerOrder-inner > article {
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
  }
}



.greenspark-configurable-layout.greenspark-size-small > div.gs-stats-outer,
.greenspark-configurable-layout.greenspark-size-small > div.gs-offsetByProduct-outer,
.greenspark-configurable-layout.greenspark-size-small > div.gs-offsetBySpend-outer,
.greenspark-configurable-layout.greenspark-size-small > div.gs-offsetByStoreRevenue-outer,
.greenspark-configurable-layout.greenspark-size-small > div.gs-orderImpacts-outer,
.greenspark-configurable-layout.greenspark-size-small > div.gs-byPercentage-outer,
.greenspark-configurable-layout.greenspark-size-small > div.gs-offsetPerOrder-outer {
  font-size: 12px !important;
}

.greenspark-configurable-layout.greenspark-size-large > div.gs-stats-outer,
.greenspark-configurable-layout.greenspark-size-large > div.gs-offsetByProduct-outer,
.greenspark-configurable-layout.greenspark-size-large > div.gs-offsetBySpend-outer,
.greenspark-configurable-layout.greenspark-size-large > div.gs-offsetByStoreRevenue-outer,
.greenspark-configurable-layout.greenspark-size-large > div.gs-orderImpacts-outer,
.greenspark-configurable-layout.greenspark-size-large > div.gs-byPercentage-outer,
.greenspark-configurable-layout.greenspark-size-large > div.gs-offsetPerOrder-outer {
  font-size: 20px !important;
}