@import "https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap";

/* src/styles/angular-material.layout-attributes.scss */
body {
}
@-moz-document url-prefix() {
  body [layout-fill] {
    margin: 0;
    width: 100%;
    min-height: 100%;
    height: 100%;
  }
}
body {
}
body [flex-order] {
  order: 0;
}
body [flex-order="-20"] {
  order: -20;
}
body [flex-order="-19"] {
  order: -19;
}
body [flex-order="-18"] {
  order: -18;
}
body [flex-order="-17"] {
  order: -17;
}
body [flex-order="-16"] {
  order: -16;
}
body [flex-order="-15"] {
  order: -15;
}
body [flex-order="-14"] {
  order: -14;
}
body [flex-order="-13"] {
  order: -13;
}
body [flex-order="-12"] {
  order: -12;
}
body [flex-order="-11"] {
  order: -11;
}
body [flex-order="-10"] {
  order: -10;
}
body [flex-order="-9"] {
  order: -9;
}
body [flex-order="-8"] {
  order: -8;
}
body [flex-order="-7"] {
  order: -7;
}
body [flex-order="-6"] {
  order: -6;
}
body [flex-order="-5"] {
  order: -5;
}
body [flex-order="-4"] {
  order: -4;
}
body [flex-order="-3"] {
  order: -3;
}
body [flex-order="-2"] {
  order: -2;
}
body [flex-order="-1"] {
  order: -1;
}
body [flex-order="0"] {
  order: 0;
}
body [flex-order="1"] {
  order: 1;
}
body [flex-order="2"] {
  order: 2;
}
body [flex-order="3"] {
  order: 3;
}
body [flex-order="4"] {
  order: 4;
}
body [flex-order="5"] {
  order: 5;
}
body [flex-order="6"] {
  order: 6;
}
body [flex-order="7"] {
  order: 7;
}
body [flex-order="8"] {
  order: 8;
}
body [flex-order="9"] {
  order: 9;
}
body [flex-order="10"] {
  order: 10;
}
body [flex-order="11"] {
  order: 11;
}
body [flex-order="12"] {
  order: 12;
}
body [flex-order="13"] {
  order: 13;
}
body [flex-order="14"] {
  order: 14;
}
body [flex-order="15"] {
  order: 15;
}
body [flex-order="16"] {
  order: 16;
}
body [flex-order="17"] {
  order: 17;
}
body [flex-order="18"] {
  order: 18;
}
body [flex-order="19"] {
  order: 19;
}
body [flex-order="20"] {
  order: 20;
}
body [flex-offset="0"] {
  margin-left: 0%;
}
body [flex-offset="5"] {
  margin-left: 5%;
}
body [flex-offset="10"] {
  margin-left: 10%;
}
body [flex-offset="15"] {
  margin-left: 15%;
}
body [flex-offset="20"] {
  margin-left: 20%;
}
body [flex-offset="25"] {
  margin-left: 25%;
}
body [flex-offset="30"] {
  margin-left: 30%;
}
body [flex-offset="35"] {
  margin-left: 35%;
}
body [flex-offset="40"] {
  margin-left: 40%;
}
body [flex-offset="45"] {
  margin-left: 45%;
}
body [flex-offset="50"] {
  margin-left: 50%;
}
body [flex-offset="55"] {
  margin-left: 55%;
}
body [flex-offset="60"] {
  margin-left: 60%;
}
body [flex-offset="65"] {
  margin-left: 65%;
}
body [flex-offset="70"] {
  margin-left: 70%;
}
body [flex-offset="75"] {
  margin-left: 75%;
}
body [flex-offset="80"] {
  margin-left: 80%;
}
body [flex-offset="85"] {
  margin-left: 85%;
}
body [flex-offset="90"] {
  margin-left: 90%;
}
body [flex-offset="95"] {
  margin-left: 95%;
}
body [flex-offset="33"] {
  margin-left: 33.3333333333%;
}
body [flex-offset="66"] {
  margin-left: 66.6666666667%;
}
body [layout-align],
body [layout-align="start stretch"] {
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}
body [layout-align=start],
body [layout-align="start start"],
body [layout-align="start center"],
body [layout-align="start end"],
body [layout-align="start stretch"] {
  justify-content: flex-start;
}
body [layout-align=center],
body [layout-align="center start"],
body [layout-align="center center"],
body [layout-align="center end"],
body [layout-align="center stretch"] {
  justify-content: center;
}
body [layout-align=end],
body [layout-align="end center"],
body [layout-align="end start"],
body [layout-align="end end"],
body [layout-align="end stretch"] {
  justify-content: flex-end;
}
body [layout-align=space-around],
body [layout-align="space-around center"],
body [layout-align="space-around start"],
body [layout-align="space-around end"],
body [layout-align="space-around stretch"] {
  justify-content: space-around;
}
body [layout-align=space-between],
body [layout-align="space-between center"],
body [layout-align="space-between start"],
body [layout-align="space-between end"],
body [layout-align="space-between stretch"] {
  justify-content: space-between;
}
body [layout-align="start start"],
body [layout-align="center start"],
body [layout-align="end start"],
body [layout-align="space-between start"],
body [layout-align="space-around start"] {
  align-items: flex-start;
  align-content: flex-start;
}
body [layout-align="start center"],
body [layout-align="center center"],
body [layout-align="end center"],
body [layout-align="space-between center"],
body [layout-align="space-around center"] {
  align-items: center;
  align-content: center;
  max-width: 100%;
}
body [layout-align="start center"] > *,
body [layout-align="center center"] > *,
body [layout-align="end center"] > *,
body [layout-align="space-between center"] > *,
body [layout-align="space-around center"] > * {
  max-width: 100%;
  box-sizing: border-box;
}
body [layout-align="start end"],
body [layout-align="center end"],
body [layout-align="end end"],
body [layout-align="space-between end"],
body [layout-align="space-around end"] {
  align-items: flex-end;
  align-content: flex-end;
}
body [layout-align="start stretch"],
body [layout-align="center stretch"],
body [layout-align="end stretch"],
body [layout-align="space-between stretch"],
body [layout-align="space-around stretch"] {
  align-items: stretch;
  align-content: stretch;
}
body [flex] {
  display: flex;
  flex: 1;
  box-sizing: border-box;
}
body [flex=grow] {
  flex: 1 1 100%;
  box-sizing: border-box;
}
body [flex=initial] {
  flex: 0 1 auto;
  box-sizing: border-box;
}
body [flex=auto] {
  flex: 1 1 auto;
  box-sizing: border-box;
}
body [flex=none] {
  flex: 0 0 auto;
  box-sizing: border-box;
}
body [flex=noshrink] {
  flex: 1 0 auto;
  box-sizing: border-box;
}
body [flex=nogrow] {
  flex: 0 1 auto;
  box-sizing: border-box;
}
body [flex="0"] {
  flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="0"] {
  flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="0"] {
  flex: 1 1 0%;
  max-width: 100%;
  max-height: 0%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="0"] {
  flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="0"] {
  flex: 1 1 0%;
  max-width: 100%;
  max-height: 0%;
  box-sizing: border-box;
}
body [flex="5"] {
  flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="5"] {
  flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="5"] {
  flex: 1 1 5%;
  max-width: 100%;
  max-height: 5%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="5"] {
  flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="5"] {
  flex: 1 1 5%;
  max-width: 100%;
  max-height: 5%;
  box-sizing: border-box;
}
body [flex="10"] {
  flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="10"] {
  flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="10"] {
  flex: 1 1 10%;
  max-width: 100%;
  max-height: 10%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="10"] {
  flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="10"] {
  flex: 1 1 10%;
  max-width: 100%;
  max-height: 10%;
  box-sizing: border-box;
}
body [flex="15"] {
  flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="15"] {
  flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="15"] {
  flex: 1 1 15%;
  max-width: 100%;
  max-height: 15%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="15"] {
  flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="15"] {
  flex: 1 1 15%;
  max-width: 100%;
  max-height: 15%;
  box-sizing: border-box;
}
body [flex="20"] {
  flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="20"] {
  flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="20"] {
  flex: 1 1 20%;
  max-width: 100%;
  max-height: 20%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="20"] {
  flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="20"] {
  flex: 1 1 20%;
  max-width: 100%;
  max-height: 20%;
  box-sizing: border-box;
}
body [flex="25"] {
  flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="25"] {
  flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="25"] {
  flex: 1 1 25%;
  max-width: 100%;
  max-height: 25%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="25"] {
  flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="25"] {
  flex: 1 1 25%;
  max-width: 100%;
  max-height: 25%;
  box-sizing: border-box;
}
body [flex="30"] {
  flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="30"] {
  flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="30"] {
  flex: 1 1 30%;
  max-width: 100%;
  max-height: 30%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="30"] {
  flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="30"] {
  flex: 1 1 30%;
  max-width: 100%;
  max-height: 30%;
  box-sizing: border-box;
}
body [flex="35"] {
  flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="35"] {
  flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="35"] {
  flex: 1 1 35%;
  max-width: 100%;
  max-height: 35%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="35"] {
  flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="35"] {
  flex: 1 1 35%;
  max-width: 100%;
  max-height: 35%;
  box-sizing: border-box;
}
body [flex="40"] {
  flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="40"] {
  flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="40"] {
  flex: 1 1 40%;
  max-width: 100%;
  max-height: 40%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="40"] {
  flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="40"] {
  flex: 1 1 40%;
  max-width: 100%;
  max-height: 40%;
  box-sizing: border-box;
}
body [flex="45"] {
  flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="45"] {
  flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="45"] {
  flex: 1 1 45%;
  max-width: 100%;
  max-height: 45%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="45"] {
  flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="45"] {
  flex: 1 1 45%;
  max-width: 100%;
  max-height: 45%;
  box-sizing: border-box;
}
body [flex="50"] {
  flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="50"] {
  flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="50"] {
  flex: 1 1 50%;
  max-width: 100%;
  max-height: 50%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="50"] {
  flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="50"] {
  flex: 1 1 50%;
  max-width: 100%;
  max-height: 50%;
  box-sizing: border-box;
}
body [flex="55"] {
  flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="55"] {
  flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="55"] {
  flex: 1 1 55%;
  max-width: 100%;
  max-height: 55%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="55"] {
  flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="55"] {
  flex: 1 1 55%;
  max-width: 100%;
  max-height: 55%;
  box-sizing: border-box;
}
body [flex="60"] {
  flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="60"] {
  flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="60"] {
  flex: 1 1 60%;
  max-width: 100%;
  max-height: 60%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="60"] {
  flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="60"] {
  flex: 1 1 60%;
  max-width: 100%;
  max-height: 60%;
  box-sizing: border-box;
}
body [flex="65"] {
  flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="65"] {
  flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="65"] {
  flex: 1 1 65%;
  max-width: 100%;
  max-height: 65%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="65"] {
  flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="65"] {
  flex: 1 1 65%;
  max-width: 100%;
  max-height: 65%;
  box-sizing: border-box;
}
body [flex="70"] {
  flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="70"] {
  flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="70"] {
  flex: 1 1 70%;
  max-width: 100%;
  max-height: 70%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="70"] {
  flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="70"] {
  flex: 1 1 70%;
  max-width: 100%;
  max-height: 70%;
  box-sizing: border-box;
}
body [flex="75"] {
  flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="75"] {
  flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="75"] {
  flex: 1 1 75%;
  max-width: 100%;
  max-height: 75%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="75"] {
  flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="75"] {
  flex: 1 1 75%;
  max-width: 100%;
  max-height: 75%;
  box-sizing: border-box;
}
body [flex="80"] {
  flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="80"] {
  flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="80"] {
  flex: 1 1 80%;
  max-width: 100%;
  max-height: 80%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="80"] {
  flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="80"] {
  flex: 1 1 80%;
  max-width: 100%;
  max-height: 80%;
  box-sizing: border-box;
}
body [flex="85"] {
  flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="85"] {
  flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="85"] {
  flex: 1 1 85%;
  max-width: 100%;
  max-height: 85%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="85"] {
  flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="85"] {
  flex: 1 1 85%;
  max-width: 100%;
  max-height: 85%;
  box-sizing: border-box;
}
body [flex="90"] {
  flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="90"] {
  flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="90"] {
  flex: 1 1 90%;
  max-width: 100%;
  max-height: 90%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="90"] {
  flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="90"] {
  flex: 1 1 90%;
  max-width: 100%;
  max-height: 90%;
  box-sizing: border-box;
}
body [flex="95"] {
  flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="95"] {
  flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="95"] {
  flex: 1 1 95%;
  max-width: 100%;
  max-height: 95%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="95"] {
  flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="95"] {
  flex: 1 1 95%;
  max-width: 100%;
  max-height: 95%;
  box-sizing: border-box;
}
body [flex="100"] {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="100"] {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="100"] {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout=row] > [flex="100"] {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="100"] {
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="33"],
body [layout=row] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=row] > [flex="66"],
body [layout=row] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
body [layout=column] > [flex="33"],
body [layout=column] > [flex="33"] {
  flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box;
}
body [layout=column] > [flex="66"],
body [layout=column] > [flex="66"] {
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
body [layout],
body [layout=column],
body [layout=row] {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
body [layout=column] {
  flex-direction: column;
}
body [layout=column][layout-reverse] {
  flex-direction: column-reverse;
}
body [layout=row] {
  flex-direction: row;
}
body [layout=row][layout-reverse] {
  flex-direction: row-reverse;
}
body [layout-padding] > [flex-sm],
body [layout-padding] > [flex-lt-md] {
  padding: 4px;
}
body [layout-padding],
body [layout-padding] > [flex],
body [layout-padding] > [flex-gt-xs],
body [layout-padding] > [flex-gt-sm],
body [layout-padding] > [flex-md],
body [layout-padding] > [flex-lt-lg] {
  padding: 8px;
}
body [layout-padding] > [flex-gt-md],
body [layout-padding] > [flex-lg] {
  padding: 16px;
}
body [layout-margin] > [flex-sm],
body [layout-margin] > [flex-lt-md] {
  margin: 4px;
}
body [layout-margin],
body [layout-margin] > [flex],
body [layout-margin] > [flex-gt-xs],
body [layout-margin] > [flex-gt-sm],
body [layout-margin] > [flex-md],
body [layout-margin] > [flex-lt-lg] {
  margin: 8px;
}
body [layout-margin] > [flex-gt-md],
body [layout-margin] > [flex-lg] {
  margin: 16px;
}
body [layout-wrap] {
  flex-wrap: wrap;
}
body [layout-nowrap] {
  flex-wrap: nowrap;
}
body [layout-fill] {
  margin: 0;
  width: 100%;
  min-height: 100%;
  height: 100%;
}
body [no-margin] {
  margin: 0;
}
body [layout-gap] {
  display: flex;
  gap: attr(layout-gap px, 16px);
}
body {
}
@media (max-width: 599px) {
  body [hide-xs]:not([show-xs]):not([show]),
  body [hide]:not([show-xs]):not([show]) {
    display: none;
  }
  body [flex-order-xs="-20"] {
    order: -20;
  }
  body [flex-order-xs="-19"] {
    order: -19;
  }
  body [flex-order-xs="-18"] {
    order: -18;
  }
  body [flex-order-xs="-17"] {
    order: -17;
  }
  body [flex-order-xs="-16"] {
    order: -16;
  }
  body [flex-order-xs="-15"] {
    order: -15;
  }
  body [flex-order-xs="-14"] {
    order: -14;
  }
  body [flex-order-xs="-13"] {
    order: -13;
  }
  body [flex-order-xs="-12"] {
    order: -12;
  }
  body [flex-order-xs="-11"] {
    order: -11;
  }
  body [flex-order-xs="-10"] {
    order: -10;
  }
  body [flex-order-xs="-9"] {
    order: -9;
  }
  body [flex-order-xs="-8"] {
    order: -8;
  }
  body [flex-order-xs="-7"] {
    order: -7;
  }
  body [flex-order-xs="-6"] {
    order: -6;
  }
  body [flex-order-xs="-5"] {
    order: -5;
  }
  body [flex-order-xs="-4"] {
    order: -4;
  }
  body [flex-order-xs="-3"] {
    order: -3;
  }
  body [flex-order-xs="-2"] {
    order: -2;
  }
  body [flex-order-xs="-1"] {
    order: -1;
  }
  body [flex-order-xs="0"] {
    order: 0;
  }
  body [flex-order-xs="1"] {
    order: 1;
  }
  body [flex-order-xs="2"] {
    order: 2;
  }
  body [flex-order-xs="3"] {
    order: 3;
  }
  body [flex-order-xs="4"] {
    order: 4;
  }
  body [flex-order-xs="5"] {
    order: 5;
  }
  body [flex-order-xs="6"] {
    order: 6;
  }
  body [flex-order-xs="7"] {
    order: 7;
  }
  body [flex-order-xs="8"] {
    order: 8;
  }
  body [flex-order-xs="9"] {
    order: 9;
  }
  body [flex-order-xs="10"] {
    order: 10;
  }
  body [flex-order-xs="11"] {
    order: 11;
  }
  body [flex-order-xs="12"] {
    order: 12;
  }
  body [flex-order-xs="13"] {
    order: 13;
  }
  body [flex-order-xs="14"] {
    order: 14;
  }
  body [flex-order-xs="15"] {
    order: 15;
  }
  body [flex-order-xs="16"] {
    order: 16;
  }
  body [flex-order-xs="17"] {
    order: 17;
  }
  body [flex-order-xs="18"] {
    order: 18;
  }
  body [flex-order-xs="19"] {
    order: 19;
  }
  body [flex-order-xs="20"] {
    order: 20;
  }
  body [flex-offset-xs="0"] {
    margin-left: 0%;
  }
  body [flex-offset-xs="5"] {
    margin-left: 5%;
  }
  body [flex-offset-xs="10"] {
    margin-left: 10%;
  }
  body [flex-offset-xs="15"] {
    margin-left: 15%;
  }
  body [flex-offset-xs="20"] {
    margin-left: 20%;
  }
  body [flex-offset-xs="25"] {
    margin-left: 25%;
  }
  body [flex-offset-xs="30"] {
    margin-left: 30%;
  }
  body [flex-offset-xs="35"] {
    margin-left: 35%;
  }
  body [flex-offset-xs="40"] {
    margin-left: 40%;
  }
  body [flex-offset-xs="45"] {
    margin-left: 45%;
  }
  body [flex-offset-xs="50"] {
    margin-left: 50%;
  }
  body [flex-offset-xs="55"] {
    margin-left: 55%;
  }
  body [flex-offset-xs="60"] {
    margin-left: 60%;
  }
  body [flex-offset-xs="65"] {
    margin-left: 65%;
  }
  body [flex-offset-xs="70"] {
    margin-left: 70%;
  }
  body [flex-offset-xs="75"] {
    margin-left: 75%;
  }
  body [flex-offset-xs="80"] {
    margin-left: 80%;
  }
  body [flex-offset-xs="85"] {
    margin-left: 85%;
  }
  body [flex-offset-xs="90"] {
    margin-left: 90%;
  }
  body [flex-offset-xs="95"] {
    margin-left: 95%;
  }
  body [flex-offset-xs="33"] {
    margin-left: 33.3333333333%;
  }
  body [flex-offset-xs="66"] {
    margin-left: 66.6666666667%;
  }
  body [layout-align-xs],
  body [layout-align-xs="start stretch"] {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  body [layout-align-xs=start],
  body [layout-align-xs="start start"],
  body [layout-align-xs="start center"],
  body [layout-align-xs="start end"],
  body [layout-align-xs="start stretch"] {
    justify-content: flex-start;
  }
  body [layout-align-xs=center],
  body [layout-align-xs="center start"],
  body [layout-align-xs="center center"],
  body [layout-align-xs="center end"],
  body [layout-align-xs="center stretch"] {
    justify-content: center;
  }
  body [layout-align-xs=end],
  body [layout-align-xs="end center"],
  body [layout-align-xs="end start"],
  body [layout-align-xs="end end"],
  body [layout-align-xs="end stretch"] {
    justify-content: flex-end;
  }
  body [layout-align-xs=space-around],
  body [layout-align-xs="space-around center"],
  body [layout-align-xs="space-around start"],
  body [layout-align-xs="space-around end"],
  body [layout-align-xs="space-around stretch"] {
    justify-content: space-around;
  }
  body [layout-align-xs=space-between],
  body [layout-align-xs="space-between center"],
  body [layout-align-xs="space-between start"],
  body [layout-align-xs="space-between end"],
  body [layout-align-xs="space-between stretch"] {
    justify-content: space-between;
  }
  body [layout-align-xs="start start"],
  body [layout-align-xs="center start"],
  body [layout-align-xs="end start"],
  body [layout-align-xs="space-between start"],
  body [layout-align-xs="space-around start"] {
    align-items: flex-start;
    align-content: flex-start;
  }
  body [layout-align-xs="start center"],
  body [layout-align-xs="center center"],
  body [layout-align-xs="end center"],
  body [layout-align-xs="space-between center"],
  body [layout-align-xs="space-around center"] {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  body [layout-align-xs="start center"] > *,
  body [layout-align-xs="center center"] > *,
  body [layout-align-xs="end center"] > *,
  body [layout-align-xs="space-between center"] > *,
  body [layout-align-xs="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  body [layout-align-xs="start end"],
  body [layout-align-xs="center end"],
  body [layout-align-xs="end end"],
  body [layout-align-xs="space-between end"],
  body [layout-align-xs="space-around end"] {
    align-items: flex-end;
    align-content: flex-end;
  }
  body [layout-align-xs="start stretch"],
  body [layout-align-xs="center stretch"],
  body [layout-align-xs="end stretch"],
  body [layout-align-xs="space-between stretch"],
  body [layout-align-xs="space-around stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  body [flex-xs] {
    display: flex;
    flex: 1;
    box-sizing: border-box;
  }
  body [flex-xs=grow] {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  body [flex-xs=initial] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-xs=auto] {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  body [flex-xs=none] {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  body [flex-xs=noshrink] {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  body [flex-xs=nogrow] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-xs="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [flex-xs="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [flex-xs="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [flex-xs="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [flex-xs="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [flex-xs="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [flex-xs="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [flex-xs="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [flex-xs="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [flex-xs="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [flex-xs="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [flex-xs="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [flex-xs="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [flex-xs="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [flex-xs="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [flex-xs="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [flex-xs="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [flex-xs="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [flex-xs="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [flex-xs="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [flex-xs="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="33"],
  body [layout=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xs="66"],
  body [layout=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="33"],
  body [layout=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xs="66"],
  body [layout=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="33"],
  body [layout-xs=row] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=row] > [flex-xs="66"],
  body [layout-xs=row] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="33"],
  body [layout-xs=column] > [flex-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout-xs=column] > [flex-xs="66"],
  body [layout-xs=column] > [flex-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xs],
  body [layout-xs=column],
  body [layout-xs=row] {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  body [layout-xs=column] {
    flex-direction: column;
  }
  body [layout-xs=column][layout-reverse] {
    flex-direction: column-reverse;
  }
  body [layout-xs=row] {
    flex-direction: row;
  }
  body [layout-xs=row][layout-reverse] {
    flex-direction: row-reverse;
  }
}
@media (min-width: 600px) {
  body [flex-order-gt-xs="-20"] {
    order: -20;
  }
  body [flex-order-gt-xs="-19"] {
    order: -19;
  }
  body [flex-order-gt-xs="-18"] {
    order: -18;
  }
  body [flex-order-gt-xs="-17"] {
    order: -17;
  }
  body [flex-order-gt-xs="-16"] {
    order: -16;
  }
  body [flex-order-gt-xs="-15"] {
    order: -15;
  }
  body [flex-order-gt-xs="-14"] {
    order: -14;
  }
  body [flex-order-gt-xs="-13"] {
    order: -13;
  }
  body [flex-order-gt-xs="-12"] {
    order: -12;
  }
  body [flex-order-gt-xs="-11"] {
    order: -11;
  }
  body [flex-order-gt-xs="-10"] {
    order: -10;
  }
  body [flex-order-gt-xs="-9"] {
    order: -9;
  }
  body [flex-order-gt-xs="-8"] {
    order: -8;
  }
  body [flex-order-gt-xs="-7"] {
    order: -7;
  }
  body [flex-order-gt-xs="-6"] {
    order: -6;
  }
  body [flex-order-gt-xs="-5"] {
    order: -5;
  }
  body [flex-order-gt-xs="-4"] {
    order: -4;
  }
  body [flex-order-gt-xs="-3"] {
    order: -3;
  }
  body [flex-order-gt-xs="-2"] {
    order: -2;
  }
  body [flex-order-gt-xs="-1"] {
    order: -1;
  }
  body [flex-order-gt-xs="0"] {
    order: 0;
  }
  body [flex-order-gt-xs="1"] {
    order: 1;
  }
  body [flex-order-gt-xs="2"] {
    order: 2;
  }
  body [flex-order-gt-xs="3"] {
    order: 3;
  }
  body [flex-order-gt-xs="4"] {
    order: 4;
  }
  body [flex-order-gt-xs="5"] {
    order: 5;
  }
  body [flex-order-gt-xs="6"] {
    order: 6;
  }
  body [flex-order-gt-xs="7"] {
    order: 7;
  }
  body [flex-order-gt-xs="8"] {
    order: 8;
  }
  body [flex-order-gt-xs="9"] {
    order: 9;
  }
  body [flex-order-gt-xs="10"] {
    order: 10;
  }
  body [flex-order-gt-xs="11"] {
    order: 11;
  }
  body [flex-order-gt-xs="12"] {
    order: 12;
  }
  body [flex-order-gt-xs="13"] {
    order: 13;
  }
  body [flex-order-gt-xs="14"] {
    order: 14;
  }
  body [flex-order-gt-xs="15"] {
    order: 15;
  }
  body [flex-order-gt-xs="16"] {
    order: 16;
  }
  body [flex-order-gt-xs="17"] {
    order: 17;
  }
  body [flex-order-gt-xs="18"] {
    order: 18;
  }
  body [flex-order-gt-xs="19"] {
    order: 19;
  }
  body [flex-order-gt-xs="20"] {
    order: 20;
  }
  body [flex-offset-gt-xs="0"] {
    margin-left: 0%;
  }
  body [flex-offset-gt-xs="5"] {
    margin-left: 5%;
  }
  body [flex-offset-gt-xs="10"] {
    margin-left: 10%;
  }
  body [flex-offset-gt-xs="15"] {
    margin-left: 15%;
  }
  body [flex-offset-gt-xs="20"] {
    margin-left: 20%;
  }
  body [flex-offset-gt-xs="25"] {
    margin-left: 25%;
  }
  body [flex-offset-gt-xs="30"] {
    margin-left: 30%;
  }
  body [flex-offset-gt-xs="35"] {
    margin-left: 35%;
  }
  body [flex-offset-gt-xs="40"] {
    margin-left: 40%;
  }
  body [flex-offset-gt-xs="45"] {
    margin-left: 45%;
  }
  body [flex-offset-gt-xs="50"] {
    margin-left: 50%;
  }
  body [flex-offset-gt-xs="55"] {
    margin-left: 55%;
  }
  body [flex-offset-gt-xs="60"] {
    margin-left: 60%;
  }
  body [flex-offset-gt-xs="65"] {
    margin-left: 65%;
  }
  body [flex-offset-gt-xs="70"] {
    margin-left: 70%;
  }
  body [flex-offset-gt-xs="75"] {
    margin-left: 75%;
  }
  body [flex-offset-gt-xs="80"] {
    margin-left: 80%;
  }
  body [flex-offset-gt-xs="85"] {
    margin-left: 85%;
  }
  body [flex-offset-gt-xs="90"] {
    margin-left: 90%;
  }
  body [flex-offset-gt-xs="95"] {
    margin-left: 95%;
  }
  body [flex-offset-gt-xs="33"] {
    margin-left: 33.3333333333%;
  }
  body [flex-offset-gt-xs="66"] {
    margin-left: 66.6666666667%;
  }
  body [layout-align-gt-xs],
  body [layout-align-gt-xs="start stretch"] {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  body [layout-align-gt-xs=start],
  body [layout-align-gt-xs="start start"],
  body [layout-align-gt-xs="start center"],
  body [layout-align-gt-xs="start end"],
  body [layout-align-gt-xs="start stretch"] {
    justify-content: flex-start;
  }
  body [layout-align-gt-xs=center],
  body [layout-align-gt-xs="center start"],
  body [layout-align-gt-xs="center center"],
  body [layout-align-gt-xs="center end"],
  body [layout-align-gt-xs="center stretch"] {
    justify-content: center;
  }
  body [layout-align-gt-xs=end],
  body [layout-align-gt-xs="end center"],
  body [layout-align-gt-xs="end start"],
  body [layout-align-gt-xs="end end"],
  body [layout-align-gt-xs="end stretch"] {
    justify-content: flex-end;
  }
  body [layout-align-gt-xs=space-around],
  body [layout-align-gt-xs="space-around center"],
  body [layout-align-gt-xs="space-around start"],
  body [layout-align-gt-xs="space-around end"],
  body [layout-align-gt-xs="space-around stretch"] {
    justify-content: space-around;
  }
  body [layout-align-gt-xs=space-between],
  body [layout-align-gt-xs="space-between center"],
  body [layout-align-gt-xs="space-between start"],
  body [layout-align-gt-xs="space-between end"],
  body [layout-align-gt-xs="space-between stretch"] {
    justify-content: space-between;
  }
  body [layout-align-gt-xs="start start"],
  body [layout-align-gt-xs="center start"],
  body [layout-align-gt-xs="end start"],
  body [layout-align-gt-xs="space-between start"],
  body [layout-align-gt-xs="space-around start"] {
    align-items: flex-start;
    align-content: flex-start;
  }
  body [layout-align-gt-xs="start center"],
  body [layout-align-gt-xs="center center"],
  body [layout-align-gt-xs="end center"],
  body [layout-align-gt-xs="space-between center"],
  body [layout-align-gt-xs="space-around center"] {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  body [layout-align-gt-xs="start center"] > *,
  body [layout-align-gt-xs="center center"] > *,
  body [layout-align-gt-xs="end center"] > *,
  body [layout-align-gt-xs="space-between center"] > *,
  body [layout-align-gt-xs="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  body [layout-align-gt-xs="start end"],
  body [layout-align-gt-xs="center end"],
  body [layout-align-gt-xs="end end"],
  body [layout-align-gt-xs="space-between end"],
  body [layout-align-gt-xs="space-around end"] {
    align-items: flex-end;
    align-content: flex-end;
  }
  body [layout-align-gt-xs="start stretch"],
  body [layout-align-gt-xs="center stretch"],
  body [layout-align-gt-xs="end stretch"],
  body [layout-align-gt-xs="space-between stretch"],
  body [layout-align-gt-xs="space-around stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  body [flex-gt-xs] {
    display: flex;
    flex: 1;
    box-sizing: border-box;
  }
  body [flex-gt-xs=grow] {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  body [flex-gt-xs=initial] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-gt-xs=auto] {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  body [flex-gt-xs=none] {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  body [flex-gt-xs=noshrink] {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  body [flex-gt-xs=nogrow] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-gt-xs="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [flex-gt-xs="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="33"],
  body [layout=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-xs="66"],
  body [layout=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="33"],
  body [layout=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-xs="66"],
  body [layout=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="33"],
  body [layout-gt-xs=row] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=row] > [flex-gt-xs="66"],
  body [layout-gt-xs=row] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="33"],
  body [layout-gt-xs=column] > [flex-gt-xs="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout-gt-xs=column] > [flex-gt-xs="66"],
  body [layout-gt-xs=column] > [flex-gt-xs="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-xs],
  body [layout-gt-xs=column],
  body [layout-gt-xs=row] {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  body [layout-gt-xs=column] {
    flex-direction: column;
  }
  body [layout-gt-xs=column][layout-reverse] {
    flex-direction: column-reverse;
  }
  body [layout-gt-xs=row] {
    flex-direction: row;
  }
  body [layout-gt-xs=row][layout-reverse] {
    flex-direction: row-reverse;
  }
}
@media (min-width: 600px) and (max-width: 959px) {
  body [hide]:not([show-gt-xs]):not([show-sm]):not([show]),
  body [hide-gt-xs]:not([show-gt-xs]):not([show-sm]):not([show]) {
    display: none;
  }
  body [hide-sm]:not([show-gt-xs]):not([show-sm]):not([show]) {
    display: none;
  }
  body [flex-order-sm="-20"] {
    order: -20;
  }
  body [flex-order-sm="-19"] {
    order: -19;
  }
  body [flex-order-sm="-18"] {
    order: -18;
  }
  body [flex-order-sm="-17"] {
    order: -17;
  }
  body [flex-order-sm="-16"] {
    order: -16;
  }
  body [flex-order-sm="-15"] {
    order: -15;
  }
  body [flex-order-sm="-14"] {
    order: -14;
  }
  body [flex-order-sm="-13"] {
    order: -13;
  }
  body [flex-order-sm="-12"] {
    order: -12;
  }
  body [flex-order-sm="-11"] {
    order: -11;
  }
  body [flex-order-sm="-10"] {
    order: -10;
  }
  body [flex-order-sm="-9"] {
    order: -9;
  }
  body [flex-order-sm="-8"] {
    order: -8;
  }
  body [flex-order-sm="-7"] {
    order: -7;
  }
  body [flex-order-sm="-6"] {
    order: -6;
  }
  body [flex-order-sm="-5"] {
    order: -5;
  }
  body [flex-order-sm="-4"] {
    order: -4;
  }
  body [flex-order-sm="-3"] {
    order: -3;
  }
  body [flex-order-sm="-2"] {
    order: -2;
  }
  body [flex-order-sm="-1"] {
    order: -1;
  }
  body [flex-order-sm="0"] {
    order: 0;
  }
  body [flex-order-sm="1"] {
    order: 1;
  }
  body [flex-order-sm="2"] {
    order: 2;
  }
  body [flex-order-sm="3"] {
    order: 3;
  }
  body [flex-order-sm="4"] {
    order: 4;
  }
  body [flex-order-sm="5"] {
    order: 5;
  }
  body [flex-order-sm="6"] {
    order: 6;
  }
  body [flex-order-sm="7"] {
    order: 7;
  }
  body [flex-order-sm="8"] {
    order: 8;
  }
  body [flex-order-sm="9"] {
    order: 9;
  }
  body [flex-order-sm="10"] {
    order: 10;
  }
  body [flex-order-sm="11"] {
    order: 11;
  }
  body [flex-order-sm="12"] {
    order: 12;
  }
  body [flex-order-sm="13"] {
    order: 13;
  }
  body [flex-order-sm="14"] {
    order: 14;
  }
  body [flex-order-sm="15"] {
    order: 15;
  }
  body [flex-order-sm="16"] {
    order: 16;
  }
  body [flex-order-sm="17"] {
    order: 17;
  }
  body [flex-order-sm="18"] {
    order: 18;
  }
  body [flex-order-sm="19"] {
    order: 19;
  }
  body [flex-order-sm="20"] {
    order: 20;
  }
  body [flex-offset-sm="0"] {
    margin-left: 0%;
  }
  body [flex-offset-sm="5"] {
    margin-left: 5%;
  }
  body [flex-offset-sm="10"] {
    margin-left: 10%;
  }
  body [flex-offset-sm="15"] {
    margin-left: 15%;
  }
  body [flex-offset-sm="20"] {
    margin-left: 20%;
  }
  body [flex-offset-sm="25"] {
    margin-left: 25%;
  }
  body [flex-offset-sm="30"] {
    margin-left: 30%;
  }
  body [flex-offset-sm="35"] {
    margin-left: 35%;
  }
  body [flex-offset-sm="40"] {
    margin-left: 40%;
  }
  body [flex-offset-sm="45"] {
    margin-left: 45%;
  }
  body [flex-offset-sm="50"] {
    margin-left: 50%;
  }
  body [flex-offset-sm="55"] {
    margin-left: 55%;
  }
  body [flex-offset-sm="60"] {
    margin-left: 60%;
  }
  body [flex-offset-sm="65"] {
    margin-left: 65%;
  }
  body [flex-offset-sm="70"] {
    margin-left: 70%;
  }
  body [flex-offset-sm="75"] {
    margin-left: 75%;
  }
  body [flex-offset-sm="80"] {
    margin-left: 80%;
  }
  body [flex-offset-sm="85"] {
    margin-left: 85%;
  }
  body [flex-offset-sm="90"] {
    margin-left: 90%;
  }
  body [flex-offset-sm="95"] {
    margin-left: 95%;
  }
  body [flex-offset-sm="33"] {
    margin-left: 33.3333333333%;
  }
  body [flex-offset-sm="66"] {
    margin-left: 66.6666666667%;
  }
  body [layout-align-sm],
  body [layout-align-sm="start stretch"] {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  body [layout-align-sm=start],
  body [layout-align-sm="start start"],
  body [layout-align-sm="start center"],
  body [layout-align-sm="start end"],
  body [layout-align-sm="start stretch"] {
    justify-content: flex-start;
  }
  body [layout-align-sm=center],
  body [layout-align-sm="center start"],
  body [layout-align-sm="center center"],
  body [layout-align-sm="center end"],
  body [layout-align-sm="center stretch"] {
    justify-content: center;
  }
  body [layout-align-sm=end],
  body [layout-align-sm="end center"],
  body [layout-align-sm="end start"],
  body [layout-align-sm="end end"],
  body [layout-align-sm="end stretch"] {
    justify-content: flex-end;
  }
  body [layout-align-sm=space-around],
  body [layout-align-sm="space-around center"],
  body [layout-align-sm="space-around start"],
  body [layout-align-sm="space-around end"],
  body [layout-align-sm="space-around stretch"] {
    justify-content: space-around;
  }
  body [layout-align-sm=space-between],
  body [layout-align-sm="space-between center"],
  body [layout-align-sm="space-between start"],
  body [layout-align-sm="space-between end"],
  body [layout-align-sm="space-between stretch"] {
    justify-content: space-between;
  }
  body [layout-align-sm="start start"],
  body [layout-align-sm="center start"],
  body [layout-align-sm="end start"],
  body [layout-align-sm="space-between start"],
  body [layout-align-sm="space-around start"] {
    align-items: flex-start;
    align-content: flex-start;
  }
  body [layout-align-sm="start center"],
  body [layout-align-sm="center center"],
  body [layout-align-sm="end center"],
  body [layout-align-sm="space-between center"],
  body [layout-align-sm="space-around center"] {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  body [layout-align-sm="start center"] > *,
  body [layout-align-sm="center center"] > *,
  body [layout-align-sm="end center"] > *,
  body [layout-align-sm="space-between center"] > *,
  body [layout-align-sm="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  body [layout-align-sm="start end"],
  body [layout-align-sm="center end"],
  body [layout-align-sm="end end"],
  body [layout-align-sm="space-between end"],
  body [layout-align-sm="space-around end"] {
    align-items: flex-end;
    align-content: flex-end;
  }
  body [layout-align-sm="start stretch"],
  body [layout-align-sm="center stretch"],
  body [layout-align-sm="end stretch"],
  body [layout-align-sm="space-between stretch"],
  body [layout-align-sm="space-around stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  body [flex-sm] {
    display: flex;
    flex: 1;
    box-sizing: border-box;
  }
  body [flex-sm=grow] {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  body [flex-sm=initial] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-sm=auto] {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  body [flex-sm=none] {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  body [flex-sm=noshrink] {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  body [flex-sm=nogrow] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-sm="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [flex-sm="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [flex-sm="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [flex-sm="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [flex-sm="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [flex-sm="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [flex-sm="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [flex-sm="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [flex-sm="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [flex-sm="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [flex-sm="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [flex-sm="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [flex-sm="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [flex-sm="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [flex-sm="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [flex-sm="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [flex-sm="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [flex-sm="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [flex-sm="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [flex-sm="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [flex-sm="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="33"],
  body [layout=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-sm="66"],
  body [layout=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="33"],
  body [layout=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-sm="66"],
  body [layout=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="33"],
  body [layout-sm=row] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=row] > [flex-sm="66"],
  body [layout-sm=row] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="33"],
  body [layout-sm=column] > [flex-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout-sm=column] > [flex-sm="66"],
  body [layout-sm=column] > [flex-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-sm],
  body [layout-sm=column],
  body [layout-sm=row] {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  body [layout-sm=column] {
    flex-direction: column;
  }
  body [layout-sm=column][layout-reverse] {
    flex-direction: column-reverse;
  }
  body [layout-sm=row] {
    flex-direction: row;
  }
  body [layout-sm=row][layout-reverse] {
    flex-direction: row-reverse;
  }
}
@media (min-width: 960px) {
  body [flex-order-gt-sm="-20"] {
    order: -20;
  }
  body [flex-order-gt-sm="-19"] {
    order: -19;
  }
  body [flex-order-gt-sm="-18"] {
    order: -18;
  }
  body [flex-order-gt-sm="-17"] {
    order: -17;
  }
  body [flex-order-gt-sm="-16"] {
    order: -16;
  }
  body [flex-order-gt-sm="-15"] {
    order: -15;
  }
  body [flex-order-gt-sm="-14"] {
    order: -14;
  }
  body [flex-order-gt-sm="-13"] {
    order: -13;
  }
  body [flex-order-gt-sm="-12"] {
    order: -12;
  }
  body [flex-order-gt-sm="-11"] {
    order: -11;
  }
  body [flex-order-gt-sm="-10"] {
    order: -10;
  }
  body [flex-order-gt-sm="-9"] {
    order: -9;
  }
  body [flex-order-gt-sm="-8"] {
    order: -8;
  }
  body [flex-order-gt-sm="-7"] {
    order: -7;
  }
  body [flex-order-gt-sm="-6"] {
    order: -6;
  }
  body [flex-order-gt-sm="-5"] {
    order: -5;
  }
  body [flex-order-gt-sm="-4"] {
    order: -4;
  }
  body [flex-order-gt-sm="-3"] {
    order: -3;
  }
  body [flex-order-gt-sm="-2"] {
    order: -2;
  }
  body [flex-order-gt-sm="-1"] {
    order: -1;
  }
  body [flex-order-gt-sm="0"] {
    order: 0;
  }
  body [flex-order-gt-sm="1"] {
    order: 1;
  }
  body [flex-order-gt-sm="2"] {
    order: 2;
  }
  body [flex-order-gt-sm="3"] {
    order: 3;
  }
  body [flex-order-gt-sm="4"] {
    order: 4;
  }
  body [flex-order-gt-sm="5"] {
    order: 5;
  }
  body [flex-order-gt-sm="6"] {
    order: 6;
  }
  body [flex-order-gt-sm="7"] {
    order: 7;
  }
  body [flex-order-gt-sm="8"] {
    order: 8;
  }
  body [flex-order-gt-sm="9"] {
    order: 9;
  }
  body [flex-order-gt-sm="10"] {
    order: 10;
  }
  body [flex-order-gt-sm="11"] {
    order: 11;
  }
  body [flex-order-gt-sm="12"] {
    order: 12;
  }
  body [flex-order-gt-sm="13"] {
    order: 13;
  }
  body [flex-order-gt-sm="14"] {
    order: 14;
  }
  body [flex-order-gt-sm="15"] {
    order: 15;
  }
  body [flex-order-gt-sm="16"] {
    order: 16;
  }
  body [flex-order-gt-sm="17"] {
    order: 17;
  }
  body [flex-order-gt-sm="18"] {
    order: 18;
  }
  body [flex-order-gt-sm="19"] {
    order: 19;
  }
  body [flex-order-gt-sm="20"] {
    order: 20;
  }
  body [flex-offset-gt-sm="0"] {
    margin-left: 0%;
  }
  body [flex-offset-gt-sm="5"] {
    margin-left: 5%;
  }
  body [flex-offset-gt-sm="10"] {
    margin-left: 10%;
  }
  body [flex-offset-gt-sm="15"] {
    margin-left: 15%;
  }
  body [flex-offset-gt-sm="20"] {
    margin-left: 20%;
  }
  body [flex-offset-gt-sm="25"] {
    margin-left: 25%;
  }
  body [flex-offset-gt-sm="30"] {
    margin-left: 30%;
  }
  body [flex-offset-gt-sm="35"] {
    margin-left: 35%;
  }
  body [flex-offset-gt-sm="40"] {
    margin-left: 40%;
  }
  body [flex-offset-gt-sm="45"] {
    margin-left: 45%;
  }
  body [flex-offset-gt-sm="50"] {
    margin-left: 50%;
  }
  body [flex-offset-gt-sm="55"] {
    margin-left: 55%;
  }
  body [flex-offset-gt-sm="60"] {
    margin-left: 60%;
  }
  body [flex-offset-gt-sm="65"] {
    margin-left: 65%;
  }
  body [flex-offset-gt-sm="70"] {
    margin-left: 70%;
  }
  body [flex-offset-gt-sm="75"] {
    margin-left: 75%;
  }
  body [flex-offset-gt-sm="80"] {
    margin-left: 80%;
  }
  body [flex-offset-gt-sm="85"] {
    margin-left: 85%;
  }
  body [flex-offset-gt-sm="90"] {
    margin-left: 90%;
  }
  body [flex-offset-gt-sm="95"] {
    margin-left: 95%;
  }
  body [flex-offset-gt-sm="33"] {
    margin-left: 33.3333333333%;
  }
  body [flex-offset-gt-sm="66"] {
    margin-left: 66.6666666667%;
  }
  body [layout-align-gt-sm],
  body [layout-align-gt-sm="start stretch"] {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  body [layout-align-gt-sm=start],
  body [layout-align-gt-sm="start start"],
  body [layout-align-gt-sm="start center"],
  body [layout-align-gt-sm="start end"],
  body [layout-align-gt-sm="start stretch"] {
    justify-content: flex-start;
  }
  body [layout-align-gt-sm=center],
  body [layout-align-gt-sm="center start"],
  body [layout-align-gt-sm="center center"],
  body [layout-align-gt-sm="center end"],
  body [layout-align-gt-sm="center stretch"] {
    justify-content: center;
  }
  body [layout-align-gt-sm=end],
  body [layout-align-gt-sm="end center"],
  body [layout-align-gt-sm="end start"],
  body [layout-align-gt-sm="end end"],
  body [layout-align-gt-sm="end stretch"] {
    justify-content: flex-end;
  }
  body [layout-align-gt-sm=space-around],
  body [layout-align-gt-sm="space-around center"],
  body [layout-align-gt-sm="space-around start"],
  body [layout-align-gt-sm="space-around end"],
  body [layout-align-gt-sm="space-around stretch"] {
    justify-content: space-around;
  }
  body [layout-align-gt-sm=space-between],
  body [layout-align-gt-sm="space-between center"],
  body [layout-align-gt-sm="space-between start"],
  body [layout-align-gt-sm="space-between end"],
  body [layout-align-gt-sm="space-between stretch"] {
    justify-content: space-between;
  }
  body [layout-align-gt-sm="start start"],
  body [layout-align-gt-sm="center start"],
  body [layout-align-gt-sm="end start"],
  body [layout-align-gt-sm="space-between start"],
  body [layout-align-gt-sm="space-around start"] {
    align-items: flex-start;
    align-content: flex-start;
  }
  body [layout-align-gt-sm="start center"],
  body [layout-align-gt-sm="center center"],
  body [layout-align-gt-sm="end center"],
  body [layout-align-gt-sm="space-between center"],
  body [layout-align-gt-sm="space-around center"] {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  body [layout-align-gt-sm="start center"] > *,
  body [layout-align-gt-sm="center center"] > *,
  body [layout-align-gt-sm="end center"] > *,
  body [layout-align-gt-sm="space-between center"] > *,
  body [layout-align-gt-sm="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  body [layout-align-gt-sm="start end"],
  body [layout-align-gt-sm="center end"],
  body [layout-align-gt-sm="end end"],
  body [layout-align-gt-sm="space-between end"],
  body [layout-align-gt-sm="space-around end"] {
    align-items: flex-end;
    align-content: flex-end;
  }
  body [layout-align-gt-sm="start stretch"],
  body [layout-align-gt-sm="center stretch"],
  body [layout-align-gt-sm="end stretch"],
  body [layout-align-gt-sm="space-between stretch"],
  body [layout-align-gt-sm="space-around stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  body [flex-gt-sm] {
    display: flex;
    flex: 1;
    box-sizing: border-box;
  }
  body [flex-gt-sm=grow] {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  body [flex-gt-sm=initial] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-gt-sm=auto] {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  body [flex-gt-sm=none] {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  body [flex-gt-sm=noshrink] {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  body [flex-gt-sm=nogrow] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-gt-sm="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [flex-gt-sm="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="33"],
  body [layout=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-sm="66"],
  body [layout=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="33"],
  body [layout=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-sm="66"],
  body [layout=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="33"],
  body [layout-gt-sm=row] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=row] > [flex-gt-sm="66"],
  body [layout-gt-sm=row] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="33"],
  body [layout-gt-sm=column] > [flex-gt-sm="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout-gt-sm=column] > [flex-gt-sm="66"],
  body [layout-gt-sm=column] > [flex-gt-sm="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-sm],
  body [layout-gt-sm=column],
  body [layout-gt-sm=row] {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  body [layout-gt-sm=column] {
    flex-direction: column;
  }
  body [layout-gt-sm=column][layout-reverse] {
    flex-direction: column-reverse;
  }
  body [layout-gt-sm=row] {
    flex-direction: row;
  }
  body [layout-gt-sm=row][layout-reverse] {
    flex-direction: row-reverse;
  }
}
@media (min-width: 960px) and (max-width: 1279px) {
  body [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]),
  body [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]),
  body [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]) {
    display: none;
  }
  body [hide-md]:not([show-md]):not([show]) {
    display: none;
  }
  body [flex-order-md="-20"] {
    order: -20;
  }
  body [flex-order-md="-19"] {
    order: -19;
  }
  body [flex-order-md="-18"] {
    order: -18;
  }
  body [flex-order-md="-17"] {
    order: -17;
  }
  body [flex-order-md="-16"] {
    order: -16;
  }
  body [flex-order-md="-15"] {
    order: -15;
  }
  body [flex-order-md="-14"] {
    order: -14;
  }
  body [flex-order-md="-13"] {
    order: -13;
  }
  body [flex-order-md="-12"] {
    order: -12;
  }
  body [flex-order-md="-11"] {
    order: -11;
  }
  body [flex-order-md="-10"] {
    order: -10;
  }
  body [flex-order-md="-9"] {
    order: -9;
  }
  body [flex-order-md="-8"] {
    order: -8;
  }
  body [flex-order-md="-7"] {
    order: -7;
  }
  body [flex-order-md="-6"] {
    order: -6;
  }
  body [flex-order-md="-5"] {
    order: -5;
  }
  body [flex-order-md="-4"] {
    order: -4;
  }
  body [flex-order-md="-3"] {
    order: -3;
  }
  body [flex-order-md="-2"] {
    order: -2;
  }
  body [flex-order-md="-1"] {
    order: -1;
  }
  body [flex-order-md="0"] {
    order: 0;
  }
  body [flex-order-md="1"] {
    order: 1;
  }
  body [flex-order-md="2"] {
    order: 2;
  }
  body [flex-order-md="3"] {
    order: 3;
  }
  body [flex-order-md="4"] {
    order: 4;
  }
  body [flex-order-md="5"] {
    order: 5;
  }
  body [flex-order-md="6"] {
    order: 6;
  }
  body [flex-order-md="7"] {
    order: 7;
  }
  body [flex-order-md="8"] {
    order: 8;
  }
  body [flex-order-md="9"] {
    order: 9;
  }
  body [flex-order-md="10"] {
    order: 10;
  }
  body [flex-order-md="11"] {
    order: 11;
  }
  body [flex-order-md="12"] {
    order: 12;
  }
  body [flex-order-md="13"] {
    order: 13;
  }
  body [flex-order-md="14"] {
    order: 14;
  }
  body [flex-order-md="15"] {
    order: 15;
  }
  body [flex-order-md="16"] {
    order: 16;
  }
  body [flex-order-md="17"] {
    order: 17;
  }
  body [flex-order-md="18"] {
    order: 18;
  }
  body [flex-order-md="19"] {
    order: 19;
  }
  body [flex-order-md="20"] {
    order: 20;
  }
  body [flex-offset-md="0"] {
    margin-left: 0%;
  }
  body [flex-offset-md="5"] {
    margin-left: 5%;
  }
  body [flex-offset-md="10"] {
    margin-left: 10%;
  }
  body [flex-offset-md="15"] {
    margin-left: 15%;
  }
  body [flex-offset-md="20"] {
    margin-left: 20%;
  }
  body [flex-offset-md="25"] {
    margin-left: 25%;
  }
  body [flex-offset-md="30"] {
    margin-left: 30%;
  }
  body [flex-offset-md="35"] {
    margin-left: 35%;
  }
  body [flex-offset-md="40"] {
    margin-left: 40%;
  }
  body [flex-offset-md="45"] {
    margin-left: 45%;
  }
  body [flex-offset-md="50"] {
    margin-left: 50%;
  }
  body [flex-offset-md="55"] {
    margin-left: 55%;
  }
  body [flex-offset-md="60"] {
    margin-left: 60%;
  }
  body [flex-offset-md="65"] {
    margin-left: 65%;
  }
  body [flex-offset-md="70"] {
    margin-left: 70%;
  }
  body [flex-offset-md="75"] {
    margin-left: 75%;
  }
  body [flex-offset-md="80"] {
    margin-left: 80%;
  }
  body [flex-offset-md="85"] {
    margin-left: 85%;
  }
  body [flex-offset-md="90"] {
    margin-left: 90%;
  }
  body [flex-offset-md="95"] {
    margin-left: 95%;
  }
  body [flex-offset-md="33"] {
    margin-left: 33.3333333333%;
  }
  body [flex-offset-md="66"] {
    margin-left: 66.6666666667%;
  }
  body [layout-align-md],
  body [layout-align-md="start stretch"] {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  body [layout-align-md=start],
  body [layout-align-md="start start"],
  body [layout-align-md="start center"],
  body [layout-align-md="start end"],
  body [layout-align-md="start stretch"] {
    justify-content: flex-start;
  }
  body [layout-align-md=center],
  body [layout-align-md="center start"],
  body [layout-align-md="center center"],
  body [layout-align-md="center end"],
  body [layout-align-md="center stretch"] {
    justify-content: center;
  }
  body [layout-align-md=end],
  body [layout-align-md="end center"],
  body [layout-align-md="end start"],
  body [layout-align-md="end end"],
  body [layout-align-md="end stretch"] {
    justify-content: flex-end;
  }
  body [layout-align-md=space-around],
  body [layout-align-md="space-around center"],
  body [layout-align-md="space-around start"],
  body [layout-align-md="space-around end"],
  body [layout-align-md="space-around stretch"] {
    justify-content: space-around;
  }
  body [layout-align-md=space-between],
  body [layout-align-md="space-between center"],
  body [layout-align-md="space-between start"],
  body [layout-align-md="space-between end"],
  body [layout-align-md="space-between stretch"] {
    justify-content: space-between;
  }
  body [layout-align-md="start start"],
  body [layout-align-md="center start"],
  body [layout-align-md="end start"],
  body [layout-align-md="space-between start"],
  body [layout-align-md="space-around start"] {
    align-items: flex-start;
    align-content: flex-start;
  }
  body [layout-align-md="start center"],
  body [layout-align-md="center center"],
  body [layout-align-md="end center"],
  body [layout-align-md="space-between center"],
  body [layout-align-md="space-around center"] {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  body [layout-align-md="start center"] > *,
  body [layout-align-md="center center"] > *,
  body [layout-align-md="end center"] > *,
  body [layout-align-md="space-between center"] > *,
  body [layout-align-md="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  body [layout-align-md="start end"],
  body [layout-align-md="center end"],
  body [layout-align-md="end end"],
  body [layout-align-md="space-between end"],
  body [layout-align-md="space-around end"] {
    align-items: flex-end;
    align-content: flex-end;
  }
  body [layout-align-md="start stretch"],
  body [layout-align-md="center stretch"],
  body [layout-align-md="end stretch"],
  body [layout-align-md="space-between stretch"],
  body [layout-align-md="space-around stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  body [flex-md] {
    display: flex;
    flex: 1;
    box-sizing: border-box;
  }
  body [flex-md=grow] {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  body [flex-md=initial] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-md=auto] {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  body [flex-md=none] {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  body [flex-md=noshrink] {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  body [flex-md=nogrow] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-md="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [flex-md="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [flex-md="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [flex-md="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [flex-md="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [flex-md="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [flex-md="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [flex-md="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [flex-md="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [flex-md="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [flex-md="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [flex-md="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [flex-md="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [flex-md="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [flex-md="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [flex-md="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [flex-md="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [flex-md="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [flex-md="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [flex-md="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [flex-md="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="33"],
  body [layout=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-md="66"],
  body [layout=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="33"],
  body [layout=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-md="66"],
  body [layout=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="33"],
  body [layout-md=row] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=row] > [flex-md="66"],
  body [layout-md=row] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="33"],
  body [layout-md=column] > [flex-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout-md=column] > [flex-md="66"],
  body [layout-md=column] > [flex-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-md],
  body [layout-md=column],
  body [layout-md=row] {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  body [layout-md=column] {
    flex-direction: column;
  }
  body [layout-md=column][layout-reverse] {
    flex-direction: column-reverse;
  }
  body [layout-md=row] {
    flex-direction: row;
  }
  body [layout-md=row][layout-reverse] {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1280px) {
  body [flex-order-gt-md="-20"] {
    order: -20;
  }
  body [flex-order-gt-md="-19"] {
    order: -19;
  }
  body [flex-order-gt-md="-18"] {
    order: -18;
  }
  body [flex-order-gt-md="-17"] {
    order: -17;
  }
  body [flex-order-gt-md="-16"] {
    order: -16;
  }
  body [flex-order-gt-md="-15"] {
    order: -15;
  }
  body [flex-order-gt-md="-14"] {
    order: -14;
  }
  body [flex-order-gt-md="-13"] {
    order: -13;
  }
  body [flex-order-gt-md="-12"] {
    order: -12;
  }
  body [flex-order-gt-md="-11"] {
    order: -11;
  }
  body [flex-order-gt-md="-10"] {
    order: -10;
  }
  body [flex-order-gt-md="-9"] {
    order: -9;
  }
  body [flex-order-gt-md="-8"] {
    order: -8;
  }
  body [flex-order-gt-md="-7"] {
    order: -7;
  }
  body [flex-order-gt-md="-6"] {
    order: -6;
  }
  body [flex-order-gt-md="-5"] {
    order: -5;
  }
  body [flex-order-gt-md="-4"] {
    order: -4;
  }
  body [flex-order-gt-md="-3"] {
    order: -3;
  }
  body [flex-order-gt-md="-2"] {
    order: -2;
  }
  body [flex-order-gt-md="-1"] {
    order: -1;
  }
  body [flex-order-gt-md="0"] {
    order: 0;
  }
  body [flex-order-gt-md="1"] {
    order: 1;
  }
  body [flex-order-gt-md="2"] {
    order: 2;
  }
  body [flex-order-gt-md="3"] {
    order: 3;
  }
  body [flex-order-gt-md="4"] {
    order: 4;
  }
  body [flex-order-gt-md="5"] {
    order: 5;
  }
  body [flex-order-gt-md="6"] {
    order: 6;
  }
  body [flex-order-gt-md="7"] {
    order: 7;
  }
  body [flex-order-gt-md="8"] {
    order: 8;
  }
  body [flex-order-gt-md="9"] {
    order: 9;
  }
  body [flex-order-gt-md="10"] {
    order: 10;
  }
  body [flex-order-gt-md="11"] {
    order: 11;
  }
  body [flex-order-gt-md="12"] {
    order: 12;
  }
  body [flex-order-gt-md="13"] {
    order: 13;
  }
  body [flex-order-gt-md="14"] {
    order: 14;
  }
  body [flex-order-gt-md="15"] {
    order: 15;
  }
  body [flex-order-gt-md="16"] {
    order: 16;
  }
  body [flex-order-gt-md="17"] {
    order: 17;
  }
  body [flex-order-gt-md="18"] {
    order: 18;
  }
  body [flex-order-gt-md="19"] {
    order: 19;
  }
  body [flex-order-gt-md="20"] {
    order: 20;
  }
  body [flex-offset-gt-md="0"] {
    margin-left: 0%;
  }
  body [flex-offset-gt-md="5"] {
    margin-left: 5%;
  }
  body [flex-offset-gt-md="10"] {
    margin-left: 10%;
  }
  body [flex-offset-gt-md="15"] {
    margin-left: 15%;
  }
  body [flex-offset-gt-md="20"] {
    margin-left: 20%;
  }
  body [flex-offset-gt-md="25"] {
    margin-left: 25%;
  }
  body [flex-offset-gt-md="30"] {
    margin-left: 30%;
  }
  body [flex-offset-gt-md="35"] {
    margin-left: 35%;
  }
  body [flex-offset-gt-md="40"] {
    margin-left: 40%;
  }
  body [flex-offset-gt-md="45"] {
    margin-left: 45%;
  }
  body [flex-offset-gt-md="50"] {
    margin-left: 50%;
  }
  body [flex-offset-gt-md="55"] {
    margin-left: 55%;
  }
  body [flex-offset-gt-md="60"] {
    margin-left: 60%;
  }
  body [flex-offset-gt-md="65"] {
    margin-left: 65%;
  }
  body [flex-offset-gt-md="70"] {
    margin-left: 70%;
  }
  body [flex-offset-gt-md="75"] {
    margin-left: 75%;
  }
  body [flex-offset-gt-md="80"] {
    margin-left: 80%;
  }
  body [flex-offset-gt-md="85"] {
    margin-left: 85%;
  }
  body [flex-offset-gt-md="90"] {
    margin-left: 90%;
  }
  body [flex-offset-gt-md="95"] {
    margin-left: 95%;
  }
  body [flex-offset-gt-md="33"] {
    margin-left: 33.3333333333%;
  }
  body [flex-offset-gt-md="66"] {
    margin-left: 66.6666666667%;
  }
  body [layout-align-gt-md],
  body [layout-align-gt-md="start stretch"] {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  body [layout-align-gt-md=start],
  body [layout-align-gt-md="start start"],
  body [layout-align-gt-md="start center"],
  body [layout-align-gt-md="start end"],
  body [layout-align-gt-md="start stretch"] {
    justify-content: flex-start;
  }
  body [layout-align-gt-md=center],
  body [layout-align-gt-md="center start"],
  body [layout-align-gt-md="center center"],
  body [layout-align-gt-md="center end"],
  body [layout-align-gt-md="center stretch"] {
    justify-content: center;
  }
  body [layout-align-gt-md=end],
  body [layout-align-gt-md="end center"],
  body [layout-align-gt-md="end start"],
  body [layout-align-gt-md="end end"],
  body [layout-align-gt-md="end stretch"] {
    justify-content: flex-end;
  }
  body [layout-align-gt-md=space-around],
  body [layout-align-gt-md="space-around center"],
  body [layout-align-gt-md="space-around start"],
  body [layout-align-gt-md="space-around end"],
  body [layout-align-gt-md="space-around stretch"] {
    justify-content: space-around;
  }
  body [layout-align-gt-md=space-between],
  body [layout-align-gt-md="space-between center"],
  body [layout-align-gt-md="space-between start"],
  body [layout-align-gt-md="space-between end"],
  body [layout-align-gt-md="space-between stretch"] {
    justify-content: space-between;
  }
  body [layout-align-gt-md="start start"],
  body [layout-align-gt-md="center start"],
  body [layout-align-gt-md="end start"],
  body [layout-align-gt-md="space-between start"],
  body [layout-align-gt-md="space-around start"] {
    align-items: flex-start;
    align-content: flex-start;
  }
  body [layout-align-gt-md="start center"],
  body [layout-align-gt-md="center center"],
  body [layout-align-gt-md="end center"],
  body [layout-align-gt-md="space-between center"],
  body [layout-align-gt-md="space-around center"] {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  body [layout-align-gt-md="start center"] > *,
  body [layout-align-gt-md="center center"] > *,
  body [layout-align-gt-md="end center"] > *,
  body [layout-align-gt-md="space-between center"] > *,
  body [layout-align-gt-md="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  body [layout-align-gt-md="start end"],
  body [layout-align-gt-md="center end"],
  body [layout-align-gt-md="end end"],
  body [layout-align-gt-md="space-between end"],
  body [layout-align-gt-md="space-around end"] {
    align-items: flex-end;
    align-content: flex-end;
  }
  body [layout-align-gt-md="start stretch"],
  body [layout-align-gt-md="center stretch"],
  body [layout-align-gt-md="end stretch"],
  body [layout-align-gt-md="space-between stretch"],
  body [layout-align-gt-md="space-around stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  body [flex-gt-md] {
    display: flex;
    flex: 1;
    box-sizing: border-box;
  }
  body [flex-gt-md=grow] {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  body [flex-gt-md=initial] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-gt-md=auto] {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  body [flex-gt-md=none] {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  body [flex-gt-md=noshrink] {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  body [flex-gt-md=nogrow] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-gt-md="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [flex-gt-md="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [flex-gt-md="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [flex-gt-md="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [flex-gt-md="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [flex-gt-md="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [flex-gt-md="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [flex-gt-md="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [flex-gt-md="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [flex-gt-md="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [flex-gt-md="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [flex-gt-md="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [flex-gt-md="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [flex-gt-md="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [flex-gt-md="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [flex-gt-md="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [flex-gt-md="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [flex-gt-md="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [flex-gt-md="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [flex-gt-md="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [flex-gt-md="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="33"],
  body [layout=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-md="66"],
  body [layout=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="33"],
  body [layout=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-md="66"],
  body [layout=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="33"],
  body [layout-gt-md=row] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=row] > [flex-gt-md="66"],
  body [layout-gt-md=row] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="33"],
  body [layout-gt-md=column] > [flex-gt-md="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout-gt-md=column] > [flex-gt-md="66"],
  body [layout-gt-md=column] > [flex-gt-md="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-md],
  body [layout-gt-md=column],
  body [layout-gt-md=row] {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  body [layout-gt-md=column] {
    flex-direction: column;
  }
  body [layout-gt-md=column][layout-reverse] {
    flex-direction: column-reverse;
  }
  body [layout-gt-md=row] {
    flex-direction: row;
  }
  body [layout-gt-md=row][layout-reverse] {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1280px) and (max-width: 1919px) {
  body [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]),
  body [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]),
  body [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]),
  body [hide-gt-md]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]) {
    display: none;
  }
  body [hide-lg]:not([show-lg]):not([show]) {
    display: none;
  }
  body [flex-order-lg="-20"] {
    order: -20;
  }
  body [flex-order-lg="-19"] {
    order: -19;
  }
  body [flex-order-lg="-18"] {
    order: -18;
  }
  body [flex-order-lg="-17"] {
    order: -17;
  }
  body [flex-order-lg="-16"] {
    order: -16;
  }
  body [flex-order-lg="-15"] {
    order: -15;
  }
  body [flex-order-lg="-14"] {
    order: -14;
  }
  body [flex-order-lg="-13"] {
    order: -13;
  }
  body [flex-order-lg="-12"] {
    order: -12;
  }
  body [flex-order-lg="-11"] {
    order: -11;
  }
  body [flex-order-lg="-10"] {
    order: -10;
  }
  body [flex-order-lg="-9"] {
    order: -9;
  }
  body [flex-order-lg="-8"] {
    order: -8;
  }
  body [flex-order-lg="-7"] {
    order: -7;
  }
  body [flex-order-lg="-6"] {
    order: -6;
  }
  body [flex-order-lg="-5"] {
    order: -5;
  }
  body [flex-order-lg="-4"] {
    order: -4;
  }
  body [flex-order-lg="-3"] {
    order: -3;
  }
  body [flex-order-lg="-2"] {
    order: -2;
  }
  body [flex-order-lg="-1"] {
    order: -1;
  }
  body [flex-order-lg="0"] {
    order: 0;
  }
  body [flex-order-lg="1"] {
    order: 1;
  }
  body [flex-order-lg="2"] {
    order: 2;
  }
  body [flex-order-lg="3"] {
    order: 3;
  }
  body [flex-order-lg="4"] {
    order: 4;
  }
  body [flex-order-lg="5"] {
    order: 5;
  }
  body [flex-order-lg="6"] {
    order: 6;
  }
  body [flex-order-lg="7"] {
    order: 7;
  }
  body [flex-order-lg="8"] {
    order: 8;
  }
  body [flex-order-lg="9"] {
    order: 9;
  }
  body [flex-order-lg="10"] {
    order: 10;
  }
  body [flex-order-lg="11"] {
    order: 11;
  }
  body [flex-order-lg="12"] {
    order: 12;
  }
  body [flex-order-lg="13"] {
    order: 13;
  }
  body [flex-order-lg="14"] {
    order: 14;
  }
  body [flex-order-lg="15"] {
    order: 15;
  }
  body [flex-order-lg="16"] {
    order: 16;
  }
  body [flex-order-lg="17"] {
    order: 17;
  }
  body [flex-order-lg="18"] {
    order: 18;
  }
  body [flex-order-lg="19"] {
    order: 19;
  }
  body [flex-order-lg="20"] {
    order: 20;
  }
  body [flex-offset-lg="0"] {
    margin-left: 0%;
  }
  body [flex-offset-lg="5"] {
    margin-left: 5%;
  }
  body [flex-offset-lg="10"] {
    margin-left: 10%;
  }
  body [flex-offset-lg="15"] {
    margin-left: 15%;
  }
  body [flex-offset-lg="20"] {
    margin-left: 20%;
  }
  body [flex-offset-lg="25"] {
    margin-left: 25%;
  }
  body [flex-offset-lg="30"] {
    margin-left: 30%;
  }
  body [flex-offset-lg="35"] {
    margin-left: 35%;
  }
  body [flex-offset-lg="40"] {
    margin-left: 40%;
  }
  body [flex-offset-lg="45"] {
    margin-left: 45%;
  }
  body [flex-offset-lg="50"] {
    margin-left: 50%;
  }
  body [flex-offset-lg="55"] {
    margin-left: 55%;
  }
  body [flex-offset-lg="60"] {
    margin-left: 60%;
  }
  body [flex-offset-lg="65"] {
    margin-left: 65%;
  }
  body [flex-offset-lg="70"] {
    margin-left: 70%;
  }
  body [flex-offset-lg="75"] {
    margin-left: 75%;
  }
  body [flex-offset-lg="80"] {
    margin-left: 80%;
  }
  body [flex-offset-lg="85"] {
    margin-left: 85%;
  }
  body [flex-offset-lg="90"] {
    margin-left: 90%;
  }
  body [flex-offset-lg="95"] {
    margin-left: 95%;
  }
  body [flex-offset-lg="33"] {
    margin-left: 33.3333333333%;
  }
  body [flex-offset-lg="66"] {
    margin-left: 66.6666666667%;
  }
  body [layout-align-lg],
  body [layout-align-lg="start stretch"] {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  body [layout-align-lg=start],
  body [layout-align-lg="start start"],
  body [layout-align-lg="start center"],
  body [layout-align-lg="start end"],
  body [layout-align-lg="start stretch"] {
    justify-content: flex-start;
  }
  body [layout-align-lg=center],
  body [layout-align-lg="center start"],
  body [layout-align-lg="center center"],
  body [layout-align-lg="center end"],
  body [layout-align-lg="center stretch"] {
    justify-content: center;
  }
  body [layout-align-lg=end],
  body [layout-align-lg="end center"],
  body [layout-align-lg="end start"],
  body [layout-align-lg="end end"],
  body [layout-align-lg="end stretch"] {
    justify-content: flex-end;
  }
  body [layout-align-lg=space-around],
  body [layout-align-lg="space-around center"],
  body [layout-align-lg="space-around start"],
  body [layout-align-lg="space-around end"],
  body [layout-align-lg="space-around stretch"] {
    justify-content: space-around;
  }
  body [layout-align-lg=space-between],
  body [layout-align-lg="space-between center"],
  body [layout-align-lg="space-between start"],
  body [layout-align-lg="space-between end"],
  body [layout-align-lg="space-between stretch"] {
    justify-content: space-between;
  }
  body [layout-align-lg="start start"],
  body [layout-align-lg="center start"],
  body [layout-align-lg="end start"],
  body [layout-align-lg="space-between start"],
  body [layout-align-lg="space-around start"] {
    align-items: flex-start;
    align-content: flex-start;
  }
  body [layout-align-lg="start center"],
  body [layout-align-lg="center center"],
  body [layout-align-lg="end center"],
  body [layout-align-lg="space-between center"],
  body [layout-align-lg="space-around center"] {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  body [layout-align-lg="start center"] > *,
  body [layout-align-lg="center center"] > *,
  body [layout-align-lg="end center"] > *,
  body [layout-align-lg="space-between center"] > *,
  body [layout-align-lg="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  body [layout-align-lg="start end"],
  body [layout-align-lg="center end"],
  body [layout-align-lg="end end"],
  body [layout-align-lg="space-between end"],
  body [layout-align-lg="space-around end"] {
    align-items: flex-end;
    align-content: flex-end;
  }
  body [layout-align-lg="start stretch"],
  body [layout-align-lg="center stretch"],
  body [layout-align-lg="end stretch"],
  body [layout-align-lg="space-between stretch"],
  body [layout-align-lg="space-around stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  body [flex-lg] {
    display: flex;
    flex: 1;
    box-sizing: border-box;
  }
  body [flex-lg=grow] {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  body [flex-lg=initial] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-lg=auto] {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  body [flex-lg=none] {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  body [flex-lg=noshrink] {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  body [flex-lg=nogrow] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-lg="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [flex-lg="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [flex-lg="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [flex-lg="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [flex-lg="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [flex-lg="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [flex-lg="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [flex-lg="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [flex-lg="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [flex-lg="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [flex-lg="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [flex-lg="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [flex-lg="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [flex-lg="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [flex-lg="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [flex-lg="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [flex-lg="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [flex-lg="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [flex-lg="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [flex-lg="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [flex-lg="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="33"],
  body [layout=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-lg="66"],
  body [layout=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="33"],
  body [layout=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-lg="66"],
  body [layout=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="33"],
  body [layout-lg=row] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=row] > [flex-lg="66"],
  body [layout-lg=row] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="33"],
  body [layout-lg=column] > [flex-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout-lg=column] > [flex-lg="66"],
  body [layout-lg=column] > [flex-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-lg],
  body [layout-lg=column],
  body [layout-lg=row] {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  body [layout-lg=column] {
    flex-direction: column;
  }
  body [layout-lg=column][layout-reverse] {
    flex-direction: column-reverse;
  }
  body [layout-lg=row] {
    flex-direction: row;
  }
  body [layout-lg=row][layout-reverse] {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1920px) {
  body [flex-order-gt-lg="-20"] {
    order: -20;
  }
  body [flex-order-gt-lg="-19"] {
    order: -19;
  }
  body [flex-order-gt-lg="-18"] {
    order: -18;
  }
  body [flex-order-gt-lg="-17"] {
    order: -17;
  }
  body [flex-order-gt-lg="-16"] {
    order: -16;
  }
  body [flex-order-gt-lg="-15"] {
    order: -15;
  }
  body [flex-order-gt-lg="-14"] {
    order: -14;
  }
  body [flex-order-gt-lg="-13"] {
    order: -13;
  }
  body [flex-order-gt-lg="-12"] {
    order: -12;
  }
  body [flex-order-gt-lg="-11"] {
    order: -11;
  }
  body [flex-order-gt-lg="-10"] {
    order: -10;
  }
  body [flex-order-gt-lg="-9"] {
    order: -9;
  }
  body [flex-order-gt-lg="-8"] {
    order: -8;
  }
  body [flex-order-gt-lg="-7"] {
    order: -7;
  }
  body [flex-order-gt-lg="-6"] {
    order: -6;
  }
  body [flex-order-gt-lg="-5"] {
    order: -5;
  }
  body [flex-order-gt-lg="-4"] {
    order: -4;
  }
  body [flex-order-gt-lg="-3"] {
    order: -3;
  }
  body [flex-order-gt-lg="-2"] {
    order: -2;
  }
  body [flex-order-gt-lg="-1"] {
    order: -1;
  }
  body [flex-order-gt-lg="0"] {
    order: 0;
  }
  body [flex-order-gt-lg="1"] {
    order: 1;
  }
  body [flex-order-gt-lg="2"] {
    order: 2;
  }
  body [flex-order-gt-lg="3"] {
    order: 3;
  }
  body [flex-order-gt-lg="4"] {
    order: 4;
  }
  body [flex-order-gt-lg="5"] {
    order: 5;
  }
  body [flex-order-gt-lg="6"] {
    order: 6;
  }
  body [flex-order-gt-lg="7"] {
    order: 7;
  }
  body [flex-order-gt-lg="8"] {
    order: 8;
  }
  body [flex-order-gt-lg="9"] {
    order: 9;
  }
  body [flex-order-gt-lg="10"] {
    order: 10;
  }
  body [flex-order-gt-lg="11"] {
    order: 11;
  }
  body [flex-order-gt-lg="12"] {
    order: 12;
  }
  body [flex-order-gt-lg="13"] {
    order: 13;
  }
  body [flex-order-gt-lg="14"] {
    order: 14;
  }
  body [flex-order-gt-lg="15"] {
    order: 15;
  }
  body [flex-order-gt-lg="16"] {
    order: 16;
  }
  body [flex-order-gt-lg="17"] {
    order: 17;
  }
  body [flex-order-gt-lg="18"] {
    order: 18;
  }
  body [flex-order-gt-lg="19"] {
    order: 19;
  }
  body [flex-order-gt-lg="20"] {
    order: 20;
  }
  body [flex-offset-gt-lg="0"] {
    margin-left: 0%;
  }
  body [flex-offset-gt-lg="5"] {
    margin-left: 5%;
  }
  body [flex-offset-gt-lg="10"] {
    margin-left: 10%;
  }
  body [flex-offset-gt-lg="15"] {
    margin-left: 15%;
  }
  body [flex-offset-gt-lg="20"] {
    margin-left: 20%;
  }
  body [flex-offset-gt-lg="25"] {
    margin-left: 25%;
  }
  body [flex-offset-gt-lg="30"] {
    margin-left: 30%;
  }
  body [flex-offset-gt-lg="35"] {
    margin-left: 35%;
  }
  body [flex-offset-gt-lg="40"] {
    margin-left: 40%;
  }
  body [flex-offset-gt-lg="45"] {
    margin-left: 45%;
  }
  body [flex-offset-gt-lg="50"] {
    margin-left: 50%;
  }
  body [flex-offset-gt-lg="55"] {
    margin-left: 55%;
  }
  body [flex-offset-gt-lg="60"] {
    margin-left: 60%;
  }
  body [flex-offset-gt-lg="65"] {
    margin-left: 65%;
  }
  body [flex-offset-gt-lg="70"] {
    margin-left: 70%;
  }
  body [flex-offset-gt-lg="75"] {
    margin-left: 75%;
  }
  body [flex-offset-gt-lg="80"] {
    margin-left: 80%;
  }
  body [flex-offset-gt-lg="85"] {
    margin-left: 85%;
  }
  body [flex-offset-gt-lg="90"] {
    margin-left: 90%;
  }
  body [flex-offset-gt-lg="95"] {
    margin-left: 95%;
  }
  body [flex-offset-gt-lg="33"] {
    margin-left: 33.3333333333%;
  }
  body [flex-offset-gt-lg="66"] {
    margin-left: 66.6666666667%;
  }
  body [layout-align-gt-lg],
  body [layout-align-gt-lg="start stretch"] {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  body [layout-align-gt-lg=start],
  body [layout-align-gt-lg="start start"],
  body [layout-align-gt-lg="start center"],
  body [layout-align-gt-lg="start end"],
  body [layout-align-gt-lg="start stretch"] {
    justify-content: flex-start;
  }
  body [layout-align-gt-lg=center],
  body [layout-align-gt-lg="center start"],
  body [layout-align-gt-lg="center center"],
  body [layout-align-gt-lg="center end"],
  body [layout-align-gt-lg="center stretch"] {
    justify-content: center;
  }
  body [layout-align-gt-lg=end],
  body [layout-align-gt-lg="end center"],
  body [layout-align-gt-lg="end start"],
  body [layout-align-gt-lg="end end"],
  body [layout-align-gt-lg="end stretch"] {
    justify-content: flex-end;
  }
  body [layout-align-gt-lg=space-around],
  body [layout-align-gt-lg="space-around center"],
  body [layout-align-gt-lg="space-around start"],
  body [layout-align-gt-lg="space-around end"],
  body [layout-align-gt-lg="space-around stretch"] {
    justify-content: space-around;
  }
  body [layout-align-gt-lg=space-between],
  body [layout-align-gt-lg="space-between center"],
  body [layout-align-gt-lg="space-between start"],
  body [layout-align-gt-lg="space-between end"],
  body [layout-align-gt-lg="space-between stretch"] {
    justify-content: space-between;
  }
  body [layout-align-gt-lg="start start"],
  body [layout-align-gt-lg="center start"],
  body [layout-align-gt-lg="end start"],
  body [layout-align-gt-lg="space-between start"],
  body [layout-align-gt-lg="space-around start"] {
    align-items: flex-start;
    align-content: flex-start;
  }
  body [layout-align-gt-lg="start center"],
  body [layout-align-gt-lg="center center"],
  body [layout-align-gt-lg="end center"],
  body [layout-align-gt-lg="space-between center"],
  body [layout-align-gt-lg="space-around center"] {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  body [layout-align-gt-lg="start center"] > *,
  body [layout-align-gt-lg="center center"] > *,
  body [layout-align-gt-lg="end center"] > *,
  body [layout-align-gt-lg="space-between center"] > *,
  body [layout-align-gt-lg="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  body [layout-align-gt-lg="start end"],
  body [layout-align-gt-lg="center end"],
  body [layout-align-gt-lg="end end"],
  body [layout-align-gt-lg="space-between end"],
  body [layout-align-gt-lg="space-around end"] {
    align-items: flex-end;
    align-content: flex-end;
  }
  body [layout-align-gt-lg="start stretch"],
  body [layout-align-gt-lg="center stretch"],
  body [layout-align-gt-lg="end stretch"],
  body [layout-align-gt-lg="space-between stretch"],
  body [layout-align-gt-lg="space-around stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  body [flex-gt-lg] {
    display: flex;
    flex: 1;
    box-sizing: border-box;
  }
  body [flex-gt-lg=grow] {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  body [flex-gt-lg=initial] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-gt-lg=auto] {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  body [flex-gt-lg=none] {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  body [flex-gt-lg=noshrink] {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  body [flex-gt-lg=nogrow] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-gt-lg="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [flex-gt-lg="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="33"],
  body [layout=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-gt-lg="66"],
  body [layout=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="33"],
  body [layout=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-gt-lg="66"],
  body [layout=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="33"],
  body [layout-gt-lg=row] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=row] > [flex-gt-lg="66"],
  body [layout-gt-lg=row] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="33"],
  body [layout-gt-lg=column] > [flex-gt-lg="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout-gt-lg=column] > [flex-gt-lg="66"],
  body [layout-gt-lg=column] > [flex-gt-lg="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-gt-lg],
  body [layout-gt-lg=column],
  body [layout-gt-lg=row] {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  body [layout-gt-lg=column] {
    flex-direction: column;
  }
  body [layout-gt-lg=column][layout-reverse] {
    flex-direction: column-reverse;
  }
  body [layout-gt-lg=row] {
    flex-direction: row;
  }
  body [layout-gt-lg=row][layout-reverse] {
    flex-direction: row-reverse;
  }
  body [flex-order-xl="-20"] {
    order: -20;
  }
  body [flex-order-xl="-19"] {
    order: -19;
  }
  body [flex-order-xl="-18"] {
    order: -18;
  }
  body [flex-order-xl="-17"] {
    order: -17;
  }
  body [flex-order-xl="-16"] {
    order: -16;
  }
  body [flex-order-xl="-15"] {
    order: -15;
  }
  body [flex-order-xl="-14"] {
    order: -14;
  }
  body [flex-order-xl="-13"] {
    order: -13;
  }
  body [flex-order-xl="-12"] {
    order: -12;
  }
  body [flex-order-xl="-11"] {
    order: -11;
  }
  body [flex-order-xl="-10"] {
    order: -10;
  }
  body [flex-order-xl="-9"] {
    order: -9;
  }
  body [flex-order-xl="-8"] {
    order: -8;
  }
  body [flex-order-xl="-7"] {
    order: -7;
  }
  body [flex-order-xl="-6"] {
    order: -6;
  }
  body [flex-order-xl="-5"] {
    order: -5;
  }
  body [flex-order-xl="-4"] {
    order: -4;
  }
  body [flex-order-xl="-3"] {
    order: -3;
  }
  body [flex-order-xl="-2"] {
    order: -2;
  }
  body [flex-order-xl="-1"] {
    order: -1;
  }
  body [flex-order-xl="0"] {
    order: 0;
  }
  body [flex-order-xl="1"] {
    order: 1;
  }
  body [flex-order-xl="2"] {
    order: 2;
  }
  body [flex-order-xl="3"] {
    order: 3;
  }
  body [flex-order-xl="4"] {
    order: 4;
  }
  body [flex-order-xl="5"] {
    order: 5;
  }
  body [flex-order-xl="6"] {
    order: 6;
  }
  body [flex-order-xl="7"] {
    order: 7;
  }
  body [flex-order-xl="8"] {
    order: 8;
  }
  body [flex-order-xl="9"] {
    order: 9;
  }
  body [flex-order-xl="10"] {
    order: 10;
  }
  body [flex-order-xl="11"] {
    order: 11;
  }
  body [flex-order-xl="12"] {
    order: 12;
  }
  body [flex-order-xl="13"] {
    order: 13;
  }
  body [flex-order-xl="14"] {
    order: 14;
  }
  body [flex-order-xl="15"] {
    order: 15;
  }
  body [flex-order-xl="16"] {
    order: 16;
  }
  body [flex-order-xl="17"] {
    order: 17;
  }
  body [flex-order-xl="18"] {
    order: 18;
  }
  body [flex-order-xl="19"] {
    order: 19;
  }
  body [flex-order-xl="20"] {
    order: 20;
  }
  body [flex-offset-xl="0"] {
    margin-left: 0%;
  }
  body [flex-offset-xl="5"] {
    margin-left: 5%;
  }
  body [flex-offset-xl="10"] {
    margin-left: 10%;
  }
  body [flex-offset-xl="15"] {
    margin-left: 15%;
  }
  body [flex-offset-xl="20"] {
    margin-left: 20%;
  }
  body [flex-offset-xl="25"] {
    margin-left: 25%;
  }
  body [flex-offset-xl="30"] {
    margin-left: 30%;
  }
  body [flex-offset-xl="35"] {
    margin-left: 35%;
  }
  body [flex-offset-xl="40"] {
    margin-left: 40%;
  }
  body [flex-offset-xl="45"] {
    margin-left: 45%;
  }
  body [flex-offset-xl="50"] {
    margin-left: 50%;
  }
  body [flex-offset-xl="55"] {
    margin-left: 55%;
  }
  body [flex-offset-xl="60"] {
    margin-left: 60%;
  }
  body [flex-offset-xl="65"] {
    margin-left: 65%;
  }
  body [flex-offset-xl="70"] {
    margin-left: 70%;
  }
  body [flex-offset-xl="75"] {
    margin-left: 75%;
  }
  body [flex-offset-xl="80"] {
    margin-left: 80%;
  }
  body [flex-offset-xl="85"] {
    margin-left: 85%;
  }
  body [flex-offset-xl="90"] {
    margin-left: 90%;
  }
  body [flex-offset-xl="95"] {
    margin-left: 95%;
  }
  body [flex-offset-xl="33"] {
    margin-left: 33.3333333333%;
  }
  body [flex-offset-xl="66"] {
    margin-left: 66.6666666667%;
  }
  body [layout-align-xl],
  body [layout-align-xl="start stretch"] {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  body [layout-align-xl=start],
  body [layout-align-xl="start start"],
  body [layout-align-xl="start center"],
  body [layout-align-xl="start end"],
  body [layout-align-xl="start stretch"] {
    justify-content: flex-start;
  }
  body [layout-align-xl=center],
  body [layout-align-xl="center start"],
  body [layout-align-xl="center center"],
  body [layout-align-xl="center end"],
  body [layout-align-xl="center stretch"] {
    justify-content: center;
  }
  body [layout-align-xl=end],
  body [layout-align-xl="end center"],
  body [layout-align-xl="end start"],
  body [layout-align-xl="end end"],
  body [layout-align-xl="end stretch"] {
    justify-content: flex-end;
  }
  body [layout-align-xl=space-around],
  body [layout-align-xl="space-around center"],
  body [layout-align-xl="space-around start"],
  body [layout-align-xl="space-around end"],
  body [layout-align-xl="space-around stretch"] {
    justify-content: space-around;
  }
  body [layout-align-xl=space-between],
  body [layout-align-xl="space-between center"],
  body [layout-align-xl="space-between start"],
  body [layout-align-xl="space-between end"],
  body [layout-align-xl="space-between stretch"] {
    justify-content: space-between;
  }
  body [layout-align-xl="start start"],
  body [layout-align-xl="center start"],
  body [layout-align-xl="end start"],
  body [layout-align-xl="space-between start"],
  body [layout-align-xl="space-around start"] {
    align-items: flex-start;
    align-content: flex-start;
  }
  body [layout-align-xl="start center"],
  body [layout-align-xl="center center"],
  body [layout-align-xl="end center"],
  body [layout-align-xl="space-between center"],
  body [layout-align-xl="space-around center"] {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  body [layout-align-xl="start center"] > *,
  body [layout-align-xl="center center"] > *,
  body [layout-align-xl="end center"] > *,
  body [layout-align-xl="space-between center"] > *,
  body [layout-align-xl="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  body [layout-align-xl="start end"],
  body [layout-align-xl="center end"],
  body [layout-align-xl="end end"],
  body [layout-align-xl="space-between end"],
  body [layout-align-xl="space-around end"] {
    align-items: flex-end;
    align-content: flex-end;
  }
  body [layout-align-xl="start stretch"],
  body [layout-align-xl="center stretch"],
  body [layout-align-xl="end stretch"],
  body [layout-align-xl="space-between stretch"],
  body [layout-align-xl="space-around stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  body [flex-xl] {
    display: flex;
    flex: 1;
    box-sizing: border-box;
  }
  body [flex-xl=grow] {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  body [flex-xl=initial] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-xl=auto] {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  body [flex-xl=none] {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  body [flex-xl=noshrink] {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  body [flex-xl=nogrow] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-xl="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [flex-xl="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [flex-xl="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [flex-xl="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [flex-xl="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [flex-xl="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [flex-xl="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [flex-xl="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [flex-xl="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [flex-xl="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [flex-xl="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [flex-xl="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [flex-xl="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [flex-xl="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [flex-xl="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [flex-xl="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [flex-xl="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [flex-xl="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [flex-xl="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [flex-xl="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [flex-xl="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="33"],
  body [layout=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-xl="66"],
  body [layout=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="33"],
  body [layout=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-xl="66"],
  body [layout=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="33"],
  body [layout-xl=row] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=row] > [flex-xl="66"],
  body [layout-xl=row] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="33"],
  body [layout-xl=column] > [flex-xl="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout-xl=column] > [flex-xl="66"],
  body [layout-xl=column] > [flex-xl="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-xl],
  body [layout-xl=column],
  body [layout-xl=row] {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  body [layout-xl=column] {
    flex-direction: column;
  }
  body [layout-xl=column][layout-reverse] {
    flex-direction: column-reverse;
  }
  body [layout-xl=row] {
    flex-direction: row;
  }
  body [layout-xl=row][layout-reverse] {
    flex-direction: row-reverse;
  }
  body [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]),
  body [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]),
  body [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]),
  body [hide-gt-md]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]),
  body [hide-gt-lg]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]) {
    display: none;
  }
  body [hide-xl]:not([show-xl]):not([show-gt-lg]):not([show]) {
    display: none;
  }
}
@media print {
  body [flex-order-print="-20"] {
    order: -20;
  }
  body [flex-order-print="-19"] {
    order: -19;
  }
  body [flex-order-print="-18"] {
    order: -18;
  }
  body [flex-order-print="-17"] {
    order: -17;
  }
  body [flex-order-print="-16"] {
    order: -16;
  }
  body [flex-order-print="-15"] {
    order: -15;
  }
  body [flex-order-print="-14"] {
    order: -14;
  }
  body [flex-order-print="-13"] {
    order: -13;
  }
  body [flex-order-print="-12"] {
    order: -12;
  }
  body [flex-order-print="-11"] {
    order: -11;
  }
  body [flex-order-print="-10"] {
    order: -10;
  }
  body [flex-order-print="-9"] {
    order: -9;
  }
  body [flex-order-print="-8"] {
    order: -8;
  }
  body [flex-order-print="-7"] {
    order: -7;
  }
  body [flex-order-print="-6"] {
    order: -6;
  }
  body [flex-order-print="-5"] {
    order: -5;
  }
  body [flex-order-print="-4"] {
    order: -4;
  }
  body [flex-order-print="-3"] {
    order: -3;
  }
  body [flex-order-print="-2"] {
    order: -2;
  }
  body [flex-order-print="-1"] {
    order: -1;
  }
  body [flex-order-print="0"] {
    order: 0;
  }
  body [flex-order-print="1"] {
    order: 1;
  }
  body [flex-order-print="2"] {
    order: 2;
  }
  body [flex-order-print="3"] {
    order: 3;
  }
  body [flex-order-print="4"] {
    order: 4;
  }
  body [flex-order-print="5"] {
    order: 5;
  }
  body [flex-order-print="6"] {
    order: 6;
  }
  body [flex-order-print="7"] {
    order: 7;
  }
  body [flex-order-print="8"] {
    order: 8;
  }
  body [flex-order-print="9"] {
    order: 9;
  }
  body [flex-order-print="10"] {
    order: 10;
  }
  body [flex-order-print="11"] {
    order: 11;
  }
  body [flex-order-print="12"] {
    order: 12;
  }
  body [flex-order-print="13"] {
    order: 13;
  }
  body [flex-order-print="14"] {
    order: 14;
  }
  body [flex-order-print="15"] {
    order: 15;
  }
  body [flex-order-print="16"] {
    order: 16;
  }
  body [flex-order-print="17"] {
    order: 17;
  }
  body [flex-order-print="18"] {
    order: 18;
  }
  body [flex-order-print="19"] {
    order: 19;
  }
  body [flex-order-print="20"] {
    order: 20;
  }
  body [flex-offset-print="0"] {
    margin-left: 0%;
  }
  body [flex-offset-print="5"] {
    margin-left: 5%;
  }
  body [flex-offset-print="10"] {
    margin-left: 10%;
  }
  body [flex-offset-print="15"] {
    margin-left: 15%;
  }
  body [flex-offset-print="20"] {
    margin-left: 20%;
  }
  body [flex-offset-print="25"] {
    margin-left: 25%;
  }
  body [flex-offset-print="30"] {
    margin-left: 30%;
  }
  body [flex-offset-print="35"] {
    margin-left: 35%;
  }
  body [flex-offset-print="40"] {
    margin-left: 40%;
  }
  body [flex-offset-print="45"] {
    margin-left: 45%;
  }
  body [flex-offset-print="50"] {
    margin-left: 50%;
  }
  body [flex-offset-print="55"] {
    margin-left: 55%;
  }
  body [flex-offset-print="60"] {
    margin-left: 60%;
  }
  body [flex-offset-print="65"] {
    margin-left: 65%;
  }
  body [flex-offset-print="70"] {
    margin-left: 70%;
  }
  body [flex-offset-print="75"] {
    margin-left: 75%;
  }
  body [flex-offset-print="80"] {
    margin-left: 80%;
  }
  body [flex-offset-print="85"] {
    margin-left: 85%;
  }
  body [flex-offset-print="90"] {
    margin-left: 90%;
  }
  body [flex-offset-print="95"] {
    margin-left: 95%;
  }
  body [flex-offset-print="33"] {
    margin-left: 33.3333333333%;
  }
  body [flex-offset-print="66"] {
    margin-left: 66.6666666667%;
  }
  body [layout-align-print],
  body [layout-align-print="start stretch"] {
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
  }
  body [layout-align-print=start],
  body [layout-align-print="start start"],
  body [layout-align-print="start center"],
  body [layout-align-print="start end"],
  body [layout-align-print="start stretch"] {
    justify-content: flex-start;
  }
  body [layout-align-print=center],
  body [layout-align-print="center start"],
  body [layout-align-print="center center"],
  body [layout-align-print="center end"],
  body [layout-align-print="center stretch"] {
    justify-content: center;
  }
  body [layout-align-print=end],
  body [layout-align-print="end center"],
  body [layout-align-print="end start"],
  body [layout-align-print="end end"],
  body [layout-align-print="end stretch"] {
    justify-content: flex-end;
  }
  body [layout-align-print=space-around],
  body [layout-align-print="space-around center"],
  body [layout-align-print="space-around start"],
  body [layout-align-print="space-around end"],
  body [layout-align-print="space-around stretch"] {
    justify-content: space-around;
  }
  body [layout-align-print=space-between],
  body [layout-align-print="space-between center"],
  body [layout-align-print="space-between start"],
  body [layout-align-print="space-between end"],
  body [layout-align-print="space-between stretch"] {
    justify-content: space-between;
  }
  body [layout-align-print="start start"],
  body [layout-align-print="center start"],
  body [layout-align-print="end start"],
  body [layout-align-print="space-between start"],
  body [layout-align-print="space-around start"] {
    align-items: flex-start;
    align-content: flex-start;
  }
  body [layout-align-print="start center"],
  body [layout-align-print="center center"],
  body [layout-align-print="end center"],
  body [layout-align-print="space-between center"],
  body [layout-align-print="space-around center"] {
    align-items: center;
    align-content: center;
    max-width: 100%;
  }
  body [layout-align-print="start center"] > *,
  body [layout-align-print="center center"] > *,
  body [layout-align-print="end center"] > *,
  body [layout-align-print="space-between center"] > *,
  body [layout-align-print="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  body [layout-align-print="start end"],
  body [layout-align-print="center end"],
  body [layout-align-print="end end"],
  body [layout-align-print="space-between end"],
  body [layout-align-print="space-around end"] {
    align-items: flex-end;
    align-content: flex-end;
  }
  body [layout-align-print="start stretch"],
  body [layout-align-print="center stretch"],
  body [layout-align-print="end stretch"],
  body [layout-align-print="space-between stretch"],
  body [layout-align-print="space-around stretch"] {
    align-items: stretch;
    align-content: stretch;
  }
  body [flex-print] {
    display: flex;
    flex: 1;
    box-sizing: border-box;
  }
  body [flex-print=grow] {
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  body [flex-print=initial] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-print=auto] {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  body [flex-print=none] {
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  body [flex-print=noshrink] {
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  body [flex-print=nogrow] {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  body [flex-print="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="0"] {
    flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="0"] {
    flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  body [flex-print="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="5"] {
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="5"] {
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  body [flex-print="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="10"] {
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="10"] {
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  body [flex-print="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="15"] {
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="15"] {
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  body [flex-print="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="20"] {
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="20"] {
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  body [flex-print="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="25"] {
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="25"] {
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  body [flex-print="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="30"] {
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="30"] {
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  body [flex-print="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="35"] {
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="35"] {
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  body [flex-print="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="40"] {
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="40"] {
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  body [flex-print="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="45"] {
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="45"] {
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  body [flex-print="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="50"] {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="50"] {
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  body [flex-print="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="55"] {
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="55"] {
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  body [flex-print="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="60"] {
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="60"] {
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  body [flex-print="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="65"] {
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="65"] {
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  body [flex-print="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="70"] {
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="70"] {
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  body [flex-print="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="75"] {
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="75"] {
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  body [flex-print="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="80"] {
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="80"] {
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  body [flex-print="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="85"] {
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="85"] {
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  body [flex-print="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="90"] {
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="90"] {
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  body [flex-print="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="95"] {
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="95"] {
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  body [flex-print="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="33"],
  body [layout=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=row] > [flex-print="66"],
  body [layout=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="33"],
  body [layout=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout=column] > [flex-print="66"],
  body [layout=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="100"] {
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="33"],
  body [layout-print=row] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=row] > [flex-print="66"],
  body [layout-print=row] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="33"],
  body [layout-print=column] > [flex-print="33"] {
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  body [layout-print=column] > [flex-print="66"],
  body [layout-print=column] > [flex-print="66"] {
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  body [layout-print],
  body [layout-print=column],
  body [layout-print=row] {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  body [layout-print=column] {
    flex-direction: column;
  }
  body [layout-print=column][layout-reverse] {
    flex-direction: column-reverse;
  }
  body [layout-print=row] {
    flex-direction: row;
  }
  body [layout-print=row][layout-reverse] {
    flex-direction: row-reverse;
  }
  body [hide-print]:not([show-print]):not([show]) {
    display: none;
  }
}

/* src/app/helpers/helpers-text.scss */
[text-size-md] {
  font-size: 16px;
}
[text-size-lg] {
  font-size: 18px;
}
[text-size-xl] {
  font-size: 20px;
}

/* src/styles.scss */
.snackbar-success {
  --mat-snack-bar-container-color: #348a0a;
}
.snackbar-error {
  --mat-snack-bar-container-color: var(--mat-sys-error);
}
html {
  height: 100%;
  scroll-behavior: smooth;
  --mat-sys-background: light-dark(#fff8f5, #171210);
  --mat-sys-error: light-dark(#a33d23, #ffb4a2);
  --mat-sys-error-container: light-dark(#ffdad2, #83260e);
  --mat-sys-inverse-on-surface: light-dark(#faefea, #352f2c);
  --mat-sys-inverse-primary: light-dark(#f6ba93, #815435);
  --mat-sys-inverse-surface: light-dark(#352f2c, #ebe0dc);
  --mat-sys-on-background: light-dark(#1f1b18, #ebe0dc);
  --mat-sys-on-error: light-dark(#ffffff, #621100);
  --mat-sys-on-error-container: light-dark(#83260e, #ffdad2);
  --mat-sys-on-primary: light-dark(#ffffff, #4b270b);
  --mat-sys-on-primary-container: light-dark(#663d20, #ffdcc7);
  --mat-sys-on-primary-fixed: light-dark(#311300, #311300);
  --mat-sys-on-primary-fixed-variant: light-dark(#663d20, #663d20);
  --mat-sys-on-secondary: light-dark(#ffffff, #402c1f);
  --mat-sys-on-secondary-container: light-dark(#584234, #fddcc9);
  --mat-sys-on-secondary-fixed: light-dark(#29180c, #29180c);
  --mat-sys-on-secondary-fixed-variant: light-dark(#584234, #584234);
  --mat-sys-on-surface: light-dark(#1f1b18, #ebe0dc);
  --mat-sys-on-surface-variant: light-dark(#51443d, #f2dfd4);
  --mat-sys-on-tertiary: light-dark(#ffffff, #313204);
  --mat-sys-on-tertiary-container: light-dark(#484919, #e6e6a7);
  --mat-sys-on-tertiary-fixed: light-dark(#1c1d00, #1c1d00);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#484919, #484919);
  --mat-sys-outline: light-dark(#83746b, #9e8d84);
  --mat-sys-outline-variant: light-dark(#d5c3b9, #51443d);
  --mat-sys-primary: light-dark(#815435, #f6ba93);
  --mat-sys-primary-container: light-dark(#ffdcc7, #663d20);
  --mat-sys-primary-fixed: light-dark(#ffdcc7, #ffdcc7);
  --mat-sys-primary-fixed-dim: light-dark(#f6ba93, #f6ba93);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#72594a, #e0c0ae);
  --mat-sys-secondary-container: light-dark(#fddcc9, #584234);
  --mat-sys-secondary-fixed: light-dark(#fddcc9, #fddcc9);
  --mat-sys-secondary-fixed-dim: light-dark(#e0c0ae, #e0c0ae);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#fff8f5, #171210);
  --mat-sys-surface-bright: light-dark(#fff8f5, #3e3835);
  --mat-sys-surface-container: light-dark(#f7ece7, #241f1c);
  --mat-sys-surface-container-high: light-dark(#f1e6e1, #2e2926);
  --mat-sys-surface-container-highest: light-dark(#ebe0dc, #393430);
  --mat-sys-surface-container-low: light-dark(#fcf1ec, #1f1b18);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #120d0b);
  --mat-sys-surface-dim: light-dark(#e2d8d3, #171210);
  --mat-sys-surface-tint: light-dark(#815435, #f6ba93);
  --mat-sys-surface-variant: light-dark(#f2dfd4, #51443d);
  --mat-sys-tertiary: light-dark(#60612f, #caca8d);
  --mat-sys-tertiary-container: light-dark(#e6e6a7, #484919);
  --mat-sys-tertiary-fixed: light-dark(#e6e6a7, #e6e6a7);
  --mat-sys-tertiary-fixed-dim: light-dark(#caca8d, #caca8d);
  --mat-sys-neutral-variant20: #3a2e27;
  --mat-sys-neutral10: #1f1b18;
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-sys-body-large: 400 1rem / 1.5rem Nunito;
  --mat-sys-body-large-font: Nunito;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Nunito;
  --mat-sys-body-medium-font: Nunito;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Nunito;
  --mat-sys-body-small-font: Nunito;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Nunito;
  --mat-sys-display-large-font: Nunito;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Nunito;
  --mat-sys-display-medium-font: Nunito;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Nunito;
  --mat-sys-display-small-font: Nunito;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Nunito;
  --mat-sys-headline-large-font: Nunito;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Nunito;
  --mat-sys-headline-medium-font: Nunito;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Nunito;
  --mat-sys-headline-small-font: Nunito;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Nunito;
  --mat-sys-label-large-font: Nunito;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Nunito;
  --mat-sys-label-medium-font: Nunito;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Nunito;
  --mat-sys-label-small-font: Nunito;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Nunito;
  --mat-sys-title-large-font: Nunito;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Nunito;
  --mat-sys-title-medium-font: Nunito;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Nunito;
  --mat-sys-title-small-font: Nunito;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-card-elevated-container-shape: 32px;
  --mat-card-outline-container-shape: 32px;
  --title-font-size: 40px;
}
html .dark-theme {
  color-scheme: dark;
  --mat-sys-background: #171210;
  --mat-sys-error: #ffb4a2;
  --mat-sys-error-container: #83260e;
  --mat-sys-inverse-on-surface: #352f2c;
  --mat-sys-inverse-primary: #815435;
  --mat-sys-inverse-surface: #ebe0dc;
  --mat-sys-on-background: #ebe0dc;
  --mat-sys-on-error: #621100;
  --mat-sys-on-error-container: #ffdad2;
  --mat-sys-on-primary: #4b270b;
  --mat-sys-on-primary-container: #ffdcc7;
  --mat-sys-on-primary-fixed: #311300;
  --mat-sys-on-primary-fixed-variant: #663d20;
  --mat-sys-on-secondary: #402c1f;
  --mat-sys-on-secondary-container: #fddcc9;
  --mat-sys-on-secondary-fixed: #29180c;
  --mat-sys-on-secondary-fixed-variant: #584234;
  --mat-sys-on-surface: #ebe0dc;
  --mat-sys-on-surface-variant: #f2dfd4;
  --mat-sys-on-tertiary: #313204;
  --mat-sys-on-tertiary-container: #e6e6a7;
  --mat-sys-on-tertiary-fixed: #1c1d00;
  --mat-sys-on-tertiary-fixed-variant: #484919;
  --mat-sys-outline: #9e8d84;
  --mat-sys-outline-variant: #51443d;
  --mat-sys-primary: #f6ba93;
  --mat-sys-primary-container: #663d20;
  --mat-sys-primary-fixed: #ffdcc7;
  --mat-sys-primary-fixed-dim: #f6ba93;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #e0c0ae;
  --mat-sys-secondary-container: #584234;
  --mat-sys-secondary-fixed: #fddcc9;
  --mat-sys-secondary-fixed-dim: #e0c0ae;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #171210;
  --mat-sys-surface-bright: #3e3835;
  --mat-sys-surface-container: #241f1c;
  --mat-sys-surface-container-high: #2e2926;
  --mat-sys-surface-container-highest: #393430;
  --mat-sys-surface-container-low: #1f1b18;
  --mat-sys-surface-container-lowest: #120d0b;
  --mat-sys-surface-dim: #171210;
  --mat-sys-surface-tint: #f6ba93;
  --mat-sys-surface-variant: #51443d;
  --mat-sys-tertiary: #caca8d;
  --mat-sys-tertiary-container: #484919;
  --mat-sys-tertiary-fixed: #e6e6a7;
  --mat-sys-tertiary-fixed-dim: #caca8d;
  --mat-sys-neutral-variant20: #3a2e27;
  --mat-sys-neutral10: #1f1b18;
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-sys-body-large: 400 1rem / 1.5rem Roboto;
  --mat-sys-body-large-font: Roboto;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;
  --mat-sys-body-medium-font: Roboto;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Roboto;
  --mat-sys-body-small-font: Roboto;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Roboto;
  --mat-sys-display-large-font: Roboto;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;
  --mat-sys-display-medium-font: Roboto;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;
  --mat-sys-display-small-font: Roboto;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Roboto;
  --mat-sys-headline-large-font: Roboto;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;
  --mat-sys-headline-medium-font: Roboto;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Roboto;
  --mat-sys-headline-small-font: Roboto;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-label-large-font: Roboto;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Roboto;
  --mat-sys-label-medium-font: Roboto;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Roboto;
  --mat-sys-label-small-font: Roboto;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;
  --mat-sys-title-large-font: Roboto;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Roboto;
  --mat-sys-title-medium-font: Roboto;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-title-small-font: Roboto;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
body {
  color-scheme: light;
  background-color: var(--mat-sys-surface);
  color: var(--mat-sys-on-surface);
  font: var(--mat-sys-body-medium);
  margin: 0;
  height: 100%;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */