:root {
	--tx:#FFF;
	--ibg:var(--tx);
	--sel:#FC4;
	--hla:var(--tx);
	--hli:var(--tx);
	--hlib:#FFFFFF0A;
	--bg:rgb(32,51,68);
	--itx:var(--bg);
}
future-button-holder {
	display:inline-block;
}
future-button-holder>future-button {
	display:block;
}
future-button {
	display:inline-block;
	/*margin:.5em;*/
	/**/
	user-select:none;
	-webkit-user-select:none;
	padding:.4em .7em;
	border:1px solid var(--hla);
	box-shadow:
		 inset 0 0 0 10em var(--hlib)
		,inset 0 -.075em 0.6em -2px var(--hli)
	;
	line-height:1.4em;
	/**/
	/*white-space:nowrap;*/
	text-overflow:ellipsis;
	overflow:hidden;
	box-sizing:border-box;
	text-align:center;
	/**/
	background:var(--bg);
	color:var(--tx);
	border-radius:4px;
	/**/
	cursor:pointer;
	/**/
	transform-origin:50% 50%;
	transition:
		 .2s color ease-out
		,.2s background ease-out
		,.2s box-shadow ease-out
		,.1s transform ease-out
	;
	/**/
	/*font-size:medium;*/
	font-weight:bold;
	margin:0;
}
future-button-holder:hover>future-button,future-button.busy {
	background:var(--tx);
	box-shadow:
		 inset 0 1px 2px 0 #EDD5
		,inset 0 -1px 2px 0 #013D
		,inset 0 0 25px -2px var(--tx)
		,0 0 4px 0px var(--tx)
	;
/*  transform:translate(-50%,-50%) translateY(-1px); */
	transform:translateY(-1px);
	color:var(--itx);
}
future-button-holder:hover:active>future-button,future-button.busy {
	/*transform:translate(-50%,-50%) scale(0.97) translateY(2px);*/
	transform:scale(0.97) translateY(2px);
	box-shadow:
		 inset 0 1px 20px 14px #0137
		,inset 0 -1px 2px 0 #EDD5
		,inset 0 0 25px -2px var(--tx)
		,0 0 4px 0px var(--tx)
	;
	transition:
		 .2s color ease-out
		,.2s background ease-out
	;
}
future-button.busy {
	cursor:wait;
}
future-button .error-code,future-button .error-line {
	font-size:0.75em;
	color:#F75;
	text-shadow:0 1px #0006;
}
future-button .error-line {
	margin-top:2px;
	display:block;
	line-height:1.3em;
}