@property --image {
  syntax: "<bg-image>";
  inherits: false;
  initial-value: none;
}

:root {
  font-family: sans-serif;
}

html, body {
  margin: 0;
  padding: 0;
}

.stack-container {
  position: relative;
}

.stack-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.stack-container>.stack-item:nth-child(1) { z-index: 1; }
.stack-container>.stack-item:nth-child(2) { z-index: 2; }
.stack-container>.stack-item:nth-child(3) { z-index: 3; }
.stack-container>.stack-item:nth-child(4) { z-index: 4; }
.stack-container>.stack-item:nth-child(5) { z-index: 5; }
.stack-container>.stack-item:nth-child(6) { z-index: 6; }
.stack-container>.stack-item:nth-child(7) { z-index: 7; }
.stack-container>.stack-item:nth-child(8) { z-index: 8; }
.stack-container>.stack-item:nth-child(9) { z-index: 9; }
.stack-container>.stack-item:nth-child(10) { z-index: 10; }

.input-unchanged {
  background-color: rgba(0,0,0,0.1);
}

.custom-attrs-list tbody>tr>td:nth-of-type(1) {
  font-family: monospace;
}

button, input[type=button] {
  padding: 10px;
}