:host {
.clock {
	display:flex;
	flex-direction:column;
	line-height:1.5;
	margin:0;
	position:relative;
}
p {margin:0;overflow:hidden;}
.copy {cursor:copy; user-select: none;}
.tag {
	opacity:.25;
	border-radius: 50%;
	display:inline-block;
	height:1.25rem;
	line-height:1.25rem;
	position:absolute;
	right:0;
	width:1.25rem;
	text-align:center;
}
.floodfill {
  color: transparent;
  text-shadow: 0 0 0 #808080;
}
.zone_tag {
	font-size:.5em;
	font-weight:bold;
	opacity:1;
}
.seconds-wrap {flex-grow:1; font-size:.5em; line-height:2.75; height:2em;}
.time {font-size:3.5em; line-height:1; display:flex;}
[day='0'] .day-bg {background:#202000;}
[day='0'] .day-color {color:#E0E000;}
[day='1'] .day-bg {background:#201820;}
[day='1'] .day-color {color:#9060FF;}
[day='2'] .day-bg {background:#200000;}
[day='2'] .day-color {color:#C02000;}
[day='3'] .day-bg {background:#001020;}
[day='3'] .day-color {color:#3060C0;}
[day='4'] .day-bg {background:#001000;}
[day='4'] .day-color {color:#30C030;}
[day='5'] .day-bg {background:#201A08;}
[day='5'] .day-color {color:#E8D880;}
[day='6'] .day-bg {background:#180900;}
[day='6'] .day-color {color:#FFA040;}
}