[data-tabs] {
	display: flex;
	background: #eee;
	padding: 10px;
	border: 2px solid #ccc;
    width:100%;
}
[data-tabs] >* {
	padding: 5px 20px;
	cursor: pointer;
}
[data-tabs] .active {
	background: #31a3e8;
	color: #fff;
	border-radius: 5px;
}
[data-panes] > * {
	display: none;
	border: 2px solid #ccc;
	border-top: none;
	padding: 20px;
    height:auto;

}
[data-panes] > .active {
	display: block;
}