@import '../../../base/style.less';

@popupPrefix: iot-fault-alarm-out;

.@{popupPrefix} {
    overflow: hidden;
    width: 100%;
    height: auto;

    .iot-fault-alarm {
        position: relative;
        margin: 0.025rem 0;
        width: 100%;
        height: .36rem;
        display: flex;
        align-items: center;
        background-image: linear-gradient(270deg, #FFFDE6 0%, #FFFDE3 45%, #FFFCDC 83%, #FFFCD9 100%);
        .alarm-text {
            width: 70%;
            position: relative;
            div {
                width: 100%;
                font-size: .12rem;
                color: #D9500B;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-left: 0.15rem;
            }
        }
        .alarm-right {
            width: 30%;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-end;
            .alarm-right-text {
                font-size: .12rem;
                color: #D9500B;
                margin-right: 0.15rem;
            }
            .icon {
                font-size: .1rem;
                color: #D9500B;
                margin-right: .2rem;
            }
        }
    }
}