@layer utilities {

  .inkeep-min-h_unset {
    min-height: unset;
    }

  .inkeep-overflow_hidden {
    overflow: hidden;
    }

  .inkeep-w_100\% {
    width: 100%;
    }

  .inkeep-resize_none {
    resize: none;
    }
      .light .light\:\[\&\:\:placeholder\]\:inkeep-text_gray\.600::placeholder, [data-theme="light"] .light\:\[\&\:\:placeholder\]\:inkeep-text_gray\.600::placeholder {
        color: var(--inkeep-colors-gray-600);
            }
      .dark .dark\:\[\&\:\:placeholder\]\:inkeep-text_grayDark\.200::placeholder, [data-theme="dark"] .dark\:\[\&\:\:placeholder\]\:inkeep-text_grayDark\.200::placeholder {
        color: var(--inkeep-colors-gray-dark-200);
            }
}

@layer recipes {
  .inkeep-textarea--size_md {
    --input-font-size: var(--inkeep-font-sizes-md);
    --input-padding: var(--inkeep-space-4);
    --input-border-radius: var(--inkeep-radii-md);
    --input-height: var(--inkeep-sizes-10);
    }

  .inkeep-textarea--variant_outline {
    border: 1px solid;
    border-color: inherit;
    background: inherit;
    }
    .inkeep-textarea--variant_outline:is(:read-only, [data-read-only]) {
      box-shadow: var(--inkeep-shadows-none) !important;
      -webkit-user-select: all;
      user-select: all;
        }
    .inkeep-textarea--variant_outline:is(:invalid, [data-invalid]) {
      border-color: var(--input-error-border-color);
      box-shadow: 0 0 0 1px var(--input-error-border-color);
        }
    .inkeep-textarea--variant_outline:is(:focus-visible, [data-focus-visible]) {
      z-index: 1;
      border-color: var(--input-focus-border-color);
      box-shadow: 0 0 0 1px var(--input-focus-border-color);
        }
    .inkeep-textarea--variant_outline:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-gray-300);
        }
    .dark .inkeep-textarea--variant_outline:is(:hover, [data-hover]), [data-theme="dark"] .inkeep-textarea--variant_outline:is(:hover, [data-hover]) {
      border-color: var(--inkeep-colors-white-alpha-400);
        }

  @layer _base {
    .inkeep-textarea {
      height: var(--input-height);
      font-size: var(--input-font-size);
      padding-inline: var(--input-padding);
      border-radius: var(--input-border-radius);
      width: 100%;
      min-width: var(--inkeep-sizes-0);
      outline: 0;
      position: relative;
      appearance: none;
      -webkit-appearance: none;
      --transition-prop: common;
      transition-property: common;
      --transition-duration: var(--inkeep-durations-normal);
      transition-duration: var(--inkeep-durations-normal);
      --input-focus-border-color: var(--inkeep-colors-blue-500);
      --input-error-border-color: var(--inkeep-colors-red-500);
      padding-block: var(--inkeep-spacing-2);
      min-height: var(--inkeep-sizes-20);
      line-height: var(--inkeep-line-heights-short);
      vertical-align: top;
        }
      .inkeep-textarea:is(:disabled, [disabled], [data-disabled]) {
        opacity: 0.4;
        cursor: not-allowed;
            }
      .dark .inkeep-textarea, [data-theme="dark"] .inkeep-textarea {
        --input-focus-border-color: var(--inkeep-colors-blue-300)
    ;
        --input-error-border-color: var(--inkeep-colors-red-300)
    ;
            }
    }
}