.rule-setting-wrap {
  display: flex;
  align-items: center;

  .rule-setting-list {
    flex: 1;

    .rule-setting-item {
      margin-bottom: 20px;
      padding: 20px;
      width: 100%;
      background: #f9fafb;
      border: 1px solid #ddd;
      border-radius: 8px;

      &:last-child {
        margin-bottom: 0;
      }

      .rule-setting-item-header {
        display: flex;
        align-items: center;
        justify-content: space-between;

        .rule-setting-item-title {
          font-size: 14px;
          font-weight: 550;
        }

        .rule-setting-item-btns {
          display: flex;
          align-items: center;
          justify-content: center;

          .rule-setting-item-btn {
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-size: 16px;
          }
        }
      }

      .rule-setting-item-body {
        margin-top: 10px;
        display: flex;
        align-items: center;

        .rule-setting-item-body-list {
          flex: 1;


          .rule-setting-item-body-item {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 12px;

            &:last-child {
              margin-bottom: 0;
            }
          }
        }

      }
    }
  }
}

.rule-setting-add-button-wrap {
  transition: all 0.2s ease;
  padding-left: 0;
  margin-top: 20px;

  &.rule-setting-add-button-wrap-padding {
    padding-left: 200px;
  }
}