@import './popup.scss';
@import "../../styles/themes/variable.scss";

@font-face {
  font-family: "xh-iconfont"; /* Project id 4043926 */
  src: url("data:application/x-font-woff2;charset=utf-8;base64,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")
      format("woff2"),
    url("./font/iconfont.woff?t=1686214093886") format("woff"),
    url("./font/iconfont.ttf?t=1686214093886") format("truetype");
}

#{$xh-prefix}-action-sheet {
  &.inline {
    display: inline-block;
  }
  &-main {
    background-color: #fff;
    border-radius: 32px 32px 0 0;
    text-align: center;
    padding-bottom: const(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    &:not(.controlled) {
      background: #f9f9f9;
    }
  &-header {
    background-color: #fff;
    border-bottom: 2px solid $border-color;
    box-sizing: border-box;
    padding: 32px 0;
    text-align: center;
    font-size: 32px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    border-radius: 32px 32px 0 0;
    position: relative;
    &-title {
      font-family: PingFang SC;
    }
    &-desc {
      font-size: 20px;
      color: #999999;
    }
    &-close {
      font-family: "xh-iconfont";
      position: absolute;
      font-size: 42px;
      top: 30px;
      right: 30px;
      &:before {
        content: "\e608";
      }
    }
  }
  &-panel {
    position: relative;
    background-color: #fff;
    font-size: 28px;
    font-family: PingFangSC-Regular, PingFang SC;
    max-height: 98px * 6;
    overflow-y: scroll;
    &.noTitle {
      border-radius: 32px 32px 0 0;
    }
    &-item {
      font-weight: 400;
      color: #333333;
      height: 98px;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      &.start {
        justify-content: flex-start;
      }
      &.end {
        justify-content: flex-end;
      }
      &:not(:last-child) {
        border-bottom: 1PX solid #eee;
      }
      &:active {
        background-color: #eee;
      }
      &.active {
        background-color: #F2F2F2;
      }
    }
  }
  &-action {
    padding: 0 28px 0;
    font-size: 28px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    margin-top: 20px;
    background-color: #fff;
    &.noMarinTop {
      margin-top: 0;
    }
    &-submit {
      padding: 29px 0;
      background-color: var(--color-primary);
      text-align: center;
      outline: 0;
      border: 0;
      width: 100%;
      border-radius: 48px;
      color: #fff;
      font-size: 32px;
      &:active {
        opacity: 0.6;
      }
    }
    &-cancel {
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      background-color: #fff;
      padding: 28px;
      &:active {
        background-color: #eee;
      }
      &.mode {
        margin-top: 28px;
      }
    }
  }
}
}