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

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

.Checkbox__view___vqHSH::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___vqHSH::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___IYq4y {
  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___IYq4y:disabled {
  cursor: default;
}

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

.Checkbox__input___IYq4y[type=checkbox].Checkbox__inputIndeterminate___W0nyo + .Checkbox__view___vqHSH::before {
  background-color: var(--violet-500);
  border-color: var(--violet-500);
}

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

.Checkbox__input___IYq4y[type=checkbox].Checkbox__inputIndeterminate___W0nyo:disabled + .Checkbox__view___vqHSH::before {
  background-color: var(--black-400);
  border-color: var(--black-400);
}

.Checkbox__input___IYq4y[type=checkbox].Checkbox__inputIndeterminate___W0nyo:disabled:checked + .Checkbox__view___vqHSH::before {
  background-color: var(--black-400);
  border-color: var(--black-400);
}

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

.Checkbox__input___IYq4y[type=radio] + .Checkbox__view___vqHSH::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___IYq4y:focus-visible + .Checkbox__view___vqHSH::before {
  outline: var(--pds-round-xxs) auto Highlight;
  outline: var(--pds-round-xxs) auto -webkit-focus-ring-color;
}

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

.Checkbox__input___IYq4y:checked + .Checkbox__view___vqHSH::after {
  opacity: 1;
}

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

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

.Checkbox__input___IYq4y.Checkbox__inputLoading___HmXKw {
  pointer-events: none;
}

.Checkbox__input___IYq4y.Checkbox__inputLoading___HmXKw + .Checkbox__view___vqHSH::before {
  border-radius: 50%;
  background-color: var(--white);
  border-color: var(--black-400);
}

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

.Checkbox__spinnerEnterActive___Q7DFi,
.Checkbox__spinnerEnterDone___h1wA- {
  opacity: 1;
}

.Checkbox__spinnerExitActive___qjqOb,
.Checkbox__spinnerExitDone___t3mB8 {
  opacity: 0;
}

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