/* Made by assets-src/closing/build_closing.py: each shape's garden before and after the diyas are lit. */

.closing { --cl-r: 0.56280; --cl-shape: "phone"; --sky-l: 26.000%; --sky-r: 74.000%; --sky-t: 13.500%; --sky-b: 33.500%; --wat-l: 14.000%; --wat-r: 86.000%; --wat-t: 58.500%; --wat-b: 86.500%; --step-y: 91.800%; }
.closing .cl-garden { background-image: url(scene.webp), url(data:image/webp;base64,UklGRkwBAABXRUJQVlA4IEABAABwBwCdASoYACsAPu1srVIppaQiqrgIATAdiUAWXarogGajIX2nYt0tcBiYJmw5O/5XlpnO+/DyVY6Z0RRKYpjs7oAAAAD9HZF9gn+n27wsd22UTwFxEW/I8CWHgNCPXFHiHPC4hiQrTywBqD/bfZEVKammdCwDLU4J8posfnrieNWjqrxpoQ20+qG52LgDzGHC0M7nlfA9rB87VF3zOATGK2EQkXGsbb7lAY352Emsdb1FaHMyHrp1sNW5wb85JrnGvL0rpEDkOtyPbsVXpSuzP7HfX2h6O9A6RZymGFDjDScw0pqyMEoEL85ohAUfvIKVWAwNQy0nxx745HeQNrHkUBmkkBd0wBTP3+4JW5bhqJBPrlkfglISbXww09x7VAeOQgxMp9s9BSF7KD/QuPkWDRvg5tQz7NKt2kr7oAAAAA==); }
.closing .cl-l0 { display: block; left: 8.502%; top: 82.596%; width: 81.615%; height: 17.404%; background-image: url(light-0.webp); }
.closing .cl-l1 { display: block; left: 5.101%; top: 62.440%; width: 84.060%; height: 27.273%; background-image: url(light-1.webp); }
.closing .cl-l2 { display: block; left: 17.960%; top: 58.672%; width: 67.163%; height: 10.108%; background-image: url(light-2.webp); }
.closing .cl-l3 { display: block; left: 20.298%; top: 57.117%; width: 65.143%; height: 6.818%; background-image: url(light-3.webp); }
.closing .cl-l4 { display: block; left: 32.625%; top: 55.801%; width: 42.614%; height: 4.725%; background-image: url(light-4.webp); }
.closing .cl-l5 { display: block; left: 30.074%; top: 53.230%; width: 35.600%; height: 5.801%; background-image: url(light-5.webp); }
.closing .cl-l6 { display: block; left: 25.505%; top: 52.153%; width: 42.402%; height: 3.648%; background-image: url(light-6.webp); }
.closing .cl-l7 { display: block; left: 21.892%; top: 51.555%; width: 63.868%; height: 3.648%; background-image: url(light-7.webp); }
.closing .cl-l8 { display: block; left: 14.559%; top: 50.778%; width: 69.182%; height: 3.409%; background-image: url(light-8.webp); }
.closing .cl-l9 { display: block; left: 20.829%; top: 45.754%; width: 59.086%; height: 7.057%; background-image: url(light-9.webp); }

@media (min-aspect-ratio: 5/8) {
  html:root .closing { --cl-r: 0.75121; --cl-shape: "tab"; --sky-l: 32.000%; --sky-r: 68.000%; --sky-t: 14.000%; --sky-b: 33.500%; --wat-l: 25.000%; --wat-r: 75.000%; --wat-t: 60.000%; --wat-b: 86.500%; --step-y: 91.800%; }
  html:root .closing .cl-garden { background-image: url(scene-tab.webp), url(data:image/webp;base64,UklGRtYAAABXRUJQVlA4IMoAAACwBQCdASoYACAAPu1ip02ppaOiMAgBMB2JQBg9n+QYAVzFdOmEZ2fwe+QnVqrBG9BbPZ0sLAAA+dhH5ERZ7kUUsB5lZPZ4Nvl9n/6umY6kxfPrIhPSv2mMbMUuft46d3Hh/RYt3Iz5NMXflcsFw0YaWW4X47nNDqGAT33Wh80b5vIoKtvPxQzpVBZxVeQU9rkg3rbigLVYygPzOFfIhQ8T9lFPxK2DQ0bM+3nkA0y9UBT/6eEPe0JHnvIbV2GVutocHifa6Fx+dPAA); }
  html:root .closing .cl-l0 { display: block; left: 20.147%; top: 85.003%; width: 59.890%; height: 14.997%; background-image: url(light-tab-0.webp); }
  html:root .closing .cl-l1 { display: block; left: 21.803%; top: 61.714%; width: 57.130%; height: 20.180%; background-image: url(light-tab-1.webp); }
  html:root .closing .cl-l2 { display: block; left: 25.943%; top: 58.258%; width: 49.402%; height: 7.809%; background-image: url(light-tab-2.webp); }
  html:root .closing .cl-l3 { display: block; left: 28.243%; top: 56.738%; width: 47.470%; height: 7.533%; background-image: url(light-tab-3.webp); }
  html:root .closing .cl-l4 { display: block; left: 32.567%; top: 55.632%; width: 35.235%; height: 4.907%; background-image: url(light-tab-4.webp); }
  html:root .closing .cl-l5 { display: block; left: 35.419%; top: 55.149%; width: 33.027%; height: 5.183%; background-image: url(light-tab-5.webp); }
  html:root .closing .cl-l6 { display: block; left: 35.603%; top: 53.559%; width: 26.127%; height: 3.594%; background-image: url(light-tab-6.webp); }
  html:root .closing .cl-l7 { display: block; left: 23.459%; top: 52.661%; width: 42.318%; height: 2.419%; background-image: url(light-tab-7.webp); }
  html:root .closing .cl-l8 { display: block; left: 24.655%; top: 52.039%; width: 49.678%; height: 3.248%; background-image: url(light-tab-8.webp); }
  html:root .closing .cl-l9 { display: block; left: 26.403%; top: 51.071%; width: 50.230%; height: 3.248%; background-image: url(light-tab-9.webp); }
}

@media (min-aspect-ratio: 6/5) {
  html.is-tablet .closing { --cl-r: 1.33119; --cl-shape: "land"; --sky-l: 29.000%; --sky-r: 71.000%; --sky-t: 17.000%; --sky-b: 34.500%; --wat-l: 21.000%; --wat-r: 79.000%; --wat-t: 64.500%; --wat-b: 89.500%; --step-y: 93.000%; }
  html.is-tablet .closing .cl-garden { background-image: url(scene-land.webp), url(data:image/webp;base64,UklGRrIAAABXRUJQVlA4IKYAAABQBQCdASoYABIAPu1ur1KppiQiqAgBMB2JQBe6ZYAYi0Gy5oj2XDqUzv8adD85+GRRrAAA7r0WsphKQQCUghxFXcv35wKLmWuc9syrCggYCOmAPDlazNUAEEPKFAwoHM3NKYkdGL2uelq2u6CCrep25530xKHJ7QXRIITEBczMnINznzqVcNwQWEGgJuHH1a+MMYT/J/xl2/4hVIYxS3Y5z8yYAsQA); }
  html.is-tablet .closing .cl-l0 { display: block; left: 16.655%; top: 86.569%; width: 72.495%; height: 13.431%; background-image: url(light-land-0.webp); }
  html.is-tablet .closing .cl-l1 { display: block; left: 12.025%; top: 71.205%; width: 72.011%; height: 28.243%; background-image: url(light-land-1.webp); }
  html.is-tablet .closing .cl-l2 { display: block; left: 19.489%; top: 66.881%; width: 65.100%; height: 13.615%; background-image: url(light-land-2.webp); }
  html.is-tablet .closing .cl-l3 { display: block; left: 19.627%; top: 64.857%; width: 64.202%; height: 11.316%; background-image: url(light-land-3.webp); }
  html.is-tablet .closing .cl-l4 { display: block; left: 25.639%; top: 62.282%; width: 50.449%; height: 9.660%; background-image: url(light-land-4.webp); }
  html.is-tablet .closing .cl-l5 { display: block; left: 35.038%; top: 60.166%; width: 29.717%; height: 9.844%; background-image: url(light-land-5.webp); }
  html.is-tablet .closing .cl-l6 { display: block; left: 27.229%; top: 57.498%; width: 46.164%; height: 8.832%; background-image: url(light-land-6.webp); }
  html.is-tablet .closing .cl-l7 { display: block; left: 16.310%; top: 56.946%; width: 67.657%; height: 5.980%; background-image: url(light-land-7.webp); }
  html.is-tablet .closing .cl-l8 { display: block; left: 18.383%; top: 55.750%; width: 62.681%; height: 5.428%; background-image: url(light-land-8.webp); }
  html.is-tablet .closing .cl-l9 { display: block; left: 27.920%; top: 54.186%; width: 54.043%; height: 6.992%; background-image: url(light-land-9.webp); }
}