/**
 * @license Copyright 2021 Lahuen Health SPA. All Rights Reserved.
 */
/* Raíz */
:root {
	--lh-top-appbar-height: 4.5rem;
}

.c-top-appbar {
	align-items: center;
	background-color: #fff;
	display: flex;
	height: var(--lh-top-appbar-height);
	left: 0;
	padding-right: 2rem;
	position: fixed;
	top: 0;
	width: 100vw;
	box-shadow: 0 0.75rem 0.75rem -1.1rem gray;
}

/* Sección de barra navegación */
.c-top-appbar__brand {
	display: flex;
}

.c-top-appbar__nav-action {
	background: center/75% no-repeat;
	border: none;
	cursor: pointer;
	height: 3.5rem;
	outline: none;
	padding: 0;
	width: 12rem;
}

.c-top-appbar__nav-action .c-label {
	display: none;
}

.c-top-appbar__customer-brand {
	margin-right: 0 0.5rem;
}

.c-top-appbar__customer-home {
	background-image: url('/assets/skins/lahuen/base/images/logo_simple.svg');
}

.c-top-appbar__main-brand {
	border-left: 0.2rem solid var(--gray-e);
	margin-left: 3.5rem;
}

.c-top-appbar__main-home {
	margin-left: 0.5rem;
}

.c-top-appbar__main-home {
	background-image: url('/assets/skins/lahuen/base/images/logo_simple.svg');
}

/* Sección de título */
.c-top-appbar__title {
	display: flex;
}

.c-top-appbar__maintitle {
	display: flex;
	margin: 0;
}

.c-top-appbar__maintitle .c-label {
	color: var(--primary-c-normal);
	font: 1.5rem/1.5rem 'Open Sans', sans-serif;
}

.c-top-appbar__subtitle {
	display: flex;
	margin: 0;
}

.c-top-appbar__subtitle .c-label {
	color: var(--gray-b);
	font: 400 1.5rem/1.5rem 'Open Sans', sans-serif;
}

/* Sección de cuerpo */
.c-top-appbar__body {
	flex: 1;
}

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

/* Acciones de herramientas */
.c-top-appbar__tool-action {
	align-items: center;
	background: none;
	border: none;
	border-radius: 0.5rem;
	cursor: pointer;
	display: flex;
	height: 3.5rem;
	justify-content: center;
	outline: none;
	padding: 0;
	transition: background-color ease 0.25s;
	width: 3.5rem;
}

.c-top-appbar__tool-action:hover {
	background-color: var(--primary-e-bright);
}

.c-top-appbar__tool-action .c-label {
	-webkit-mask: center/cover no-repeat;
	background-color: var(--primary-c-normal);
	color: rgba(0, 0, 0, 0);
	display: flex;
	height: 2rem;
	user-select: none;
	width: 2rem;
}

.c-top-appbar__user-profile .c-label {
	-webkit-mask-image: url('/assets/skins/lahuen/base/images/icon_account_circle.svg');
}

.c-top-appbar__user-name {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: var(--primary-c-normal);
	display: -webkit-box;
	font: 1.2rem/1.2rem 'Open Sans', sans-serif;
	overflow: hidden;
	padding: 0.3rem 0;
	text-transform: capitalize;
	width: 18rem;
}

.c-top-appbar__logout .c-label {
	-webkit-mask-image: url('/assets/skins/lahuen/base/images/icon_exit_door.svg');
}