$mermaidDark:rgb(67, 116, 57);
$mermaidLight:rgb(102, 190, 85);
$mermaidText: whitesmoke;
$mermaidLine: whitesmoke;

.actor {
    stroke: $mermaidLight;
    fill: $mermaidDark;
}

text.actor {
    fill:$mermaidText;
    stroke:none;
    font-family: Helvetica;
}

.actor-line {
    stroke:$mermaidLight;
}

.messageLine0 {
    stroke-width:1.5;
    stroke-dasharray: "2 2";
    marker-end:"url(#arrowhead)";
    stroke:$mermaidLine;
}

.messageLine1 {
    stroke-width:1.5;
    stroke-dasharray: "2 2";
    stroke:$mermaidLine;
}

#arrowhead {
    fill:$mermaidLine;
}

.messageText {
    fill:$mermaidText;
    stroke:none;
    font-family: 'trebuchet ms', verdana, arial;
    font-size:14px;
}

.labelBox {
    stroke: $mermaidLight;
    fill: $mermaidDark;
}

.labelText {
    fill:$mermaidText;
    stroke:none;
    font-family: 'trebuchet ms', verdana, arial;
}

.loopText {
    fill:$mermaidText;
    stroke:none;
    font-family: 'trebuchet ms', verdana, arial;
}

.loopLine {
    stroke-width:2;
    stroke-dasharray: "2 2";
    marker-end:"url(#arrowhead)";
    stroke: $mermaidLine;
}

.note {
    stroke: #decc93;
    stroke: #CCCCFF;
    fill: #fff5ad;
}

.noteText {
    fill:black;
    stroke:none;
    font-family: 'trebuchet ms', verdana, arial;
    font-size:14px;
}