/* 
	ox-canary
	---------
*/


[data-ox-element-type="canary-info"]{
	display: inline;
	margin-left: 1em;
	margin-right:1em;
}



[data-ox-element-type="canary-info"] > [data-ox-case]{
	display: none;
}



[data-ox-element-type="canary-info"][data-ox-given-canary="blue"] > [data-ox-case="blue"]{
	display: inline;
}
[data-ox-element-type="canary-info"][data-ox-given-canary="green"] > [data-ox-case="green"]{
	display: inline;
}



[data-ox-element-type="canary-info"] [data-ox-element-type="canary-swatch"]{
	display:          inline-block;
	height:           20px;
	width:            2em;
	vertical-align:   bottom;
	border:           1px solid #9E9E9E;
	background-color: #000;
}
[data-ox-element-type="canary-info"] [data-ox-element-type="canary-swatch"][data-ox-given-color="blue"]{
	background-color: #0091EA;
}
[data-ox-element-type="canary-info"] [data-ox-element-type="canary-swatch"][data-ox-given-color="green"]{
	background-color: #64DD17;;
}



[data-ox-element-type="canary-info"] [data-ox-element-type="canary-swatch-label"]{
	display: inline;
}