.medication {
  width: 100%;

  .medication-box {
    overflow: hidden;

    .nut-swipe__content {
      width: calc(100% + 12px);
    }
  }

  .medication-list-swipe {
    margin-bottom: 5px;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
  }

  .medication-list {
    width: 100%;
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;

    .del_btn {
      width: 65px;
      height: 100%;
      padding: 0;
      background: rgba(234, 82, 132, 1);
    }

    .nut-form {
      width: 100%;
    }
    .nut-cell-group__wrap {
      margin: 0;
      border-radius: 0;
      box-shadow: none;

      .nut-cell::after {
        display: none;
      }
    }

    .icon {
      margin-top: 14px;
      margin-right: 10px;

      & svg {
        width: 20px;
        height: 20px;
      }
    }

    .medication-card {
      width: 100%;
      padding: 0 14px;
      box-sizing: border-box;

      .medication-card-item {
        padding: 15px 0;
        box-sizing: border-box;
        border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
      }

      .medication-card-item:nth-last-of-type(1) {
        border-bottom: none !important;
      }

      .name {
        font-family: PingFang SC;
        font-size: 15px;
        font-weight: normal;
        line-height: 18px;
        letter-spacing: 0px;
        color: rgba(0, 0, 0, 0.85);
      }
      .amount {
        width: 100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px 25px;
        margin-top: 8px;

        .amount-text {
          font-family: PingFang SC;
          font-size: 12px;
          font-weight: normal;
          line-height: 18px;
          letter-spacing: 0em;
          font-variation-settings: 'opsz' auto;
          color: rgba(0, 0, 0, 0.85);
        }
      }
    }

    .merge-line {
      // &::after {
      //   content: '';
      //   position: absolute;
      //   top: 23px;
      //   right: 10%;
      //   height: calc(100% - 46px);
      //   width: 5px;
      //   border: 1px solid #2c68ff;
      //   border-left: none;
      // }
    }
  }
}

.nut-dialog-class {
  width: 250px !important;
  border-radius: 8px !important;

  .nut-dialog {
    width: 100%;
    padding: 15px 24px 16px 24px;

    .nut-dialog__header {
      font-family: PingFang SC;
      font-size: 15px;
      font-weight: normal;
      line-height: normal;
      letter-spacing: 0px;
      font-variation-settings: 'opsz' auto;
      color: rgba(0, 0, 0, 0.85);
    }
    .nut-dialog__content {
      font-family: PingFang SC;
      font-size: 14px;
      font-weight: normal;
      line-height: normal;
      text-align: center;
      letter-spacing: 0px;
      font-variation-settings: 'opsz' auto;
      color: rgba(0, 0, 0, 0.45);
    }
  }

  .nut-dialog__footer .nut-button {
    min-width: 82px !important;
    height: 30px !important;
  }
}