[data-section="output-power"]{position:relative;}
[data-section="output-power"] .onoff{width:6ch;text-align:center;}
[data-section="output-power"] .onoff-label{background-color:#34A7C1;color:#FFFFFF;height:3em;line-height: 3em;}
[data-section="output-power"] [data-section].on .onoff-label{background-color:#EEEEEE;color:#999999;}

[data-section="output-inc"] .onoff-label{border-top-left-radius: 100%; border-top-right-radius: 100%;}
[data-section="output-dec"] .onoff-label{border-bottom-left-radius: 100%; border-bottom-right-radius: 100%;}

 [data-section="output-inc"]>:last-child
,[data-section="output-dec"]>:last-child
,[data-section="output-power"] time{display:none;}

 [data-section="output-inc"].on>:last-child
,[data-section="output-dec"].on>:last-child
,[data-section="output-power"] [data-section].on time{display:block;}

[data-section="output-power"] [data-section]>:last-child{position:absolute;top:0;left:0;bottom:0;right:0;opacity:.7;background-color:white;z-index:100;}

[data-section="output-power"] [data-section]{margin-left:1ch;margin-right:1ch;}
[data-section="output-inc"]{margin-bottom:1em;}
[data-section="output-dec"]{margin-top:1em;}
.border{min-height:.3em;background-color:red;}