@charset "utf-8";
@import (optional, reference) "var.less";
/*Badge*/
AX-BADGE {
    --_badge-bg:var(--_c-error);
    --_badge-bd:var(--_c-error);
    --_badge-c:#fff;
    vertical-align: middle;
    display: inline-flex;
    [rep=wrap] {
        font-size: var(--_fs-min);
        color: var(--_badge-c);
        line-height: calc(1.5em - 2px);
        height: calc(1.5em - 2px);
        padding: 0 5px;
        display: inline-block;
        border-radius: calc(1.5em - 2px);
        box-sizing: border-box;
        background-color: var(--_badge-bg);
    }
    &:where([glassy]) [rep=wrap]{
        --_badge-bg:var(--_c-error-tl);
    }
    &[theme=prim] [rep=wrap]{
        --_badge-bg:var(--_c-prim);
        &:where([glassy]) {
            --_badge-bg:var(--_c-prim-tl);
        }
    }
    &[theme=succ] [rep=wrap]{
        --_badge-bg:var(--_c-succ);
        &:where([glassy]) {
            --_badge-bg:var(--_c-succ-tl);
        }
    }
    &[theme=warn] [rep=wrap]{
        --_badge-c:var(--_c-text);
        --_badge-bg:var(--_c-warn);
        &:where([glassy]) {
            --_badge-bg:var(--_c-warn-tl);
        }
    }
    &[theme=info] [rep=wrap]{
        --_badge-bg: var(--_c-info);
        &:where([glassy]) {
            --_badge-bg: var(--_c-info-tl);
        }
    }
    &[theme=issue] [rep=wrap]{
        --_badge-bg: var(--_c-issue);
        &:where([glassy]) {
            --_badge-bg: var(--_c-issue-tl);
        }
    }
    &[theme=text] [rep=wrap]{
        --_badge-bg: var(--_c-text);
        &:where([glassy]) {
            --_badge-bg: var(--_c-text-tl);
        }
    }
    &[theme=brief] [rep=wrap]{
        --_badge-bg: var(--_c-brief);
    }
    &[theme=ignore] [rep=wrap]{
        --_badge-c:var(--_c-ignore);
        --_badge-bg: var(--_c-ignore-bg);
    }
    &[shape=radius] [rep=wrap]{
        border-radius: var(--_r);
    }
    &[shape=square] [rep=wrap]{
        border-radius: 0;
    }
    &[shape=drop] [rep=wrap]{
        border-bottom-left-radius: 0;
    }
    &[type=seal] [rep=wrap]{
        --_badge-c:var(--_c-error);
        border: 1px solid var(--_badge-bd);
        line-height: calc(1.5em - 4px);
        padding: 0 4px;
        background: transparent;
        &:where([glassy]) {
            opacity: .6;
        }
    }
    &:where([theme=prim])[type=seal] [rep=wrap]{
        --_badge-c:var(--_c-prim);
        --_badge-bd: var(--_c-prim);
    }
    &:where([theme=succ])[type=seal] [rep=wrap]{
        --_badge-c:var(--_c-succ);
        --_badge-bd: var(--_c-succ);
    }
    &:where([theme=warn])[type=seal] [rep=wrap]{
        --_badge-c:var(--_c-warn);
        --_badge-bd: var(--_c-warn);
    }
    &:where([theme=info])[type=seal] [rep=wrap]{
        --_badge-c:var(--_c-info);
        --_badge-bd: var(--_c-info);
    }
    &:where([theme=issue])[type=seal] [rep=wrap]{
        --_badge-c:var(--_c-issue);
        --_badge-bd: var(--_c-issue);
    }
    &:where([theme=text])[type=seal] [rep=wrap]{
        --_badge-c:var(--_c-text);
        --_badge-bd: var(--_c-text);
    }
    &:where([theme=brief])[type=seal] [rep=wrap]{
        --_badge-c:var(--_c-brief);
        --_badge-bd: var(--_c-brief);
    }
    &:where([theme=ignore])[type=seal] [rep=wrap]{
        --_badge-c:var(--_c-ignore);
        --_badge-bd: var(--_c-ignore);
    }
    [rep=wrap]:empty {
        width: 8px;
        height: 8px;
        padding: 0;
        border-radius: 100%;
    }
}
