.field {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 26px;

  .field-caption {
    color: rgb(0 0 0 / 54%);
  }

  input {
    width: 50px;
    max-width: 50%;
    border: none;
    outline: none;

    &:focus,
    &:hover {
      border: 1px solid var(--color-gray-222);
    }
  }

  .field-title {
    margin-top: 5px;
    margin-right: 5px;
  }
}

.field-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;

  .margin-bottom-10 {
    margin-bottom: -10px;
  }
}

.field-caption {
  display: block;
  color: rgb(0 0 0 / 54%);
}

.field-value {
  width: 50%;
}

.field-value-in-card {
  width: 100%;
  margin-right: 5px;
}

.delete-icon-button {
  cursor: pointer;
  margin: 5px;
}

.wrap {
  margin-left: 20px;
}

.trigger-edit {
  .helper-full {
    display: flex;
    align-items: center;
    color: #9e9e9e;

    .icon {
      margin-right: 10px;
    }
  }
}

.actions-buttons {
  display: flex;
  justify-content: flex-end;
  opacity: 0;

  &.right {
    display: flex;
    justify-content: flex-end;
  }
}

.visible {
  opacity: 1;
}

.button-position-absolute {
  position: absolute;
  right: 0;
  bottom: -5px;
  display: block;
}

.trigger-edit-card {
  .helper-full {
    justify-content: space-between;
    color: #2b2b2b;

    .full-mesage {
      position: relative;
      bottom: 20px;

      display: flex;
      align-items: center;

      margin-left: 20px;

      font-size: 16px;
      font-weight: 500;
    }

    .full-action {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;

      margin-top: 5px;
      margin-right: 10px;
      margin-left: 10px;

      .indicator-wrapper {
        display: flex;
        align-items: center;
        margin-bottom: 10px;

        .indicator-icon {
          margin-right: 5px;
        }

        .indicator-text {
          font-size: 12px;
          color: #bfbfbf;
        }
      }

      .icons-wrapper {
        display: flex;
        justify-content: flex-end;
        margin-top: 5px;

        .icon {
          cursor: pointer;
        }
      }
    }
  }
}

.trigger-param {
  margin: 10px 10px 10px 0;
}

.trigger-title {
  margin-bottom: 10px;
  font-weight: 550;
}