@st-namespace 'Checkbox-visual-st-css';
:import {
  -st-from: "./Checkbox.deprecated.st.css";
  -st-default: Checkbox;
}

:import {
  -st-from: "../../common/formatters.st";
  -st-named: font;
}

.root {
  -st-mixin: Checkbox(
    TextColor rgb(149, 70, 127),
    BorderColor rgb(0, 255, 0),
    IconColor rgb(167, 25, 210),
    BoxBorderColor rgb(189, 219, 196),
    BoxBorderRadius 5,
    BoxColor rgb(0, 47, 255),
    LabelFont font("{theme: 'Body-M', size: '20px', lineHeight: '1.5em'}"),
    DisabledLabelColor rgb(0, 255, 221),
    ErrorColor rgb(218, 255, 5),
    ErrorMessageMinHeight 50,
    InputHoverBorderColor rgb(255, 0, 0),
    InputHoverBackgroundColor rgb(0, 255, 0),
    HoverTextColor rgb(0, 255, 0),
    InputBorderWidth 1,
    InputBorderRadius 0,
    InputHoverBorderWidth 5,
    InputHoverBorderRadius 10,
    InputHoverBackgroundOpacity 1,
    MainBorderOpacity 0.6,
  );
}

.borderOverrides {
  -st-mixin: Checkbox(
    TextColor rgb(149, 70, 127),
    BorderColor rgb(0, 255, 0),
    IconColor rgb(167, 25, 210),
    BoxBorderColor rgb(189, 219, 196),
    BoxBorderRadius 5,
    BoxColor rgb(0, 47, 255),
    LabelFont font("{theme: 'Body-M', size: '20px', lineHeight: '1.5em'}"),
    DisabledLabelColor rgb(0, 255, 221),
    ErrorColor rgb(218, 255, 5),
    ErrorMessageMinHeight 50,
    InputHoverBorderColor rgb(255, 0, 0),
    InputHoverBackgroundColor rgb(0, 255, 0),
    HoverTextColor rgb(0, 255, 0),
    InputBorderWidth 5,
    InputBorderRadius 10,
    InputHoverBorderWidth 5,
    InputHoverBorderRadius 10,
    InputHoverBackgroundOpacity 0.5,
    MainBorderOpacity 1,
  );
}

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

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