@tailwind base;
@tailwind components;
@tailwind utilities;

svg.jtk-connector path {
    @apply elsa-stroke-current;
    @apply elsa-text-gray-400;
}

svg.jtk-connector.jtk-hover path {
    @apply elsa-stroke-current;
    @apply elsa-stroke-2;
    @apply elsa-text-blue-400;
}

.elsa-w-2-5 {
    width: 0.625rem;
}

.elsa-h-2-5 {
    height: 0.625rem;
}

.elsa-space-x-0-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.125rem * var(--tw-space-x-reverse));
    margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
}

.node.activity, .node.start, .node.add .label-container {
    fill: transparent;
}

.node.activity .label-container, .node.start .label-container {
    stroke: none;
}

.hidden {
    display: none;
}