@import '../../common/style/smoba/layout.scss';
@import '../../common/style/smoba/mixin.scss';

.press-tabs--hor {
  height: 100%;

  /* tab */
  ::v-deep {
    .press-tabs {
      height: 100%;
      z-index: 2;
    }

    .press-tabs__content {
      height: calc(100% - .54rem);
      padding-top: .12rem;
    }

    .press-tabs__scroll {
      height: 100%;
      background: transparent;
      box-sizing: border-box;
    }

    .press-tabs__wrap {
      position: relative;
      height: .54rem;

      &::before {
        position: absolute;
        bottom: .06rem;
        left: 0;
        right: 0;
        content: '';
        height: .02rem;
        background: rgba(123, 197, 255, .15);
      }
    }

    .press-tabs__nav,
    .press-tabs__scroll--line {
      height: 100%;
    }

    .press-tab {
      font-family: 'GAMEFONT';
      flex: none;
      color: #84b0eb;
      font-size: $font-s;
      padding: 0 .32rem .06rem;
      z-index: 2;
    }

    .press-tabs__line {
      height: 27px;
      background: transparent url(https://image-1251917893.file.myqcloud.com/Esports/hor/sche/tab-act.png) no-repeat center;
      background-size: contain;
      border-radius: 0;
    }

    .press-tab__pane {
      height: 100%;
    }

    .press-tab--active {
      color: $color-white;
      text-shadow: 0 0 8px rgba(95, 147, 234, .69);
    }

    .press-ellipsis {
      overflow: visible;
    }

    .press-info--dot {
      top: -.08rem !important;
      right: -.02rem !important;
      width: .28rem;
      height: .28rem;
      padding: 0;
      border-radius: 0;
      border: 0;
      background: url(https://image-1251917893.file.myqcloud.com/Esports/hor/sche/red-dot.png) no-repeat center;
      background-size: contain;
    }
  }
}