.Layout {
  position: var(--layout-position);
  top: var(--layout-top);
  left: var(--layout-left);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: var(--layout-flex);
      -ms-flex: var(--layout-flex);
          flex: var(--layout-flex);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: var(--layout-min-width);
  max-width: var(--layout-max-width);
  min-height: var(--layout-min-height);
  max-height: var(--layout-max-height);
  -webkit-transition: width 0.3s, height 0.3s, -webkit-box-flex 0.3s;
  transition: width 0.3s, height 0.3s, -webkit-box-flex 0.3s;
  transition: flex 0.3s, width 0.3s, height 0.3s;
  transition: flex 0.3s, width 0.3s, height 0.3s, -webkit-box-flex 0.3s, -ms-flex 0.3s;
}

  .Layout_direction_row {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }

  .Layout_direction_column {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }

  .Layout-Fake {
    -webkit-box-flex: var(--layout-flex);
        -ms-flex: var(--layout-flex);
            flex: var(--layout-flex);
    min-width: var(--layout-min-width);
    min-height: var(--layout-min-height);
    background-color: var(--layout-bg-color);
    -webkit-transition: width 0.3s, height 0.3s, -webkit-box-flex 0.3s;
    transition: width 0.3s, height 0.3s, -webkit-box-flex 0.3s;
    transition: flex 0.3s, width 0.3s, height 0.3s;
    transition: flex 0.3s, width 0.3s, height 0.3s, -webkit-box-flex 0.3s, -ms-flex 0.3s;
  }