.Polaris-Checkbox {
  position: relative;
  margin: 0.1rem;
}

.Polaris-Checkbox__Input {
  position: absolute !important;
  top: 0;
  clip: rect(1px, 1px, 1px, 1px) !important;
  overflow: hidden !important;
  height: 1px !important;
  width: 1px !important;
  padding: 0 !important;
  border: 0 !important;
}

.Polaris-Checkbox__Input.Polaris-Checkbox--keyFocused + .Polaris-Checkbox__Backdrop::after {
  box-shadow: 0 0 0 0.2rem rgba(69, 143, 255, 1);
  outline: 0.1rem solid transparent;
}

.Polaris-Checkbox__Input:active:not(:disabled) + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop, .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate + .Polaris-Checkbox__Backdrop {
  border-color: rgba(44, 110, 203, 1);
}

.Polaris-Checkbox__Input:active:not(:disabled) + .Polaris-Checkbox__Backdrop::before, .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop::before, .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate + .Polaris-Checkbox__Backdrop::before {
  opacity: 1;
  transform: scale(1);
}

@media (-ms-high-contrast: active) {
  .Polaris-Checkbox__Input:active:not(:disabled) + .Polaris-Checkbox__Backdrop::before, .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop::before, .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate + .Polaris-Checkbox__Backdrop::before {
    border: 2px solid windowText;
  }
}

.Polaris-Checkbox__Input:active:not(:disabled) ~ .Polaris-Checkbox__Icon, .Polaris-Checkbox__Input:checked ~ .Polaris-Checkbox__Icon, .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate ~ .Polaris-Checkbox__Icon {
  transition: opacity 150ms cubic-bezier(0.4, 0.22, 0.28, 1), transform 150ms cubic-bezier(0.4, 0.22, 0.28, 1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.Polaris-Checkbox__Input:disabled + .Polaris-Checkbox__Backdrop {
  border-color: rgba(210, 213, 216, 1);
}

.Polaris-Checkbox__Input:disabled + .Polaris-Checkbox__Backdrop::before {
  background-color: rgba(255, 255, 255, 1);
}

.Polaris-Checkbox__Input:disabled + .Polaris-Checkbox__Backdrop:hover {
  cursor: default;
}

.Polaris-Checkbox__Input:disabled:checked + .Polaris-Checkbox__Backdrop {
  background: rgba(210, 213, 216, 1);
}

.Polaris-Checkbox__Input:disabled:checked + .Polaris-Checkbox__Backdrop::before {
  background: rgba(210, 213, 216, 1);
}

.Polaris-Checkbox__Backdrop {
  position: relative;
  border: 0.2rem solid rgba(140, 145, 150, 1);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0.4rem;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.Polaris-Checkbox__Backdrop::before {
  content: '';
  position: absolute;
  top: calc(-1 * 0.2rem);
  right: calc(-1 * 0.2rem);
  bottom: calc(-1 * 0.2rem);
  left: calc(-1 * 0.2rem);
  border-radius: 0.4rem;
  background-color: rgba(44, 110, 203, 1);
  opacity: 0;
  transform: scale(0.25);
  transition: opacity 100ms cubic-bezier(0.4, 0.22, 0.28, 1), transform 100ms cubic-bezier(0.4, 0.22, 0.28, 1);
}

.Polaris-Checkbox__Backdrop.Polaris-Checkbox--hover, .Polaris-Checkbox__Backdrop:hover {
  cursor: pointer;
  border-color: rgba(153, 158, 164, 1);
}

.Polaris-Checkbox__Backdrop::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: calc(-1 * (0.2rem + 0.1rem));
  right: calc(-1 * (0.2rem + 0.1rem));
  bottom: calc(-1 * (0.2rem + 0.1rem));
  left: calc(-1 * (0.2rem + 0.1rem));
  display: block;
  pointer-events: none;
  box-shadow: 0 0 0 calc(-1 * (0.2rem + 0.1rem)) rgba(69, 143, 255, 1);
  transition: box-shadow 100ms cubic-bezier(0.4, 0.22, 0.28, 1);
  border-radius: calc(0.4rem + 0.1rem);
}

.Polaris-Checkbox__Icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: 50% 50%;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(0.25);
  opacity: 0;
  transition: opacity 100ms cubic-bezier(0.4, 0.22, 0.28, 1), transform 100ms cubic-bezier(0.4, 0.22, 0.28, 1);
}

.Polaris-Checkbox__Icon svg {
  fill: rgba(255, 255, 255, 1);
}

@media (-ms-high-contrast: active) {
  .Polaris-Checkbox__Icon {
    fill: windowText;
  }
}

.Polaris-Checkbox--error .Polaris-Checkbox__Icon svg {
  fill: rgba(255, 255, 255, 1);
}

.Polaris-Checkbox--error .Polaris-Checkbox__Backdrop {
  border-color: rgba(253, 87, 73, 1);
  background-color: rgba(254, 211, 209, 1);
}

.Polaris-Checkbox--error .Polaris-Checkbox__Backdrop.Polaris-Checkbox--hover, .Polaris-Checkbox--error .Polaris-Checkbox__Backdrop:hover {
  border-color: rgba(253, 87, 73, 1);
}

.Polaris-Checkbox--error .Polaris-Checkbox__Backdrop::before {
  background-color: rgba(253, 87, 73, 1);
}

.Polaris-Checkbox--error .Polaris-Checkbox__Input:checked + .Polaris-Checkbox__Backdrop::before, .Polaris-Checkbox--error .Polaris-Checkbox__Input:active + .Polaris-Checkbox__Backdrop::before, .Polaris-Checkbox--error .Polaris-Checkbox__Input.Polaris-Checkbox__Input--indeterminate + .Polaris-Checkbox__Backdrop::before {
  background-color: rgba(253, 87, 73, 1);
}