/* Standalone native Checkbox. Change these token fallbacks here, then rebuild/sync consumers. */
.gaip-checkbox {
  --gaip-checkbox-check-icon: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Ctitle%3EB0DEB039-6E98-409D-B63F-AAAE60944A20%3C%2Ftitle%3E%0A%20%20%20%20%3Cg%20id%3D%22%E7%AD%9B%E9%80%89%E6%A0%8F%E5%9B%BE%E6%A0%87%2F%E5%A4%9A%E9%80%89%E5%8B%BE%E9%80%89%E6%A0%87%E8%AE%B0%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%9F%A2%E9%87%8F%2Fmulti-check%22%20fill%3D%22%232F3640%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22canvas-bounds%22%20opacity%3D%220%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2216%22%20height%3D%2216%22%3E%3C%2Frect%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22%E7%BC%96%E7%BB%84%22%20transform%3D%22translate%283.7574%2C%204.4645%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22%E8%B7%AF%E5%BE%84%22%20points%3D%227.07106781%208.8817842e-16%208.48528137%201.41421356%202.82842712%207.07106781%20-4.4408921e-16%204.24264069%201.41421356%202.82842712%202.82842712%204.24264069%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  /* Generated from the owned SVG by build-component-icons.cjs; safe for file previews. */
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 24px;
  margin: 0;
  color: inherit;
  font: inherit;
  line-height: 22px;
  vertical-align: middle;
  cursor: pointer;
}
/* Tone is an option of this same Checkbox, including half-selected state. */
.gaip-checkbox[data-gaip-choice-tone="green"] {
  --gaip-checkbox-checked-bg:var(--gaip-palette-green,#025b52);
  --gaip-checkbox-active-bg:#013a33;
  --gaip-checkbox-focus-color:rgba(2,91,82,.3);
}
.gaip-checkbox[data-gaip-choice-tone="cyan"] {
  --gaip-checkbox-checked-bg:var(--gaip-palette-mint,#24d4c9);
  --gaip-checkbox-active-bg:#1fbfb5;
  --gaip-checkbox-focus-color:rgba(36,212,201,.3);
}
.gaip-checkbox .gaip-checkbox__input {
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  pointer-events: none;
}
.gaip-checkbox .gaip-checkbox__control {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  border: 1px solid var(--gaip-checkbox-border, rgba(47,54,64,.18));
  border-radius: 2px;
  background: var(--gaip-checkbox-bg, #fff);
  vertical-align: middle;
  pointer-events: none;
}
.gaip-checkbox:hover .gaip-checkbox__input:not(:disabled) + .gaip-checkbox__control {
  border-color: var(--gaip-checkbox-checked-bg, var(--gaip-color-brand, #025b52));
}
.gaip-checkbox .gaip-checkbox__input:is(:checked, :indeterminate) + .gaip-checkbox__control {
  border-color: var(--gaip-checkbox-checked-bg, var(--gaip-color-brand, #025b52));
  background: var(--gaip-checkbox-checked-bg, var(--gaip-color-brand, #025b52));
}
.gaip-checkbox:active .gaip-checkbox__input:not(:disabled) + .gaip-checkbox__control {
  border-color:var(--gaip-checkbox-active-bg,#013a33);
}
.gaip-checkbox:active .gaip-checkbox__input:is(:checked,:indeterminate):not(:disabled) + .gaip-checkbox__control {
  background:var(--gaip-checkbox-active-bg,#013a33);
}
.gaip-checkbox .gaip-checkbox__input:checked + .gaip-checkbox__control::after {
  content: '';
  position: absolute;
  inset: -1px;
  background: var(--gaip-checkbox-mark-color, #fff);
  -webkit-mask: var(--gaip-checkbox-check-icon) center / 16px 16px no-repeat;
  mask: var(--gaip-checkbox-check-icon) center / 16px 16px no-repeat;
}
.gaip-checkbox .gaip-checkbox__input:indeterminate + .gaip-checkbox__control::after {
  content: '';
  position: absolute;
  inset: auto;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 2px;
  background: var(--gaip-checkbox-mark-color, #fff);
  transform: translate(-50%, -50%);
  -webkit-mask: none;
  mask: none;
}
.gaip-checkbox .gaip-checkbox__input:focus-visible + .gaip-checkbox__control {
  outline: 2px solid var(--gaip-checkbox-focus-color, var(--gaip-checkbox-checked-bg, var(--gaip-color-brand, #025b52)));
  outline-offset: 2px;
}
.gaip-checkbox:has(.gaip-checkbox__input:disabled) {
  color: var(--gaip-checkbox-disabled-label, #8a9097);
  cursor: not-allowed;
}
.gaip-checkbox .gaip-checkbox__input:disabled + .gaip-checkbox__control {
  border-color: var(--gaip-checkbox-disabled-border, rgba(47,54,64,.18));
  background: var(--gaip-checkbox-disabled-bg, rgba(47,54,64,.06));
}
.gaip-checkbox .gaip-checkbox__input:disabled + .gaip-checkbox__control::after {
  background: var(--gaip-checkbox-disabled-color, #99a1a5);
}
.gaip-checkbox .gaip-checkbox__label {
  min-width: 0;
  overflow-wrap: anywhere;
}
.gaip-checkbox .gaip-checkbox__label[hidden] { display: none; }
@media (forced-colors: active) {
  .gaip-checkbox .gaip-checkbox__control { forced-color-adjust: none; border-color: ButtonText; background: Canvas; }
  .gaip-checkbox .gaip-checkbox__input:is(:checked, :indeterminate) + .gaip-checkbox__control { border-color: Highlight; background: Highlight; }
  .gaip-checkbox .gaip-checkbox__input:is(:checked, :indeterminate) + .gaip-checkbox__control::after { background: HighlightText; }
  .gaip-checkbox .gaip-checkbox__input:disabled + .gaip-checkbox__control { border-color: GrayText; background: Canvas; }
  .gaip-checkbox .gaip-checkbox__input:disabled + .gaip-checkbox__control::after { background: GrayText; }
}
