@use './function.scss' as *; 
 | 
@use './hairline.scss' as *; 
 | 
@use './mixins.scss' as *; 
 | 
  
 | 
:root, 
 | 
page { 
 | 
  .category-searchbar-container { 
 | 
    padding: 30px; 
 | 
  } 
 | 
  
 | 
  .h5-view.nut-popup.nut-popup--bottom { 
 | 
    padding-bottom: constant(safe-area-inset-bottom); 
 | 
    padding-bottom: env(safe-area-inset-bottom); 
 | 
  } 
 | 
  
 | 
  .nut-button.dark-btn { 
 | 
    color: boleGetCssVar('text-color', 'primary') !important; 
 | 
  } 
 | 
  
 | 
  .nut-form { 
 | 
    .nut-cell-group__wrap { 
 | 
      margin-top: 0; 
 | 
      border-radius: 0; 
 | 
      box-shadow: none; 
 | 
    } 
 | 
  
 | 
    .nut-cell.bole-form-item { 
 | 
      --nut-form-item-label-width: 120px; 
 | 
      &:not(.alignTop) { 
 | 
        align-items: center !important; 
 | 
      } 
 | 
  
 | 
      &.labelTop { 
 | 
        display: block; 
 | 
      } 
 | 
  
 | 
      padding: 30rpx; 
 | 
  
 | 
      &::after { 
 | 
        border-bottom: 1px solid #f0f0f0; 
 | 
        left: 30rpx; 
 | 
        right: 30rpx; 
 | 
        display: none; 
 | 
      } 
 | 
  
 | 
      .nut-form-item__body__tips { 
 | 
        position: absolute; 
 | 
        bottom: 0; 
 | 
      } 
 | 
      &:not(.bole-form-item-phone) { 
 | 
        .nut-form-item__body__tips { 
 | 
          right: 30rpx; 
 | 
        } 
 | 
      } 
 | 
  
 | 
      .nut-form-item__label { 
 | 
        font-size: 28rpx; 
 | 
        color: boleGetCssVar('text-color', 'primary'); 
 | 
      } 
 | 
  
 | 
      &.vertical { 
 | 
        flex-direction: column; 
 | 
        align-items: flex-start !important; 
 | 
      } 
 | 
  
 | 
      .nut-form-item__label.required::before { 
 | 
        position: absolute; 
 | 
        left: 12rpx; 
 | 
      } 
 | 
  
 | 
      .nut-radio-group--horizontal { 
 | 
        .nut-radio { 
 | 
          margin-bottom: 0; 
 | 
          vertical-align: middle; 
 | 
        } 
 | 
      } 
 | 
  
 | 
      .nut-rate { 
 | 
        vertical-align: middle; 
 | 
      } 
 | 
  
 | 
      &.hidden-label { 
 | 
        .nut-form-item__label { 
 | 
          opacity: 0; 
 | 
        } 
 | 
      } 
 | 
  
 | 
      .bole-uploader { 
 | 
        padding-top: 16rpx; 
 | 
  
 | 
        &.nopaddingtop { 
 | 
          padding-top: 0; 
 | 
        } 
 | 
      } 
 | 
    } 
 | 
  
 | 
    .bole-form-item-phone { 
 | 
      padding: 24rpx 30rpx; 
 | 
    } 
 | 
  
 | 
    .nut-uploader { 
 | 
      // justify-content: flex-end; 
 | 
    } 
 | 
  
 | 
    .nut-form-item__top { 
 | 
      .nut-form-item__label { 
 | 
        margin-right: 0; 
 | 
      } 
 | 
  
 | 
      .nut-form-item__body { 
 | 
        width: 100%; 
 | 
      } 
 | 
    } 
 | 
  } 
 | 
  
 | 
  .bole-input-text:not(.nut-input--disabled) { 
 | 
    .h5-input, 
 | 
    .input-text { 
 | 
      color: boleGetCssVar('text-color', 'primary') !important; 
 | 
      display: block; 
 | 
      font-size: 30rpx; 
 | 
      line-height: 42px; 
 | 
    } 
 | 
  
 | 
    .input-placeholder { 
 | 
      color: boleGetCssVar('text-color', 'placeholder') !important; 
 | 
      font-size: 30rpx; 
 | 
      line-height: 42px; 
 | 
    } 
 | 
  } 
 | 
  
 | 
  .bole-input-textarea:not(.nut-input--disabled) { 
 | 
    color: boleGetCssVar('text-color', 'primary') !important; 
 | 
    height: 300px; 
 | 
    display: block; 
 | 
    font-size: 30rpx; 
 | 
    line-height: 42px; 
 | 
  } 
 | 
  
 | 
  [placeholderclass='bole-input-text-placeholder'] { 
 | 
    &::placeholder { 
 | 
      @include placeholder; 
 | 
    } 
 | 
  } 
 | 
  
 | 
  .bole-input-text-placeholder { 
 | 
    @include placeholder; 
 | 
  } 
 | 
  
 | 
  .form-item-divider { 
 | 
    margin: 0 28px; 
 | 
    width: calc(100% - 56px); 
 | 
    color: #f0f0f0; 
 | 
  } 
 | 
  
 | 
  // .nut-overlay { 
 | 
  //   z-index: 20022221 !important; 
 | 
  // } 
 | 
  
 | 
  // .nut-popup { 
 | 
  //   z-index: 2222222222 !important; 
 | 
  // } 
 | 
  
 | 
  .nut-tabs__titles-item__smile { 
 | 
    // display: none; 
 | 
    opacity: 0; 
 | 
    transition: width 0.3s ease; 
 | 
  } 
 | 
  
 | 
  .nut-tabs__titles.smile .nut-tabs__titles-item.active .nut-tabs__titles-item__smile { 
 | 
    // display: block; 
 | 
    opacity: 1; 
 | 
  } 
 | 
  
 | 
  .nut-toast { 
 | 
    z-index: 99999999999; 
 | 
  } 
 | 
  
 | 
  .pro-form-item-tips { 
 | 
    word-break: break-all; 
 | 
  } 
 | 
  
 | 
  .nut-dialog__header { 
 | 
    height: 44px; 
 | 
  } 
 | 
  
 | 
  .nut-dialog__footer { 
 | 
    .nut-button--plain { 
 | 
      border-width: 1px; 
 | 
    } 
 | 
  } 
 | 
} 
 |