.y-textarea{position:relative;display:flex;flex-direction:column;width:100%;min-width:280px;height:120px;padding:var(--space-m);border:1px solid var(--c-sea-blue-300);border-radius:var(--br-2);background-color:var(--c-white-200)}.y-textarea:hover{border-color:var(--c-sea-blue-500)}.y-textarea__label{display:block;font:var(--font-regular);color:var(--c-dark-blue-500);transition:font-size .2s ease}.y-textarea__field{resize:none;width:100%;height:100%;padding:0;border:none;font:var(--font-regular)}.y-textarea__field::placeholder{font:var(--font-regular);color:var(--c-dark-blue-500)}.y-textarea__field::-webkit-scrollbar{width:var(--space-xs);height:var(--space-xs)}.y-textarea__field::-webkit-scrollbar-track-piece{border-radius:var(--space-xs);background:rgba(0,0,0,0)}.y-textarea__field::-webkit-scrollbar-thumb:vertical{height:var(--space-xs);background-color:var(--c-dark-blue-500)}.y-textarea__field::-webkit-scrollbar-thumb:horizontal{width:var(--space-xs);background-color:var(--c-dark-blue-500)}.y-textarea__field:focus{border:none;outline:none}.y-textarea__count{margin-top:var(--space-xs);margin-left:auto;font:var(--font-small);color:var(--c-dark-blue-500)}.y-textarea__error{position:absolute;bottom:calc(-1*var(--space-m));left:0;font:var(--font-additional);color:var(--c-red-500);word-wrap:break-word}.y-textarea--disabled{pointer-events:none;cursor:default;border-color:var(--c-sea-blue-300);background-color:var(--c-sea-blue-100)}.y-textarea--disabled .y-textarea__label{color:var(--c-dark-blue-300)}.y-textarea--disabled .y-textarea__field{background-color:var(--c-sea-blue-100)}.y-textarea:has(.y-textarea__field:focus) .y-textarea__label,.y-textarea:has(.y-textarea__field:not(:placeholder-shown)) .y-textarea__label{font:var(--font-additional)}.y-textarea:has(.y-textarea__field:focus).y-textarea{border-color:var(--c-sea-blue-500);box-shadow:0 0 0 2px var(--c-sea-blue-500)}.y-textarea:has(.y-textarea__field:focus).y-textarea--error{border-color:var(--c-red-500);box-shadow:0 0 0 2px var(--c-red-500)}.y-textarea--with-label .y-textarea__field::placeholder{visibility:hidden;opacity:0}.y-textarea--error,.y-textarea--error:hover{border-color:var(--c-red-500)}.y-textarea--error .y-textarea__count,.y-textarea--error .y-textarea__label{color:var(--c-red-500)}