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

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

.root {
  -st-mixin:
    setVar(--wix-ui-tpa-text-field-main-border-radius, null, px, 4),
    setVar(--wix-ui-tpa-text-field-main-border-width, null, px, 2),
    setColor(--wix-ui-tpa-text-field-main-border-color, null, "68, 69, 70"),
    setColor(--wix-ui-tpa-text-field-main-background-color, null, "238, 238, 238")
    setColor(--wix-ui-tpa-text-field-main-text-color, null, "52, 53, 54"),
    setColor(--wix-ui-tpa-text-field-placeholder-color, null, "120, 188, 222"),
    setColor(--wix-ui-tpa-text-field-disabled-placeholder-color, null, "0, 154, 154"),
    setFont(--wix-ui-tpa-text-field-main-text-font, null, 'Body-M', '{"size":"15px"}'),
    setFont(--wix-ui-tpa-text-field-main-label-font, null, 'Body-M', '{"size":"13px"}'),
    setColor(--wix-ui-tpa-text-field-main-label-text-color, null, "128, 0, 128"),
    setFont(--wix-ui-tpa-text-field-char-count-font, null, 'Body-S', '{"size":"12px"}'),
    setColor(--wix-ui-tpa-text-field-char-count-color, null, "128, 128, 128"),
    setColor(--wix-ui-tpa-text-field-disabled-label-color, null, "119, 136, 153"),
    setColor(--wix-ui-tpa-text-field-prefix-color, null, "255, 192, 203"),
    setVar(--wix-ui-tpa-text-field-error-message-min-height, null, px, 40),
    setColor(--wix-ui-tpa-text-field-error-color, null, "255, 105, 180"),
    setColor(--wix-ui-tpa-text-field-helper-text-color, null, "200, 100, 50"),
    setFont(--wix-ui-tpa-text-field-helper-text-font, null, 'Body-S', '{"size":"10px"}');
}

.readOnly {
  -st-mixin:
    setColor(--wix-ui-tpa-text-field-readonly-background-color, null, "238, 238, 238"),
    setColor(--wix-ui-tpa-text-field-readonly-border-color, null, "68, 69, 70"),
    setVar(--wix-ui-tpa-text-field-readonly-border-width, null, px, 10),
    setVar(--wix-ui-tpa-text-field-readonly-border-radius, null, px, 20),
    setColor(--wix-ui-tpa-text-field-readonly-label-text-color, null, "128, 0, 128"),
    setFont(--wix-ui-tpa-text-field-readonly-label-font, null, 'Body-M', '{"size":"20px"}'),
    setColor(--wix-ui-tpa-text-field-readonly-text-color, null, "255, 192, 203"),
    setFont(--wix-ui-tpa-text-field-readonly-text-font, null, 'Body-M', '{"size":"20px"}'),
    setColor(--wix-ui-tpa-text-field-readonly-prefix-color, null, "255, 192, 203");
}

.largeText {
  -st-mixin: setFont(--wix-ui-tpa-text-field-main-text-font, null, 'Body-M', '{"size":"32px"}');
}

.hugeText {
  -st-mixin: setFont(--wix-ui-tpa-text-field-main-text-font, null, 'Body-M', '{"size":"48px"}');
}

.hoverOverrides {
  -st-mixin:
    setVar(--wix-ui-tpa-text-field-main-border-radius, null, px, 4),
    setVar(--wix-ui-tpa-text-field-main-border-width, null, px, 2),
    setColor(--wix-ui-tpa-text-field-main-border-color, null, "68, 69, 70"),
    setColor(--wix-ui-tpa-text-field-main-background-color, null, "238, 238, 238")
    setColor(--wix-ui-tpa-text-field-main-text-color, null, "52, 53, 54"),
    setFont(--wix-ui-tpa-text-field-main-text-font, null, 'Body-M', '{"size":"15px"}'),
    setFont(--wix-ui-tpa-text-field-main-label-font, null, 'Body-M', '{"size":"13px"}'),
    setColor(--wix-ui-tpa-text-field-main-label-text-color, null, "128, 0, 128"),
    setFont(--wix-ui-tpa-text-field-char-count-font, null, 'Body-S', '{"size":"12px"}'),
    setColor(--wix-ui-tpa-text-field-char-count-color, null, "128, 128, 128"),
    setColor(--wix-ui-tpa-text-field-disabled-label-color, null, "119, 136, 153"),
    setColor(--wix-ui-tpa-text-field-prefix-color, null, "255, 192, 203"),
    setVar(--wix-ui-tpa-text-field-error-message-min-height, null, px, 40),
    setColor(--wix-ui-tpa-text-field-error-color, null, "255, 105, 180"),
    setColor(--wix-ui-tpa-text-field-hover-border-color, null, "255, 0, 0"),
    setVar(--wix-ui-tpa-text-field-hover-border-width, null, px, 5),
    setVar(--wix-ui-tpa-text-field-hover-border-radius, null, px, 10),
    setColor(--wix-ui-tpa-text-field-hover-background-color, null, "0, 0, 0"),
    setColor(--wix-ui-tpa-text-field-hover-text-color, null, "255, 255, 255"),
    setVar(--wix-ui-tpa-text-field-main-border-opacity, null, null, 1);
}

.paddingOverrides {
  -st-mixin:
    setVar(--wix-ui-tpa-text-field-padding-inline-start, null, px, 50),
    setVar(--wix-ui-tpa-text-field-padding-inline-end, null, px, 50),
    setVar(--wix-ui-tpa-text-field-padding-block-start, null, px, 50),
    setVar(--wix-ui-tpa-text-field-padding-block-end, null, px, 50);
}

.textIconSpacingOverrides {
  -st-mixin:
    setVar(--wix-ui-tpa-text-field-prefix-padding-inline-end, null, px, 30),
    setVar(--wix-ui-tpa-text-field-suffix-padding-inline-start, null, px, 30);
}

.arrowsSuffixPaddingOverrides {
  -st-mixin:
    setVar(--wix-ui-tpa-text-field-padding-block-end, null, px, 50),
    setVar(--wix-ui-tpa-text-field-arrows-suffix-vertical-padding, null, px, 10),
    setVar(--wix-ui-tpa-text-field-suffix-padding-inline-start, null, px, 30);
}

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