@st-import [ setColor, setVar, setFont ] from '../../common/formatters.st';

.elementBelow {
  border: 1px dashed #000000;
}

.root {
  -st-mixin:
    setVar(--wix-ui-tpa-text-area-error-message-min-height, null, px, 40),
    setColor(--wix-ui-tpa-text-area-error-color, null, "0, 0, 255");
}

.simple {
  -st-mixin:
    setVar(--wix-ui-tpa-text-area-main-border-radius, null, px, 10),
    setVar(--wix-ui-tpa-text-area-main-border-width, null, px, 4),
    setVar(--wix-ui-tpa-text-area-container-width, null, px, 200),
    setVar(--wix-ui-tpa-text-area-container-height, null, px, 200),
    setColor(--wix-ui-tpa-text-area-border-color, null, "255, 0, 0"),
    setColor(--wix-ui-tpa-text-area-background-color, null, "0, 128, 0"),
    setColor(--wix-ui-tpa-text-area-text-color, null, "128, 0, 128"),
    setFont(--wix-ui-tpa-text-area-text-font, null, "Page-title", '{ "size": "20px", "line-height": "26px" }'),
    setFont(--wix-ui-tpa-text-area-main-label-font, null, "Body-L", '{ "size": "16px", "line-height": "20px" }'),
    setColor(--wix-ui-tpa-text-area-main-label-text-color, null, "255, 0, 0"),
    setFont(--wix-ui-tpa-text-area-char-count-font, null, "Body-L", '{ "size": "18px", "line-height": "20px" }'),
    setColor(--wix-ui-tpa-text-area-char-count-color, null, "0, 0, 255");
}

.placeholder {
  -st-mixin:
    setColor(--wix-ui-tpa-text-area-placeholder-color, null, "0, 0, 255");
}

.disabled{
  -st-mixin:
    setColor(--wix-ui-tpa-text-area-disabled-text-color, null, "0, 0, 255"),
    setColor(--wix-ui-tpa-text-area-disabled-border-color, null, "0, 0, 255"),
    setColor(--wix-ui-tpa-text-area-disabled-label-color, null, "0, 0, 255");
}

.error {
  -st-mixin:
    setColor(--wix-ui-tpa-text-area-error-border-color, null, "0, 128, 0"),
    setColor(--wix-ui-tpa-text-area-error-color, null, "0, 128, 0"),
    setVar(--wix-ui-tpa-text-area-error-message-min-height, null, px, 40);
}

.success {
  -st-mixin:
    setColor(--wix-ui-tpa-text-area-success-border-color, null, "0, 0, 255"),
}

.line {
  -st-mixin:
    setVar(--wix-ui-tpa-text-area-main-border-width, null, px, 5);
}

.hoverOverrides {
  -st-mixin:
    setVar(--wix-ui-tpa-text-area-main-border-opacity, null, 0.2),
    setColor(--wix-ui-tpa-text-area-hover-border-color, null, "114, 71, 255"),
    setVar(--wix-ui-tpa-text-area-hover-border-width, px, 5),
    setVar(--wix-ui-tpa-text-area-hover-border-radius, px, 10),
    setColor(--wix-ui-tpa-text-area-hover-background-color, null, "247, 165, 2"),
    setVar(--wix-ui-tpa-text-area-hover-background-opacity, null, null, 0.5),
    setColor(--wix-ui-tpa-text-area-hover-text-color, null, "237, 36, 217");
}

.verticalPadding {
  -st-mixin: setVar(--wix-ui-tpa-text-area-vertical-padding, null, px, 20);
}

.horizontalPadding {
  -st-mixin: setVar(--wix-ui-tpa-text-area-horizontal-padding, null, px, 40);
}

.startPadding {
  -st-mixin:
    setVar(--wix-ui-tpa-text-area-padding-inline-start, null, px, 50);
}

/* st-namespace-reference="../../../../../src/components/TextArea/TextArea.visual.st.css" */