.textareaField__Wrapper{background-color:#fff;border:1px solid #ccc;border-radius:10rem;width:100%;transition:border-color .3s;position:relative;overflow:hidden}@media (width>=769px){.textareaField__Wrapper:hover{border-color:#000}}.textareaField__Wrapper textarea{resize:none;border:0;border-radius:10rem;outline:0;width:100%;min-height:150rem;padding:12rem;font-size:16rem;transition:box-shadow .3s;display:block}.textareaField__Wrapper textarea::-webkit-scrollbar{background:#ddd;width:4rem}.textareaField__Wrapper textarea ::-webkit-scrollbar-track{background:#ddd}.textareaField__Wrapper textarea::-webkit-scrollbar-corner{background:#ddd}.textareaField__Wrapper textarea::-webkit-scrollbar-thumb{background:#000}.textareaField.isDisabled input,.textareaField__Wrapper textarea:disabled{background-color:#eee}.textareaField__Wrapper:has(span){border:none}.textareaField__Wrapper:has(span) textarea{border:1px solid #ccc;margin-bottom:8rem;padding-bottom:5rem}.textareaField__Wrapper span{padding:0 10rem}.textareaField{position:relative}.textareaField.isDisabled .textareaField__Wrapper{opacity:.5}.textareaField.isError .textareaField__Wrapper{border-width:3px;border-color:#c61736}.textareaField.isError .textareaField__Wrapper textarea{box-shadow:none}@media screen and (width>=769px){.textareaField.isInline{align-items:flex-start;display:flex}.textareaField.isInline .textareaField__Wrapper{margin:0 10rem}}.textareaField.hasFocus .textareaField__Wrapper{border-color:#0000}.textareaField.hasFocus.isError .textareaField__Wrapper{border-color:#c61736}.textareaField.hasFocus textarea{box-shadow:0 0 0 2px inset var(--themeColor)}
