timepicker-ui 4.1.7 → 4.2.0

package/README.md

@@ -7,7 +7,7 @@ Modern time picker library built with TypeScript. Works with any framework or va
 [![license](https://img.shields.io/badge/license-MIT-green.svg)](https://img.shields.io/npm/l/timepicker-ui)
 [![Coverage Status](https://coveralls.io/repos/github/pglejzer/timepicker-ui/badge.svg?branch=main)](https://coveralls.io/github/pglejzer/timepicker-ui?branch=main)
 [![Tests](https://github.com/pglejzer/timepicker-ui/actions/workflows/tests.yml/badge.svg)](https://github.com/pglejzer/timepicker-ui/actions/workflows/tests.yml)
-[![Socket Badge](https://badge.socket.dev/npm/package/timepicker-ui/4.1.1)](https://badge.socket.dev/npm/package/timepicker-ui/4.1.1)
+[![Socket Badge](https://badge.socket.dev/npm/package/timepicker-ui/4.2.0)](https://badge.socket.dev/npm/package/timepicker-ui/4.2.0)
 
 [Live Demo](https://timepicker-ui.vercel.app/) • [Documentation](https://timepicker-ui.vercel.app/docs) • [React Wrapper](https://github.com/pglejzer/timepicker-ui-react) • [Changelog](./CHANGELOG.md)
 
@@ -18,9 +18,12 @@ Modern time picker library built with TypeScript. Works with any framework or va
 
 - 10 built-in themes (Material, Crane, Dark, Glassmorphic, Cyberpunk, and more)
 - Mobile-first design with touch support
+- **Wheel (scroll-spinner) mode** - alternative to the analog clock face
+- **Compact-wheel mode** - headerless wheel picker with optional popover placement
 - Framework agnostic - works with React, Vue, Angular, Svelte, or vanilla JS
 - Full TypeScript support
 - Inline mode for always-visible timepicker
+- Clear button to reset time selection
 - ARIA-compliant and keyboard accessible
 - SSR compatible
 - Lightweight with tree-shaking support
@@ -157,6 +160,7 @@ const picker = new TimepickerUI(input, {
   labels: LabelsOptions, // Text labels (AM/PM, buttons, headers)
   behavior: BehaviorOptions, // Behavior (focus, delays, ID)
   callbacks: CallbacksOptions, // Event handlers
+  clearBehavior: ClearBehaviorOptions, // Clear button behavior
 });
 ```
 
@@ -174,20 +178,23 @@ const picker = new TimepickerUI(input, {
 
 ### UI Options
 
-| Property              | Type    | Default     | Description                     |
-| --------------------- | ------- | ----------- | ------------------------------- |
-| `theme`               | string  | `basic`     | Theme (11 themes available)     |
-| `animation`           | boolean | `true`      | Enable animations               |
-| `backdrop`            | boolean | `true`      | Show backdrop overlay           |
-| `mobile`              | boolean | `false`     | Force mobile version            |
-| `enableSwitchIcon`    | boolean | `false`     | Show desktop/mobile switch icon |
-| `editable`            | boolean | `false`     | Allow manual input editing      |
-| `enableScrollbar`     | boolean | `false`     | Enable scroll when picker open  |
-| `cssClass`            | string  | `undefined` | Additional CSS class            |
-| `appendModalSelector` | string  | `""`        | Custom container selector       |
-| `iconTemplate`        | string  | SVG         | Desktop switch icon template    |
-| `iconTemplateMobile`  | string  | SVG         | Mobile switch icon template     |
-| `inline`              | object  | `undefined` | Inline mode configuration       |
+| Property              | Type                                | Default     | Description                                                        |
+| --------------------- | ----------------------------------- | ----------- | ------------------------------------------------------------------ |
+| `theme`               | string                              | `basic`     | Theme (11 themes available)                                        |
+| `animation`           | boolean                             | `true`      | Enable animations                                                  |
+| `backdrop`            | boolean                             | `true`      | Show backdrop overlay                                              |
+| `mobile`              | boolean                             | `false`     | Force mobile version                                               |
+| `enableSwitchIcon`    | boolean                             | `false`     | Show desktop/mobile switch icon                                    |
+| `editable`            | boolean                             | `false`     | Allow manual input editing                                         |
+| `enableScrollbar`     | boolean                             | `false`     | Enable scroll when picker open                                     |
+| `cssClass`            | string                              | `undefined` | Additional CSS class                                               |
+| `appendModalSelector` | string                              | `""`        | Custom container selector                                          |
+| `iconTemplate`        | string                              | SVG         | Desktop switch icon template                                       |
+| `iconTemplateMobile`  | string                              | SVG         | Mobile switch icon template                                        |
+| `inline`              | object                              | `undefined` | Inline mode configuration                                          |
+| `clearButton`         | boolean                             | `false`     | Show clear button                                                  |
+| `mode`                | `clock` / `wheel` / `compact-wheel` | `clock`     | Picker mode - analog clock, scroll-spinner, or headerless wheel    |
+| `wheel`               | object                              | `undefined` | Wheel/compact-wheel config (placement, hideFooter, commitOnScroll) |
 
 ### Labels Options
 
@@ -201,6 +208,7 @@ const picker = new TimepickerUI(input, {
 | `mobileTime`   | string | `Enter Time`  | Mobile time label   |
 | `mobileHour`   | string | `Hour`        | Mobile hour label   |
 | `mobileMinute` | string | `Minute`      | Mobile minute label |
+| `clear`        | string | `Clear`       | Clear button text   |
 
 ### Behavior Options
 
@@ -211,6 +219,12 @@ const picker = new TimepickerUI(input, {
 | `delayHandler`         | number  | `300`          | Click delay (ms)        |
 | `id`                   | string  | auto-generated | Custom instance ID      |
 
+### Clear Behavior Options
+
+| Property     | Type    | Default | Description                             |
+| ------------ | ------- | ------- | --------------------------------------- |
+| `clearInput` | boolean | `true`  | Whether clearing also empties the input |
+
 ### Callbacks Options
 
 | Property         | Type     | Description              |
@@ -224,6 +238,7 @@ const picker = new TimepickerUI(input, {
 | `onSelectAM`     | function | AM selected              |
 | `onSelectPM`     | function | PM selected              |
 | `onError`        | function | Error occurred           |
+| `onClear`        | function | Time cleared             |
 
 ### Migration from v3.x to v4.0.0
 
@@ -347,6 +362,59 @@ const picker = new TimepickerUI(input, {
 });
 ```
 
+### Wheel Mode
+
+Wheel mode replaces the analog clock face with a touch-friendly scroll-spinner. The header (hour/minute inputs, AM/PM toggle) and footer (OK/Cancel buttons) remain unchanged - only the clock body is replaced.
+
+```javascript
+const picker = new TimepickerUI(input, {
+  ui: { mode: "wheel" },
+});
+
+picker.create();
+```
+
+Wheel mode works with all existing features:
+
+- **12h / 24h**: Respects `clock.type` - AM/PM column appears only in 12h mode
+- **Themes**: Inherits the active theme via CSS variables
+- **Disabled time**: Disabled hours/minutes are dimmed and skipped during scroll snap
+- **Hide disabled options**: Set `wheel.hideDisabled: true` to completely remove disabled values from the list
+- **setValue / getValue**: `picker.setValue('09:30 AM')` scrolls the wheel to the correct position
+- **Keyboard navigation**: Arrow Up/Down scrolls one item, Tab moves between columns
+- **Events**: All standard events work - `select:hour`, `select:minute`, `update`, `confirm`, `cancel`, `clear`, `select:am`, `select:pm`, `error`
+- **Wheel-specific events**: `wheel:scroll:start` (column starts scrolling), `wheel:scroll:end` (column snaps to value with `previousValue`)
+- **Auto-commit**: Set `wheel.commitOnScroll: true` to auto-confirm on scroll end without pressing OK
+- **Persist on outside click**: Set `wheel.ignoreOutsideClick: true` to keep the picker open when clicking outside
+
+### Compact-Wheel Mode
+
+Compact-wheel mode is a headerless variant of wheel mode - it shows only the scroll wheels without the hour/minute input header. Ideal for minimal UIs or popover-style pickers.
+
+```javascript
+const picker = new TimepickerUI(input, {
+  ui: { mode: "compact-wheel" },
+});
+
+picker.create();
+```
+
+Combine with `wheel.placement` to open as a popover anchored to the input:
+
+```javascript
+const picker = new TimepickerUI(input, {
+  ui: { mode: "compact-wheel" },
+  wheel: {
+    placement: "auto", // 'auto', 'top', or 'bottom'
+  },
+});
+```
+
+**Limitations:**
+
+- Range plugin (`range.enabled`) is not supported in wheel or compact-wheel mode
+- `ui.mobile` is ignored - wheel layout is always the same regardless of viewport
+
 ## API Methods
 
 ### Instance Methods
@@ -417,6 +485,20 @@ picker.on("error", (data) => {
   console.log("Error:", data.error);
 });
 
+picker.on("clear", (data) => {
+  console.log("Cleared, previous value:", data.previousValue);
+});
+
+// Wheel-specific events (wheel mode only)
+picker.on("wheel:scroll:start", (data) => {
+  console.log("Scroll started on:", data.column);
+});
+
+picker.on("wheel:scroll:end", (data) => {
+  console.log("Column:", data.column, "snapped to:", data.value);
+  console.log("Previous value:", data.previousValue);
+});
+
 picker.once("confirm", (data) => {
   console.log("This runs only once");
 });
@@ -635,6 +717,9 @@ All modules are now SSR-safe and can be imported in Node.js environments without
 - **Better TypeScript types** - Fully typed event payloads and options
 - **Smaller bundle** - Removed unused code, optimized build (63.3 KB ESM)
 - **Focus improvements** - Auto-focus on modal open, auto-focus on minute switch
+- **Clear button** - Reset time selection with a dedicated clear button (v4.2.0)- **Compact-wheel mode** - Headerless wheel picker with optional popover placement (v4.2.0)
+- **Hide disabled options** - Remove disabled values from the list instead of dimming (v4.2.0)
+- **Auto-commit on scroll** - Auto-confirm time at scroll end in wheel modes (v4.2.0)
 
 ### Bundle Size Comparison
 

package/dist/css/index.css

@@ -1 +1 @@
-@charset "UTF-8";:root{--tp-bg:#ece6ee;--tp-surface:#e6e0e9;--tp-surface-hover:#c8b3fd;--tp-input-bg:#e6e0e9;--tp-text:#1d1b20;--tp-text-secondary:#49454f;--tp-text-disabled:hsla(0,1%,61%,.6);--tp-text-type-time:#49454f;--tp-text-icon:#4e545a;--tp-am-pm-active:#ffd8e4;--tp-am-pm-text-selected:#633b48;--tp-am-pm-text-unselected:#49454f;--tp-primary:#6750a4;--tp-on-primary:#fff;--tp-primary-container:#eaddff;--tp-on-primary-container:#21005d;--tp-primary-rgb:103,80,164;--tp-on-surface:#1d1b20;--tp-on-surface-variant:#49454f;--tp-on-surface-rgb:29,27,32;--tp-surface-container:#f3edf7;--tp-outline-variant:#cac4d0;--tp-tertiary-container:#ffd8e4;--tp-on-tertiary-container:#633b48;--tp-border:#000;--tp-outline:#6750a4;--tp-hover-bg:#d6d6d6;--tp-backdrop:rgba(0,0,0,.5);--tp-backdrop-filter:unset;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#000;--tp-shadow:unset;--tp-border-radius:28px;--tp-spacing-xs:4px;--tp-spacing-sm:8px;--tp-spacing-md:12px;--tp-spacing-lg:16px;--tp-spacing-xl:24px;--tp-spacing-2xl:36px;--tp-spacing-3xl:48px;--tp-border-width:1px;--tp-border-width-thick:2px;--tp-border-width-half:0.3752px;--tp-border-width-pm:1.5008px;--tp-outline-width:2px;--tp-outline-width-thick:3px;--tp-outline-width-contrast:4px;--tp-outline-offset:2px;--tp-font-size-xs:12px;--tp-font-size-sm:12.8px;--tp-font-size-base:14px;--tp-font-size-lg:16px;--tp-font-size-number:17.6px;--tp-font-size-xl:51.2px;--tp-radius-sm:7px;--tp-radius-md:8px;--tp-radius-lg:20px;--tp-radius-circle:50%;--tp-radius-full:100%;--tp-size-clock:256px;--tp-size-wrapper:328px;--tp-size-wrapper-expanded:584px;--tp-size-wrapper-portrait:315px;--tp-size-wrapper-landscape-height:360px;--tp-size-wrapper-mobile-height:258px;--tp-size-input:96px;--tp-size-input-height:80px;--tp-size-input-mobile:72px;--tp-size-hand-circle:46px;--tp-size-hand-circle-small:36px;--tp-size-hand-width:2px;--tp-size-hand-offset:calc(50% - 1px);--tp-size-hand-top:4px;--tp-size-hand-left:1px;--tp-size-button-min:44px;--tp-size-dot:6px;--tp-size-dot-center:8px;--tp-size-am-pm-width:54px;--tp-size-am-pm-height:40px;--tp-size-am-pm-height-landscape:44px;--tp-size-icon:24px;--tp-size-colon-width:24px;--tp-size-colon-height:48px;--tp-size-number:32px;--tp-size-inner-circle:200px;--tp-size-inline-min-height:500px;--tp-size-padding:10px;--tp-duration-fast:150ms;--tp-duration-base:200ms;--tp-duration-slow:300ms;--tp-duration-slower:400ms;--tp-duration-slowest:450ms;--tp-duration-animation:350ms;--tp-duration-ripple:700ms;--tp-duration-ripple-fade:500ms;--tp-duration-reduced:0.01ms;--tp-easing-standard:cubic-bezier(0.4,0,0.2,1);--tp-easing-ease:ease;--tp-easing-linear:linear;--tp-z-backdrop:5000;--tp-z-modal:5001;--tp-z-keyboard-icon:10;--tp-z-hidden:-9999;--tp-opacity-hover:0.08;--tp-opacity-focus:0.12;--tp-opacity-active:0.16;--tp-opacity-disabled:0.38;--tp-opacity-backdrop:0.6;--tp-shadow-inline:0 2px 8px rgba(0,0,0,.15);--tp-shadow-focus:0 0 0 4px rgba(98,0,238,.2);--tp-gap-sm:8px;--tp-gap-md:12px;--tp-position-hidden:-10000px}.tp-ui *{box-sizing:border-box!important}.tp-ui-open-element.disabled{pointer-events:none;touch-action:none;user-select:none}.opacity{transition:opacity .15s linear}.opacity.show{opacity:1}.invalid-value,.invalid-value:active,.invalid-value:focus,.invalid-value:hover{border-color:#d50000!important;color:#d50000!important}.tp-ui-invalid-format{border:2px solid red;color:red}.tp-ui-invalid-text{color:red}.sr-only,.tp-ui .sr-only{clip:rect(0,0,0,0);border-width:0;margin:-1px;padding:0;white-space:nowrap}.sr-only,.timepicker-announcer,.tp-ui .sr-only{height:1px;overflow:hidden;position:absolute;width:1px}.timepicker-announcer{left:-10000px}.tp-ui-modal{backdrop-filter:var(--tp-backdrop-filter);background-color:hsla(0,1%,61%,.6);bottom:0;font-family:Roboto,sans-serif;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;z-index:5000}.tp-ui-modal.show{pointer-events:auto}.tp-ui-modal.removed{background-color:transparent;bottom:auto;left:auto;right:auto;top:auto}.tp-ui-measure{height:3.125rem;overflow:scroll;position:absolute;top:-9999px;width:3.125rem}.tp-ui-wrapper,.tp-ui-wrapper.mobile{background-color:var(--tp-bg);border-radius:var(--tp-border-radius);box-shadow:var(--tp-shadow);display:flex;flex-direction:column;left:50%;outline:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:328px;z-index:5001}.tp-ui-wrapper.expanded{will-change:width,height,flex-direction}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-wrapper.expanded{flex-direction:row;height:360px;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),flex-direction 0ms cubic-bezier(.4,0,.2,1);width:584px}}@media screen and (max-width:330px) and (orientation:portrait){.tp-ui-wrapper.expanded{width:315px}}.tp-ui-wrapper.mobile{height:auto;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),flex-direction 0ms cubic-bezier(.4,0,.2,1) .4s}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-wrapper.mobile{height:258px;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),flex-direction 0ms cubic-bezier(.4,0,.2,1) .4s;width:328px}}@media screen and (max-width:330px){.tp-ui-wrapper.mobile{width:315px}}.tp-ui-mobile-clock-wrapper{align-items:center;display:flex;height:0;justify-content:center;opacity:0;overflow:hidden;transform:scale(0);transform-origin:center;transition:height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.tp-ui-mobile-clock-wrapper.expanded{height:256px;opacity:1;transform:scale(1)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-mobile-clock-wrapper.expanded{height:100%;transform-origin:left center;transition:height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1) 0ms,transform .4s cubic-bezier(.4,0,.2,1);width:100%}}.tp-ui-header,.tp-ui-header.mobile{display:flex;flex-direction:row;justify-content:center;padding-bottom:var(--tp-spacing-2xl);padding-left:var(--tp-spacing-xl);padding-right:var(--tp-spacing-xl);position:relative}.tp-ui-header.mobile,.tp-ui-header.show{padding-bottom:0}.tp-ui-header.mobile.expanded{align-items:unset;height:auto;padding-bottom:var(--tp-spacing-2xl)}.tp-ui-header.mobile.expanded .tp-ui-wrapper-time.mobile{align-items:unset}.tp-ui-header.mobile.expanded .tp-ui-wrapper-time.mobile.expanded{align-items:center}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-header.expanded{flex-direction:column;height:auto}.tp-ui-wrapper.expanded .tp-ui-select-time{position:absolute}.tp-ui-mobile-clock-wrapper.expanded{height:100%!important;justify-content:unset;width:100%}}.tp-ui-select-time,.tp-ui-select-time.mobile{color:var(--tp-text-secondary);font-size:var(--tp-font-size-xs);padding:var(--tp-spacing-xl)}.tp-ui-body{border-radius:100%;height:256px;margin:0 auto;position:relative;width:256px}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-body.expanded{display:flex;height:100%;margin-top:48px;padding-left:0;padding-right:0}}.tp-ui-footer,.tp-ui-footer-mobile{display:flex;justify-content:space-between;margin-bottom:4px;padding:var(--tp-spacing-xl)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-footer.expanded{bottom:0;justify-content:space-between;left:0;position:absolute;right:0}.tp-ui-footer.expanded .tp-ui-keyboard-icon-wrapper{left:0}}.tp-ui-footer.mobile{padding:var(--tp-spacing-xl)}.tp-ui-clock-face{background-color:var(--tp-surface);border-radius:100%;height:100%;opacity:0;position:relative;transform:scale(0);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);width:100%}.tp-ui-clock-face.scale-in{opacity:1;transform:scale(1)}.tp-ui-clock-face:active .tp-ui-hour-time-12,.tp-ui-clock-face:active .tp-ui-hour-time-24,.tp-ui-clock-face:active .tp-ui-minutes-time{pointer-events:none}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-clock-face{height:256px;width:256px}}.tp-ui-dot{background-color:var(--tp-primary);border-radius:100%;height:8px;left:50%;position:absolute;top:50%;touch-action:none;transform:translate(-50%,-50%);user-select:none;width:8px}.tp-ui-tips-wrapper{height:100%;width:100%}.tp-ui-tips-wrapper-24h{border-radius:50%;height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px;z-index:0}.tp-ui-tips-wrapper-24h-disabled{pointer-events:none;touch-action:none;user-select:none}.tp-ui-tips-wrapper-24h.none{display:none}.tp-ui-hour-time-12,.tp-ui-hour-time-24,.tp-ui-minutes-time{align-items:center;cursor:pointer;display:flex;font-size:17.6px;height:32px;justify-content:center;position:absolute;text-align:center;touch-action:none;user-select:none;width:32px}.tp-ui-hour-time-12 span,.tp-ui-hour-time-24 span,.tp-ui-minutes-time span{pointer-events:none;touch-action:none;user-select:none}.tp-ui-hour-time-12{align-items:center;display:block;display:flex;justify-content:center}.tp-ui-clock-hand{bottom:50%;height:31%;left:calc(50% - 1px);transform-origin:center bottom 0;width:2px}.tp-ui-circle-hand,.tp-ui-clock-hand{background-color:var(--tp-primary);position:absolute}.tp-ui-circle-hand{align-items:center;border-radius:50%;box-sizing:border-box;display:flex;height:46px;justify-content:center;left:50%;top:0;transform:translate(-50%,-100%);transition:transform .3s cubic-bezier(.4,0,.2,1),width .15s ease,height .15s ease;width:46px}.tp-ui-circle-hand.small-circle{box-sizing:border-box!important;height:36px;width:36px}.tp-ui-circle-hand-24h{left:1px;top:4px;transform:translate(-50%,-50%)}.tp-ui-value-tips,.tp-ui-value-tips-24h{align-items:center;border-radius:50%;color:var(--tp-text);display:flex;height:100%;justify-content:center;line-height:1;transition:color .3s ease;width:100%}.tp-ui-value-tips-24h.active,.tp-ui-value-tips.active{color:var(--tp-on-primary);transition:none}.tp-ui-clock-animation{animation:clockanimation .35s linear}.tp-ui-tips-animation{transition:transform .4s cubic-bezier(.4,0,.2,1) 0ms,height .4s cubic-bezier(.4,0,.2,1) 0ms}.tp-ui-tips-disabled{color:var(--tp-text-disabled);pointer-events:none}.tp-ui-input-wrapper{border-radius:var(--tp-radius-md);display:flex;overflow:visible;position:relative;width:96px}.tp-ui-input-wrapper.mobile input{height:var(--tp-size-input-mobile)}.tp-ui-input-wrapper.mobile{flex-direction:column}.tp-ui-input-ripple-wrapper{border-radius:var(--tp-radius-md);display:flex;height:80px;overflow:hidden;position:relative;width:100%}.tp-ui-input-ripple-wrapper.mobile{height:72px}.tp-ui-input-ripple-wrapper.expanded{height:80px}.tp-ui-input-ripple-wrapper.mobile{height:var(--tp-size-input-mobile)}.tp-ui-input-ripple-wrapper.mobile.expanded{height:var(--tp-size-input-height)}.tp-ui-wrapper-time,.tp-ui-wrapper-time.mobile{align-items:center;display:flex;height:100%;justify-content:center}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-wrapper-time.expanded{height:auto;margin-bottom:var(--tp-spacing-lg);margin-right:0}}.tp-ui-wrapper-time-24h{margin-right:0}.tp-ui-wrapper-time.mobile{height:auto;max-width:fit-content;position:relative;width:100%}.tp-ui-hour,.tp-ui-hour.mobile,.tp-ui-minutes,.tp-ui-minutes.mobile{-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--tp-input-bg);border:var(--tp-border-width-thick) solid transparent;border-radius:var(--tp-radius-md);color:var(--tp-text);cursor:pointer;display:flex;font-size:var(--tp-font-size-xl);height:var(--tp-size-input-height);justify-content:center;outline:none;padding:var(--tp-size-padding);text-align:center;touch-action:manipulation;transition:all .3s ease;width:var(--tp-size-input)}.tp-ui-hour.mobile,.tp-ui-hour.mobile.mobile,.tp-ui-minutes.mobile,.tp-ui-minutes.mobile.mobile{height:72px}.tp-ui-hour.expanded,.tp-ui-hour.mobile.expanded,.tp-ui-minutes.expanded,.tp-ui-minutes.mobile.expanded{height:80px}.tp-ui-hour.mobile:focus-visible,.tp-ui-hour:focus-visible,.tp-ui-minutes.mobile:focus-visible,.tp-ui-minutes:focus-visible{border:2px solid var(--tp-outline);outline:none}@media (hover:hover) and (pointer:fine){.tp-ui-hour.mobile:hover,.tp-ui-hour:hover,.tp-ui-minutes.mobile:hover,.tp-ui-minutes:hover{background-color:var(--tp-surface-hover);color:var(--tp-text)}}.tp-ui-hour.active,.tp-ui-hour.mobile.active,.tp-ui-minutes.active,.tp-ui-minutes.mobile.active{background-color:var(--tp-primary-container);color:var(--tp-on-primary-container)}@media (hover:hover) and (pointer:fine){.tp-ui-hour.active:hover,.tp-ui-hour.mobile.active:hover,.tp-ui-minutes.active:hover,.tp-ui-minutes.mobile.active:hover{color:var(--tp-on-primary-container)}}.tp-ui-hour.mobile::-webkit-inner-spin-button,.tp-ui-hour.mobile::-webkit-outer-spin-button,.tp-ui-hour::-webkit-inner-spin-button,.tp-ui-hour::-webkit-outer-spin-button,.tp-ui-minutes.mobile::-webkit-inner-spin-button,.tp-ui-minutes.mobile::-webkit-outer-spin-button,.tp-ui-minutes::-webkit-inner-spin-button,.tp-ui-minutes::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.tp-ui-hour,.tp-ui-minutes{border:2px solid transparent;outline:none}.tp-ui-hour[contenteditable=true]:active,.tp-ui-hour[contenteditable=true]:focus,.tp-ui-minutes[contenteditable=true]:active,.tp-ui-minutes[contenteditable=true]:focus{border:2px solid var(--tp-outline);outline-color:var(--tp-outline);user-select:all}.tp-ui-hour.mobile,.tp-ui-minutes.mobile{border:2px solid transparent;outline:none}.tp-ui-hour.mobile[contenteditable=true]:active,.tp-ui-hour.mobile[contenteditable=true]:focus,.tp-ui-minutes.mobile[contenteditable=true]:active,.tp-ui-minutes.mobile[contenteditable=true]:focus{border:2px solid var(--tp-outline);outline-color:var(--tp-outline);user-select:all}.tp-ui-dots,.tp-ui-dots.mobile{align-items:center;background-color:transparent;border-radius:50%;display:flex;flex-direction:column;gap:12px;height:48px;justify-content:center;width:24px}.tp-ui-dots span,.tp-ui-dots.mobile span{background-color:var(--tp-text);border-radius:50%;display:block;height:var(--tp-size-dot);width:var(--tp-size-dot)}.tp-ui-dots.mobile{justify-content:normal}.tp-ui-hour-text,.tp-ui-minute-text{color:var(--tp-text-secondary);display:none;font-size:12.8px;margin-top:8px;pointer-events:none}.tp-ui-hour-text.mobile,.tp-ui-hour-text.show,.tp-ui-minute-text.mobile,.tp-ui-minute-text.show{display:block}.tp-ui-hour-text.mobile.expanded,.tp-ui-minute-text.mobile.expanded{display:none}.tp-ui-wrapper-type-time,.tp-ui-wrapper-type-time.mobile{align-self:stretch;color:var(--tp-text-type-time);display:flex;flex-direction:column;font-size:var(--tp-font-size-lg);font-weight:500;justify-content:center;margin-left:var(--tp-spacing-md)}.tp-ui-wrapper-type-time.mobile{justify-content:flex-start}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-wrapper-type-time.expanded:not(.mobile){flex-direction:row;margin-left:0;width:100%}}.tp-ui-wrapper-type-time.mobile{align-self:auto}.tp-ui-am,.tp-ui-am.mobile,.tp-ui-pm,.tp-ui-pm.mobile{-webkit-tap-highlight-color:transparent;align-items:center;border:var(--tp-border-width) solid var(--tp-border);color:var(--tp-am-pm-text-unselected);cursor:pointer;display:flex;height:100%;justify-content:center;touch-action:manipulation;transition:all .3s ease;width:100%}@media (hover:hover) and (pointer:fine){.tp-ui-am.mobile:hover,.tp-ui-am:hover,.tp-ui-pm.mobile:hover,.tp-ui-pm:hover{background-color:var(--tp-am-pm-active);color:var(--tp-am-pm-text-unselected)}}.tp-ui-am.active,.tp-ui-am.mobile.active,.tp-ui-pm.active,.tp-ui-pm.mobile.active{background-color:var(--tp-am-pm-active);color:var(--tp-am-pm-text-selected);pointer-events:none}@media (hover:hover) and (pointer:fine){.tp-ui-am.active:hover,.tp-ui-am.mobile.active:hover,.tp-ui-pm.active:hover,.tp-ui-pm.mobile.active:hover{color:var(--tp-am-pm-text-selected)}}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-am.expanded,.tp-ui-pm.expanded{height:var(--tp-size-am-pm-height-landscape);width:50%}.tp-ui-am.expanded{border-bottom:var(--tp-border-width) solid #000;border-right:unset}}.tp-ui-am,.tp-ui-am.mobile{border-top-left-radius:var(--tp-radius-sm);border-top-right-radius:var(--tp-radius-sm)}.tp-ui-am.mobile{border-bottom-left-radius:0}.tp-ui-am.mobile,.tp-ui-pm.mobile{max-height:var(--tp-size-am-pm-height)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-am.expanded{border-bottom-left-radius:var(--tp-radius-sm);border-right-width:var(--tp-border-width-half);border-top-left-radius:var(--tp-radius-sm);border-top-right-radius:0}}.tp-ui-am,.tp-ui-am.mobile{border-bottom:unset}.tp-ui-pm,.tp-ui-pm.mobile{border-bottom-left-radius:var(--tp-radius-sm);border-bottom-right-radius:var(--tp-radius-sm);width:var(--tp-size-am-pm-width)}.tp-ui-pm.mobile{border-top-right-radius:0}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-pm.expanded{border-bottom-left-radius:0;border-bottom-right-radius:var(--tp-radius-sm);border-bottom-width:var(--tp-border-width-pm);border-left-width:var(--tp-border-width-half);border-top-right-radius:var(--tp-radius-sm);height:var(--tp-size-am-pm-height-landscape);width:50%}}.tp-ui-cancel-btn{margin-right:var(--tp-spacing-xs)}.tp-ui-cancel-btn,.tp-ui-cancel-btn.mobile,.tp-ui-ok-btn,.tp-ui-ok.btn-mobile{background-color:transparent;border-radius:20px;color:var(--tp-primary);cursor:pointer;font-size:14px;font-weight:500;overflow:hidden;padding:var(--tp-size-padding) var(--tp-spacing-xl);position:relative;text-align:center;transition:background-color .2s ease,opacity .2s ease;user-select:none}.tp-ui-cancel-btn.mobile:after,.tp-ui-cancel-btn:after,.tp-ui-ok-btn:after,.tp-ui-ok.btn-mobile:after{background-color:currentColor;border-radius:inherit;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease}.tp-ui-cancel-btn.mobile:hover:after,.tp-ui-cancel-btn:hover:after,.tp-ui-ok-btn:hover:after,.tp-ui-ok.btn-mobile:hover:after{opacity:.08}.tp-ui-cancel-btn.mobile:focus-visible,.tp-ui-cancel-btn:focus-visible,.tp-ui-ok-btn:focus-visible,.tp-ui-ok.btn-mobile:focus-visible{outline:none}.tp-ui-cancel-btn.mobile:focus-visible:after,.tp-ui-cancel-btn:focus-visible:after,.tp-ui-ok-btn:focus-visible:after,.tp-ui-ok.btn-mobile:focus-visible:after{opacity:.12}.tp-ui-cancel-btn.mobile:active:after,.tp-ui-cancel-btn:active:after,.tp-ui-ok-btn:active:after,.tp-ui-ok.btn-mobile:active:after{opacity:.16}.tp-ui-cancel-btn.mobile[aria-disabled=true],.tp-ui-cancel-btn.mobile[disabled],.tp-ui-cancel-btn[aria-disabled=true],.tp-ui-cancel-btn[disabled],.tp-ui-ok-btn[aria-disabled=true],.tp-ui-ok-btn[disabled],.tp-ui-ok.btn-mobile[aria-disabled=true],.tp-ui-ok.btn-mobile[disabled]{cursor:not-allowed;opacity:.38;pointer-events:none}.tp-ui-cancel-btn.mobile[aria-disabled=true]:after,.tp-ui-cancel-btn.mobile[disabled]:after,.tp-ui-cancel-btn[aria-disabled=true]:after,.tp-ui-cancel-btn[disabled]:after,.tp-ui-ok-btn[aria-disabled=true]:after,.tp-ui-ok-btn[disabled]:after,.tp-ui-ok.btn-mobile[aria-disabled=true]:after,.tp-ui-ok.btn-mobile[disabled]:after{opacity:0}.tp-ui-keyboard-icon,.tp-ui-keyboard-icon-mobile,.tp-ui-wrapper-btn,.tp-ui-wrapper-btn-mobile{align-items:center;display:flex;justify-content:center}.tp-ui-keyboard-icon,.tp-ui-keyboard-icon-mobile{-webkit-tap-highlight-color:transparent;all:unset;align-items:center;border-radius:inherit;cursor:pointer;display:inline-flex;justify-content:center;line-height:0;position:relative;touch-action:manipulation}.tp-ui-keyboard-icon-wrapper,.tp-ui-keyboard-icon-wrapper.mobile{cursor:pointer;display:flex;transition:all .3s ease;z-index:10}.tp-ui-keyboard-icon-wrapper.mobile:hover svg,.tp-ui-keyboard-icon-wrapper:hover svg{fill:var(--tp-primary)}.tp-ui-keyboard-icon svg,.tp-ui-keyboard-icon.mobile svg{fill:var(--tp-text-icon);cursor:pointer;pointer-events:none;transition:all .3s ease}@keyframes clockanimation{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tp-ui--inline{background-color:transparent!important;bottom:auto!important;opacity:1!important;pointer-events:auto!important;right:auto!important;z-index:auto!important}.tp-ui--inline,.tp-ui--inline .tp-ui-wrapper,.tp-ui--inline .tp-ui-wrapper.mobile{display:block!important;left:auto!important;position:static!important;top:auto!important;transform:none!important}.tp-ui--inline .tp-ui-wrapper,.tp-ui--inline .tp-ui-wrapper.mobile{border-radius:8px!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important;height:auto!important;margin:0 auto!important;max-width:328px!important;min-height:500px!important;width:100%!important}.tp-ui--inline .tp-ui-footer .tp-ui-wrapper-btn[style*="display: none"]~*{justify-content:center!important}.tp-ui--inline .tp-ui-wrapper-btn:not([style*="display: none"]){display:flex!important;gap:8px!important;justify-content:flex-end!important}.tp-ui-am:focus-visible,.tp-ui-cancel-btn:focus-visible,.tp-ui-hour-time-12:focus-visible,.tp-ui-hour-time-24:focus-visible,.tp-ui-keyboard-icon-wrapper:focus-visible,.tp-ui-minutes-time:focus-visible,.tp-ui-ok-btn:focus-visible,.tp-ui-pm:focus-visible{box-shadow:var(--tp-shadow-focus);outline:var(--tp-outline-width-thick) solid var(--tp-primary);outline-offset:var(--tp-outline-offset)}@media (prefers-contrast:high){.tp-ui-am:focus-visible,.tp-ui-cancel-btn:focus-visible,.tp-ui-hour-time-12:focus-visible,.tp-ui-hour-time-24:focus-visible,.tp-ui-minutes-time:focus-visible,.tp-ui-ok-btn:focus-visible,.tp-ui-pm:focus-visible{font-weight:700;outline-width:var(--tp-outline-width-contrast)}}@media (prefers-reduced-motion:reduce){.tp-ui-clock-animation{animation:none!important}.tp-ui-clock-hand,.tp-ui-modal,.tp-ui-tips-animation{transition:none!important}.tp-ui *{animation-duration:var(--tp-duration-reduced)!important;animation-iteration-count:1!important;transition-duration:var(--tp-duration-reduced)!important}}@media (prefers-contrast:high){.tp-ui-clock-face,.tp-ui-wrapper{border:var(--tp-border-width-thick) solid}}[data-md3-ripple]{position:relative}[data-md3-ripple]:before{background:var(--tp-primary);border-radius:50%;content:"";height:var(--ripple-size,0);left:var(--ripple-x,50%);opacity:0;pointer-events:none;position:absolute;top:var(--ripple-y,50%);transform:translate(-50%,-50%) scale(0);width:var(--ripple-size,0);z-index:1}[data-md3-ripple].is-rippling:before,[data-md3-ripple].ripple-hold:before{animation:ripple-expand .7s cubic-bezier(.4,0,.2,1) forwards}[data-md3-ripple]:not(.ripple-hold).is-rippling:before{animation:ripple-expand .7s cubic-bezier(.4,0,.2,1) forwards,ripple-fade .5s cubic-bezier(.4,0,.2,1) .7s forwards}.tp-ui-am,.tp-ui-input-wrapper,.tp-ui-pm{overflow:hidden}@keyframes ripple-expand{0%{opacity:.4;transform:translate(-50%,-50%) scale(0)}to{opacity:.2;transform:translate(-50%,-50%) scale(2.5)}}@keyframes ripple-fade{0%{opacity:.2}to{opacity:0}}.tp-ui-timezone{border-top:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:4px;margin:0;padding:8px 24px}.tp-ui-timezone.mobile{padding:6px 16px}.tp-ui-timezone-label{color:var(--tp-text-secondary);font-size:11px;font-weight:500;letter-spacing:.4px;margin:0;padding:0 0 2px;text-transform:uppercase}.tp-ui-timezone-dropdown{-webkit-tap-highlight-color:transparent;background-color:var(--tp-input-bg);border:none;border-bottom:1px solid var(--tp-outline);border-radius:var(--tp-radius-sm) var(--tp-radius-sm) 0 0;cursor:pointer;height:40px;position:relative;touch-action:manipulation;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);user-select:none;width:100%}@media (hover:hover) and (pointer:fine){.tp-ui-timezone-dropdown:hover{background-color:var(--tp-surface-hover);border-bottom-color:var(--tp-text)}}.tp-ui-timezone-dropdown:focus{background-color:var(--tp-input-bg);border-bottom:2px solid var(--tp-primary);outline:none}.tp-ui-timezone-dropdown:focus .tp-ui-timezone-selected{padding-bottom:5px}.tp-ui-timezone-dropdown[aria-expanded=true]{border-bottom:2px solid var(--tp-primary);border-radius:var(--tp-radius-sm) var(--tp-radius-sm) 0 0;z-index:1000}.tp-ui-timezone-dropdown[aria-expanded=true] .tp-ui-timezone-selected{padding-bottom:5px}.tp-ui-timezone-dropdown[aria-expanded=true] .tp-ui-timezone-arrow{transform:rotate(180deg)}.tp-ui-timezone-dropdown[aria-expanded=true] .tp-ui-timezone-menu{opacity:1;transform:translateY(0) scaleY(1);visibility:visible}.mobile .tp-ui-timezone-dropdown{height:36px}.tp-ui-timezone-selected{align-items:center;color:var(--tp-text);display:flex;font-size:14px;font-weight:400;height:100%;line-height:1.4;overflow:hidden;padding:10px 32px 6px 10px;text-overflow:ellipsis;white-space:nowrap}.tp-ui-timezone-selected[data-placeholder]{color:var(--tp-text-secondary)}.mobile .tp-ui-timezone-selected{font-size:13px;padding:8px 28px 4px 8px}.tp-ui-timezone-arrow{color:var(--tp-text-secondary);height:18px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:transform .2s cubic-bezier(.4,0,.2,1);width:18px}.mobile .tp-ui-timezone-arrow{height:16px;right:6px;width:16px}.tp-ui-timezone-menu{background-color:var(--tp-dropdown-option-bg);border-radius:0 0 var(--tp-radius-md) var(--tp-radius-md);box-shadow:var(--tp-shadow);left:0;margin-top:-1px;max-height:280px;opacity:0;overflow-y:auto;position:absolute;right:0;top:100%;transform:translateY(-8px) scaleY(.9);transform-origin:top center;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),visibility .2s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:999}.tp-ui-timezone-menu::-webkit-scrollbar{width:6px}.tp-ui-timezone-menu::-webkit-scrollbar-track{background:transparent}.tp-ui-timezone-menu::-webkit-scrollbar-thumb{background-color:var(--tp-text-secondary);border-radius:3px;opacity:.3}.mobile .tp-ui-timezone-menu{max-height:220px}.tp-ui-timezone-option{align-items:center;color:var(--tp-dropdown-option-text);cursor:pointer;display:flex;font-size:14px;overflow:hidden;padding:12px 16px;position:relative;transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.tp-ui-timezone-option:hover,.tp-ui-timezone-option[data-focused=true]{background-color:var(--tp-surface-hover)}.tp-ui-timezone-option[data-selected=true]{background-color:var(--tp-primary-container);color:var(--tp-on-primary-container);font-weight:500}.tp-ui-timezone-option[data-selected=true]:after{content:"✓";font-size:16px;font-weight:600;position:absolute;right:16px}.tp-ui-timezone-option:active{background-color:var(--tp-primary-container)}.mobile .tp-ui-timezone-option{font-size:13px;padding:10px 14px}.tp-ui-range-header{align-items:stretch;display:flex;gap:var(--tp-spacing-md);justify-content:center;margin-bottom:var(--tp-spacing-lg);padding:var(--tp-spacing-lg) var(--tp-spacing-xl) 0}.tp-ui-range-tab{-webkit-tap-highlight-color:transparent;align-items:center;background:transparent;border:none;border-radius:var(--tp-radius-md);cursor:pointer;display:flex;flex:1;flex-direction:column;font-family:inherit;gap:2px;justify-content:center;max-width:120px;padding:var(--tp-spacing-sm) var(--tp-spacing-md);position:relative;touch-action:manipulation;transition:background-color var(--tp-duration-fast) var(--tp-easing-standard)}.tp-ui-range-tab:after{background:var(--tp-primary);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width var(--tp-duration-base) var(--tp-easing-standard);width:0}.tp-ui-range-tab:focus-visible{outline:var(--tp-outline-width) solid var(--tp-primary);outline-offset:var(--tp-outline-offset)}@media (hover:hover) and (pointer:fine){.tp-ui-range-tab:not(.active):hover{background:rgba(var(--tp-on-surface-rgb),var(--tp-opacity-hover))}}.tp-ui-range-tab.active:after{width:100%}.tp-ui-range-tab.active .tp-ui-range-tab-value{color:var(--tp-primary)}.tp-ui-range-tab.disabled{cursor:not-allowed;opacity:var(--tp-opacity-disabled);pointer-events:none}.tp-ui-range-tab-label{color:var(--tp-text-secondary);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.tp-ui-range-tab-value{color:var(--tp-on-surface);font-size:16px;font-weight:400;min-height:28px;transition:color var(--tp-duration-fast) var(--tp-easing-standard)}.tp-ui-range-mode .tp-ui-select-time{display:none}.tp-ui-range-mode .tp-ui-ok-btn.disabled{opacity:var(--tp-opacity-disabled);pointer-events:none}[data-theme=crane]{--tp-bg:#5d1049;--tp-surface:#71135c;--tp-surface-hover:#71135c;--tp-input-bg:#71135c;--tp-text:#fff;--tp-text-secondary:#e5e5e5;--tp-text-disabled:hsla(0,0%,100%,.6);--tp-text-type-time:#fff;--tp-text-icon:#fff;--tp-on-surface:#fff;--tp-on-surface-rgb:255,255,255;--tp-am-pm-active:#f7363e;--tp-am-pm-text-selected:#fff;--tp-am-pm-text-unselected:#fff;--tp-primary:#f7363e;--tp-on-primary:#fff;--tp-primary-container:#f7363e;--tp-on-primary-container:#fff;--tp-tertiary-container:#f7363e;--tp-on-tertiary-container:#fff;--tp-border:transparent;--tp-outline:#ff4c52;--tp-radius:1.25rem;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#000}[data-theme=crane-straight]{--tp-bg:#5d1049;--tp-surface:#71135c;--tp-surface-hover:#71135c;--tp-input-bg:#71135c;--tp-text:#fff;--tp-text-secondary:#e5e5e5;--tp-text-disabled:hsla(0,0%,100%,.6);--tp-text-type-time:#fff;--tp-text-icon:#fff;--tp-on-surface:#fff;--tp-on-surface-rgb:255,255,255;--tp-am-pm-active:#f7363e;--tp-am-pm-text-selected:#fff;--tp-am-pm-text-unselected:#fff;--tp-primary:#f7363e;--tp-on-primary:#fff;--tp-primary-container:#f7363e;--tp-on-primary-container:#fff;--tp-tertiary-container:#f7363e;--tp-on-tertiary-container:#fff;--tp-border:transparent;--tp-outline:#ff4c52;--tp-radius:0;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#000}[data-theme=m2]{--tp-bg:#fff;--tp-surface:#e0e0e0;--tp-surface-hover:#ece0fd;--tp-input-bg:#e4e4e4;--tp-text:#000;--tp-text-secondary:#a9a9a9;--tp-text-disabled:hsla(0,1%,61%,.6);--tp-text-type-time:#787878;--tp-text-icon:#4e545a;--tp-am-pm-active:#ece0fd;--tp-am-pm-text-selected:#6200ee;--tp-am-pm-text-unselected:#787878;--tp-primary:#6200ee;--tp-on-primary:#fff;--tp-primary-container:#ece0fd;--tp-on-primary-container:#6200ee;--tp-tertiary-container:#ece0fd;--tp-on-tertiary-container:#6200ee;--tp-border:#d6d6d6;--tp-outline:#8b5cf6;--tp-hover-bg:#d6d6d6;--tp-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12);--tp-radius:4px;--tp-border-radius:4px;--tp-radius-md:2px;--tp-radius-sm:4px;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#000}[data-theme=m3-green]{--tp-bg:#e5eadc;--tp-surface:#dfe4d6;--tp-surface-hover:#dfe4d6;--tp-input-bg:#dfe4d6;--tp-text:#1a1c18;--tp-text-secondary:#6b7165;--tp-text-disabled:hsla(0,1%,61%,.6);--tp-text-type-time:#6b7165;--tp-text-icon:#6b7165;--tp-am-pm-active:#bbebeb;--tp-am-pm-text-selected:#002021;--tp-am-pm-text-unselected:#6b7165;--tp-primary:#386a20;--tp-on-primary:#042100;--tp-primary-container:#b8f397;--tp-on-primary-container:#042100;--tp-tertiary-container:#bbebeb;--tp-on-tertiary-container:#002021;--tp-border:#74796e;--tp-outline:#4ade80;--tp-shadow:unset;--tp-radius:35px;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#1a1c18}[data-theme=dark]{--tp-bg:#1c1b1f;--tp-surface:#2c2b30;--tp-surface-hover:#3b3940;--tp-input-bg:#2c2b30;--tp-text:#e5e5e5;--tp-text-secondary:#a1a1a1;--tp-text-disabled:hsla(0,0%,63%,.6);--tp-text-type-time:#a1a1a1;--tp-text-icon:#a1a1a1;--tp-on-surface:#e5e5e5;--tp-on-surface-rgb:229,229,229;--tp-am-pm-active:#bb86fc;--tp-am-pm-text-selected:#000;--tp-am-pm-text-unselected:#a1a1a1;--tp-primary:#bb86fc;--tp-on-primary:#000;--tp-primary-container:#bb86fc;--tp-on-primary-container:#000;--tp-tertiary-container:#bb86fc;--tp-on-tertiary-container:#000;--tp-border:hsla(0,0%,100%,.12);--tp-outline:#d8b4fe;--tp-hover-bg:#3b3940;--tp-shadow:0px 8px 16px rgba(0,0,0,.6);--tp-dropdown-option-bg:#2c2b30;--tp-dropdown-option-text:#e5e5e5}[data-theme=glassmorphic]{--tp-bg:hsla(0,0%,100%,.12);--tp-surface:hsla(0,0%,100%,.18);--tp-surface-hover:hsla(0,0%,100%,.22);--tp-input-bg:hsla(0,0%,100%,.16);--tp-text:hsla(0,0%,100%,.95);--tp-text-secondary:hsla(0,0%,100%,.75);--tp-text-disabled:hsla(0,0%,100%,.45);--tp-text-type-time:#fff;--tp-text-icon:#fff;--tp-am-pm-active:hsla(0,0%,100%,.75);--tp-am-pm-text-selected:#000;--tp-am-pm-text-unselected:hsla(0,0%,100%,.75);--tp-primary:hsla(0,0%,100%,.75);--tp-on-primary:#000;--tp-primary-container:hsla(0,0%,100%,.6);--tp-on-primary-container:#000;--tp-tertiary-container:hsla(0,0%,100%,.55);--tp-on-tertiary-container:#000;--tp-border:hsla(0,0%,100%,.35);--tp-outline:hsla(0,0%,100%,.9);--tp-shadow:0 10px 32px hsla(0,0%,6%,.25),0 4px 8px rgba(0,0,0,.12);--tp-backdrop-filter:blur(12px) saturate(180%);--tp-radius:1.25rem;--tp-dropdown-option-bg:hsla(0,0%,100%,.85);--tp-dropdown-option-text:#000}[data-theme=pastel]{--tp-bg:#fdf6f0;--tp-surface:#fae3d9;--tp-surface-hover:#fef0e8;--tp-input-bg:#fae3d9;--tp-text:#3b3b3b;--tp-text-secondary:#a58f86;--tp-text-disabled:rgba(59,59,59,.6);--tp-text-type-time:#a58f86;--tp-text-icon:#a58f86;--tp-am-pm-active:#ffb6b9;--tp-am-pm-text-selected:#fff;--tp-am-pm-text-unselected:#a58f86;--tp-primary:#ffb6b9;--tp-on-primary:#fff;--tp-primary-container:#ffb6b9;--tp-on-primary-container:#fff;--tp-tertiary-container:#ffb6b9;--tp-on-tertiary-container:#fff;--tp-border:#efdcd2;--tp-outline:#ff8a8f;--tp-shadow:0 4px 16px rgba(0,0,0,.05);--tp-radius:1.25rem;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#3b3b3b}[data-theme=ai]{--tp-bg:#f3f4f6;--tp-surface:#e5e7eb;--tp-surface-hover:#f9fafb;--tp-input-bg:#e5e7eb;--tp-text:#111827;--tp-text-secondary:#6b7280;--tp-text-disabled:hsla(220,9%,46%,.6);--tp-text-type-time:#374151;--tp-text-icon:#6b7280;--tp-am-pm-active:#3b82f6;--tp-am-pm-text-selected:#fff;--tp-am-pm-text-unselected:#6b7280;--tp-primary:#3b82f6;--tp-on-primary:#fff;--tp-primary-container:#3b82f6;--tp-on-primary-container:#fff;--tp-tertiary-container:#3b82f6;--tp-on-tertiary-container:#fff;--tp-border:#d1d5db;--tp-outline:#3b82f6;--tp-shadow:0 4px 12px rgba(0,0,0,.04);--tp-radius:0.75rem;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#111827}[data-theme=cyberpunk]{--tp-bg:#0f0c29;--tp-surface:#1a1a2e;--tp-surface-hover:#1a1a2e;--tp-input-bg:#1a1a2e;--tp-text:#f8f8ff;--tp-text-secondary:#00f0ff;--tp-text-disabled:rgba(0,240,255,.4);--tp-text-type-time:#00f0ff;--tp-text-icon:#00f0ff;--tp-on-surface:#00f0ff;--tp-on-surface-rgb:0,240,255;--tp-am-pm-active:#00f0ff;--tp-am-pm-text-selected:#0f0c29;--tp-am-pm-text-unselected:#00f0ff;--tp-primary:#00f0ff;--tp-on-primary:#0f0c29;--tp-primary-container:#00f0ff;--tp-on-primary-container:#0f0c29;--tp-tertiary-container:#00f0ff;--tp-on-tertiary-container:#0f0c29;--tp-border:rgba(0,240,255,.3);--tp-outline:#fff;--tp-shadow:0 0 12px #00f0ff;--tp-radius:1rem;--tp-dropdown-option-bg:#1a1a2e;--tp-dropdown-option-text:#f8f8ff}
+@charset "UTF-8";:root{--tp-bg:#ece6ee;--tp-surface:#e6e0e9;--tp-surface-hover:#c8b3fd;--tp-input-bg:#e6e0e9;--tp-text:#1d1b20;--tp-text-secondary:#49454f;--tp-text-disabled:hsla(0,1%,61%,.6);--tp-text-type-time:#49454f;--tp-text-icon:#4e545a;--tp-am-pm-active:#ffd8e4;--tp-am-pm-text-selected:#633b48;--tp-am-pm-text-unselected:#49454f;--tp-primary:#6750a4;--tp-on-primary:#fff;--tp-primary-container:#eaddff;--tp-on-primary-container:#21005d;--tp-primary-rgb:103,80,164;--tp-on-surface:#1d1b20;--tp-on-surface-variant:#49454f;--tp-on-surface-rgb:29,27,32;--tp-surface-container:#f3edf7;--tp-outline-variant:#cac4d0;--tp-tertiary-container:#ffd8e4;--tp-on-tertiary-container:#633b48;--tp-border:#000;--tp-outline:#6750a4;--tp-hover-bg:#d6d6d6;--tp-backdrop:rgba(0,0,0,.5);--tp-backdrop-filter:unset;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#000;--tp-shadow:unset;--tp-border-radius:28px;--tp-spacing-xs:4px;--tp-spacing-sm:8px;--tp-spacing-md:12px;--tp-spacing-lg:16px;--tp-spacing-xl:24px;--tp-spacing-2xl:36px;--tp-spacing-3xl:48px;--tp-border-width:1px;--tp-border-width-thick:2px;--tp-border-width-half:0.3752px;--tp-border-width-pm:1.5008px;--tp-outline-width:2px;--tp-outline-width-thick:3px;--tp-outline-width-contrast:4px;--tp-outline-offset:2px;--tp-font-size-xs:12px;--tp-font-size-sm:12.8px;--tp-font-size-base:14px;--tp-font-size-lg:16px;--tp-font-size-number:17.6px;--tp-font-size-xl:51.2px;--tp-radius-sm:7px;--tp-radius-md:8px;--tp-radius-lg:20px;--tp-radius-circle:50%;--tp-radius-full:100%;--tp-btn-radius:var(--tp-radius-lg);--tp-size-clock:256px;--tp-size-wrapper:328px;--tp-size-wrapper-expanded:584px;--tp-size-wrapper-portrait:315px;--tp-size-wrapper-landscape-height:360px;--tp-size-wrapper-mobile-height:258px;--tp-size-input:96px;--tp-size-input-height:80px;--tp-size-input-mobile:72px;--tp-size-hand-circle:46px;--tp-size-hand-circle-small:36px;--tp-size-hand-width:2px;--tp-size-hand-offset:calc(50% - 1px);--tp-size-hand-top:4px;--tp-size-hand-left:1px;--tp-size-button-min:44px;--tp-size-dot:6px;--tp-size-dot-center:8px;--tp-size-am-pm-width:54px;--tp-size-am-pm-height:40px;--tp-size-am-pm-height-landscape:44px;--tp-size-icon:24px;--tp-size-colon-width:24px;--tp-size-colon-height:48px;--tp-size-number:32px;--tp-size-inner-circle:200px;--tp-size-inline-min-height:500px;--tp-size-padding:10px;--tp-duration-fast:150ms;--tp-duration-base:200ms;--tp-duration-slow:300ms;--tp-duration-slower:400ms;--tp-duration-slowest:450ms;--tp-duration-animation:350ms;--tp-duration-ripple:700ms;--tp-duration-ripple-fade:500ms;--tp-duration-reduced:0.01ms;--tp-easing-standard:cubic-bezier(0.4,0,0.2,1);--tp-easing-ease:ease;--tp-easing-linear:linear;--tp-z-backdrop:5000;--tp-z-modal:5001;--tp-z-keyboard-icon:10;--tp-z-hidden:-9999;--tp-opacity-hover:0.08;--tp-opacity-focus:0.12;--tp-opacity-active:0.16;--tp-opacity-disabled:0.38;--tp-opacity-backdrop:0.6;--tp-shadow-inline:0 2px 8px rgba(0,0,0,.15);--tp-shadow-focus:0 0 0 4px rgba(98,0,238,.2);--tp-gap-sm:8px;--tp-gap-md:12px;--tp-position-hidden:-10000px;--tp-wheel-item-height:44px;--tp-wheel-visible-items:5;--tp-wheel-column-width:76px;--tp-wheel-separator-width:20px;--tp-wheel-landscape-footer-offset:72px;--tp-wheel-landscape-compact-width:360px;--tp-wheel-landscape-compact-visible-items:3;--tp-wheel-highlight-bg:var(--tp-primary-container,rgba(103,80,164,.08));--tp-wheel-highlight-border:var(--tp-outline-variant,rgba(0,0,0,.12));--tp-wheel-highlight-radius:var(--tp-radius-md);--tp-wheel-text-color:var(--tp-on-surface,#1d1b20);--tp-wheel-selected-color:var(--tp-primary,#6750a4);--tp-wheel-disabled-opacity:var(--tp-opacity-disabled,0.38);--tp-wheel-font-size:var(--tp-font-size-lg,16px);--tp-wheel-selected-font-size:22px;--tp-popover-gap:4px;--tp-popover-min-width:260px;--tp-popover-max-width:328px;--tp-popover-shadow:0 4px 24px rgba(0,0,0,.15);--tp-popover-radius:var(--tp-border-radius)}.tp-ui *{box-sizing:border-box!important}.tp-ui-open-element.disabled{pointer-events:none;touch-action:none;user-select:none}.opacity{transition:opacity .15s linear}.opacity.show{opacity:1}.invalid-value,.invalid-value:active,.invalid-value:focus,.invalid-value:hover{border-color:#d50000!important;color:#d50000!important}.tp-ui-invalid-format{border:2px solid red;color:red}.tp-ui-invalid-text{color:red}.sr-only,.tp-ui .sr-only{clip:rect(0,0,0,0);border-width:0;margin:-1px;padding:0;white-space:nowrap}.sr-only,.timepicker-announcer,.tp-ui .sr-only{height:1px;overflow:hidden;position:absolute;width:1px}.timepicker-announcer{left:-10000px}.tp-ui-modal{backdrop-filter:var(--tp-backdrop-filter);background-color:hsla(0,1%,61%,.6);bottom:0;font-family:Roboto,sans-serif;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;z-index:5000}.tp-ui-modal.show{pointer-events:auto}.tp-ui-modal.removed{background-color:transparent;bottom:auto;left:auto;right:auto;top:auto}.tp-ui-measure{height:3.125rem;overflow:scroll;position:absolute;top:-9999px;width:3.125rem}.tp-ui-wrapper,.tp-ui-wrapper.mobile{background-color:var(--tp-bg);border-radius:var(--tp-border-radius);box-shadow:var(--tp-shadow);display:flex;flex-direction:column;left:50%;outline:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:328px;z-index:5001}.tp-ui-wrapper.expanded{will-change:width,height,flex-direction}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-wrapper.expanded{flex-direction:row;height:360px;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),flex-direction 0ms cubic-bezier(.4,0,.2,1);width:584px}}@media screen and (max-width:330px) and (orientation:portrait){.tp-ui-wrapper.expanded{width:315px}}.tp-ui-wrapper.mobile{height:auto;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),flex-direction 0ms cubic-bezier(.4,0,.2,1)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-wrapper.mobile{height:258px;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),flex-direction 0ms cubic-bezier(.4,0,.2,1);width:328px}.tp-ui-tz-mode .tp-ui-wrapper.mobile{height:326px}.tp-ui-range-mode .tp-ui-wrapper.mobile{height:287px}}@media screen and (max-width:330px){.tp-ui-wrapper.mobile{width:315px}}.tp-ui-mobile-clock-wrapper{align-items:center;display:flex;height:0;justify-content:center;opacity:0;overflow:hidden;transform:scale(0);transform-origin:center;transition:height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.tp-ui-mobile-clock-wrapper.expanded{height:256px;opacity:1;transform:scale(1)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-mobile-clock-wrapper.expanded{height:100%;transform-origin:left center;transition:height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1) 0ms,transform .4s cubic-bezier(.4,0,.2,1);width:100%}}.tp-ui-header,.tp-ui-header.mobile{display:flex;flex-direction:row;justify-content:center;padding-bottom:var(--tp-spacing-2xl);padding-left:var(--tp-spacing-xl);padding-right:var(--tp-spacing-xl);position:relative}.tp-ui-header.mobile,.tp-ui-header.show{padding-bottom:0}.tp-ui-header.mobile.expanded{align-items:unset;height:auto;padding-bottom:var(--tp-spacing-2xl)}.tp-ui-header.mobile.expanded .tp-ui-wrapper-time.mobile{align-items:unset}.tp-ui-header.mobile.expanded .tp-ui-wrapper-time.mobile.expanded{align-items:center}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-header.expanded{flex-direction:column;height:auto;transition:padding .4s cubic-bezier(.4,0,.2,1)}.tp-ui-wrapper.expanded .tp-ui-select-time{position:absolute}.tp-ui-mobile-clock-wrapper.expanded{height:100%!important;justify-content:unset;width:100%}}.tp-ui-select-time,.tp-ui-select-time.mobile{color:var(--tp-text-secondary);font-size:var(--tp-font-size-xs);padding:var(--tp-spacing-xl)}.tp-ui-body{border-radius:100%;height:256px;margin:0 auto;position:relative;width:256px}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-body.expanded{display:flex;height:100%;margin-top:48px;padding-left:0;padding-right:0}}.tp-ui-footer,.tp-ui-footer-mobile{display:flex;justify-content:space-between;margin-bottom:4px;padding:var(--tp-spacing-xl)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-footer.expanded{bottom:0;justify-content:space-between;left:0;position:absolute;right:0}.tp-ui-footer.expanded .tp-ui-keyboard-icon-wrapper{left:0}}.tp-ui-footer.mobile{padding:var(--tp-spacing-xl)}.tp-ui-clock-face{background-color:var(--tp-surface);border-radius:100%;height:100%;opacity:0;position:relative;transform:scale(0);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);width:100%}.tp-ui-clock-face.scale-in{opacity:1;transform:scale(1)}.tp-ui-clock-face:active .tp-ui-hour-time-12,.tp-ui-clock-face:active .tp-ui-hour-time-24,.tp-ui-clock-face:active .tp-ui-minutes-time{pointer-events:none}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-clock-face{height:256px;width:256px}}.tp-ui-dot{background-color:var(--tp-primary);border-radius:100%;height:8px;left:50%;position:absolute;top:50%;touch-action:none;transform:translate(-50%,-50%);user-select:none;width:8px}.tp-ui-tips-wrapper{height:100%;width:100%}.tp-ui-tips-wrapper-24h{border-radius:50%;height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px;z-index:0}.tp-ui-tips-wrapper-24h-disabled{pointer-events:none;touch-action:none;user-select:none}.tp-ui-tips-wrapper-24h.none{display:none}.tp-ui-hour-time-12,.tp-ui-hour-time-24,.tp-ui-minutes-time{align-items:center;cursor:pointer;display:flex;font-size:17.6px;height:32px;justify-content:center;position:absolute;text-align:center;touch-action:none;user-select:none;width:32px}.tp-ui-hour-time-12 span,.tp-ui-hour-time-24 span,.tp-ui-minutes-time span{pointer-events:none;touch-action:none;user-select:none}.tp-ui-hour-time-12{align-items:center;display:block;display:flex;justify-content:center}.tp-ui-clock-hand{bottom:50%;height:31%;left:calc(50% - 1px);transform-origin:center bottom 0;width:2px}.tp-ui-circle-hand,.tp-ui-clock-hand{background-color:var(--tp-primary);position:absolute}.tp-ui-circle-hand{align-items:center;border-radius:50%;box-sizing:border-box;display:flex;height:46px;justify-content:center;left:50%;top:0;transform:translate(-50%,-100%);transition:transform .3s cubic-bezier(.4,0,.2,1),width .15s ease,height .15s ease;width:46px}.tp-ui-circle-hand.small-circle{box-sizing:border-box!important;height:36px;width:36px}.tp-ui-circle-hand-24h{left:1px;top:4px;transform:translate(-50%,-50%)}.tp-ui-value-tips,.tp-ui-value-tips-24h{align-items:center;border-radius:50%;color:var(--tp-text);display:flex;height:100%;justify-content:center;line-height:1;transition:color .3s ease;width:100%}.tp-ui-value-tips-24h.active,.tp-ui-value-tips.active{color:var(--tp-on-primary);transition:none}.tp-ui-clock-animation{animation:clockanimation .35s linear}.tp-ui-tips-animation{transition:transform .4s cubic-bezier(.4,0,.2,1) 0ms,height .4s cubic-bezier(.4,0,.2,1) 0ms}.tp-ui-tips-disabled{color:var(--tp-text-disabled);pointer-events:none}.tp-ui-input-wrapper{border-radius:var(--tp-radius-md);display:flex;overflow:visible;position:relative;width:96px}.tp-ui-input-wrapper.mobile input{height:var(--tp-size-input-mobile)}.tp-ui-input-wrapper.mobile{flex-direction:column}.tp-ui-input-ripple-wrapper{border-radius:var(--tp-radius-md);display:flex;height:80px;overflow:hidden;position:relative;transition:height .4s cubic-bezier(.4,0,.2,1);width:100%}.tp-ui-input-ripple-wrapper.mobile{height:72px}.tp-ui-input-ripple-wrapper.expanded{height:80px}.tp-ui-input-ripple-wrapper.mobile{height:var(--tp-size-input-mobile)}.tp-ui-input-ripple-wrapper.mobile.expanded{height:var(--tp-size-input-height)}.tp-ui-wrapper-time,.tp-ui-wrapper-time.mobile{align-items:center;display:flex;height:100%;justify-content:center}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-wrapper-time.expanded{height:auto;margin-bottom:var(--tp-spacing-lg);margin-right:0;transition:margin .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1)}}.tp-ui-wrapper-time-24h{margin-right:0}.tp-ui-wrapper-time.mobile{height:auto;max-width:fit-content;position:relative;width:100%}.tp-ui-hour,.tp-ui-hour.mobile,.tp-ui-minutes,.tp-ui-minutes.mobile{-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--tp-input-bg);border:var(--tp-border-width-thick) solid transparent;border-radius:var(--tp-radius-md);color:var(--tp-text);cursor:pointer;display:flex;font-size:var(--tp-font-size-xl);height:var(--tp-size-input-height);justify-content:center;outline:none;padding:var(--tp-size-padding);text-align:center;touch-action:manipulation;transition:color var(--tp-duration-slow,.3s) var(--tp-easing-ease,ease),background-color var(--tp-duration-slow,.3s) var(--tp-easing-ease,ease),border-color var(--tp-duration-slow,.3s) var(--tp-easing-ease,ease);width:var(--tp-size-input)}.tp-ui-hour.mobile,.tp-ui-hour.mobile.mobile,.tp-ui-minutes.mobile,.tp-ui-minutes.mobile.mobile{height:72px}.tp-ui-hour.expanded,.tp-ui-hour.mobile.expanded,.tp-ui-minutes.expanded,.tp-ui-minutes.mobile.expanded{height:80px}.tp-ui-hour.mobile:focus-visible,.tp-ui-hour:focus-visible,.tp-ui-minutes.mobile:focus-visible,.tp-ui-minutes:focus-visible{border:2px solid var(--tp-outline);outline:none}@media (hover:hover) and (pointer:fine){.tp-ui-hour.mobile:hover,.tp-ui-hour:hover,.tp-ui-minutes.mobile:hover,.tp-ui-minutes:hover{background-color:var(--tp-surface-hover);color:var(--tp-text)}}.tp-ui-hour.active,.tp-ui-hour.mobile.active,.tp-ui-minutes.active,.tp-ui-minutes.mobile.active{background-color:var(--tp-primary-container);color:var(--tp-on-primary-container)}@media (hover:hover) and (pointer:fine){.tp-ui-hour.active:hover,.tp-ui-hour.mobile.active:hover,.tp-ui-minutes.active:hover,.tp-ui-minutes.mobile.active:hover{color:var(--tp-on-primary-container)}}.tp-ui-hour.mobile::-webkit-inner-spin-button,.tp-ui-hour.mobile::-webkit-outer-spin-button,.tp-ui-hour::-webkit-inner-spin-button,.tp-ui-hour::-webkit-outer-spin-button,.tp-ui-minutes.mobile::-webkit-inner-spin-button,.tp-ui-minutes.mobile::-webkit-outer-spin-button,.tp-ui-minutes::-webkit-inner-spin-button,.tp-ui-minutes::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.tp-ui-hour,.tp-ui-minutes{border:2px solid transparent;outline:none}.tp-ui-hour[contenteditable=true]:active,.tp-ui-hour[contenteditable=true]:focus,.tp-ui-minutes[contenteditable=true]:active,.tp-ui-minutes[contenteditable=true]:focus{border:2px solid var(--tp-outline);outline-color:var(--tp-outline);user-select:all}.tp-ui-hour.mobile,.tp-ui-minutes.mobile{border:2px solid transparent;outline:none}.tp-ui-hour.mobile[contenteditable=true]:active,.tp-ui-hour.mobile[contenteditable=true]:focus,.tp-ui-minutes.mobile[contenteditable=true]:active,.tp-ui-minutes.mobile[contenteditable=true]:focus{border:2px solid var(--tp-outline);outline-color:var(--tp-outline);user-select:all}.tp-ui-dots,.tp-ui-dots.mobile{align-items:center;background-color:transparent;border-radius:50%;display:flex;flex-direction:column;gap:12px;height:48px;justify-content:center;width:24px}.tp-ui-dots span,.tp-ui-dots.mobile span{background-color:var(--tp-text);border-radius:50%;display:block;height:var(--tp-size-dot);width:var(--tp-size-dot)}.tp-ui-dots.mobile{justify-content:normal}.tp-ui-hour-text,.tp-ui-minute-text{color:var(--tp-text-secondary);display:none;font-size:12.8px;margin-top:8px;pointer-events:none}.tp-ui-hour-text.mobile,.tp-ui-hour-text.show,.tp-ui-minute-text.mobile,.tp-ui-minute-text.show{display:block}.tp-ui-hour-text.mobile.expanded,.tp-ui-minute-text.mobile.expanded{display:none}.tp-ui-wrapper-type-time,.tp-ui-wrapper-type-time.mobile{align-self:stretch;color:var(--tp-text-type-time);display:flex;flex-direction:column;font-size:var(--tp-font-size-lg);font-weight:500;justify-content:center;margin-left:var(--tp-spacing-md)}.tp-ui-wrapper-type-time.mobile{justify-content:flex-start}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-wrapper-type-time.expanded:not(.mobile){flex-direction:row;margin-left:0;transition:width .4s cubic-bezier(.4,0,.2,1),margin .4s cubic-bezier(.4,0,.2,1);width:100%}}.tp-ui-wrapper-type-time.mobile{align-self:auto}.tp-ui-am,.tp-ui-am.mobile,.tp-ui-pm,.tp-ui-pm.mobile{-webkit-tap-highlight-color:transparent;align-items:center;border:var(--tp-border-width) solid var(--tp-border);color:var(--tp-am-pm-text-unselected);cursor:pointer;display:flex;height:100%;justify-content:center;touch-action:manipulation;transition:color .3s ease,background-color .3s ease,width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),max-height .4s cubic-bezier(.4,0,.2,1),border-radius .4s cubic-bezier(.4,0,.2,1);width:100%}@media (hover:hover) and (pointer:fine){.tp-ui-am.mobile:hover,.tp-ui-am:hover,.tp-ui-pm.mobile:hover,.tp-ui-pm:hover{background-color:var(--tp-am-pm-active);color:var(--tp-am-pm-text-unselected)}}.tp-ui-am.active,.tp-ui-am.mobile.active,.tp-ui-pm.active,.tp-ui-pm.mobile.active{background-color:var(--tp-am-pm-active);color:var(--tp-am-pm-text-selected);pointer-events:none}@media (hover:hover) and (pointer:fine){.tp-ui-am.active:hover,.tp-ui-am.mobile.active:hover,.tp-ui-pm.active:hover,.tp-ui-pm.mobile.active:hover{color:var(--tp-am-pm-text-selected)}}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-am.expanded,.tp-ui-pm.expanded{height:var(--tp-size-am-pm-height-landscape);width:50%}.tp-ui-am.expanded{border-bottom:var(--tp-border-width) solid var(--tp-border);border-right:unset}}.tp-ui-am,.tp-ui-am.mobile{border-top-left-radius:var(--tp-radius-sm);border-top-right-radius:var(--tp-radius-sm)}.tp-ui-am.mobile{border-bottom-left-radius:0}.tp-ui-am.mobile,.tp-ui-pm.mobile{max-height:var(--tp-size-am-pm-height)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-am.expanded{border-bottom-left-radius:var(--tp-radius-sm);border-right-width:var(--tp-border-width-half);border-top-left-radius:var(--tp-radius-sm);border-top-right-radius:0}}.tp-ui-am,.tp-ui-am.mobile{border-bottom:unset}.tp-ui-pm,.tp-ui-pm.mobile{border-bottom-left-radius:var(--tp-radius-sm);border-bottom-right-radius:var(--tp-radius-sm);width:var(--tp-size-am-pm-width)}.tp-ui-pm.mobile{border-top-right-radius:0}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-pm.expanded{border-bottom-left-radius:0;border-bottom-right-radius:var(--tp-radius-sm);border-bottom-width:var(--tp-border-width-pm);border-left-width:var(--tp-border-width-half);border-top-right-radius:var(--tp-radius-sm);height:var(--tp-size-am-pm-height-landscape);width:50%}}.tp-ui-clear-btn{margin-right:auto}.tp-ui-cancel-btn{margin-right:var(--tp-spacing-xs)}.tp-ui-cancel-btn,.tp-ui-cancel-btn.mobile,.tp-ui-clear-btn,.tp-ui-clear-btn.mobile,.tp-ui-ok-btn,.tp-ui-ok.btn-mobile{background-color:transparent;border-radius:var(--tp-btn-radius);color:var(--tp-primary);cursor:pointer;font-size:14px;font-weight:500;overflow:hidden;padding:var(--tp-size-padding) var(--tp-spacing-xl);position:relative;text-align:center;transition:background-color .2s ease,opacity .2s ease;user-select:none}.tp-ui-cancel-btn.mobile:after,.tp-ui-cancel-btn:after,.tp-ui-clear-btn.mobile:after,.tp-ui-clear-btn:after,.tp-ui-ok-btn:after,.tp-ui-ok.btn-mobile:after{background-color:currentColor;border-radius:inherit;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease}.tp-ui-cancel-btn.mobile:hover:after,.tp-ui-cancel-btn:hover:after,.tp-ui-clear-btn.mobile:hover:after,.tp-ui-clear-btn:hover:after,.tp-ui-ok-btn:hover:after,.tp-ui-ok.btn-mobile:hover:after{opacity:.08}.tp-ui-cancel-btn.mobile:focus-visible,.tp-ui-cancel-btn:focus-visible,.tp-ui-clear-btn.mobile:focus-visible,.tp-ui-clear-btn:focus-visible,.tp-ui-ok-btn:focus-visible,.tp-ui-ok.btn-mobile:focus-visible{outline:none}.tp-ui-cancel-btn.mobile:focus-visible:after,.tp-ui-cancel-btn:focus-visible:after,.tp-ui-clear-btn.mobile:focus-visible:after,.tp-ui-clear-btn:focus-visible:after,.tp-ui-ok-btn:focus-visible:after,.tp-ui-ok.btn-mobile:focus-visible:after{opacity:.12}.tp-ui-cancel-btn.mobile:active:after,.tp-ui-cancel-btn:active:after,.tp-ui-clear-btn.mobile:active:after,.tp-ui-clear-btn:active:after,.tp-ui-ok-btn:active:after,.tp-ui-ok.btn-mobile:active:after{opacity:.16}.tp-ui-cancel-btn.disabled,.tp-ui-cancel-btn.mobile.disabled,.tp-ui-cancel-btn.mobile[aria-disabled=true],.tp-ui-cancel-btn.mobile[disabled],.tp-ui-cancel-btn[aria-disabled=true],.tp-ui-cancel-btn[disabled],.tp-ui-clear-btn.disabled,.tp-ui-clear-btn.mobile.disabled,.tp-ui-clear-btn.mobile[aria-disabled=true],.tp-ui-clear-btn.mobile[disabled],.tp-ui-clear-btn[aria-disabled=true],.tp-ui-clear-btn[disabled],.tp-ui-ok-btn.disabled,.tp-ui-ok-btn[aria-disabled=true],.tp-ui-ok-btn[disabled],.tp-ui-ok.btn-mobile.disabled,.tp-ui-ok.btn-mobile[aria-disabled=true],.tp-ui-ok.btn-mobile[disabled]{cursor:not-allowed;opacity:.38;pointer-events:none}.tp-ui-cancel-btn.disabled:after,.tp-ui-cancel-btn.mobile.disabled:after,.tp-ui-cancel-btn.mobile[aria-disabled=true]:after,.tp-ui-cancel-btn.mobile[disabled]:after,.tp-ui-cancel-btn[aria-disabled=true]:after,.tp-ui-cancel-btn[disabled]:after,.tp-ui-clear-btn.disabled:after,.tp-ui-clear-btn.mobile.disabled:after,.tp-ui-clear-btn.mobile[aria-disabled=true]:after,.tp-ui-clear-btn.mobile[disabled]:after,.tp-ui-clear-btn[aria-disabled=true]:after,.tp-ui-clear-btn[disabled]:after,.tp-ui-ok-btn.disabled:after,.tp-ui-ok-btn[aria-disabled=true]:after,.tp-ui-ok-btn[disabled]:after,.tp-ui-ok.btn-mobile.disabled:after,.tp-ui-ok.btn-mobile[aria-disabled=true]:after,.tp-ui-ok.btn-mobile[disabled]:after{opacity:0}.tp-ui-keyboard-icon,.tp-ui-keyboard-icon-mobile,.tp-ui-wrapper-btn,.tp-ui-wrapper-btn-mobile{align-items:center;display:flex;justify-content:center}.tp-ui-keyboard-icon,.tp-ui-keyboard-icon-mobile{-webkit-tap-highlight-color:transparent;all:unset;align-items:center;border-radius:inherit;cursor:pointer;display:inline-flex;justify-content:center;line-height:0;position:relative;touch-action:manipulation}.tp-ui-keyboard-icon-wrapper,.tp-ui-keyboard-icon-wrapper.mobile{cursor:pointer;display:flex;transition:all .3s ease;z-index:10}.tp-ui-keyboard-icon-wrapper.mobile:hover svg,.tp-ui-keyboard-icon-wrapper:hover svg{fill:var(--tp-primary)}.tp-ui-keyboard-icon svg,.tp-ui-keyboard-icon.mobile svg{fill:var(--tp-text-icon);cursor:pointer;pointer-events:none;transition:all .3s ease}@keyframes clockanimation{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tp-ui--inline{background-color:transparent!important;bottom:auto!important;opacity:1!important;pointer-events:auto!important;right:auto!important;z-index:auto!important}.tp-ui--inline,.tp-ui--inline .tp-ui-wrapper,.tp-ui--inline .tp-ui-wrapper.mobile{display:block!important;left:auto!important;position:static!important;top:auto!important;transform:none!important}.tp-ui--inline .tp-ui-wrapper,.tp-ui--inline .tp-ui-wrapper.mobile{border-radius:8px!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important;height:auto!important;margin:0 auto!important;max-width:328px!important;min-height:500px!important;width:100%!important}.tp-ui--inline .tp-ui-footer .tp-ui-wrapper-btn[style*="display: none"]~*{justify-content:center!important}.tp-ui--inline .tp-ui-wrapper-btn:not([style*="display: none"]){display:flex!important;gap:8px!important;justify-content:flex-end!important}.tp-ui-am:focus-visible,.tp-ui-cancel-btn:focus-visible,.tp-ui-hour-time-12:focus-visible,.tp-ui-hour-time-24:focus-visible,.tp-ui-keyboard-icon-wrapper:focus-visible,.tp-ui-minutes-time:focus-visible,.tp-ui-ok-btn:focus-visible,.tp-ui-pm:focus-visible{box-shadow:var(--tp-shadow-focus);outline:var(--tp-outline-width-thick) solid var(--tp-primary);outline-offset:var(--tp-outline-offset)}@media (prefers-contrast:high){.tp-ui-am:focus-visible,.tp-ui-cancel-btn:focus-visible,.tp-ui-hour-time-12:focus-visible,.tp-ui-hour-time-24:focus-visible,.tp-ui-minutes-time:focus-visible,.tp-ui-ok-btn:focus-visible,.tp-ui-pm:focus-visible{font-weight:700;outline-width:var(--tp-outline-width-contrast)}}@media (prefers-reduced-motion:reduce){.tp-ui-clock-animation{animation:none!important}.tp-ui-clock-hand,.tp-ui-modal,.tp-ui-tips-animation{transition:none!important}.tp-ui *{animation-duration:var(--tp-duration-reduced)!important;animation-iteration-count:1!important;transition-duration:var(--tp-duration-reduced)!important}}@media (prefers-contrast:high){.tp-ui-clock-face,.tp-ui-wrapper{border:var(--tp-border-width-thick) solid}}[data-md3-ripple]{position:relative}[data-md3-ripple]:before{background:var(--tp-primary);border-radius:50%;content:"";height:var(--ripple-size,0);left:var(--ripple-x,50%);opacity:0;pointer-events:none;position:absolute;top:var(--ripple-y,50%);transform:translate(-50%,-50%) scale(0);width:var(--ripple-size,0);z-index:1}[data-md3-ripple].is-rippling:before,[data-md3-ripple].ripple-hold:before{animation:ripple-expand .7s cubic-bezier(.4,0,.2,1) forwards}[data-md3-ripple]:not(.ripple-hold).is-rippling:before{animation:ripple-expand .7s cubic-bezier(.4,0,.2,1) forwards,ripple-fade .5s cubic-bezier(.4,0,.2,1) .7s forwards}.tp-ui-am,.tp-ui-input-wrapper,.tp-ui-pm{overflow:hidden}@keyframes ripple-expand{0%{opacity:.4;transform:translate(-50%,-50%) scale(0)}to{opacity:.2;transform:translate(-50%,-50%) scale(2.5)}}@keyframes ripple-fade{0%{opacity:.2}to{opacity:0}}.tp-ui-timezone{border-top:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:4px;margin:0;padding:8px 24px}.tp-ui-timezone.mobile{padding:6px 16px}.tp-ui-timezone-label{color:var(--tp-text-secondary);font-size:11px;font-weight:500;letter-spacing:.4px;margin:0;padding:0 0 2px;text-transform:uppercase}.tp-ui-timezone-dropdown{-webkit-tap-highlight-color:transparent;background-color:var(--tp-input-bg);border:none;border-bottom:1px solid var(--tp-outline);border-radius:var(--tp-radius-sm) var(--tp-radius-sm) 0 0;cursor:pointer;height:40px;position:relative;touch-action:manipulation;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);user-select:none;width:100%}@media (hover:hover) and (pointer:fine){.tp-ui-timezone-dropdown:hover{background-color:var(--tp-surface-hover);border-bottom-color:var(--tp-text)}}.tp-ui-timezone-dropdown:focus{background-color:var(--tp-input-bg);border-bottom:2px solid var(--tp-primary);outline:none}.tp-ui-timezone-dropdown:focus .tp-ui-timezone-selected{padding-bottom:5px}.tp-ui-timezone-dropdown[aria-expanded=true]{border-bottom:2px solid var(--tp-primary);border-radius:var(--tp-radius-sm) var(--tp-radius-sm) 0 0;z-index:1000}.tp-ui-timezone-dropdown[aria-expanded=true] .tp-ui-timezone-selected{padding-bottom:5px}.tp-ui-timezone-dropdown[aria-expanded=true] .tp-ui-timezone-arrow{transform:rotate(180deg)}.tp-ui-timezone-dropdown[aria-expanded=true] .tp-ui-timezone-menu{opacity:1;transform:translateY(0) scaleY(1);visibility:visible}.mobile .tp-ui-timezone-dropdown{height:36px}.tp-ui-timezone-selected{align-items:center;color:var(--tp-text);display:flex;font-size:14px;font-weight:400;height:100%;line-height:1.4;overflow:hidden;padding:10px 32px 6px 10px;text-overflow:ellipsis;white-space:nowrap}.tp-ui-timezone-selected[data-placeholder]{color:var(--tp-text-secondary)}.mobile .tp-ui-timezone-selected{font-size:13px;padding:8px 28px 4px 8px}.tp-ui-timezone-arrow{color:var(--tp-text-secondary);height:18px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:transform .2s cubic-bezier(.4,0,.2,1);width:18px}.mobile .tp-ui-timezone-arrow{height:16px;right:6px;width:16px}.tp-ui-timezone-menu{background-color:var(--tp-dropdown-option-bg);border-radius:0 0 var(--tp-radius-md) var(--tp-radius-md);box-shadow:var(--tp-shadow);left:0;margin-top:-1px;max-height:280px;opacity:0;overflow-y:auto;position:absolute;right:0;top:100%;transform:translateY(-8px) scaleY(.9);transform-origin:top center;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),visibility .2s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:999}.tp-ui-timezone-menu::-webkit-scrollbar{width:6px}.tp-ui-timezone-menu::-webkit-scrollbar-track{background:transparent}.tp-ui-timezone-menu::-webkit-scrollbar-thumb{background-color:var(--tp-text-secondary);border-radius:3px;opacity:.3}.mobile .tp-ui-timezone-menu{max-height:220px}.tp-ui-timezone-option{align-items:center;color:var(--tp-dropdown-option-text);cursor:pointer;display:flex;font-size:14px;overflow:hidden;padding:12px 16px;position:relative;transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.tp-ui-timezone-option:hover,.tp-ui-timezone-option[data-focused=true]{background-color:var(--tp-surface-hover)}.tp-ui-timezone-option[data-selected=true]{background-color:var(--tp-primary-container);color:var(--tp-on-primary-container);font-weight:500}.tp-ui-timezone-option[data-selected=true]:after{content:"✓";font-size:16px;font-weight:600;position:absolute;right:16px}.tp-ui-timezone-option:active{background-color:var(--tp-primary-container)}.mobile .tp-ui-timezone-option{font-size:13px;padding:10px 14px}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-tz-mode .tp-ui-wrapper.expanded{display:grid;grid-template-areas:"label  clock" "header clock" "tz     clock" "footer footer";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto auto}.tp-ui-tz-mode .tp-ui-wrapper.expanded .tp-ui-select-time{grid-area:label;position:relative}.tp-ui-tz-mode .tp-ui-header.expanded,.tp-ui-tz-mode .tp-ui-header.mobile.expanded{align-self:center;grid-area:header;padding-bottom:0}.tp-ui-tz-mode .tp-ui-timezone.expanded:not(.mobile){align-self:start;border-top:none;grid-area:tz;margin:0;padding:4px 24px;position:relative}.tp-ui-tz-mode .tp-ui-mobile-clock-wrapper.expanded{grid-area:clock}.tp-ui-tz-mode .tp-ui-footer.expanded{bottom:auto;grid-area:footer;left:auto;position:relative;right:auto}}.tp-ui-range-header{align-items:stretch;display:flex;gap:var(--tp-spacing-md);justify-content:center;margin-bottom:var(--tp-spacing-lg);padding:var(--tp-spacing-lg) var(--tp-spacing-xl) 0}.tp-ui-range-tab{-webkit-tap-highlight-color:transparent;align-items:center;background:transparent;border:none;border-radius:var(--tp-radius-md);cursor:pointer;display:flex;flex:1;flex-direction:column;font-family:inherit;gap:2px;justify-content:center;max-width:120px;padding:var(--tp-spacing-sm) var(--tp-spacing-md);position:relative;touch-action:manipulation;transition:background-color var(--tp-duration-fast) var(--tp-easing-standard)}.tp-ui-range-tab:after{background:var(--tp-primary);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width var(--tp-duration-base) var(--tp-easing-standard);width:0}.tp-ui-range-tab:focus-visible{outline:var(--tp-outline-width) solid var(--tp-primary);outline-offset:var(--tp-outline-offset)}@media (hover:hover) and (pointer:fine){.tp-ui-range-tab:not(.active):hover{background:rgba(var(--tp-on-surface-rgb),var(--tp-opacity-hover))}}.tp-ui-range-tab.active:after{width:100%}.tp-ui-range-tab.active .tp-ui-range-tab-value{color:var(--tp-primary)}.tp-ui-range-tab.disabled{cursor:not-allowed;opacity:var(--tp-opacity-disabled);pointer-events:none}.tp-ui-range-tab-label{color:var(--tp-text-secondary);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.tp-ui-range-tab-value{color:var(--tp-on-surface);font-size:16px;font-weight:400;min-height:28px;transition:color var(--tp-duration-fast) var(--tp-easing-standard)}.tp-ui-range-mode .tp-ui-select-time{display:none}.tp-ui-range-mode .tp-ui-ok-btn.disabled{opacity:var(--tp-opacity-disabled);pointer-events:none}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-range-mode .tp-ui-range-header.expanded{box-sizing:border-box;justify-content:flex-start;left:0;margin-bottom:0;padding:var(--tp-spacing-sm) var(--tp-spacing-md) 0;position:absolute;right:0;top:0;width:100%;z-index:1}}.tp-ui-wheel-container{align-items:center;display:flex;gap:var(--tp-spacing-xs);justify-content:center;min-height:calc(var(--tp-wheel-item-height)*var(--tp-wheel-visible-items));padding:var(--tp-spacing-lg) 0;position:relative}.tp-ui-wheel-column-wrapper{height:calc(var(--tp-wheel-item-height)*var(--tp-wheel-visible-items));position:relative;width:var(--tp-wheel-column-width)}.tp-ui-wheel-column{-webkit-overflow-scrolling:touch;cursor:grab;height:100%;overflow-y:scroll;position:relative;scrollbar-width:none;touch-action:none;width:100%}.tp-ui-wheel-column::-webkit-scrollbar{display:none}.tp-ui-wheel-column:focus-visible{border-radius:var(--tp-radius-sm);outline:var(--tp-outline-width) solid var(--tp-outline,#6750a4);outline-offset:var(--tp-outline-offset)}.tp-ui-wheel-column.is-dragging{cursor:grabbing}.tp-ui-wheel-item{align-items:center;color:var(--tp-wheel-text-color);display:flex;font-size:var(--tp-wheel-font-size);height:var(--tp-wheel-item-height);justify-content:center;position:relative;transition:color var(--tp-duration-fast,.1s) var(--tp-easing-standard,ease-out);user-select:none;z-index:1}.tp-ui-wheel-item.is-center{color:var(--tp-wheel-selected-color);font-weight:600}.tp-ui-wheel-item.is-disabled{opacity:var(--tp-wheel-disabled-opacity);pointer-events:none}.tp-ui-wheel-padding{height:var(--tp-wheel-item-height);pointer-events:none}.tp-ui-wheel-separator{align-items:center;color:var(--tp-wheel-text-color);display:flex;font-size:var(--tp-wheel-selected-font-size);font-weight:600;justify-content:center;user-select:none;width:var(--tp-wheel-separator-width)}.tp-ui-wheel-highlight{background:var(--tp-wheel-highlight-bg);border:1px solid var(--tp-wheel-highlight-border);border-radius:var(--tp-wheel-highlight-radius);height:var(--tp-wheel-item-height);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - var(--tp-spacing-lg));z-index:0}.tp-ui-wheel-column-wrapper:after,.tp-ui-wheel-column-wrapper:before{content:"";height:var(--tp-wheel-item-height);left:0;opacity:var(--tp-wheel-fade-opacity,.6);pointer-events:none;position:absolute;right:0;transition:opacity var(--tp-duration-fast,.15s) var(--tp-easing-standard,ease-out);z-index:2}.tp-ui-wheel-column-wrapper:before{background:linear-gradient(to bottom,var(--tp-bg,#fff) 10%,transparent 100%);top:0}.tp-ui-wheel-column-wrapper:after{background:linear-gradient(to top,var(--tp-bg,#fff) 10%,transparent 100%);bottom:0}.tp-ui-wheel-column-wrapper.at-end:after,.tp-ui-wheel-column-wrapper.at-start:before{opacity:0}.tp-ui-compact-wheel-mode .tp-ui-mobile-clock-wrapper,.tp-ui-wheel-mode .tp-ui-mobile-clock-wrapper{min-height:auto}.tp-ui-compact-wheel-mode .tp-ui-wrapper{padding-top:var(--tp-spacing-md)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-wheel-mode .tp-ui-wheel-container{padding:var(--tp-spacing-sm) 0}.tp-ui-wheel-mode .tp-ui-mobile-clock-wrapper.expanded{justify-content:center;padding-bottom:var(--tp-wheel-landscape-footer-offset)}.tp-ui-compact-wheel-mode .tp-ui-wrapper.expanded{flex-direction:column;width:var(--tp-wheel-landscape-compact-width)}.tp-ui-compact-wheel-mode .tp-ui-mobile-clock-wrapper.expanded{justify-content:center}.tp-ui-compact-wheel-mode .tp-ui-wheel-container{min-height:calc(var(--tp-wheel-item-height)*var(--tp-wheel-landscape-compact-visible-items));padding:var(--tp-spacing-xs) 0}.tp-ui-compact-wheel-mode .tp-ui-wheel-column-wrapper{height:calc(var(--tp-wheel-item-height)*var(--tp-wheel-landscape-compact-visible-items))}}.tp-ui-wheel-ampm{width:var(--tp-wheel-ampm-column-width,64px)}.tp-ui-wheel-column-wrapper:has(.tp-ui-wheel-ampm){margin-left:var(--tp-spacing-xs);width:var(--tp-wheel-ampm-column-width,64px)}@media (prefers-reduced-motion:reduce){.tp-ui-wheel-item{transition:none}}@media (forced-colors:active){.tp-ui-wheel-highlight{border:var(--tp-border-width-thick) solid ButtonText}.tp-ui-wheel-item.is-center{color:Highlight}}.tp-ui-modal.tp-ui-popover{backdrop-filter:none;background-color:transparent;bottom:auto;height:auto;left:auto;max-width:var(--tp-popover-max-width);pointer-events:auto;right:auto;top:auto;width:auto;z-index:5001}.tp-ui-modal.tp-ui-popover .tp-ui-wrapper{border:1px solid var(--tp-outline-variant,rgba(0,0,0,.12));border-radius:var(--tp-popover-radius);box-shadow:var(--tp-popover-shadow);left:auto;position:static;top:auto;transform:none;width:auto}[data-theme=crane]{--tp-bg:#5d1049;--tp-surface:#71135c;--tp-surface-hover:#71135c;--tp-input-bg:#71135c;--tp-text:#fff;--tp-text-secondary:#e5e5e5;--tp-text-disabled:hsla(0,0%,100%,.6);--tp-text-type-time:#fff;--tp-text-icon:#fff;--tp-on-surface:#fff;--tp-on-surface-rgb:255,255,255;--tp-am-pm-active:#f7363e;--tp-am-pm-text-selected:#fff;--tp-am-pm-text-unselected:#fff;--tp-primary:#f7363e;--tp-on-primary:#fff;--tp-primary-container:#f7363e;--tp-on-primary-container:#fff;--tp-tertiary-container:#f7363e;--tp-on-tertiary-container:#fff;--tp-border:transparent;--tp-outline:#ff4c52;--tp-radius:1.25rem;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#000;--tp-wheel-highlight-bg:rgba(247,54,62,.12);--tp-wheel-highlight-border:hsla(0,0%,100%,.15);--tp-wheel-text-color:#fff;--tp-wheel-selected-color:#f7363e}[data-theme=crane-straight]{--tp-bg:#5d1049;--tp-surface:#71135c;--tp-surface-hover:#71135c;--tp-input-bg:#71135c;--tp-text:#fff;--tp-text-secondary:#e5e5e5;--tp-text-disabled:hsla(0,0%,100%,.6);--tp-text-type-time:#fff;--tp-text-icon:#fff;--tp-on-surface:#fff;--tp-on-surface-rgb:255,255,255;--tp-am-pm-active:#f7363e;--tp-am-pm-text-selected:#fff;--tp-am-pm-text-unselected:#fff;--tp-primary:#f7363e;--tp-on-primary:#fff;--tp-primary-container:#f7363e;--tp-on-primary-container:#fff;--tp-tertiary-container:#f7363e;--tp-on-tertiary-container:#fff;--tp-border:transparent;--tp-outline:#ff4c52;--tp-radius:0;--tp-border-radius:0;--tp-radius-sm:0;--tp-radius-md:0;--tp-radius-lg:0;--tp-btn-radius:0;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#000;--tp-wheel-highlight-bg:rgba(247,54,62,.12);--tp-wheel-highlight-border:hsla(0,0%,100%,.15);--tp-wheel-text-color:#fff;--tp-wheel-selected-color:#f7363e}[data-theme=m2]{--tp-bg:#fff;--tp-surface:#e0e0e0;--tp-surface-hover:#ece0fd;--tp-input-bg:#e4e4e4;--tp-text:#000;--tp-text-secondary:#a9a9a9;--tp-text-disabled:hsla(0,1%,61%,.6);--tp-text-type-time:#787878;--tp-text-icon:#4e545a;--tp-am-pm-active:#ece0fd;--tp-am-pm-text-selected:#6200ee;--tp-am-pm-text-unselected:#787878;--tp-primary:#6200ee;--tp-on-primary:#fff;--tp-primary-container:#ece0fd;--tp-on-primary-container:#6200ee;--tp-tertiary-container:#ece0fd;--tp-on-tertiary-container:#6200ee;--tp-border:#d6d6d6;--tp-outline:#8b5cf6;--tp-hover-bg:#d6d6d6;--tp-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12);--tp-radius:4px;--tp-border-radius:4px;--tp-radius-md:2px;--tp-radius-sm:4px;--tp-btn-radius:4px;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#000;--tp-wheel-highlight-bg:#ece0fd;--tp-wheel-highlight-border:#d6d6d6;--tp-wheel-text-color:#000;--tp-wheel-selected-color:#6200ee;--tp-wheel-highlight-radius:2px}[data-theme=m3-green]{--tp-bg:#e5eadc;--tp-surface:#dfe4d6;--tp-surface-hover:#dfe4d6;--tp-input-bg:#dfe4d6;--tp-text:#1a1c18;--tp-text-secondary:#6b7165;--tp-text-disabled:hsla(0,1%,61%,.6);--tp-text-type-time:#6b7165;--tp-text-icon:#6b7165;--tp-am-pm-active:#bbebeb;--tp-am-pm-text-selected:#002021;--tp-am-pm-text-unselected:#6b7165;--tp-primary:#386a20;--tp-on-primary:#042100;--tp-primary-container:#b8f397;--tp-on-primary-container:#042100;--tp-tertiary-container:#bbebeb;--tp-on-tertiary-container:#002021;--tp-border:#74796e;--tp-outline:#4ade80;--tp-shadow:unset;--tp-radius:35px;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#1a1c18;--tp-wheel-highlight-bg:hsla(98,79%,77%,.3);--tp-wheel-highlight-border:#c4c8bb;--tp-wheel-text-color:#1a1c18;--tp-wheel-selected-color:#386a20}[data-theme=dark]{--tp-bg:#1c1b1f;--tp-surface:#2c2b30;--tp-surface-hover:#3b3940;--tp-input-bg:#2c2b30;--tp-text:#e5e5e5;--tp-text-secondary:#a1a1a1;--tp-text-disabled:hsla(0,0%,63%,.6);--tp-text-type-time:#a1a1a1;--tp-text-icon:#a1a1a1;--tp-on-surface:#e5e5e5;--tp-on-surface-rgb:229,229,229;--tp-am-pm-active:#bb86fc;--tp-am-pm-text-selected:#000;--tp-am-pm-text-unselected:#a1a1a1;--tp-primary:#bb86fc;--tp-on-primary:#000;--tp-primary-container:#bb86fc;--tp-on-primary-container:#000;--tp-tertiary-container:#bb86fc;--tp-on-tertiary-container:#000;--tp-border:hsla(0,0%,100%,.12);--tp-outline:#d8b4fe;--tp-hover-bg:#3b3940;--tp-shadow:0px 8px 16px rgba(0,0,0,.6);--tp-dropdown-option-bg:#2c2b30;--tp-dropdown-option-text:#e5e5e5;--tp-wheel-highlight-bg:rgba(187,134,252,.12);--tp-wheel-highlight-border:hsla(0,0%,100%,.12);--tp-wheel-text-color:#e5e5e5;--tp-wheel-selected-color:#bb86fc}[data-theme=glassmorphic]{--tp-bg:hsla(0,0%,100%,.12);--tp-surface:hsla(0,0%,100%,.18);--tp-surface-hover:hsla(0,0%,100%,.22);--tp-input-bg:hsla(0,0%,100%,.16);--tp-text:hsla(0,0%,100%,.95);--tp-text-secondary:hsla(0,0%,100%,.75);--tp-text-disabled:hsla(0,0%,100%,.45);--tp-text-type-time:#fff;--tp-text-icon:#fff;--tp-am-pm-active:hsla(0,0%,100%,.75);--tp-am-pm-text-selected:#000;--tp-am-pm-text-unselected:hsla(0,0%,100%,.75);--tp-primary:hsla(0,0%,100%,.75);--tp-on-primary:#000;--tp-primary-container:hsla(0,0%,100%,.6);--tp-on-primary-container:#000;--tp-tertiary-container:hsla(0,0%,100%,.55);--tp-on-tertiary-container:#000;--tp-border:hsla(0,0%,100%,.35);--tp-outline:hsla(0,0%,100%,.9);--tp-shadow:0 10px 32px hsla(0,0%,6%,.25),0 4px 8px rgba(0,0,0,.12);--tp-backdrop-filter:blur(12px) saturate(180%);--tp-radius:1.25rem;--tp-dropdown-option-bg:hsla(0,0%,100%,.85);--tp-dropdown-option-text:#000;--tp-wheel-highlight-bg:hsla(0,0%,100%,.12);--tp-wheel-highlight-border:hsla(0,0%,100%,.2);--tp-wheel-text-color:hsla(0,0%,100%,.95);--tp-wheel-selected-color:hsla(0,0%,100%,.95);--tp-wheel-fade-opacity:0}[data-theme=pastel]{--tp-bg:#fdf6f0;--tp-surface:#fae3d9;--tp-surface-hover:#fef0e8;--tp-input-bg:#fae3d9;--tp-text:#3b3b3b;--tp-text-secondary:#a58f86;--tp-text-disabled:rgba(59,59,59,.6);--tp-text-type-time:#a58f86;--tp-text-icon:#a58f86;--tp-am-pm-active:#ffb6b9;--tp-am-pm-text-selected:#fff;--tp-am-pm-text-unselected:#a58f86;--tp-primary:#ffb6b9;--tp-on-primary:#fff;--tp-primary-container:#ffb6b9;--tp-on-primary-container:#fff;--tp-tertiary-container:#ffb6b9;--tp-on-tertiary-container:#fff;--tp-border:#efdcd2;--tp-outline:#ff8a8f;--tp-shadow:0 4px 16px rgba(0,0,0,.05);--tp-radius:1.25rem;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#3b3b3b;--tp-wheel-highlight-bg:rgba(255,182,185,.18);--tp-wheel-highlight-border:#efdcd2;--tp-wheel-text-color:#3b3b3b;--tp-wheel-selected-color:#ff8a8f}[data-theme=ai]{--tp-bg:#f3f4f6;--tp-surface:#e5e7eb;--tp-surface-hover:#f9fafb;--tp-input-bg:#e5e7eb;--tp-text:#111827;--tp-text-secondary:#6b7280;--tp-text-disabled:hsla(220,9%,46%,.6);--tp-text-type-time:#374151;--tp-text-icon:#6b7280;--tp-am-pm-active:#3b82f6;--tp-am-pm-text-selected:#fff;--tp-am-pm-text-unselected:#6b7280;--tp-primary:#3b82f6;--tp-on-primary:#fff;--tp-primary-container:#3b82f6;--tp-on-primary-container:#fff;--tp-tertiary-container:#3b82f6;--tp-on-tertiary-container:#fff;--tp-border:#d1d5db;--tp-outline:#3b82f6;--tp-shadow:0 4px 12px rgba(0,0,0,.04);--tp-radius:0.75rem;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#111827;--tp-wheel-highlight-bg:rgba(59,130,246,.1);--tp-wheel-highlight-border:#d1d5db;--tp-wheel-text-color:#111827;--tp-wheel-selected-color:#3b82f6}[data-theme=cyberpunk]{--tp-bg:#0f0c29;--tp-surface:#1a1a2e;--tp-surface-hover:#1a1a2e;--tp-input-bg:#1a1a2e;--tp-text:#f8f8ff;--tp-text-secondary:#00f0ff;--tp-text-disabled:rgba(0,240,255,.4);--tp-text-type-time:#00f0ff;--tp-text-icon:#00f0ff;--tp-on-surface:#00f0ff;--tp-on-surface-rgb:0,240,255;--tp-am-pm-active:#00f0ff;--tp-am-pm-text-selected:#0f0c29;--tp-am-pm-text-unselected:#00f0ff;--tp-primary:#00f0ff;--tp-on-primary:#0f0c29;--tp-primary-container:#00f0ff;--tp-on-primary-container:#0f0c29;--tp-tertiary-container:#00f0ff;--tp-on-tertiary-container:#0f0c29;--tp-border:rgba(0,240,255,.3);--tp-outline:#fff;--tp-shadow:0 0 12px #00f0ff;--tp-radius:1rem;--tp-dropdown-option-bg:#1a1a2e;--tp-dropdown-option-text:#f8f8ff;--tp-wheel-highlight-bg:rgba(0,240,255,.1);--tp-wheel-highlight-border:rgba(0,240,255,.3);--tp-wheel-text-color:#f8f8ff;--tp-wheel-selected-color:#00f0ff}

package/dist/css/main.css

@@ -1 +1 @@
-@charset "UTF-8";:root{--tp-bg:#ece6ee;--tp-surface:#e6e0e9;--tp-surface-hover:#c8b3fd;--tp-input-bg:#e6e0e9;--tp-text:#1d1b20;--tp-text-secondary:#49454f;--tp-text-disabled:hsla(0,1%,61%,.6);--tp-text-type-time:#49454f;--tp-text-icon:#4e545a;--tp-am-pm-active:#ffd8e4;--tp-am-pm-text-selected:#633b48;--tp-am-pm-text-unselected:#49454f;--tp-primary:#6750a4;--tp-on-primary:#fff;--tp-primary-container:#eaddff;--tp-on-primary-container:#21005d;--tp-primary-rgb:103,80,164;--tp-on-surface:#1d1b20;--tp-on-surface-variant:#49454f;--tp-on-surface-rgb:29,27,32;--tp-surface-container:#f3edf7;--tp-outline-variant:#cac4d0;--tp-tertiary-container:#ffd8e4;--tp-on-tertiary-container:#633b48;--tp-border:#000;--tp-outline:#6750a4;--tp-hover-bg:#d6d6d6;--tp-backdrop:rgba(0,0,0,.5);--tp-backdrop-filter:unset;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#000;--tp-shadow:unset;--tp-border-radius:28px;--tp-spacing-xs:4px;--tp-spacing-sm:8px;--tp-spacing-md:12px;--tp-spacing-lg:16px;--tp-spacing-xl:24px;--tp-spacing-2xl:36px;--tp-spacing-3xl:48px;--tp-border-width:1px;--tp-border-width-thick:2px;--tp-border-width-half:0.3752px;--tp-border-width-pm:1.5008px;--tp-outline-width:2px;--tp-outline-width-thick:3px;--tp-outline-width-contrast:4px;--tp-outline-offset:2px;--tp-font-size-xs:12px;--tp-font-size-sm:12.8px;--tp-font-size-base:14px;--tp-font-size-lg:16px;--tp-font-size-number:17.6px;--tp-font-size-xl:51.2px;--tp-radius-sm:7px;--tp-radius-md:8px;--tp-radius-lg:20px;--tp-radius-circle:50%;--tp-radius-full:100%;--tp-size-clock:256px;--tp-size-wrapper:328px;--tp-size-wrapper-expanded:584px;--tp-size-wrapper-portrait:315px;--tp-size-wrapper-landscape-height:360px;--tp-size-wrapper-mobile-height:258px;--tp-size-input:96px;--tp-size-input-height:80px;--tp-size-input-mobile:72px;--tp-size-hand-circle:46px;--tp-size-hand-circle-small:36px;--tp-size-hand-width:2px;--tp-size-hand-offset:calc(50% - 1px);--tp-size-hand-top:4px;--tp-size-hand-left:1px;--tp-size-button-min:44px;--tp-size-dot:6px;--tp-size-dot-center:8px;--tp-size-am-pm-width:54px;--tp-size-am-pm-height:40px;--tp-size-am-pm-height-landscape:44px;--tp-size-icon:24px;--tp-size-colon-width:24px;--tp-size-colon-height:48px;--tp-size-number:32px;--tp-size-inner-circle:200px;--tp-size-inline-min-height:500px;--tp-size-padding:10px;--tp-duration-fast:150ms;--tp-duration-base:200ms;--tp-duration-slow:300ms;--tp-duration-slower:400ms;--tp-duration-slowest:450ms;--tp-duration-animation:350ms;--tp-duration-ripple:700ms;--tp-duration-ripple-fade:500ms;--tp-duration-reduced:0.01ms;--tp-easing-standard:cubic-bezier(0.4,0,0.2,1);--tp-easing-ease:ease;--tp-easing-linear:linear;--tp-z-backdrop:5000;--tp-z-modal:5001;--tp-z-keyboard-icon:10;--tp-z-hidden:-9999;--tp-opacity-hover:0.08;--tp-opacity-focus:0.12;--tp-opacity-active:0.16;--tp-opacity-disabled:0.38;--tp-opacity-backdrop:0.6;--tp-shadow-inline:0 2px 8px rgba(0,0,0,.15);--tp-shadow-focus:0 0 0 4px rgba(98,0,238,.2);--tp-gap-sm:8px;--tp-gap-md:12px;--tp-position-hidden:-10000px}.tp-ui *{box-sizing:border-box!important}.tp-ui-open-element.disabled{pointer-events:none;touch-action:none;user-select:none}.opacity{transition:opacity .15s linear}.opacity.show{opacity:1}.invalid-value,.invalid-value:active,.invalid-value:focus,.invalid-value:hover{border-color:#d50000!important;color:#d50000!important}.tp-ui-invalid-format{border:2px solid red;color:red}.tp-ui-invalid-text{color:red}.sr-only,.tp-ui .sr-only{clip:rect(0,0,0,0);border-width:0;margin:-1px;padding:0;white-space:nowrap}.sr-only,.timepicker-announcer,.tp-ui .sr-only{height:1px;overflow:hidden;position:absolute;width:1px}.timepicker-announcer{left:-10000px}.tp-ui-modal{backdrop-filter:var(--tp-backdrop-filter);background-color:hsla(0,1%,61%,.6);bottom:0;font-family:Roboto,sans-serif;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;z-index:5000}.tp-ui-modal.show{pointer-events:auto}.tp-ui-modal.removed{background-color:transparent;bottom:auto;left:auto;right:auto;top:auto}.tp-ui-measure{height:3.125rem;overflow:scroll;position:absolute;top:-9999px;width:3.125rem}.tp-ui-wrapper,.tp-ui-wrapper.mobile{background-color:var(--tp-bg);border-radius:var(--tp-border-radius);box-shadow:var(--tp-shadow);display:flex;flex-direction:column;left:50%;outline:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:328px;z-index:5001}.tp-ui-wrapper.expanded{will-change:width,height,flex-direction}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-wrapper.expanded{flex-direction:row;height:360px;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),flex-direction 0ms cubic-bezier(.4,0,.2,1);width:584px}}@media screen and (max-width:330px) and (orientation:portrait){.tp-ui-wrapper.expanded{width:315px}}.tp-ui-wrapper.mobile{height:auto;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),flex-direction 0ms cubic-bezier(.4,0,.2,1) .4s}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-wrapper.mobile{height:258px;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),flex-direction 0ms cubic-bezier(.4,0,.2,1) .4s;width:328px}}@media screen and (max-width:330px){.tp-ui-wrapper.mobile{width:315px}}.tp-ui-mobile-clock-wrapper{align-items:center;display:flex;height:0;justify-content:center;opacity:0;overflow:hidden;transform:scale(0);transform-origin:center;transition:height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.tp-ui-mobile-clock-wrapper.expanded{height:256px;opacity:1;transform:scale(1)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-mobile-clock-wrapper.expanded{height:100%;transform-origin:left center;transition:height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1) 0ms,transform .4s cubic-bezier(.4,0,.2,1);width:100%}}.tp-ui-header,.tp-ui-header.mobile{display:flex;flex-direction:row;justify-content:center;padding-bottom:var(--tp-spacing-2xl);padding-left:var(--tp-spacing-xl);padding-right:var(--tp-spacing-xl);position:relative}.tp-ui-header.mobile,.tp-ui-header.show{padding-bottom:0}.tp-ui-header.mobile.expanded{align-items:unset;height:auto;padding-bottom:var(--tp-spacing-2xl)}.tp-ui-header.mobile.expanded .tp-ui-wrapper-time.mobile{align-items:unset}.tp-ui-header.mobile.expanded .tp-ui-wrapper-time.mobile.expanded{align-items:center}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-header.expanded{flex-direction:column;height:auto}.tp-ui-wrapper.expanded .tp-ui-select-time{position:absolute}.tp-ui-mobile-clock-wrapper.expanded{height:100%!important;justify-content:unset;width:100%}}.tp-ui-select-time,.tp-ui-select-time.mobile{color:var(--tp-text-secondary);font-size:var(--tp-font-size-xs);padding:var(--tp-spacing-xl)}.tp-ui-body{border-radius:100%;height:256px;margin:0 auto;position:relative;width:256px}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-body.expanded{display:flex;height:100%;margin-top:48px;padding-left:0;padding-right:0}}.tp-ui-footer,.tp-ui-footer-mobile{display:flex;justify-content:space-between;margin-bottom:4px;padding:var(--tp-spacing-xl)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-footer.expanded{bottom:0;justify-content:space-between;left:0;position:absolute;right:0}.tp-ui-footer.expanded .tp-ui-keyboard-icon-wrapper{left:0}}.tp-ui-footer.mobile{padding:var(--tp-spacing-xl)}.tp-ui-clock-face{background-color:var(--tp-surface);border-radius:100%;height:100%;opacity:0;position:relative;transform:scale(0);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);width:100%}.tp-ui-clock-face.scale-in{opacity:1;transform:scale(1)}.tp-ui-clock-face:active .tp-ui-hour-time-12,.tp-ui-clock-face:active .tp-ui-hour-time-24,.tp-ui-clock-face:active .tp-ui-minutes-time{pointer-events:none}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-clock-face{height:256px;width:256px}}.tp-ui-dot{background-color:var(--tp-primary);border-radius:100%;height:8px;left:50%;position:absolute;top:50%;touch-action:none;transform:translate(-50%,-50%);user-select:none;width:8px}.tp-ui-tips-wrapper{height:100%;width:100%}.tp-ui-tips-wrapper-24h{border-radius:50%;height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px;z-index:0}.tp-ui-tips-wrapper-24h-disabled{pointer-events:none;touch-action:none;user-select:none}.tp-ui-tips-wrapper-24h.none{display:none}.tp-ui-hour-time-12,.tp-ui-hour-time-24,.tp-ui-minutes-time{align-items:center;cursor:pointer;display:flex;font-size:17.6px;height:32px;justify-content:center;position:absolute;text-align:center;touch-action:none;user-select:none;width:32px}.tp-ui-hour-time-12 span,.tp-ui-hour-time-24 span,.tp-ui-minutes-time span{pointer-events:none;touch-action:none;user-select:none}.tp-ui-hour-time-12{align-items:center;display:block;display:flex;justify-content:center}.tp-ui-clock-hand{bottom:50%;height:31%;left:calc(50% - 1px);transform-origin:center bottom 0;width:2px}.tp-ui-circle-hand,.tp-ui-clock-hand{background-color:var(--tp-primary);position:absolute}.tp-ui-circle-hand{align-items:center;border-radius:50%;box-sizing:border-box;display:flex;height:46px;justify-content:center;left:50%;top:0;transform:translate(-50%,-100%);transition:transform .3s cubic-bezier(.4,0,.2,1),width .15s ease,height .15s ease;width:46px}.tp-ui-circle-hand.small-circle{box-sizing:border-box!important;height:36px;width:36px}.tp-ui-circle-hand-24h{left:1px;top:4px;transform:translate(-50%,-50%)}.tp-ui-value-tips,.tp-ui-value-tips-24h{align-items:center;border-radius:50%;color:var(--tp-text);display:flex;height:100%;justify-content:center;line-height:1;transition:color .3s ease;width:100%}.tp-ui-value-tips-24h.active,.tp-ui-value-tips.active{color:var(--tp-on-primary);transition:none}.tp-ui-clock-animation{animation:clockanimation .35s linear}.tp-ui-tips-animation{transition:transform .4s cubic-bezier(.4,0,.2,1) 0ms,height .4s cubic-bezier(.4,0,.2,1) 0ms}.tp-ui-tips-disabled{color:var(--tp-text-disabled);pointer-events:none}.tp-ui-input-wrapper{border-radius:var(--tp-radius-md);display:flex;overflow:visible;position:relative;width:96px}.tp-ui-input-wrapper.mobile input{height:var(--tp-size-input-mobile)}.tp-ui-input-wrapper.mobile{flex-direction:column}.tp-ui-input-ripple-wrapper{border-radius:var(--tp-radius-md);display:flex;height:80px;overflow:hidden;position:relative;width:100%}.tp-ui-input-ripple-wrapper.mobile{height:72px}.tp-ui-input-ripple-wrapper.expanded{height:80px}.tp-ui-input-ripple-wrapper.mobile{height:var(--tp-size-input-mobile)}.tp-ui-input-ripple-wrapper.mobile.expanded{height:var(--tp-size-input-height)}.tp-ui-wrapper-time,.tp-ui-wrapper-time.mobile{align-items:center;display:flex;height:100%;justify-content:center}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-wrapper-time.expanded{height:auto;margin-bottom:var(--tp-spacing-lg);margin-right:0}}.tp-ui-wrapper-time-24h{margin-right:0}.tp-ui-wrapper-time.mobile{height:auto;max-width:fit-content;position:relative;width:100%}.tp-ui-hour,.tp-ui-hour.mobile,.tp-ui-minutes,.tp-ui-minutes.mobile{-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--tp-input-bg);border:var(--tp-border-width-thick) solid transparent;border-radius:var(--tp-radius-md);color:var(--tp-text);cursor:pointer;display:flex;font-size:var(--tp-font-size-xl);height:var(--tp-size-input-height);justify-content:center;outline:none;padding:var(--tp-size-padding);text-align:center;touch-action:manipulation;transition:all .3s ease;width:var(--tp-size-input)}.tp-ui-hour.mobile,.tp-ui-hour.mobile.mobile,.tp-ui-minutes.mobile,.tp-ui-minutes.mobile.mobile{height:72px}.tp-ui-hour.expanded,.tp-ui-hour.mobile.expanded,.tp-ui-minutes.expanded,.tp-ui-minutes.mobile.expanded{height:80px}.tp-ui-hour.mobile:focus-visible,.tp-ui-hour:focus-visible,.tp-ui-minutes.mobile:focus-visible,.tp-ui-minutes:focus-visible{border:2px solid var(--tp-outline);outline:none}@media (hover:hover) and (pointer:fine){.tp-ui-hour.mobile:hover,.tp-ui-hour:hover,.tp-ui-minutes.mobile:hover,.tp-ui-minutes:hover{background-color:var(--tp-surface-hover);color:var(--tp-text)}}.tp-ui-hour.active,.tp-ui-hour.mobile.active,.tp-ui-minutes.active,.tp-ui-minutes.mobile.active{background-color:var(--tp-primary-container);color:var(--tp-on-primary-container)}@media (hover:hover) and (pointer:fine){.tp-ui-hour.active:hover,.tp-ui-hour.mobile.active:hover,.tp-ui-minutes.active:hover,.tp-ui-minutes.mobile.active:hover{color:var(--tp-on-primary-container)}}.tp-ui-hour.mobile::-webkit-inner-spin-button,.tp-ui-hour.mobile::-webkit-outer-spin-button,.tp-ui-hour::-webkit-inner-spin-button,.tp-ui-hour::-webkit-outer-spin-button,.tp-ui-minutes.mobile::-webkit-inner-spin-button,.tp-ui-minutes.mobile::-webkit-outer-spin-button,.tp-ui-minutes::-webkit-inner-spin-button,.tp-ui-minutes::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.tp-ui-hour,.tp-ui-minutes{border:2px solid transparent;outline:none}.tp-ui-hour[contenteditable=true]:active,.tp-ui-hour[contenteditable=true]:focus,.tp-ui-minutes[contenteditable=true]:active,.tp-ui-minutes[contenteditable=true]:focus{border:2px solid var(--tp-outline);outline-color:var(--tp-outline);user-select:all}.tp-ui-hour.mobile,.tp-ui-minutes.mobile{border:2px solid transparent;outline:none}.tp-ui-hour.mobile[contenteditable=true]:active,.tp-ui-hour.mobile[contenteditable=true]:focus,.tp-ui-minutes.mobile[contenteditable=true]:active,.tp-ui-minutes.mobile[contenteditable=true]:focus{border:2px solid var(--tp-outline);outline-color:var(--tp-outline);user-select:all}.tp-ui-dots,.tp-ui-dots.mobile{align-items:center;background-color:transparent;border-radius:50%;display:flex;flex-direction:column;gap:12px;height:48px;justify-content:center;width:24px}.tp-ui-dots span,.tp-ui-dots.mobile span{background-color:var(--tp-text);border-radius:50%;display:block;height:var(--tp-size-dot);width:var(--tp-size-dot)}.tp-ui-dots.mobile{justify-content:normal}.tp-ui-hour-text,.tp-ui-minute-text{color:var(--tp-text-secondary);display:none;font-size:12.8px;margin-top:8px;pointer-events:none}.tp-ui-hour-text.mobile,.tp-ui-hour-text.show,.tp-ui-minute-text.mobile,.tp-ui-minute-text.show{display:block}.tp-ui-hour-text.mobile.expanded,.tp-ui-minute-text.mobile.expanded{display:none}.tp-ui-wrapper-type-time,.tp-ui-wrapper-type-time.mobile{align-self:stretch;color:var(--tp-text-type-time);display:flex;flex-direction:column;font-size:var(--tp-font-size-lg);font-weight:500;justify-content:center;margin-left:var(--tp-spacing-md)}.tp-ui-wrapper-type-time.mobile{justify-content:flex-start}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-wrapper-type-time.expanded:not(.mobile){flex-direction:row;margin-left:0;width:100%}}.tp-ui-wrapper-type-time.mobile{align-self:auto}.tp-ui-am,.tp-ui-am.mobile,.tp-ui-pm,.tp-ui-pm.mobile{-webkit-tap-highlight-color:transparent;align-items:center;border:var(--tp-border-width) solid var(--tp-border);color:var(--tp-am-pm-text-unselected);cursor:pointer;display:flex;height:100%;justify-content:center;touch-action:manipulation;transition:all .3s ease;width:100%}@media (hover:hover) and (pointer:fine){.tp-ui-am.mobile:hover,.tp-ui-am:hover,.tp-ui-pm.mobile:hover,.tp-ui-pm:hover{background-color:var(--tp-am-pm-active);color:var(--tp-am-pm-text-unselected)}}.tp-ui-am.active,.tp-ui-am.mobile.active,.tp-ui-pm.active,.tp-ui-pm.mobile.active{background-color:var(--tp-am-pm-active);color:var(--tp-am-pm-text-selected);pointer-events:none}@media (hover:hover) and (pointer:fine){.tp-ui-am.active:hover,.tp-ui-am.mobile.active:hover,.tp-ui-pm.active:hover,.tp-ui-pm.mobile.active:hover{color:var(--tp-am-pm-text-selected)}}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-am.expanded,.tp-ui-pm.expanded{height:var(--tp-size-am-pm-height-landscape);width:50%}.tp-ui-am.expanded{border-bottom:var(--tp-border-width) solid #000;border-right:unset}}.tp-ui-am,.tp-ui-am.mobile{border-top-left-radius:var(--tp-radius-sm);border-top-right-radius:var(--tp-radius-sm)}.tp-ui-am.mobile{border-bottom-left-radius:0}.tp-ui-am.mobile,.tp-ui-pm.mobile{max-height:var(--tp-size-am-pm-height)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-am.expanded{border-bottom-left-radius:var(--tp-radius-sm);border-right-width:var(--tp-border-width-half);border-top-left-radius:var(--tp-radius-sm);border-top-right-radius:0}}.tp-ui-am,.tp-ui-am.mobile{border-bottom:unset}.tp-ui-pm,.tp-ui-pm.mobile{border-bottom-left-radius:var(--tp-radius-sm);border-bottom-right-radius:var(--tp-radius-sm);width:var(--tp-size-am-pm-width)}.tp-ui-pm.mobile{border-top-right-radius:0}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-pm.expanded{border-bottom-left-radius:0;border-bottom-right-radius:var(--tp-radius-sm);border-bottom-width:var(--tp-border-width-pm);border-left-width:var(--tp-border-width-half);border-top-right-radius:var(--tp-radius-sm);height:var(--tp-size-am-pm-height-landscape);width:50%}}.tp-ui-cancel-btn{margin-right:var(--tp-spacing-xs)}.tp-ui-cancel-btn,.tp-ui-cancel-btn.mobile,.tp-ui-ok-btn,.tp-ui-ok.btn-mobile{background-color:transparent;border-radius:20px;color:var(--tp-primary);cursor:pointer;font-size:14px;font-weight:500;overflow:hidden;padding:var(--tp-size-padding) var(--tp-spacing-xl);position:relative;text-align:center;transition:background-color .2s ease,opacity .2s ease;user-select:none}.tp-ui-cancel-btn.mobile:after,.tp-ui-cancel-btn:after,.tp-ui-ok-btn:after,.tp-ui-ok.btn-mobile:after{background-color:currentColor;border-radius:inherit;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease}.tp-ui-cancel-btn.mobile:hover:after,.tp-ui-cancel-btn:hover:after,.tp-ui-ok-btn:hover:after,.tp-ui-ok.btn-mobile:hover:after{opacity:.08}.tp-ui-cancel-btn.mobile:focus-visible,.tp-ui-cancel-btn:focus-visible,.tp-ui-ok-btn:focus-visible,.tp-ui-ok.btn-mobile:focus-visible{outline:none}.tp-ui-cancel-btn.mobile:focus-visible:after,.tp-ui-cancel-btn:focus-visible:after,.tp-ui-ok-btn:focus-visible:after,.tp-ui-ok.btn-mobile:focus-visible:after{opacity:.12}.tp-ui-cancel-btn.mobile:active:after,.tp-ui-cancel-btn:active:after,.tp-ui-ok-btn:active:after,.tp-ui-ok.btn-mobile:active:after{opacity:.16}.tp-ui-cancel-btn.mobile[aria-disabled=true],.tp-ui-cancel-btn.mobile[disabled],.tp-ui-cancel-btn[aria-disabled=true],.tp-ui-cancel-btn[disabled],.tp-ui-ok-btn[aria-disabled=true],.tp-ui-ok-btn[disabled],.tp-ui-ok.btn-mobile[aria-disabled=true],.tp-ui-ok.btn-mobile[disabled]{cursor:not-allowed;opacity:.38;pointer-events:none}.tp-ui-cancel-btn.mobile[aria-disabled=true]:after,.tp-ui-cancel-btn.mobile[disabled]:after,.tp-ui-cancel-btn[aria-disabled=true]:after,.tp-ui-cancel-btn[disabled]:after,.tp-ui-ok-btn[aria-disabled=true]:after,.tp-ui-ok-btn[disabled]:after,.tp-ui-ok.btn-mobile[aria-disabled=true]:after,.tp-ui-ok.btn-mobile[disabled]:after{opacity:0}.tp-ui-keyboard-icon,.tp-ui-keyboard-icon-mobile,.tp-ui-wrapper-btn,.tp-ui-wrapper-btn-mobile{align-items:center;display:flex;justify-content:center}.tp-ui-keyboard-icon,.tp-ui-keyboard-icon-mobile{-webkit-tap-highlight-color:transparent;all:unset;align-items:center;border-radius:inherit;cursor:pointer;display:inline-flex;justify-content:center;line-height:0;position:relative;touch-action:manipulation}.tp-ui-keyboard-icon-wrapper,.tp-ui-keyboard-icon-wrapper.mobile{cursor:pointer;display:flex;transition:all .3s ease;z-index:10}.tp-ui-keyboard-icon-wrapper.mobile:hover svg,.tp-ui-keyboard-icon-wrapper:hover svg{fill:var(--tp-primary)}.tp-ui-keyboard-icon svg,.tp-ui-keyboard-icon.mobile svg{fill:var(--tp-text-icon);cursor:pointer;pointer-events:none;transition:all .3s ease}@keyframes clockanimation{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tp-ui--inline{background-color:transparent!important;bottom:auto!important;opacity:1!important;pointer-events:auto!important;right:auto!important;z-index:auto!important}.tp-ui--inline,.tp-ui--inline .tp-ui-wrapper,.tp-ui--inline .tp-ui-wrapper.mobile{display:block!important;left:auto!important;position:static!important;top:auto!important;transform:none!important}.tp-ui--inline .tp-ui-wrapper,.tp-ui--inline .tp-ui-wrapper.mobile{border-radius:8px!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important;height:auto!important;margin:0 auto!important;max-width:328px!important;min-height:500px!important;width:100%!important}.tp-ui--inline .tp-ui-footer .tp-ui-wrapper-btn[style*="display: none"]~*{justify-content:center!important}.tp-ui--inline .tp-ui-wrapper-btn:not([style*="display: none"]){display:flex!important;gap:8px!important;justify-content:flex-end!important}.tp-ui-am:focus-visible,.tp-ui-cancel-btn:focus-visible,.tp-ui-hour-time-12:focus-visible,.tp-ui-hour-time-24:focus-visible,.tp-ui-keyboard-icon-wrapper:focus-visible,.tp-ui-minutes-time:focus-visible,.tp-ui-ok-btn:focus-visible,.tp-ui-pm:focus-visible{box-shadow:var(--tp-shadow-focus);outline:var(--tp-outline-width-thick) solid var(--tp-primary);outline-offset:var(--tp-outline-offset)}@media (prefers-contrast:high){.tp-ui-am:focus-visible,.tp-ui-cancel-btn:focus-visible,.tp-ui-hour-time-12:focus-visible,.tp-ui-hour-time-24:focus-visible,.tp-ui-minutes-time:focus-visible,.tp-ui-ok-btn:focus-visible,.tp-ui-pm:focus-visible{font-weight:700;outline-width:var(--tp-outline-width-contrast)}}@media (prefers-reduced-motion:reduce){.tp-ui-clock-animation{animation:none!important}.tp-ui-clock-hand,.tp-ui-modal,.tp-ui-tips-animation{transition:none!important}.tp-ui *{animation-duration:var(--tp-duration-reduced)!important;animation-iteration-count:1!important;transition-duration:var(--tp-duration-reduced)!important}}@media (prefers-contrast:high){.tp-ui-clock-face,.tp-ui-wrapper{border:var(--tp-border-width-thick) solid}}[data-md3-ripple]{position:relative}[data-md3-ripple]:before{background:var(--tp-primary);border-radius:50%;content:"";height:var(--ripple-size,0);left:var(--ripple-x,50%);opacity:0;pointer-events:none;position:absolute;top:var(--ripple-y,50%);transform:translate(-50%,-50%) scale(0);width:var(--ripple-size,0);z-index:1}[data-md3-ripple].is-rippling:before,[data-md3-ripple].ripple-hold:before{animation:ripple-expand .7s cubic-bezier(.4,0,.2,1) forwards}[data-md3-ripple]:not(.ripple-hold).is-rippling:before{animation:ripple-expand .7s cubic-bezier(.4,0,.2,1) forwards,ripple-fade .5s cubic-bezier(.4,0,.2,1) .7s forwards}.tp-ui-am,.tp-ui-input-wrapper,.tp-ui-pm{overflow:hidden}@keyframes ripple-expand{0%{opacity:.4;transform:translate(-50%,-50%) scale(0)}to{opacity:.2;transform:translate(-50%,-50%) scale(2.5)}}@keyframes ripple-fade{0%{opacity:.2}to{opacity:0}}.tp-ui-timezone{border-top:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:4px;margin:0;padding:8px 24px}.tp-ui-timezone.mobile{padding:6px 16px}.tp-ui-timezone-label{color:var(--tp-text-secondary);font-size:11px;font-weight:500;letter-spacing:.4px;margin:0;padding:0 0 2px;text-transform:uppercase}.tp-ui-timezone-dropdown{-webkit-tap-highlight-color:transparent;background-color:var(--tp-input-bg);border:none;border-bottom:1px solid var(--tp-outline);border-radius:var(--tp-radius-sm) var(--tp-radius-sm) 0 0;cursor:pointer;height:40px;position:relative;touch-action:manipulation;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);user-select:none;width:100%}@media (hover:hover) and (pointer:fine){.tp-ui-timezone-dropdown:hover{background-color:var(--tp-surface-hover);border-bottom-color:var(--tp-text)}}.tp-ui-timezone-dropdown:focus{background-color:var(--tp-input-bg);border-bottom:2px solid var(--tp-primary);outline:none}.tp-ui-timezone-dropdown:focus .tp-ui-timezone-selected{padding-bottom:5px}.tp-ui-timezone-dropdown[aria-expanded=true]{border-bottom:2px solid var(--tp-primary);border-radius:var(--tp-radius-sm) var(--tp-radius-sm) 0 0;z-index:1000}.tp-ui-timezone-dropdown[aria-expanded=true] .tp-ui-timezone-selected{padding-bottom:5px}.tp-ui-timezone-dropdown[aria-expanded=true] .tp-ui-timezone-arrow{transform:rotate(180deg)}.tp-ui-timezone-dropdown[aria-expanded=true] .tp-ui-timezone-menu{opacity:1;transform:translateY(0) scaleY(1);visibility:visible}.mobile .tp-ui-timezone-dropdown{height:36px}.tp-ui-timezone-selected{align-items:center;color:var(--tp-text);display:flex;font-size:14px;font-weight:400;height:100%;line-height:1.4;overflow:hidden;padding:10px 32px 6px 10px;text-overflow:ellipsis;white-space:nowrap}.tp-ui-timezone-selected[data-placeholder]{color:var(--tp-text-secondary)}.mobile .tp-ui-timezone-selected{font-size:13px;padding:8px 28px 4px 8px}.tp-ui-timezone-arrow{color:var(--tp-text-secondary);height:18px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:transform .2s cubic-bezier(.4,0,.2,1);width:18px}.mobile .tp-ui-timezone-arrow{height:16px;right:6px;width:16px}.tp-ui-timezone-menu{background-color:var(--tp-dropdown-option-bg);border-radius:0 0 var(--tp-radius-md) var(--tp-radius-md);box-shadow:var(--tp-shadow);left:0;margin-top:-1px;max-height:280px;opacity:0;overflow-y:auto;position:absolute;right:0;top:100%;transform:translateY(-8px) scaleY(.9);transform-origin:top center;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),visibility .2s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:999}.tp-ui-timezone-menu::-webkit-scrollbar{width:6px}.tp-ui-timezone-menu::-webkit-scrollbar-track{background:transparent}.tp-ui-timezone-menu::-webkit-scrollbar-thumb{background-color:var(--tp-text-secondary);border-radius:3px;opacity:.3}.mobile .tp-ui-timezone-menu{max-height:220px}.tp-ui-timezone-option{align-items:center;color:var(--tp-dropdown-option-text);cursor:pointer;display:flex;font-size:14px;overflow:hidden;padding:12px 16px;position:relative;transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.tp-ui-timezone-option:hover,.tp-ui-timezone-option[data-focused=true]{background-color:var(--tp-surface-hover)}.tp-ui-timezone-option[data-selected=true]{background-color:var(--tp-primary-container);color:var(--tp-on-primary-container);font-weight:500}.tp-ui-timezone-option[data-selected=true]:after{content:"✓";font-size:16px;font-weight:600;position:absolute;right:16px}.tp-ui-timezone-option:active{background-color:var(--tp-primary-container)}.mobile .tp-ui-timezone-option{font-size:13px;padding:10px 14px}.tp-ui-range-header{align-items:stretch;display:flex;gap:var(--tp-spacing-md);justify-content:center;margin-bottom:var(--tp-spacing-lg);padding:var(--tp-spacing-lg) var(--tp-spacing-xl) 0}.tp-ui-range-tab{-webkit-tap-highlight-color:transparent;align-items:center;background:transparent;border:none;border-radius:var(--tp-radius-md);cursor:pointer;display:flex;flex:1;flex-direction:column;font-family:inherit;gap:2px;justify-content:center;max-width:120px;padding:var(--tp-spacing-sm) var(--tp-spacing-md);position:relative;touch-action:manipulation;transition:background-color var(--tp-duration-fast) var(--tp-easing-standard)}.tp-ui-range-tab:after{background:var(--tp-primary);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width var(--tp-duration-base) var(--tp-easing-standard);width:0}.tp-ui-range-tab:focus-visible{outline:var(--tp-outline-width) solid var(--tp-primary);outline-offset:var(--tp-outline-offset)}@media (hover:hover) and (pointer:fine){.tp-ui-range-tab:not(.active):hover{background:rgba(var(--tp-on-surface-rgb),var(--tp-opacity-hover))}}.tp-ui-range-tab.active:after{width:100%}.tp-ui-range-tab.active .tp-ui-range-tab-value{color:var(--tp-primary)}.tp-ui-range-tab.disabled{cursor:not-allowed;opacity:var(--tp-opacity-disabled);pointer-events:none}.tp-ui-range-tab-label{color:var(--tp-text-secondary);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.tp-ui-range-tab-value{color:var(--tp-on-surface);font-size:16px;font-weight:400;min-height:28px;transition:color var(--tp-duration-fast) var(--tp-easing-standard)}.tp-ui-range-mode .tp-ui-select-time{display:none}.tp-ui-range-mode .tp-ui-ok-btn.disabled{opacity:var(--tp-opacity-disabled);pointer-events:none}
+@charset "UTF-8";:root{--tp-bg:#ece6ee;--tp-surface:#e6e0e9;--tp-surface-hover:#c8b3fd;--tp-input-bg:#e6e0e9;--tp-text:#1d1b20;--tp-text-secondary:#49454f;--tp-text-disabled:hsla(0,1%,61%,.6);--tp-text-type-time:#49454f;--tp-text-icon:#4e545a;--tp-am-pm-active:#ffd8e4;--tp-am-pm-text-selected:#633b48;--tp-am-pm-text-unselected:#49454f;--tp-primary:#6750a4;--tp-on-primary:#fff;--tp-primary-container:#eaddff;--tp-on-primary-container:#21005d;--tp-primary-rgb:103,80,164;--tp-on-surface:#1d1b20;--tp-on-surface-variant:#49454f;--tp-on-surface-rgb:29,27,32;--tp-surface-container:#f3edf7;--tp-outline-variant:#cac4d0;--tp-tertiary-container:#ffd8e4;--tp-on-tertiary-container:#633b48;--tp-border:#000;--tp-outline:#6750a4;--tp-hover-bg:#d6d6d6;--tp-backdrop:rgba(0,0,0,.5);--tp-backdrop-filter:unset;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#000;--tp-shadow:unset;--tp-border-radius:28px;--tp-spacing-xs:4px;--tp-spacing-sm:8px;--tp-spacing-md:12px;--tp-spacing-lg:16px;--tp-spacing-xl:24px;--tp-spacing-2xl:36px;--tp-spacing-3xl:48px;--tp-border-width:1px;--tp-border-width-thick:2px;--tp-border-width-half:0.3752px;--tp-border-width-pm:1.5008px;--tp-outline-width:2px;--tp-outline-width-thick:3px;--tp-outline-width-contrast:4px;--tp-outline-offset:2px;--tp-font-size-xs:12px;--tp-font-size-sm:12.8px;--tp-font-size-base:14px;--tp-font-size-lg:16px;--tp-font-size-number:17.6px;--tp-font-size-xl:51.2px;--tp-radius-sm:7px;--tp-radius-md:8px;--tp-radius-lg:20px;--tp-radius-circle:50%;--tp-radius-full:100%;--tp-btn-radius:var(--tp-radius-lg);--tp-size-clock:256px;--tp-size-wrapper:328px;--tp-size-wrapper-expanded:584px;--tp-size-wrapper-portrait:315px;--tp-size-wrapper-landscape-height:360px;--tp-size-wrapper-mobile-height:258px;--tp-size-input:96px;--tp-size-input-height:80px;--tp-size-input-mobile:72px;--tp-size-hand-circle:46px;--tp-size-hand-circle-small:36px;--tp-size-hand-width:2px;--tp-size-hand-offset:calc(50% - 1px);--tp-size-hand-top:4px;--tp-size-hand-left:1px;--tp-size-button-min:44px;--tp-size-dot:6px;--tp-size-dot-center:8px;--tp-size-am-pm-width:54px;--tp-size-am-pm-height:40px;--tp-size-am-pm-height-landscape:44px;--tp-size-icon:24px;--tp-size-colon-width:24px;--tp-size-colon-height:48px;--tp-size-number:32px;--tp-size-inner-circle:200px;--tp-size-inline-min-height:500px;--tp-size-padding:10px;--tp-duration-fast:150ms;--tp-duration-base:200ms;--tp-duration-slow:300ms;--tp-duration-slower:400ms;--tp-duration-slowest:450ms;--tp-duration-animation:350ms;--tp-duration-ripple:700ms;--tp-duration-ripple-fade:500ms;--tp-duration-reduced:0.01ms;--tp-easing-standard:cubic-bezier(0.4,0,0.2,1);--tp-easing-ease:ease;--tp-easing-linear:linear;--tp-z-backdrop:5000;--tp-z-modal:5001;--tp-z-keyboard-icon:10;--tp-z-hidden:-9999;--tp-opacity-hover:0.08;--tp-opacity-focus:0.12;--tp-opacity-active:0.16;--tp-opacity-disabled:0.38;--tp-opacity-backdrop:0.6;--tp-shadow-inline:0 2px 8px rgba(0,0,0,.15);--tp-shadow-focus:0 0 0 4px rgba(98,0,238,.2);--tp-gap-sm:8px;--tp-gap-md:12px;--tp-position-hidden:-10000px;--tp-wheel-item-height:44px;--tp-wheel-visible-items:5;--tp-wheel-column-width:76px;--tp-wheel-separator-width:20px;--tp-wheel-landscape-footer-offset:72px;--tp-wheel-landscape-compact-width:360px;--tp-wheel-landscape-compact-visible-items:3;--tp-wheel-highlight-bg:var(--tp-primary-container,rgba(103,80,164,.08));--tp-wheel-highlight-border:var(--tp-outline-variant,rgba(0,0,0,.12));--tp-wheel-highlight-radius:var(--tp-radius-md);--tp-wheel-text-color:var(--tp-on-surface,#1d1b20);--tp-wheel-selected-color:var(--tp-primary,#6750a4);--tp-wheel-disabled-opacity:var(--tp-opacity-disabled,0.38);--tp-wheel-font-size:var(--tp-font-size-lg,16px);--tp-wheel-selected-font-size:22px;--tp-popover-gap:4px;--tp-popover-min-width:260px;--tp-popover-max-width:328px;--tp-popover-shadow:0 4px 24px rgba(0,0,0,.15);--tp-popover-radius:var(--tp-border-radius)}.tp-ui *{box-sizing:border-box!important}.tp-ui-open-element.disabled{pointer-events:none;touch-action:none;user-select:none}.opacity{transition:opacity .15s linear}.opacity.show{opacity:1}.invalid-value,.invalid-value:active,.invalid-value:focus,.invalid-value:hover{border-color:#d50000!important;color:#d50000!important}.tp-ui-invalid-format{border:2px solid red;color:red}.tp-ui-invalid-text{color:red}.sr-only,.tp-ui .sr-only{clip:rect(0,0,0,0);border-width:0;margin:-1px;padding:0;white-space:nowrap}.sr-only,.timepicker-announcer,.tp-ui .sr-only{height:1px;overflow:hidden;position:absolute;width:1px}.timepicker-announcer{left:-10000px}.tp-ui-modal{backdrop-filter:var(--tp-backdrop-filter);background-color:hsla(0,1%,61%,.6);bottom:0;font-family:Roboto,sans-serif;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;z-index:5000}.tp-ui-modal.show{pointer-events:auto}.tp-ui-modal.removed{background-color:transparent;bottom:auto;left:auto;right:auto;top:auto}.tp-ui-measure{height:3.125rem;overflow:scroll;position:absolute;top:-9999px;width:3.125rem}.tp-ui-wrapper,.tp-ui-wrapper.mobile{background-color:var(--tp-bg);border-radius:var(--tp-border-radius);box-shadow:var(--tp-shadow);display:flex;flex-direction:column;left:50%;outline:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:328px;z-index:5001}.tp-ui-wrapper.expanded{will-change:width,height,flex-direction}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-wrapper.expanded{flex-direction:row;height:360px;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),flex-direction 0ms cubic-bezier(.4,0,.2,1);width:584px}}@media screen and (max-width:330px) and (orientation:portrait){.tp-ui-wrapper.expanded{width:315px}}.tp-ui-wrapper.mobile{height:auto;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),flex-direction 0ms cubic-bezier(.4,0,.2,1)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-wrapper.mobile{height:258px;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),flex-direction 0ms cubic-bezier(.4,0,.2,1);width:328px}.tp-ui-tz-mode .tp-ui-wrapper.mobile{height:326px}.tp-ui-range-mode .tp-ui-wrapper.mobile{height:287px}}@media screen and (max-width:330px){.tp-ui-wrapper.mobile{width:315px}}.tp-ui-mobile-clock-wrapper{align-items:center;display:flex;height:0;justify-content:center;opacity:0;overflow:hidden;transform:scale(0);transform-origin:center;transition:height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.tp-ui-mobile-clock-wrapper.expanded{height:256px;opacity:1;transform:scale(1)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-mobile-clock-wrapper.expanded{height:100%;transform-origin:left center;transition:height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1) 0ms,transform .4s cubic-bezier(.4,0,.2,1);width:100%}}.tp-ui-header,.tp-ui-header.mobile{display:flex;flex-direction:row;justify-content:center;padding-bottom:var(--tp-spacing-2xl);padding-left:var(--tp-spacing-xl);padding-right:var(--tp-spacing-xl);position:relative}.tp-ui-header.mobile,.tp-ui-header.show{padding-bottom:0}.tp-ui-header.mobile.expanded{align-items:unset;height:auto;padding-bottom:var(--tp-spacing-2xl)}.tp-ui-header.mobile.expanded .tp-ui-wrapper-time.mobile{align-items:unset}.tp-ui-header.mobile.expanded .tp-ui-wrapper-time.mobile.expanded{align-items:center}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-header.expanded{flex-direction:column;height:auto;transition:padding .4s cubic-bezier(.4,0,.2,1)}.tp-ui-wrapper.expanded .tp-ui-select-time{position:absolute}.tp-ui-mobile-clock-wrapper.expanded{height:100%!important;justify-content:unset;width:100%}}.tp-ui-select-time,.tp-ui-select-time.mobile{color:var(--tp-text-secondary);font-size:var(--tp-font-size-xs);padding:var(--tp-spacing-xl)}.tp-ui-body{border-radius:100%;height:256px;margin:0 auto;position:relative;width:256px}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-body.expanded{display:flex;height:100%;margin-top:48px;padding-left:0;padding-right:0}}.tp-ui-footer,.tp-ui-footer-mobile{display:flex;justify-content:space-between;margin-bottom:4px;padding:var(--tp-spacing-xl)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-footer.expanded{bottom:0;justify-content:space-between;left:0;position:absolute;right:0}.tp-ui-footer.expanded .tp-ui-keyboard-icon-wrapper{left:0}}.tp-ui-footer.mobile{padding:var(--tp-spacing-xl)}.tp-ui-clock-face{background-color:var(--tp-surface);border-radius:100%;height:100%;opacity:0;position:relative;transform:scale(0);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);width:100%}.tp-ui-clock-face.scale-in{opacity:1;transform:scale(1)}.tp-ui-clock-face:active .tp-ui-hour-time-12,.tp-ui-clock-face:active .tp-ui-hour-time-24,.tp-ui-clock-face:active .tp-ui-minutes-time{pointer-events:none}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-clock-face{height:256px;width:256px}}.tp-ui-dot{background-color:var(--tp-primary);border-radius:100%;height:8px;left:50%;position:absolute;top:50%;touch-action:none;transform:translate(-50%,-50%);user-select:none;width:8px}.tp-ui-tips-wrapper{height:100%;width:100%}.tp-ui-tips-wrapper-24h{border-radius:50%;height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px;z-index:0}.tp-ui-tips-wrapper-24h-disabled{pointer-events:none;touch-action:none;user-select:none}.tp-ui-tips-wrapper-24h.none{display:none}.tp-ui-hour-time-12,.tp-ui-hour-time-24,.tp-ui-minutes-time{align-items:center;cursor:pointer;display:flex;font-size:17.6px;height:32px;justify-content:center;position:absolute;text-align:center;touch-action:none;user-select:none;width:32px}.tp-ui-hour-time-12 span,.tp-ui-hour-time-24 span,.tp-ui-minutes-time span{pointer-events:none;touch-action:none;user-select:none}.tp-ui-hour-time-12{align-items:center;display:block;display:flex;justify-content:center}.tp-ui-clock-hand{bottom:50%;height:31%;left:calc(50% - 1px);transform-origin:center bottom 0;width:2px}.tp-ui-circle-hand,.tp-ui-clock-hand{background-color:var(--tp-primary);position:absolute}.tp-ui-circle-hand{align-items:center;border-radius:50%;box-sizing:border-box;display:flex;height:46px;justify-content:center;left:50%;top:0;transform:translate(-50%,-100%);transition:transform .3s cubic-bezier(.4,0,.2,1),width .15s ease,height .15s ease;width:46px}.tp-ui-circle-hand.small-circle{box-sizing:border-box!important;height:36px;width:36px}.tp-ui-circle-hand-24h{left:1px;top:4px;transform:translate(-50%,-50%)}.tp-ui-value-tips,.tp-ui-value-tips-24h{align-items:center;border-radius:50%;color:var(--tp-text);display:flex;height:100%;justify-content:center;line-height:1;transition:color .3s ease;width:100%}.tp-ui-value-tips-24h.active,.tp-ui-value-tips.active{color:var(--tp-on-primary);transition:none}.tp-ui-clock-animation{animation:clockanimation .35s linear}.tp-ui-tips-animation{transition:transform .4s cubic-bezier(.4,0,.2,1) 0ms,height .4s cubic-bezier(.4,0,.2,1) 0ms}.tp-ui-tips-disabled{color:var(--tp-text-disabled);pointer-events:none}.tp-ui-input-wrapper{border-radius:var(--tp-radius-md);display:flex;overflow:visible;position:relative;width:96px}.tp-ui-input-wrapper.mobile input{height:var(--tp-size-input-mobile)}.tp-ui-input-wrapper.mobile{flex-direction:column}.tp-ui-input-ripple-wrapper{border-radius:var(--tp-radius-md);display:flex;height:80px;overflow:hidden;position:relative;transition:height .4s cubic-bezier(.4,0,.2,1);width:100%}.tp-ui-input-ripple-wrapper.mobile{height:72px}.tp-ui-input-ripple-wrapper.expanded{height:80px}.tp-ui-input-ripple-wrapper.mobile{height:var(--tp-size-input-mobile)}.tp-ui-input-ripple-wrapper.mobile.expanded{height:var(--tp-size-input-height)}.tp-ui-wrapper-time,.tp-ui-wrapper-time.mobile{align-items:center;display:flex;height:100%;justify-content:center}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-wrapper-time.expanded{height:auto;margin-bottom:var(--tp-spacing-lg);margin-right:0;transition:margin .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1)}}.tp-ui-wrapper-time-24h{margin-right:0}.tp-ui-wrapper-time.mobile{height:auto;max-width:fit-content;position:relative;width:100%}.tp-ui-hour,.tp-ui-hour.mobile,.tp-ui-minutes,.tp-ui-minutes.mobile{-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--tp-input-bg);border:var(--tp-border-width-thick) solid transparent;border-radius:var(--tp-radius-md);color:var(--tp-text);cursor:pointer;display:flex;font-size:var(--tp-font-size-xl);height:var(--tp-size-input-height);justify-content:center;outline:none;padding:var(--tp-size-padding);text-align:center;touch-action:manipulation;transition:color var(--tp-duration-slow,.3s) var(--tp-easing-ease,ease),background-color var(--tp-duration-slow,.3s) var(--tp-easing-ease,ease),border-color var(--tp-duration-slow,.3s) var(--tp-easing-ease,ease);width:var(--tp-size-input)}.tp-ui-hour.mobile,.tp-ui-hour.mobile.mobile,.tp-ui-minutes.mobile,.tp-ui-minutes.mobile.mobile{height:72px}.tp-ui-hour.expanded,.tp-ui-hour.mobile.expanded,.tp-ui-minutes.expanded,.tp-ui-minutes.mobile.expanded{height:80px}.tp-ui-hour.mobile:focus-visible,.tp-ui-hour:focus-visible,.tp-ui-minutes.mobile:focus-visible,.tp-ui-minutes:focus-visible{border:2px solid var(--tp-outline);outline:none}@media (hover:hover) and (pointer:fine){.tp-ui-hour.mobile:hover,.tp-ui-hour:hover,.tp-ui-minutes.mobile:hover,.tp-ui-minutes:hover{background-color:var(--tp-surface-hover);color:var(--tp-text)}}.tp-ui-hour.active,.tp-ui-hour.mobile.active,.tp-ui-minutes.active,.tp-ui-minutes.mobile.active{background-color:var(--tp-primary-container);color:var(--tp-on-primary-container)}@media (hover:hover) and (pointer:fine){.tp-ui-hour.active:hover,.tp-ui-hour.mobile.active:hover,.tp-ui-minutes.active:hover,.tp-ui-minutes.mobile.active:hover{color:var(--tp-on-primary-container)}}.tp-ui-hour.mobile::-webkit-inner-spin-button,.tp-ui-hour.mobile::-webkit-outer-spin-button,.tp-ui-hour::-webkit-inner-spin-button,.tp-ui-hour::-webkit-outer-spin-button,.tp-ui-minutes.mobile::-webkit-inner-spin-button,.tp-ui-minutes.mobile::-webkit-outer-spin-button,.tp-ui-minutes::-webkit-inner-spin-button,.tp-ui-minutes::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.tp-ui-hour,.tp-ui-minutes{border:2px solid transparent;outline:none}.tp-ui-hour[contenteditable=true]:active,.tp-ui-hour[contenteditable=true]:focus,.tp-ui-minutes[contenteditable=true]:active,.tp-ui-minutes[contenteditable=true]:focus{border:2px solid var(--tp-outline);outline-color:var(--tp-outline);user-select:all}.tp-ui-hour.mobile,.tp-ui-minutes.mobile{border:2px solid transparent;outline:none}.tp-ui-hour.mobile[contenteditable=true]:active,.tp-ui-hour.mobile[contenteditable=true]:focus,.tp-ui-minutes.mobile[contenteditable=true]:active,.tp-ui-minutes.mobile[contenteditable=true]:focus{border:2px solid var(--tp-outline);outline-color:var(--tp-outline);user-select:all}.tp-ui-dots,.tp-ui-dots.mobile{align-items:center;background-color:transparent;border-radius:50%;display:flex;flex-direction:column;gap:12px;height:48px;justify-content:center;width:24px}.tp-ui-dots span,.tp-ui-dots.mobile span{background-color:var(--tp-text);border-radius:50%;display:block;height:var(--tp-size-dot);width:var(--tp-size-dot)}.tp-ui-dots.mobile{justify-content:normal}.tp-ui-hour-text,.tp-ui-minute-text{color:var(--tp-text-secondary);display:none;font-size:12.8px;margin-top:8px;pointer-events:none}.tp-ui-hour-text.mobile,.tp-ui-hour-text.show,.tp-ui-minute-text.mobile,.tp-ui-minute-text.show{display:block}.tp-ui-hour-text.mobile.expanded,.tp-ui-minute-text.mobile.expanded{display:none}.tp-ui-wrapper-type-time,.tp-ui-wrapper-type-time.mobile{align-self:stretch;color:var(--tp-text-type-time);display:flex;flex-direction:column;font-size:var(--tp-font-size-lg);font-weight:500;justify-content:center;margin-left:var(--tp-spacing-md)}.tp-ui-wrapper-type-time.mobile{justify-content:flex-start}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-wrapper-type-time.expanded:not(.mobile){flex-direction:row;margin-left:0;transition:width .4s cubic-bezier(.4,0,.2,1),margin .4s cubic-bezier(.4,0,.2,1);width:100%}}.tp-ui-wrapper-type-time.mobile{align-self:auto}.tp-ui-am,.tp-ui-am.mobile,.tp-ui-pm,.tp-ui-pm.mobile{-webkit-tap-highlight-color:transparent;align-items:center;border:var(--tp-border-width) solid var(--tp-border);color:var(--tp-am-pm-text-unselected);cursor:pointer;display:flex;height:100%;justify-content:center;touch-action:manipulation;transition:color .3s ease,background-color .3s ease,width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),max-height .4s cubic-bezier(.4,0,.2,1),border-radius .4s cubic-bezier(.4,0,.2,1);width:100%}@media (hover:hover) and (pointer:fine){.tp-ui-am.mobile:hover,.tp-ui-am:hover,.tp-ui-pm.mobile:hover,.tp-ui-pm:hover{background-color:var(--tp-am-pm-active);color:var(--tp-am-pm-text-unselected)}}.tp-ui-am.active,.tp-ui-am.mobile.active,.tp-ui-pm.active,.tp-ui-pm.mobile.active{background-color:var(--tp-am-pm-active);color:var(--tp-am-pm-text-selected);pointer-events:none}@media (hover:hover) and (pointer:fine){.tp-ui-am.active:hover,.tp-ui-am.mobile.active:hover,.tp-ui-pm.active:hover,.tp-ui-pm.mobile.active:hover{color:var(--tp-am-pm-text-selected)}}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-am.expanded,.tp-ui-pm.expanded{height:var(--tp-size-am-pm-height-landscape);width:50%}.tp-ui-am.expanded{border-bottom:var(--tp-border-width) solid var(--tp-border);border-right:unset}}.tp-ui-am,.tp-ui-am.mobile{border-top-left-radius:var(--tp-radius-sm);border-top-right-radius:var(--tp-radius-sm)}.tp-ui-am.mobile{border-bottom-left-radius:0}.tp-ui-am.mobile,.tp-ui-pm.mobile{max-height:var(--tp-size-am-pm-height)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-am.expanded{border-bottom-left-radius:var(--tp-radius-sm);border-right-width:var(--tp-border-width-half);border-top-left-radius:var(--tp-radius-sm);border-top-right-radius:0}}.tp-ui-am,.tp-ui-am.mobile{border-bottom:unset}.tp-ui-pm,.tp-ui-pm.mobile{border-bottom-left-radius:var(--tp-radius-sm);border-bottom-right-radius:var(--tp-radius-sm);width:var(--tp-size-am-pm-width)}.tp-ui-pm.mobile{border-top-right-radius:0}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-pm.expanded{border-bottom-left-radius:0;border-bottom-right-radius:var(--tp-radius-sm);border-bottom-width:var(--tp-border-width-pm);border-left-width:var(--tp-border-width-half);border-top-right-radius:var(--tp-radius-sm);height:var(--tp-size-am-pm-height-landscape);width:50%}}.tp-ui-clear-btn{margin-right:auto}.tp-ui-cancel-btn{margin-right:var(--tp-spacing-xs)}.tp-ui-cancel-btn,.tp-ui-cancel-btn.mobile,.tp-ui-clear-btn,.tp-ui-clear-btn.mobile,.tp-ui-ok-btn,.tp-ui-ok.btn-mobile{background-color:transparent;border-radius:var(--tp-btn-radius);color:var(--tp-primary);cursor:pointer;font-size:14px;font-weight:500;overflow:hidden;padding:var(--tp-size-padding) var(--tp-spacing-xl);position:relative;text-align:center;transition:background-color .2s ease,opacity .2s ease;user-select:none}.tp-ui-cancel-btn.mobile:after,.tp-ui-cancel-btn:after,.tp-ui-clear-btn.mobile:after,.tp-ui-clear-btn:after,.tp-ui-ok-btn:after,.tp-ui-ok.btn-mobile:after{background-color:currentColor;border-radius:inherit;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease}.tp-ui-cancel-btn.mobile:hover:after,.tp-ui-cancel-btn:hover:after,.tp-ui-clear-btn.mobile:hover:after,.tp-ui-clear-btn:hover:after,.tp-ui-ok-btn:hover:after,.tp-ui-ok.btn-mobile:hover:after{opacity:.08}.tp-ui-cancel-btn.mobile:focus-visible,.tp-ui-cancel-btn:focus-visible,.tp-ui-clear-btn.mobile:focus-visible,.tp-ui-clear-btn:focus-visible,.tp-ui-ok-btn:focus-visible,.tp-ui-ok.btn-mobile:focus-visible{outline:none}.tp-ui-cancel-btn.mobile:focus-visible:after,.tp-ui-cancel-btn:focus-visible:after,.tp-ui-clear-btn.mobile:focus-visible:after,.tp-ui-clear-btn:focus-visible:after,.tp-ui-ok-btn:focus-visible:after,.tp-ui-ok.btn-mobile:focus-visible:after{opacity:.12}.tp-ui-cancel-btn.mobile:active:after,.tp-ui-cancel-btn:active:after,.tp-ui-clear-btn.mobile:active:after,.tp-ui-clear-btn:active:after,.tp-ui-ok-btn:active:after,.tp-ui-ok.btn-mobile:active:after{opacity:.16}.tp-ui-cancel-btn.disabled,.tp-ui-cancel-btn.mobile.disabled,.tp-ui-cancel-btn.mobile[aria-disabled=true],.tp-ui-cancel-btn.mobile[disabled],.tp-ui-cancel-btn[aria-disabled=true],.tp-ui-cancel-btn[disabled],.tp-ui-clear-btn.disabled,.tp-ui-clear-btn.mobile.disabled,.tp-ui-clear-btn.mobile[aria-disabled=true],.tp-ui-clear-btn.mobile[disabled],.tp-ui-clear-btn[aria-disabled=true],.tp-ui-clear-btn[disabled],.tp-ui-ok-btn.disabled,.tp-ui-ok-btn[aria-disabled=true],.tp-ui-ok-btn[disabled],.tp-ui-ok.btn-mobile.disabled,.tp-ui-ok.btn-mobile[aria-disabled=true],.tp-ui-ok.btn-mobile[disabled]{cursor:not-allowed;opacity:.38;pointer-events:none}.tp-ui-cancel-btn.disabled:after,.tp-ui-cancel-btn.mobile.disabled:after,.tp-ui-cancel-btn.mobile[aria-disabled=true]:after,.tp-ui-cancel-btn.mobile[disabled]:after,.tp-ui-cancel-btn[aria-disabled=true]:after,.tp-ui-cancel-btn[disabled]:after,.tp-ui-clear-btn.disabled:after,.tp-ui-clear-btn.mobile.disabled:after,.tp-ui-clear-btn.mobile[aria-disabled=true]:after,.tp-ui-clear-btn.mobile[disabled]:after,.tp-ui-clear-btn[aria-disabled=true]:after,.tp-ui-clear-btn[disabled]:after,.tp-ui-ok-btn.disabled:after,.tp-ui-ok-btn[aria-disabled=true]:after,.tp-ui-ok-btn[disabled]:after,.tp-ui-ok.btn-mobile.disabled:after,.tp-ui-ok.btn-mobile[aria-disabled=true]:after,.tp-ui-ok.btn-mobile[disabled]:after{opacity:0}.tp-ui-keyboard-icon,.tp-ui-keyboard-icon-mobile,.tp-ui-wrapper-btn,.tp-ui-wrapper-btn-mobile{align-items:center;display:flex;justify-content:center}.tp-ui-keyboard-icon,.tp-ui-keyboard-icon-mobile{-webkit-tap-highlight-color:transparent;all:unset;align-items:center;border-radius:inherit;cursor:pointer;display:inline-flex;justify-content:center;line-height:0;position:relative;touch-action:manipulation}.tp-ui-keyboard-icon-wrapper,.tp-ui-keyboard-icon-wrapper.mobile{cursor:pointer;display:flex;transition:all .3s ease;z-index:10}.tp-ui-keyboard-icon-wrapper.mobile:hover svg,.tp-ui-keyboard-icon-wrapper:hover svg{fill:var(--tp-primary)}.tp-ui-keyboard-icon svg,.tp-ui-keyboard-icon.mobile svg{fill:var(--tp-text-icon);cursor:pointer;pointer-events:none;transition:all .3s ease}@keyframes clockanimation{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tp-ui--inline{background-color:transparent!important;bottom:auto!important;opacity:1!important;pointer-events:auto!important;right:auto!important;z-index:auto!important}.tp-ui--inline,.tp-ui--inline .tp-ui-wrapper,.tp-ui--inline .tp-ui-wrapper.mobile{display:block!important;left:auto!important;position:static!important;top:auto!important;transform:none!important}.tp-ui--inline .tp-ui-wrapper,.tp-ui--inline .tp-ui-wrapper.mobile{border-radius:8px!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important;height:auto!important;margin:0 auto!important;max-width:328px!important;min-height:500px!important;width:100%!important}.tp-ui--inline .tp-ui-footer .tp-ui-wrapper-btn[style*="display: none"]~*{justify-content:center!important}.tp-ui--inline .tp-ui-wrapper-btn:not([style*="display: none"]){display:flex!important;gap:8px!important;justify-content:flex-end!important}.tp-ui-am:focus-visible,.tp-ui-cancel-btn:focus-visible,.tp-ui-hour-time-12:focus-visible,.tp-ui-hour-time-24:focus-visible,.tp-ui-keyboard-icon-wrapper:focus-visible,.tp-ui-minutes-time:focus-visible,.tp-ui-ok-btn:focus-visible,.tp-ui-pm:focus-visible{box-shadow:var(--tp-shadow-focus);outline:var(--tp-outline-width-thick) solid var(--tp-primary);outline-offset:var(--tp-outline-offset)}@media (prefers-contrast:high){.tp-ui-am:focus-visible,.tp-ui-cancel-btn:focus-visible,.tp-ui-hour-time-12:focus-visible,.tp-ui-hour-time-24:focus-visible,.tp-ui-minutes-time:focus-visible,.tp-ui-ok-btn:focus-visible,.tp-ui-pm:focus-visible{font-weight:700;outline-width:var(--tp-outline-width-contrast)}}@media (prefers-reduced-motion:reduce){.tp-ui-clock-animation{animation:none!important}.tp-ui-clock-hand,.tp-ui-modal,.tp-ui-tips-animation{transition:none!important}.tp-ui *{animation-duration:var(--tp-duration-reduced)!important;animation-iteration-count:1!important;transition-duration:var(--tp-duration-reduced)!important}}@media (prefers-contrast:high){.tp-ui-clock-face,.tp-ui-wrapper{border:var(--tp-border-width-thick) solid}}[data-md3-ripple]{position:relative}[data-md3-ripple]:before{background:var(--tp-primary);border-radius:50%;content:"";height:var(--ripple-size,0);left:var(--ripple-x,50%);opacity:0;pointer-events:none;position:absolute;top:var(--ripple-y,50%);transform:translate(-50%,-50%) scale(0);width:var(--ripple-size,0);z-index:1}[data-md3-ripple].is-rippling:before,[data-md3-ripple].ripple-hold:before{animation:ripple-expand .7s cubic-bezier(.4,0,.2,1) forwards}[data-md3-ripple]:not(.ripple-hold).is-rippling:before{animation:ripple-expand .7s cubic-bezier(.4,0,.2,1) forwards,ripple-fade .5s cubic-bezier(.4,0,.2,1) .7s forwards}.tp-ui-am,.tp-ui-input-wrapper,.tp-ui-pm{overflow:hidden}@keyframes ripple-expand{0%{opacity:.4;transform:translate(-50%,-50%) scale(0)}to{opacity:.2;transform:translate(-50%,-50%) scale(2.5)}}@keyframes ripple-fade{0%{opacity:.2}to{opacity:0}}.tp-ui-timezone{border-top:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:4px;margin:0;padding:8px 24px}.tp-ui-timezone.mobile{padding:6px 16px}.tp-ui-timezone-label{color:var(--tp-text-secondary);font-size:11px;font-weight:500;letter-spacing:.4px;margin:0;padding:0 0 2px;text-transform:uppercase}.tp-ui-timezone-dropdown{-webkit-tap-highlight-color:transparent;background-color:var(--tp-input-bg);border:none;border-bottom:1px solid var(--tp-outline);border-radius:var(--tp-radius-sm) var(--tp-radius-sm) 0 0;cursor:pointer;height:40px;position:relative;touch-action:manipulation;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);user-select:none;width:100%}@media (hover:hover) and (pointer:fine){.tp-ui-timezone-dropdown:hover{background-color:var(--tp-surface-hover);border-bottom-color:var(--tp-text)}}.tp-ui-timezone-dropdown:focus{background-color:var(--tp-input-bg);border-bottom:2px solid var(--tp-primary);outline:none}.tp-ui-timezone-dropdown:focus .tp-ui-timezone-selected{padding-bottom:5px}.tp-ui-timezone-dropdown[aria-expanded=true]{border-bottom:2px solid var(--tp-primary);border-radius:var(--tp-radius-sm) var(--tp-radius-sm) 0 0;z-index:1000}.tp-ui-timezone-dropdown[aria-expanded=true] .tp-ui-timezone-selected{padding-bottom:5px}.tp-ui-timezone-dropdown[aria-expanded=true] .tp-ui-timezone-arrow{transform:rotate(180deg)}.tp-ui-timezone-dropdown[aria-expanded=true] .tp-ui-timezone-menu{opacity:1;transform:translateY(0) scaleY(1);visibility:visible}.mobile .tp-ui-timezone-dropdown{height:36px}.tp-ui-timezone-selected{align-items:center;color:var(--tp-text);display:flex;font-size:14px;font-weight:400;height:100%;line-height:1.4;overflow:hidden;padding:10px 32px 6px 10px;text-overflow:ellipsis;white-space:nowrap}.tp-ui-timezone-selected[data-placeholder]{color:var(--tp-text-secondary)}.mobile .tp-ui-timezone-selected{font-size:13px;padding:8px 28px 4px 8px}.tp-ui-timezone-arrow{color:var(--tp-text-secondary);height:18px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:transform .2s cubic-bezier(.4,0,.2,1);width:18px}.mobile .tp-ui-timezone-arrow{height:16px;right:6px;width:16px}.tp-ui-timezone-menu{background-color:var(--tp-dropdown-option-bg);border-radius:0 0 var(--tp-radius-md) var(--tp-radius-md);box-shadow:var(--tp-shadow);left:0;margin-top:-1px;max-height:280px;opacity:0;overflow-y:auto;position:absolute;right:0;top:100%;transform:translateY(-8px) scaleY(.9);transform-origin:top center;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),visibility .2s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:999}.tp-ui-timezone-menu::-webkit-scrollbar{width:6px}.tp-ui-timezone-menu::-webkit-scrollbar-track{background:transparent}.tp-ui-timezone-menu::-webkit-scrollbar-thumb{background-color:var(--tp-text-secondary);border-radius:3px;opacity:.3}.mobile .tp-ui-timezone-menu{max-height:220px}.tp-ui-timezone-option{align-items:center;color:var(--tp-dropdown-option-text);cursor:pointer;display:flex;font-size:14px;overflow:hidden;padding:12px 16px;position:relative;transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.tp-ui-timezone-option:hover,.tp-ui-timezone-option[data-focused=true]{background-color:var(--tp-surface-hover)}.tp-ui-timezone-option[data-selected=true]{background-color:var(--tp-primary-container);color:var(--tp-on-primary-container);font-weight:500}.tp-ui-timezone-option[data-selected=true]:after{content:"✓";font-size:16px;font-weight:600;position:absolute;right:16px}.tp-ui-timezone-option:active{background-color:var(--tp-primary-container)}.mobile .tp-ui-timezone-option{font-size:13px;padding:10px 14px}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-tz-mode .tp-ui-wrapper.expanded{display:grid;grid-template-areas:"label  clock" "header clock" "tz     clock" "footer footer";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto auto}.tp-ui-tz-mode .tp-ui-wrapper.expanded .tp-ui-select-time{grid-area:label;position:relative}.tp-ui-tz-mode .tp-ui-header.expanded,.tp-ui-tz-mode .tp-ui-header.mobile.expanded{align-self:center;grid-area:header;padding-bottom:0}.tp-ui-tz-mode .tp-ui-timezone.expanded:not(.mobile){align-self:start;border-top:none;grid-area:tz;margin:0;padding:4px 24px;position:relative}.tp-ui-tz-mode .tp-ui-mobile-clock-wrapper.expanded{grid-area:clock}.tp-ui-tz-mode .tp-ui-footer.expanded{bottom:auto;grid-area:footer;left:auto;position:relative;right:auto}}.tp-ui-range-header{align-items:stretch;display:flex;gap:var(--tp-spacing-md);justify-content:center;margin-bottom:var(--tp-spacing-lg);padding:var(--tp-spacing-lg) var(--tp-spacing-xl) 0}.tp-ui-range-tab{-webkit-tap-highlight-color:transparent;align-items:center;background:transparent;border:none;border-radius:var(--tp-radius-md);cursor:pointer;display:flex;flex:1;flex-direction:column;font-family:inherit;gap:2px;justify-content:center;max-width:120px;padding:var(--tp-spacing-sm) var(--tp-spacing-md);position:relative;touch-action:manipulation;transition:background-color var(--tp-duration-fast) var(--tp-easing-standard)}.tp-ui-range-tab:after{background:var(--tp-primary);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width var(--tp-duration-base) var(--tp-easing-standard);width:0}.tp-ui-range-tab:focus-visible{outline:var(--tp-outline-width) solid var(--tp-primary);outline-offset:var(--tp-outline-offset)}@media (hover:hover) and (pointer:fine){.tp-ui-range-tab:not(.active):hover{background:rgba(var(--tp-on-surface-rgb),var(--tp-opacity-hover))}}.tp-ui-range-tab.active:after{width:100%}.tp-ui-range-tab.active .tp-ui-range-tab-value{color:var(--tp-primary)}.tp-ui-range-tab.disabled{cursor:not-allowed;opacity:var(--tp-opacity-disabled);pointer-events:none}.tp-ui-range-tab-label{color:var(--tp-text-secondary);font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.tp-ui-range-tab-value{color:var(--tp-on-surface);font-size:16px;font-weight:400;min-height:28px;transition:color var(--tp-duration-fast) var(--tp-easing-standard)}.tp-ui-range-mode .tp-ui-select-time{display:none}.tp-ui-range-mode .tp-ui-ok-btn.disabled{opacity:var(--tp-opacity-disabled);pointer-events:none}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-range-mode .tp-ui-range-header.expanded{box-sizing:border-box;justify-content:flex-start;left:0;margin-bottom:0;padding:var(--tp-spacing-sm) var(--tp-spacing-md) 0;position:absolute;right:0;top:0;width:100%;z-index:1}}.tp-ui-wheel-container{align-items:center;display:flex;gap:var(--tp-spacing-xs);justify-content:center;min-height:calc(var(--tp-wheel-item-height)*var(--tp-wheel-visible-items));padding:var(--tp-spacing-lg) 0;position:relative}.tp-ui-wheel-column-wrapper{height:calc(var(--tp-wheel-item-height)*var(--tp-wheel-visible-items));position:relative;width:var(--tp-wheel-column-width)}.tp-ui-wheel-column{-webkit-overflow-scrolling:touch;cursor:grab;height:100%;overflow-y:scroll;position:relative;scrollbar-width:none;touch-action:none;width:100%}.tp-ui-wheel-column::-webkit-scrollbar{display:none}.tp-ui-wheel-column:focus-visible{border-radius:var(--tp-radius-sm);outline:var(--tp-outline-width) solid var(--tp-outline,#6750a4);outline-offset:var(--tp-outline-offset)}.tp-ui-wheel-column.is-dragging{cursor:grabbing}.tp-ui-wheel-item{align-items:center;color:var(--tp-wheel-text-color);display:flex;font-size:var(--tp-wheel-font-size);height:var(--tp-wheel-item-height);justify-content:center;position:relative;transition:color var(--tp-duration-fast,.1s) var(--tp-easing-standard,ease-out);user-select:none;z-index:1}.tp-ui-wheel-item.is-center{color:var(--tp-wheel-selected-color);font-weight:600}.tp-ui-wheel-item.is-disabled{opacity:var(--tp-wheel-disabled-opacity);pointer-events:none}.tp-ui-wheel-padding{height:var(--tp-wheel-item-height);pointer-events:none}.tp-ui-wheel-separator{align-items:center;color:var(--tp-wheel-text-color);display:flex;font-size:var(--tp-wheel-selected-font-size);font-weight:600;justify-content:center;user-select:none;width:var(--tp-wheel-separator-width)}.tp-ui-wheel-highlight{background:var(--tp-wheel-highlight-bg);border:1px solid var(--tp-wheel-highlight-border);border-radius:var(--tp-wheel-highlight-radius);height:var(--tp-wheel-item-height);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - var(--tp-spacing-lg));z-index:0}.tp-ui-wheel-column-wrapper:after,.tp-ui-wheel-column-wrapper:before{content:"";height:var(--tp-wheel-item-height);left:0;opacity:var(--tp-wheel-fade-opacity,.6);pointer-events:none;position:absolute;right:0;transition:opacity var(--tp-duration-fast,.15s) var(--tp-easing-standard,ease-out);z-index:2}.tp-ui-wheel-column-wrapper:before{background:linear-gradient(to bottom,var(--tp-bg,#fff) 10%,transparent 100%);top:0}.tp-ui-wheel-column-wrapper:after{background:linear-gradient(to top,var(--tp-bg,#fff) 10%,transparent 100%);bottom:0}.tp-ui-wheel-column-wrapper.at-end:after,.tp-ui-wheel-column-wrapper.at-start:before{opacity:0}.tp-ui-compact-wheel-mode .tp-ui-mobile-clock-wrapper,.tp-ui-wheel-mode .tp-ui-mobile-clock-wrapper{min-height:auto}.tp-ui-compact-wheel-mode .tp-ui-wrapper{padding-top:var(--tp-spacing-md)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.tp-ui-wheel-mode .tp-ui-wheel-container{padding:var(--tp-spacing-sm) 0}.tp-ui-wheel-mode .tp-ui-mobile-clock-wrapper.expanded{justify-content:center;padding-bottom:var(--tp-wheel-landscape-footer-offset)}.tp-ui-compact-wheel-mode .tp-ui-wrapper.expanded{flex-direction:column;width:var(--tp-wheel-landscape-compact-width)}.tp-ui-compact-wheel-mode .tp-ui-mobile-clock-wrapper.expanded{justify-content:center}.tp-ui-compact-wheel-mode .tp-ui-wheel-container{min-height:calc(var(--tp-wheel-item-height)*var(--tp-wheel-landscape-compact-visible-items));padding:var(--tp-spacing-xs) 0}.tp-ui-compact-wheel-mode .tp-ui-wheel-column-wrapper{height:calc(var(--tp-wheel-item-height)*var(--tp-wheel-landscape-compact-visible-items))}}.tp-ui-wheel-ampm{width:var(--tp-wheel-ampm-column-width,64px)}.tp-ui-wheel-column-wrapper:has(.tp-ui-wheel-ampm){margin-left:var(--tp-spacing-xs);width:var(--tp-wheel-ampm-column-width,64px)}@media (prefers-reduced-motion:reduce){.tp-ui-wheel-item{transition:none}}@media (forced-colors:active){.tp-ui-wheel-highlight{border:var(--tp-border-width-thick) solid ButtonText}.tp-ui-wheel-item.is-center{color:Highlight}}.tp-ui-modal.tp-ui-popover{backdrop-filter:none;background-color:transparent;bottom:auto;height:auto;left:auto;max-width:var(--tp-popover-max-width);pointer-events:auto;right:auto;top:auto;width:auto;z-index:5001}.tp-ui-modal.tp-ui-popover .tp-ui-wrapper{border:1px solid var(--tp-outline-variant,rgba(0,0,0,.12));border-radius:var(--tp-popover-radius);box-shadow:var(--tp-popover-shadow);left:auto;position:static;top:auto;transform:none;width:auto}

package/dist/css/themes/theme-ai.css

@@ -1 +1 @@
-[data-theme=ai]{--tp-bg:#f3f4f6;--tp-surface:#e5e7eb;--tp-surface-hover:#f9fafb;--tp-input-bg:#e5e7eb;--tp-text:#111827;--tp-text-secondary:#6b7280;--tp-text-disabled:hsla(220,9%,46%,.6);--tp-text-type-time:#374151;--tp-text-icon:#6b7280;--tp-am-pm-active:#3b82f6;--tp-am-pm-text-selected:#fff;--tp-am-pm-text-unselected:#6b7280;--tp-primary:#3b82f6;--tp-on-primary:#fff;--tp-primary-container:#3b82f6;--tp-on-primary-container:#fff;--tp-tertiary-container:#3b82f6;--tp-on-tertiary-container:#fff;--tp-border:#d1d5db;--tp-outline:#3b82f6;--tp-shadow:0 4px 12px rgba(0,0,0,.04);--tp-radius:0.75rem;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#111827}
+[data-theme=ai]{--tp-bg:#f3f4f6;--tp-surface:#e5e7eb;--tp-surface-hover:#f9fafb;--tp-input-bg:#e5e7eb;--tp-text:#111827;--tp-text-secondary:#6b7280;--tp-text-disabled:hsla(220,9%,46%,.6);--tp-text-type-time:#374151;--tp-text-icon:#6b7280;--tp-am-pm-active:#3b82f6;--tp-am-pm-text-selected:#fff;--tp-am-pm-text-unselected:#6b7280;--tp-primary:#3b82f6;--tp-on-primary:#fff;--tp-primary-container:#3b82f6;--tp-on-primary-container:#fff;--tp-tertiary-container:#3b82f6;--tp-on-tertiary-container:#fff;--tp-border:#d1d5db;--tp-outline:#3b82f6;--tp-shadow:0 4px 12px rgba(0,0,0,.04);--tp-radius:0.75rem;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#111827;--tp-wheel-highlight-bg:rgba(59,130,246,.1);--tp-wheel-highlight-border:#d1d5db;--tp-wheel-text-color:#111827;--tp-wheel-selected-color:#3b82f6}

package/dist/css/themes/theme-crane-straight.css

@@ -1 +1 @@
-[data-theme=crane-straight]{--tp-bg:#5d1049;--tp-surface:#71135c;--tp-surface-hover:#71135c;--tp-input-bg:#71135c;--tp-text:#fff;--tp-text-secondary:#e5e5e5;--tp-text-disabled:hsla(0,0%,100%,.6);--tp-text-type-time:#fff;--tp-text-icon:#fff;--tp-on-surface:#fff;--tp-on-surface-rgb:255,255,255;--tp-am-pm-active:#f7363e;--tp-am-pm-text-selected:#fff;--tp-am-pm-text-unselected:#fff;--tp-primary:#f7363e;--tp-on-primary:#fff;--tp-primary-container:#f7363e;--tp-on-primary-container:#fff;--tp-tertiary-container:#f7363e;--tp-on-tertiary-container:#fff;--tp-border:transparent;--tp-outline:#ff4c52;--tp-radius:0;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#000}
+[data-theme=crane-straight]{--tp-bg:#5d1049;--tp-surface:#71135c;--tp-surface-hover:#71135c;--tp-input-bg:#71135c;--tp-text:#fff;--tp-text-secondary:#e5e5e5;--tp-text-disabled:hsla(0,0%,100%,.6);--tp-text-type-time:#fff;--tp-text-icon:#fff;--tp-on-surface:#fff;--tp-on-surface-rgb:255,255,255;--tp-am-pm-active:#f7363e;--tp-am-pm-text-selected:#fff;--tp-am-pm-text-unselected:#fff;--tp-primary:#f7363e;--tp-on-primary:#fff;--tp-primary-container:#f7363e;--tp-on-primary-container:#fff;--tp-tertiary-container:#f7363e;--tp-on-tertiary-container:#fff;--tp-border:transparent;--tp-outline:#ff4c52;--tp-radius:0;--tp-border-radius:0;--tp-radius-sm:0;--tp-radius-md:0;--tp-radius-lg:0;--tp-btn-radius:0;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#000;--tp-wheel-highlight-bg:rgba(247,54,62,.12);--tp-wheel-highlight-border:hsla(0,0%,100%,.15);--tp-wheel-text-color:#fff;--tp-wheel-selected-color:#f7363e}

package/dist/css/themes/theme-crane.css

@@ -1 +1 @@
-[data-theme=crane]{--tp-bg:#5d1049;--tp-surface:#71135c;--tp-surface-hover:#71135c;--tp-input-bg:#71135c;--tp-text:#fff;--tp-text-secondary:#e5e5e5;--tp-text-disabled:hsla(0,0%,100%,.6);--tp-text-type-time:#fff;--tp-text-icon:#fff;--tp-on-surface:#fff;--tp-on-surface-rgb:255,255,255;--tp-am-pm-active:#f7363e;--tp-am-pm-text-selected:#fff;--tp-am-pm-text-unselected:#fff;--tp-primary:#f7363e;--tp-on-primary:#fff;--tp-primary-container:#f7363e;--tp-on-primary-container:#fff;--tp-tertiary-container:#f7363e;--tp-on-tertiary-container:#fff;--tp-border:transparent;--tp-outline:#ff4c52;--tp-radius:1.25rem;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#000}
+[data-theme=crane]{--tp-bg:#5d1049;--tp-surface:#71135c;--tp-surface-hover:#71135c;--tp-input-bg:#71135c;--tp-text:#fff;--tp-text-secondary:#e5e5e5;--tp-text-disabled:hsla(0,0%,100%,.6);--tp-text-type-time:#fff;--tp-text-icon:#fff;--tp-on-surface:#fff;--tp-on-surface-rgb:255,255,255;--tp-am-pm-active:#f7363e;--tp-am-pm-text-selected:#fff;--tp-am-pm-text-unselected:#fff;--tp-primary:#f7363e;--tp-on-primary:#fff;--tp-primary-container:#f7363e;--tp-on-primary-container:#fff;--tp-tertiary-container:#f7363e;--tp-on-tertiary-container:#fff;--tp-border:transparent;--tp-outline:#ff4c52;--tp-radius:1.25rem;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#000;--tp-wheel-highlight-bg:rgba(247,54,62,.12);--tp-wheel-highlight-border:hsla(0,0%,100%,.15);--tp-wheel-text-color:#fff;--tp-wheel-selected-color:#f7363e}

package/dist/css/themes/theme-cyberpunk.css

@@ -1 +1 @@
-[data-theme=cyberpunk]{--tp-bg:#0f0c29;--tp-surface:#1a1a2e;--tp-surface-hover:#1a1a2e;--tp-input-bg:#1a1a2e;--tp-text:#f8f8ff;--tp-text-secondary:#00f0ff;--tp-text-disabled:rgba(0,240,255,.4);--tp-text-type-time:#00f0ff;--tp-text-icon:#00f0ff;--tp-on-surface:#00f0ff;--tp-on-surface-rgb:0,240,255;--tp-am-pm-active:#00f0ff;--tp-am-pm-text-selected:#0f0c29;--tp-am-pm-text-unselected:#00f0ff;--tp-primary:#00f0ff;--tp-on-primary:#0f0c29;--tp-primary-container:#00f0ff;--tp-on-primary-container:#0f0c29;--tp-tertiary-container:#00f0ff;--tp-on-tertiary-container:#0f0c29;--tp-border:rgba(0,240,255,.3);--tp-outline:#fff;--tp-shadow:0 0 12px #00f0ff;--tp-radius:1rem;--tp-dropdown-option-bg:#1a1a2e;--tp-dropdown-option-text:#f8f8ff}
+[data-theme=cyberpunk]{--tp-bg:#0f0c29;--tp-surface:#1a1a2e;--tp-surface-hover:#1a1a2e;--tp-input-bg:#1a1a2e;--tp-text:#f8f8ff;--tp-text-secondary:#00f0ff;--tp-text-disabled:rgba(0,240,255,.4);--tp-text-type-time:#00f0ff;--tp-text-icon:#00f0ff;--tp-on-surface:#00f0ff;--tp-on-surface-rgb:0,240,255;--tp-am-pm-active:#00f0ff;--tp-am-pm-text-selected:#0f0c29;--tp-am-pm-text-unselected:#00f0ff;--tp-primary:#00f0ff;--tp-on-primary:#0f0c29;--tp-primary-container:#00f0ff;--tp-on-primary-container:#0f0c29;--tp-tertiary-container:#00f0ff;--tp-on-tertiary-container:#0f0c29;--tp-border:rgba(0,240,255,.3);--tp-outline:#fff;--tp-shadow:0 0 12px #00f0ff;--tp-radius:1rem;--tp-dropdown-option-bg:#1a1a2e;--tp-dropdown-option-text:#f8f8ff;--tp-wheel-highlight-bg:rgba(0,240,255,.1);--tp-wheel-highlight-border:rgba(0,240,255,.3);--tp-wheel-text-color:#f8f8ff;--tp-wheel-selected-color:#00f0ff}

package/dist/css/themes/theme-dark.css

@@ -1 +1 @@
-[data-theme=dark]{--tp-bg:#1c1b1f;--tp-surface:#2c2b30;--tp-surface-hover:#3b3940;--tp-input-bg:#2c2b30;--tp-text:#e5e5e5;--tp-text-secondary:#a1a1a1;--tp-text-disabled:hsla(0,0%,63%,.6);--tp-text-type-time:#a1a1a1;--tp-text-icon:#a1a1a1;--tp-on-surface:#e5e5e5;--tp-on-surface-rgb:229,229,229;--tp-am-pm-active:#bb86fc;--tp-am-pm-text-selected:#000;--tp-am-pm-text-unselected:#a1a1a1;--tp-primary:#bb86fc;--tp-on-primary:#000;--tp-primary-container:#bb86fc;--tp-on-primary-container:#000;--tp-tertiary-container:#bb86fc;--tp-on-tertiary-container:#000;--tp-border:hsla(0,0%,100%,.12);--tp-outline:#d8b4fe;--tp-hover-bg:#3b3940;--tp-shadow:0px 8px 16px rgba(0,0,0,.6);--tp-dropdown-option-bg:#2c2b30;--tp-dropdown-option-text:#e5e5e5}
+[data-theme=dark]{--tp-bg:#1c1b1f;--tp-surface:#2c2b30;--tp-surface-hover:#3b3940;--tp-input-bg:#2c2b30;--tp-text:#e5e5e5;--tp-text-secondary:#a1a1a1;--tp-text-disabled:hsla(0,0%,63%,.6);--tp-text-type-time:#a1a1a1;--tp-text-icon:#a1a1a1;--tp-on-surface:#e5e5e5;--tp-on-surface-rgb:229,229,229;--tp-am-pm-active:#bb86fc;--tp-am-pm-text-selected:#000;--tp-am-pm-text-unselected:#a1a1a1;--tp-primary:#bb86fc;--tp-on-primary:#000;--tp-primary-container:#bb86fc;--tp-on-primary-container:#000;--tp-tertiary-container:#bb86fc;--tp-on-tertiary-container:#000;--tp-border:hsla(0,0%,100%,.12);--tp-outline:#d8b4fe;--tp-hover-bg:#3b3940;--tp-shadow:0px 8px 16px rgba(0,0,0,.6);--tp-dropdown-option-bg:#2c2b30;--tp-dropdown-option-text:#e5e5e5;--tp-wheel-highlight-bg:rgba(187,134,252,.12);--tp-wheel-highlight-border:hsla(0,0%,100%,.12);--tp-wheel-text-color:#e5e5e5;--tp-wheel-selected-color:#bb86fc}

package/dist/css/themes/theme-glassmorphic.css

@@ -1 +1 @@
-[data-theme=glassmorphic]{--tp-bg:hsla(0,0%,100%,.12);--tp-surface:hsla(0,0%,100%,.18);--tp-surface-hover:hsla(0,0%,100%,.22);--tp-input-bg:hsla(0,0%,100%,.16);--tp-text:hsla(0,0%,100%,.95);--tp-text-secondary:hsla(0,0%,100%,.75);--tp-text-disabled:hsla(0,0%,100%,.45);--tp-text-type-time:#fff;--tp-text-icon:#fff;--tp-am-pm-active:hsla(0,0%,100%,.75);--tp-am-pm-text-selected:#000;--tp-am-pm-text-unselected:hsla(0,0%,100%,.75);--tp-primary:hsla(0,0%,100%,.75);--tp-on-primary:#000;--tp-primary-container:hsla(0,0%,100%,.6);--tp-on-primary-container:#000;--tp-tertiary-container:hsla(0,0%,100%,.55);--tp-on-tertiary-container:#000;--tp-border:hsla(0,0%,100%,.35);--tp-outline:hsla(0,0%,100%,.9);--tp-shadow:0 10px 32px hsla(0,0%,6%,.25),0 4px 8px rgba(0,0,0,.12);--tp-backdrop-filter:blur(12px) saturate(180%);--tp-radius:1.25rem;--tp-dropdown-option-bg:hsla(0,0%,100%,.85);--tp-dropdown-option-text:#000}
+[data-theme=glassmorphic]{--tp-bg:hsla(0,0%,100%,.12);--tp-surface:hsla(0,0%,100%,.18);--tp-surface-hover:hsla(0,0%,100%,.22);--tp-input-bg:hsla(0,0%,100%,.16);--tp-text:hsla(0,0%,100%,.95);--tp-text-secondary:hsla(0,0%,100%,.75);--tp-text-disabled:hsla(0,0%,100%,.45);--tp-text-type-time:#fff;--tp-text-icon:#fff;--tp-am-pm-active:hsla(0,0%,100%,.75);--tp-am-pm-text-selected:#000;--tp-am-pm-text-unselected:hsla(0,0%,100%,.75);--tp-primary:hsla(0,0%,100%,.75);--tp-on-primary:#000;--tp-primary-container:hsla(0,0%,100%,.6);--tp-on-primary-container:#000;--tp-tertiary-container:hsla(0,0%,100%,.55);--tp-on-tertiary-container:#000;--tp-border:hsla(0,0%,100%,.35);--tp-outline:hsla(0,0%,100%,.9);--tp-shadow:0 10px 32px hsla(0,0%,6%,.25),0 4px 8px rgba(0,0,0,.12);--tp-backdrop-filter:blur(12px) saturate(180%);--tp-radius:1.25rem;--tp-dropdown-option-bg:hsla(0,0%,100%,.85);--tp-dropdown-option-text:#000;--tp-wheel-highlight-bg:hsla(0,0%,100%,.12);--tp-wheel-highlight-border:hsla(0,0%,100%,.2);--tp-wheel-text-color:hsla(0,0%,100%,.95);--tp-wheel-selected-color:hsla(0,0%,100%,.95);--tp-wheel-fade-opacity:0}

package/dist/css/themes/theme-m2.css

@@ -1 +1 @@
-[data-theme=m2]{--tp-bg:#fff;--tp-surface:#e0e0e0;--tp-surface-hover:#ece0fd;--tp-input-bg:#e4e4e4;--tp-text:#000;--tp-text-secondary:#a9a9a9;--tp-text-disabled:hsla(0,1%,61%,.6);--tp-text-type-time:#787878;--tp-text-icon:#4e545a;--tp-am-pm-active:#ece0fd;--tp-am-pm-text-selected:#6200ee;--tp-am-pm-text-unselected:#787878;--tp-primary:#6200ee;--tp-on-primary:#fff;--tp-primary-container:#ece0fd;--tp-on-primary-container:#6200ee;--tp-tertiary-container:#ece0fd;--tp-on-tertiary-container:#6200ee;--tp-border:#d6d6d6;--tp-outline:#8b5cf6;--tp-hover-bg:#d6d6d6;--tp-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12);--tp-radius:4px;--tp-border-radius:4px;--tp-radius-md:2px;--tp-radius-sm:4px;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#000}
+[data-theme=m2]{--tp-bg:#fff;--tp-surface:#e0e0e0;--tp-surface-hover:#ece0fd;--tp-input-bg:#e4e4e4;--tp-text:#000;--tp-text-secondary:#a9a9a9;--tp-text-disabled:hsla(0,1%,61%,.6);--tp-text-type-time:#787878;--tp-text-icon:#4e545a;--tp-am-pm-active:#ece0fd;--tp-am-pm-text-selected:#6200ee;--tp-am-pm-text-unselected:#787878;--tp-primary:#6200ee;--tp-on-primary:#fff;--tp-primary-container:#ece0fd;--tp-on-primary-container:#6200ee;--tp-tertiary-container:#ece0fd;--tp-on-tertiary-container:#6200ee;--tp-border:#d6d6d6;--tp-outline:#8b5cf6;--tp-hover-bg:#d6d6d6;--tp-shadow:0px 3px 5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px rgba(0,0,0,.12);--tp-radius:4px;--tp-border-radius:4px;--tp-radius-md:2px;--tp-radius-sm:4px;--tp-btn-radius:4px;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#000;--tp-wheel-highlight-bg:#ece0fd;--tp-wheel-highlight-border:#d6d6d6;--tp-wheel-text-color:#000;--tp-wheel-selected-color:#6200ee;--tp-wheel-highlight-radius:2px}

package/dist/css/themes/theme-m3-green.css

@@ -1 +1 @@
-[data-theme=m3-green]{--tp-bg:#e5eadc;--tp-surface:#dfe4d6;--tp-surface-hover:#dfe4d6;--tp-input-bg:#dfe4d6;--tp-text:#1a1c18;--tp-text-secondary:#6b7165;--tp-text-disabled:hsla(0,1%,61%,.6);--tp-text-type-time:#6b7165;--tp-text-icon:#6b7165;--tp-am-pm-active:#bbebeb;--tp-am-pm-text-selected:#002021;--tp-am-pm-text-unselected:#6b7165;--tp-primary:#386a20;--tp-on-primary:#042100;--tp-primary-container:#b8f397;--tp-on-primary-container:#042100;--tp-tertiary-container:#bbebeb;--tp-on-tertiary-container:#002021;--tp-border:#74796e;--tp-outline:#4ade80;--tp-shadow:unset;--tp-radius:35px;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#1a1c18}
+[data-theme=m3-green]{--tp-bg:#e5eadc;--tp-surface:#dfe4d6;--tp-surface-hover:#dfe4d6;--tp-input-bg:#dfe4d6;--tp-text:#1a1c18;--tp-text-secondary:#6b7165;--tp-text-disabled:hsla(0,1%,61%,.6);--tp-text-type-time:#6b7165;--tp-text-icon:#6b7165;--tp-am-pm-active:#bbebeb;--tp-am-pm-text-selected:#002021;--tp-am-pm-text-unselected:#6b7165;--tp-primary:#386a20;--tp-on-primary:#042100;--tp-primary-container:#b8f397;--tp-on-primary-container:#042100;--tp-tertiary-container:#bbebeb;--tp-on-tertiary-container:#002021;--tp-border:#74796e;--tp-outline:#4ade80;--tp-shadow:unset;--tp-radius:35px;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#1a1c18;--tp-wheel-highlight-bg:hsla(98,79%,77%,.3);--tp-wheel-highlight-border:#c4c8bb;--tp-wheel-text-color:#1a1c18;--tp-wheel-selected-color:#386a20}

package/dist/css/themes/theme-pastel.css

@@ -1 +1 @@
-[data-theme=pastel]{--tp-bg:#fdf6f0;--tp-surface:#fae3d9;--tp-surface-hover:#fef0e8;--tp-input-bg:#fae3d9;--tp-text:#3b3b3b;--tp-text-secondary:#a58f86;--tp-text-disabled:rgba(59,59,59,.6);--tp-text-type-time:#a58f86;--tp-text-icon:#a58f86;--tp-am-pm-active:#ffb6b9;--tp-am-pm-text-selected:#fff;--tp-am-pm-text-unselected:#a58f86;--tp-primary:#ffb6b9;--tp-on-primary:#fff;--tp-primary-container:#ffb6b9;--tp-on-primary-container:#fff;--tp-tertiary-container:#ffb6b9;--tp-on-tertiary-container:#fff;--tp-border:#efdcd2;--tp-outline:#ff8a8f;--tp-shadow:0 4px 16px rgba(0,0,0,.05);--tp-radius:1.25rem;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#3b3b3b}
+[data-theme=pastel]{--tp-bg:#fdf6f0;--tp-surface:#fae3d9;--tp-surface-hover:#fef0e8;--tp-input-bg:#fae3d9;--tp-text:#3b3b3b;--tp-text-secondary:#a58f86;--tp-text-disabled:rgba(59,59,59,.6);--tp-text-type-time:#a58f86;--tp-text-icon:#a58f86;--tp-am-pm-active:#ffb6b9;--tp-am-pm-text-selected:#fff;--tp-am-pm-text-unselected:#a58f86;--tp-primary:#ffb6b9;--tp-on-primary:#fff;--tp-primary-container:#ffb6b9;--tp-on-primary-container:#fff;--tp-tertiary-container:#ffb6b9;--tp-on-tertiary-container:#fff;--tp-border:#efdcd2;--tp-outline:#ff8a8f;--tp-shadow:0 4px 16px rgba(0,0,0,.05);--tp-radius:1.25rem;--tp-dropdown-option-bg:#fff;--tp-dropdown-option-text:#3b3b3b;--tp-wheel-highlight-bg:rgba(255,182,185,.18);--tp-wheel-highlight-border:#efdcd2;--tp-wheel-text-color:#3b3b3b;--tp-wheel-selected-color:#ff8a8f}