//css for Warn
@import 'cbkfe-assets/dist/css/control.less';

.cbkfe-warn {
    position: relative;
    overflow: hidden;
    padding-right: 0.5rem;

    .cbkfe-warn__icon {
        position: absolute;
        left: 0;
        top: 0.15rem;
        width: 0.55rem;
        height: 0.55rem;
    }

    .cbkfe-warn__item {
        position: relative;
        padding-left: 0.8rem;
        .font(0.6rem, #FF6D5D, 0.95rem);
        font-weight: 400;
        word-break: break-all;
    }

    .cbkfe-warn__blank {
        display: inline-block;
        width: 2rem;
    }

    .cbkfe-warn__foldIcon {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 0.5rem;
        color: #c9c9c9;
    }

    .cbkfe-warn__foldIcon--packup {
        display: inline-block;
        transform: rotate(180deg);
    }


}

.cbkfe-warn--fold {
    overflow: hidden;
    display: -webkit-box;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    /* autoprefixer: ignore next */
    text-overflow: ellipsis;
}