.css-tab{
	padding-bottom:300px;
	margin-bottom:40px;
	background:white;
}
.css-tab  > .css-tab-inner{
	display:flex;
	position:relative;
	background:white;
}
.css-tab  > .css-tab-inner > input{
	display:none;
}
.css-tab > .css-tab-inner > input + label{
	flex-grow:1;
	flex-basis:0;
	text-align:center;
	padding:10px 0px;
	cursor:pointer;
}
.css-tab > .css-tab-inner > input:checked + label{
	border-bottom:2px solid black;
}
.css-tab > .css-tab-inner > input + label + .css-tab-wrapper{
	position:absolute;
	top:100%; left:0;
	width:100%;
	height:300px;
	background:white;
	z-index:0;
	opacity:0;
	pointer-events:none;
	transition:opacity 250ms ease-in-out;
}
.css-tab > .css-tab-inner > input:checked + label + .css-tab-wrapper{
	transition:opacity 250ms 250ms ease-in-out;
	opacity:1;
	z-index:1;
	pointer-events:inherit;
}