.profile-middle-grid{
	display:grid;
	grid-template-columns:2fr 1fr;
	gap:20px;

}



.profile-middle-grid .profile-tournaments-grid{
	grid-template-columns:repeat(2,1fr);
}

.profile-panel--friends{
	min-width:0;
}

.profile-friends-requests,
.profile-friends-list{
	display:grid;
	gap:12px;
}

.profile-friends-requests{
	margin-bottom:18px;
}

.profile-friend-item{
	display:flex;
	align-items:center;
	position:relative;
	justify-content:space-between;
	gap:12px;
	padding:12px;
	border:1px solid rgba(255,255,255,.08);
	border-radius:16px;
	background:rgba(255,255,255,.035);
}

.profile-friend-user{
	display:flex;
	align-items:center;
	gap:12px;
	min-width:0;
}

.profile-friend-user img{
	width:44px;
	height:44px;
	border-radius:50%;
	object-fit:cover;
}

.profile-friend-user div{
	display:flex;
	flex-direction:column;
	min-width:0;
}

.profile-friend-user span{
	color:#fff;
	font-size:15px;
	font-weight:900;
	line-height:1.1;
}

.profile-friend-user small{
	margin-top:4px;
	color:#ffc400;
	font-size:11px;
	font-weight:900;
}

.profile-friend-actions{
	display:flex;
	position:absolute;
	right:10px;
	gap:6px;
}

.profile-friend-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	position: absolute;
	right:10px;
	top:38px;
	height:32px;
	padding:0 12px;
	border:0;
	border-radius:10px;
	background:linear-gradient(180deg,#ffd34a,#ffb300);
	color:#111;
	font-size:11px;
	font-weight:1000;
	text-transform:uppercase;
	cursor:pointer;
}

.profile-friend-btn-spisok{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	right:10px;
	top:38px;
	height:32px;
	padding:0 12px;
	border:0;
	border-radius:10px;
	background:linear-gradient(180deg,#ffd34a,#ffb300);
	color:#111;
	font-size:11px;
	font-weight:1000;
	text-transform:uppercase;
	cursor:pointer;
}

.profile-friend-btn--dark{
	background:#3b3b3b;
	color:#9f9f9f;
}

@media(max-width:1000px){
	.profile-middle-grid{
		grid-template-columns:1fr;
	}

	.profile-middle-grid .profile-tournaments-grid{
		grid-template-columns:1fr;
	}
}

.profile-page{
	width:min(1470px,92vw);
	margin:0px auto 30px;
	display:grid;
	gap:60px!important;
}

.live-page-list{
	display:flex;
	flex-direction:column;
	gap:14px;
}

.live-page-list .live-date-separator{
	margin:18px 0 0;
}

.live-page-list .live-card{
	width:100%;
}

.profile-live .live-page-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:14px;
}

.profile-live .live-date-separator{
	grid-column:1 / -1;
	margin:18px 0 0;
	font-size:20px;
	font-weight:900;
	color:#ffcc33;
}

.rating-load-more{
	display:flex;
	align-items:center;
	justify-content:center;

	width:max-content;
	min-width:190px;
	height:44px;

	margin:24px auto 0;
	padding:0 24px;

	border:0;
	border-radius:10px;

	background:rgba(255,255,255,.035);

	color:#fff;
	font-size:14px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.25px;

	cursor:pointer;
	transition:.18s ease;
}

.rating-load-more:hover{
	background:rgba(255,255,255,.07);
	color:#ffc400;
}

.rating-load-more.is-loading{
	opacity:.55;
	pointer-events:none;
}

.profile-panel{
	margin-top:-5px;
	padding:26px;
	border:1px solid rgba(255,255,255,.12);
	border-radius:18px;
	background:
		linear-gradient(
			180deg,
			rgba(255,255,255,.045),
			rgba(255,255,255,.018)
		);
	box-shadow:0 24px 60px rgba(0,0,0,.35);
}

.profile-panel-tournaments{
	margin-top:-5px;
	padding:0px;
	border:none;
	border-radius:18px;
	background:none;
	box-shadow:0 24px 60px rgba(0,0,0,.35);
}

.profile-top-grid{
	display:grid;
	grid-template-columns:2fr 1fr;
	gap:20px;
}

/* =========================================
   ACHIEVEMENTS
========================================= */

.profile-achievements-grid{
	display:grid;
	grid-template-columns:repeat(6,1fr);
	gap:14px;
	margin-top:24px;
}

.profile-panel--achievements{
	margin-top:20px;
}

/* =========================================
   TOURNAMENTS
========================================= */

.profile-tournaments-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:18px;
	margin-top:24px;
}

/* =========================================
   LIVE GRID
========================================= */

.profile-panel .live-page-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:18px;
	margin-top:24px;
}

.profile-panel .live-page-card{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	min-height:170px;
	height:auto;
	padding:22px;
}

.profile-panel .live-card__content{
	flex:1;
	min-width:0;
	display:flex;
	flex-direction:column;
	min-height:126px;
}

.profile-panel .live-card__achievement{
	flex:0 0 110px;
	width:110px;
	height:110px;
	margin:0;
	align-self:center;
	display:flex;
	align-items:center;
	justify-content:center;
}

.profile-panel .live-card__achievement img{
	width:110px;
	height:110px;
	object-fit:cover;
	border-radius:18px;
	display:block;
}

@media(max-width:1300px){
	.profile-panel .live-page-grid{
		grid-template-columns:repeat(3,minmax(0,1fr));
	}
}

@media(max-width:1100px){
	.profile-panel .live-page-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

@media(max-width:640px){
	.profile-panel .live-page-grid{
		grid-template-columns:1fr;
	}
	
	

.profile-friend-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 6px;
	top: 30px;
	height: 20px;
	padding: 4px 5px 4px 5px;
	border: 0;
	border-radius: 6px;
	background: linear-gradient(180deg, #ffd34a, #ffb300);
	color: #111;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
}

}

/* =========================================
   PAGINATION
========================================= */

.live-page-pagination{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:18px;
	margin-top:28px;
		flex-direction: row;
}

.live-page-pagination a,
.live-page-pagination span{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:44px;
	min-width:120px;
	padding:0 18px;
	border:1px solid rgba(255,255,255,.10);
	border-radius:12px;
	background:rgba(255,255,255,.04);
	color:#fff;
	font-size:13px;
	font-weight:900;
	text-transform:uppercase;
}

.live-page-pagination span{
	opacity:.35;
}

.live-page-pagination strong{
	color:#ffc400;
	font-size:15px;
	font-weight:1000;
}

@media(max-width:620px){


}


/* =========================================
   EMPTY
========================================= */

.profile-empty{
	grid-column:1/-1;
	padding:24px;
	border:1px dashed rgba(255,255,255,.14);
	border-radius:18px;
	color:#888;
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
	font-weight:900;
}

/* =========================================
   CALENDAR
========================================= */

.profile-panel--calendar{
	min-width:0;
	display:flex;
	flex-direction:column;
	margin-top: 20px;
}

.profile-calendar-clean{
	margin-top:24px;
	flex:1;
}

.profile-calendar-legend{
	margin-top:auto;
	margin-top: 40px;
}

.profile-calendar-clean .calendar__row i{
	color:#bfbfbf;
	background:rgba(255,255,255,.08);
}

.profile-calendar-clean .calendar__row i.low{
	background:#6d8f13!important;
	color:#000000!important;
}

.profile-calendar-clean .calendar__row i.medium{
	background:#d2a514!important;
	color:#000000!important;
}

.profile-calendar-clean .calendar__row i.hard{
	background:#df6813!important;
	color:#000000!important;
}

.profile-calendar-clean .calendar__row i.extreme{
	background:#b92817!important;
	color:#ffffff!important;
}

.profile-calendar-clean .calendar__row i.today{

	border:0!important;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1300px){

	.profile-panel .live-page-grid{
		grid-template-columns:repeat(3,1fr);
	}

}

@media(max-width:1100px){

	.profile-top-grid{
		grid-template-columns:1fr;
	}

	.profile-tournaments-grid{
		grid-template-columns:1fr;
	}

	.profile-achievements-grid{
		grid-template-columns:repeat(3,1fr);
	}

	.profile-panel .live-page-grid{
		grid-template-columns:repeat(2,1fr);
	}

}

@media(max-width:640px){


	
	.profile-achievements-grid{
		grid-template-columns:repeat(3,1fr);
	}

	.profile-panel .live-page-grid{
		grid-template-columns:1fr;
		gap:10px;
	}

	.live-page-pagination{
		gap:10px;
	}

	.live-page-pagination a,
	.live-page-pagination span,
	.live-page-pagination strong{
		width:100%;
		text-align: center;
	}
	
	.profile-page {
	gap: 20px !important;
}

	.profile-top-grid {
	margin-top: 20px;
}

	.profile-panel{
	margin-top:0px;
	padding:20px;
	border:1px solid rgba(255,255,255,.12);
	border-radius:18px;
	background:
		linear-gradient(
			180deg,
			rgba(255,255,255,.045),
			rgba(255,255,255,.018)
		);
	box-shadow:0 24px 60px rgba(0,0,0,.35);
}


}