.character-lifecycle-statuses {
    display:
        flex;

    align-items:
        flex-start;

    flex-direction:
        column;

    gap:
        0.35rem;
}


.character-lifecycle-status {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        0.3rem;

    min-width:
        0;
}


.character-lifecycle-badge {
    max-width:
        100%;

    padding:
        0.3rem
        0.55rem;

    overflow:
        hidden;

    border:
        1px solid
        #555555;

    background:
        #151515;

    color:
        #c8c8c8;

    font-size:
        0.62rem;

    font-weight:
        700;

    line-height:
        1.1;

    letter-spacing:
        0.02rem;

    text-overflow:
        ellipsis;

    white-space:
        normal;
}


.character-lifecycle-status-sheet
[data-character-sheet-status] {
    min-width:
        0;
}


.character-lifecycle-status
.character-status-help {
    flex:
        0 0 auto;
}


[data-character-sheet-status="initial_distribution_pending"]
.character-lifecycle-badge {
    color:
        #ffd3d7;

    border-color:
        #a62834;

    background:
        linear-gradient(
            180deg,
            rgba(
                110,
                12,
                22,
                0.55
            ),
            rgba(
                48,
                8,
                13,
                0.6
            )
        );
}


[data-character-sheet-status="initial_review_pending"]
.character-lifecycle-badge {
    color:
        #ffe5b8;

    border-color:
        #9a6821;

    background:
        linear-gradient(
            180deg,
            rgba(
                94,
                60,
                13,
                0.48
            ),
            rgba(
                43,
                29,
                9,
                0.55
            )
        );
}


[data-character-sheet-status="active"]
.character-lifecycle-badge {
    color:
        #caebd4;

    border-color:
        #39744a;

    background:
        linear-gradient(
            180deg,
            rgba(
                31,
                82,
                47,
                0.45
            ),
            rgba(
                18,
                47,
                27,
                0.5
            )
        );
}


[data-character-chronicle-status="none"]
.character-lifecycle-badge {
    color:
        #999999;

    border-color:
        #4b4b4b;

    background:
        #151515;
}


[data-character-chronicle-status="pending"]
.character-lifecycle-badge {
    color:
        #c9dff7;

    border-color:
        #365f82;

    background:
        rgba(
            26,
            57,
            84,
            0.35
        );
}


[data-character-chronicle-status="linked"]
.character-lifecycle-badge {
    color:
        #eeeeee;

    border-color:
        #6f343b;

    background:
        rgba(
            72,
            24,
            30,
            0.38
        );
}


.character-title-summary {
    margin-bottom:
        0.2rem;

    font-size:
        0.72rem;

    font-style:
        italic;
}


@media (
    max-width:
        575.98px
) {

    .character-lifecycle-badge {
        font-size:
            0.6rem;
    }
}