.gui-rename-input-form {
  @apply inline-block relative whitespace-pre-wrap max-w-full;
}

.gui-rename-input-text {
  @apply bg-transparent border-0 relative transition-none overflow-hidden resize-none text-left;

  &:hover {
    @apply border border-solid border-neutral-90 rounded;
  }

  &:focus, &:active {
    @apply border-2 border-solid border-blue-primary rounded;

    outline:none;
  }
}

input.gui-rename-input-text,
textarea.gui-rename-input-text {
  @apply inline-block absolute inset-0 w-full h-full;
}

.gui-rename-input-size-helper {
  @apply opacity-0 inline-block w-auto whitespace-pre max-w-full align-middle;
}

.gui-rename-input-multiline.gui-rename-input-size-helper {
  @apply whitespace-pre-wrap;
}

.gui-rename-input-text-md {
  @apply text-base p-05 leading-4;

  &:hover {
    padding: 5px;
  }

  &:focus, &:active {
    padding: 4px;
  }
}

.gui-rename-input-text-lrg {
  @apply text-lg p-2 leading-5;

  &:hover {
    padding: 7px;
  }

  &:focus, &:active {
    padding: 6px;
  }
}

input.gui-rename-input-text-lrg {
  &:focus, &:active {
    padding-top: 5px;
  }
}