#content {
  width: 100%;
  height: 100%;
}
.layout-row {
  display: flex;
  flex-direction: row;
}
.layout-column {
  display: flex;
  flex-direction: column;
}

.pane {
  border: 1px solid blue;
  border-radius: 2px;
  padding: 1px;
  margin: 1px;
}

/* i {
border: solid 1px red;
}
*/

:host-context([gs-color-theme="light"]) {
  --background-large: white;
}

:host-context([gs-color-theme="dark"]) {
  --background-large:
    linear-gradient(to bottom right, #434343 25%, #282828 85%),
    linear-gradient(to right, rgba(63, 63, 63, 0.6), transparent 50px),
    linear-gradient(to left, rgba(63, 63, 63, 0.6), transparent 50px),
    linear-gradient(to top, rgba(63, 63, 63, 0.6), transparent 50px);
  --background-large-blend-mode: multiply;
}

:host-context([gs-color-theme="rainbow"]) {
  --background-large:
    linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%),
    linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%),
    linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);
}