/*
 * @file
 * Provides the layout styles for two-column layout section.
 */
.layout--twocol-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
.layout--twocol-section > .layout__region {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}

@media (min-width: 481px) {
  .layout--twocol-section {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first {
    -ms-flex-preferred-size: calc(50% - 10px);
        flex-basis: calc(50% - 10px);
  }
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
    -ms-flex-preferred-size: calc(50% - 10px);
        flex-basis: calc(50% - 10px);
  }
  .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first {
    -ms-flex-preferred-size: calc(100% / 3 - 10px);
        flex-basis: calc(100% / 3 - 10px);
  }
  .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--second {
    -ms-flex-preferred-size: calc(200% / 3 - 10px);
        flex-basis: calc(200% / 3 - 10px);
  }
  .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
    -ms-flex-preferred-size: calc(200% / 3 - 10px);
        flex-basis: calc(200% / 3 - 10px);
  }
  .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second {
    -ms-flex-preferred-size: calc(100% / 3 - 10px);
        flex-basis: calc(100% / 3 - 10px);
  }
  .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first {
    -ms-flex-preferred-size: calc(25% - 10px);
        flex-basis: calc(25% - 10px);
  }
  .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second {
    -ms-flex-preferred-size: calc(75% - 10px);
        flex-basis: calc(75% - 10px);
  }
  .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
    -ms-flex-preferred-size: calc(75% - 10px);
        flex-basis: calc(75% - 10px);
  }
  .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second {
    -ms-flex-preferred-size: calc(25% - 10px);
        flex-basis: calc(25% - 10px);
  }
  .layout--twocol-section.layout--twocol-section--responsive > .layout__region {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    min-width: 25%;
  }
}

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