@layer components {
  [data-coco][data-component="app-seamless-textarea"] {
    @apply text-current;

    textarea {
      @apply block p-0 m-0 border-none w-full focus:ring-0 text-current;

      overflow: hidden;
      resize: none;
      font-size: inherit;
      font-weight: inherit;
      font-style: inherit;
      line-height: inherit;
      background: inherit;
      text-align: inherit;
      overflow-wrap: anywhere;

      &::placeholder {
        @apply text-current opacity-40 transition-opacity;
      }

      &:hover,
      &:focus {
        &::placeholder {
          @apply opacity-60;
        }
      }
    }
  }
}