:is(.hp.lf,.fh) .lf-n1{--out:cubic-bezier(.16, 1, .3, 1);aspect-ratio:16/9;width:100%;max-width:480px;margin:16px auto 0;position:relative;container-type:inline-size}:is(.hp.lf,.fh) .lf-n1-mark{z-index:2;aspect-ratio:40/45;width:25%;position:absolute;top:50%;left:50%;translate:-50% -50%}:is(.hp.lf,.fh) .lf-n1-mark .part{position:absolute;inset:0;overflow:hidden;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}:is(.hp.lf,.fh) .lf-n1-mark .flow{background:linear-gradient(118deg,#49bc9b 0% 22%,#5fa3de 44%,#356ca6 58%,#5fa3de 72%,#49bc9b 90% 100%);position:absolute;inset:-65%}:is(.hp.lf,.fh) .lf-n1-mark svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}:is(.hp.lf,.fh) .lf-n1-mark :is(.ol,.cm){fill:none;opacity:0}:is(.hp.lf,.fh) .lf-n1-pf{--size:clamp(34px, 9cqw, 54px);z-index:1;width:var(--size);aspect-ratio:1;margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);opacity:0;position:absolute;top:50%;left:50%}:is(.hp.lf,.fh) .lf-n1-pf span{background:radial-gradient(120% 90% at 50% 18%,#1a4468,#12304f 55%,#0b1f3a);border-radius:50%;place-items:center;width:100%;height:100%;display:grid;box-shadow:inset 0 1.5px #ffffff2e,0 0 0 1px #8fe3c961,0 10px 22px #00000073}:is(.hp.lf,.fh) .lf-n1-pf img{object-fit:contain;width:58%;height:58%}:is(.hp.lf,.fh) .lf-n1-pf.run img{filter:brightness(1.35)saturate(1.15)}:is(.hp.lf,.fh) .lf-n1-pf.tool span{box-shadow:inset 0 1.5px #ffffff24,0 0 0 1px #a9bccf4d,0 10px 22px #00000073}:is(.hp.lf,.fh) .lf-n1.settled .lf-n1-pf{display:none}@media (prefers-reduced-motion:no-preference){:is(.hp.lf,.fh) .lf-n1-mark .ol{stroke:#8fe3c9;stroke-width:.5px;stroke-dasharray:102;stroke-dashoffset:102px}:is(.hp.lf,.fh) .lf-n1-mark .cm{stroke-linecap:round}:is(.hp.lf,.fh) .lf-n1-mark .cm.h{stroke:#fff;stroke-width:1.05px;stroke-dasharray:6 94;--len:6;--o:1}:is(.hp.lf,.fh) .lf-n1-mark .cm.m{stroke:#d6f7ec;stroke-width:1.15px;stroke-dasharray:12 88;--len:12;--o:.55}:is(.hp.lf,.fh) .lf-n1-mark .cm.t{stroke:#8fe3c9;stroke-width:1.25px;stroke-dasharray:22 78;--len:22;--o:.25}:is(.hp.lf,.fh).lf-live .lf-n1:not(.settled) .lf-n1-mark .part{opacity:0}:is(.hp.lf,.fh) .lf-n1.go .lf-n1-mark .ol{opacity:.8;animation:1.6s linear both lf-n1-draw,.6s ease-out forwards lf-n1-out;animation-delay:var(--b), calc(var(--b) + 2.2s)}:is(.hp.lf,.fh) .lf-n1.go .lf-n1-mark .cm{animation:1.6s linear both lf-n1-comet;animation-delay:calc(var(--b) - (22 - var(--len)) / 100 * 1.6s)}:is(.hp.lf,.fh).lf-live .lf-n1.go .lf-n1-mark .part{opacity:1;animation:lf-n1-fill .8s var(--ease) both;animation-delay:calc(var(--b) + 1s)}:is(.hp.lf,.fh) .lf-n1.go:not(.settled) .lf-n1-mark{animation:lf-n1-glow 3.2s ease-in-out var(--glow) both}:is(.hp.lf,.fh) .lf-n1-mark .flow{animation:12s ease-in-out infinite alternate lf-n1-drift}:is(.hp.lf,.fh) .lf-still .lf-n1-mark .flow{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){:is(.hp.lf,.fh) .lf-n1 .lf-n1-pf{display:none}}@keyframes lf-n1-draw{0%{opacity:0}1%{opacity:.8}to{stroke-dashoffset:0;opacity:.8}}@keyframes lf-n1-out{to{opacity:0}}@keyframes lf-n1-fill{0%{opacity:0;transform:scale(.96)}}@keyframes lf-n1-comet{0%{stroke-dashoffset:0;opacity:0}8%{opacity:var(--o)}88%{opacity:var(--o)}to{stroke-dashoffset:-100px;opacity:0}}@keyframes lf-n1-glow{0%,to{filter:brightness()saturate()drop-shadow(0 0 #5fc8de00)}30%,44%{filter:brightness(1.3)saturate(1.15)drop-shadow(0 0 14px #5fc8de73)}}@keyframes lf-n1-drift{0%{transform:translate(-14%,-9%)rotate(-4deg)scale(1.05)}to{transform:translate(14%,9%)rotate(6deg)scale(1.12)}}:is(.hp.lf,.fh) .lf-n1.bursting .lf-n1-pf{z-index:6}:is(.hp.lf,.fh) .lf-n1.settled.bursting .lf-n1-pf{display:block}
