with 63 empty children. THE COUNT MUST EQUAL MATRIX^2 - 1. Fewer and the top of the ramp loses levels. MUST be position:relative and isolation:isolate. Without the isolation .sky lands in the root stacking context and body's own background paints over it. */ :root { --sky-tile: calc(var(--sky-cell) * 8); } .sky { position: absolute; left: 0; right: 0; top: 0; height: var(--sky-h); z-index: -1; pointer-events: none; background-image: linear-gradient(to bottom, #65bae3 0% 8.3333%, #67bce0 8.3333% 16.6667%, #68bedc 16.6667% 25%, #6ac0d9 25% 33.3333%, #6cc2d6 33.3333% 41.6667%, #6dc4d2 41.6667% 50%, #6fc5cf 50% 58.3333%, #70c7cb 58.3333% 66.6667%, #72c9c8 66.6667% 75%, #74cbc5 75% 83.3333%, #75cdc1 83.3333% 91.6667%, #77cfbe 91.6667% 100%); } .sky i { position: absolute; inset: 0; display: block; /* Two stripe masks, ANDed, isolate one cell of the tile. Without the intersect these would union into a plaid instead. */ -webkit-mask-composite: source-in; mask-composite: intersect; } .sky i:nth-child(1) { background-image: linear-gradient(to bottom, #65bae3 0% 0.1302%, #67bce0 0.1302% 8.4635%, #68bedc 8.4635% 16.7969%, #6ac0d9 16.7969% 25.1302%, #6cc2d6 25.1302% 33.4635%, #6dc4d2 33.4635% 41.7969%, #6fc5cf 41.7969% 50.1302%, #70c7cb 50.1302% 58.4635%, #72c9c8 58.4635% 66.7969%, #74cbc5 66.7969% 75.1302%, #75cdc1 75.1302% 83.4635%, #77cfbe 83.4635% 91.7969%, #77cfbe 91.7969% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)), repeating-linear-gradient(to bottom,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)), repeating-linear-gradient(to bottom,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)); } .sky i:nth-child(2) { background-image: linear-gradient(to bottom, #65bae3 0% 0.2604%, #67bce0 0.2604% 8.5938%, #68bedc 8.5938% 16.9271%, #6ac0d9 16.9271% 25.2604%, #6cc2d6 25.2604% 33.5938%, #6dc4d2 33.5938% 41.9271%, #6fc5cf 41.9271% 50.2604%, #70c7cb 50.2604% 58.5938%, #72c9c8 58.5938% 66.9271%, #74cbc5 66.9271% 75.2604%, #75cdc1 75.2604% 83.5938%, #77cfbe 83.5938% 91.9271%, #77cfbe 91.9271% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)); } .sky i:nth-child(3) { background-image: linear-gradient(to bottom, #65bae3 0% 0.3906%, #67bce0 0.3906% 8.724%, #68bedc 8.724% 17.0573%, #6ac0d9 17.0573% 25.3906%, #6cc2d6 25.3906% 33.724%, #6dc4d2 33.724% 42.0573%, #6fc5cf 42.0573% 50.3906%, #70c7cb 50.3906% 58.724%, #72c9c8 58.724% 67.0573%, #74cbc5 67.0573% 75.3906%, #75cdc1 75.3906% 83.724%, #77cfbe 83.724% 92.0573%, #77cfbe 92.0573% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)), repeating-linear-gradient(to bottom,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)), repeating-linear-gradient(to bottom,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)); } .sky i:nth-child(4) { background-image: linear-gradient(to bottom, #65bae3 0% 0.5208%, #67bce0 0.5208% 8.8542%, #68bedc 8.8542% 17.1875%, #6ac0d9 17.1875% 25.5208%, #6cc2d6 25.5208% 33.8542%, #6dc4d2 33.8542% 42.1875%, #6fc5cf 42.1875% 50.5208%, #70c7cb 50.5208% 58.8542%, #72c9c8 58.8542% 67.1875%, #74cbc5 67.1875% 75.5208%, #75cdc1 75.5208% 83.8542%, #77cfbe 83.8542% 92.1875%, #77cfbe 92.1875% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)); } .sky i:nth-child(5) { background-image: linear-gradient(to bottom, #65bae3 0% 0.651%, #67bce0 0.651% 8.9844%, #68bedc 8.9844% 17.3177%, #6ac0d9 17.3177% 25.651%, #6cc2d6 25.651% 33.9844%, #6dc4d2 33.9844% 42.3177%, #6fc5cf 42.3177% 50.651%, #70c7cb 50.651% 58.9844%, #72c9c8 58.9844% 67.3177%, #74cbc5 67.3177% 75.651%, #75cdc1 75.651% 83.9844%, #77cfbe 83.9844% 92.3177%, #77cfbe 92.3177% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)); } .sky i:nth-child(6) { background-image: linear-gradient(to bottom, #65bae3 0% 0.7812%, #67bce0 0.7812% 9.1146%, #68bedc 9.1146% 17.4479%, #6ac0d9 17.4479% 25.7812%, #6cc2d6 25.7812% 34.1146%, #6dc4d2 34.1146% 42.4479%, #6fc5cf 42.4479% 50.7812%, #70c7cb 50.7812% 59.1146%, #72c9c8 59.1146% 67.4479%, #74cbc5 67.4479% 75.7812%, #75cdc1 75.7812% 84.1146%, #77cfbe 84.1146% 92.4479%, #77cfbe 92.4479% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)); } .sky i:nth-child(7) { background-image: linear-gradient(to bottom, #65bae3 0% 0.9115%, #67bce0 0.9115% 9.2448%, #68bedc 9.2448% 17.5781%, #6ac0d9 17.5781% 25.9115%, #6cc2d6 25.9115% 34.2448%, #6dc4d2 34.2448% 42.5781%, #6fc5cf 42.5781% 50.9115%, #70c7cb 50.9115% 59.2448%, #72c9c8 59.2448% 67.5781%, #74cbc5 67.5781% 75.9115%, #75cdc1 75.9115% 84.2448%, #77cfbe 84.2448% 92.5781%, #77cfbe 92.5781% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)); } .sky i:nth-child(8) { background-image: linear-gradient(to bottom, #65bae3 0% 1.0417%, #67bce0 1.0417% 9.375%, #68bedc 9.375% 17.7083%, #6ac0d9 17.7083% 26.0417%, #6cc2d6 26.0417% 34.375%, #6dc4d2 34.375% 42.7083%, #6fc5cf 42.7083% 51.0417%, #70c7cb 51.0417% 59.375%, #72c9c8 59.375% 67.7083%, #74cbc5 67.7083% 76.0417%, #75cdc1 76.0417% 84.375%, #77cfbe 84.375% 92.7083%, #77cfbe 92.7083% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)); } .sky i:nth-child(9) { background-image: linear-gradient(to bottom, #65bae3 0% 1.1719%, #67bce0 1.1719% 9.5052%, #68bedc 9.5052% 17.8385%, #6ac0d9 17.8385% 26.1719%, #6cc2d6 26.1719% 34.5052%, #6dc4d2 34.5052% 42.8385%, #6fc5cf 42.8385% 51.1719%, #70c7cb 51.1719% 59.5052%, #72c9c8 59.5052% 67.8385%, #74cbc5 67.8385% 76.1719%, #75cdc1 76.1719% 84.5052%, #77cfbe 84.5052% 92.8385%, #77cfbe 92.8385% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)), repeating-linear-gradient(to bottom,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)), repeating-linear-gradient(to bottom,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)); } .sky i:nth-child(10) { background-image: linear-gradient(to bottom, #65bae3 0% 1.3021%, #67bce0 1.3021% 9.6354%, #68bedc 9.6354% 17.9688%, #6ac0d9 17.9688% 26.3021%, #6cc2d6 26.3021% 34.6354%, #6dc4d2 34.6354% 42.9688%, #6fc5cf 42.9688% 51.3021%, #70c7cb 51.3021% 59.6354%, #72c9c8 59.6354% 67.9688%, #74cbc5 67.9688% 76.3021%, #75cdc1 76.3021% 84.6354%, #77cfbe 84.6354% 92.9688%, #77cfbe 92.9688% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)); } .sky i:nth-child(11) { background-image: linear-gradient(to bottom, #65bae3 0% 1.4323%, #67bce0 1.4323% 9.7656%, #68bedc 9.7656% 18.099%, #6ac0d9 18.099% 26.4323%, #6cc2d6 26.4323% 34.7656%, #6dc4d2 34.7656% 43.099%, #6fc5cf 43.099% 51.4323%, #70c7cb 51.4323% 59.7656%, #72c9c8 59.7656% 68.099%, #74cbc5 68.099% 76.4323%, #75cdc1 76.4323% 84.7656%, #77cfbe 84.7656% 93.099%, #77cfbe 93.099% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)), repeating-linear-gradient(to bottom,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)), repeating-linear-gradient(to bottom,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)); } .sky i:nth-child(12) { background-image: linear-gradient(to bottom, #65bae3 0% 1.5625%, #67bce0 1.5625% 9.8958%, #68bedc 9.8958% 18.2292%, #6ac0d9 18.2292% 26.5625%, #6cc2d6 26.5625% 34.8958%, #6dc4d2 34.8958% 43.2292%, #6fc5cf 43.2292% 51.5625%, #70c7cb 51.5625% 59.8958%, #72c9c8 59.8958% 68.2292%, #74cbc5 68.2292% 76.5625%, #75cdc1 76.5625% 84.8958%, #77cfbe 84.8958% 93.2292%, #77cfbe 93.2292% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)); } .sky i:nth-child(13) { background-image: linear-gradient(to bottom, #65bae3 0% 1.6927%, #67bce0 1.6927% 10.026%, #68bedc 10.026% 18.3594%, #6ac0d9 18.3594% 26.6927%, #6cc2d6 26.6927% 35.026%, #6dc4d2 35.026% 43.3594%, #6fc5cf 43.3594% 51.6927%, #70c7cb 51.6927% 60.026%, #72c9c8 60.026% 68.3594%, #74cbc5 68.3594% 76.6927%, #75cdc1 76.6927% 85.026%, #77cfbe 85.026% 93.3594%, #77cfbe 93.3594% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)); } .sky i:nth-child(14) { background-image: linear-gradient(to bottom, #65bae3 0% 1.8229%, #67bce0 1.8229% 10.1562%, #68bedc 10.1562% 18.4896%, #6ac0d9 18.4896% 26.8229%, #6cc2d6 26.8229% 35.1562%, #6dc4d2 35.1562% 43.4896%, #6fc5cf 43.4896% 51.8229%, #70c7cb 51.8229% 60.1562%, #72c9c8 60.1562% 68.4896%, #74cbc5 68.4896% 76.8229%, #75cdc1 76.8229% 85.1562%, #77cfbe 85.1562% 93.4896%, #77cfbe 93.4896% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)); } .sky i:nth-child(15) { background-image: linear-gradient(to bottom, #65bae3 0% 1.9531%, #67bce0 1.9531% 10.2865%, #68bedc 10.2865% 18.6198%, #6ac0d9 18.6198% 26.9531%, #6cc2d6 26.9531% 35.2865%, #6dc4d2 35.2865% 43.6198%, #6fc5cf 43.6198% 51.9531%, #70c7cb 51.9531% 60.2865%, #72c9c8 60.2865% 68.6198%, #74cbc5 68.6198% 76.9531%, #75cdc1 76.9531% 85.2865%, #77cfbe 85.2865% 93.6198%, #77cfbe 93.6198% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)); } .sky i:nth-child(16) { background-image: linear-gradient(to bottom, #65bae3 0% 2.0833%, #67bce0 2.0833% 10.4167%, #68bedc 10.4167% 18.75%, #6ac0d9 18.75% 27.0833%, #6cc2d6 27.0833% 35.4167%, #6dc4d2 35.4167% 43.75%, #6fc5cf 43.75% 52.0833%, #70c7cb 52.0833% 60.4167%, #72c9c8 60.4167% 68.75%, #74cbc5 68.75% 77.0833%, #75cdc1 77.0833% 85.4167%, #77cfbe 85.4167% 93.75%, #77cfbe 93.75% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)); } .sky i:nth-child(17) { background-image: linear-gradient(to bottom, #65bae3 0% 2.2135%, #67bce0 2.2135% 10.5469%, #68bedc 10.5469% 18.8802%, #6ac0d9 18.8802% 27.2135%, #6cc2d6 27.2135% 35.5469%, #6dc4d2 35.5469% 43.8802%, #6fc5cf 43.8802% 52.2135%, #70c7cb 52.2135% 60.5469%, #72c9c8 60.5469% 68.8802%, #74cbc5 68.8802% 77.2135%, #75cdc1 77.2135% 85.5469%, #77cfbe 85.5469% 93.8802%, #77cfbe 93.8802% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)); } .sky i:nth-child(18) { background-image: linear-gradient(to bottom, #65bae3 0% 2.3438%, #67bce0 2.3438% 10.6771%, #68bedc 10.6771% 19.0104%, #6ac0d9 19.0104% 27.3438%, #6cc2d6 27.3438% 35.6771%, #6dc4d2 35.6771% 44.0104%, #6fc5cf 44.0104% 52.3438%, #70c7cb 52.3438% 60.6771%, #72c9c8 60.6771% 69.0104%, #74cbc5 69.0104% 77.3438%, #75cdc1 77.3438% 85.6771%, #77cfbe 85.6771% 94.0104%, #77cfbe 94.0104% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)); } .sky i:nth-child(19) { background-image: linear-gradient(to bottom, #65bae3 0% 2.474%, #67bce0 2.474% 10.8073%, #68bedc 10.8073% 19.1406%, #6ac0d9 19.1406% 27.474%, #6cc2d6 27.474% 35.8073%, #6dc4d2 35.8073% 44.1406%, #6fc5cf 44.1406% 52.474%, #70c7cb 52.474% 60.8073%, #72c9c8 60.8073% 69.1406%, #74cbc5 69.1406% 77.474%, #75cdc1 77.474% 85.8073%, #77cfbe 85.8073% 94.1406%, #77cfbe 94.1406% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)); } .sky i:nth-child(20) { background-image: linear-gradient(to bottom, #65bae3 0% 2.6042%, #67bce0 2.6042% 10.9375%, #68bedc 10.9375% 19.2708%, #6ac0d9 19.2708% 27.6042%, #6cc2d6 27.6042% 35.9375%, #6dc4d2 35.9375% 44.2708%, #6fc5cf 44.2708% 52.6042%, #70c7cb 52.6042% 60.9375%, #72c9c8 60.9375% 69.2708%, #74cbc5 69.2708% 77.6042%, #75cdc1 77.6042% 85.9375%, #77cfbe 85.9375% 94.2708%, #77cfbe 94.2708% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)); } .sky i:nth-child(21) { background-image: linear-gradient(to bottom, #65bae3 0% 2.7344%, #67bce0 2.7344% 11.0677%, #68bedc 11.0677% 19.401%, #6ac0d9 19.401% 27.7344%, #6cc2d6 27.7344% 36.0677%, #6dc4d2 36.0677% 44.401%, #6fc5cf 44.401% 52.7344%, #70c7cb 52.7344% 61.0677%, #72c9c8 61.0677% 69.401%, #74cbc5 69.401% 77.7344%, #75cdc1 77.7344% 86.0677%, #77cfbe 86.0677% 94.401%, #77cfbe 94.401% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)); } .sky i:nth-child(22) { background-image: linear-gradient(to bottom, #65bae3 0% 2.8646%, #67bce0 2.8646% 11.1979%, #68bedc 11.1979% 19.5312%, #6ac0d9 19.5312% 27.8646%, #6cc2d6 27.8646% 36.1979%, #6dc4d2 36.1979% 44.5312%, #6fc5cf 44.5312% 52.8646%, #70c7cb 52.8646% 61.1979%, #72c9c8 61.1979% 69.5312%, #74cbc5 69.5312% 77.8646%, #75cdc1 77.8646% 86.1979%, #77cfbe 86.1979% 94.5312%, #77cfbe 94.5312% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)); } .sky i:nth-child(23) { background-image: linear-gradient(to bottom, #65bae3 0% 2.9948%, #67bce0 2.9948% 11.3281%, #68bedc 11.3281% 19.6615%, #6ac0d9 19.6615% 27.9948%, #6cc2d6 27.9948% 36.3281%, #6dc4d2 36.3281% 44.6615%, #6fc5cf 44.6615% 52.9948%, #70c7cb 52.9948% 61.3281%, #72c9c8 61.3281% 69.6615%, #74cbc5 69.6615% 77.9948%, #75cdc1 77.9948% 86.3281%, #77cfbe 86.3281% 94.6615%, #77cfbe 94.6615% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)); } .sky i:nth-child(24) { background-image: linear-gradient(to bottom, #65bae3 0% 3.125%, #67bce0 3.125% 11.4583%, #68bedc 11.4583% 19.7917%, #6ac0d9 19.7917% 28.125%, #6cc2d6 28.125% 36.4583%, #6dc4d2 36.4583% 44.7917%, #6fc5cf 44.7917% 53.125%, #70c7cb 53.125% 61.4583%, #72c9c8 61.4583% 69.7917%, #74cbc5 69.7917% 78.125%, #75cdc1 78.125% 86.4583%, #77cfbe 86.4583% 94.7917%, #77cfbe 94.7917% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)); } .sky i:nth-child(25) { background-image: linear-gradient(to bottom, #65bae3 0% 3.2552%, #67bce0 3.2552% 11.5885%, #68bedc 11.5885% 19.9219%, #6ac0d9 19.9219% 28.2552%, #6cc2d6 28.2552% 36.5885%, #6dc4d2 36.5885% 44.9219%, #6fc5cf 44.9219% 53.2552%, #70c7cb 53.2552% 61.5885%, #72c9c8 61.5885% 69.9219%, #74cbc5 69.9219% 78.2552%, #75cdc1 78.2552% 86.5885%, #77cfbe 86.5885% 94.9219%, #77cfbe 94.9219% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)); } .sky i:nth-child(26) { background-image: linear-gradient(to bottom, #65bae3 0% 3.3854%, #67bce0 3.3854% 11.7188%, #68bedc 11.7188% 20.0521%, #6ac0d9 20.0521% 28.3854%, #6cc2d6 28.3854% 36.7188%, #6dc4d2 36.7188% 45.0521%, #6fc5cf 45.0521% 53.3854%, #70c7cb 53.3854% 61.7188%, #72c9c8 61.7188% 70.0521%, #74cbc5 70.0521% 78.3854%, #75cdc1 78.3854% 86.7188%, #77cfbe 86.7188% 95.0521%, #77cfbe 95.0521% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)); } .sky i:nth-child(27) { background-image: linear-gradient(to bottom, #65bae3 0% 3.5156%, #67bce0 3.5156% 11.849%, #68bedc 11.849% 20.1823%, #6ac0d9 20.1823% 28.5156%, #6cc2d6 28.5156% 36.849%, #6dc4d2 36.849% 45.1823%, #6fc5cf 45.1823% 53.5156%, #70c7cb 53.5156% 61.849%, #72c9c8 61.849% 70.1823%, #74cbc5 70.1823% 78.5156%, #75cdc1 78.5156% 86.849%, #77cfbe 86.849% 95.1823%, #77cfbe 95.1823% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)); } .sky i:nth-child(28) { background-image: linear-gradient(to bottom, #65bae3 0% 3.6458%, #67bce0 3.6458% 11.9792%, #68bedc 11.9792% 20.3125%, #6ac0d9 20.3125% 28.6458%, #6cc2d6 28.6458% 36.9792%, #6dc4d2 36.9792% 45.3125%, #6fc5cf 45.3125% 53.6458%, #70c7cb 53.6458% 61.9792%, #72c9c8 61.9792% 70.3125%, #74cbc5 70.3125% 78.6458%, #75cdc1 78.6458% 86.9792%, #77cfbe 86.9792% 95.3125%, #77cfbe 95.3125% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)); } .sky i:nth-child(29) { background-image: linear-gradient(to bottom, #65bae3 0% 3.776%, #67bce0 3.776% 12.1094%, #68bedc 12.1094% 20.4427%, #6ac0d9 20.4427% 28.776%, #6cc2d6 28.776% 37.1094%, #6dc4d2 37.1094% 45.4427%, #6fc5cf 45.4427% 53.776%, #70c7cb 53.776% 62.1094%, #72c9c8 62.1094% 70.4427%, #74cbc5 70.4427% 78.776%, #75cdc1 78.776% 87.1094%, #77cfbe 87.1094% 95.4427%, #77cfbe 95.4427% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)); } .sky i:nth-child(30) { background-image: linear-gradient(to bottom, #65bae3 0% 3.9062%, #67bce0 3.9062% 12.2396%, #68bedc 12.2396% 20.5729%, #6ac0d9 20.5729% 28.9062%, #6cc2d6 28.9062% 37.2396%, #6dc4d2 37.2396% 45.5729%, #6fc5cf 45.5729% 53.9062%, #70c7cb 53.9062% 62.2396%, #72c9c8 62.2396% 70.5729%, #74cbc5 70.5729% 78.9062%, #75cdc1 78.9062% 87.2396%, #77cfbe 87.2396% 95.5729%, #77cfbe 95.5729% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)); } .sky i:nth-child(31) { background-image: linear-gradient(to bottom, #65bae3 0% 4.0365%, #67bce0 4.0365% 12.3698%, #68bedc 12.3698% 20.7031%, #6ac0d9 20.7031% 29.0365%, #6cc2d6 29.0365% 37.3698%, #6dc4d2 37.3698% 45.7031%, #6fc5cf 45.7031% 54.0365%, #70c7cb 54.0365% 62.3698%, #72c9c8 62.3698% 70.7031%, #74cbc5 70.7031% 79.0365%, #75cdc1 79.0365% 87.3698%, #77cfbe 87.3698% 95.7031%, #77cfbe 95.7031% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)); } .sky i:nth-child(32) { background-image: linear-gradient(to bottom, #65bae3 0% 4.1667%, #67bce0 4.1667% 12.5%, #68bedc 12.5% 20.8333%, #6ac0d9 20.8333% 29.1667%, #6cc2d6 29.1667% 37.5%, #6dc4d2 37.5% 45.8333%, #6fc5cf 45.8333% 54.1667%, #70c7cb 54.1667% 62.5%, #72c9c8 62.5% 70.8333%, #74cbc5 70.8333% 79.1667%, #75cdc1 79.1667% 87.5%, #77cfbe 87.5% 95.8333%, #77cfbe 95.8333% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)); } .sky i:nth-child(33) { background-image: linear-gradient(to bottom, #65bae3 0% 4.2969%, #67bce0 4.2969% 12.6302%, #68bedc 12.6302% 20.9635%, #6ac0d9 20.9635% 29.2969%, #6cc2d6 29.2969% 37.6302%, #6dc4d2 37.6302% 45.9635%, #6fc5cf 45.9635% 54.2969%, #70c7cb 54.2969% 62.6302%, #72c9c8 62.6302% 70.9635%, #74cbc5 70.9635% 79.2969%, #75cdc1 79.2969% 87.6302%, #77cfbe 87.6302% 95.9635%, #77cfbe 95.9635% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)), repeating-linear-gradient(to bottom,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)), repeating-linear-gradient(to bottom,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)); } .sky i:nth-child(34) { background-image: linear-gradient(to bottom, #65bae3 0% 4.4271%, #67bce0 4.4271% 12.7604%, #68bedc 12.7604% 21.0938%, #6ac0d9 21.0938% 29.4271%, #6cc2d6 29.4271% 37.7604%, #6dc4d2 37.7604% 46.0938%, #6fc5cf 46.0938% 54.4271%, #70c7cb 54.4271% 62.7604%, #72c9c8 62.7604% 71.0938%, #74cbc5 71.0938% 79.4271%, #75cdc1 79.4271% 87.7604%, #77cfbe 87.7604% 96.0938%, #77cfbe 96.0938% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)); } .sky i:nth-child(35) { background-image: linear-gradient(to bottom, #65bae3 0% 4.5573%, #67bce0 4.5573% 12.8906%, #68bedc 12.8906% 21.224%, #6ac0d9 21.224% 29.5573%, #6cc2d6 29.5573% 37.8906%, #6dc4d2 37.8906% 46.224%, #6fc5cf 46.224% 54.5573%, #70c7cb 54.5573% 62.8906%, #72c9c8 62.8906% 71.224%, #74cbc5 71.224% 79.5573%, #75cdc1 79.5573% 87.8906%, #77cfbe 87.8906% 96.224%, #77cfbe 96.224% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)), repeating-linear-gradient(to bottom,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)), repeating-linear-gradient(to bottom,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)); } .sky i:nth-child(36) { background-image: linear-gradient(to bottom, #65bae3 0% 4.6875%, #67bce0 4.6875% 13.0208%, #68bedc 13.0208% 21.3542%, #6ac0d9 21.3542% 29.6875%, #6cc2d6 29.6875% 38.0208%, #6dc4d2 38.0208% 46.3542%, #6fc5cf 46.3542% 54.6875%, #70c7cb 54.6875% 63.0208%, #72c9c8 63.0208% 71.3542%, #74cbc5 71.3542% 79.6875%, #75cdc1 79.6875% 88.0208%, #77cfbe 88.0208% 96.3542%, #77cfbe 96.3542% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)); } .sky i:nth-child(37) { background-image: linear-gradient(to bottom, #65bae3 0% 4.8177%, #67bce0 4.8177% 13.151%, #68bedc 13.151% 21.4844%, #6ac0d9 21.4844% 29.8177%, #6cc2d6 29.8177% 38.151%, #6dc4d2 38.151% 46.4844%, #6fc5cf 46.4844% 54.8177%, #70c7cb 54.8177% 63.151%, #72c9c8 63.151% 71.4844%, #74cbc5 71.4844% 79.8177%, #75cdc1 79.8177% 88.151%, #77cfbe 88.151% 96.4844%, #77cfbe 96.4844% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)); } .sky i:nth-child(38) { background-image: linear-gradient(to bottom, #65bae3 0% 4.9479%, #67bce0 4.9479% 13.2812%, #68bedc 13.2812% 21.6146%, #6ac0d9 21.6146% 29.9479%, #6cc2d6 29.9479% 38.2812%, #6dc4d2 38.2812% 46.6146%, #6fc5cf 46.6146% 54.9479%, #70c7cb 54.9479% 63.2812%, #72c9c8 63.2812% 71.6146%, #74cbc5 71.6146% 79.9479%, #75cdc1 79.9479% 88.2812%, #77cfbe 88.2812% 96.6146%, #77cfbe 96.6146% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)); } .sky i:nth-child(39) { background-image: linear-gradient(to bottom, #65bae3 0% 5.0781%, #67bce0 5.0781% 13.4115%, #68bedc 13.4115% 21.7448%, #6ac0d9 21.7448% 30.0781%, #6cc2d6 30.0781% 38.4115%, #6dc4d2 38.4115% 46.7448%, #6fc5cf 46.7448% 55.0781%, #70c7cb 55.0781% 63.4115%, #72c9c8 63.4115% 71.7448%, #74cbc5 71.7448% 80.0781%, #75cdc1 80.0781% 88.4115%, #77cfbe 88.4115% 96.7448%, #77cfbe 96.7448% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)); } .sky i:nth-child(40) { background-image: linear-gradient(to bottom, #65bae3 0% 5.2083%, #67bce0 5.2083% 13.5417%, #68bedc 13.5417% 21.875%, #6ac0d9 21.875% 30.2083%, #6cc2d6 30.2083% 38.5417%, #6dc4d2 38.5417% 46.875%, #6fc5cf 46.875% 55.2083%, #70c7cb 55.2083% 63.5417%, #72c9c8 63.5417% 71.875%, #74cbc5 71.875% 80.2083%, #75cdc1 80.2083% 88.5417%, #77cfbe 88.5417% 96.875%, #77cfbe 96.875% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)); } .sky i:nth-child(41) { background-image: linear-gradient(to bottom, #65bae3 0% 5.3385%, #67bce0 5.3385% 13.6719%, #68bedc 13.6719% 22.0052%, #6ac0d9 22.0052% 30.3385%, #6cc2d6 30.3385% 38.6719%, #6dc4d2 38.6719% 47.0052%, #6fc5cf 47.0052% 55.3385%, #70c7cb 55.3385% 63.6719%, #72c9c8 63.6719% 72.0052%, #74cbc5 72.0052% 80.3385%, #75cdc1 80.3385% 88.6719%, #77cfbe 88.6719% 97.0052%, #77cfbe 97.0052% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)), repeating-linear-gradient(to bottom,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)), repeating-linear-gradient(to bottom,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)); } .sky i:nth-child(42) { background-image: linear-gradient(to bottom, #65bae3 0% 5.4688%, #67bce0 5.4688% 13.8021%, #68bedc 13.8021% 22.1354%, #6ac0d9 22.1354% 30.4688%, #6cc2d6 30.4688% 38.8021%, #6dc4d2 38.8021% 47.1354%, #6fc5cf 47.1354% 55.4688%, #70c7cb 55.4688% 63.8021%, #72c9c8 63.8021% 72.1354%, #74cbc5 72.1354% 80.4688%, #75cdc1 80.4688% 88.8021%, #77cfbe 88.8021% 97.1354%, #77cfbe 97.1354% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)); } .sky i:nth-child(43) { background-image: linear-gradient(to bottom, #65bae3 0% 5.599%, #67bce0 5.599% 13.9323%, #68bedc 13.9323% 22.2656%, #6ac0d9 22.2656% 30.599%, #6cc2d6 30.599% 38.9323%, #6dc4d2 38.9323% 47.2656%, #6fc5cf 47.2656% 55.599%, #70c7cb 55.599% 63.9323%, #72c9c8 63.9323% 72.2656%, #74cbc5 72.2656% 80.599%, #75cdc1 80.599% 88.9323%, #77cfbe 88.9323% 97.2656%, #77cfbe 97.2656% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)), repeating-linear-gradient(to bottom,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)), repeating-linear-gradient(to bottom,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)); } .sky i:nth-child(44) { background-image: linear-gradient(to bottom, #65bae3 0% 5.7292%, #67bce0 5.7292% 14.0625%, #68bedc 14.0625% 22.3958%, #6ac0d9 22.3958% 30.7292%, #6cc2d6 30.7292% 39.0625%, #6dc4d2 39.0625% 47.3958%, #6fc5cf 47.3958% 55.7292%, #70c7cb 55.7292% 64.0625%, #72c9c8 64.0625% 72.3958%, #74cbc5 72.3958% 80.7292%, #75cdc1 80.7292% 89.0625%, #77cfbe 89.0625% 97.3958%, #77cfbe 97.3958% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)); } .sky i:nth-child(45) { background-image: linear-gradient(to bottom, #65bae3 0% 5.8594%, #67bce0 5.8594% 14.1927%, #68bedc 14.1927% 22.526%, #6ac0d9 22.526% 30.8594%, #6cc2d6 30.8594% 39.1927%, #6dc4d2 39.1927% 47.526%, #6fc5cf 47.526% 55.8594%, #70c7cb 55.8594% 64.1927%, #72c9c8 64.1927% 72.526%, #74cbc5 72.526% 80.8594%, #75cdc1 80.8594% 89.1927%, #77cfbe 89.1927% 97.526%, #77cfbe 97.526% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)); } .sky i:nth-child(46) { background-image: linear-gradient(to bottom, #65bae3 0% 5.9896%, #67bce0 5.9896% 14.3229%, #68bedc 14.3229% 22.6562%, #6ac0d9 22.6562% 30.9896%, #6cc2d6 30.9896% 39.3229%, #6dc4d2 39.3229% 47.6562%, #6fc5cf 47.6562% 55.9896%, #70c7cb 55.9896% 64.3229%, #72c9c8 64.3229% 72.6562%, #74cbc5 72.6562% 80.9896%, #75cdc1 80.9896% 89.3229%, #77cfbe 89.3229% 97.6562%, #77cfbe 97.6562% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)); } .sky i:nth-child(47) { background-image: linear-gradient(to bottom, #65bae3 0% 6.1198%, #67bce0 6.1198% 14.4531%, #68bedc 14.4531% 22.7865%, #6ac0d9 22.7865% 31.1198%, #6cc2d6 31.1198% 39.4531%, #6dc4d2 39.4531% 47.7865%, #6fc5cf 47.7865% 56.1198%, #70c7cb 56.1198% 64.4531%, #72c9c8 64.4531% 72.7865%, #74cbc5 72.7865% 81.1198%, #75cdc1 81.1198% 89.4531%, #77cfbe 89.4531% 97.7865%, #77cfbe 97.7865% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)); } .sky i:nth-child(48) { background-image: linear-gradient(to bottom, #65bae3 0% 6.25%, #67bce0 6.25% 14.5833%, #68bedc 14.5833% 22.9167%, #6ac0d9 22.9167% 31.25%, #6cc2d6 31.25% 39.5833%, #6dc4d2 39.5833% 47.9167%, #6fc5cf 47.9167% 56.25%, #70c7cb 56.25% 64.5833%, #72c9c8 64.5833% 72.9167%, #74cbc5 72.9167% 81.25%, #75cdc1 81.25% 89.5833%, #77cfbe 89.5833% 97.9167%, #77cfbe 97.9167% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)); } .sky i:nth-child(49) { background-image: linear-gradient(to bottom, #65bae3 0% 6.3802%, #67bce0 6.3802% 14.7135%, #68bedc 14.7135% 23.0469%, #6ac0d9 23.0469% 31.3802%, #6cc2d6 31.3802% 39.7135%, #6dc4d2 39.7135% 48.0469%, #6fc5cf 48.0469% 56.3802%, #70c7cb 56.3802% 64.7135%, #72c9c8 64.7135% 73.0469%, #74cbc5 73.0469% 81.3802%, #75cdc1 81.3802% 89.7135%, #77cfbe 89.7135% 98.0469%, #77cfbe 98.0469% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)); } .sky i:nth-child(50) { background-image: linear-gradient(to bottom, #65bae3 0% 6.5104%, #67bce0 6.5104% 14.8438%, #68bedc 14.8438% 23.1771%, #6ac0d9 23.1771% 31.5104%, #6cc2d6 31.5104% 39.8438%, #6dc4d2 39.8438% 48.1771%, #6fc5cf 48.1771% 56.5104%, #70c7cb 56.5104% 64.8438%, #72c9c8 64.8438% 73.1771%, #74cbc5 73.1771% 81.5104%, #75cdc1 81.5104% 89.8438%, #77cfbe 89.8438% 98.1771%, #77cfbe 98.1771% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)); } .sky i:nth-child(51) { background-image: linear-gradient(to bottom, #65bae3 0% 6.6406%, #67bce0 6.6406% 14.974%, #68bedc 14.974% 23.3073%, #6ac0d9 23.3073% 31.6406%, #6cc2d6 31.6406% 39.974%, #6dc4d2 39.974% 48.3073%, #6fc5cf 48.3073% 56.6406%, #70c7cb 56.6406% 64.974%, #72c9c8 64.974% 73.3073%, #74cbc5 73.3073% 81.6406%, #75cdc1 81.6406% 89.974%, #77cfbe 89.974% 98.3073%, #77cfbe 98.3073% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)); } .sky i:nth-child(52) { background-image: linear-gradient(to bottom, #65bae3 0% 6.7708%, #67bce0 6.7708% 15.1042%, #68bedc 15.1042% 23.4375%, #6ac0d9 23.4375% 31.7708%, #6cc2d6 31.7708% 40.1042%, #6dc4d2 40.1042% 48.4375%, #6fc5cf 48.4375% 56.7708%, #70c7cb 56.7708% 65.1042%, #72c9c8 65.1042% 73.4375%, #74cbc5 73.4375% 81.7708%, #75cdc1 81.7708% 90.1042%, #77cfbe 90.1042% 98.4375%, #77cfbe 98.4375% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)); } .sky i:nth-child(53) { background-image: linear-gradient(to bottom, #65bae3 0% 6.901%, #67bce0 6.901% 15.2344%, #68bedc 15.2344% 23.5677%, #6ac0d9 23.5677% 31.901%, #6cc2d6 31.901% 40.2344%, #6dc4d2 40.2344% 48.5677%, #6fc5cf 48.5677% 56.901%, #70c7cb 56.901% 65.2344%, #72c9c8 65.2344% 73.5677%, #74cbc5 73.5677% 81.901%, #75cdc1 81.901% 90.2344%, #77cfbe 90.2344% 98.5677%, #77cfbe 98.5677% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)); } .sky i:nth-child(54) { background-image: linear-gradient(to bottom, #65bae3 0% 7.0312%, #67bce0 7.0312% 15.3646%, #68bedc 15.3646% 23.6979%, #6ac0d9 23.6979% 32.0312%, #6cc2d6 32.0312% 40.3646%, #6dc4d2 40.3646% 48.6979%, #6fc5cf 48.6979% 57.0312%, #70c7cb 57.0312% 65.3646%, #72c9c8 65.3646% 73.6979%, #74cbc5 73.6979% 82.0312%, #75cdc1 82.0312% 90.3646%, #77cfbe 90.3646% 98.6979%, #77cfbe 98.6979% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)); } .sky i:nth-child(55) { background-image: linear-gradient(to bottom, #65bae3 0% 7.1615%, #67bce0 7.1615% 15.4948%, #68bedc 15.4948% 23.8281%, #6ac0d9 23.8281% 32.1615%, #6cc2d6 32.1615% 40.4948%, #6dc4d2 40.4948% 48.8281%, #6fc5cf 48.8281% 57.1615%, #70c7cb 57.1615% 65.4948%, #72c9c8 65.4948% 73.8281%, #74cbc5 73.8281% 82.1615%, #75cdc1 82.1615% 90.4948%, #77cfbe 90.4948% 98.8281%, #77cfbe 98.8281% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)); } .sky i:nth-child(56) { background-image: linear-gradient(to bottom, #65bae3 0% 7.2917%, #67bce0 7.2917% 15.625%, #68bedc 15.625% 23.9583%, #6ac0d9 23.9583% 32.2917%, #6cc2d6 32.2917% 40.625%, #6dc4d2 40.625% 48.9583%, #6fc5cf 48.9583% 57.2917%, #70c7cb 57.2917% 65.625%, #72c9c8 65.625% 73.9583%, #74cbc5 73.9583% 82.2917%, #75cdc1 82.2917% 90.625%, #77cfbe 90.625% 98.9583%, #77cfbe 98.9583% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)); } .sky i:nth-child(57) { background-image: linear-gradient(to bottom, #65bae3 0% 7.4219%, #67bce0 7.4219% 15.7552%, #68bedc 15.7552% 24.0885%, #6ac0d9 24.0885% 32.4219%, #6cc2d6 32.4219% 40.7552%, #6dc4d2 40.7552% 49.0885%, #6fc5cf 49.0885% 57.4219%, #70c7cb 57.4219% 65.7552%, #72c9c8 65.7552% 74.0885%, #74cbc5 74.0885% 82.4219%, #75cdc1 82.4219% 90.7552%, #77cfbe 90.7552% 99.0885%, #77cfbe 99.0885% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)); } .sky i:nth-child(58) { background-image: linear-gradient(to bottom, #65bae3 0% 7.5521%, #67bce0 7.5521% 15.8854%, #68bedc 15.8854% 24.2188%, #6ac0d9 24.2188% 32.5521%, #6cc2d6 32.5521% 40.8854%, #6dc4d2 40.8854% 49.2188%, #6fc5cf 49.2188% 57.5521%, #70c7cb 57.5521% 65.8854%, #72c9c8 65.8854% 74.2188%, #74cbc5 74.2188% 82.5521%, #75cdc1 82.5521% 90.8854%, #77cfbe 90.8854% 99.2188%, #77cfbe 99.2188% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)); } .sky i:nth-child(59) { background-image: linear-gradient(to bottom, #65bae3 0% 7.6823%, #67bce0 7.6823% 16.0156%, #68bedc 16.0156% 24.349%, #6ac0d9 24.349% 32.6823%, #6cc2d6 32.6823% 41.0156%, #6dc4d2 41.0156% 49.349%, #6fc5cf 49.349% 57.6823%, #70c7cb 57.6823% 66.0156%, #72c9c8 66.0156% 74.349%, #74cbc5 74.349% 82.6823%, #75cdc1 82.6823% 91.0156%, #77cfbe 91.0156% 99.349%, #77cfbe 99.349% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 6),#000 calc(var(--sky-cell) * 6) calc(var(--sky-cell) * 7),#0000 calc(var(--sky-cell) * 7) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 1),#000 calc(var(--sky-cell) * 1) calc(var(--sky-cell) * 2),#0000 calc(var(--sky-cell) * 2) var(--sky-tile)); } .sky i:nth-child(60) { background-image: linear-gradient(to bottom, #65bae3 0% 7.8125%, #67bce0 7.8125% 16.1458%, #68bedc 16.1458% 24.4792%, #6ac0d9 24.4792% 32.8125%, #6cc2d6 32.8125% 41.1458%, #6dc4d2 41.1458% 49.4792%, #6fc5cf 49.4792% 57.8125%, #70c7cb 57.8125% 66.1458%, #72c9c8 66.1458% 74.4792%, #74cbc5 74.4792% 82.8125%, #75cdc1 82.8125% 91.1458%, #77cfbe 91.1458% 99.4792%, #77cfbe 99.4792% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 2),#000 calc(var(--sky-cell) * 2) calc(var(--sky-cell) * 3),#0000 calc(var(--sky-cell) * 3) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 5),#000 calc(var(--sky-cell) * 5) calc(var(--sky-cell) * 6),#0000 calc(var(--sky-cell) * 6) var(--sky-tile)); } .sky i:nth-child(61) { background-image: linear-gradient(to bottom, #65bae3 0% 7.9427%, #67bce0 7.9427% 16.276%, #68bedc 16.276% 24.6094%, #6ac0d9 24.6094% 32.9427%, #6cc2d6 32.9427% 41.276%, #6dc4d2 41.276% 49.6094%, #6fc5cf 49.6094% 57.9427%, #70c7cb 57.9427% 66.276%, #72c9c8 66.276% 74.6094%, #74cbc5 74.6094% 82.9427%, #75cdc1 82.9427% 91.276%, #77cfbe 91.276% 99.6094%, #77cfbe 99.6094% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#000 0 calc(var(--sky-cell) * 1),#0000 calc(var(--sky-cell) * 1) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)); } .sky i:nth-child(62) { background-image: linear-gradient(to bottom, #65bae3 0% 8.0729%, #67bce0 8.0729% 16.4062%, #68bedc 16.4062% 24.7396%, #6ac0d9 24.7396% 33.0729%, #6cc2d6 33.0729% 41.4062%, #6dc4d2 41.4062% 49.7396%, #6fc5cf 49.7396% 58.0729%, #70c7cb 58.0729% 66.4062%, #72c9c8 66.4062% 74.7396%, #74cbc5 74.7396% 83.0729%, #75cdc1 83.0729% 91.4062%, #77cfbe 91.4062% 99.7396%, #77cfbe 99.7396% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 7),#000 calc(var(--sky-cell) * 7) calc(var(--sky-cell) * 8)); } .sky i:nth-child(63) { background-image: linear-gradient(to bottom, #65bae3 0% 8.2031%, #67bce0 8.2031% 16.5365%, #68bedc 16.5365% 24.8698%, #6ac0d9 24.8698% 33.2031%, #6cc2d6 33.2031% 41.5365%, #6dc4d2 41.5365% 49.8698%, #6fc5cf 49.8698% 58.2031%, #70c7cb 58.2031% 66.5365%, #72c9c8 66.5365% 74.8698%, #74cbc5 74.8698% 83.2031%, #75cdc1 83.2031% 91.5365%, #77cfbe 91.5365% 99.8698%, #77cfbe 99.8698% 100%); -webkit-mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)); mask-image: repeating-linear-gradient(to right,#0000 0 calc(var(--sky-cell) * 4),#000 calc(var(--sky-cell) * 4) calc(var(--sky-cell) * 5),#0000 calc(var(--sky-cell) * 5) var(--sky-tile)), repeating-linear-gradient(to bottom,#0000 0 calc(var(--sky-cell) * 3),#000 calc(var(--sky-cell) * 3) calc(var(--sky-cell) * 4),#0000 calc(var(--sky-cell) * 4) var(--sky-tile)); }