* {
	all: unset;
	font-family: 'SF Pro';
	font-size: 16px;
	font-feature-settings: 'tnum';
	color: #FFF;
}

.bar {
	background-color: rgba(43, 48, 59, 0.5);
	border-bottom: 3px solid rgba(100, 114, 125, 0.5);
}

.end {
	> box {
		padding: 0 8px;

		> label:first-child {
			padding-right: 16px;
		}
	}

	box:not(:last-child) > label:last-child {
		margin-right: 12px;
	}
}

.workspaces button {
	label {
		padding: 0 13px;
	}

	&:hover {
		background: rgba(0, 0, 0, 0.2);
	}

	&.active {
		background: rgba(0, 0, 0, 0.4);
	}

	&:hover, &.active {
		box-shadow: inset 0 -3px #FAA14F;
	}
}