.border_box,
.border_box * {
    box-sizing: border-box;
}
.flex {
  display:flex;
  flex-wrap:wrap;
}
.flex_grow  {
  flex:1 1 auto;
}
[data-column_size='1'] {
    width: 8.333333333333333%;
}
[data-column_size='2'] {
    width: 16.66666666666667%;
}
[data-column_size='3'] {
    width: 25%;
}
[data-column_size='4'] {
    width: 33.33333333333333%;
}
[data-column_size='5'] {
    width: 41.66666666666667%;
}
[data-column_size='6'] {
    width: 50%;
}
[data-column_size='7'] {
    width: 58.33333333333333%;
}
[data-column_size='8'] {
    width: 66.66666666666666%;
}
[data-column_size='9'] {
    width: 75%;
}
[data-column_size='10'] {
    width: 83.33333333333333%;
}
[data-column_size='11'] {
    width: 91.66666666666666%;
}
[data-column_size='12'] {
    width: 100%;
}
.justify_between {
  justify-content:space-between;
}
.justify_self_start {
    justify-self: flex-start;
}
.justify_self_center {
    justify-self:center;
}
.justify_self_end {
    justify-self: flex-end;
}
.align_self_start {
  align-self:flex-start
}
.align_self_center {
  align-self:center
}
.align_self_end {
  align-self:flex-end
}
.align_start,
.align_left {
  align-items:flex-start;
}

.align_center {
  align-items:center;
}
.align_end,
.align_right {
  align-items:flex-end;
}
.justify_start,
.justify_left {
  justify-content:flex-start
}
.justify_center {
  justify-content:center
}
.justify_end,
.justify_right {
  justify-content:flex-end
}