.Checkbox2641059299__root {
  -st-extends: Checkbox;
  display: inline-flex;
  align-items: center;
}

.Checkbox2641059299__root.Checkbox3661370307--disabled {
  pointer-events: none;
}

.Checkbox2641059299__root .Checkbox3661370307__childContainer {
  font-size: 16px;
  padding-left: 12px;
}

.Checkbox2641059299__root.Checkbox3661370307--disabled .Checkbox3661370307__childContainer {
  color: #F0F4F7;
}

.Checkbox2641059299__root .Checkbox3661370307__box {
  background: #FFFFFF;
  border-radius: 4px;
  border: solid 1px #4EB7F5;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Checkbox2641059299__root.Checkbox3661370307--disabled .Checkbox3661370307__box {
  background-color: #F0F4F7;
  border-color: #DADADA;
}

.Checkbox2641059299__root.Checkbox3661370307--disabled.Checkbox3661370307--checked .Checkbox3661370307__box {
  border-color: #DFE5EB;
}

.Checkbox2641059299__root .Checkbox3661370307__box:active {
  background-color: #4EB7F5;
}

.Checkbox2641059299__root.Checkbox3661370307--error .Checkbox3661370307__box {
  border-color: #EE5951;
}

.Checkbox2641059299__root.Checkbox3661370307--focus-visible .Checkbox3661370307__box {
  box-shadow: 0 0 0 3px #AADBFC;
  border-color: #3899EC;
}

.Checkbox2641059299__root.Checkbox3661370307--error.Checkbox3661370307--focus-visible .Checkbox3661370307__box {
  border-color: #EE5951;
  box-shadow: 0 0 0 3px #FFD7D7;
}

.Checkbox2641059299__root:hover:not(.Checkbox3661370307--disabled):not(.Checkbox3661370307--checked):not(:active) .Checkbox3661370307__box {
  background-color: #EAF7FF;
}

.Checkbox2641059299__root.Checkbox3661370307--checked:not(:active):not(.Checkbox3661370307--disabled) .Checkbox3661370307__box {
  background-color: #3899EC;
}

.Checkbox2641059299__root.Checkbox3661370307--indeterminate:not(.Checkbox3661370307--disabled):not(.Checkbox3661370307--checked):not(:active) .Checkbox3661370307__box {
  background-color: #3899EC;
}

.Checkbox2641059299__root:hover.Checkbox3661370307--indeterminate:not(.Checkbox3661370307--disabled):not(.Checkbox3661370307--checked):not(:active) .Checkbox3661370307__box {
  color: #EAF7FF;
}

.Checkbox2641059299__checkedIcon {
  width: 9px;
  height: 9px;
}

.Checkbox2641059299__indeterminateIcon {
  width: 8px;
  height: 8px;
}

.Checkbox2641059299__root .Checkbox3661370307__box svg {
  fill: #FFFFFF;
}

.Checkbox2641059299__root.Checkbox3661370307--disabled .Checkbox3661370307__box svg {
  fill: #B6C1CD;
}