/** @format */

import styled from 'styled-components';

const Container = styled.div`
  padding: 16px 16px 20px;
  .warning-list {
    margin-top: 10px;
    .warning-item {
      margin-bottom: 2px;
      width: 100%;
      padding: 9px 10px;
      display: flex;
      align-items: center;
      background: rgba(60, 80, 117, 0.4);
      &.active {
        background: rgba(255, 59, 48, 0.4);
      }
      img {
        width: 14px;
        height: 14px;
      }
      span {
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #ffffff;
        line-height: 22px;
        &.type {
          margin-left: 8px;
        }
        &.date {
          margin-left: auto;
        }
      }
    }
  }
`;

const SubTitle = styled.div`
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #fff;
  line-height: 24px;
  &.mb2 {
    margin-bottom: 2px;
  }
  &.mb20 {
    margin-bottom: 20px;
  }
  &.mt24 {
    margin-top: 24px;
  }
`;

export { Container, SubTitle };