/*
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*connections*/
.karavan .dsl-page .graph .connections {
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
}

.karavan .dsl-page .graph .connections .icon {
    height: 22px;
    width: 22px;
}

.karavan .dsl-page .graph .connections .arrow {
    stroke: var(--pf-v5-global--Color--200);
    fill: var(--pf-v5-global--Color--200);
}

.karavan .dsl-page .graph .connections .path {
    stroke: var(--pf-v5-global--Color--200);
    stroke-width: 1;
    fill: transparent;
}

.karavan .dsl-page .graph .connections .circle-outgoing,
.karavan .dsl-page .graph .connections .circle-incoming {
    stroke: var(--pf-v5-global--Color--200);
    stroke-width: 1;
    fill: white;
}

.karavan .dsl-page .graph .connections .path-incoming {
    stroke-dasharray: 5;
    -webkit-animation: dashdrawR 0.5s linear infinite;
    animation: dashdrawR 0.5s linear infinite;
    stroke: var(--pf-v5-global--Color--200);
    stroke-width: 1;
    fill: transparent;
}

.karavan .dsl-page .graph .connections .path-dynamic {
    stroke-dasharray: 5;
    -webkit-animation: dashdrawR 0.5s linear infinite;
    animation: dashdrawR 0.5s linear infinite;
    stroke: var(--pf-v5-global--Color--200);
    stroke-width: 1;
    fill: transparent;
}

.karavan .dsl-page .graph .connections .path-poll {
    stroke-dasharray: 5;
    -webkit-animation: dashdrawL 0.5s linear infinite;
    animation: dashdrawL 0.5s linear infinite;
    stroke: var(--pf-v5-global--Color--200);
    stroke-width: 1;
    fill: transparent;
}

.karavan .dsl-page .graph .connections .path-incoming-nav {
    stroke: var(--pf-v5-global--Color--200);
    stroke-width: 1;
    fill: transparent;
}

.karavan .dsl-page .graph .connections .path-direct {
    stroke-dasharray: 0;
    stroke: var(--pf-v5-global--Color--200);
    stroke-width: 0.7;
    stroke-opacity: 0.7;
    fill: transparent;
}

.karavan .dsl-page .graph .connections .path-direct-selected {
    stroke-dasharray: 0;
    stroke: var(--pf-v5-global--active-color--100);
    stroke-width: 1;
    stroke-opacity: 1;
    fill: transparent;
}

.karavan .dsl-page .graph .connections .path-seda {
    stroke-dasharray: 2;
    stroke: var(--pf-v5-global--Color--200);
    -webkit-animation: dashdrawR 0.5s linear infinite;
    animation: dashdrawR 0.5s linear infinite;
    stroke-width: 1;
    fill: transparent;
}

@keyframes dashdrawR {
    0% {
        stroke-dashoffset: 10;
    }
}

@keyframes dashdrawL {
    100% {
        stroke-dashoffset: 10;
    }
}