.Checkbox__root___QNYqa {
  display: block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  position: relative;
  flex-shrink: 0;
}

.Checkbox__view___fLkiL {
  width: 100%;
  height: 100%;
  position: relative;
}

.Checkbox__view___fLkiL::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  transition: 140ms ease-in-out;
  transition-property: border-radius, background-color, border-color, opacity;
  border-radius: var(--pds-round-xxs);
  border: 2px var(--black-600) solid;
  background: var(--white);
}

.Checkbox__view___fLkiL::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  box-sizing: border-box;
  transition: 140ms ease-in-out;
  transition-property: border-color, color, opacity;
  opacity: 0;
  color: var(--white);
}

.Checkbox__input___Yi8X2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  opacity: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.Checkbox__input___Yi8X2:disabled {
  cursor: default;
}

.Checkbox__input___Yi8X2[type=checkbox] + .Checkbox__view___fLkiL::after {
  border-bottom: 2px solid currentColor;
  border-right: 2px solid currentColor;
  width: 6px;
  height: 12px;
  transform: rotate(45deg) translate(-120%, -30%);
}

.Checkbox__input___Yi8X2[type=checkbox].Checkbox__inputIndeterminate___PUKW4 + .Checkbox__view___fLkiL::before {
  background-color: var(--violet-500);
  border-color: var(--violet-500);
}

.Checkbox__input___Yi8X2[type=checkbox].Checkbox__inputIndeterminate___PUKW4 + .Checkbox__view___fLkiL::after {
  width: 10px;
  height: 0;
  transform: rotate(0) translate(-50%, -50%);
  opacity: 1;
}

.Checkbox__input___Yi8X2[type=checkbox].Checkbox__inputIndeterminate___PUKW4:disabled + .Checkbox__view___fLkiL::before {
  background-color: var(--black-400);
  border-color: var(--black-400);
}

.Checkbox__input___Yi8X2[type=checkbox].Checkbox__inputIndeterminate___PUKW4:disabled:checked + .Checkbox__view___fLkiL::before {
  background-color: var(--black-400);
  border-color: var(--black-400);
}

.Checkbox__input___Yi8X2[type=radio] + .Checkbox__view___fLkiL::before {
  border-radius: 50%;
}

.Checkbox__input___Yi8X2[type=radio] + .Checkbox__view___fLkiL::after {
  width: 16px;
  height: 16px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0);
  border: 3px currentColor solid;
}

.Checkbox__input___Yi8X2:focus-visible + .Checkbox__view___fLkiL::before {
  outline: var(--pds-round-xxs) auto Highlight;
  outline: var(--pds-round-xxs) auto -webkit-focus-ring-color;
}

.Checkbox__input___Yi8X2:checked + .Checkbox__view___fLkiL::before {
  background-color: var(--violet-500);
  border-color: var(--violet-500);
}

.Checkbox__input___Yi8X2:checked + .Checkbox__view___fLkiL::after {
  opacity: 1;
}

.Checkbox__input___Yi8X2:disabled + .Checkbox__view___fLkiL::before {
  background-color: var(--white);
  border-color: var(--black-400);
}

.Checkbox__input___Yi8X2:disabled:checked + .Checkbox__view___fLkiL::before {
  background-color: var(--black-400);
  border-color: var(--black-400);
}

.Checkbox__input___Yi8X2.Checkbox__inputLoading___urQKr {
  pointer-events: none;
}

.Checkbox__input___Yi8X2.Checkbox__inputLoading___urQKr + .Checkbox__view___fLkiL::before {
  border-radius: 50%;
  background-color: var(--white);
  border-color: var(--black-400);
}

.Checkbox__spinner___HQP5q {
  color: var(--violet-500);
  opacity: 0;
  transition: opacity 100ms ease-in-out;
}

.Checkbox__spinnerEnterActive___PPMb6,
.Checkbox__spinnerEnterDone___TSd-m {
  opacity: 1;
}

.Checkbox__spinnerExitActive___qqZ1T,
.Checkbox__spinnerExitDone___ziVu6 {
  opacity: 0;
}

@media (hover: hover) and (pointer: fine) {
  .Checkbox__input___Yi8X2:hover + .Checkbox__view___fLkiL::before {
    border-color: var(--black-700);
  }
  .Checkbox__input___Yi8X2:checked:hover + .Checkbox__view___fLkiL::before {
    background-color: var(--violet-700);
    border-color: var(--violet-700);
  }
  .Checkbox__input___Yi8X2:disabled:hover + .Checkbox__view___fLkiL::before {
    background-color: var(--white);
    border-color: var(--black-400);
  }
  .Checkbox__input___Yi8X2:disabled:checked:hover + .Checkbox__view___fLkiL::before {
    background-color: var(--black-400);
    border-color: var(--black-400);
  }
  .Checkbox__input___Yi8X2.Checkbox__inputLoading___urQKr:hover + .Checkbox__view___fLkiL::before {
    background-color: var(--white);
    border-color: var(--black-400);
  }
}