#search {
    float: right;
    margin-top: 1em;
}

.wf-category {
    margin: 2em 4px -3px 0;
    padding: 0.5em;
    display: inline-block;
    font-weight: bold;
}

.wf-workflows {
    border: var(--border_subtle);
    border-radius: 0.5em;
    padding: 0.5em;
    background-color: var(--color_10);
    color: var(--color_10_f);
}

.wf-workflow {
    display: block;
    margin: 0.5em 0;
}

.wf-workflow-image {
    display: inline-block;
    vertical-align: middle;

    box-sizing: border-box;
    height: calc(1em + 14px);
    width: calc(1em + 14px);
    padding: 5px;

    font-family: "Material Symbols Outlined", sans-serif;
    font-size: calc(2 * var(--font_size));
    line-height: 1em;
    border-radius: 50%;
    border: var(--border_subtle);
    box-shadow: var(--box_shadow);
    background-color: var(--color_10);
    color: var(--color_10_f);
}

.wf-workflow-name {
    display: inline-block;
    line-height: calc(2em + 10px);
    vertical-align: top;
    margin-left: 0.5em;
}


.wf-workflow-separator {
    width: 100%;
    margin: 1em 0;
}

.wf-workflow-separator:last-child {
    display: none;
}