.UI_Tabulation{ /* Any screen dimension */
	height:100%;
	width:100%;
	overflow:hidden;
	display:grid;
	grid-template-areas:"head" "body";
	grid-template-rows:min-content 1fr;
	> input{display:none;}
	> ._head{
		display:flex;
		width:100%;
		overflow:auto;
		scrollbar-width: thin;
		border-color: var(--color--green-0);
		border-style: solid;
		> .UI_Tab{
			cursor:pointer;
			font-weight:   bold
			border-color:   var(--color--green-0);
			background:     var(--color--white-0);
			color:          var(--color--green-0);
			>.UI_IconI18n.icon-is-colorizable{
				img{
					filter:var(--filter--green-0);
				}
			}
			>.UI_IconI18n{
				> .UI_I18n{
					white-space: preserve nowrap;
				}
			}
		}
	}
	> ._body{
		height:100%;
		width:100%;
		overflow:hidden;
		> .UI_Tab{
			display:grid;
			grid-template-areas:"head" "body";
			grid-template-rows:min-content 1fr;
			> ._head{grid-area:head;
				display:grid;
				grid-template-areas:"title" "selection" "info" "toolbar";
				grid-template-rows:min-content min-content 1fr;
				align-items: center;
				background: var(--color--green-0);
				> ._title{grid-area:title;
					background:  var(--color--green-0);
					color:       var(--color--white-0);
					font-weight: bold;
				}
				> ._info{grid-area:info;
					background:var(--color--green-0);
					p{
						color:var(--color--white-0);
					}
				}
				> ._selection{grid-area:selection;
					background:var(--color--white-0);
					display:grid;
					grid-template-areas:"groups clearAll";
					grid-template-columns:1fr max-content;
					align-items:center;
					> .byGroups{grid-area:groups;
						display:flex;
						flex-wrap:wrap;
						>.byGroup{
							display:flex;
							.UI_I18n{
								display:none;
							}
						}
					}
				}
				> ._toolbar{grid-area:toolbar;
					display:flex; 
					justify-content:flex-end;
					> .UI_Button{grid-area:clearAll;
						img{
							filter:var(--filter--red-0);
						}
					}
					.UI_Button:hover {
						img{
							filter:var(--filter--white-0);
						}
					}
				}
			}
			> ._body{grid-area:body;
				background: var(--color--white-0);
			}
			display:none;
			height:100%;
			width:100%;
			overflow:auto;
		}
	}
	input:checked{
		background:red;
	}
	> input:nth-child(1){
		background:red !important;
	}
	
	> input:nth-child(1):checked ~ ._head > .UI_Tab:nth-child(1),
	> input:nth-child(2):checked ~ ._head > .UI_Tab:nth-child(2),
	> input:nth-child(3):checked ~ ._head > .UI_Tab:nth-child(3),
	> input:nth-child(4):checked ~ ._head > .UI_Tab:nth-child(4),
	> input:nth-child(5):checked ~ ._head > .UI_Tab:nth-child(5),
	> input:nth-child(6):checked ~ ._head > .UI_Tab:nth-child(6){
		/* curent */
		border-color :  var(--color--green-0);
		background   :  var(--color--green-0);
		color:        var(--color--white-0);
		img{
			filter:var(--filter--white-0);
		}
	}
	> input:nth-child(1):checked ~ ._body > .UI_Tab:nth-child(1),
	> input:nth-child(2):checked ~ ._body > .UI_Tab:nth-child(2),
	> input:nth-child(3):checked ~ ._body > .UI_Tab:nth-child(3),
	> input:nth-child(4):checked ~ ._body > .UI_Tab:nth-child(4),
	> input:nth-child(5):checked ~ ._body > .UI_Tab:nth-child(5),
	> input:nth-child(6):checked ~ ._body > .UI_Tab:nth-child(6){
		display:grid;
	}
}
.UI_Tabulation{  /* Custom screen dimension */
	> ._head{
		border-width: 0 0 1px 0;
		> .UI_Tab{
			border-width: 1px;
			padding:      8px 12px;
			font-size:    16px;
			>.UI_IconI18n{
				> .UI_Icon{
					height:20px;
					width: 20px;
				}
			}
		}
	}
	> ._body{
		> .UI_Tab{
			> ._head{
				padding   : 8px 12px;
				> ._title{
					padding:      0;
					border-width: 0;
					font-size:    18px;
				}
				> ._info{
					margin-bottom:10px;
					p{
						margin:   5px 0;
						font-size:15px;
					}
				}
			}
			> ._body{
				padding   : 12px 12px;
			}
		}
	}
}