/* Native Textarea port: Flux textarea anatomy and app.css state contract. */
textarea.octopus-textarea { box-sizing:border-box; display:block; width:100%; margin:0; padding:.75rem; resize:vertical; border:1px solid var(--color-zinc-200); border-bottom-color:color-mix(in srgb,var(--color-zinc-300) 80%,transparent); border-radius:.5rem; background:white; color:var(--color-zinc-700); box-shadow:var(--elevation-raised); font-family:var(--font-sans); font-size:var(--type-label-size); line-height:var(--type-body-leading); }
.octopus-textarea::placeholder { color:var(--color-zinc-400); }
/* The textarea owns its overflow, matching the Select list's native scrollbar. */
.octopus-textarea { scrollbar-width:thin; scrollbar-color:var(--color-zinc-400) transparent; }
.octopus-textarea:hover:not(:disabled):not([data-invalid]) { border-color:var(--color-input-active); }
.octopus-textarea:is(:focus,:focus-visible):not(:disabled):not([data-invalid]) { border-color:var(--color-input-active); outline:0; box-shadow:0 0 0 .1875rem var(--color-input-active-ring); }
.octopus-textarea[data-invalid] { border-color:var(--color-red-500); box-shadow:none; }
.octopus-textarea[data-invalid]:focus { outline:0; box-shadow:0 0 0 .1875rem color-mix(in srgb,var(--color-red-500) 24%,transparent); }
.octopus-textarea:disabled { color:var(--color-zinc-500); box-shadow:none; }
@media(max-width:640px) { textarea.octopus-textarea { font-size:var(--type-body-size); } }