.UI_Panel{  /* Any screen dimension */
	> ._head{
		background: var(--color--white-0);
		> ._title{
			color: var(--color--green-0);
		}
		> .switchtolanguage{grid-area:switchtolanguage;
		}
	}
	> ._foot{
		background: var(--color--green-0);
		.UI_Button.save-and-close{
			/* -- 
			 * state : normal 
			 * -- */
			background:       var(--color--white-0);
			color:            var(--color--orange-0);
			border-color:     var(--color--orange-0);
			&.icon-is-colorizable > .UI_Icon{
				img{
					filter:var(--filter--orange-0);
				}
			}
			/* -- 
			 * state : hover 
			 * -- */
			&:hover{
				background:       var(--color--orange-0);
				color:            var(--color--white-0);
				border-color:     var(--color--white-0);
			}
			&.icon-is-colorizable:hover{
				> .UI_Icon{
					img{
						filter:var(--filter--white-0);
					}
				}
			}
		}
	}
}
.UI_Panel{  /* Custom screen dimension */
	height:100%;
	overflow:hidden;
	> ._head{
		display:              grid;
		grid-template-areas:  "switchtolanguage title  . toolbar";
		grid-template-columns:min-content min-content 1fr min-content;
		gap:5px;
		padding: 10px 10px 10px 5px;
		> ._title{
			font-size: 20px;
		}
		> ._toolbar{
			gap:5px;
		}
	}
	> ._body{
		height:100%;
		overflow:hidden;
	}
	> ._foot{
		> ._selection{
		
		}
		> ._toolbar{
			padding: 10px 10px 20px 10px;
			justify-content:space-between;
			> .UI_Button{
				border-width:4px;
/*
				padding:6px 10px;
*/
				>.UI_I18n{
					text-transform:uppercase;
					font-size:20px;
				}
			}
		}
	}
}