@layer ui{.k-textarea{border-radius:.75rem;color:#c5c6c8;display:grid;flex-direction:column;grid-template-areas:"field" "footer";isolation:isolate;position:relative;width:100%}.k-textarea__field{background:transparent;border:none;color:inherit;outline:none;resize:none}.k-textarea__placeholder{min-width:0;overflow:hidden;pointer-events:none;z-index:-1}.k-textarea__field,.k-textarea__placeholder{font-family:inherit;font-size:1rem;grid-area:field;line-height:1.5;padding-block:var(--k-textarea-padding-block-start,1rem) var(--k-textarea-padding-block-end,.375rem)}.k-textarea__field,.k-textarea__footer,.k-textarea__placeholder{padding-inline:var(--k-textarea-padding-inline,1.5rem)}.k-textarea__footer{align-items:center;display:flex;gap:.5rem;grid-area:footer;justify-content:space-between;min-height:2rem;padding-block-end:var(--k-textarea-footer-padding-block-end,.5rem)}.k-textarea__counter{color:#c5c6c8;font-size:.875rem;font-variant-numeric:tabular-nums}.k-textarea__counter--invalid{animation:k-textarea-counter-wiggle .35s ease-in-out;color:#f56a64}.k-textarea__footer-start{align-items:center;display:flex;gap:.5rem;margin-inline-end:auto}.k-textarea__footer-end{align-items:center;display:flex;gap:.5rem;margin-inline-start:auto}.k-textarea--autosize .k-textarea__field{field-sizing:content;overflow:hidden}.k-textarea--variant-solid{background-color:#151619;border:.5px solid hsla(0,0%,100%,.2);box-shadow:inset 0 0 .25rem #00000040}.k-textarea--variant-transparent{background:transparent;border:none;box-shadow:none}.k-textarea--resize-vertical{overflow:hidden;resize:vertical}.k-textarea--resize-horizontal{overflow:hidden;resize:horizontal}.k-textarea--resize-none{resize:none}.k-textarea--resize-auto .k-textarea__field{field-sizing:content}.k-textarea:has(:focus-visible){outline-color:#aeafb3;outline-offset:.25rem;outline-style:solid;outline-width:.125rem}@keyframes k-textarea-counter-wiggle{0%,to{transform:translate(0)}25%{transform:translate(-.375rem)}50%{transform:translate(.375rem)}75%{transform:translate(-.1875rem)}}@media(prefers-reduced-motion:reduce){.k-textarea__counter--invalid{animation:none}}}
