#profileView {
    background: var(--secondary-color);
    border-radius: 10px;
}
#profileView .sidebarContent {display:flex;flex-direction: column;align-items: center;box-sizing: border-box;overflow: auto;border-radius: 10px;}
#profileView .profileHeader {width:100%;position:relative;background-position: center;background-size: cover;background-repeat: no-repeat;margin-bottom: 40px;}
#profileView .name {
    font-size: 24px;
    font-weight: 700;
    color: var(--link-color);
}
#profileView .avatar {position:absolute; top:60px}
#profileView .avatar img {width:100px;height:100px;border-radius:50%;padding:4px;border: 2px solid var(--dc-color);background: var(--secondary-color);}
#profileView .profileHeader:before {content:'';background:var(--sh-color);position: relative;  width:100%; height: 145px; margin-bottom: 40px;top:0;left:0;display: block;border-radius: 10px 10px 0 0; }
#profileView .profileButtons {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
}
#profileView .profileButtons a.button {
    width: auto;
    padding: 10px;
    display:flex;
    align-items: center;
    font-size: 11px;
    background: var(--button2);
    margin: 10px 0 0;
}
#profileView .avatarMore {background:var(--primary-color); margin:30px auto;} 
#profileView .avatarMore div {font-size: 22px;color:var(--color2);font-weight:500;}
#profileView .avatarMore div a {display: flex;flex-direction: column;align-items: center;}
#profileView .avatarMore div span {font-size:10px;}
#profileView .profileButtons a.send_button {background:#b60e39;}
#profileView .profileButtons a.button span {text-align:center}
#profileView .profileButtons a.add_buddy_button:before,#profileView .profileButtons a.add_ignore_button:before,#profileView .profileButtons a.report_user_button:before,#profileView .profileButtons a.send_button:before,#profileView .profileButtons a.remove_buddy_button:before {font-family:"Font Awesome 6 Pro"; font-size:16px;font-weight:700;}
#profileView .profileButtons a.add_buddy_button:before {content:'\f234'}
#profileView .profileButtons a.remove_buddy_button:before {content:'\f503'}
#profileView .profileButtons a.add_ignore_button:before {content:'\f4fa'}
#profileView .profileButtons a.report_user_button:before {content:'\e333'}
#profileView .profileButtons a.send_button:before {content:'\f1d8'}
#profileView .profileButtons a.button span {margin-left:10px;}

#profileView .tabs {display:flex;background: var(--secondary-color);border-radius: 10px 10px 0 0;margin: 0 auto;width: 100%;}
#profileView .tab{
  cursor: pointer;
  padding:20px 10px;
  margin: 0 auto;
  /* background: var(--secondary-color); */
  display:inline-block;
  color:var(--color2);
  border-radius: 10px;
  transition:.2s;
	font-weight:500;
}
#profileView .tab:hover {color:var(--dc-color)}
#profileView .tab>.tabed {display:flex;/* flex-direction: column; */align-items: center;font-size: 14px;/* text-transform: lowercase; */gap:5px}
#profileView .tab i {font-size: 18px;font-weight: 500;}
#profileView .panels{
  background: var(--secondary-color);
  min-height:200px;
  border-radius: 0 0 10px 10px;
  margin-bottom: 50px;
  overflow:hidden;
  padding:20px;
}
#profileView .panel{
  display:none;
  animation: fadein .8s;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
#profileView .panel-title{
  font-size:1.5em;
  font-weight:bold
}
#profileView .radio{
  display:none;
}
#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel,
#four:checked ~ .panels #four-panel{
  display:block
}
#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab,
#three:checked ~ .tabs #three-tab,
#four:checked ~ .tabs #four-tab{
  /* background: var(--third-color); */
  color: var(--dc-color);
  /* border-top: 3px solid #b60e39; */
  border-radius: 10px;
  font-weight: 700;
}
.panel .tborder {background: var(--secondary-color);}
@media screen and (max-width:1060px) {
	#profileView .tabs {justify-content: center;}
	#profileView .panels {border-radius:0 0 10px 10px;}
	#profileView .tab span {display:none;}
	#profileView .tab i {font-size:26px;}
	#profileView .sidebarContent {margin-bottom:50px;}
}