@import '../../common//style/val/_variables.scss';
@import '../../common//style/val/_color.scss';
@import '../../common//style/val/_font.scss';


::v-deep {
  .press-popup {
    overflow: visible;
    background-color: $neutral-color-2;

    .header {
      position: relative;
      font-size: $font-size-m-1;
      color: $text-color-10;
      width: 100%;
      text-align: center;
      padding: $font-size-l-3 0;

      &::before {
        content: '';
        width: 100%;
        height: $font-size-m-3;
        background: url(#{$cos-image-valorant-url}/valMobil/common-popup-topper.png)
          no-repeat;
        background-size: 100% auto;
        position: absolute;
        top: -$font-size-m-4;
        left: 50%;
        transform: translateX(-50%);
      }

      .close {
        position: absolute;
        top: $font-size-s-5;
        right: $font-size-l-1;
        padding: $font-size-m-3; // 增加点击区域

        .icon-close {
          width: 100%;
          height: 100%;
          font-size: $font-size-l-2;
          color: $text-color-11; // 颜色移到图标本身
        }
      }
    }
  }
}