:where(.countdown-odometer,.time-digits,.phase-clock-parts,.sync-clock-parts){
  display:inline-grid;
  grid-template-columns:minmax(2ch,auto) .5ch 2ch .5ch 2ch;
  align-items:center;
  justify-content:center;
  column-gap:1px;
  min-width:7.25ch;
  line-height:1;
  letter-spacing:0;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
  contain:layout style;
}

.match-clock-digits{
  display:inline-grid;
  grid-template-columns:minmax(2ch,auto) .5ch 2ch auto;
  align-items:center;
  justify-content:center;
  column-gap:1px;
  min-width:5.75ch;
  line-height:1;
  letter-spacing:0;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
  contain:layout style;
}

.match-clock-minute,.match-clock-second{
  display:grid;
  place-items:center;
  min-width:2ch;
  height:1em;
  line-height:1;
  text-align:center;
}

.match-clock-separator{
  display:grid;
  place-items:center;
  width:.5ch;
  min-width:.5ch;
  height:1em;
  line-height:1;
}

.match-clock-added{
  min-width:0;
  margin-left:.25ch;
  color:currentColor;
  font-size:.58em;
  line-height:1;
}

:where(.countdown-number,.time-digit,.phase-clock-part,.sync-clock-part){
  display:grid;
  place-items:center;
  width:2ch;
  min-width:2ch;
  height:1em;
  overflow:hidden;
  line-height:1;
  text-align:center;
  font:inherit;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
}

:where(.countdown-hour,.time-hour,.phase-clock-hour,.sync-clock-hour){
  width:auto;
  min-width:2ch;
}

:where(.countdown-separator,.time-separator,.phase-clock-separator,.sync-clock-separator){
  display:grid;
  place-items:center;
  width:.5ch;
  min-width:.5ch;
  height:1em;
  padding:0;
  line-height:1;
  font:inherit;
}

:where(.countdown-separator,.time-separator,.phase-clock-separator,.sync-clock-separator,.match-clock-separator,.score-value i,.sports-live-score i){
  position:relative;
  overflow:hidden;
  text-indent:-100vw;
}

:where(.countdown-separator,.time-separator,.phase-clock-separator,.sync-clock-separator,.match-clock-separator,.score-value i,.sports-live-score i)::before,
:where(.countdown-separator,.time-separator,.phase-clock-separator,.sync-clock-separator,.match-clock-separator,.score-value i,.sports-live-score i)::after{
  content:"";
  position:absolute;
  left:50%;
  width:clamp(1px,.11em,4px);
  height:clamp(1px,.11em,4px);
  border-radius:50%;
  background:currentColor;
  transform:translate(-50%,-50%);
}

:where(.countdown-separator,.time-separator,.phase-clock-separator,.sync-clock-separator,.match-clock-separator,.score-value i,.sports-live-score i)::before{
  top:34%;
}

:where(.countdown-separator,.time-separator,.phase-clock-separator,.sync-clock-separator,.match-clock-separator,.score-value i,.sports-live-score i)::after{
  top:66%;
}

.time-display-label{white-space:nowrap}

@media (prefers-reduced-motion:reduce){
  :where(.countdown-roll,.time-roll){animation:none!important;transform:none!important}
}