@import '../../common/styles/pubgm/mixins.less';

.pmg-modify-logo-dialog{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
}

.pmg-team-logo-list{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: scroll;
  width: 7.48rem;
  padding-top: .3rem;
  padding: .4rem .2rem .15rem;

}

.pmg-team-logo-item{
  position: relative;
  flex-shrink: 0;
  width: 1.16rem;
  height: 1.16rem;
  background-color: rgba(26, 26, 26, 0.80);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: .24rem;
  margin-right: .32rem;
  &:nth-child(5n){
    margin-right: 0;
  }
  &.pmg-active{
    position: relative;
    border: 1px solid  rgba(255, 255, 255, 0.30);
    &::after {
      content: '';
      position: absolute;
      top: -.08rem;
      left: -.08rem;
      width: 1.28rem;
      height: 1.28rem;
      .bgUrl('comp/selected.png');
    }
  }

  &.pmg-ai{
    flex-direction: column;
    .pmg-team-logo-ai{
      width: .52rem;
      height: .38rem;
      .bgUrl('comp/icon-ai.png');
      flex-shrink: 0;
      margin-bottom: .16rem;
    }

    .pmg-team-logo-text{
      color: #00E4E1;
      font-size: .16rem;
      font-weight: bold;
    }
  }
}

.pmg-team-logo{
  width: .92rem;
  height: .92rem;
  object-fit: contain;
}