.category-checks__option {
  min-block-size: var(--touch-target-min);
}

.category-checks__option--none {
  --icon-size: var(--icon-size-md);
  --icon-stroke-width: var(--icon-stroke-width-regular);

  grid-column: 1 / -1;
  flex-direction: row;
  justify-content: center;
  gap: var(--space-xs);
  padding-block: var(--space-xs);
}

.category-checks__box {
  --control-indicator-size: 1rem;

  position: absolute;
  inset-block-start: var(--space-2xs);
  inset-inline-end: var(--space-2xs);
  border-radius: var(--radius-md);
  font-size: var(--font-size-caption);
  scale: 0;
  opacity: 0;
  transition:
    scale var(--duration-enter) var(--easing-enter),
    opacity var(--duration-state) var(--easing-state);
}

.category-checks__option--none .category-checks__box {
  inset-block: 0;
  margin-block: auto;
}

.category-checks__option:has(:checked) .category-checks__box {
  scale: none;
  opacity: 1;
}