@import '../../common/style/act/mixin/mixin.scss';

@import '../../common/style/act/layout/_layout-smoba.scss';


/* #ifdef MP */

/* #ifdef VUE3 */
// Vue3 嵌套 slot，会多生成一个 view
::v-deep  .press__buttons  > view {
  flex: 1;
}

/* #endif */

/* #endif */

.press-act:not(.press-act--hidden-tip) {
  .press__buttons {
    display: flex;
    align-items: center;
  }

  &.press__main {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
  }

  .press__info {
    flex: 1;
    overflow-y: scroll;
  }

  // 额外信息+声明
  .press__extra {
    padding: .3rem .4rem;
    color: $color-gray;
    font-size: .24rem;
    line-height: .34rem;
    background-color: white;
  }

  .press__extra p,
  .press__extra view {
    text-align: center;
  }

  .press__button-wrap {
    position: relative;
    padding: .32rem;
    margin-top: .16rem;
    padding-bottom: calc(.32rem + constant(safe-area-inset-bottom));
    padding-bottom: calc(.32rem + env(safe-area-inset-bottom));
    z-index: 10;
    background: #fff;
  }

  .toast-flag-use {
    display: none;
  }

  .van-popover__content,
  .press-popover__content {
    border-radius: 4px !important;
    background: $color-black !important;
  }

  .van-popover__arrow,
  .press-popover__arrow {
    color: $color-black !important;
  }
}