.tabs {
	@apply flex h-12 relative;
}

.tab {
	@apply inline-flex items-center px-4 overflow-hidden text-ellipsis relative;
}

.tab::before {
	@apply opacity-0 transition-opacity absolute inset-0;
	content: '';
}

.tab:hover::before,
.tab.active::before {
	@apply bg-current;
	opacity: 0.15;
}

.glider {
	@apply absolute bg-primary;
	height: 2px;
	bottom: 0;
	z-index: 1;
	transition: width 0.2s, transform 0.2s;
	width: var(--width);
	transform: translateX(var(--left));
}