.time-of-day-input{width:100%;min-width:0;position:relative}.time-of-day-trigger{box-sizing:border-box;border:1px solid var(--border);background:var(--card);width:100%;min-width:0;height:48px;min-height:48px;color:var(--foreground);white-space:nowrap;caret-color:#0000;cursor:pointer;border-radius:12px;padding:0 28px 0 12px;font-family:inherit;font-size:16px;font-weight:400;line-height:24px;display:block}.time-of-day-trigger::placeholder{color:var(--muted-foreground);opacity:1}.time-of-day-trigger:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.time-of-day-trigger:disabled{cursor:not-allowed;opacity:.5}.time-of-day-chevron{color:var(--muted-foreground);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.time-of-day-dialog{width:calc(100% - 24px);max-width:320px;padding:16px}.time-of-day-panel{gap:12px;min-width:0;display:grid}.time-of-day-heading h3{font-size:16px;font-weight:600;line-height:24px}.time-of-day-heading p,.time-of-day-help{color:var(--muted-foreground);margin-top:4px;font-size:12px;line-height:18px}.time-of-day-wheel-labels,.time-of-day-wheels{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.time-of-day-wheel-labels{text-align:center;color:var(--muted-foreground);margin-bottom:-8px;font-size:12px}.time-of-day-wheels{isolation:isolate;position:relative}.time-of-day-wheels:before{content:"";border:1px solid var(--border);background:color-mix(in srgb, var(--primary) 8%, var(--card));pointer-events:none;border-radius:12px;width:100%;height:44px;position:absolute;top:88px}.time-of-day-wheel{overscroll-behavior-y:contain;touch-action:pan-y;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;min-width:0;height:220px;padding-block:88px;scroll-padding-block:88px;position:relative;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.time-of-day-wheel-column{cursor:grab;min-width:0;position:relative}.time-of-day-wheel-column[data-dragging=true]{cursor:grabbing}.time-of-day-wheel[data-interacting=true]{scroll-snap-type:none}.time-of-day-wheel[data-editable=true]:not([data-interacting=true]) .time-of-day-option[aria-selected=true]{color:#0000}.time-of-day-number{z-index:1;text-align:center;font-variant-numeric:tabular-nums;width:100%;min-width:0;height:44px;color:var(--foreground);cursor:text;background:0 0;border:0;border-radius:8px;padding:0;font-family:inherit;font-size:22px;font-weight:700;line-height:28px;position:absolute;top:88px;left:0}.time-of-day-number:focus-visible{outline:2px solid var(--secondary);outline-offset:-2px;background:var(--card)}.time-of-day-number[aria-invalid=true]{outline:2px solid var(--destructive);outline-offset:-2px}.time-of-day-wheel[data-interacting=true]+.time-of-day-number{visibility:hidden}.time-of-day-wheel::-webkit-scrollbar{display:none}.time-of-day-wheel:focus-visible{outline:2px solid var(--secondary);outline-offset:-2px;border-radius:12px}.time-of-day-option{scroll-snap-align:center;font-variant-numeric:tabular-nums;width:100%;height:44px;min-height:44px;color:var(--muted-foreground);cursor:inherit;-webkit-user-select:none;user-select:none;place-items:center;font-size:22px;line-height:28px;display:grid}.time-of-day-option[aria-selected=true]{color:var(--foreground);font-weight:700}.time-of-day-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.time-of-day-clear{min-width:44px;min-height:44px;color:var(--muted-foreground);margin-right:auto;font-size:14px}.time-of-day-clear:focus-visible{outline:2px solid var(--secondary);outline-offset:2px;border-radius:8px}