@import '../../../base/style.less';
@popupPrefix: iot-alert-out;

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

  .iot-alert{
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: var(--card-margin-size);
    width: var(--card-width-size);
    height: auto;
    
    border: var(--card-border);
    padding: .12rem 0;
    background-image: linear-gradient(to right,#FFFDE6, #FFFCD9);
    border-radius: .18rem;
    box-sizing: content-box;
    font-size:0.12rem;
    // font-variant: tabular-nums;
    // font-feature-settings: "tnum";
    
    .iot-alert-icon{
      margin-left: .2rem;
      margin-right: .04rem;
      width: 0.12rem;
      height: 0.18rem;
      display: flex;
      align-items: center;
      img {
        width:100%;
        height:0.12rem;
      }
    }
    .iot-alert-content{
      float: right;
      flex: 1;
      min-width: 0;
      .iot-alert-message{
        color: #D9500B;
      }
    }
  }

}