.shared-checkbox {
  @apply inline-grid box-border items-center gap-[0.6875rem] cursor-pointer;
  grid-template-columns: auto 1fr;

  &.checked {
    @apply font-bold;
  }

  &.disabled {
    @apply cursor-not-allowed;
  }

  &.readonly {
    @apply cursor-not-allowed;
  }
}

.shared-checkbox-checkbox {
  @apply border-2 border-solid border-[#AEB7C1] w-[1.375rem] h-[1.375rem] rounded-sm flex items-center justify-center;
}

.shared-checkbox-checkbox.checked {
  @apply border-[#596470] bg-[#596470];
}

.shared-checkbox-checkmark {
  @apply text-white;
}
