.time-picker-trigger{display:inline-flex;align-items:center;gap:8px;min-height:48px;width:auto;min-width:0;max-width:100%;padding:10px 12px;font-size:16px;text-align:left;cursor:pointer;flex-shrink:0}.time-picker-value{white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0}.time-picker-trigger:focus-visible{outline:2px solid rgb(var(--ff-primary));outline-offset:3px}.time-picker-trigger:hover:enabled,.time-picker-trigger[aria-expanded=true]{background:rgb(var(--ff-primary-soft))}.time-picker-trigger:disabled{cursor:not-allowed;opacity:.5}.time-surface{width:min(384px,calc(100% - 32px))}.time-heading{padding-bottom:22px}.time-context{font-size:13px;color:rgb(var(--ff-fg-soft));margin:0 4px 16px}.time-digits{display:flex;justify-content:center;align-items:flex-end;gap:10px}.time-digit-label{display:flex;flex-direction:column;gap:7px;width:92px;min-width:0}.time-digit-label>span{text-align:center;color:rgb(var(--ff-fg-soft));font-size:11px}.time-digit-label input{width:100%;min-width:0;height:88px;border:1px solid rgb(var(--ff-control-border));border-radius:18px;background:rgb(var(--ff-surface)/.85);color:rgb(var(--ff-fg));font-family:var(--font-instrument-serif),serif;font-size:52px;font-variant-numeric:tabular-nums;text-align:center;padding:0;caret-color:rgb(var(--ff-primary))}.time-digit-label input[data-active=true]{background:rgb(var(--ff-primary-soft));border-color:rgb(var(--ff-primary))}.time-surface .time-digits .time-digit-label input[type=text]{font-size:52px}.time-digit-label input:focus-visible{outline:2px solid rgb(var(--ff-primary));outline-offset:3px}.time-colon{align-self:flex-end;height:88px;display:flex;align-items:center;font-size:30px;color:rgb(var(--ff-muted))}.time-period{display:flex;flex-direction:column;gap:4px;padding-left:4px}.time-period label{cursor:pointer}.time-period span{display:flex;align-items:center;justify-content:center;width:58px;height:44px;border:1px solid rgb(var(--ff-control-border));border-radius:12px;font-size:13px;font-weight:500;background:rgb(var(--ff-surface)/.7)}.time-period input:checked+span{background:rgb(var(--ff-primary));color:rgb(var(--ff-on-primary));border-color:rgb(var(--ff-primary))}.time-period input:focus-visible+span{outline:2px solid rgb(var(--ff-primary));outline-offset:3px}.time-body{padding:16px 20px 18px}.time-sections{display:flex;gap:4px;padding:4px;border-radius:14px;background:rgb(var(--ff-surface-2));margin-bottom:12px}.time-sections button{flex:1;min-height:44px;border-radius:10px;font-size:13px;color:rgb(var(--ff-fg-soft))}.time-sections button[aria-pressed=true]{color:rgb(var(--ff-fg));background:rgb(var(--ff-surface));box-shadow:0 1px 5px rgb(var(--ff-canopy-deep)/.08)}.time-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.time-options button{min-height:46px;border-radius:12px;font-size:16px;font-variant-numeric:tabular-nums}.time-options button:hover{background:rgb(var(--ff-primary-soft))}.time-options button[aria-pressed=true]{background:rgb(var(--ff-primary));color:rgb(var(--ff-on-primary))}.time-help{font-size:12px;line-height:1.5;color:rgb(var(--ff-fg-soft));margin-top:14px;min-height:36px}.time-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid rgb(var(--ff-border)/.5);background:rgb(var(--ff-surface-2)/.6)}.time-footer .btn,.time-footer .btn-tertiary{min-height:44px}.time-footer .time-clear{margin-right:auto}@media(max-width:600px){.time-surface{width:min(420px,100%)}.time-footer{padding-bottom:calc(env(safe-area-inset-bottom) + 12px)}}@media(max-width:360px){.time-body{padding-inline:16px}.time-digits{gap:8px}.time-digit-label{width:80px}.time-footer{padding-inline:12px}}@media(forced-colors:active){.time-options button[aria-pressed=true],.time-period input:checked+span{outline:2px solid Highlight}.time-digit-label input:focus-visible,.time-period input:focus-visible+span,.time-picker-trigger:focus-visible{outline-color:Highlight}}