.checkbox-wrapper {
	border: var(--component-border-width-md) solid var(--stroke-default);
	border-radius: var(--component-radii-sm);
	display: grid;
	place-items: center;
	padding: 0;
	width: var(--size-100);
	height: var(--size-100);
}

.checkbox {
	all: unset;
	border: 0;
	display: grid;
	place-items: center;
	grid-column-gap: var(--component-spacing-2xs);
	-moz-column-gap: var(--component-spacing-2xs);
	     column-gap: var(--component-spacing-2xs);
	flex-shrink: 0;
	width: 100%;
	height: 100%;
}

.checkbox-wrapper:focus-within {
	outline: var(--component-border-width-lg) solid var(--stroke-subtle);
	outline-offset: 0;
}