/* Generated by scripts/sync-checkbox-style.js; edit TOKENS and templates there. */
/* Preserve native checkbox behavior and each product's active color. */
body:is(.personal-web, [data-field-icon-theme="group"]) input[type="checkbox"]:not([role="switch"]):not([hidden]) {
  --ui-checkbox-active:var(--web-accent-primary, #3971d3);
  -webkit-appearance:none;
  appearance:none;
  display:inline-grid;
  place-items:center;
  box-sizing:border-box;
  flex:0 0 18px;
  width:18px;
  height:18px;
  margin:var(--ui-checkbox-margin, 0);
  border:1px solid #dce4ee;
  border-radius:5px !important;
  background-color:#fff;
  vertical-align:middle;
}

body:is(.personal-web, [data-field-icon-theme="group"]) input[type="checkbox"]:not([role="switch"]):not([hidden]):checked {
  border-color:var(--ui-checkbox-active);
  background-color:var(--ui-checkbox-active);
}

body:is(.personal-web, [data-field-icon-theme="group"]) input[type="checkbox"]:not([role="switch"]):not([hidden]):checked::after {
  content:"";
  box-sizing:border-box;
  width:12px !important;
  height:12px !important;
  margin:0 !important;
  border:0 !important;
  background:url("./check-white.svg") center / contain no-repeat !important;
  transform:none !important;
}

body:is(.personal-web, [data-field-icon-theme="group"]) input[type="checkbox"]:not([role="switch"]):not([hidden]):disabled {
  cursor:not-allowed;
}

#createStudentProfileModal .student-profile-star-option input[type="checkbox"],
.student-form-panel .student-star-checkbox-field input[type="checkbox"] {
  --ui-checkbox-active:#d99f12;
}

body[data-field-icon-theme="group"] .student-form-panel .student-star-checkbox-field input[type="checkbox"] {
  --ui-checkbox-active:#d39b24;
}
