.mobile-tag-container {
  cursor: pointer;
  background-color: @white;
  display: flex;
  flex-direction: column;
  padding: 16px 8px 16px 16px;
  border-left: 3px solid @purple-main;

  &:not(:first-child) {
    margin-top: 16px;
  }

  & > .igloo-icon {
    color: @granite;
    font-size: 24px;
    margin-left: 8px;
  }

  .mobile-tag-common {
    display: flex;
    align-items: center;
  }

  .mobile-tag-left {
    flex: 1;
    display: flex;
    align-items: flex-start;

    .left-insurer-icon {
      font-size: 24px;
      margin-right: 8px;
      display: flex;
    }

    .left-insurer-info-container {
      .left-insurer-title {
        color: @black;
        margin-right: 8px;
        margin-bottom: 2px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: flex;
        align-items: center;

        .left-insurer-title-red-dot {
          width: 6px;
          height: 6px;
          border-radius: 50%;
          background-color: @red;
          margin-left: 8px;
        }
      }

      .left-insurer-sub-title {
        color: @granite;
        margin-bottom: 6px;
      }

      .left-insurer-status {
        margin-top: 6px;
      }
    }
  }
}