@import '@/styles/common.less';
@import '@/styles/variables.less';

.material-manage-popup {
  .flex-column();

  &__popup {
    background: #FFFFFF;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }

  &__header {
    .flex-column();
    margin-top: 36px;
  }

  &__title {
    font-size: 32px;
    line-height: 32px;
    font-weight: 500;
    color: @blColor;
  }

  &__tips {
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
    color: @blColorG1;
    margin-top: 16px;
  }

  &__select {
    width: 100%;
    margin-top: 40px;
  }

  &__btn {
    .button(@width: 360px; @height: 72px; @fontSize: 28px; @borderRadius: 44px);
    margin-top: 32px;
  }
}