/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//+		© Copyright iDIWAY 2009
//+		Tout droits de reproduction interdits
//+		http://www.idiway.fr
//+		$Revision: 10216 $
//+		$Date: 2026-09-09 17:36:33 +0200 (mer. 09 sept. 2026) $
//+		$HeadURL: svn://svn.id.lan/pko/sat/2x/241_tgo/eval1/tpl/tpl0/css/umod/mlv/stage.vw.css $
//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


.mlv-team_nav{display: flex; justify-content: center; /*font-size: 16px;*/ }
.mlv-team_nav .ihmFrm--light { font-family: var(--TPL-font-secondary); border: 1px solid #DEDEDE; background-color: #FAFAFA; color: black; font-size: 1.1rem; padding: 8px !important; }
.mlv-team_nav .ihmFrm--light:not(:focus){ border: 1px solid transparent; border-radius: 0; background-color: transparent;}
.mlv-team_nav > *{ padding: 10px;}
.mlv-team_nav > *:hover{ background:#D9DFF1; cursor: pointer; border-radius:20px }
.mlv-team_nav > *.u-dsb{opacity: 0.5; cursor: default;}
.mlv-team_nav svg { display: block; }
.mlv-team_nav .team-name{ padding: 0}

@media screen and (max-width: 800px){
	.mlv-team_nav .team-name .ihmFrm--light{max-width: 250px;}
}

.mlv-header__btnCtr--select { overflow: hidden; justify-content: center; }
.mlv-header__btnCtr--select .nav--arrows--mono{ overflow: visible;}
.mlv-header__btnCtr--select .nav--arrows--mono select{  z-index: 2}
.mlv-header__btnCtr--select label { display: flex; align-items: center; }
.mlv-header__btnCtr--select > label:hover span { background-color: transparent; cursor: initial; }


/*.mlv-team { display: flex; flex-wrap: wrap; justify-content: space-around;}*/
.team__ctr{ display: grid; grid-template-areas: "team solo"; grid-template-rows: max-content 1fr; row-gap: 40px; column-gap: 40px; justify-items: center; margin-top:30px; } 
@media screen and (max-width: 800px) {
	.team__ctr{ display: grid; grid-template-areas: "team" "solo";  grid-template-rows: repeat(3, max-content); justify-items: center;}
}

/*
 *
 * countdown
 *
 */
.mlv-team .ico_live{ animation: ico_live 1s infinite; position:absolute; top:-6px; right:2px;  }
.mlv-team .ico_live{
	.i-grid__li:has(&) .ctrNtf{
		display: none;
	}
}
.mlv-team .ico_live svg{ fill:#000;  }

@keyframes ico_live {
	0% {opacity: 0.5}
	100% {opacity: 0;}
}
.shooter-lg {
  width: 13px;
  margin-right: 5px;
}

.mlv-team .u-up{ font-family: var(--font-bold);}

.mlv-team .rankLastInput-txt { position: relative; font-family: var(--font-reg) }
.mlv-team .rank-color { width: 5px; height: 80%; border: dashed 1px black; }
.mlv-team .rank-color+span.rank-number { margin-left: 1px; }
.mlv-team .i-grid--mlv-team .rank-color+span.rank-number { padding-right: 14px; }
.mlv-team .rank-color.rank-color_etq { width:100%; min-width: 40px; margin-right: 10px; height: max-content !important; padding: 0 3px; text-align: center; border-color: #ccc;}
.mlv-team .rank-color.rank-color--1 { border: none; background-color: #0262D0; color:#fff;}
.mlv-team .rank-color.rank-color--2 { border: none; background-color: #82A9D6; color:#fff;}
.mlv-team .rank-color.rank-color--3 { border: none; background-color: #BFCCDC; }
.mlv-team .rank-color.rank-color--dq { opacity:0 }
.mlv-team .rank-color.rank-color--pch { border: none; border-bottom: 1px solid #333; opacity: 0.2;}

.mlv-team .team__ctr--team { grid-area: team; width: 100%; }
.mlv-team .team__ctr--solo { grid-area: solo; width: 100%; }

.team__ctn--tit{ display: flex; column-gap: 6px; align-items: center; font-size: 1.3rem; width: max-content; padding: 5px; }
/*.team__ctn--tit > .svg__icon{ fill:#cea95f; }*/

.team-sth-ctr{grid-area: sth; width: max-content; }
.team-sth-tgt{grid-area: tgt; width: max-content; }
.team-player-ctr{grid-area: player; width: max-content; }



/*.mlv-team .i-grid { width: max-content; margin:0 auto; }
.mlv-team .i-grid--mlv-team { width: max-content; margin:0 auto; }*/
/*
.mlv-team .i-grid--mlv-team .i-grid__li--sepTyp > div{ font-family: var(--font-semibold); margin-top: 24px}
.mlv-team .i-grid--mlv-awards .i-grid__li--sepTyp > div{ font-family: var(--font-semibold); margin-top: 24px}
*/
.mlv-team .i-grid--mlv-awards .i-grid__li--sepTyp > div{ margin-top: 15px;}
.mlv-team .i-grid--mlv-team .i-grid__grp__sep{ font-size: 14px; margin-left: 0; margin-top: 15px; padding: 0px; /*padding-left: 30px;*/ background-position-y: 50%; background-position-x: calc(30px - 10px - 10px);  background-size: 10px;}
.mlv-team .i-grid--mlv-team .i-grid__grp__sep > *{ display: flex; height: 100%; align-items: center; padding: 5px;}
.mlv-team .i-grid--mlv-team .i-grid__grp__sep > *:first-child{ flex:1; padding: 5px 10px 5px 26px;}
.mlv-team .i-grid--mlv-team .i-grid__grp__sep > *:last-child{ /*width: 45px;*/ display: flex; text-align: right;}


.mlv-team .i-grid--mlv-team .i-grid__li--sepTyp > div{
	position: sticky;
	top: 60px;
	background: var(--color__background);
	
	z-index: 2;
}

.mlv-team .setTyp--level{margin-right: 5px;}
.mlv-team .setTyp--level label{cursor: pointer;}
.mlv-team .setTyp--level input{display: none;}

.mlv-team .i-grid__li--sepTyp[data-typ=all],
.mlv-team .i-grid--mlv-team .i-grid__li--sepTyp,
.mlv-team .i-grid--mlv-awards .i-grid__li--sepTyp  {cursor: pointer; }

.mlv-team .i-grid__li--sepTyp[data-typ=all]:hover,
.mlv-team .i-grid--mlv-team .i-grid__grp__sep:hover {background-color: #D9DFF1;}

.mlv-team .i-grid--mlv-awards .i-grid__li--sepTyp > div:first-child:hover {background: #D9DFF1;}

.mlv-team .i-grid--mlv-team .i-grid__setTyp,
.mlv-team .i-grid--mlv-awards .i-grid__setTyp{flex: 1; height: 100%; justify-content: flex-start; margin-left: 20px; display: flex; align-items: center; column-gap: 10px; font-family: var(--font-reg);}
.mlv-team .i-grid--mlv-awards .i-grid__li--sepTyp > div > div:first-child+div{ width: 120px;}

/*.mlv-team .i-grid--mlv-team .i-grid__setTyp > span{width: 65px;}*/
.mlv-team .i-grid--mlv-awards .i-grid__setTyp > span{ display: flex; align-items: center; height: 100%; width: max-content; overflow: hidden; text-overflow: ellipsis;}

.mlv-team .i-grid--mlv-awards a.i-grid__li:hover > div{ background: #D9DFF1;}

.mlv-team .i-grid--mlv-awards .DW--score { all: initial; padding:0 !important; margin:0 !important; opacity: 0 !important; width: 0px !important; height: 0px !important; visibility: hidden !important; font-size: 0 !important; }
.mlv-team .i-grid--mlv-awards .DW--time { all: initial; padding:0 !important; margin:0 !important; opacity: 0 !important; width: 0px !important; height: 0px !important; visibility: hidden !important; font-size: 0 !important; }

.mlv-team .i-grid--mlv-team .DW--time { all: initial; padding:0 !important; margin:0 !important; opacity: 0 !important; width: 0px !important; height: 0px !important; visibility: hidden !important; font-size: 0 !important; }



.aff_ranking--levelOne{display: none;}
.aff_ranking--levelTwo{display: none;}
/*.aff_ranking--levelThree{display: none;}*/

.aff_rankingOn--levelOne .aff_ranking--levelTwo{ display:block; }
.aff_rankingOn--levelTwo .aff_ranking--levelOne{ display:block; }
/*
.aff_rankingOn--levelTwo .aff_ranking--levelThree{ display:block; }
.aff_rankingOn--levelThree .aff_ranking--levelOne{ display:block; }
*/

.aff_rankingInfo{padding-left: 36px !important;}

.aff_rankingOther{cursor: pointer; padding-left: 36px !important;}
.aff_rankingOther:hover {background: #D9DFF1;}

/*
.iTpl-head-scroll .mlv-team .i-grid--mlv-team .i-grid__li--sepTyp > div{padding-top: 80px;}
*/

.mlv-header--team{ background:transparent; }




.mlv-team .i-grid--mlv-team .nomTeam{ flex: 1;}
.mlv-team .i-grid--mlv-team .nomTeam img{ margin-right: 3px}
/*.mlv-team .i-grid--mlv-team .nomPlayer{ width: 200px;}*/
.mlv-team .i-grid--mlv-team a.i-grid__li > div:first-child { width: 40px}
/*.mlv-team .i-grid--mlv-team a.i-grid__li > div:first-child+div { width: 28px}*/
.mlv-team .i-grid--mlv-team a.i-grid__li:hover > div:not(:first-child) { background: #D9DFF1;}


.teamProgress { display: flex; flex-direction:column; font-size: 10px; }
.teamProgress .team-graph{ position: relative; width: 20px; height: 3px; background-color: #eee;  overflow:hidden; }
.teamProgress .team-graph::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: var(--ratio__stage); background-color: #aaa; }


.stage { overflow: visible; justify-content: center; position: relative; }
.stage-graph { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.stage-graph::before { content: ""; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(225deg); width: 28px; height: 28px; background: conic-gradient(#AAAAAA var(--ratio__stage), #D2D2D2 var(--ratio__stage), #D2D2D2 75%, transparent 75%); }
.stage-graph::after { content: ""; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; background: var(--color__background); }
.stage-nbr { font-family: var(--font-bold); color: #AAAAAA; z-index: 1; width: 22px; text-align:center; }
.team__ctr--team .stage-nbr { font-size: 10px; }

.stage-diff { justify-content: center; align-items: center; }
.stage-diff .stage-max { width: 6px; }
.stage-diff .stage-diff1 { width: 8px; transform: rotate(180deg);}
.stage-diff .stage-diff2 { width: 16px; transform: rotate(180deg);}