.tabs-container {
	.tabs {
		list-style: none;
		display: flex;
		flex-wrap: wrap-reverse;
		margin-bottom: -1px;
		margin-top: 0;

		.tab {
			flex: 1 0 auto;
			max-width: 200px;
			cursor: pointer;
			display: inline-block;
			margin: 0;
			padding: @padding-small;
			background-color: @grey-200;
			border: 1px solid @light-grey;
			border-bottom: none;
			border-top-left-radius: @border-radius;
			border-top-right-radius: @border-radius;
			&:not(:last-child) {
				border-right: none;
			}
			&.empty:not(.selected) {
				color: @white;
			}
			&.selected {
				background-color: @white;
			}
			&.disabled {
				pointer-events: none;
				color: @grey-400;
			}
		}
	}

	.tab-content {
		border: 1px solid @light-grey;
		padding: @padding-small;
		background-color: @white;
	}
}