.timeline.svelte-hr3vam{container-type:inline-size}.entry.svelte-hr3vam{grid-template-columns:2.5rem minmax(0,1fr);column-gap:.75rem;min-height:3.5rem;display:grid;position:relative}.rail.svelte-hr3vam{justify-content:center;align-items:center;display:flex;position:relative}.caption.svelte-hr3vam{justify-content:space-between;align-items:center;gap:.75rem;padding-block:.5rem;display:flex}.segment.svelte-hr3vam{--thickness:2px;--direction:to bottom;width:var(--thickness);position:absolute;left:50%;translate:-50%}.segment.before.svelte-hr3vam{top:0;bottom:50%}.segment.after.svelte-hr3vam{top:50%;bottom:0}.segment[data-zone=safe].svelte-hr3vam{background:var(--diagram-line)}.segment[data-zone=at-risk].svelte-hr3vam,.segment[data-zone=lost].svelte-hr3vam{--thickness:.75rem;--tint:var(--warning);--soft:var(--warning-soft);background-color:var(--soft);background-image:repeating-linear-gradient(135deg, color-mix(in srgb, var(--tint) 45%, transparent) 0 1.5px, transparent 1.5px 7px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tint) 55%, transparent)}.segment[data-zone=lost].svelte-hr3vam{--tint:var(--danger);--soft:var(--danger-soft)}.segment[data-zone=downtime].svelte-hr3vam{background-image:repeating-linear-gradient(var(--direction), var(--danger) 0 6px, transparent 6px 11px)}.swatch.svelte-hr3vam{flex:none;width:1.75rem;height:.75rem;position:relative}.swatch.svelte-hr3vam .segment:where(.svelte-hr3vam){--direction:to right;width:100%;height:var(--thickness);top:50%;left:0;translate:0 -50%}@container (width>=34rem){.track.svelte-hr3vam{grid-template-columns:repeat(auto-fill,minmax(6rem,1fr));row-gap:1.5rem;display:grid}.entry.svelte-hr3vam{text-align:center;grid-template-rows:2.5rem auto;grid-template-columns:minmax(0,1fr);min-height:0}.caption.svelte-hr3vam{flex-direction:column;justify-content:flex-start;gap:.25rem;padding:.375rem .25rem 0}.entry.svelte-hr3vam .segment:where(.svelte-hr3vam){--direction:to right;width:auto;height:var(--thickness);top:50%;left:auto;translate:0 -50%}.entry.svelte-hr3vam .segment.before:where(.svelte-hr3vam){bottom:auto;left:0;right:50%}.entry.svelte-hr3vam .segment.after:where(.svelte-hr3vam){bottom:auto;left:50%;right:0}}