/**
 * @license Copyright 2021 Lahuen Health SPA. All Rights Reserved.
 */

/* Raíz */
.w-top-app-bar {
	align-items			: center;
	background-color	: #e4e4ee;
	display				: flex;
	min-height			: 4.5rem;
	padding-right		: 2rem;
}

/* Sección de barra navegación */
.w-top-app-bar__navbar {
	border-right	: .2rem solid #c2c2ca;
	display			: flex;
	margin-right	: 3rem;
}

.w-top-app-bar__menu {
	background	: url('https://shared.incancer.lahuen.health/assets/themes/hegc/images/logo--lahuen.svg') center/75% no-repeat;
	border		: none;
	cursor		: pointer;
	height		: 3.5rem;
	outline		: none;
	padding		: 0;
	width		: 15rem;
}

.w-top-app-bar__menu .w-label {
	display	: none;
}

/* Sección de título */
.w-top-app-bar__title {
	display	: flex;
}

.w-top-app-bar__maintitle {
	display	: flex;
	margin	: 0;
}

.w-top-app-bar__maintitle .w-label {
	color	: #4f4f69;
	font	: 1.5rem/1.5rem 'Open Sans', sans-serif;
}

.w-top-app-bar__subtitle {
	display	: flex;
	margin	: 0;
}

.w-top-app-bar__subtitle .w-label {
	color	: #4f4f69;
	font	: 1.5rem/1.5rem 'Open Sans', sans-serif;
}

/* Sección de cuerpo */
.w-top-app-bar__body {
	flex	: 1;
}

/* Sección de barra herramientas */
.w-top-app-bar__toolbar {
	align-items	: center;
	display		: flex;
}

.w-top-app-bar__toolbar :not(:last-child) {
	margin-right	: 1.5rem;
}

/* Acciones de herramientas */
.w-top-app-bar__tool-action {
	align-items		: center;
	background		: none;
	border			: none;
	border-radius	: 100%;
	cursor			: pointer;
	display			: flex;
	height			: 4rem;
	justify-content	: center;
	outline			: none;
	padding			: 0;
	transition		: background-color ease .25s;
	width			: 4rem;
}

.w-top-app-bar__tool-action:hover {
	background-color	: #c2c2ca;
}

.w-top-app-bar__tool-action .w-label {
	-webkit-mask		: no-repeat center/cover;
	background-color	: #4f4f69;
	color				: rgba(0, 0, 0, 0);
	display				: flex;
	height				: 2.2rem;
	user-select			: none;
	width				: 2.2rem;
}

.w-top-app-bar__user-profile .w-label {
	-webkit-mask-image	: url('https://shared.incancer.lahuen.health/assets/themes/hegc/images/icon--account-circle.svg');
}

.w-top-app-bar__user-name {
	-webkit-box-orient	: vertical;
	-webkit-line-clamp	: 2;
	color				: #4f4f69;
	display				: -webkit-box;
	font				: 1.5rem/1.5rem 'Open Sans', sans-serif;
	overflow			: hidden;
	padding				: .3rem 0;
	width				: 18rem;
}

.w-top-app-bar__logout .w-label {
	-webkit-mask-image	: url('https://shared.incancer.lahuen.health/assets/themes/hegc/images/icon--exit-door.svg');
}