.time-stepper-segments,.race-time-input .race-time-segments{flex-wrap:nowrap;justify-content:center;gap:clamp(.4rem,1.5vw,1rem);width:100%;margin-block:1rem;display:flex}.time-stepper-segment{text-align:center;flex-direction:column;flex:0 7rem;gap:.5rem;min-width:0;display:flex}.time-stepper-segment label{color:var(--color-text-secondary);margin:0;font-size:.75rem;line-height:1.4}.time-stepper-control{border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:12px;grid-template-rows:44px 44px;grid-template-columns:minmax(0,1fr) 44px;gap:0;display:grid}.time-stepper-control input,.time-stepper-control button{box-sizing:border-box;width:100%;min-width:0;height:100%;min-height:0;color:var(--color-text-primary);text-align:center;background:0 0;border:0;place-items:center;margin:0;padding:0;display:grid}.time-stepper-control input{font-family:var(--font-mono);border-radius:11px 0 0 11px;grid-area:1/1/3/2;font-size:clamp(1rem,3vw,1.4rem);font-weight:600}.time-stepper-control button{border-left:1px solid var(--color-border-strong);cursor:pointer}.time-stepper-control button:first-of-type{border-bottom:1px solid var(--color-border-strong);border-radius:0 11px 0 0;grid-area:1/2}.time-stepper-control button:last-of-type{border-radius:0 0 11px;grid-area:2/2}.time-stepper-control button:disabled{opacity:1;cursor:default}.time-stepper-control button:disabled svg{opacity:.4}.time-stepper-control :is(button,input):focus-visible{outline:2px solid var(--color-focus);outline-offset:-3px;z-index:1;position:relative}@media (hover:hover){.time-stepper-control button:enabled:hover{background:var(--color-surface-elevated)}}.threshold-pace-stepper{border:0;min-width:0;margin:0;padding:0}