.btn-toggle {
	@apply h-12 rounded-full bg-light p-1 inline-flex text-sm;
}

.btn-toggle .glider {
	@apply h-10 bg-white rounded-full shadow;
}

.item {
	@apply rounded-full px-4 bg-light-lg relative;
}

.label {
	@apply relative;
	z-index: 2;
}

.active > .label {
	@apply text-transparent;
}

.active::before {
	@apply font-bold absolute inset-0 text-black;
	content: attr(data-content);
	z-index: 2;
}

.glider {
	@apply absolute flex m-0 h-10 ease-in;
	transition: opacity 0.2s, width 0.2s, transform 0.2s;
	width: var(--width);
	transform: translateX(var(--left));
	border-radius: inherit;
	z-index: 1;
}