.time-digit-input{align-items:center;display:inline-flex}.time-digit-input__display{align-items:center;background:none;border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-variant-numeric:tabular-nums;gap:6px;padding:6px 10px;transition:box-shadow var(--duration-fast) var(--ease-default),filter var(--duration-fast) var(--ease-default)}.time-digit-input__display:focus{border-color:transparent;box-shadow:var(--focus-ring);outline:none}@media (hover:hover) and (pointer:fine){.time-digit-input__display:hover:not(:disabled){filter:brightness(.97)}}.time-digit-input__display:active:not(:disabled){filter:brightness(.94)}.time-digit-input__display:disabled{cursor:not-allowed;opacity:.6}.time-digit-input__display-text{color:var(--text-body);font-weight:var(--weight-medium)}.time-digit-input__display--empty .time-digit-input__display-text{color:var(--text-faint)}.time-digit-input__inputs{align-items:center;display:inline-flex;gap:4px}.time-digit-input__digit{background-color:var(--bg-primary);border:2px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-body);cursor:text;display:block;font-family:inherit;font-variant-numeric:tabular-nums;outline:none;position:relative;text-align:center;transition:box-shadow var(--duration-fast) var(--ease-default);-webkit-user-select:text;user-select:text}.time-digit-input__digit:empty:before{color:var(--text-faint);content:attr(data-placeholder);pointer-events:none}.time-digit-input__digit:focus{box-shadow:var(--focus-ring)}.time-digit-input--focused .time-digit-input__digit{border-color:var(--border-default)}.time-digit-input--disabled{opacity:.6;pointer-events:none}.time-digit-input--disabled .time-digit-input__digit{background-color:var(--bg-tertiary);cursor:not-allowed}.time-digit-input__separator{color:var(--text-muted);font-size:2rem;font-weight:var(--weight-bold);margin:0 2px}.time-digit-input--sm .time-digit-input__display{border-radius:6px;font-size:var(--font-xl);padding:4px 8px}.time-digit-input--sm .time-digit-input__display-text{font-size:var(--font-xl)}.time-digit-input--sm .time-digit-input__inputs{gap:3px}.time-digit-input--sm .time-digit-input__digit{border-radius:6px;font-size:var(--font-base);height:40px;line-height:36px;width:32px}.time-digit-input--sm .time-digit-input__separator{font-size:2rem}.time-digit-input--md .time-digit-input__display{font-size:var(--font-lg);padding:6px 10px}.time-digit-input--md .time-digit-input__display-text{font-size:var(--font-lg)}.time-digit-input--md .time-digit-input__digit{font-size:var(--font-lg);height:48px;line-height:44px;width:40px}.time-digit-input--md .time-digit-input__separator{font-size:2rem}.time-digit-input--lg .time-digit-input__display{font-size:var(--font-xl);padding:8px 12px}.time-digit-input--lg .time-digit-input__display-text{font-size:var(--font-xl)}.time-digit-input--lg .time-digit-input__inputs{gap:6px}.time-digit-input--lg .time-digit-input__digit{border-radius:var(--radius-lg);font-size:var(--font-xl);height:56px;line-height:52px;width:48px}.time-digit-input--lg .time-digit-input__separator{font-size:var(--font-2xl)}@media (min-width:768px){.time-digit-input--sm .time-digit-input__digit{height:44px;width:36px}.time-digit-input--md .time-digit-input__digit{height:52px;width:44px}.time-digit-input--lg .time-digit-input__digit{height:60px;width:52px}}.time-digit-input--hms.time-digit-input--sm .time-digit-input__digit{font-size:var(--font-sm);height:36px;line-height:32px;width:26px}.time-digit-input--hms.time-digit-input--sm .time-digit-input__inputs{gap:2px}.time-digit-input--hms.time-digit-input--sm .time-digit-input__separator{font-size:1.5rem;margin:0 1px}.time-digit-input--hms.time-digit-input--md .time-digit-input__digit{font-size:var(--font-base);height:44px;line-height:40px;width:34px}.time-digit-input--hms.time-digit-input--md .time-digit-input__inputs{gap:3px}.time-digit-input--hms.time-digit-input--md .time-digit-input__separator{font-size:1.75rem;margin:0 1px}.time-digit-input--hms.time-digit-input--lg .time-digit-input__digit{font-size:var(--font-lg);height:50px;line-height:46px;width:40px}.time-digit-input--hms.time-digit-input--lg .time-digit-input__inputs{gap:4px}.time-digit-input--hms.time-digit-input--lg .time-digit-input__separator{font-size:2rem;margin:0 2px}@media (min-width:768px){.time-digit-input--hms.time-digit-input--sm .time-digit-input__digit{height:40px;width:30px}.time-digit-input--hms.time-digit-input--md .time-digit-input__digit{height:48px;width:38px}.time-digit-input--hms.time-digit-input--lg .time-digit-input__digit{height:54px;width:44px}}@media (prefers-reduced-motion:reduce){.time-digit-input__digit,.time-digit-input__display{transition:none!important}}