.layer {
	@apply contents;
}

.layer > * {
	@apply relative;
}

.layer > * > * {
	@apply relative;
}

.layer > *::before {
	@apply absolute inset-0 ring-1 ring-muted-sm cursor-pointer transition pointer-events-none;
	content: '';
	border-radius: inherit;
}

.layer:hover > *::before {
	@apply bg-muted/10;
}

.layer.active > *::before {
	@apply ring-2 ring-primary bg-primary/10;
}