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

.c-modal.c-user-profile .c-modal__root{
	width: 60%;
	height: 85%;
	margin: 2rem;
	border: none;
	border-radius: 1rem;
	padding: 0;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.c-modal.c-user-profile .c-modal__root .c-modal__preheader .c-modal__action.c-modal__action--close {
	height: 3rem;
}

.c-user-profile > .c-modal__root {
	display: flex;
	height: -webkit-fill-available;
}

.c-user-profile .c-modal__preheader {
	display: flex;
	justify-content: flex-end;
	padding: 2rem;
	width: -webkit-fill-available;
	height: fit-content;
	position: absolute;
}

.c-user-profile .c-modal__header {
	display: flex;
	flex-direction: column;
	background-color: var(--primary-d-normal);
	width: 20rem;
	height: -webkit-fill-available;
	border-radius: 1rem 0 0 1rem;
	z-index: 100;
}

.c-user-profile .c-tabbar.c-tabs {
	flex: 1;
}

.c-modal.c-user-profile .c-tabs__header .c-action.c-action--tertiary {
	background: transparent;
	color: #fff;
	width: -webkit-fill-available;
	padding: 1.4rem;
	display: flex;
	align-items: center;
	font: 400 1.3rem/1.4rem 'Lato', sans-serif;
	border-bottom: 0.1rem solid #fff;
	border-radius: unset;
}

.c-modal.c-user-profile .c-tabs__header .c-action.c-action--tertiary:not(.c-action--selected):hover {
	background-color: var(--primary-d-light);
}

.c-user-profile .c-tabs__header .c-action.c-action--tertiary.c-action--selected {
	background-color: #fff;
	color: var(--primary-d-normal);
}

.c-user-profile .c-tabs__header .c-action.c-action--tertiary .c-label {
	text-align: left;
}

.c-user-profile .c-tabs__header .c-action.c-action--tertiary:before {
	background-color: #fff;
	content: ' ';
	height: 2rem;
	width: 2rem;
	cursor: pointer;
	margin-right: 1rem;
	-webkit-mask-size: contain;
}

.c-user-profile .c-tabs__header .c-action.c-action--tertiary.c-action--selected:before {
	background-color: var(--primary-d-normal);
}

.c-user-profile .c-tabs__header .c-action.c-action--tertiary.c-tabs__action-editar-perfil:before {
	-webkit-mask: url('/assets/skins/lahuen/base/images/icon_edit_profile.svg') no-repeat center;
}

.c-user-profile .c-tabs__header .c-action.c-action--tertiary.c-tabs__action-cambiar-contraseña:before {
	-webkit-mask: url('/assets/skins/lahuen/base/images/icon_password.svg') no-repeat center;
}

.c-user-profile .c-tabs__header .c-action.c-action--tertiary.c-tabs__action-sincronicar-app-movil:before {
	-webkit-mask: url('/assets/skins/lahuen/base/images/icon_device_phone.svg') no-repeat center;
}

.c-user-profile .c-modal__body {
    margin: 2rem;
    flex: 1;
}