@charset "utf-8";
@import (optional, reference) "var.less";
/*Alert*/
AX-ALERT{
    display: block;
}
._alert {
    --_alert-txt: var(--_c-issue-dp);
    --_alert-bg: var(--_c-issue-bg);
    --_alert-bd: var(--_c-issue-bd);
    --_width-bd:1px;
    --_radius:@radius;
    --_p-tb: 0.333em;
    --_p-lr:  0.667em;
    font-size: var(--_fs-min);
    color: var(--_alert-txt);
    line-height: 1.5em;
    background-color: var(--_alert-bg);
    border: var(--_width-bd) solid var(--_alert-bd);
    display: flex;
    border-radius: var(--_radius);
    padding: var(--_p-tb) var(--_p-lr);
    position: relative;
    [role="body"] {
        flex: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    [role="caption"] {
        font-weight: bold;
        margin-bottom: 0.333em;
    }
    [role="icon"] {
        font-size: var(--_fs-min);
        margin-right: 0.333em;
    }
    [role="close"] {
        font-size: var(--_fs-min);
        color: var(--_c-text);
        width: 1.5em;
        aspect-ratio: 1/1;
        line-height: 1.5em;
        text-align: center;
        opacity: var(--_o-disabled);
        margin-right: -0.333em;
        .v3-trans-all();
        &:hover {
            cursor: pointer;
            opacity: 1;
        }
    }
    &:where([notable]) {
        padding-left: 1.167em;
        padding-top:1.167em;
        padding-bottom:1.167em;
        [role="icon"] {
            font-size: 2.333em;
            line-height: 1em;
            margin-right: 0.5em;
        }
        [role="caption"] {
            font-size: 1.167em;
        }
    }
    &:where([borderless]) {
        --_p-tb: 0.417em;
        --_width-bd:0;
    }
    &:where([square]) {
        --_radius:0;
    }
    &:where([theme="prim"]) {
        --_alert-txt: var(--_c-prim-dp);
        --_alert-bg: var(--_c-prim-bg);
        --_alert-bd: var(--_c-prim-bd);
        &:where([plain]) {
            --_alert-txt: var(--_c-prim);
        }
    }
    &:where([theme="succ"]) {
        --_alert-txt: var(--_c-succ-dp);
        --_alert-bg: var(--_c-succ-bg);
        --_alert-bd: var(--_c-succ-bd);
        &:where([plain]) {
            --_alert-txt: var(--_c-succ);
        }
    }
    &:where([theme="error"]) {
        --_alert-txt: var(--_c-error-dp);
        --_alert-bg: var(--_c-error-bg);
        --_alert-bd: var(--_c-error-bd);
        &:where([plain]) {
            --_alert-txt: var(--_c-error);
        }
    }
    &:where([theme="warn"]) {
        --_alert-txt: var(--_c-warn-dp);
        --_alert-bg: var(--_c-warn-bg);
        --_alert-bd: var(--_c-warn-bd);
        &:where([plain]) {
            --_alert-txt: var(--_c-warn);
        }
    }
    &:where([theme="issue"]) {
        --_alert-txt: var(--_c-issue-dp);
        --_alert-bg: var(--_c-issue-bg);
        --_alert-bd: var(--_c-issue-bd);
        &:where([plain]) {
            --_alert-txt: var(--_c-issue);
        }
    }
    &:where([theme="info"]) {
        --_alert-txt: var(--_c-info-dp);
        --_alert-bg: var(--_c-info-bg);
        --_alert-bd: var(--_c-info-bd);
        &:where([plain]) {
            --_alert-txt: var(--_c-info);
        }
    }
    &:where([theme="text"]) {
        --_alert-txt: var(--_c-text-dp);
        --_alert-bg: var(--_c-text-bg);
        --_alert-bd: var(--_c-text-bd);
        &:where([plain]) {
            --_alert-txt: var(--_c-text);
        }
    }
    &:where([plain]) {
        --_p-alert: 0.833em;
        --_width-bd:0;
        --_alert-bg:transparent;
        --_p-lr:0;
    }
}
