.prototype-shell .ui-time-field{--ui-time-button-size:44px;min-width:0;display:block;position:relative}.prototype-shell[data-screen] .ui-time-field>input.ui-time-input{width:100%;min-width:0;font-variant-numeric:tabular-nums;padding-inline-end:calc(var(--ui-time-button-size) + .375rem)}.prototype-shell .ui-time-field-button{width:var(--ui-time-button-size);height:var(--ui-time-button-size);border-radius:var(--ui-radius-control);min-height:0;color:var(--ui-color-action);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:.125rem;transform:translateY(-50%)}.prototype-shell .ui-time-field-button svg{width:16px;height:16px}.prototype-shell .ui-time-field-button:focus-visible{outline:var(--ui-focus-width) solid var(--ui-focus-color);outline-offset:1px}.prototype-shell .ui-time-field-button:disabled{color:var(--ui-color-muted);cursor:not-allowed}.prototype-shell .ui-time-picker{--hint-max-width:22rem;border:1px solid var(--ui-color-line);border-radius:var(--ui-radius-panel);width:min(22rem,100vw - 1rem);color:var(--ui-color-ink);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-drawer);font:inherit;font-size:var(--ui-text-body);white-space:normal;gap:.75rem;padding:.75rem;line-height:1.4;display:grid;container-type:inline-size}.prototype-shell .ui-time-picker-title{font-weight:var(--ui-weight-semibold)}.prototype-shell .ui-time-picker-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ui-color-line) transparent;grid-template-columns:repeat(6,minmax(44px,1fr));gap:.125rem .25rem;max-height:14.5rem;margin:0 -.25rem;padding:.125rem .25rem;display:grid;overflow-y:auto}@container (max-width:19rem){.prototype-shell .ui-time-picker-list{grid-template-columns:repeat(3,minmax(44px,1fr))}}.prototype-shell .ui-time-picker-list>button{border-radius:var(--ui-radius-control);min-width:44px;min-height:2.75rem;color:var(--ui-color-muted);font:inherit;font-size:var(--ui-text-small);font-weight:var(--ui-weight-normal);font-variant-numeric:tabular-nums;white-space:nowrap;overflow-wrap:normal;cursor:pointer;background:0 0;border:0;padding:0 .125rem}.prototype-shell .ui-time-picker-list>button[data-hour-start]{color:var(--ui-color-ink);font-weight:var(--ui-weight-semibold)}.prototype-shell .ui-time-picker-list>button:hover{color:var(--ui-color-ink);background:var(--ui-color-subtle)}.prototype-shell .ui-time-picker-list>button[aria-current=true]{color:var(--ui-color-on-brand);background:var(--ui-color-action);font-weight:var(--ui-weight-semibold)}.prototype-shell .ui-time-picker-list>button:focus-visible{outline:2px solid var(--ui-focus-color);outline-offset:-2px}.prototype-shell .ui-time-picker-list>button[aria-current=true]:focus-visible{outline-color:var(--ui-color-on-brand);outline-offset:-3px}@media (pointer:fine){.prototype-shell .ui-time-field{--ui-time-button-size:24px}.prototype-shell .ui-time-picker-list>button{min-height:1.875rem}}