t_roster {
	--animator-in-duration: 400ms;
	--animator-out-duration: 400ms;
	/* --animator-mode: HYBRID; */
	--animator-area: center;
	--width:1833px;
	--player_height: 51px;
	/* --player_height: 53px; */
	--col_gap: 36px;
	--row_gap: 19px;
	--right_margin:140px;
	/* position: absolute; */
	/* top: 0; */
	/* left: 0; */
	/* top: 47px; */
	color: white;
	display: flex;
	width: 1920px;
	/* height: 1080px; */
	width: auto !important;
	/* opacity: 1 !important; */
}

t_roster > t_roster_wrap {
	display: flex;
	position: relative;
	margin: 0px 0px 0px 0px;
	min-width: 100%;
	/* width: 100%; */
	min-width: 100%;
	/* border-radius: 10px; */
	align-items: flex-start;
	min-width: var(--width);
	max-width: var(--width);

	min-height: 509px;
	height: min-content;
	flex-direction: column;
	padding: 18px 35px;
}




t_roster roster_bg {
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 15px;

	background-color: var(--bg-color);
	background-image: url("../assets/images/hb2_t_roster_bg.png");
	background-position: right top;
}


t_roster roster_bg::after{
	display:flex;
	content:" ";
	position:absolute;
	width:140px;
	background-color:rgb(255 255 255 / 10%);
	left: 29px;
	top: 19px;
	bottom: 21px;
}

t_roster vbg {
	display: none;
}



roster_container {
	display: flex;
	display: grid;
	grid-auto-columns: auto 563px;
	grid-auto-flow: column;
	position: relative;
	gap: var(--col_gap);
	flex: 1;
	width: 100%;
}

t_roster roster_list {
	/* width:67%; */
	position: relative;
	display: inline-block;
	/* margin-top: 23px; */
	/* margin-left: 164px; */
	/* margin-right: 50px; */
	flex-direction: column;
	font-size: 58.33px;
	font-weight: 300;
	line-height: 1;
	/* width: 1163px; */
}

t_roster coach {
	display: flex;
	font-size: 26px;
	/* width: 1030px; */
	justify-content: center;
	align-items: center;
	width: 100%;
	/* height: 50px; */
}

t_roster coach > *{
	margin-bottom:var(--row_gap);
}

t_roster coach_header {
	/* font-family:'fonbetcup'; */
	margin-right: 60px;
}

roster_header {
	display: flex;
	align-items: center;
	margin-bottom: 13px;
	/* width: 1020px; */
	width: 100%;
	justify-content: center;
	height: 131px;
	margin-bottom: 51px;
}

t_roster team_logo {
	height:100%;
	width:231px;
	margin-right:22px;
}

t_roster team_logo img {
	object-fit: contain;
	height: 100%;
	width: 100%;
	border-radius: var(--radius_big);
	background: var(--bg-color);
	border: 2px solid var(--border_color);
	padding: 2px;
}


roster_list list {
	/* margin-left: 60px; */
}


t_roster roster_list_title {
	font-family: "fonbetcup";
	font-weight: normal;
	font-size: 73px;
	text-transform: uppercase;
	display: none;
}

t_roster team_name {
	font-size: 120.83px;
	font-weight: bold;
	color:var(--text-color-inverted);
	width: 100%;
	height: 100%;
	display: flex;
	text-transform: uppercase;
	border-radius:var(--radius_big);
	background: var(--bg-color2);
	padding: 0 29px;
	align-items: center;
	margin-right: var(--right_margin);
}

t_roster list {
	display: block;
	position: relative;
	width: fit-content;

	flex-direction: column;

	column-count: 2;
	width: 100%;
	column-gap: var(--col_gap);
}

roster_gk_c {
	display: flex;
	width: 100%;
	gap: 20px;
}

roster_gk_c > * {
	width: 50%;
}

t_roster h3 {
	font-size: 30px;
	/* margin: 33px 0; */
	margin-top: 40px;
	margin-bottom: 24px;
}
t_roster player,
roster_coaches coach_name,
roster_coaches coach_header {
	display: flex;
	text-overflow: ellipsis;
	break-inside: avoid;
	align-items: center;
	line-height: 1;
	font-size: 44.22px;
	font-weight: 400;
	white-space: nowrap;
	margin-bottom: var(--row_gap);
	text-transform: uppercase;
	background: var(--bg-color3);
	padding: 0px 3px;
	/* border: 1px solid red; */
	/* border: none; */
	color: var(--text-color);
	height: var(--player_height);
	border-radius: var(--radius_big);
	width: 563px;
}

t_roster player name {
	display: flex;
	display: inline;
	line-height: 1;
	overflow: hidden;
	padding: 0 5px;
	/* font-family: serif; */
	font-weight: 300;
	/* font-weight: bold; */
	flex-grow: 1;
	flex-shrink: 1;
}

t_roster player firstname{
  /* font-size: 24px; */
  font-weight: normal;
}

t_roster player lastname{
  margin-left: 3px;
  font-weight: bold;
}

t_roster player role{
	position: absolute;
	left: -19px;
	font-size: 34px;
	font-weight: bold;
	display:none;
}

t_roster player nom {
	display: flex;
	width: 47px;
	min-width: 47px;
	height: 46px;
	height: 45px;
	border-radius: calc(var(--radius_big) - 2px);
	background-color: var(--bg-color2);
	color: var(--text-color-inverted);
	font-weight: bold;
	font-size: 47.38px;
	font-size: 45px;
	box-shadow: 0px 1px 4px 0px rgb(255 255 255 / 31%);
	justify-content: center;
	align-items: center;
	margin: 0px;
	margin-right: 8px;
}

t_roster player[role="gk"] role{
	display: flex;
}



t_roster player nom:after {
	/* content:"."; */
}

t_roster player nom_wrap {
	/* display:block; */
	/* width:50px; */
	/* background: green; */
	/* overflow:hidden; */
}

t_roster player nom_bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* background:url('assets/num_bg_author.svg'); */
	/* background-repeat: no-repeat; */
	/* background-size: contain; */
}

t_roster player nom_bg.a4_rect_bg {
	background-color: white;
	border-radius: 5px;
}

t_roster player nom_text {
	display: flex;
}

t_roster player photo {
	--imgheight: 64px;
	--imgheight: 64px;
	display: flex;
	height: var(--imgheight);
	/* padding-right: 7px; */
	align-self: flex-end;
	/* width: 67px; */
	min-width: 70px;
	justify-content: flex-end;
	/* border-radius: 17px; */
	margin-right: -7px;
	image-rendering: auto;
	background-size: cover;
}

t_roster player photo img{
	height: var(--imgheight);
	margin-right: 4px;
	width: 100%;
	object-fit: contain;
	object-position: right;
	width: 91px;
	/* height: 90px; */
	object-fit: cover;
	object-position: top;
	border-radius: var(--radius_big);
	border-bottom-left-radius: 0;
	/* image-rendering: -webkit-optimize-contrast; */
	/* visibility: hidden; */
}


t_roster roster_coaches{
	display: flex;
	flex: 1;
	justify-content: flex-start;
	flex-direction: column;
	/* width: 33.33%; */
	--row_gap: 9px;
}

t_roster roster_coaches > *:nth-child(n+6){
	/* display:none !important; */
	}

t_roster coach {
	text-transform: uppercase;
	display: flex;
	/* gap:var(--row_gap); */
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	/* height: 550px; */
	/* flex: 1; */
	/* flex-grow: 0; */
}

t_roster coach_header,
t_roster coach_name{
	padding:0 20px;
	width:100%;
	gap:10px;
	height: 46px;
	font-size: 40px;
	/* gap: 8px; */
}

t_roster coach_header{
	width: calc(100% - var(--right_margin));
	background-color: var(--bg-color2);
	color:var(--text-color-inverted);
/* flex-grow: 1; */
}