@charset "utf-8";
@import (optional, reference) "var.less";
/*Icon*/
AX-ICON {
    --_icon-fs-tips: var(--_sz-font);
    --_icon-fs-legend: var(--_sz-em-body);
    display: inline-flex;
    vertical-align: middle;
    [rep=wrap] {
        display: inline-flex;
        align-items: center;
    }
    [rep=head] {
        display: inline-flex;
        position: relative;
        AX-BADGE {
            position: absolute;
            right: 0;
            top: 0;
            transform: translate(50%, -50%);
        }
    }
    [rep=icon],
    [rep=cube],
    [rep=disk] {
        .v3-flex-center(inline-flex);
    }
    [rep=cube],
    [rep=disk] {
        height: var(--_sz-em-brief);
    }
    &[dir=h] {
        [rep=wrap] {}
        [rep=tips] {
            margin-left: var(--_sz-min);
        }
    }
    &[dir=v] {
        [rep=wrap] {
            text-align: center;
            flex-direction: column;
        }
        [rep=icon],
        [rep=cube],
        [rep=disk] {
            font-size: var(--_icon-fs-legend);
            height: 1em;
            line-height: 1em;
        }
        [rep=tips] {
            font-size: var(--_icon-fs-tips);
            line-height: var(--_sz-brief);
            margin-top: var(--_sz-min);
        }
        &[bg] {
            --_icon-fs-legend: var(--_sz-em-ignore);
            [rep=icon],
            [rep=disk],
            [rep=cube] {
                height: 2.33em;
                line-height: 2.33em;
            }
            [rep=icon] {
                aspect-ratio: 1/1;
                border-radius: 100%;
                &._bg-prim,
                &._bg-error,
                &._bg-info,
                &._bg-issue,
                &._bg-text,
                &._bg-brief {
                    color: #fff;
                }
                &._bg-warn,
                &._bg-warn-lt,
                &._bg-text-lt,
                &._bg-ignore {
                    color: var(--_c-text);
                }
                &._bg-prim-lt {
                    color: var(--_c-prim);
                }
                &._bg-error-lt {
                    color: var(--_c-error);
                }
                &._bg-info-lt {
                    color: var(--_c-info);
                }
                &._bg-issue-lt {
                    color: var(--_c-issue);
                }
            }
            [rep=cube] img,
            [rep=disk] img {
                height: 1em;
            }
        }
    }
}
