.ot-columnbox-wrapper {
  display: grid;
  margin-bottom: 24px;
  /* Properties */
  /* width */
  /* Padding */
}
.ot-columnbox-wrapper:last-child {
  margin-bottom: 0;
}
.ot-columnbox-wrapper > * {
  background-color: var(--ot-columnbox-background);
  color: var(--ot-columnbox-color);
}
.ot-columnbox-wrapper.ot-columnbox-gap {
  -moz-column-gap: var(--ot-columnbox-gap);
       column-gap: var(--ot-columnbox-gap);
}
.ot-columnbox-wrapper.ot-columnbox-border {
  border: var(--ot-columnbox-border);
}
.ot-columnbox-wrapper.ot-columnbox-no-margin {
  margin-bottom: 0 !important;
}
.ot-columnbox-wrapper.ot-columnbox-width-half.ot-columnbox-keep-columns, .ot-columnbox-wrapper.ot-columnbox-width-half {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ot-columnbox-wrapper.ot-columnbox-width-twothirds.ot-columnbox-keep-columns, .ot-columnbox-wrapper.ot-columnbox-width-twothirds {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.ot-columnbox-wrapper.ot-columnbox-width-onethirds.ot-columnbox-keep-columns, .ot-columnbox-wrapper.ot-columnbox-width-onethirds {
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
.ot-columnbox-wrapper.ot-columnbox-width-onefifth.ot-columnbox-keep-columns, .ot-columnbox-wrapper.ot-columnbox-width-onefifth {
  grid-template-columns: minmax(0, 1fr) minmax(0, 5fr);
}
.ot-columnbox-wrapper.ot-columnbox-width-fourfifth.ot-columnbox-keep-columns, .ot-columnbox-wrapper.ot-columnbox-width-fourfifth {
  grid-template-columns: minmax(0, 5fr) minmax(0, 1fr);
}
.ot-columnbox-wrapper.ot-columnbox-width-onetenth.ot-columnbox-keep-columns, .ot-columnbox-wrapper.ot-columnbox-width-onetenth {
  grid-template-columns: minmax(0, 1fr) minmax(0, 10fr);
}
.ot-columnbox-wrapper.ot-columnbox-width-ninetenth.ot-columnbox-keep-columns, .ot-columnbox-wrapper.ot-columnbox-width-ninetenth {
  grid-template-columns: minmax(0, 10fr) minmax(0, 1fr);
}
@media screen and (max-width: 500px) {
  .ot-columnbox-wrapper.ot-columnbox-width-onetenth, .ot-columnbox-wrapper.ot-columnbox-width-onetenth, .ot-columnbox-wrapper.ot-columnbox-width-fourfifth, .ot-columnbox-wrapper.ot-columnbox-width-onefifth, .ot-columnbox-wrapper.ot-columnbox-width-onethirds, .ot-columnbox-wrapper.ot-columnbox-width-twothirds, .ot-columnbox-wrapper.ot-columnbox-width-half {
    grid-template-columns: minmax(0, 1fr);
  }
  .ot-columnbox-wrapper.ot-columnbox-gap {
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: var(--ot-columnbox-gap);
  }
  .ot-columnbox-wrapper.ot-columnbox-gap.ot-columnbox-keep-columns {
    -moz-column-gap: var(--ot-columnbox-gap);
         column-gap: var(--ot-columnbox-gap);
    row-gap: 0;
  }
}
.ot-columnbox-wrapper.ot-columnbox-padding-both > * {
  padding: var(--ot-columnbox-padding);
}
.ot-columnbox-wrapper.ot-columnbox-padding-left > .ot-columnbox-left-content {
  padding: var(--ot-columnbox-padding);
}
.ot-columnbox-wrapper.ot-columnbox-padding-right > .ot-columnbox-right-content {
  padding: var(--ot-columnbox-padding);
}
/*# sourceMappingURL=maps/ot-columnbox.frontend.css.map */
