.gcs-la-acf-sa-container {
  margin-top: 0;
  margin-bottom: 1em;
  display: grid;
  grid-gap: 0;
  grid-template-columns: 34% 33% 33%;
  grid-template-rows: auto;
  grid-template-areas: "per-ft2 per-ft2 per-ft2" "field-label field-label field-label" "width-label width-ft width-in" "height-label height-ft height-in" "calc-debug calc-area calc-area" "calc-price-label calc-price-value calc-price-value";
}

.gcs-la-acf-sa-field-label-container {
  grid-area: field-label;
  display: flex;
  align-items: center;
  padding-right: 8px;
}

.gcs-la-acf-sa-field-label-container .gcs-la-acf-sa-label {
  flex-grow: 0;
  margin-right: 1em;
}

.gcs-la-acf-sa-field-label-container hr {
  flex-grow: 1;
  margin: 0;
}

.gcs-la-acf-sa-per-ft2 {
  grid-area: per-ft2;
  font-weight: 500;
  padding-bottom: 5px;
}

.gcs-la-acf-sa-width-label {
  grid-area: width-label;
}

.gcs-la-acf-sa-width-ft-field {
  grid-area: width-ft;
}

.gcs-la-acf-sa-width-in-field {
  grid-area: width-in;
}

.gcs-la-acf-sa-height-label {
  grid-area: height-label;
}

.gcs-la-acf-sa-height-ft-field {
  grid-area: height-ft;
}

.gcs-la-acf-sa-height-in-field {
  grid-area: height-in;
}

.gcs-la-acf-sa-calc-area {
  grid-area: calc-area;
  text-align: right;
  font-size: smaller;
  color: #aaa;
  padding-right: 8px;
  margin-bottom: 5px;
}

.gcs-la-acf-sa-calc-price {
  grid-area: calc-price-value;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.gcs-la-acf-sa-field-wrapper {
  display: flex;
  align-items: center;
  margin-right: 8px;
  margin-bottom: 8px;
  border: 1px solid #767676;
  border-radius: 5px;
  padding: 0 6px;
}

.gcs-la-acf-sa-field-wrapper input[type="text"] {
  margin: 0;
  border: 0;
  text-align: right;
  background-color: #fff;
  padding: 3px 6px 3px 10px;
  color: #747474;
  height: 30px;
}

.gcs-la-acf-sa-field-wrapper input[type="text"]:focus {
  outline: none;
}

.gcs-la-acf-sa-field-wrapper span {
  margin-left: 0px;
  font-size: smaller;
}

.gcs-la-acf-sa-label {
  line-height: 32px;
  padding-left: 8px;
}

.gcs-la-acf-sa-calc-price-label {
  grid-area: calc-price-label;
  margin-bottom: 0;
  padding-left: 0;
}

.gcs-la-acf-sa-debug-price {
  grid-area: calc-debug;
}

