.tabpanel--hidden {
	display: none;
}

.tablist--with-border {
	position: relative;
}

.tablist--with-border::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .0625rem;
    background-color: rgb(var(--x-sys-color-outline-variant));
}

.tablist__tab {
	position: relative;
	transition: .2s;
}

.tablist__tab::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: .0625rem;
	color: inherit;
	background-color: transparent;
	transition: .2s;
	z-index: 2;
}

.tablist__tab[aria-selected="true"] {
	color: rgb(var(--x-sys-color-primary));
}

.tablist__tab[aria-selected="true"]::after {
	background-color: currentColor;
}