.page-special-comment__wrapper {
  textarea {
    @apply w-full flex-grow font-bold rounded bg-[#EDEFF0] border-[#AEB7C1] border border-solid outline-none text-p2 p-4;
    resize: none;
    height: auto !important;
  }

  textarea.inactive {
    @apply text-warning font-bold;
    @apply w-full flex-grow rounded bg-[#EDEFF0] border-[#AEB7C1] border border-solid outline-none text-p2 p-4 text-warning font-bold;
    // ipad color fix
    -webkit-text-fill-color: rgb(190, 129, 0);
    opacity: 1;
  }

  textarea::placeholder,
  textarea.inactive::placeholder {
    @apply text-[#89949E] font-normal;
    -webkit-text-fill-color: #89949e;
  }

  input {
    @apply flex-grow bg-transparent border-none outline-none text-p2 mx-4;
  }

  input.inactive {
    @apply text-warning font-bold;
    @apply flex-grow bg-transparent border-none outline-none text-p2 mx-4 text-warning font-bold;
    // ipad color fix
    -webkit-text-fill-color: rgb(190, 129, 0);
    opacity: 1;
  }

  button {
    @apply bg-transparent text-brand font-bold text-p1 outline-none border-none;
  }

  button.clear {
    @apply text-black;
  }

  .comment-actions {
    @apply flex justify-center items-center;
  }
}
