@layer tokiline.preset{.toki-timeline[data-preset=hotaru]{--toki-accent:oklch(78% .17 92);--toki-line-color:color-mix(in oklab, var(--toki-accent) 55%, Canvas);--toki-marker-bg:var(--toki-accent);--toki-marker-ring-color:color-mix(in oklab, var(--toki-accent) 30%, Canvas);--toki-current-ring-color:color-mix(in oklab, var(--toki-accent) 65%, transparent);--toki-card-bg:color-mix(in oklab, var(--toki-accent) 8%, Canvas);--toki-card-border:1px solid color-mix(in oklab, var(--toki-accent) 25%, transparent);--toki-card-shadow:0 0 1.25rem color-mix(in oklab, var(--toki-accent) 18%, transparent);--toki-meta-fg:color-mix(in oklab, var(--toki-accent) 45%, currentColor)}.toki-timeline[data-preset=hotaru]:not([data-flow])>.toki-item:after{content:"";inline-size:calc(var(--toki-line-width,2px) * 2);background-image:linear-gradient(to bottom, transparent, color-mix(in oklab, var(--toki-accent) 85%, transparent) 50%, transparent);block-size:20%;box-shadow:0 0 .5rem color-mix(in oklab, var(--toki-accent) 30%, transparent);pointer-events:none;border-radius:999px;position:absolute;inset-block-start:0;inset-inline-start:calc(var(--_toki-line-center) - var(--toki-line-width,2px))}@container toki (inline-size>=48rem){.toki-timeline[data-preset=hotaru][data-orientation=horizontal]:is(:not([data-collapse]),[data-collapse=md]):not([data-flow])>.toki-item:after{block-size:calc(var(--toki-line-width,2px) * 2);background-image:linear-gradient(to right, transparent 40%, color-mix(in oklab, var(--toki-accent) 85%, transparent) 50%, transparent 60%);--_hotaru-flow-name:toki-hotaru-flow-inline;grid-area:2/1;place-self:center start;inline-size:20%;position:static}}@container toki (inline-size>=32rem){.toki-timeline[data-preset=hotaru][data-orientation=horizontal][data-collapse=sm]:not([data-flow])>.toki-item:after{block-size:calc(var(--toki-line-width,2px) * 2);background-image:linear-gradient(to right, transparent 40%, color-mix(in oklab, var(--toki-accent) 85%, transparent) 50%, transparent 60%);--_hotaru-flow-name:toki-hotaru-flow-inline;grid-area:2/1;place-self:center start;inline-size:20%;position:static}}@container toki (inline-size>=64rem){.toki-timeline[data-preset=hotaru][data-orientation=horizontal][data-collapse=lg]:not([data-flow])>.toki-item:after{block-size:calc(var(--toki-line-width,2px) * 2);background-image:linear-gradient(to right, transparent 40%, color-mix(in oklab, var(--toki-accent) 85%, transparent) 50%, transparent 60%);--_hotaru-flow-name:toki-hotaru-flow-inline;grid-area:2/1;place-self:center start;inline-size:20%;position:static}}.toki-timeline[data-preset=hotaru][data-orientation=horizontal][data-collapse=never]:not([data-flow])>.toki-item:after{block-size:calc(var(--toki-line-width,2px) * 2);background-image:linear-gradient(to right, transparent 40%, color-mix(in oklab, var(--toki-accent) 85%, transparent) 50%, transparent 60%);--_hotaru-flow-name:toki-hotaru-flow-inline;grid-area:2/1;place-self:center start;inline-size:20%;position:static}.toki-timeline[data-preset=hotaru][data-orientation=horizontal]>.toki-item:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--_hotaru-inline-sign:-1}.toki-timeline[data-preset=hotaru]:not([data-flow])>.toki-item[data-status=current]>.toki-marker:before{content:"";background:radial-gradient(circle, color-mix(in oklab, var(--toki-accent) 70%, transparent) 0%, transparent 70%);filter:blur(.35rem);opacity:.55;pointer-events:none;border-radius:50%;position:absolute;inset:-70%;scale:.9}.toki-timeline[data-preset=hotaru]>.toki-item[data-status=current]>.toki-marker:after{content:"";border:max(1px, var(--toki-line-width,2px)) solid color-mix(in oklab, var(--toki-accent) 60%, transparent);opacity:.3;pointer-events:none;border-radius:50%;position:absolute;inset:0;scale:1.15}@keyframes toki-hotaru-flow-block{0%{transform:translateY(0)}to{transform:translateY(400%)}}@keyframes toki-hotaru-flow-inline{0%{transform:translate(0)}to{transform:translateX(calc(400% * var(--_hotaru-inline-sign,1)))}}@keyframes toki-hotaru-breathe{0%{opacity:.4;scale:.85}50%{opacity:.85;scale:1.12}to{opacity:.4;scale:.85}}@keyframes toki-hotaru-ripple{0%{opacity:.55;scale:.6}60%{opacity:0;scale:2.1}to{opacity:0;scale:2.1}}@media (prefers-reduced-motion:no-preference){.toki-timeline[data-preset=hotaru]:not([data-flow])>.toki-item:after{animation:var(--_hotaru-flow-name,toki-hotaru-flow-block) 6s linear infinite;animation-delay:var(--_hotaru-delay,0s)}.toki-timeline[data-preset=hotaru]:not([data-flow])>.toki-item:nth-child(5n+2):after{--_hotaru-delay:-1.2s}.toki-timeline[data-preset=hotaru]:not([data-flow])>.toki-item:nth-child(5n+3):after{--_hotaru-delay:-2.4s}.toki-timeline[data-preset=hotaru]:not([data-flow])>.toki-item:nth-child(5n+4):after{--_hotaru-delay:-3.6s}.toki-timeline[data-preset=hotaru]:not([data-flow])>.toki-item:nth-child(5n+5):after{--_hotaru-delay:-4.8s}.toki-timeline[data-preset=hotaru]:not([data-flow])>.toki-item[data-status=current]>.toki-marker:before{animation:4.8s ease-in-out infinite toki-hotaru-breathe}.toki-timeline[data-preset=hotaru]>.toki-item[data-status=current]>.toki-marker:after{animation:6.5s ease-out infinite toki-hotaru-ripple}}}