html {
   background-image: url(data:image/jxl;base64,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);
   background-color: #777;
}
body {
   max-width: 720px;
   margin-left: auto;
   margin-right: auto;
   padding: 5px;
   background-color: #FFF;
}
details {
   padding: 1px;
   background-color: #EEE;
}
div.c88x31s {
   background-image: repeating-linear-gradient(135deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04) 1%,rgba(0, 0, 0, 0.12) 1.0001%,rgba(0, 0, 0, 0.12) 2%);
   display: flex;
   flex-wrap: wrap;
   image-rendering: pixelated;
}
