.componentProfile {width: 300px; box-shadow: 0 0 5px 0 #bbb; border-radius: 3px;}

.componentProfile .header {height: 40px; display: flex; border-bottom: 1px solid #aaa; background-color: #eee;}
.componentProfile .header .title {margin-left: 1rem; line-height: 40px;}
.componentProfile .header .close:hover {color: #000;}
.componentProfile .header .close {
	width: 40px; height: 40px; margin-left: auto; cursor: pointer;
	text-align: center; line-height: 40px; font-size: 20px; color: #777;
}

.componentProfile .menu {background: #fafafa;}
.componentProfile .menu ul {margin: 0; width: 100%;}
.componentProfile .menu li + li {border-top: 1px solid #d4d4d4;}
.componentProfile .menu li a {display: flex; align-items: center; width: 100%; padding: 15px 1rem;}
.componentProfile .menu li a i {width: 24px; margin-right: .7rem; text-align: left; font-size: 20px;}
.componentProfile .menu li a span {font-size: 13px;}