.checkbox {
  @apply border border-gray-300 data-[state=checked]:text-white data-[state=checked]:border-none !min-w-4 !min-h-4;
}
.default {
  @apply data-[state=checked]:bg-slate-500;
}
.primary {
  @apply data-[state=checked]:bg-primary-500;
}
.success {
  @apply data-[state=checked]:bg-success-500;
}
.danger {
  @apply data-[state=checked]:bg-red-500;
}
.sm {
  @apply h-4 w-4;
}
.md {
  @apply h-5 w-5;
}
.lg {
  @apply h-6 w-6;
}
.xl {
  @apply h-7 w-7;
}
.roundedNone {
  @apply border rounded-[0];
}
.roundedSm {
  @apply rounded-[2px];
}
.roundedMd {
  @apply rounded-[4px];
}
.roundedLg {
  @apply rounded-[6px];
}
.roundedXl {
  @apply rounded-[8px];
}