timepicker-ui 4.0.2 → 4.1.0

package/README.md

@@ -3,10 +3,12 @@
 Modern time picker library built with TypeScript. Works with any framework or vanilla JavaScript.
 
 [![npm version](https://badge.fury.io/js/timepicker-ui.svg)](https://badge.fury.io/js/timepicker-ui)
-[![downloads](https://img.shields.io/npm/dw/timepicker-ui)](https://npmcharts.com/compare/timepicker-ui?minimal=true)
+[![downloads](https://img.shields.io/npm/dm/timepicker-ui)](https://npmcharts.com/compare/timepicker-ui?minimal=true)
 [![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)
 
-[Live Demo](https://timepicker-ui.vercel.app/) • [Documentation](https://timepicker-ui.vercel.app/docs) • [Changelog](./CHANGELOG.md)
+[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)
 
 **Upgrading from v3?** Check the [upgrade guide](#upgrade-guide-v3--v4) below.
 **Upgrading from v2?** Check the [v2 → v3 upgrade guide](#upgrade-guide-v2--v3).
@@ -22,13 +24,34 @@ Modern time picker library built with TypeScript. Works with any framework or va
 - SSR compatible
 - Lightweight with tree-shaking support
 
-## Known Limitations
+## Plugins
 
-This project is actively maintained. Some areas planned for improvement:
+Optional features available as separate imports to reduce core bundle size:
 
-- Unit/integration test coverage could be expanded
-- Performance monitoring tooling
-- Further TypeScript strictness improvements
+```javascript
+import { TimepickerUI, PluginRegistry } from "timepicker-ui";
+import { RangePlugin } from "timepicker-ui/plugins/range";
+import { TimezonePlugin } from "timepicker-ui/plugins/timezone";
+
+// Register plugins before creating instances
+PluginRegistry.register(RangePlugin);
+PluginRegistry.register(TimezonePlugin);
+```
+
+Register plugins once at app startup, then use features via options.
+
+```javascript
+import { TimepickerUI, PluginRegistry } from "timepicker-ui";
+import { RangePlugin } from "timepicker-ui/plugins/range";
+
+PluginRegistry.register(RangePlugin);
+
+const picker = new TimepickerUI(input, {
+  range: { enabled: true },
+});
+```
+
+## Contributions
 
 Contributions welcome! Feel free to [open an issue or PR](https://github.com/pglejzer/timepicker-ui/issues).
 
@@ -143,7 +166,8 @@ const picker = new TimepickerUI(input, {
 | `type`                | `12h` / `24h`  | `12h`       | Clock format                    |
 | `incrementHours`      | number         | `1`         | Hour increment step             |
 | `incrementMinutes`    | number         | `1`         | Minute increment step           |
-| `autoSwitchToMinutes` | boolean        | `false`     | Auto-switch after hour selected |
+| `smoothHourSnap`      | boolean        | `true`      | Smooth hour dragging with snap  |
+| `autoSwitchToMinutes` | boolean        | `true`      | Auto-switch after hour selected |
 | `disabledTime`        | object         | `undefined` | Disable specific hours/minutes  |
 | `currentTime`         | boolean/object | `undefined` | Set current time to input       |
 
@@ -241,7 +265,7 @@ const picker = new TimepickerUI(input, {
 | `clockType`                 | `clock.type`                    |
 | `incrementHours`            | `clock.incrementHours`          |
 | `incrementMinutes`          | `clock.incrementMinutes`        |
-| `autoSwitchToMinutes`       | `clock.autoSwitchToMinutes`     |
+| `manualMinuteSwitch`        | `clock.manualMinuteSwitch`      |
 | `disabledTime`              | `clock.disabledTime`            |
 | `currentTime`               | `clock.currentTime`             |
 | `theme`                     | `ui.theme`                      |
@@ -503,7 +527,7 @@ const picker = new TimepickerUI(input, {
     incrementMinutes: 1,
     currentTime: { time: new Date(), updateInput: true },
     disabledTime: { hours: [1, 2, 3] },
-    autoSwitchToMinutes: false,
+    manualMinuteSwitch: false,
   },
   ui: {
     theme: "dark",

package/dist/css/index.css

@@ -1 +1 @@
-: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-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-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:24px}@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:24px}.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{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;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}.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)}.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{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;transition:all .3s ease;width:100%}.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}.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:10px 24px;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}}[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-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}[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-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}[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}[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}[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-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)}[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}[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}[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}[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-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}
+@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{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;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}.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)}.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{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;transition:all .3s ease;width:100%}.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}.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{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;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);user-select:none;width:100%}.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{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;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)}.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-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-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-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-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}

package/dist/css/main.css

@@ -1 +1 @@
-: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-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-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:24px}@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:24px}.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{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;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}.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)}.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{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;transition:all .3s ease;width:100%}.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}.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:10px 24px;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}}
+@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{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;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}.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)}.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{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;transition:all .3s ease;width:100%}.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}.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{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;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);user-select:none;width:100%}.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{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;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)}.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}

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}
+[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}

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-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}
+[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-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}

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-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}
+[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-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}

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-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}
+[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-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}

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-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)}
+[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-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}

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}
+[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}

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}
+[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}

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}
+[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}

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}
+[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}