@layer bronto{.ui-connector{--connector-color: var(--line-strong);color: var(--connector-color);inset: 0;overflow: visible;pointer-events: none;position: absolute}.ui-connector__path{fill: none;stroke: var(--connector-color);stroke-linecap: round;stroke-linejoin: round;stroke-width: var(--connector-width,1.5);vector-effect: non-scaling-stroke}.ui-connector__end{fill: var(--connector-color);stroke: none}.ui-connector--dashed .ui-connector__path{stroke-dasharray: 4 3}.ui-connector--accent{--connector-color: var(--accent)}.ui-connector--muted{--connector-color: var(--line)}.ui-connector--success{--connector-color: var(--success)}.ui-connector--warning{--connector-color: var(--warning)}.ui-connector--danger{--connector-color: var(--danger)}.ui-connector--info{--connector-color: var(--info)}@media (prefers-reduced-motion: no-preference){.ui-connector--draw .ui-connector__path{animation: ui-connector-draw 0.6s ease both;stroke-dasharray: 1}}@keyframes ui-connector-draw{from{stroke-dashoffset: 1}to{stroke-dashoffset: 0}}@media (forced-colors: active){.ui-connector__path{stroke: CanvasText}.ui-connector__end{fill: CanvasText}}@media print{.ui-connector__path,.ui-connector__end{-webkit-print-color-adjust: exact;print-color-adjust: exact}.ui-connector--draw .ui-connector__path{animation: none;stroke-dasharray: none;stroke-dashoffset: 0}}}