import styled, { css } from "styled-components";
import { BoxSizingStyle } from "../BoxSizingStyle";
import { FontStyle } from "../FontStyle";
export const StyledTextarea = styled.textarea.withConfig({
  displayName: "Styles__StyledTextarea",
  componentId: "sc-m6jqw8-0"
})(["", " ", " ", " ", " ", " border-width:1px;border-style:solid;background-color:var(--input-background-color);", " border-radius:8px;padding:4px 8px 6px 8px;height:auto;transition:all 0.3s ease;width:360px;min-height:90px;outline:none;", " ", " ", " ", " ", " &::placeholder{", "}", " ", ""], {
  "fontSize": "0.875rem"
}, {
  "color": "var(--color-theme-900)"
}, {
  "lineHeight": "1.375"
}, {
  "letterSpacing": "0.02em"
}, {
  "fontWeight": "400"
}, {
  "borderColor": "var(--color-theme-500)"
}, FontStyle, BoxSizingStyle, props => props.$mode === "flat" && css(["border:none;background-color:transparent;"]), props => props.disabled && css(["", ""], {
  "cursor": "not-allowed",
  "opacity": "0.5"
}), props => !props.disabled && !props.$invalid && props.$mode === "outlined" && css(["&:active,&:focus,&:hover{", "}"], {
  "borderColor": "var(--color-primary)"
}), {
  "color": "var(--color-theme-transparent-500)"
}, props => !props.disabled && props.$invalid && props.$mode === "outlined" && css(["", ""], {
  "borderColor": "var(--red-alert)"
}), props => !props.disabled && props.$invalid && props.$mode === "flat" && css(["color:var(--red-alert);"]));
StyledTextarea.displayName = "StyledTextarea";
//# sourceMappingURL=Styles.js.map