/* stylelint-disable selector-class-pattern */

.l-container {
  max-width: var(--w153-th-layout-width-md);
  margin: 0 auto;
  padding: 0 var(--w153-th-spacing-2xs);
}

.l-container--sm {
  max-width: var(--w153-th-layout-width-sm);
}

.l-flex > div {
  display: flex;
  flex-wrap: wrap;
}

.l-flex > div > div {
  flex-basis: 100%;
}

@media (min-width: 700px) {
  .l-flex > div > .l-flex__item--5 {
    flex-basis: 5%;
  }	
  .l-flex > div > .l-flex__item--15 {
    flex-basis: 15%;
  }
  .l-flex > div > .l-flex__item--20 {
    flex-basis: 20%;
  }
  .l-flex > div > .l-flex__item--25 {
    flex-basis: 25%;
  }	
  .l-flex > div > .l-flex__item--33 {
    flex-basis: 33.33%;
  }

  .l-flex > div > .l-flex__item--40 {
    flex-basis: 40%;
  }

  .l-flex > div > .l-flex__item--50 {
    flex-basis: 50%;
  }

  .l-flex > div > .l-flex__item--60 {
    flex-basis: 60%;
  }

  .l-flex > div > .l-flex__item--66 {
    flex-basis: 66.66%;
  }
	
  .l-flex > div > .l-flex__item--80 {
    flex-basis: 80%;
  }
	
  .l-flex > div > .l-flex__item--90 {
    flex-basis: 90%;
  }
}