:host {
  display: block;
}
.col {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.block {
  display: block;
}
.block > div {
  float: left;
}
.col1 {
  width: 4.16666667%;
}
.col2 {
  width: 8.33333333%;
}
.col3 {
  width: 12.5%;
}
.col4 {
  width: 16.66666667%;
}
.col5 {
  width: 20.83333333%;
}
.col6 {
  width: 25%;
}
.col7 {
  width: 29.16666667%;
}
.col8 {
  width: 33.33333333%;
}
.col9 {
  width: 37.5%;
}
.col10 {
  width: 41.66666667%;
}
.col11 {
  width: 45.83333333%;
}
.col12 {
  width: 50%;
}
.col13 {
  width: 54.16666667%;
}
.col14 {
  width: 58.33333333%;
}
.col15 {
  width: 62.5%;
}
.col16 {
  width: 66.66666667%;
}
.col17 {
  width: 70.83333333%;
}
.col18 {
  width: 75%;
}
.col19 {
  width: 79.16666667%;
}
.col20 {
  width: 83.33333333%;
}
.col21 {
  width: 87.5%;
}
.col22 {
  width: 91.66666667%;
}
.col23 {
  width: 95.83333333%;
}
.col24 {
  width: 100%;
}
.offset1 {
  margin-left: 4.16666667%;
}
.offset2 {
  margin-left: 8.33333333%;
}
.offset3 {
  margin-left: 12.5%;
}
.offset4 {
  margin-left: 16.66666667%;
}
.offset5 {
  margin-left: 20.83333333%;
}
.offset6 {
  margin-left: 25%;
}
.offset7 {
  margin-left: 29.16666667%;
}
.offset8 {
  margin-left: 33.33333333%;
}
.offset9 {
  margin-left: 37.5%;
}
.offset10 {
  margin-left: 41.66666667%;
}
.offset11 {
  margin-left: 45.83333333%;
}
.offset12 {
  margin-left: 50%;
}
.offset13 {
  margin-left: 54.16666667%;
}
.offset14 {
  margin-left: 58.33333333%;
}
.offset15 {
  margin-left: 62.5%;
}
.offset16 {
  margin-left: 66.66666667%;
}
.offset17 {
  margin-left: 70.83333333%;
}
.offset18 {
  margin-left: 75%;
}
.offset19 {
  margin-left: 79.16666667%;
}
.offset20 {
  margin-left: 83.33333333%;
}
.offset21 {
  margin-left: 87.5%;
}
.offset22 {
  margin-left: 91.66666667%;
}
.offset23 {
  margin-left: 95.83333333%;
}
.offset24 {
  margin-left: 100%;
}
.pull1 {
  right: 4.16666667%;
}
.pull2 {
  right: 8.33333333%;
}
.pull3 {
  right: 12.5%;
}
.pull4 {
  right: 16.66666667%;
}
.pull5 {
  right: 20.83333333%;
}
.pull6 {
  right: 25%;
}
.pull7 {
  right: 29.16666667%;
}
.pull8 {
  right: 33.33333333%;
}
.pull9 {
  right: 37.5%;
}
.pull10 {
  right: 41.66666667%;
}
.pull11 {
  right: 45.83333333%;
}
.pull12 {
  right: 50%;
}
.pull13 {
  right: 54.16666667%;
}
.pull14 {
  right: 58.33333333%;
}
.pull15 {
  right: 62.5%;
}
.pull16 {
  right: 66.66666667%;
}
.pull17 {
  right: 70.83333333%;
}
.pull18 {
  right: 75%;
}
.pull19 {
  right: 79.16666667%;
}
.pull20 {
  right: 83.33333333%;
}
.pull21 {
  right: 87.5%;
}
.pull22 {
  right: 91.66666667%;
}
.pull23 {
  right: 95.83333333%;
}
.pull24 {
  right: 100%;
}
.push1 {
  left: 4.16666667%;
}
.push2 {
  left: 8.33333333%;
}
.push3 {
  left: 12.5%;
}
.push4 {
  left: 16.66666667%;
}
.push5 {
  left: 20.83333333%;
}
.push6 {
  left: 25%;
}
.push7 {
  left: 29.16666667%;
}
.push8 {
  left: 33.33333333%;
}
.push9 {
  left: 37.5%;
}
.push10 {
  left: 41.66666667%;
}
.push11 {
  left: 45.83333333%;
}
.push12 {
  left: 50%;
}
.push13 {
  left: 54.16666667%;
}
.push14 {
  left: 58.33333333%;
}
.push15 {
  left: 62.5%;
}
.push16 {
  left: 66.66666667%;
}
.push17 {
  left: 70.83333333%;
}
.push18 {
  left: 75%;
}
.push19 {
  left: 79.16666667%;
}
.push20 {
  left: 83.33333333%;
}
.push21 {
  left: 87.5%;
}
.push22 {
  left: 91.66666667%;
}
.push23 {
  left: 95.83333333%;
}
.push24 {
  left: 100%;
}
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.flex-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.flex-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.flex-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.flex-space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.flex-space-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.flex-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.flex-middle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}