@layer design-system.components{.vds-timeline{--timeline-gap:var(--vds-space-4,1rem);--timeline-item-gap:var(--vds-space-3,.75rem);--timeline-center-gap:var(--vds-space-5,1.25rem);--timeline-horizontal-gap:var(--vds-space-4,1rem);--timeline-horizontal-item-min:10rem;--timeline-opposite-width:7rem;--timeline-content-gap:var(--vds-space-1-5,.375rem);--timeline-content-pb:var(--vds-space-6,1.5rem);--timeline-card-padding:var(--vds-space-4,1rem);--timeline-card-gap:var(--vds-space-2,.5rem);--timeline-title-line-box:1.25rem;--timeline-indicator-size:2rem;--timeline-indicator-icon-size:1rem;--timeline-indicator-border-width:2px;--timeline-indicator-radius:var(--vds-radius-full,9999px);--timeline-indicator-offset:0;--timeline-ring-size:4px;--timeline-connector-width:2px;--timeline-connector-color:var(--vds-color-border-muted,#d1d5db);--timeline-connector-gap:var(--vds-space-1-5,.375rem);--timeline-connector-min-h:var(--vds-space-9,2.25rem);--timeline-card-bg:var(--vds-surface-bg,var(--vds-color-surface,#fff));--timeline-card-border:var(--vds-color-border-muted,#e5e7eb);--timeline-card-shadow:var(--vds-surface-shadow,var(--vds-shadow-xs,0 1px 2px #0000000d));--timeline-card-shadow-hover:var(--vds-shadow-sm,0 1px 3px #0000001a);--timeline-card-radius:var(--vds-radius-card,.75rem);--timeline-title-size:var(--vds-text-sm,.875rem);--timeline-title-weight:var(--vds-font-weight-semibold,600);--timeline-title-color:var(--vds-color-text,currentColor);--timeline-description-size:var(--vds-text-sm,.875rem);--timeline-description-color:var(--vds-color-text-muted,#6b7280);--timeline-meta-size:var(--vds-text-xs,.75rem);--timeline-meta-color:var(--vds-color-text-subtle,#6b7280);--timeline-time-size:var(--vds-text-xs,.75rem);--timeline-time-color:var(--vds-color-text-muted,#6b7280);--timeline-content-size:var(--vds-text-sm,.875rem);--timeline-content-color:var(--vds-color-text,currentColor);--timeline-transition:var(--vds-transition-base,.2s ease-out);--timeline-effect-duration:1.8s;--timeline-effect-size:.75rem}.vds-timeline[data-density=compact]{--timeline-gap:var(--vds-space-2,.5rem);--timeline-item-gap:var(--vds-space-2,.5rem);--timeline-content-pb:var(--vds-space-4,1rem);--timeline-card-padding:var(--vds-space-3,.75rem)}.vds-timeline[data-density=spacious]{--timeline-gap:var(--vds-space-6,1.5rem);--timeline-item-gap:var(--vds-space-4,1rem);--timeline-content-pb:var(--vds-space-8,2rem);--timeline-card-padding:var(--vds-space-5,1.25rem)}.vds-timeline[data-size=sm]{--timeline-indicator-size:1.5rem;--timeline-indicator-icon-size:.8125rem;--timeline-title-line-box:1rem;--timeline-title-size:var(--vds-text-xs,.75rem);--timeline-description-size:var(--vds-text-xs,.75rem);--timeline-content-size:var(--vds-text-xs,.75rem);--timeline-content-pb:var(--vds-space-4,1rem)}.vds-timeline[data-size=lg]{--timeline-indicator-size:2.5rem;--timeline-indicator-icon-size:1.25rem;--timeline-title-line-box:1.375rem;--timeline-title-size:var(--vds-text-base,1rem);--timeline-description-size:var(--vds-text-sm,.875rem);--timeline-content-size:var(--vds-text-base,1rem);--timeline-content-pb:var(--vds-space-8,2rem)}.vds-timeline[data-variant=compact]{--timeline-gap:var(--vds-space-2,.5rem);--timeline-item-gap:var(--vds-space-2-5,.625rem);--timeline-content-gap:var(--vds-space-1,.25rem);--timeline-content-pb:var(--vds-space-4,1rem)}.vds-timeline[data-variant=card]{--timeline-content-gap:var(--vds-space-2,.5rem)}.vds-timeline[data-variant=minimal]{--timeline-connector-color:var(--vds-color-divider,var(--vds-color-border-muted));--timeline-indicator-border-width:1px;--timeline-ring-size:3px}}
@layer design-system.components{.vds-timeline{box-sizing:border-box;gap:var(--timeline-gap);inline-size:100%;min-inline-size:0;max-inline-size:100%;color:var(--timeline-content-color);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.vds-timeline-item{--timeline-tone-bg-subtle:var(--vds-color-bg-subtle,#f9fafb);--timeline-tone-bg:var(--vds-color-bg-muted,#f3f4f6);--timeline-tone-bg-hover:var(--vds-color-surface-hover,#f3f4f6);--timeline-tone-border:var(--vds-color-border-muted,#e5e7eb);--timeline-tone-border-strong:var(--vds-color-border,#d1d5db);--timeline-tone-solid:var(--vds-color-bg-inverse,#111827);--timeline-tone-text:var(--vds-color-text,#111827);--timeline-tone-on:var(--vds-color-text-inverse,#fff);--timeline-tone-ring:color-mix(in oklab, var(--timeline-tone-solid) 18%, transparent);--timeline-item-connector-color:var(--timeline-connector-color);--timeline-indicator-bg:var(--vds-color-surface,#fff);--timeline-indicator-border:var(--timeline-tone-border);--timeline-indicator-color:var(--vds-color-text-subtle,#6b7280);--timeline-indicator-shadow:none;inline-size:100%;min-inline-size:0;max-inline-size:100%;position:relative}.vds-timeline-item[data-tone=primary]{--timeline-tone-bg-subtle:var(--vds-color-primary-bg-subtle);--timeline-tone-bg:var(--vds-color-primary-bg);--timeline-tone-bg-hover:var(--vds-color-primary-bg-hover);--timeline-tone-border:var(--vds-color-border-primary);--timeline-tone-border-strong:var(--vds-color-border-primary-strong);--timeline-tone-solid:var(--vds-color-primary-solid);--timeline-tone-text:var(--vds-color-primary-text);--timeline-tone-on:var(--vds-color-on-primary)}.vds-timeline-item[data-tone=success]{--timeline-tone-bg-subtle:var(--vds-color-success-bg-subtle);--timeline-tone-bg:var(--vds-color-success-bg);--timeline-tone-bg-hover:var(--vds-color-success-bg-hover);--timeline-tone-border:var(--vds-color-border-success);--timeline-tone-border-strong:var(--vds-color-border-success-strong);--timeline-tone-solid:var(--vds-color-success-solid);--timeline-tone-text:var(--vds-color-success-text);--timeline-tone-on:var(--vds-color-on-success)}.vds-timeline-item[data-tone=warning]{--timeline-tone-bg-subtle:var(--vds-color-warning-bg-subtle);--timeline-tone-bg:var(--vds-color-warning-bg);--timeline-tone-bg-hover:var(--vds-color-warning-bg-hover);--timeline-tone-border:var(--vds-color-border-warning);--timeline-tone-border-strong:var(--vds-color-border-warning-strong);--timeline-tone-solid:var(--vds-color-warning-solid);--timeline-tone-text:var(--vds-color-warning-text);--timeline-tone-on:var(--vds-color-on-warning)}.vds-timeline-item[data-tone=danger]{--timeline-tone-bg-subtle:var(--vds-color-danger-bg-subtle);--timeline-tone-bg:var(--vds-color-danger-bg);--timeline-tone-bg-hover:var(--vds-color-danger-bg-hover);--timeline-tone-border:var(--vds-color-border-danger);--timeline-tone-border-strong:var(--vds-color-border-danger-strong);--timeline-tone-solid:var(--vds-color-danger-solid);--timeline-tone-text:var(--vds-color-danger-text);--timeline-tone-on:var(--vds-color-on-danger)}.vds-timeline-item[data-tone=info]{--timeline-tone-bg-subtle:var(--vds-color-info-bg-subtle);--timeline-tone-bg:var(--vds-color-info-bg);--timeline-tone-bg-hover:var(--vds-color-info-bg-hover);--timeline-tone-border:var(--vds-color-border-info);--timeline-tone-border-strong:var(--vds-color-border-info-strong);--timeline-tone-solid:var(--vds-color-info-solid);--timeline-tone-text:var(--vds-color-info-text);--timeline-tone-on:var(--vds-color-on-info)}.vds-timeline-item[data-tone=accent]{--timeline-tone-bg-subtle:var(--vds-color-accent-bg-subtle);--timeline-tone-bg:var(--vds-color-accent-bg);--timeline-tone-bg-hover:var(--vds-color-accent-bg-hover);--timeline-tone-border:var(--vds-color-border-accent);--timeline-tone-border-strong:var(--vds-color-border-accent-strong);--timeline-tone-solid:var(--vds-color-accent-solid);--timeline-tone-text:var(--vds-color-accent-text);--timeline-tone-on:var(--vds-color-on-accent)}.vds-timeline-item[data-status=active],.vds-timeline-item[data-status=warning]{--timeline-indicator-bg:var(--timeline-tone-bg);--timeline-indicator-border:var(--timeline-tone-border-strong);--timeline-indicator-color:var(--timeline-tone-text);--timeline-indicator-shadow:0 0 0 var(--timeline-ring-size) var(--timeline-tone-ring)}.vds-timeline-item[data-status=complete]{--timeline-indicator-bg:var(--timeline-tone-solid);--timeline-indicator-border:var(--timeline-tone-solid);--timeline-indicator-color:var(--timeline-tone-on);--timeline-item-connector-color:var(--timeline-tone-solid)}.vds-timeline-item[data-status=error]{--timeline-indicator-bg:var(--vds-color-danger-solid,#ef4444);--timeline-indicator-border:var(--vds-color-danger-solid,#ef4444);--timeline-indicator-color:var(--vds-color-on-danger,#fff);--timeline-indicator-shadow:0 0 0 var(--timeline-ring-size) color-mix(in oklab, var(--vds-color-danger-solid,#ef4444) 18%, transparent);--timeline-item-connector-color:var(--vds-color-danger-solid,#ef4444)}.vds-timeline[data-line=none] .vds-timeline-connector{display:none}.vds-timeline[data-orientation=vertical] .vds-timeline-item{grid-template-columns:var(--timeline-indicator-size) minmax(0, 1fr);grid-template-rows:auto minmax(var(--timeline-connector-min-h), 1fr);column-gap:var(--timeline-item-gap);display:grid}.vds-timeline[data-orientation=vertical][data-align=center] .vds-timeline-item,.vds-timeline[data-orientation=vertical][data-align=alternate] .vds-timeline-item{grid-template-columns:minmax(0, 1fr) var(--timeline-indicator-size) minmax(0, 1fr);column-gap:var(--timeline-center-gap)}.vds-timeline-indicator{inline-size:var(--timeline-indicator-size);block-size:var(--timeline-indicator-size);border:var(--timeline-indicator-border-width) solid var(--timeline-indicator-border);border-radius:var(--timeline-indicator-radius);background-color:var(--timeline-indicator-bg);color:var(--timeline-indicator-color);box-shadow:var(--timeline-indicator-shadow);font-size:var(--timeline-meta-size);font-weight:var(--vds-font-weight-semibold,600);isolation:isolate;z-index:1;transition:background-color var(--timeline-transition), border-color var(--timeline-transition), color var(--timeline-transition), box-shadow var(--timeline-transition), transform var(--timeline-transition);flex:none;grid-area:1/1;justify-content:center;align-items:center;margin-block-start:var(--timeline-indicator-offset);line-height:1;display:inline-flex;position:relative}.vds-timeline-indicator>svg{inline-size:var(--timeline-indicator-icon-size);block-size:var(--timeline-indicator-icon-size);z-index:1;flex:none;position:relative}.vds-timeline-connector{inline-size:var(--timeline-connector-width);min-block-size:var(--timeline-connector-min-h);background-color:var(--timeline-item-connector-color);transition:background-color var(--timeline-transition);grid-area:2/1;justify-self:center}.vds-timeline[data-orientation=vertical][data-connector=gap] .vds-timeline-connector{margin-block:var(--timeline-connector-gap);min-block-size:max(var(--vds-space-4,1rem), calc(var(--timeline-connector-min-h) - (var(--timeline-connector-gap) * 2)))}.vds-timeline[data-orientation=vertical][data-connector=touch] .vds-timeline-connector{min-block-size:calc(var(--timeline-connector-min-h) + var(--timeline-gap));margin-block-end:calc(-1 * var(--timeline-gap))}.vds-timeline[data-line=dashed] .vds-timeline-connector{background:repeating-linear-gradient(to bottom, var(--timeline-item-connector-color) 0 .375rem, transparent .375rem .625rem)}.vds-timeline-opposite{gap:var(--vds-space-1,.25rem);color:var(--timeline-meta-color);font-size:var(--timeline-meta-size);line-height:var(--vds-leading-snug,1.375);flex-direction:column;min-inline-size:0;display:flex}.vds-timeline[data-orientation=vertical][data-align=center] .vds-timeline-opposite,.vds-timeline[data-orientation=vertical][data-align=alternate] .vds-timeline-opposite{align-items:flex-end}.vds-timeline-content{gap:var(--timeline-content-gap);min-inline-size:0;max-inline-size:100%;color:var(--timeline-content-color);font-size:var(--timeline-content-size);line-height:var(--vds-leading-normal,1.5);overflow-wrap:anywhere;flex-direction:column;grid-area:1/2/3;padding-block-end:var(--timeline-content-pb);display:flex}.vds-timeline[data-orientation=vertical] .vds-timeline-opposite{grid-area:1/2}.vds-timeline[data-orientation=vertical][data-align=center] .vds-timeline-indicator,.vds-timeline[data-orientation=vertical][data-align=alternate] .vds-timeline-indicator,.vds-timeline[data-orientation=vertical][data-align=center] .vds-timeline-connector,.vds-timeline[data-orientation=vertical][data-align=alternate] .vds-timeline-connector{grid-column:2}.vds-timeline[data-orientation=vertical][data-align=center] .vds-timeline-opposite,.vds-timeline[data-orientation=vertical][data-align=alternate] .vds-timeline-opposite{text-align:end;grid-area:1/1/3;align-self:start;padding-block-start:calc((var(--timeline-indicator-size) - 1em) / 2)}.vds-timeline[data-orientation=vertical][data-align=center] .vds-timeline-content,.vds-timeline[data-orientation=vertical][data-align=alternate] .vds-timeline-content{grid-column:3}.vds-timeline[data-orientation=vertical][data-align=alternate] .vds-timeline-item:nth-child(2n) .vds-timeline-content,.vds-timeline[data-orientation=vertical][data-align=alternate] .vds-timeline-item[data-side=start] .vds-timeline-content,.vds-timeline[data-orientation=vertical][data-align=center] .vds-timeline-item[data-side=start] .vds-timeline-content{grid-column:1}.vds-timeline[data-orientation=vertical][data-align=alternate] .vds-timeline-item:nth-child(2n) .vds-timeline-opposite,.vds-timeline[data-orientation=vertical][data-align=alternate] .vds-timeline-item[data-side=start] .vds-timeline-opposite,.vds-timeline[data-orientation=vertical][data-align=center] .vds-timeline-item[data-side=start] .vds-timeline-opposite{text-align:start;grid-column:3;align-items:flex-start}.vds-timeline[data-orientation=vertical] .vds-timeline-item:last-child .vds-timeline-content{padding-block-end:0}.vds-timeline[data-orientation=vertical] .vds-timeline-item:last-child .vds-timeline-connector{display:none}.vds-timeline[data-orientation=horizontal]{grid-auto-columns:minmax(var(--timeline-horizontal-item-min), 1fr);gap:var(--timeline-horizontal-gap);overscroll-behavior-inline:contain;padding-block:var(--timeline-ring-size) var(--vds-space-2,.5rem);scroll-snap-type:inline proximity;scrollbar-width:thin;grid-auto-flow:column;display:grid;overflow-x:auto}.vds-timeline[data-orientation=horizontal] .vds-timeline-item{grid-template-columns:minmax(0,1fr);grid-template-rows:auto var(--timeline-indicator-size) auto;justify-items:center;row-gap:var(--vds-space-2,.5rem);scroll-snap-align:start;text-align:center;min-inline-size:0;display:grid}.vds-timeline[data-orientation=horizontal] .vds-timeline-opposite{text-align:center;grid-area:1/1;align-items:center}.vds-timeline[data-orientation=horizontal] .vds-timeline-indicator{grid-area:2/1}.vds-timeline[data-orientation=horizontal] .vds-timeline-connector{inline-size:calc(100% + var(--timeline-horizontal-gap) - var(--timeline-indicator-size));block-size:var(--timeline-connector-width);min-block-size:var(--timeline-connector-width);grid-area:2/1;place-self:center start;margin-inline-start:calc(50% + (var(--timeline-indicator-size) * .5))}.vds-timeline[data-orientation=horizontal][data-connector=gap] .vds-timeline-connector{inline-size:calc(100% + var(--timeline-horizontal-gap) - var(--timeline-indicator-size) - (var(--timeline-connector-gap) * 2));margin-inline-start:calc(50% + (var(--timeline-indicator-size) * .5) + var(--timeline-connector-gap))}.vds-timeline[data-orientation=horizontal][data-line=dashed] .vds-timeline-connector{background:repeating-linear-gradient(to right, var(--timeline-item-connector-color) 0 .375rem, transparent .375rem .625rem)}.vds-timeline[data-orientation=horizontal] .vds-timeline-content{text-align:center;grid-area:3/1;align-items:center;padding-block-end:0}.vds-timeline[data-orientation=horizontal] .vds-timeline-item:last-child .vds-timeline-connector{display:none}.vds-timeline[data-variant=card] .vds-timeline-content{box-sizing:border-box;inline-size:100%;padding:var(--timeline-card-padding);border:1px solid var(--timeline-card-border);border-radius:var(--timeline-card-radius);background-color:var(--timeline-card-bg);box-shadow:var(--timeline-card-shadow)}.vds-timeline[data-variant=card] .vds-timeline-item{--timeline-indicator-offset:calc(var(--timeline-card-padding) + ((var(--timeline-title-line-box) - var(--timeline-indicator-size)) * .5))}.vds-timeline[data-variant=compact] .vds-timeline-content,.vds-timeline[data-variant=minimal] .vds-timeline-content{gap:var(--vds-space-1,.25rem)}.vds-timeline-card{box-sizing:border-box;gap:var(--timeline-card-gap);inline-size:100%;min-inline-size:0;padding:var(--timeline-card-padding);border:1px solid var(--timeline-card-border);border-radius:var(--timeline-card-radius);background-color:var(--timeline-card-bg);box-shadow:var(--timeline-card-shadow);transition:border-color var(--timeline-transition), box-shadow var(--timeline-transition), transform var(--timeline-transition);flex-direction:column;display:flex}.vds-timeline-item:has(>.vds-timeline-content>.vds-timeline-card){--timeline-indicator-offset:calc(var(--timeline-card-padding) + ((var(--timeline-title-line-box) - var(--timeline-indicator-size)) * .5))}.vds-timeline-item[data-interactive] .vds-timeline-card:hover,.vds-timeline-item[data-interactive] .vds-timeline-content:hover{border-color:var(--timeline-tone-border);box-shadow:var(--timeline-card-shadow-hover);transform:translateY(-1px)}.vds-timeline-item[data-interactive] .vds-timeline-indicator{transform:translateZ(0)}.vds-timeline-title{color:var(--timeline-title-color);font-size:var(--timeline-title-size);font-weight:var(--timeline-title-weight);line-height:var(--vds-leading-snug,1.375);overflow-wrap:anywhere;word-break:break-word;min-inline-size:0;max-inline-size:100%;margin:0}.vds-timeline-description{color:var(--timeline-description-color);font-size:var(--timeline-description-size);line-height:var(--vds-leading-normal,1.5);overflow-wrap:anywhere;word-break:break-word;min-inline-size:0;max-inline-size:100%;margin:0}.vds-timeline-meta{align-items:center;gap:var(--vds-space-1,.25rem) var(--vds-space-2,.5rem);color:var(--timeline-meta-color);font-size:var(--timeline-meta-size);line-height:var(--vds-leading-snug,1.375);overflow-wrap:anywhere;word-break:break-word;flex-wrap:wrap;min-inline-size:0;max-inline-size:100%;display:flex}.vds-timeline-media{align-items:center;gap:var(--vds-space-1,.25rem);flex-wrap:wrap;min-inline-size:0;display:flex}.vds-timeline-time{color:var(--timeline-time-color);font-size:var(--timeline-time-size);line-height:var(--vds-leading-snug,1.375);overflow-wrap:anywhere}.vds-timeline-badge{--timeline-badge-bg:var(--timeline-tone-bg);--timeline-badge-color:var(--timeline-tone-text);--timeline-badge-border:var(--timeline-tone-border);min-block-size:1.5rem;inline-size:fit-content;padding-inline:var(--vds-space-2,.5rem);border:1px solid var(--timeline-badge-border);border-radius:var(--vds-radius-full,9999px);background-color:var(--timeline-badge-bg);color:var(--timeline-badge-color);font-size:var(--timeline-meta-size);font-weight:var(--vds-font-weight-semibold,600);white-space:nowrap;justify-content:center;align-items:center;line-height:1;display:inline-flex}.vds-timeline-badge[data-tone=primary]{--timeline-badge-bg:var(--vds-color-primary-bg);--timeline-badge-color:var(--vds-color-primary-text);--timeline-badge-border:var(--vds-color-border-primary)}.vds-timeline-badge[data-tone=success]{--timeline-badge-bg:var(--vds-color-success-bg);--timeline-badge-color:var(--vds-color-success-text);--timeline-badge-border:var(--vds-color-border-success)}.vds-timeline-badge[data-tone=warning]{--timeline-badge-bg:var(--vds-color-warning-bg);--timeline-badge-color:var(--vds-color-warning-text);--timeline-badge-border:var(--vds-color-border-warning)}.vds-timeline-badge[data-tone=danger]{--timeline-badge-bg:var(--vds-color-danger-bg);--timeline-badge-color:var(--vds-color-danger-text);--timeline-badge-border:var(--vds-color-border-danger)}.vds-timeline-badge[data-tone=info]{--timeline-badge-bg:var(--vds-color-info-bg);--timeline-badge-color:var(--vds-color-info-text);--timeline-badge-border:var(--vds-color-border-info)}.vds-timeline-badge[data-tone=accent]{--timeline-badge-bg:var(--vds-color-accent-bg);--timeline-badge-color:var(--vds-color-accent-text);--timeline-badge-border:var(--vds-color-border-accent)}@media (max-width:720px){.vds-timeline[data-orientation=vertical][data-align=center] .vds-timeline-item,.vds-timeline[data-orientation=vertical][data-align=alternate] .vds-timeline-item{grid-template-columns:var(--timeline-indicator-size) minmax(0, 1fr);column-gap:var(--timeline-item-gap)}.vds-timeline[data-orientation=vertical][data-align=center] .vds-timeline-indicator,.vds-timeline[data-orientation=vertical][data-align=alternate] .vds-timeline-indicator,.vds-timeline[data-orientation=vertical][data-align=center] .vds-timeline-connector,.vds-timeline[data-orientation=vertical][data-align=alternate] .vds-timeline-connector{grid-column:1}.vds-timeline[data-orientation=vertical][data-align=center] .vds-timeline-opposite,.vds-timeline[data-orientation=vertical][data-align=alternate] .vds-timeline-opposite,.vds-timeline[data-orientation=vertical][data-align=alternate] .vds-timeline-item:nth-child(2n) .vds-timeline-opposite,.vds-timeline[data-orientation=vertical][data-align=alternate] .vds-timeline-item[data-side=start] .vds-timeline-opposite,.vds-timeline[data-orientation=vertical][data-align=center] .vds-timeline-item[data-side=start] .vds-timeline-opposite{text-align:start;grid-area:1/2;align-items:flex-start;padding-block-start:0}.vds-timeline[data-orientation=vertical][data-align=center] .vds-timeline-content,.vds-timeline[data-orientation=vertical][data-align=alternate] .vds-timeline-content,.vds-timeline[data-orientation=vertical][data-align=alternate] .vds-timeline-item:nth-child(2n) .vds-timeline-content,.vds-timeline[data-orientation=vertical][data-align=alternate] .vds-timeline-item[data-side=start] .vds-timeline-content,.vds-timeline[data-orientation=vertical][data-align=center] .vds-timeline-item[data-side=start] .vds-timeline-content{grid-area:2/2/3}.vds-timeline[data-orientation=horizontal]{grid-auto-columns:minmax(9rem,72vw)}}.vds-timeline-item[data-effect] .vds-timeline-indicator:before,.vds-timeline-item[data-effect] .vds-timeline-indicator:after{content:"";inset:calc(-1 * var(--timeline-effect-size));border-radius:inherit;pointer-events:none;z-index:-1;position:absolute}.vds-timeline-item[data-effect=pulse] .vds-timeline-indicator:before{border:2px solid var(--timeline-tone-solid);opacity:0;animation:vds-timeline-pulse var(--timeline-effect-duration) var(--vds-ease-out,ease-out) infinite}.vds-timeline-item[data-effect=glow] .vds-timeline-indicator{box-shadow:var(--timeline-indicator-shadow), 0 0 0 var(--timeline-ring-size) var(--timeline-tone-ring), 0 0 1.5rem color-mix(in oklab, var(--timeline-tone-solid) 32%, transparent)}.vds-timeline-item[data-effect=ping] .vds-timeline-indicator:before,.vds-timeline-item[data-effect=ping] .vds-timeline-indicator:after{border:1px solid var(--timeline-tone-solid);opacity:0;animation:vds-timeline-pulse var(--timeline-effect-duration) var(--vds-ease-out,ease-out) infinite}.vds-timeline-item[data-effect=ping] .vds-timeline-indicator:after{animation-delay:calc(var(--timeline-effect-duration) * .45)}.vds-timeline-item[data-effect=spotlight] .vds-timeline-indicator:before{background:radial-gradient(circle, color-mix(in oklab, var(--timeline-tone-solid) 24%, transparent) 0 42%, transparent 70%);animation:vds-timeline-spotlight var(--timeline-effect-duration) var(--vds-ease-in-out,ease-in-out) infinite}@keyframes vds-timeline-pulse{0%{opacity:.55;transform:scale(.72)}70%{opacity:0;transform:scale(1.28)}to{opacity:0;transform:scale(1.28)}}@keyframes vds-timeline-spotlight{0%,to{opacity:.58;transform:scale(.94)}50%{opacity:.95;transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.vds-timeline-item[data-effect] .vds-timeline-indicator:before,.vds-timeline-item[data-effect] .vds-timeline-indicator:after{animation:none}}:where([data-vds-no-micro]) .vds-timeline-item[data-effect] .vds-timeline-indicator:before,:where([data-vds-no-micro]) .vds-timeline-item[data-effect] .vds-timeline-indicator:after{animation:none}}