:host {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-areas: 'hours separator minutes';
  grid-gap: 2px 1.5px;
  /* fix for IE11 */
  display: -ms-grid;
  -ms-grid-columns: 1fr 1.5px auto 1.5px 1fr; }
  :host .hours {
    grid-area: hours;
    /* fix for IE11 */
    display: inline-block;
    -ms-grid-column: 1; }
  :host .separator {
    padding: 0px;
    margin: 0px;
    grid-area: separator;
    /* fix for IE11 */
    display: inline-block;
    -ms-grid-column: 3; }
  :host .minutes {
    grid-area: minutes;
    /* fix for IE11 */
    display: inline-block;
    -ms-grid-column: 5; }