body {
  background:
    radial-gradient(circle farthest-side at 0% 50%,#fb1 23.5%,rgba(240,166,17,0) 0)21px 30px,
    radial-gradient(circle farthest-side at 0% 50%,#B71 24%,rgba(240,166,17,0) 0)19px 30px,
    linear-gradient(#fb1 14%,rgba(240,166,17,0) 0, rgba(240,166,17,0) 85%,#fb1 0)0 0,
    linear-gradient(150deg,#fb1 24%,#B71 0,#B71 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#B71 0,#B71 76%,#fb1 0)0 0,
    linear-gradient(30deg,#fb1 24%,#B71 0,#B71 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#B71 0,#B71 76%,#fb1 0)0 0,
    linear-gradient(90deg,#B71 2%,#fb1 0,#fb1 98%,#B71 0%)0 0 #fb1;
  background-size: 40px 60px;
  font-family: Arial, sans-serif;
  white-space: nowrap;
}

h1, p { background: #fff; column-span: all; }

h1 {
  color: darkseagreen;
  padding: 14px 10px 10px 10px;
  margin-top: 4px;
  border: 1px dashed #ccc;
  margin-bottom: 8px;
  width: 825px;
}

p {
  padding: 5px 4px 4px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  border: 1px dashed #ccc;
  font-style: italic;
  font-size: 14px;
  color: #999;
  width: 830px;
}

button {
  cursor: pointer;
  font-family: monospace;
  font-size: 12px;
}

p b { font-style: normal; font-weight: normal; }

p span { float: right; }

#main {
  padding: 20px;
  background-color: rgba(117, 190, 218, 0.5);
  background-image:
    repeating-linear-gradient(
      45deg,
      transparent,
      transparent 3px,
      rgba(255,255,255,.5) 3px,
      rgba(255,255,255,.5) 5px
    );
}

a, a:hover, a:visited {
  text-decoration: none;
  color: #46f;
}

a:hover, a:focus {
   color: #5f6d7a;
}

img { margin-top: 1px; vertical-align: top; }

tbody span { opacity: 0; font-size: 0px; }
table i { color: green; }
table a b { color: #aaa; font-style: italic; }
table s {
  text-decoration: none;
  color: red;
  font-family: monospace;
  font-size: 26px;
  font-weight: bold;
  display: block;
  margin-top: -4px;
}

em {
  font-style: normal;
  display: inline-block;
  padding: 4px 4px 3px 4px;
  line-height: 15px;
  color: #444d56;
  vertical-align: middle;
  background-color: #ededed;
  border: solid 1px #c6cbd1;
  border-bottom-color: #959da5;
  border-radius: 3px;
}

u {
  cursor: pointer;
  text-decoration: none;
  font-family: sans-serif;
  display: inline-block;
  padding: 5px 4px 4px 5px;
  font-size: 11px;
  line-height: 10px;
  color: #444d56;
  vertical-align: middle;
  background-color: #fafbfc;
  border: solid 1px #c6cbd1;
  border-bottom-color: #959da5;
  border-radius: 3px;
  font-weight: bold;
}
u.Animation { color: white; background-color: #e9967a; }
u.Core { color: white; background-color: #3e7817; }
u.CSS { color: white; background-color: #fe2c1c; }
u.Debuggingandreporting { color: white; background-color: #daa520; }
u.Events { color: white; background-color: #5f9ea0; }
u.Formsandediting { color: white; background-color: #bc8f8f; }
u.Graphicsandtypography { color: white; background-color: #fa7c23; }
u.HTTPandaddressing { color: white; background-color: #0b5c99; }
u.JavaScript { color: black; background-color: #fa7c23; }
u.Media { color: white; background-color: #1e90ff; }
u.Mixedreality { color: white; background-color: #c70813; }
u.Performanceprofiling { color: white; background-color: #ff69b4; }
u.Security { color: white; background-color: #8fbc8f; }
u.Storageandfiles { color: black; background-color: #ffdead; }
u.ServiceWorkers { color: black; background-color: #f6de38; }
u.Utilities { color: black; background-color: #d8bfd8; }
u.WebAssembly { color: white; background-color: #6153e4; }
u.Platforminteraction {
  color: white;
  background:
    linear-gradient(
      160deg,
      rgba(255, 0, 0, 1) 0%,
      rgba(206, 48, 46, 1) 20%,
      rgba(126, 22, 52, 1) 40%,
      rgba(39, 62, 127, 1) 60%,
      rgba(55, 179, 95, 1) 80%,
      rgba(255, 0, 0, 1) 100%
    );
}
u.Realtimecommunication {
  color: white;
  background:
    linear-gradient(
      20deg,
      rgba(255, 0, 0, 1) 0%,
      rgba(188, 35, 44, 1) 20%,
      rgba(254, 204, 48, 1) 40%,
      rgba(26, 152, 75, 1) 60%,
      rgba(240, 104, 48, 1) 80%,
      rgba(255, 0, 0, 1) 100%
    );
}

.sortable {
  border-spacing: 0;
}

.sortable tbody tr:nth-child(odd) {
  background: #e4e4e4;
}

.sortable td,
.sortable th {
  padding: 10px;
}

.sortable td:first-child,
.sortable th:first-child {
  border-top-left-radius: 4px;
}

.sortable td:last-child,
.sortable th:last-child {
  border-top-right-radius: 4px;
}

.sortable th {
  background: #808080;
  color: #fff;
  cursor: pointer;
  font-weight: normal;
  text-align: left;
  text-transform: capitalize;
  vertical-align: bottom;
  white-space: nowrap;
}

.sortable th:hover {
  color: #000;
}

.sortable th:hover::after {
  color: inherit;
  font-size: 1.2em;
  content: ' \025B8';
}

.sortable th::after {
  font-size: 1.2em;
  color: transparent;
  content: ' \025B8';
}

.sortable th.dir-d {
  color: #000;
}

.sortable th.dir-d::after {
  color: inherit;
  content: ' \025BE';
}

.sortable th.dir-u {
  color: #000;
}

.sortable th.dir-u::after {
  color: inherit;
  content: ' \025B4';
}

tr.hiddenFeatureGroup { display: none; }
tr.hiddenSingleEngineFeature { display: none; }
tr.visibleSingleEngineFeature { display: row; }

tr { break-inside: avoid; page-break-inside: avoid; }
tr { background: #ccc; }
td, th {
  border-style: solid;
  border-color: #dfe2e5;
  border-width: 0 0 0 1px;
}
th:nth-child(3) { width: 22px; }
th:nth-child(4) { width: 22px; }
th:nth-child(5) { width: 22px; }
th:nth-child(3) span {
  writing-mode: vertical-lr; float: left; letter-spacing: 1px; }
th:nth-child(4) span {
  writing-mode: vertical-lr; float: left; letter-spacing: 1px; }
th:nth-child(5) span {
  writing-mode: vertical-lr; float: left; letter-spacing: 1px; }
th:nth-child(6) { text-align: right; width: 22px; }
th:nth-child(7) { text-align: right; width: 22px; }
th:nth-child(8) { text-align: right; width: 82px; }
th:nth-child(9) { text-align: right; }

td:nth-child(3) { text-align: right; }
td:nth-child(4) { text-align: right; }
td:nth-child(5) { text-align: right; }
td:nth-child(6) { text-align: right; }
td:nth-child(7) { text-align: right; }
td:nth-child(8) { text-align: right; }
td:nth-child(9) { text-align: right; width: 145px; }
th { padding: 8px 4px 8px 13px !important; }
td { padding: 8px 13px 8px 13px !important; }
td:first-child, th:first-child { border: 0; width: 22px; }
td:nth-child(2) { text-align: left; width: 286px; }
td:nth-child(3), td:nth-child(4) { text-align: right; }
td:nth-child(3) div, td:nth-child(4) div { position: relative; }
td:nth-child(3) img, td:nth-child(4) img {
}
td:nth-child(3) em, td:nth-child(4) em {
  color: white;
  padding: 2px 1px 1px 1.5px;
  font-size: 9px;
  line-height: 8.6px;
  position: absolute;
  right: -8px;
  top: -5px;
  min-width: 9px;
  text-align: center;
}
td:nth-child(3) em a, td:nth-child(4) em a { color: rgb(230, 230, 230); }
td:nth-child(3) img.no { filter: grayscale(100%); opacity: 0.1; }
td:nth-child(3) em.red { background: red; }
td:nth-child(3) em.normal{ background: black; }
td:nth-child(3) em.green { background: green; }
td:nth-child(4) em { background: rgb(18, 105, 211); }
td:nth-child(5) { text-align: right; }
td:nth-child(8) img { filter: grayscale(100%); opacity: 0.4; }
td:nth-child(8) img.yes { filter: none; opacity: 1; }
td:nth-child(8) { text-align: right; }
td:nth-child(9) { text-align: right; }