.light-line{--ll-light:#467dffd9;--ll-glow:#5a91ff8c;height:3px;position:relative;overflow-x:clip}@media (prefers-color-scheme:dark){:root:not([data-theme=day]) .light-line{--ll-light:#8cb9fff2;--ll-glow:#7fb2ff99}}:root[data-theme=night] .light-line{--ll-light:#8cb9fff2;--ll-glow:#7fb2ff99}.ll-track{background:var(--line);height:1px;position:absolute;bottom:1px;left:0;right:0}.ll-trail{transform-origin:0;height:3px;transform:scaleX(var(--p));background:linear-gradient(90deg, color-mix(in srgb, var(--ll-light) 22%, transparent), var(--ll-light));box-shadow:0 2px 10px -1px var(--ll-glow);animation:ll-fill 1.4s var(--ease-out) .2s both;position:absolute;bottom:0;left:0;right:0}.light-line.full .ll-trail{background:linear-gradient(90deg, color-mix(in srgb, var(--ll-light) 55%, transparent), var(--ll-light))}.ll-move{width:100%;height:0;transform:translateX(calc(var(--p) * 100%));animation:ll-move 1.4s var(--ease-out) .2s both;position:absolute;bottom:1.5px;left:0}.ll-head{width:7px;height:7px;box-shadow:0 0 3px 1px #ffffffe6, 0 0 8px 3px var(--ll-glow), 0 0 24px 8px color-mix(in srgb, var(--ll-glow) 55%, transparent);background:#fff;border-radius:50%;position:absolute;top:0;left:0;translate:-50% -50%}.light-line.full .ll-head{left:-4px}@keyframes ll-fill{0%{transform:scaleX(0)}}@keyframes ll-move{0%{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.ll-trail,.ll-move{animation:none}}