.#{$prefix}--inline-edit-label {
  display: flex;
  justify-content: space-between;
  align-items: center;

  &:hover {
    .#{$prefix}--inline-edit-label__icon {
      opacity: 1;
    }
  }
}

.#{$prefix}--inline-edit-label--inactive {
  display: none;
}

.#{$prefix}--inline-edit-label__action {
  @include button-reset(false);

  &:hover {
    cursor: pointer;
  }

  &:focus {
    @include focus-outline;
    padding: $spacing-3xs;

    .#{$prefix}--inline-edit-label__icon {
      width: auto;
      opacity: 1;
    }
  }
}

.#{$prefix}--inline-edit-label__icon {
  fill: $ui-05;
  opacity: 0;
}

.#{$prefix}--inline-edit-input {
  display: none;
}

.#{$prefix}--inline-edit-input--active {
  display: block;
  margin-left: rem(-12px);

  input {
    padding-left: $spacing-sm;
  }
}

.#{$prefix}--data-table-v2--short {
  input {
    height: rem(32px);
  }

  select {
    padding: 0.45rem 2.75rem 0.45rem $spacing-md;
  }

  .#{$prefix}--select__arrow {
    top: 0.875rem;
  }
}