/*
Last modified: 2024-07-04 17:02:27
*/
@charset "utf-8";
@import (optional, reference) "var.less";
/*Good component*/
AX-GOOD {
    text-align: center;
    margin: var(--_sz-body) auto;
    display: inline-flex;
    flex-direction: column;
    vertical-align: middle;
    [role=wrap] {
        line-height: var(--_sz-input);
        border-radius: var(--_sz-input);
        padding: 0 var(--_sz-input);
        border: 1px solid var(--_c-text-bd);
        box-sizing: border-box;
        .v3-flex-center(flex);
        .v3-trans-all(var(--_dur-1));
        position: relative;
    }
    &:where(:not([increased])) [role=wrap]:hover {
        color: #fff;
        background-color: var(--_c-prim);
        border-color: var(--_c-prim);
        cursor: pointer;
        [role=icon] {
            color: #fff;
        }
    }
    [role=label] {}
    [role=value] {
        .v3-trans-all(var(--_dur-1));
    }
    [role=icon] {
        color: var(--_c-prim);
        margin-right: var(--_sz-space);
        .v3-trans-all(var(--_dur-1));
    }
    [role=tips] {
        font-size: var(--_sz-ignore);
        color: var(--_c-text-aj);
        text-align: center;
    }
    &[increased] {
        [role=wrap],
        [role=tips],
        [role=label],
        [role=icon] {
            color: var(--_c-ignore);
        }
    }
}
