.tabs input {
	 position: absolute;
	 opacity: 0;
	 z-index: -1;
}
 .tabs .row {
	 display: flex;
}
 .tabs .row .col {
	 flex: 1;
}
 .tabs .row .col:last-child {
	 margin-left: 1em;
}

/* Accordion styles */
 .tabs {
	 overflow: hidden;
}
 .tab {
	 width: 100%;
	 overflow: hidden;
}
 .tab-label {
	 display: flex;
	 justify-content: space-between;
	 padding: 1em;
	 border-bottom: solid 1px rgba(255, 255, 255, 0.2); 
	 font-weight: bold;
	 cursor: pointer;
	 background: #eaeaea
	/* Icon */
}
 .tab-label:hover {
	 background: #1a252f;
	 color: #fff;
}
 .tab-label::after {
	 content: "\276F";
	 width: 1em;
	 height: 1em;
	 text-align: center;
	 transition: all 0.35s;
}
 .tab-content {
	 max-height: 0;
	 padding: 0 1em;
	 transition: all 0.35s;
}
 .tab-close {
	 display: flex;
	 justify-content: flex-end;
	 padding: 1em;
	 font-size: 0.75em;
	 background: #2c3e50;
	 cursor: pointer;
}
 .tab-close:hover {
	 background: #1a252f;
}
 input:checked + .tab-label {
	 background: #1a252f;
	 color: #fff
}
 input:checked + .tab-label::after {
	 transform: rotate(90deg);
}
 input:checked ~ .tab-content {
	 max-height: 100vh;
	 padding: 1em;
}