/* Main
-------------------------------------------- */
/* Core start */

/* Core end */

.xIB,
.infoBar {
    padding: var(--infobar-padding);
    border: var(--infocar-border-style) var(--infobar-border-width)
}

/* ---
-------------------------------------------- */

/* ---
-------------------------------------------- */


/* Needs to be organized
--------------------------------------------
--------------------------------------------
--------------------------------------------
-------------------------------------------- */

.infoBar span { display: block; }
.xIB span .xIBLink { margin-left: auto; }

.xIB[data-message-group] span,
.xIB[data-message-state] span {
    display: flex;
    align-items: center;
    gap: var(--gap);
}

.xIB[data-message-group] span::before,
.xIB[data-message-state] span::before {
    font-family: var(--font-family--icon);
    font-size:var(--icon-font-size);
    padding-top: 0.125rem;
}

.xIB[data-message-group="snap"] { background-color: var(--infobar-snapshot-background-color); border: var(--infobar-snapshot-border-color); }
.xIB[data-message-group="snap"] span::before { content: var(--infobar-snapshot-icon); color: var(--infobar-snapshot-icon-color); }

.xIB[data-message-group="warn"] { background-color: var(--infobar-warning-background-color); border: var(--infobar-warning-border-color); }
.xIB[data-message-group="warn"] span::before { content: var(--infocar-warning-icon); align-self: flex-start; color: var(--infobar-warning-icon-color); }

.xIB[data-message-group="warn"][data-message-state="locked"] { content: var(--icon-locked); }
.xIB[data-message-group="warn"][data-message-state="draft"] { content: var(--icon-locked); }


.xIB[data-message-group="forwarding"]:not([data-message-state]) {
    background-image: url('forward-dashed.svg');
}

.xIB[data-message-group="forwarding"][data-message-state="forward"] {
    background-image: url('forward-solid.svg');
}

.xIB[data-message-group="forwarding"][data-message-state="hold"] {
    background-image: url('pause-solid.svg');
}