.time-picker-sheet{max-height:calc(100dvh - max(12px, env(safe-area-inset-top)));padding:12px max(6px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left))}@media (prefers-reduced-motion:reduce){.time-picker-sheet{scroll-behavior:auto}}.date-time-surface{box-sizing:border-box;width:min(660px, calc(100vw - 12px), var(--radix-popover-content-available-width,660px));max-height:min(calc(100dvh - 24px), var(--radix-popover-content-available-height,calc(100dvh - 24px)));flex-direction:column;padding:10px 5px;display:flex}.date-time-surface .date-time-scroll{container-type:inline-size}.date-time-surface .date-time-calendar{width:100%;max-width:320px;margin-inline:auto}@container (width>=596px){.date-time-surface .date-time-grid{grid-template-columns:minmax(308px,320px) minmax(260px,1fr)}}.date-time-inline{width:100%;max-height:calc(100dvh - 24px);padding-inline:0}.date-time-sheet{width:100%;max-height:calc(100dvh - max(12px, env(safe-area-inset-top)));padding:10px max(5px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(5px, env(safe-area-inset-left))}@media (prefers-reduced-motion:reduce){.date-time-surface .date-time-scroll{scroll-behavior:auto}}