/* Generated by assets-src/cover/build_cover.py. Do not edit by hand. */

/* Phones: the 9:16 curtain. */
 .gate { --pic-r: 0.5628; --hint-y: 49.0%; --shape: "phone"; }
 .gate .c-still { background-image: url(still.webp), url(data:image/webp;base64,UklGRsAAAABXRUJQVlA4ILQAAADQBACdASoYACsAPuVkpk2pJaOiNVgIASAciWMAsOxDzF0WzXvKTRuyjeFD+h1WWAD52EeGGK17yZGXocC2pLUXNARu3LBCvtQ6A6fWkkwmE680l3dzsIt3dD4Yyfy5cPExAqCvhB07e4DjuUsJucOObFjFqxCaYSFAg8xmXO6Koz5gAo8y1SWQwu9iFn1dUXhPIkZJQ4AHPKSq4hH99MfgSegXSAzjys4VhbXuGYK8H8/4AAA=); }
 .gate .c-garden,  .gate .c-frame { background-image: url(../hero/scene.webp), url(data:image/webp;base64,UklGRlYBAABXRUJQVlA4IEoBAACwBwCdASoYACsAPu1srVIppaQipWsxMB2JZACzoXsEA5GNZh/JD2l+fIFTH3wNIfF9dC5Ue/qvHwqOHFVB1Yb2rEKWxFSAAP4Up13VQXmG1B2o5hrrZb8C7ObK3uWYIA65MAWF5OVMjfsLY4JHWtqP6PxaQLm8Hz0cPOxR4U1MsDzokOzlZ9qmvtdhSYbIug2zUVCcTFu3taNB7p5ULBwZrA9Cu1T9MgaAPYomWf2q1OK75IR2u0nAp7a0f1msplUm5CcqOV497T605TvmN7qNt/P5rV6VqPcf8Xu5F4oqcY1u5wiP93FTNLhae5igQ4aV6cwzn4teXzoCfatUd/ItaNpqSzoXwMunUhNdSU8V0bU6tP+2maLMqTU+QBlQ62D/6mrh2Yv9O4lYfFcPRp3yL0bCI5ceE5S3bCmmIcIn2ouk7E4CQYCHAAA=); }
 .gate .c-frame { -webkit-mask-image: url(frame-mask.webp); mask-image: url(frame-mask.webp); }
 .gate .c-cloth { background-image: url(curtain.webp); }
 .gate .c-flame:nth-of-type(1) { left: 22.64%; top: 88.22%; }
 .gate .c-flame:nth-of-type(2) { left: 78.11%; top: 88.4%; }

/* Tablets upright, and the laptop column: the 3:4 curtain. */
@media (min-aspect-ratio: 5/8) {
  html:root .gate { --pic-r: 0.75; --hint-y: 49.0%; --shape: "tab"; }
  html:root .gate .c-still { background-image: url(still-tab.webp), url(data:image/webp;base64,UklGRo4AAABXRUJQVlA4IIIAAAAQBQCdASoYACAAPulgqE2pJaQiN/VYASAdCWUAvzgLmzTMP7TgHDxIT7q8AvpveZAAAPnWx/a4I8gYIHFUhkPcEm4Mfk7HgPEVPovnn1Xa4vxIFlIxEV5FZt3f8yMzYpc1ODGga+sI+w7e1qtKCQtltuAMfWIGFfnUKNQoH14sMQAA); }
  html:root .gate .c-garden, html:root .gate .c-frame { background-image: url(../hero/scene-tab.webp), url(data:image/webp;base64,UklGRuYAAABXRUJQVlA4INoAAACQBQCdASoYACAAPu1osFAppaSiqAqpMB2JYgC1GzMB+0gmcG1xOkKe/yptIUc6ziqHDn01gAD52EfhquZ9AfFwAyClSdYYASKRvzBiNLOSqu5zrGpLKy0jDyO+PfZHPPeKANgNPBVi5ZbeGMpP//vq8HXN6EJ2TmmmcLnitDquMq1hoOYMFPIOhgZxVstuOGguA/5BfB/EfkpSC5WwNQBA4382HY4mS7/WCBYKX8yUNp0cI0psI6T7UvzKMYvVlmbtbjwS1gNv7KY20qLhVOcZHVBhzdmQY9pkAA==); }
  html:root .gate .c-frame { -webkit-mask-image: url(frame-mask-tab.webp); mask-image: url(frame-mask-tab.webp); }
  html:root .gate .c-cloth { background-image: url(curtain-tab.webp); }
  html:root .gate .c-flame:nth-of-type(1) { left: 31.03%; top: 89.78%; }
  html:root .gate .c-flame:nth-of-type(2) { left: 69.43%; top: 89.92%; }
}

/* Tablets sideways: the 4:3 curtain. */
@media (min-aspect-ratio: 6/5) {
  html.is-tablet .gate { --pic-r: 1.33333; --hint-y: 50.5%; --shape: "land"; }
  html.is-tablet .gate .c-still { background-image: url(still-land.webp), url(data:image/webp;base64,UklGRngAAABXRUJQVlA4IGwAAAAwBACdASoYABIAPu1kq0+ppSOiMBgIATAdiWUAtOgODVp0wdCzbMw/McAA8Y/6Q9x2YZjY4wMW5oqrmnJC2JP3qrlArOuIG6cBdC88Q0LdlQgSLC6NE3+4f5pvMtIcKDGGJR48SsGJ8kSqAAA=); }
  html.is-tablet .gate .c-garden, html.is-tablet .gate .c-frame { background-image: url(../hero/scene-land.webp), url(data:image/webp;base64,UklGRrgAAABXRUJQVlA4IKwAAADwBACdASoYABIAPu1sq1EppaOiqAqpMB2JQBbZAezFRE916RQrW0QTMEYe7i3Me+AA8de9lG61GPACRfxvI3cvmMHEcaKK/X0PsmyYT0S6s6jl6Er6BdsHeaXvLJkW346aKRyL9bKIlq5udPc0OEE+HE/Frnem77+13grzIo3ZMZE3fhGmcILCFo6pxUX6HnkbStx4WKmjMhlXSHfeT2nnbQ9BjDJ6a6RaAAAA); }
  html.is-tablet .gate .c-frame { -webkit-mask-image: url(frame-mask-land.webp); mask-image: url(frame-mask-land.webp); }
  html.is-tablet .gate .c-cloth { background-image: url(curtain-land.webp); }
  html.is-tablet .gate .c-flame:nth-of-type(1) { left: 24.52%; top: 92.45%; }
  html.is-tablet .gate .c-flame:nth-of-type(2) { left: 77.07%; top: 92.54%; }
}