/* ============ TEAMS BY GAMBLING PROJECT ================ */


 .teamsDetailedBigBlock 
	{
		display: flex;
		background: rgb(33,42,58,72%);
		margin: 10px;
		height: 290px;
		position: relative;
		overflow: hidden;
		border-radius: 10px;
		z-index: 100;
		color: #b6b8d2;
	}
 .teamsDetailedBigBlockBlured 
	{
		overflow: hidden;
		position: absolute;
		width: 100%;
		height: 100%;
		background-image: url(https://impulse.wtf/img/gif/topBlured.gif);
		background-size: cover;
		-webkit-filter: url(#blur);
		filter: url(#blur);
		-webkit-filter: blur(20px);
		filter: blur(20px);
		filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='20');
		-webkit-transition: 1s -webkit-filter linear;
		-moz-opacity: 0.1;
		-khtml-opacity: 0.1;
		opacity: 0.1;
		z-index: 0;
	}
	
 .teamsDetailedBigBlock .headerIco 
	{
		position: absolute;
		background: radial-gradient(at 50% -5%, rgb(80,86,113,69%), rgb(36,127,154,5%));
		width: 60px;
		height: 60px;
		font-size: 30px;
		text-align: center;
		line-height: 48px;
		transform: translate(9px, 9px);
		border-radius: 8px;
		color: #acafc2;
		font-family: 'Roboto';
		font-weight: 900;
	}
 .teamsDetailedBigBlock .headerLevel 
	{
		position: absolute;
		transform: translate(19px, 46px);
		font-size: 11px;
		color: #697486;
	}	
 .teamsDetailedBigBlock .headerTeam
	{
		position: absolute;
		font-weight: 500;
		font-family: 'Roboto';
		color: #d9dae6;
		font-size: 25px;
		font-weight: 800;
		transform: translate(74px, 5px);
	}
 .teamsDetailedBigBlock .headerTeamName
	{
		position: absolute;
		font-weight: 500;
		color: #7178A1;
		font-size: 30px;
		font-weight: 800;
		transform: translate(73px, 25px);
	}
 .teamsDetailedBigBlock .headerCreated
	{
		position: absolute;
		color: #5b687d;
		font-size: 13px;
		left: 0;
		transform: translate(73px, 54px);
	}
 .teamsDetailedBigBlock .headerRules
	{
		position: relative;
		color: #d9dae6;
		font-size: 15px;
		width:300px;
		white-space: nowrap;
		transform: translate(11px, 84px);
	}
 .teamsDetailedBigBlock .headerRules.text
	{
		transform: translate(-1px, 3px);
		color: #5b687d;
		width: 650px;
		line-height: 15px;
		font-size: 14px;
		white-space: normal;
	}	
 .teamsDetailedBigBlock .headerAvatar
	{
		position: absolute;
		background: linear-gradient(#1d2536,#141b2d) padding-box, linear-gradient(to right, #283447, #1a2231) border-box;
		border: 3px solid transparent;
		right: 0;
		width: 200px;
		height: 200px;
		border-radius: 10px;
		transform: translate(-9px, 9px);
	}
 .teamsDetailedBigBlock .button
	{
		position: absolute;
		border: 3px solid transparent;
		left: 0;
		width: 125px;
		border-radius: 10px;
		transform: translate(9px, 156px);
	}




 .teamsDetailedBigBlock .detailsFlex
	{
		display: flex;
		position: absolute;
		background: rgb(255,255,255,2%);
		width: 100%;
		height: 69px;
		padding-top: 8px;
		align-content: center;
		padding: 0px;
		bottom: 0;
		z-index: 3;
	}
 .teamsDetailedBigBlock .detailsFlex.detailed
	{
		background: rgb(29,30,50, 82%);
		backdrop-filter: blur(5px);
	}	
 .teamsDetailedBigBlock .detailsFlex .row
	{
		position:relative;
		border-right: 1px solid #10182a;
		width: 100px;
		padding-top: 14px;
		font-size: 14px;
		text-align: center;
		flex: 1 1 auto;
		transition: all 1s cubic-bezier(0, 1.15, 0.36, 1) 0s;
	}
 .teamsDetailedBigBlock .detailsFlex .row .header
	{
		font-size: 14px;

		font-weight: 900;
		color: #424a5d;
	}
 .teamsDetailedBigBlock .detailsFlex .row .text
	{
		font-size: 18px;
		font-weight: 900;
		color: #b4bbe3;
		font-family: 'Roboto', sans-serif;
	}
	
	
 .teamsPlayersList
	{
		font-size: 0px;
		border-radius: 10px;
		padding: 10px;
		overflow:hidden;
	} 
 .teamsPlayersList .detailsFlex
	{
		display: flex;
		width: 100%;
		align-content: center;
		padding: 0px;
	}	
 .teamsPlayersList .detailsFlex .row
	{
		position: relative;
		border-right: 1px solid #10182a;
		flex: 1 1 auto;
	}
 .teamsPlayersList .detailsFlex .row:nth-child(2) 
	{
		flex: 0 1 400px;
	}	
  .teamsPlayersList .player
	{
		position: relative;
		height: 83px;
		width: 33.333%;
		background: rgb(24,35,50,45%);
		border: 5px solid transparent;
		display: inline-block;
		border-radius: 10px;
		margin-top: 2px;
	}
  .teamsPlayersList .player:hover 
	{
		background: rgb(24,35,50,100%);
	}		
  .teamsPlayersList .player .blured 
	{
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 81px;
		background-size: cover;
		-webkit-filter: url(#blur);
		filter: url(#blur);
		-webkit-filter: blur(2px);
		filter: blur(2px);
		filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
		-webkit-transition: 1s -webkit-filter linear;
		-moz-opacity: 0.1;
		-khtml-opacity: 0.1;
		opacity: 0.1;
		border-radius: 5px;
	}

  .teamsPlayersList .name 
	{
		color: #d2d6df;
		position: absolute;
		font-size: 17px;
		transform: translate(81px, -70px);
	}	
   .teamsPlayersList .status 
	{
		position: absolute;
		color: #b2b8c4;
		font-size: 12px;
		transform: translate(81px, -52px);
	}
   .teamsPlayersList .totalGames 
	{
		position: absolute;
		color: #6e7480;
		font-size: 12px;
		transform: translate(81px, -34px);
	}
   .teamsPlayersList .memberFrom 
	{
		position: absolute;
		color: #6e7480;
		font-size: 12px;
		transform: translate(81px, -19px);
	}	
    .teamsPlayersList .amount 
	{
		color: rgb(255,255,255,70%);
		position: absolute;
		width: 70px;
		padding: 3px;
		right: 0;
		font-size: 25px;
		text-align: right;
		transform: translate(-4px, -40px);
	}	
 .teamsPlayersList .button 
	{
		position: absolute;
		right: 0;
		width: 30px;
		height: 30px;
		font-size: 15px;
		color: #838693;
		cursor: pointer;
		z-index: 50;
		transform: translate(10px, -70px);
	}

@media (max-width: 1980px) {
  .teamsPlayersList .player
	{
		width: 50%;
	} 
} 
 
@media (max-width: 1000px) {
  .teamsPlayersList .player
	{
		width: 33.333%;
	} 
} 
 
@media (max-width: 800px) {
  .teamsPlayersList .player
	{
		width: 50%;
	} 
}  		
@media (max-width: 600px) {
  .teamsPlayersList .player
	{
		width: 100%;
	} 
 .teamsPlayersList .detailsFlex
	{
		display: block;
	}
 .teamsPlayersList .detailsFlex .row:nth-child(2) 
	{
		margin-top: 10px;
	}	
}