.layout--{{ layout_machine_name|u2h }} {
  outline: solid 1px orange;
  display: flex;
  padding: 10px;
}

.layout--{{ layout_machine_name|u2h }} > .layout__region {
  outline: solid 1px orange;
  margin: 10px;
  padding: 20px;
}

.layout--{{ layout_machine_name|u2h }} .layout__region--main {
  width: 66%;
}

.layout--{{ layout_machine_name|u2h }} .layout__region--sidebar {
  width: 33%;
}

@media all and (max-width: 850px) {
  .layout--{{ layout_machine_name|u2h }} {
    flex-direction: column;
  }
  .layout--{{ layout_machine_name|u2h }} > .layout__region {
    width: auto;
  }
}