.tabs-chooser {
	display: flex;
	overflow: auto;
	/* white-space: nowrap; */
	padding-bottom: 1em;
	margin-bottom: 1em;
	margin-left: -1em;
	margin-right: -1em;
}
.tabs-chooser.with-icons {
	
	margin-bottom: 1em;
}
@media (min-width: 375px) {}
@media (min-width: 768px) {
	.tabs-chooser {
		margin-left: 0;
		margin-right: 0;
	}
	.tabs-chooser.with-icons {}
}
.tabs-chooser::-webkit-scrollbar {

}
.tabs-chooser .item {
	z-index: 1;
	position: relative;
	
}
.tabs-chooser.with-icons .item {
	display: flex;
	flex-flow: column;
	align-items: center;
	text-align: center;
	cursor: pointer;
	flex: 1 1 auto;
}
.tabs-chooser.with-icons .item i {
	background: var(--gray);
	color: rgba(0, 0, 0, 0.25);
	width: 100%;
	height: 5em;
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.tabs-chooser.with-icons .item:first-child i {border-radius: var(--br-xs) 0 0 var(--br-xs);}
.tabs-chooser.with-icons .item:last-child i {border-radius: 0 var(--br-xs) var(--br-xs) 0;}
.tabs-chooser.with-icons .item i svg {
	display: block;
}
.tabs-chooser.with-icons .item span {
	text-decoration: underline;
	margin-top: 0.5em;
	/* font-size: 1.167em; */
	padding: 0 0.25em;
}
@media (min-width: 768px) {
	.tabs-chooser.with-icons .item span {
		font-size: 1.167em;
	}
	.tabs-chooser.with-icons .item {
		flex-flow: row;
		justify-content: center;
		padding: 0.8em 1.25em;
		background: var(--gray);
		color: rgba(0, 0, 0, 0.25);
	}
	.tabs-chooser.with-icons .item:first-child {border-radius: var(--br-xs) 0 0 var(--br-xs);}
	.tabs-chooser.with-icons .item:last-child {border-radius: 0 var(--br-xs) var(--br-xs) 0;}
	.tabs-chooser.with-icons .item i {
		height: auto;
		width: auto;
		background: none;
		color: inherit;
	}
	.tabs-chooser.with-icons .item span {
		margin-left: 1em;
		margin-top: 0;
	}
}
.tabs-chooser.with-icons .item:not(.current):hover span {
	text-decoration: none;
}
.tabs-chooser.with-icons .item.current {}
.tabs-chooser.with-icons .item.current i {
	background: var(--blue-alt);
	color: white;
}
.tabs-chooser.with-icons .item.current span {
	text-decoration: none;
}
@media (min-width: 768px) {
	.tabs-chooser.with-icons .item.current {
		background: var(--blue-alt);
		color: white;
	}
}
.tabs-items {}
.tabs-items>.item {}
.tabs-items>.item:not(.current) {
	display: none;
}
.tabs-items>.item.current {}