.user-container {
	position: absolute;
	top: 92px;
	right: 16px;
	opacity: 0.75;

	.user-button {
		padding: 0.5rem 1rem;
		font-size: 0.875rem;
		font-weight: 600;
		border: 2px solid #444;
		border-radius: 6px;
		cursor: pointer;
		transition: all 0.2s;
		font-family: inherit;
		max-height: 36px;

		& > span {
			transform: translateY(-2px) translateX(2px);
		}

		.user-icon {
			font-size: 1.25rem;
			display: inline-block;
			fill: currentColor;
			padding: 0.125rem 0 0 0;
			transform: translateY(-4px) translateX(-2px) !important;

			& + span:last-of-type {
				display: inline-block;
				padding-left: 0.25rem;
				transform: translateY(-6px);
			}
		}

		&.user-button--selected {
			background-color: #1976d2;
			color: #fff;
			border-color: #1976d2;

			& > span {
				transform: translateY(-2px) translateX(-2px);
			}
		}

		&.user-button--unselected {
			background-color: #2a2a2a;
			color: #888;
			border-color: #444;
		}
	}
}