.contents-basic{
	display:flex;
	align-items:center;
	width:fit-content;
	max-width:var(--container-width-max);
	/* background-color:var(--bg-surface-02); */
	background-color:rgba(13,22,31,.5);
	user-select:none;
	/* border-radius:var(--radius-lg); */
	padding:var(--spacing-1);
	overflow:hidden;
	overflow-x:auto;
	font:var(--body-l-regular);
	letter-spacing:var(--letter-spacing-l);
	-ms-overflow-style:none;
	scrollbar-width:none;
	transition: border-radius .3s ease
}
.contents-basic.is-at-start{
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg)
}
.contents-basic.is-at-end{
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg)
}
.contents-basic .item{
	display:flex;
	align-items:center;
	justify-content:center;
	height:48px;
	border-radius:var(--radius-lg);
	padding:0 var(--spacing-5);
	color:var(--text-body-01-inverse);
	background-color:transparent;
	white-space:nowrap;
	position:relative
}
.contents-basic .item:not(.active){
	transition:background-color .4s, color .4s, transform .4s
}
.contents-basic .item:after{
	content:"";
	width:0;
	height:2px;
	position:absolute;
	bottom:var(--spacing-2);
	background:var(--bg-surface-white);
	transition:width .4s
}
.contents-basic .item.active:after{
	width:50%
}
.contents-basic .item:hover{
	/* color:var(--text-body-white); */
	/* background-color:var(--tertiary-hover) */
	transform:scale(1.05)
}
.contents-basic .item:active{
	/* background-color:var(--tertiary-active) */
}
.contents-basic .item.active,
.contents-basic .item.highlight.active{
	color:var(--text-body-white);
	/* background-color:var(--tertiary-default) */
}
.contents-basic .item.highlight{
	/* color:var(--text-body-01); */
	background-color:rgba(254,230,0,.2)
}
.contents-basic .item.highlight:hover{
	/* background-color:var(--primary-hover) */
}
.contents-basic .item.highlight:active{
	/* background-color:var(--primary-active) */
}

@media(max-width:479px){
	.contents-basic{
		font:var(--body-m-regular);
		letter-spacing:var(--letter-spacing-m)
	}
}