.ht{position:relative;width:min(94vw,860px);aspect-ratio:var(--ht-ar);margin-inline:auto;--px:0;--py:0;user-select:none;-webkit-user-select:none}.ht svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.ht__c1{stop-color:var(--ht-1)}.ht__c2{stop-color:var(--ht-2)}.ht__c3{stop-color:var(--ht-3)}.ht__c4{stop-color:var(--ht-4)}.ht__c5{stop-color:var(--ht-5,var(--ht-4))}.ht__l0{stop-color:var(--ht-line);stop-opacity:0}.ht__l1{stop-color:var(--ht-line);stop-opacity:1}.ht__glow{filter:blur(calc(var(--ht-blur) * 1px));opacity:0;transition:opacity 1.6s ease 2.2s}.ht__glow path{fill:var(--ht-glow)}.ht.is-on .ht__glow{opacity:var(--ht-glow-a)}.ht__s{fill:url(#htFill);fill-opacity:0;stroke:var(--ht-edge,url(#htFill));stroke-width:7;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1;stroke-opacity:1}.ht.is-on .ht__s{fill-opacity:1;stroke-dashoffset:0;stroke-opacity:var(--ht-edge-a,0);transition:stroke-dashoffset 1.1s cubic-bezier(.55,.1,.3,1) calc(var(--i) * var(--step)),fill-opacity .7s ease calc(var(--i) * var(--step) + .5s),stroke-opacity .6s ease calc(var(--i) * var(--step) + .85s)}.ht__sheen{opacity:0;transform:translate(0)}.ht__swash{fill:url(#htFill)}:root[data-theme=light] .ht__s{fill:var(--gl);stroke:var(--gl)}:root[data-theme=light] .ht__glow path{fill:var(--gc)}:root[data-theme=light] .ht__swash{fill:url(#htLSwash)}.ht__spine{fill:none;stroke:#fff;stroke-width:80;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1}.ht.is-on .ht__spine{stroke-dashoffset:0;transition:stroke-dashoffset 1.3s cubic-bezier(.6,.05,.25,1) calc(var(--total) * var(--step) + .2s)}.ht__orbit{fill:none;stroke:url(#htLine);stroke-width:3.2;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1;opacity:var(--ht-orbit-a)}.ht.is-on .ht__orbit--back{stroke-dashoffset:0;transition:stroke-dashoffset 2s cubic-bezier(.5,0,.2,1) .1s}.ht.is-on .ht__orbit--front{stroke-dashoffset:0;transition:stroke-dashoffset 1.6s cubic-bezier(.5,0,.2,1) calc(var(--total) * var(--step) + .6s)}.ht__star{pointer-events:none}.ht__starin{transform-box:fill-box;transform-origin:center;transform:scale(0) rotate(-120deg);opacity:0}.ht.is-on .ht__starin{transform:scale(1) rotate(0);opacity:1;transition:transform 1s cubic-bezier(.2,1.6,.35,1) var(--sd),opacity .3s ease var(--sd)}.ht__core{fill:var(--ht-star)}.ht__ray{fill:var(--ht-star);opacity:.55}.ht__halo{fill:url(#htHalo);opacity:0}.ht__h0{stop-color:var(--ht-star-glow);stop-opacity:.9}.ht__h1{stop-color:var(--ht-star-glow);stop-opacity:.25}.ht__h2{stop-color:var(--ht-star-glow);stop-opacity:0}.ht__dot{fill:#fff}.ht__dust circle{fill:var(--ht-star);opacity:0}.ht__par{transition:transform .7s cubic-bezier(.2,.8,.2,1)}.ht__par--far{transform:translate(calc(var(--px) * -150px),calc(var(--py) * -70px))}.ht__par--mid{transform:translate(calc(var(--px) * 55px),calc(var(--py) * 28px))}.ht__par--near{transform:translate(calc(var(--px) * 200px),calc(var(--py) * 95px))}@media(prefers-reduced-motion:no-preference){.ht.is-on .ht__glow{animation:htGlow 6s ease-in-out 3.8s infinite}.ht.is-on .ht__sheen{animation:htSheen 7s cubic-bezier(.45,.05,.3,1) 3.4s infinite}.ht.is-flare .ht__sheen{animation:htSheenOnce 1.2s cubic-bezier(.45,.05,.3,1)}.ht.is-on .ht__core{animation:htTwinkle 3.6s ease-in-out calc(3.2s + var(--k) * .9s) infinite;transform-box:fill-box;transform-origin:center}.ht.is-on .ht__ray{animation:htRay 3.6s ease-in-out calc(3.2s + var(--k) * .9s) infinite;transform-box:fill-box;transform-origin:center}.ht.is-on .ht__halo{animation:htHalo 3.6s ease-in-out calc(3.2s + var(--k) * .9s) infinite}.ht.is-on .ht__dust circle{animation:htDust var(--t) ease-in-out calc(2.6s + var(--d)) infinite}.ht.is-flare .ht__starin{transform:scale(1.28) rotate(90deg);transition:transform .9s cubic-bezier(.2,1.4,.35,1)}}@media(prefers-reduced-motion:reduce){.ht .ht__s{fill-opacity:1;stroke-opacity:var(--ht-edge-a,0);stroke-dashoffset:0;transition:none}.ht .ht__spine,.ht .ht__orbit{stroke-dashoffset:0;transition:none}.ht .ht__starin{transform:none;opacity:1;transition:none}.ht .ht__glow{opacity:var(--ht-glow-a);transition:none}.ht .ht__dust circle{opacity:.5}}@keyframes htGlow{0%,to{opacity:var(--ht-glow-a)}50%{opacity:calc(var(--ht-glow-a) * 1.45)}}@keyframes htSheen{0%{opacity:1;transform:translate(0)}38%{opacity:1;transform:translate(calc(var(--ht-w) * 1.55px))}38.01%,to{opacity:0;transform:translate(calc(var(--ht-w) * 1.55px))}}@keyframes htSheenOnce{0%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(calc(var(--ht-w) * 1.55px))}}@keyframes htTwinkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.14) rotate(12deg)}}@keyframes htRay{0%,to{transform:rotate(45deg) scale(.8);opacity:.35}50%{transform:rotate(90deg) scale(1.15);opacity:.8}}@keyframes htHalo{0%,to{opacity:.35}50%{opacity:.8}}@keyframes htDust{0%,to{opacity:0;transform:scale(.4)}50%{opacity:.85;transform:scale(1)}}.ht__dust circle{transform-box:fill-box;transform-origin:center}
