@layer tokiline.preset{.toki-timeline[data-preset=kawa]{--toki-accent:oklch(58% .1 205);--toki-line-color:color-mix(in oklab, var(--toki-accent) 35%, transparent);--toki-card-bg:color-mix(in oklab, var(--toki-accent) 7%, Canvas);--toki-card-border:1px solid color-mix(in oklab, var(--toki-accent) 30%, Canvas);--toki-meta-fg:color-mix(in oklab, var(--toki-accent) 55%, currentColor);--_kawa-dash-color:color-mix(in oklab, var(--toki-accent) 70%, transparent);--_kawa-dash-length:6px;--_kawa-dash-period:12px;--_kawa-flow-sign:1;--_kawa-inline-origin:0}.toki-timeline[data-preset=kawa]: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)){--_kawa-flow-sign:-1;--_kawa-inline-origin:100%}.toki-timeline[data-preset=kawa]>.toki-item{--_kawa-expanded:initial;--_kawa-grow-name:var(--_kawa-expanded) toki-kawa-grow-inline;--_kawa-grow-origin:var(--_kawa-expanded) var(--_kawa-inline-origin) 50%;--_kawa-view-axis:var(--_kawa-expanded) inline;--_kawa-dash-name:var(--_kawa-expanded) toki-kawa-dash-inline;--_kawa-dash-direction:var(--_kawa-expanded) to right;--_kawa-dash-position:var(--_kawa-expanded) static;--_kawa-dash-grid-area:var(--_kawa-expanded) 2 / 1;--_kawa-dash-align-self:var(--_kawa-expanded) center;--_kawa-dash-justify-self:var(--_kawa-expanded) stretch;--_kawa-dash-block-size:var(--_kawa-expanded) var(--toki-line-width,2px);--_kawa-dash-inline-size:var(--_kawa-expanded) auto;--_kawa-dash-inset-block:var(--_kawa-expanded) auto;--_kawa-dash-inset-inline-start:var(--_kawa-expanded) auto;--_kawa-dash-margin-inline-start:var(--_kawa-expanded) calc(-1 * var(--_kawa-dash-period));--_kawa-dash-margin-inline-end:var(--_kawa-expanded) calc(-1 * (var(--toki-gap,2rem) + var(--_kawa-dash-period)))}.toki-timeline[data-preset=kawa]>.toki-item[data-status=done]{--toki-line-color:var(--toki-accent);--toki-line-width:3px;--toki-line-style:solid}.toki-timeline[data-preset=kawa]:not([data-flow])>.toki-item[data-status=done]{view-timeline-name:--kawa-done;view-timeline-axis:var(--_kawa-view-axis,block)}.toki-timeline[data-preset=kawa]:not([data-flow])>.toki-item[data-status=done]:before{transform-origin:var(--_kawa-grow-origin,50% 0)}.toki-timeline[data-preset=kawa]>.toki-item>.toki-marker{z-index:1}.toki-timeline[data-preset=kawa]:not([data-flow])>.toki-item[data-status=upcoming]{--toki-line-color:transparent}.toki-timeline[data-preset=kawa]:not([data-flow])>.toki-item[data-status=upcoming]:after{content:"";position:var(--_kawa-dash-position,absolute);grid-area:var(--_kawa-dash-grid-area,auto);align-self:var(--_kawa-dash-align-self,auto);justify-self:var(--_kawa-dash-justify-self,auto);inset-block:var(--_kawa-dash-inset-block,calc(-1 * var(--_kawa-dash-period)));block-size:var(--_kawa-dash-block-size,auto);inline-size:var(--_kawa-dash-inline-size,var(--toki-line-width,2px));color:var(--_kawa-dash-color);background-image:repeating-linear-gradient(var(--_kawa-dash-direction,to bottom), currentColor 0 var(--_kawa-dash-length), transparent var(--_kawa-dash-length) var(--_kawa-dash-period));pointer-events:none;margin-inline-start:var(--_kawa-dash-margin-inline-start,0);margin-inline-end:var(--_kawa-dash-margin-inline-end,0);inset-inline-start:var(--_kawa-dash-inset-inline-start,calc(var(--_toki-line-center) - var(--toki-line-width,2px) / 2))}@media (prefers-reduced-motion:no-preference){.toki-timeline[data-preset=kawa]:not([data-flow])>.toki-item[data-status=upcoming]:after{animation:var(--_kawa-dash-name,toki-kawa-dash-block) 2.4s linear infinite}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.toki-timeline[data-preset=kawa]:not([data-flow])>.toki-item[data-status=done]:before{animation-name:var(--_kawa-grow-name,toki-kawa-grow-block);animation-duration:1s;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--kawa-done;animation-range:cover}}}@keyframes toki-kawa-dash-block{0%{translate:0 calc(-1 * var(--_kawa-dash-period))}to{translate:0}}@keyframes toki-kawa-dash-inline{0%{translate:calc(-1 * var(--_kawa-dash-period) * var(--_kawa-flow-sign)) 0}to{translate:0}}@keyframes toki-kawa-grow-block{0%{scale:1 0}to{scale:1}}@keyframes toki-kawa-grow-inline{0%{scale:0 1}to{scale:1}}@container toki (inline-size>=48rem){.toki-timeline[data-orientation=horizontal]:is(:not([data-collapse]),[data-collapse=md])[data-preset=kawa]>.toki-item{--_kawa-expanded: }}@container toki (inline-size>=32rem){.toki-timeline[data-orientation=horizontal][data-collapse=sm][data-preset=kawa]>.toki-item{--_kawa-expanded: }}@container toki (inline-size>=64rem){.toki-timeline[data-orientation=horizontal][data-collapse=lg][data-preset=kawa]>.toki-item{--_kawa-expanded: }}.toki-timeline[data-orientation=horizontal][data-collapse=never][data-preset=kawa]>.toki-item{--_kawa-expanded: }.toki-timeline[data-orientation=horizontal][data-preset=kawa]:not([data-flow])>.toki-item[data-status=upcoming]:last-child:after{margin-inline-end:0}.toki-timeline[data-preset=kawa]:not([data-flow])>.toki-item[data-status=upcoming]:last-child:after{inset-block-end:0}}