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

/** tooltip!! **/
tooltip.background {
    background-color: #0f0f17;
    font-size: 18;
    border-radius: 10px;
    color: #bfc9db;
}

tooltip label {
    margin: 6px;
}

.csd.background.popup { /* SysTray popup */
    background-color: black;

    separator {
        padding-bottom: 8px;
    }

    menuitem:hover {
        background-color: red;
    }
}

.bar {
	background-color: rgba(43, 48, 59, 1);
}

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

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

	label:last-child {
		margin-right: 12px;
	}

	box label:last-child {
		margin-left: 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;
	}
}