@charset "utf-8";
@import (optional, reference) "var.less";
/*statstics*/
AX-STATS {
    --_stats-fs: var(--_sz-body);
    --_stats-lh: var(--_sz-input);
    --_stats-h-legend: calc(var(--_sz-input) + var(--_sz-brief));
    display: inline-flex;
    vertical-align: middle;
    [rep=wrap] {
        display: inline-flex;
    }
    [rep=main] {
        flex: auto;
        display: inline-flex;
        flex-direction: column;
    }
    [rep=head] {}
    [rep=label] {
        font-size: var(--_stats-fs);
        position: relative;
        line-height: var(--_stats-lh);
        AX-BADGE {
            position: absolute;
            top: 0;
            right: 0;
            transform: translate(100%, 0);
        }
    }
    [rep=unit] {
        color: var(--_c-brief);
        font-size: var(--_sz-ignore);
        line-height: var(--_sz-ignore);
        margin-left: var(--_sz-space);
    }
    [rep=tips] {
        color: var(--_c-brief);
    }
    [rep=icon],
    [rep=disk],
    [rep=cube] {
        height: var(--_stats-h-legend);
        aspect-ratio: 1/1;
        margin-right: var(--_sz-font);
        .v3-flex-center(inline-flex);
    }
    [rep=icon] {
        font-size: var(--_sz-list);
        border-radius: 100%;
        background-color: var(--_c-text-bg);
    }
    [rep=disk],
    [rep=cube] {
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: inherit;
        }
    }
    [rep=disk] {
        border-radius: 100%;
    }
    [rep=cube] {
        border-radius: var(--_r);
    }
    &:where([dir=v]) {
        &:where(:not(:has([rep=unit]))) {
            text-align: center;
        }
        &:where(:has([rep=icon])),
        &:where(:has([rep=icon])),
        &:where(:has([rep=icon])) {
            text-align: left;
        }
        [rep=head] {
            flex: auto;
        }
        [rep=tips] {
            line-height: var(--_sz-brief);
        }
        &[reverse] [rep=main] {
            flex-direction: column-reverse;
        }
        &:not(:has([rep=tips])) {
            --_stats-fs: var(--_sz-input);
            --_stats-h-legend: var(--_sz-input);
        }
    }
    &:where([dir=h]) {
        --_stats-fs: var(--_sz-input);
        --_stats-lh: var(--_sz-input);
        --_stats-h-legend: var(--_sz-input);
        [rep=main] {
            flex-direction: row;
            align-items: center;
        }
        [rep=tips] {
            flex: auto;
            text-align: left;
            line-height: var(--_sz-brief);
            margin-left: var(--_sz-font);
        }
        [rep=label] AX-BADGE {
            transform: translate(100%, -50%);
        }
    }
}
