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

.root {
  --text-color: 149, 70, 127;
  --border-color: 0, 255, 0;
  --icon-color: 167, 25, 210;
  --box-border-color: 189, 219, 196;
  --box-border-radius: 5;
  --box-color: 0, 47, 255;
  --disabled-label-color: 0, 255, 221;
  --error-color: 218, 255, 5;
  --error-message-min-height: 50;
  --background-color: 220, 237, 200;
  --hover-border-color: 255, 0, 0;
  --hover-background-color: 0, 255, 0;;
  --hover-text-color: 0, 0, 255;
  --checked-background-color: 255, 111, 0;
  --disabled-background-color: 161, 136, 127;
  --icon-color: 167, 25, 210;
  --icon-hover-color: 218, 25, 210;
  --disabled-icon-color: 255,140,0;
  --disabled-box-border-color: 255, 0, 0;

  -st-mixin:
    setColor(--wix-ui-tpa-checkbox-text-color, null, var(--text-color)),
    setColor(--wix-ui-tpa-checkbox-border-color, null, var(--border-color)),
    setColor(--wix-ui-tpa-checkbox-icon-color, null, var(--icon-color)),
    setColor(--wix-ui-tpa-checkbox-box-border-color, null, var(--box-border-color)),
    setVar(--wix-ui-tpa-checkbox-box-border-radius, --box-border-radius, 'px'),
    setColor(--wix-ui-tpa-checkbox-box-color, null, var(--box-color)),
    setFont(--wix-ui-tpa-checkbox-label-font, null, 'Body-M', '{"size": "20px", "line-height": "1.5em"}'),
    setColor(--wix-ui-tpa-checkbox-disabled-label-color, null, var(--disabled-label-color)),
    setColor(--wix-ui-tpa-checkbox-error-color, null, var(--error-color)),
    setVar(--wix-ui-tpa-checkbox-error-message-min-height, --error-message-min-height, 'px'),
    setColor(--wix-ui-tpa-checkbox-input-hover-border-color, null, var(--hover-border-color)),
    setColor(--wix-ui-tpa-checkbox-input-background-color, null, var(--background-color)),
    setColor(--wix-ui-tpa-checkbox-input-hover-background-color, null, var(--hover-background-color)),
    setColor(--wix-ui-tpa-checkbox-hover-text-color, null, var(--hover-text-color)),
    setColor(--wix-ui-tpa-checkbox-input-checked-background-color, null, var(--checked-background-color)),
    setColor(--wix-ui-tpa-checkbox-input-disabled-background-color, null, var(--disabled-background-color)),
    setVar(--wix-ui-tpa-checkbox-input-border-width, null, 'px', 1),
    setVar(--wix-ui-tpa-checkbox-input-border-radius, null, 'px', 0),
    setVar(--wix-ui-tpa-checkbox-input-hover-border-width, null, 'px', 5),
    setVar(--wix-ui-tpa-checkbox-input-hover-border-radius, null, 'px', 10),
    setVar(--wix-ui-tpa-checkbox-input-hover-background-opacity, null, null, 1),
    setVar(--wix-ui-tpa-checkbox-input-main-border-opacity, null, null, 0.6),
    setColor(--wix-ui-tpa-checkbox-icon-color, null, var(--icon-hover-color)),
    setColor(--wix-ui-tpa-checkbox-icon-hover-color, null, var(--icon-color)),
    setColor(--wix-ui-tpa-checkbox-disabled-box-border-color, null, var(--disabled-box-border-color)),
    setColor(--wix-ui-tpa-checkbox-disabled-icon-color, null, var(--disabled-icon-color));
}

.borderOverrides {
  --text-color: 149, 70, 127;
  --border-color: 0, 255, 0;
  --icon-color: 167, 25, 210;
  --box-border-color: 189, 219, 196;
  --box-border-radius: 5;
  --box-color: 0, 47, 255;
  --disabled-label-color: 0, 255, 221;
  --error-color: 218, 255, 5;
  --error-message-min-height: 50;
  --hover-border-color: 255, 0, 0;
  --hover-background-color: 0, 255, 0;
  --hover-text-color: 0, 0, 255;
  --disabled-box-border-color: 255, 0, 0;

  -st-mixin:
    setColor(--wix-ui-tpa-checkbox-text-color, null, var(--text-color)),
    setColor(--wix-ui-tpa-checkbox-border-color, null, var(--border-color)),
    setColor(--wix-ui-tpa-checkbox-icon-color, null, var(--icon-color)),
    setColor(--wix-ui-tpa-checkbox-box-border-color, null, var(--box-border-color)),
    setVar(--wix-ui-tpa-checkbox-box-border-radius, --box-border-radius, 'px'),
    setColor(--wix-ui-tpa-checkbox-box-color, null, var(--box-color)),
    setFont(--wix-ui-tpa-checkbox-label-font, null, 'Body-M', '{"size": "20px", "line-height": "1.5em"}'),
    setColor(--wix-ui-tpa-checkbox-disabled-label-color, null, var(--disabled-label-color)),
    setColor(--wix-ui-tpa-checkbox-error-color, null, var(--error-color)),
    setVar(--wix-ui-tpa-checkbox-error-message-min-height, --error-message-min-height, 'px'),
    setColor(--wix-ui-tpa-checkbox-input-hover-border-color, null, var(--hover-border-color)),
    setColor(--wix-ui-tpa-checkbox-input-hover-background-color, null, var(--hover-background-color)),
    setColor(--wix-ui-tpa-checkbox-hover-text-color, null, var(--hover-text-color)),
    setVar(--wix-ui-tpa-checkbox-input-border-width, null, 'px', 5),
    setVar(--wix-ui-tpa-checkbox-input-border-radius, null, 'px', 10),
    setVar(--wix-ui-tpa-checkbox-input-hover-border-width, null, 'px', 5),
    setVar(--wix-ui-tpa-checkbox-input-hover-border-radius, null, 'px', 10),
    setVar(--wix-ui-tpa-checkbox-input-hover-background-opacity, null, null, 0.5),
    setVar(--wix-ui-tpa-checkbox-input-main-border-opacity, null, null, 1);
}

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

.size {
  --custom-size: 30;

  -st-mixin:
    setVar(--wix-ui-tpa-checkbox-input-size, --custom-size, 'px'),
}

.inlineSpacing {
  -st-mixin: setVar(--wix-ui-tpa-checkbox-margin-inline-end, null, px, 40);
}

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