@charset "UTF-8";
/* CSS Document */

.col_button {
	color: var(--COL_TEXT);
	background-color: var(--_BTN_OUT);
}

.col_button_soft {
	color: var(--COL_TEXT);
	background-color: var(--_BTN_SOFT);
}

.col_button_soft svg *,
.col_button svg * {
	fill: currentColor;
}

.col_button_soft:not(:disabled):hover,
.col_button_soft.hoverSync,
.col_button_soft[aria-pressed="true"],
.col_button:not(:disabled):hover,
.col_button.hoverSync,
.col_button[aria-pressed="true"] {
	color: var(--COL_TEXT_NEG);
	background-color: var(--_BTN_OVER);
}

.col_button:disabled {
	opacity: 0.3;
}

.col_button.static {
	cursor: default;
}

.col_button.static:hover {
	color: var(--COL_TEXT);
	background-color: var(--_BTN_OUT);
}

.col_button_soft.static:hover {
	color: var(--COL_TEXT);
	background-color: var(--_BTN_SOFT);
}


.col_GEN {
	--_BTN_OUT:  	var(--COL_BUTTON_OUT);
	--_BTN_OVER: 	var(--COL_BUTTON_OVER);
	--_BTN_SOFT: 	var(--COL_BUTTON_SOFT);
	--_LIGNES: 		var(--COL_LIGNES);
}


.col_SHOT {
	--_BTN_OUT:  	var(--COL_BUTTON_OUT_SHOT);
	--_BTN_OVER: 	var(--COL_BUTTON_OVER_SHOT);
	--_BTN_SOFT: 	var(--COL_BUTTON_SOFT_SHOT);
	--_LIGNES: 		var(--COL_LIGNES_SHOT);
}


.col_SEQ {
	--_BTN_OUT:  	var(--COL_BUTTON_OUT_SEQ);
	--_BTN_OVER: 	var(--COL_BUTTON_OVER_SEQ);
	--_BTN_SOFT: 	var(--COL_BUTTON_SOFT_SEQ);
	--_LIGNES: 		var(--COL_LIGNES_SEQ);
}

.col_ASSET {
	--_BTN_OUT:  	var(--COL_BUTTON_OUT_ASSET);
	--_BTN_OVER: 	var(--COL_BUTTON_OVER_ASSET);
	--_BTN_SOFT: 	var(--COL_BUTTON_SOFT_ASSET);
	--_LIGNES: 		var(--COL_LIGNES_ASSET);
}

.col_TRAV {
	--_BTN_OUT:  	var(--COL_BUTTON_OUT_TRAV);
	--_BTN_OVER: 	var(--COL_BUTTON_OVER_TRAV);
	--_BTN_SOFT: 	var(--COL_BUTTON_SOFT_TRAV);
	--_LIGNES: 		var(--COL_LIGNES_TRAV);
}

.col_ANIM {
	--_BTN_OUT:  	var(--COL_BUTTON_OUT_ANIM);
	--_BTN_OVER: 	var(--COL_BUTTON_OVER_ANIM);
	--_BTN_SOFT: 	var(--COL_BUTTON_SOFT_ANIM);
	--_LIGNES: 		var(--COL_LIGNES_ANIM);
}

/* couleurs des icones difficultés trav avec class .col_diff dans le svg */
.col_diff_1 .col_diff { fill: var(--COL_ICON_VERT); }
.col_diff_2 .col_diff { fill: var(--COL_ICON_JAUNE); }
.col_diff_3 .col_diff { fill: var(--COL_ICON_ORANGE); }
.col_diff_4 .col_diff { fill: var(--COL_ICON_ROUGE); }