@layer components{.textarea{display:grid;font-size:var(--font-size-md);gap:0 var(--spacing-xxs);grid-auto-flow:column;grid-template-columns:minmax(0,1fr) auto}.textarea--HAS-VALUE .textarea__label,.textarea:focus-within .textarea__label{font-size:var(--font-size-xs);line-height:1;top:2px}.textarea--ERROR .textarea__field{border-color:var(--color-danger)}.textarea--ERROR .textarea__label{color:var(--color-danger)}.textarea--DISABLED .textarea__field{background-color:var(--color-grey-200)}.textarea--DISABLED .textarea__label{background-color:transparent}.textarea__wrapper{position:relative}.textarea__label{align-items:center;color:var(--color-grey-400);display:flex;height:var(--input-padding-top);left:var(--input-padding-inline);pointer-events:none;position:absolute;right:var(--input-padding-inline);top:var(--input-label-top);z-index:1}.textarea__field,.textarea__label{background-color:var(--color-light);transition:var(--transition-speed-fast)}.textarea__field{border:1px solid var(--color-grey-300);border-radius:var(--input-border-radius);display:block;line-height:normal;padding:var(--input-padding-top) var(--input-padding-inline) var(--input-padding-bottom);resize:none;width:100%}.textarea__field::-webkit-scrollbar{width:.6rem}.textarea__field::-webkit-scrollbar-track{background-color:transparent;margin-bottom:.4rem;margin-top:.4rem}.textarea__field::-webkit-scrollbar-thumb{background-color:var(--color-stroke-blue);border:none;border-radius:.4rem}.textarea__field--resizable{max-height:600px;min-height:120px;resize:vertical}.textarea__extra{align-items:center;align-items:flex-start;display:flex;flex-direction:row;grid-column:1/-1;grid-row:2;justify-content:space-between;margin-top:var(--spacing-xxs)}.textarea__max{color:var(--color-grey-400);display:block;font-size:var(--font-size-xs);letter-spacing:.5px;margin-left:auto}.textarea__tooltip{align-self:start}}