.dnb{--cycle:24s}.dnb-sky{position:absolute;inset:0}.dnb-sky-night{animation:dnb-night-opacity var(--cycle) linear infinite;background:linear-gradient(#05070f 0%,#0b1026 55%,#141b33 100%)}.dnb-sky-day{animation:dnb-day-opacity var(--cycle) linear infinite;background:linear-gradient(#4fa8e0 0%,#8ec9ec 55%,#cfeaf7 100%)}.dnb-sky-horizon{animation:dnb-horizon-opacity var(--cycle) linear infinite;background:linear-gradient(#ff8a5c 0%,#ff6f91 35%,#6b4a8a 70%,#2a2352 100%)}.dnb-stars{animation:dnb-night-opacity var(--cycle) linear infinite;background-image:radial-gradient(1.5px 1.5px at 10% 20%,#fff,#0000),radial-gradient(1.5px 1.5px at 25% 55%,#fff,#0000),radial-gradient(1px 1px at 40% 15%,#fff,#0000),radial-gradient(1px 1px at 55% 40%,#fff,#0000),radial-gradient(1.5px 1.5px at 70% 25%,#fff,#0000),radial-gradient(1px 1px at 85% 10%,#fff,#0000),radial-gradient(1.5px 1.5px at 90% 45%,#fff,#0000),radial-gradient(1px 1px at 15% 65%,#fff,#0000),radial-gradient(1px 1px at 65% 60%,#fff,#0000);position:absolute;inset:0}.dnb-sun{width:56px;height:56px;animation:dnb-sun-move var(--cycle) linear infinite, dnb-sun-opacity var(--cycle) linear infinite, dnb-sun-color var(--cycle) linear infinite;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.dnb-ground{background:linear-gradient(#1c2b1f 0%,#10190f 100%);height:16%;position:absolute;bottom:0;left:0;right:0}.dnb-panel{position:absolute;bottom:16%;left:16%}.dnb-panel-glow{filter:blur(4px);width:220px;height:140px;animation:dnb-panel-power var(--cycle) linear infinite;background:radial-gradient(circle,#fff1a8e6,#fff1a800 70%);border-radius:50%;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.dnb-panel-pole{background:#2b2b33;border-radius:2px;width:8px;height:36px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.dnb-panel-face{transform-origin:bottom;width:150px;height:90px;animation:dnb-panel-brightness var(--cycle) linear infinite;background-image:repeating-linear-gradient(90deg,#ffffff2e 0 2px,#0000 2px 34px),repeating-linear-gradient(0deg,#ffffff2e 0 2px,#0000 2px 34px),linear-gradient(135deg,#22335c,#0d1730);border:1px solid #ffffff26;border-radius:6px;position:absolute;bottom:36px;left:50%;transform:translate(-50%)rotate(-18deg)scaleY(.55)}@keyframes dnb-night-opacity{0%,to{opacity:1}6%{opacity:0}90%{opacity:0}96%{opacity:1}}@keyframes dnb-day-opacity{0%,14%,86%,to{opacity:0}26%,72%{opacity:1}}@keyframes dnb-horizon-opacity{0%,4%,18%,74%,92%,to{opacity:0}10%,84%{opacity:1}}@keyframes dnb-sun-move{0%{top:108%;left:50%}5%{top:82%;left:2%}7%{top:76.7%;left:4.13%}9%{top:71.42%;left:6.27%}11%{top:66.2%;left:8.4%}13%{top:61.05%;left:10.53%}15%{top:56.01%;left:12.67%}17%{top:51.09%;left:14.8%}19%{top:46.32%;left:16.93%}21%{top:41.73%;left:19.07%}23%{top:37.33%;left:21.2%}25%{top:33.15%;left:23.33%}27%{top:29.21%;left:25.47%}29%{top:25.52%;left:27.6%}31%{top:22.11%;left:29.73%}33%{top:18.99%;left:31.87%}35%{top:16.18%;left:34%}37%{top:13.69%;left:36.13%}39%{top:11.53%;left:38.27%}41%{top:9.72%;left:40.4%}43%{top:8.26%;left:42.53%}45%{top:7.15%;left:44.67%}47%{top:6.42%;left:46.8%}49%{top:6.05%;left:48.93%}51%{top:6.05%;left:51.07%}53%{top:6.42%;left:53.2%}55%{top:7.15%;left:55.33%}57%{top:8.26%;left:57.47%}59%{top:9.72%;left:59.6%}61%{top:11.53%;left:61.73%}63%{top:13.69%;left:63.87%}65%{top:16.18%;left:66%}67%{top:18.99%;left:68.13%}69%{top:22.11%;left:70.27%}71%{top:25.52%;left:72.4%}73%{top:29.21%;left:74.53%}75%{top:33.15%;left:76.67%}77%{top:37.33%;left:78.8%}79%{top:41.73%;left:80.93%}81%{top:46.32%;left:83.07%}83%{top:51.09%;left:85.2%}85%{top:56.01%;left:87.33%}87%{top:61.05%;left:89.47%}89%{top:66.2%;left:91.6%}91%{top:71.42%;left:93.73%}93%{top:76.7%;left:95.87%}95%{top:82%;left:98%}to{top:108%;left:50%}}@keyframes dnb-sun-opacity{0%,5%,95%,to{opacity:0}9%,91%{opacity:1}}@keyframes dnb-sun-color{0%,to{background-color:#ff7a3d;box-shadow:0 0 60px 20px #ff7a3d80}12%{background-color:#ff9d52;box-shadow:0 0 70px 25px #ff9d528c}50%{background-color:#fff6d6;box-shadow:0 0 100px 40px #fff6d6bf}88%{background-color:#ff8452;box-shadow:0 0 70px 25px #ff84528c}}@keyframes dnb-panel-power{0%,to{opacity:.08}10%{opacity:.3}50%{opacity:1}88%{opacity:.3}}@keyframes dnb-panel-brightness{0%,to{filter:brightness(.55)}10%{filter:brightness(.8)}50%{filter:brightness(1.3)}88%{filter:brightness(.8)}}