.edit-profile-image i {color:#fff;fontSize:15px;}

.edit-profile-image {backgroundColor:#0091de;display:flex;}

.edit-profile-image {position:absolute;bottom:8px;right:8px;borderRadius:50%;border:1px solid #fff;width:20px;height:20px;alignItems:center;justifyContent:center;}

.grid.grid-gap.profile-stats {gap:0;}

.navbar-profile img {borderRadius:50%;width:30px;}

.panel .profile-header .profile-image .profile-online {bottom:7px;right:7px;width:12px;height:12px;}

.panel .profile-header .profile-image img {width:90px;}

.panel .profile-header .profile-name {fontSize:19px;marginTop:5px;}

.panel .profile-header .profile-subtitle {fontSize:14px;}

.panel .profile-header {marginBottom:40px;marginTop:40px;}

.profile-buttons .author-follow {width:auto;margin:0 7px;padding:0 20px 0 15px;}

.profile-buttons .contact-button i {padding:0;fontSize:20px;}

.profile-buttons .contact-button {backgroundColor:var(--light-gray);}

.profile-buttons .contact-button {color:var(--title-color);borderRadius:15px;width:44px;height:44px;display:flex;alignItems:center;justifyContent:center;margin:0 7px;}

.profile-buttons {display:flex;justifyContent:center;marginBottom:30px;}

.profile-header {display:flex;alignItems:center;flexDirection:column;margin:20px 0;}

.profile-image img {width:120px;borderRadius:50%;}

.profile-image {position:relative;}

.profile-name {color:var(--title-color);fontWeight:500;fontSize:20px;marginTop:15px;}

.profile-online {backgroundColor:#0091de;display:flex;}

.profile-online {position:absolute;bottom:6px;right:15px;borderRadius:50%;border:2px solid #fff;width:15px;height:15px;alignItems:center;justifyContent:center;}

.profile-stat {display:flex;flexDirection:column;borderRight:1px solid #e2e3e5;textAlign:center;}

.profile-stat-number {fontWeight:600;fontSize:20px;}

.profile-stat-title {color:var(--text-color);fontSize:15px;}

.profile-stat:last-child {borderRight:none;}

.profile-stats {marginBottom:30px;}

.profile-subtitle {color:#99a0a7;fontWeight:400;fontSize:15px;marginBottom:5px;}

html[dir=rtl] .profile-stat:first-child {borderRight:none;}

html[dir=rtl] .profile-stat:last-child {borderRight:1px solid #e2e3e5;}

.dark .edit-profile-image {border:1px solid var(--background-color);}

.dark .panel .profile-header .profile-image .profile-online {border:2px solid var(--light-gray);}

.dark .profile-online {border:2px solid var(--background-color);}

.dark .profile-stat {borderRight:1px solid #2d3d4a;}

.dark .profile-stat:last-child {borderRight:none;}