
/* eTimer base styles */
.eTimer { display: inline-flex; align-items: center; gap: 6px; font-family: "Trebuchet MS", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif; }
.eTimer .etTitle { display: none; }
.eTimer .etUnit { display: inline-flex; align-items: center; gap: 4px; }
.eTimer .etUnit .etNumber {
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 34px;
  font-family: Impact, "Arial Black", sans-serif;
  font-size: 30px; line-height: 1;
  color: #fff;
  background: #147f7d;
  border-radius: 2px;
  padding: 0 4px;
}
.eTimer .etSign { font-size: 12px; color: #090909; margin-left: 2px; }
.eTimer .etSep { font-weight: 700; margin: 0 4px; }
.timer_block.clearfix p { margin: 0 8px 0 0; font-weight: 600; }
.timer_block.clearfix { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.eTimer.expired .etNumber { background: #888; }
.eTimer.expired + .expired-note { color:#e53935; font-weight:600; margin-left:8px; }


/* Center the timer block horizontally */
.timer_block.clearfix {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  text-align: center;
}
.timer_block.clearfix p {
  margin: 0 8px 0 0;
  font-weight: 600;
  text-align: center;
}
.timer_block.clearfix .eTimer {
  margin-left: auto;
  margin-right: auto;
}

