.Online {
	width:9rem;
	height:9rem;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    padding:.25rem;
    background:#00ba09;
	background: var(--default-avatar-border2);
    clip-path: var(--hexagon-path);
}


.Online a{
	width:100%;
	height:100%;
    padding:.375rem;
    background:white;
	background: var(--trow-bg);
    clip-path: var(--hexagon-path);
}

.Online img {
    width: 100%;
    height: 100%;
	object-fit:cover;
    clip-path: var(--hexagon-path);
}





.Online {
width: 9.3rem;
height: 9.3rem;
 background: #00ba09;
background: #00ba09;
clip-path: var(--hexagon-path);
}











 .Uzakta {
	width:9rem;
	height:9rem;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    padding:.25rem;
    background:#ff6500;
	background: var(--default-avatar-border2);
    clip-path: var(--hexagon-path);
}


.Uzakta a{
	width:100%;
	height:100%;
    padding:.375rem;
    background:white;
	background: var(--trow-bg);
    clip-path: var(--hexagon-path);
}

.Uzakta img {
    width: 100%;
    height: 100%;
	object-fit:cover;
    clip-path: var(--hexagon-path);
}





.Uzakta {
width: 9.3rem;
height: 9.3rem;
 background: #ff6500;
background: #ff6500;
clip-path: var(--hexagon-path);
}










 .Offline {
	width:9rem;
	height:9rem;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    padding:.25rem;
    background:#e7e8ee;
	background: var(--default-avatar-border2);
    clip-path: var(--hexagon-path);
}


.Offline a{
	width:100%;
	height:100%;
    padding:.375rem;
    background:white;
	background: var(--trow-bg);
    clip-path: var(--hexagon-path);
}

.Offline img {
    width: 100%;
    height: 100%;
	object-fit:cover;
    clip-path: var(--hexagon-path);
}





.Offline {
width: 9.3rem;
height: 9.3rem;
 background: #f5002e;
background: #f5002e;
clip-path: var(--hexagon-path);
}