.tv-sky{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  background:radial-gradient(1.5px 1.5px at 12% 22%,rgba(248,245,237,.6),transparent),radial-gradient(1px 1px at 32% 12%,rgba(248,245,237,.5),transparent),radial-gradient(1.5px 1.5px at 58% 30%,rgba(248,245,237,.45),transparent),radial-gradient(1px 1px at 72% 8%,rgba(248,245,237,.55),transparent),radial-gradient(1px 1px at 88% 26%,rgba(248,245,237,.4),transparent)}
.tv-sky__layer{position:absolute;inset:-40px;transition:transform .9s var(--ease-out);will-change:transform}
.tv-sky__stars,.tv-sky__dense{position:absolute;left:0;top:0;width:1px;height:1px;border-radius:50%}
.tv-sky__stars--a{animation:tv-twinkle 4s ease-in-out infinite alternate,tv-drift 90s linear infinite}
.tv-sky__stars--b{width:2px;height:2px;animation:tv-twinkle 6s ease-in-out infinite alternate-reverse,tv-drift 140s linear infinite}
.tv-sky__stars--c{width:3px;height:3px;filter:drop-shadow(0 0 3px var(--off));animation:tv-twinkle 3s ease-in-out infinite alternate}
.tv-sky__glow{position:absolute;border-radius:50%;filter:blur(70px);animation:tv-float 28s ease-in-out infinite alternate}
.tv-sky__glow--1{width:620px;height:620px;left:-180px;top:-140px;background:var(--deep-2);opacity:.55}
.tv-sky__glow--2{width:460px;height:460px;left:8%;top:58%;background:var(--sky);opacity:.12;animation-duration:34s;animation-delay:-8s}
.tv-sky__glow--3{width:700px;height:700px;right:-220px;top:55%;background:var(--deep);opacity:.7;animation-duration:40s;animation-delay:-14s}
.tv-sky__glow--4{width:420px;height:420px;left:8%;bottom:-160px;background:var(--earth);opacity:.1;animation-duration:31s;animation-delay:-4s}
.tv-sky__shoot{position:absolute;top:9%;left:-15%;width:140px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--off));opacity:0;animation:tv-shoot 11s linear infinite 2s}
.tv-sky__shoot--2{top:44%;animation-duration:17s;animation-delay:9s}
.tv-sky__reveal{position:absolute;inset:0;opacity:var(--tv-on,0);transition:opacity .5s;
  -webkit-mask-image:radial-gradient(circle 220px at var(--tv-mx,-999px) var(--tv-my,-999px),#000 0,rgba(0,0,0,.5) 45%,transparent 75%);
          mask-image:radial-gradient(circle 220px at var(--tv-mx,-999px) var(--tv-my,-999px),#000 0,rgba(0,0,0,.5) 45%,transparent 75%)}
.tv-sky__dense{width:2px;height:2px;filter:drop-shadow(0 0 2px var(--off));animation:tv-twinkle 2.2s ease-in-out infinite alternate}
.tv-sky__torch{position:absolute;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;
  background:radial-gradient(circle,rgba(143,198,220,.3) 0,rgba(143,198,220,.12) 30%,rgba(22,62,92,.1) 50%,transparent 66%);
  transform:translate(var(--tv-mx,-999px),var(--tv-my,-999px));opacity:var(--tv-on,0);transition:opacity .5s;mix-blend-mode:screen}
.tv-spark{position:fixed;z-index:30;width:10px;height:10px;margin:-5px 0 0 -5px;pointer-events:none;background:var(--off);
  clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 4px var(--sky));animation:tv-spark 1.2s var(--ease-out) forwards}
.tv-spark--sun{background:var(--sun);filter:drop-shadow(0 0 4px var(--sun))}
[data-tv-sky-interactive]{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'28'%20height%3D'28'%20viewBox%3D'0%200%2028%2028'%3E%3Cpath%20d%3D'M14%202%20L16.6%2011.4%20L26%2014%20L16.6%2016.6%20L14%2026%20L11.4%2016.6%20L2%2014%20L11.4%2011.4%20Z'%20fill%3D'%23F8F5ED'%20stroke%3D'%23111E29'%20stroke-width%3D'2'%20stroke-linejoin%3D'round'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'2'%20fill%3D'%23D8A73A'%2F%3E%3C%2Fsvg%3E") 14 14,auto}
[data-tv-sky-interactive] a,[data-tv-sky-interactive] button{cursor:pointer}
@keyframes tv-twinkle{0%{opacity:.25}100%{opacity:1}}
@keyframes tv-drift{from{transform:translateY(0)}to{transform:translateY(-200px)}}
@keyframes tv-float{0%{transform:translate(0,0) scale(1)}50%{transform:translate(70px,40px) scale(1.12)}100%{transform:translate(-50px,80px) scale(.94)}}
@keyframes tv-shoot{0%,90%{opacity:0;transform:translate(0,0) rotate(-16deg)}91%{opacity:1}100%{opacity:0;transform:translate(900px,-260px) rotate(-16deg)}}
@keyframes tv-spark{0%{opacity:1;transform:translate(0,0) scale(1) rotate(0)}100%{opacity:0;transform:translate(var(--tv-dx),var(--tv-dy)) scale(.2) rotate(140deg)}}
@media (prefers-reduced-motion:reduce),(hover:none){
  .tv-sky__reveal,.tv-sky__torch,.tv-sky__shoot{display:none}
  .tv-sky__layer{transform:none!important}
  .tv-sky__stars,.tv-sky__glow{animation:none}
  [data-tv-sky-interactive]{cursor:auto}
}