.UI_Choices{ /* Any screen dimension */
	border-color: var(--color--green-0);
	border-style: solid;
	background:   var(--color--white-0);
	> ._head{
		cursor:pointer;
		display:flex;
		align-items:center;
		justify-content:space-between;
		> ._title{
			font-weight: bold;
			color:       var(--color--green-0);
			img{
				filter: var(--filter--green-0);
			}
		}
	}
	> ._body{
		border-top-color: var(--color--green-0);
		border-top-style: solid;
		> ._toolbar{
			display:none;
			> .filter__clear{
			}
		}
		> .UI_Choice{
			display:inline-flex;
			font-weight:bold;
			border-style: dotted;
			border-color: var(--color--grey-0);
			border-radius:4px;
			.UI_Choice__label{
				color: var(--color--grey-0);
				img{
					filter:var(--filter--grey-0);
				}
			}
			
			.UI_Choice__input:checked + label{
				color:var(--color--green-0);
				
				img{
					filter:var(--filter--green-0);
				}
			}
			&:hover{
				border-style: solid;
				border-color: var(--color--green-0);
				.UI_Choice__label{
					color: var(--color--green-0);
					img{
						filter:var(--filter--green-0);
					}
				}
			}
		}
	}
	&.has-choice{
		> ._head{
			> ._title{
				color: var(--color--green-0);
				img{
					filter:var(--filter--green-0);
				}
			}
			> ._choiceds{
				display: inline-flex;
				flex-direction: row;
				flex-wrap: nowrap;
				justify-content: flex-start;
				align-content: stretch;
				align-items: flex-end;
				font-weight:bold;
				> UI_Button._choiced{
					padding:4px 5px;
					color:       var(--color--white-0);
					background:  var(--color--green-0);
					border-color:var(--color--green-0);
					font-style:italic;
				}
			}
		}
		> .filter__body{
			border-top-color: var(--color--green-0);
			> ._tooolbar{
				display:flex;
				justify-content:flex-end;
			}
		}
	}
}
.UI_Choices{ /* Custom screen dimension */
	border-width: 1px;
	margin:       10px 0 0 0;
	> ._head{
		padding:10px 10px;
		> ._title{
			font-size: 15px;
		}
	}
	> ._body{
		border-top-width: 1px;
		padding:          10px 5px;
		> ._toolbar{
		
		}
		> .UI_Choice{
			gap:     5px;
			padding: 5px 8px 5px 5px;
			margin:  5px;
			border-width: 1px;
			> .UI_Choice__label{
				padding:  0;
				font-size: 15px;
			}
		}
	}
	&.has-choice{
		> ._head{
			> ._choiceds{
				gap:8px;
				> ._choiced{
					font-size: 15px;
				}
			}
		}
	}
}