/* Checkbox Component */

.checkbox-label {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  color: var(--md-sys-color-on-surface-variant);
  font-size: var(--md-sys-typescale-body-medium-font-size);
  cursor: pointer;
}

.checkbox-label input[type="checkbox"] {
  cursor: pointer;
  width: 18px;
  height: 18px;
  margin-top: 0.25rem;
  flex-shrink: 0;
  accent-color: var(--md-sys-color-primary);
}