.triptych-grid{position:relative;display:grid;gap:16px}@media (min-width:768px){.triptych-grid{grid-template-columns:1fr 1fr 1fr}}.triptych-node{position:relative;z-index:1;border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--background));padding:16px}.triptych-thread{position:absolute;z-index:0;pointer-events:none;background:hsl(var(--primary)/.5);top:0;bottom:0;left:50%;width:1px;transform-origin:center top}@media (min-width:768px){.triptych-thread{top:50%;bottom:auto;left:0;right:0;width:auto;height:1px;transform-origin:left center}}.triptych-evidence-mark{background:var(--evidence);border-radius:3px;padding:0 4px;color:var(--evidence-foreground)}html.js .triptych-thread{transform:scaleY(0)}@media (min-width:768px){html.js .triptych-thread{transform:scaleX(0)}}.animate-fade-in .triptych-thread{animation:triptych-draw-y var(--motion-draw) var(--ease-out-clinical) .25s both}@media (min-width:768px){.animate-fade-in .triptych-thread{animation-name:triptych-draw-x}}.animate-fade-in .triptych-node{animation:triptych-light var(--motion-ui) var(--ease-in-out-settle) var(--light-delay,.25s) both}@keyframes triptych-draw-x{to{transform:scaleX(1)}}@keyframes triptych-draw-y{to{transform:scaleY(1)}}@keyframes triptych-light{0%{opacity:.45}to{opacity:1}}@media (prefers-reduced-motion:reduce){.triptych-thread{animation:none!important;transform:none!important}.triptych-node{animation:none!important;opacity:1!important}}
/*# sourceMappingURL=923f2aeecfd9f47e.css.map*/