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

:root {
  --blue: 0, 0, 255;
}

.wrapper {
  width: 500px;
}

.rtl {
  direction: rtl;
}

.input {
  width: 100%;
  height: 34px;
  border: 1px solid;
  box-sizing: border-box;
}

.errorBorder {
  border-color: var(--wut-error-color, #ff0000);
}

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

.minHeight {
  -st-mixin:
    setVar(--wix-ui-tpa-error-message-wrapper-min-message-height, null, px, 40);
}

.borderRadius {
  -st-mixin:
    setVar(--wix-ui-tpa-error-message-wrapper-border-radius, null, px, 100);  
}

.borderWidth {
  -st-mixin:
    setVar(--wix-ui-tpa-error-message-wrapper-border-width, null, px, 10);  
}

.borderColorOpacity {
  -st-mixin:
    setColor(--wix-ui-tpa-error-message-wrapper-border-color, null, var(--blue), 0.3);  
}

.backgroundColorOpacity {
  -st-mixin:
    setColor(--wix-ui-tpa-error-message-wrapper-background-color, null, var(--blue), 0.2),
}

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