.titlebar-tabs {
	flex: 1 1 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	align-self: stretch;

	.tab {
		font: bold 15px/18px Alegreya SC;
		flex: 0 1 auto;
		letter-spacing: 0.1em;
		margin-left: 35px;
		text-transform: uppercase;
		position: relative;
		color: #cdbe91;
		min-width: 0;

		&:first-child {
			margin-left: 0;
		}

		&:hover {
			color: #f1e6d4;
			cursor: pointer;
		}

		&:active, &:focus {
			color: #c89b3c;
			cursor: pointer;
		}

		&.active {
			pointer-events: none;
			color: #f1e6d4;

			&::after {
				position: absolute;
				content: "";
				width: 4px;
				height: 4px;
				bottom: -4px;
				left: 0;
				right: 0;
				margin: 0 auto;
				border: 1px solid #cdbe91;
				border-color: transparent #cdbe91 #cdbe91 transparent;
				transform: rotate(45deg);
			}
		}

		&.disabled {
			pointer-events: none;
			color: transparentize(#878683, .2);
		}

		div {
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
		}
	}
}
