.clickable {
    transition: fill 0.3s ease;
}
.clickable:hover * {
    stroke: var(--md-typeset-a-component-color);
    cursor: pointer;
}
.clickable:hover foreignObject p {
// color: #ff7900 !important   ;
    text-decoration: underline;
    stroke: var(--md-default-fg-color--light);
}
.clickable:hover polygon {
    stroke: #ff6e42 ;
//  --md-accent-fg-color #ff6e42
    cursor: pointer;
}
.clickable  polygon{
    stroke: #526cfe;
// color: #ff7900 !important   ;
//  --md-accent-fg-color #ff6e42
text-decoration: underline;
}
/* CSS */
@keyframes scale {
    0% { transform: scale(0.9); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.clickable foreignObject {
    transform-origin: revert;
}

.clickable:hover foreignObject {
    animation: scale 1s 1 alternate;
}

/*.md-typeset svg {*/
/*    max-width: initial!important;*/
/*}*/
.mermaid-type-release, .mermaid-type-release--workflow{
    /*float: inline-start;*/
    /*padding: 20%;*/
}
.mermaid-type-release--workflow {
    /*scale: 1.3;*/
    /*top: 4rem;*/
}