@import '../../common/style/gp-match/palette.scss';
@import '../../common/style/gp-match/mixin.scss';


$font-s: 12px;
 
.press-card__bar {
  position: relative;
  padding: 0 .32rem;
  height: .88rem;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  color: rgba(255,255,255,.9);
  z-index: 10;
 
  @include flex-content;
   

  .press-card__bar-name,
  .press-card__bar-role-right,
  .press-card__bar-role-left {
    font-size: 12px;
    max-width: 4.8rem;
 
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
 
  .press-card__bar-name {
    &::after {
      content: '';
      width: .32rem;
      height: .32rem;
      margin-left: .08rem;
      display: inline-block;
      vertical-align: middle;
      background: url(https://image-1251917893.file.myqcloud.com/HPJY_Gamesystem_2020/DZS_2C/icons/icon-32-mainarrow.png) no-repeat;
      background-size: 100% 100%;
    }
  }
   
  .press_type-text {
    font-size: $font-s;
    text-decoration: underline;
  }
}
 
.press-card__bar-role {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  
  .press-card__bar-role-left {
    flex: 1;
  }
}

.press-card__bar-role-right span {
  padding: 0 .12rem;
}