timepicker-ui 3.1.2 → 3.2.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) pglejzer
+Copyright (c) 2025 pglejzer (Piotr Glejzer)
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -12,7 +12,7 @@ Modern time picker library built with TypeScript. Works with any framework or va
 
 ## Features
 
-- 9 built-in themes (Material, Crane, Dark, Glassmorphic, Cyberpunk, and more)
+- 11 built-in themes (Material, Crane, Dark, Glassmorphic, Cyberpunk, and more)
 - Mobile-first design with touch support
 - Framework agnostic - works with React, Vue, Angular, Svelte, or vanilla JS
 - Full TypeScript support
@@ -117,33 +117,51 @@ Full documentation available at [timepicker-ui.vercel.app/docs](https://timepick
 
 ### Key Options
 
-| Option                           | Type          | Default     | Description                       |
-| -------------------------------- | ------------- | ----------- | --------------------------------- |
-| `clockType`                      | `12h` / `24h` | `12h`       | Clock format                      |
-| `theme`                          | string        | `basic`     | UI theme (9 themes available)     |
-| `animation`                      | boolean       | `true`      | Enable animations                 |
-| `backdrop`                       | boolean       | `true`      | Show backdrop overlay             |
-| `editable`                       | boolean       | `false`     | Allow manual input editing        |
-| `mobile`                         | boolean       | `false`     | Force mobile version              |
-| `disabledTime`                   | object        | `undefined` | Disable specific hours/minutes    |
-| `incrementHours`                 | number        | `1`         | Hour increment step               |
-| `incrementMinutes`               | number        | `1`         | Minute increment step             |
-| `switchToMinutesAfterSelectHour` | boolean       | `true`      | Auto-switch to minutes after hour |
-| `okLabel`                        | string        | `OK`        | OK button text                    |
-| `cancelLabel`                    | string        | `CANCEL`    | Cancel button text                |
-| `onConfirm`                      | function      | `undefined` | Callback when time is confirmed   |
-| `onCancel`                       | function      | `undefined` | Callback when cancelled           |
-| `onOpen`                         | function      | `undefined` | Callback when picker opens        |
-| `onUpdate`                       | function      | `undefined` | Callback when time is updated     |
-| `onSelectHour`                   | function      | `undefined` | Callback when hour is selected    |
-| `onSelectMinute`                 | function      | `undefined` | Callback when minute is selected  |
-| `onSelectAM`                     | function      | `undefined` | Callback when AM is selected      |
-| `onSelectPM`                     | function      | `undefined` | Callback when PM is selected      |
-| `onError`                        | function      | `undefined` | Callback when error occurs        |
+| Option                      | Type           | Default        | Description                             |
+| --------------------------- | -------------- | -------------- | --------------------------------------- |
+| `clockType`                 | `12h` / `24h`  | `12h`          | Clock format                            |
+| `theme`                     | string         | `basic`        | UI theme (11 themes available)          |
+| `animation`                 | boolean        | `true`         | Enable animations                       |
+| `backdrop`                  | boolean        | `true`         | Show backdrop overlay                   |
+| `editable`                  | boolean        | `false`        | Allow manual input editing              |
+| `mobile`                    | boolean        | `false`        | Force mobile version                    |
+| `disabledTime`              | object         | `undefined`    | Disable specific hours/minutes          |
+| `incrementHours`            | number         | `1`            | Hour increment step                     |
+| `incrementMinutes`          | number         | `1`            | Minute increment step                   |
+| `autoSwitchToMinutes`       | boolean        | `true`         | Auto-switch to minutes after hour       |
+| `amLabel`                   | string         | `AM`           | Custom AM label text                    |
+| `pmLabel`                   | string         | `PM`           | Custom PM label text                    |
+| `okLabel`                   | string         | `OK`           | OK button text                          |
+| `cancelLabel`               | string         | `Cancel`       | Cancel button text                      |
+| `timeLabel`                 | string         | `Select time`  | Time label on desktop version           |
+| `mobileTimeLabel`           | string         | `Enter Time`   | Time label on mobile version            |
+| `hourMobileLabel`           | string         | `Hour`         | Hour label on mobile version            |
+| `minuteMobileLabel`         | string         | `Minute`       | Minute label on mobile version          |
+| `appendModalSelector`       | string         | `""`           | Append timepicker to custom selector    |
+| `enableScrollbar`           | boolean        | `false`        | Enable scroll if timepicker is open     |
+| `enableSwitchIcon`          | boolean        | `false`        | Show icon to switch desktop/mobile      |
+| `focusInputAfterCloseModal` | boolean        | `false`        | Focus input after close modal           |
+| `iconTemplate`              | string         | keyboard SVG   | Custom template for desktop switch icon |
+| `iconTemplateMobile`        | string         | schedule SVG   | Custom template for mobile switch icon  |
+| `currentTime`               | boolean/object | `undefined`    | Set current time to input/picker        |
+| `focusTrap`                 | boolean        | `true`         | Focus trap to modal elements            |
+| `delayHandler`              | number         | `300`          | Delay for clickable elements (ms)       |
+| `id`                        | string         | auto-generated | Custom ID for timepicker instance       |
+| `inline`                    | object         | `undefined`    | Inline mode configuration               |
+| `cssClass`                  | string         | `undefined`    | Additional custom CSS class             |
+| `onConfirm`                 | function       | `undefined`    | Callback when time is confirmed         |
+| `onCancel`                  | function       | `undefined`    | Callback when cancelled                 |
+| `onOpen`                    | function       | `undefined`    | Callback when picker opens              |
+| `onUpdate`                  | function       | `undefined`    | Callback when time is updated           |
+| `onSelectHour`              | function       | `undefined`    | Callback when hour is selected          |
+| `onSelectMinute`            | function       | `undefined`    | Callback when minute is selected        |
+| `onSelectAM`                | function       | `undefined`    | Callback when AM is selected            |
+| `onSelectPM`                | function       | `undefined`    | Callback when PM is selected            |
+| `onError`                   | function       | `undefined`    | Callback when error occurs              |
 
 ### Themes
 
-Available themes: `basic`, `crane-straight`, `crane-radius`, `m3`, `dark`, `glassmorphic`, `pastel`, `ai`, `cyberpunk`
+Available themes: `basic`, `crane`, `crane-straight`, `m3-green`, `m2`, `dark`, `glassmorphic`, `pastel`, `ai`, `cyberpunk`
 
 ```javascript
 import "timepicker-ui/main.css"; // Required base styles

package/dist/css/index.css

@@ -1 +1 @@
-:root{--timepicker-bg:#fff;--timepicker-surface:#e0e0e0;--timepicker-surface-hover:#ece0fd;--timepicker-input-bg:#e4e4e4;--timepicker-text:#000;--timepicker-secondary-text:#a9a9a9;--timepicker-disabled-text:hsla(0,1%,61%,.6);--timepicker-type-time-text:#787878;--timepicker-icon-text:#4e545a;--timepicker-primary:#6200ee;--timepicker-on-primary:#fff;--timepicker-border:#d6d6d6;--timepicker-hover-bg:#d6d6d6;--timepicker-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);--timepicker-font-family:"Roboto",sans-serif;--timepicker-border-radius:4px}.timepicker-ui *{box-sizing:border-box!important}.timepicker-ui-modal{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}.timepicker-ui-modal.show{pointer-events:auto}.timepicker-ui-modal.removed{background-color:transparent;bottom:auto;left:auto;right:auto;top:auto}.timepicker-ui-measure{height:3.125rem;overflow:scroll;position:absolute;top:-9999px;width:3.125rem}.timepicker-ui-wrapper,.timepicker-ui-wrapper.mobile{background-color:var(--timepicker-bg);border-radius:var(--timepicker-border-radius);box-shadow:var(--timepicker-shadow);display:flex;flex-direction:column;left:50%;outline:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:328px;z-index:5001}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-wrapper:not(.timepicker-ui-wrapper+.mobile){flex-direction:row;height:360px;width:584px}}@media screen and (max-width:330px) and (orientation:portrait){.timepicker-ui-wrapper:not(.timepicker-ui-wrapper+.mobile){width:315px}}.timepicker-ui-wrapper.mobile{height:218px}@media screen and (max-width:330px){.timepicker-ui-wrapper.mobile{width:315px}}.timepicker-ui-header,.timepicker-ui-header.mobile{align-items:center;display:flex;flex-direction:row;height:104px;height:100%;justify-content:center;padding:52px 24px 36px;position:relative}.timepicker-ui-header.mobile{padding-bottom:0;padding-top:35px}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-header:not(.timepicker-ui-header+.mobile){flex-direction:column;height:auto}}.timepicker-ui-select-time,.timepicker-ui-select-time.mobile{color:var(--timepicker-secondary-text);font-size:12px;left:24px;position:absolute;text-transform:uppercase;top:16px}.timepicker-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){.timepicker-ui-body{align-items:center;display:flex;justify-content:center;margin-top:23px;padding-left:0;padding-right:0}.timepicker-ui-wrapper-landspace{display:flex;flex-direction:column;width:100%}}.timepicker-ui-footer,.timepicker-ui-footer-mobile{display:flex;height:76px;justify-content:space-between;margin-bottom:4px}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-footer:not(.timepicker-ui-footer+.mobile){justify-content:flex-end}}.timepicker-ui-footer.mobile{align-items:flex-start}.timepicker-ui-clock-face{background-color:var(--timepicker-surface);border-radius:100%;height:100%;position:relative;width:100%}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-clock-face{height:256px;top:15px;width:256px}}.timepicker-ui-dot{background-color:var(--timepicker-primary);border-radius:100%;height:8px;left:50%;position:absolute;top:50%;touch-action:none;transform:translate(-50%,-50%);user-select:none;width:8px}.timepicker-ui-tips-wrapper{height:100%;width:100%}.timepicker-ui-tips-wrapper-24h{border-radius:50%;height:160px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:160px;z-index:0}.timepicker-ui-tips-wrapper-24h-disabled{pointer-events:none;touch-action:none;user-select:none}.timepicker-ui-hour-time-12,.timepicker-ui-hour-time-24,.timepicker-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}.timepicker-ui-hour-time-12 span,.timepicker-ui-hour-time-24 span,.timepicker-ui-minutes-time span{touch-action:none;user-select:none}.timepicker-ui-hour-time-12{align-items:center;display:block;display:flex;justify-content:center}.timepicker-ui-wrapper-time,.timepicker-ui-wrapper-time.mobile{align-items:center;display:flex;height:100%;justify-content:center;margin-right:10px}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-wrapper-time:not(.timepicker-ui-wrapper-time+.mobile){height:auto;margin-bottom:16px;margin-right:0}}.timepicker-ui-wrapper-time-24h{margin-right:0}.timepicker-ui-wrapper-time.mobile{position:relative}.timepicker-ui-hour,.timepicker-ui-hour.mobile,.timepicker-ui-minutes,.timepicker-ui-minutes.mobile{align-items:center;background-color:var(--timepicker-input-bg);border:2px solid transparent;border-radius:7px;color:var(--timepicker-text);cursor:pointer;display:flex;font-size:51.2px;height:80px;justify-content:center;outline:none;padding:10px;text-align:center;transition:all .3s ease;width:96px}.timepicker-ui-hour.mobile:focus-visible,.timepicker-ui-hour:focus-visible,.timepicker-ui-minutes.mobile:focus-visible,.timepicker-ui-minutes:focus-visible{outline:auto}.timepicker-ui-hour.active,.timepicker-ui-hour.mobile.active,.timepicker-ui-hour.mobile:hover,.timepicker-ui-hour:hover,.timepicker-ui-minutes.active,.timepicker-ui-minutes.mobile.active,.timepicker-ui-minutes.mobile:hover,.timepicker-ui-minutes:hover{background-color:var(--timepicker-surface-hover);color:var(--timepicker-primary)}.timepicker-ui-hour.mobile::-webkit-inner-spin-button,.timepicker-ui-hour.mobile::-webkit-outer-spin-button,.timepicker-ui-hour::-webkit-inner-spin-button,.timepicker-ui-hour::-webkit-outer-spin-button,.timepicker-ui-minutes.mobile::-webkit-inner-spin-button,.timepicker-ui-minutes.mobile::-webkit-outer-spin-button,.timepicker-ui-minutes::-webkit-inner-spin-button,.timepicker-ui-minutes::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.timepicker-ui-hour,.timepicker-ui-minutes{border:2px solid transparent;outline:none}.timepicker-ui-hour[contenteditable=true]:active,.timepicker-ui-hour[contenteditable=true]:focus,.timepicker-ui-minutes[contenteditable=true]:active,.timepicker-ui-minutes[contenteditable=true]:focus{border:2px solid var(--timepicker-primary);outline-color:var(--timepicker-primary);user-select:all}.timepicker-ui-hour.mobile,.timepicker-ui-minutes.mobile{border:2px solid transparent;height:70px;outline:none}.timepicker-ui-hour.mobile[contenteditable=true]:active,.timepicker-ui-hour.mobile[contenteditable=true]:focus,.timepicker-ui-minutes.mobile[contenteditable=true]:active,.timepicker-ui-minutes.mobile[contenteditable=true]:focus{border:2px solid var(--timepicker-primary);outline-color:var(--timepicker-primary);user-select:all}.timepicker-ui-dots,.timepicker-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}.timepicker-ui-dots span,.timepicker-ui-dots.mobile span{background-color:var(--timepicker-text);border-radius:50%;display:block;height:6px;width:6px}.timepicker-ui-wrapper-type-time,.timepicker-ui-wrapper-type-time.mobile{align-self:stretch;color:var(--timepicker-type-time-text);display:flex;flex-direction:column;font-size:16px;font-weight:500;justify-content:center}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-wrapper-type-time{flex-direction:row;width:100%}}.timepicker-ui-wrapper-type-time.mobile{height:70px}.timepicker-ui-am,.timepicker-ui-am.mobile,.timepicker-ui-pm,.timepicker-ui-pm.mobile{align-items:center;border:2px solid var(--timepicker-border);cursor:pointer;display:flex;height:100%;justify-content:center;transition:all .3s ease;width:100%}.timepicker-ui-am.active,.timepicker-ui-am.mobile.active,.timepicker-ui-am.mobile:hover,.timepicker-ui-am:hover,.timepicker-ui-pm.active,.timepicker-ui-pm.mobile.active,.timepicker-ui-pm.mobile:hover,.timepicker-ui-pm:hover{background-color:var(--timepicker-surface-hover);color:var(--timepicker-primary)}.timepicker-ui-am.active,.timepicker-ui-am.mobile.active,.timepicker-ui-pm.active,.timepicker-ui-pm.mobile.active{pointer-events:none}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-am:not(.timepicker-ui-am+.mobile),.timepicker-ui-pm:not(.timepicker-ui-pm+.mobile){height:44px;width:50%}}.timepicker-ui-am,.timepicker-ui-am.mobile{border-bottom-width:.3752px;border-top-left-radius:7px;border-top-right-radius:7px}.timepicker-ui-am.mobile{border-bottom-left-radius:0}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-am:not(.timepicker-ui-am+.mobile){border-bottom-left-radius:7px;border-right-width:.3752px;border-top-left-radius:7px;border-top-right-radius:0;border-top-width:1.5008px}}.timepicker-ui-pm,.timepicker-ui-pm.mobile{border-bottom-left-radius:7px;border-bottom-right-radius:7px;border-top-width:.3752px;width:54px}.timepicker-ui-pm.mobile{border-top-right-radius:0}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-pm:not(.timepicker-ui-pm+.mobile){border-bottom-left-radius:0;border-bottom-right-radius:7px;border-bottom-width:1.5008px;border-left-width:.3752px;border-top-right-radius:7px;height:44px;width:50%}}.timepicker-ui-cancel-btn,.timepicker-ui-cancel-btn.mobile,.timepicker-ui-ok-btn,.timepicker-ui-ok.btn-mobile{background-color:transparent;border-radius:7px;color:var(--timepicker-primary);cursor:pointer;font-size:15.2px;font-weight:500;padding:9px;text-align:center;text-transform:uppercase;transition:all .3s ease}.timepicker-ui-cancel-btn.mobile:hover,.timepicker-ui-cancel-btn:hover,.timepicker-ui-ok-btn:hover,.timepicker-ui-ok.btn-mobile:hover{background-color:var(--timepicker-hover-bg)}.timepicker-ui-cancel-btn,.timepicker-ui-cancel-btn.mobile{margin-right:4px}.timepicker-ui-ok-btn,.timepicker-ui-ok-btn.mobile{margin-left:4px}.timepicker-ui-keyboard-icon,.timepicker-ui-keyboard-icon-mobile,.timepicker-ui-wrapper-btn,.timepicker-ui-wrapper-btn-mobile{align-items:center;display:flex;justify-content:center}.timepicker-ui-keyboard-icon-wrapper,.timepicker-ui-keyboard-icon-wrapper.mobile{bottom:-26px;height:44px;left:12px;position:relative;transition:all .3s ease;width:44px}.timepicker-ui-keyboard-icon-wrapper.mobile:hover .timepicker-ui-keyboard-icon,.timepicker-ui-keyboard-icon-wrapper.mobile:hover .timepicker-ui-keyboard-icon.mobile,.timepicker-ui-keyboard-icon-wrapper:hover .timepicker-ui-keyboard-icon,.timepicker-ui-keyboard-icon-wrapper:hover .timepicker-ui-keyboard-icon.mobile{background-color:var(--timepicker-hover-bg);border-radius:7px}.timepicker-ui-keyboard-icon-wrapper.mobile{bottom:-5px}.timepicker-ui-keyboard-icon,.timepicker-ui-keyboard-icon.mobile{color:var(--timepicker-icon-text);cursor:pointer;height:44px;padding:12px;transition:all .3s ease;width:44px}.timepicker-ui-keyboard-icon.mobile:hover,.timepicker-ui-keyboard-icon:hover{color:var(--timepicker-primary)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-keyboard-icon-wrapper,.timepicker-ui-keyboard-icon-wrapper.mobile{bottom:8px;position:absolute}}.timepicker-ui-wrapper-btn,.timepicker-ui-wrapper-btn.mobile{bottom:-14px;margin-right:8px;position:relative}.timepicker-ui-hour-text,.timepicker-ui-hour-text.mobile,.timepicker-ui-minute-text,.timepicker-ui-minute-text.mobile{bottom:6px;color:var(--timepicker-secondary-text);font-size:12.8px;left:0;position:absolute}.timepicker-ui-minute-text,.timepicker-ui-minute-text.mobile{left:120px}.timepicker-ui-clock-hand{background-color:var(--timepicker-primary);bottom:50%;height:31%;left:calc(50% - 1px);position:absolute;transform-origin:center bottom 0;width:2px}.timepicker-ui-clock-hand-24h{height:23%}.timepicker-ui-circle-hand{align-items:center;background-color:var(--timepicker-primary);border-radius:50%;box-sizing:border-box;display:flex;height:46px;justify-content:center;left:50%;position:absolute;top:0;transform:translate(-50%,-100%);width:46px}.timepicker-ui-circle-hand.small-circle{box-sizing:border-box!important;height:36px;width:36px}.timepicker-ui-circle-hand-24h{height:32px;left:1px;top:4px;transform:translate(-50%,-50%);width:32px}.timepicker-ui-value-tips,.timepicker-ui-value-tips-24h{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;line-height:1;transition:color .3s ease;width:100%}.timepicker-ui-value-tips-24h.active,.timepicker-ui-value-tips.active{color:var(--timepicker-on-primary);transition:none}.timepicker-ui-clock-animation{animation:clockanimation .35s linear}.timepicker-ui-open-element.disabled{pointer-events:none;touch-action:none;user-select:none}.timepicker-ui-tips-animation{transition:transform .4s cubic-bezier(.4,0,.2,1) 0ms,height .4s cubic-bezier(.4,0,.2,1) 0ms}.timepicker-ui-tips-disabled{color:var(--timepicker-disabled-text);pointer-events: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}@keyframes clockanimation{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.timepicker-ui-invalid-format{border:2px solid red;color:red}.timepicker-ui-invalid-text{color:red}.timepicker-ui--inline{background-color:transparent!important;bottom:auto!important;display:block!important;left:auto!important;opacity:1!important;pointer-events:auto!important;position:static!important;right:auto!important;top:auto!important;transform:none!important;z-index:auto!important}.timepicker-ui--inline .timepicker-ui-wrapper,.timepicker-ui--inline .timepicker-ui-wrapper.mobile{border-radius:8px!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important;display:block!important;height:auto!important;left:auto!important;margin:0 auto!important;max-width:328px!important;min-height:500px!important;position:static!important;top:auto!important;transform:none!important;width:100%!important}.timepicker-ui--inline .timepicker-ui-footer .timepicker-ui-wrapper-btn[style*="display: none"]~*{justify-content:center!important}.timepicker-ui--inline .timepicker-ui-wrapper-btn:not([style*="display: none"]){display:flex!important;gap:8px!important;justify-content:flex-end!important}.sr-only,.timepicker-ui .sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.timepicker-announcer{height:1px;left:-10000px;overflow:hidden;position:absolute;width:1px}.timepicker-ui-am:focus-visible,.timepicker-ui-cancel-btn:focus-visible,.timepicker-ui-hour-time-12:focus-visible,.timepicker-ui-hour-time-24:focus-visible,.timepicker-ui-keyboard-icon-wrapper:focus-visible,.timepicker-ui-minutes-time:focus-visible,.timepicker-ui-ok-btn:focus-visible,.timepicker-ui-pm:focus-visible{box-shadow:0 0 0 4px rgba(98,0,238,.2);outline:3px solid var(--timepicker-primary);outline-offset:2px}@media (prefers-contrast:high){.timepicker-ui-am:focus-visible,.timepicker-ui-cancel-btn:focus-visible,.timepicker-ui-hour-time-12:focus-visible,.timepicker-ui-hour-time-24:focus-visible,.timepicker-ui-minutes-time:focus-visible,.timepicker-ui-ok-btn:focus-visible,.timepicker-ui-pm:focus-visible{font-weight:700;outline-width:4px}.timepicker-ui-clock-face,.timepicker-ui-wrapper{border:2px solid}}@media (prefers-reduced-motion:reduce){.timepicker-ui-clock-animation{animation:none!important}.timepicker-ui-clock-hand,.timepicker-ui-modal,.timepicker-ui-tips-animation{transition:none!important}.timepicker-ui *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.timepicker-ui-wrapper.crane-straight,.timepicker-ui-wrapper.mobile.crane-straight{--timepicker-bg:#4e0d3a;--timepicker-surface:#71135c;--timepicker-surface-hover:#71135c;--timepicker-text:#fff;--timepicker-secondary-text:#e5e5e5;--timepicker-primary:#f7363e;--timepicker-on-primary:#fff;--timepicker-border:transparent;--timepicker-border-radius:0}.timepicker-ui-wrapper.crane-straight.radius,.timepicker-ui-wrapper.mobile.crane-straight.radius{--timepicker-border-radius:1.25rem}.timepicker-ui-wrapper.crane-straight,.timepicker-ui-wrapper.mobile.crane-straight{background-color:var(--timepicker-bg);border-radius:var(--timepicker-border-radius);color:var(--timepicker-text)}.timepicker-ui-select-time.crane-straight,.timepicker-ui-select-time.mobile.crane-straight{color:var(--timepicker-secondary-text)}.timepicker-ui-clock-face.crane-straight,.timepicker-ui-clock-face.mobile.crane-straight{background-color:var(--timepicker-surface)}.timepicker-ui-dot.crane-straight,.timepicker-ui-dot.mobile.crane-straight{background-color:var(--timepicker-primary)}.timepicker-ui-hour.crane-straight,.timepicker-ui-hour.mobile.crane-straight,.timepicker-ui-minutes.crane-straight,.timepicker-ui-minutes.mobile.crane-straight{background-color:var(--timepicker-surface);border-radius:var(--timepicker-border-radius);color:var(--timepicker-text)}.timepicker-ui-hour.crane-straight.active,.timepicker-ui-hour.crane-straight:hover,.timepicker-ui-hour.mobile.crane-straight.active,.timepicker-ui-hour.mobile.crane-straight:hover,.timepicker-ui-minutes.crane-straight.active,.timepicker-ui-minutes.crane-straight:hover,.timepicker-ui-minutes.mobile.crane-straight.active,.timepicker-ui-minutes.mobile.crane-straight:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-hour.mobile.crane-straight[contenteditable=true]:active,.timepicker-ui-hour.mobile.crane-straight[contenteditable=true]:focus,.timepicker-ui-minutes.mobile.crane-straight[contenteditable=true]:active,.timepicker-ui-minutes.mobile.crane-straight[contenteditable=true]:focus{border-color:var(--timepicker-text);outline-color:var(--timepicker-text)}.timepicker-ui-dots.crane-straight,.timepicker-ui-dots.mobile.crane-straight,.timepicker-ui-wrapper-type-time.crane-straight,.timepicker-ui-wrapper-type-time.mobile.crane-straight{color:var(--timepicker-text)}.timepicker-ui-am.crane-straight,.timepicker-ui-am.mobile.crane-straight,.timepicker-ui-pm.crane-straight,.timepicker-ui-pm.mobile.crane-straight{background-color:var(--timepicker-surface);border:.125rem solid var(--timepicker-border);border-radius:0}.timepicker-ui-am.active.crane-straight,.timepicker-ui-am.mobile.active.crane-straight,.timepicker-ui-am.mobile:hover.crane-straight,.timepicker-ui-am:hover.crane-straight,.timepicker-ui-pm.active.crane-straight,.timepicker-ui-pm.mobile.active.crane-straight,.timepicker-ui-pm.mobile:hover.crane-straight,.timepicker-ui-pm:hover.crane-straight{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-am.crane-straight.radius{border-top-left-radius:1.25rem;border-top-right-radius:1.25rem}.timepicker-ui-pm.crane-straight.radius{border-bottom-left-radius:1.25rem;border-bottom-right-radius:1.25rem}@media screen and (min-width:320px) and (max-width:826px) and (orientation:landscape){.timepicker-ui-am:not(.timepicker-ui-am+.mobile).crane-straight.radius{border-bottom-left-radius:1.25rem;border-bottom-right-radius:0;border-top-right-radius:0}.timepicker-ui-pm:not(.timepicker-ui-pm+.mobile).crane-straight.radius{border-bottom-left-radius:0;border-bottom-right-radius:1.25rem;border-top-left-radius:0;border-top-right-radius:1.25rem}}@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape){.timepicker-ui-am.mobile.crane-straight.radius{border-bottom-left-radius:0;border-bottom-right-radius:0}.timepicker-ui-pm.mobile.crane-straight.radius{border-top-left-radius:0;border-top-right-radius:0}}.timepicker-ui-cancel-btn.crane-straight,.timepicker-ui-cancel-btn.mobile.crane-straight,.timepicker-ui-ok-btn.crane-straight,.timepicker-ui-ok-btn.mobile.crane-straight{border-radius:0;color:var(--timepicker-text)}.timepicker-ui-cancel-btn.crane-straight.radius,.timepicker-ui-cancel-btn.mobile.crane-straight.radius,.timepicker-ui-ok-btn.crane-straight.radius,.timepicker-ui-ok-btn.mobile.crane-straight.radius{border-radius:.8125rem}.timepicker-ui-cancel-btn.mobile:hover.crane-straight,.timepicker-ui-cancel-btn:hover.crane-straight,.timepicker-ui-ok-btn.mobile:hover.crane-straight,.timepicker-ui-ok-btn:hover.crane-straight{background-color:var(--timepicker-primary)}.timepicker-ui-keyboard-icon-wrapper.crane-straight,.timepicker-ui-keyboard-icon-wrapper.mobile.crane-straight{color:var(--timepicker-text)}.timepicker-ui-keyboard-icon-wrapper.crane-straight:hover .timepicker-ui-keyboard-icon,.timepicker-ui-keyboard-icon-wrapper.crane-straight:hover .timepicker-ui-keyboard-icon.mobile,.timepicker-ui-keyboard-icon-wrapper.mobile.crane-straight:hover .timepicker-ui-keyboard-icon,.timepicker-ui-keyboard-icon-wrapper.mobile.crane-straight:hover .timepicker-ui-keyboard-icon.mobile{background-color:var(--timepicker-primary);border-radius:0;color:var(--timepicker-text)}.timepicker-ui-keyboard-icon-wrapper.crane-straight.radius:hover .timepicker-ui-keyboard-icon,.timepicker-ui-keyboard-icon-wrapper.crane-straight.radius:hover .timepicker-ui-keyboard-icon.mobile,.timepicker-ui-keyboard-icon-wrapper.mobile.crane-straight.radius:hover .timepicker-ui-keyboard-icon,.timepicker-ui-keyboard-icon-wrapper.mobile.crane-straight.radius:hover .timepicker-ui-keyboard-icon.mobile{border-radius:.875rem}.timepicker-ui-keyboard-icon.crane-straight:hover,.timepicker-ui-keyboard-icon.mobile.crane-straight:hover{color:var(--timepicker-text)}.timepicker-ui-circle-hand.crane-straight,.timepicker-ui-clock-hand.crane-straight{background-color:var(--timepicker-primary)}.timepicker-ui-circle-hand.crane-straight{border-color:var(--timepicker-primary)}.timepicker-ui-value-tips.crane-straight{color:var(--timepicker-text)}.timepicker-ui-wrapper.m3{--timepicker-bg:#e5eadc;--timepicker-surface:#dfe4d6;--timepicker-surface-hover:#dfe4d6;--timepicker-text:#1a1c18;--timepicker-secondary-text:#6b7165;--timepicker-primary:#386a20;--timepicker-on-primary:#042100;--timepicker-border:#74796e;--timepicker-shadow:unset;--timepicker-border-radius:35px}.timepicker-ui-hour-time-12.m3,.timepicker-ui-hour-time-24.m3{color:var(--timepicker-text)}.timepicker-ui-wrapper.m3{background-color:var(--timepicker-bg);border-radius:var(--timepicker-border-radius);box-shadow:var(--timepicker-shadow)}.timepicker-ui-hour.active.m3,.timepicker-ui-minutes.active.m3{background-color:#b8f397;color:var(--timepicker-on-primary)}.timepicker-ui-hour.m3,.timepicker-ui-minutes.m3{background-color:var(--timepicker-surface)}.timepicker-ui-hour:hover.m3,.timepicker-ui-minutes:hover.m3{color:var(--timepicker-primary)}.timepicker-ui-clock-face.m3{background-color:var(--timepicker-surface)}.timepicker-ui-circle-hand.m3,.timepicker-ui-clock-hand.m3,.timepicker-ui-dot.m3{background-color:var(--timepicker-primary)!important}.timepicker-ui-cancel-btn.m3,.timepicker-ui-ok-btn.m3{color:var(--timepicker-primary)}.timepicker-ui-cancel-btn:hover.m3,.timepicker-ui-ok-btn:hover.m3{background-color:var(--timepicker-surface)}.timepicker-ui-wrapper-type-time.m3{color:var(--timepicker-secondary-text)}.timepicker-ui-am.m3,.timepicker-ui-pm.m3{border-color:var(--timepicker-border);border-width:1px}.timepicker-ui-am.m3{border-bottom-width:0}.timepicker-ui-am.active.m3,.timepicker-ui-am:hover.m3,.timepicker-ui-pm.active.m3,.timepicker-ui-pm:hover.m3{background-color:#bbebeb;color:#002021}.timepicker-ui-hour.mobile:hover.m3,.timepicker-ui-minutes.mobile:hover.m3{background-color:var(--timepicker-surface)}.timepicker-ui-wrapper.dark{--timepicker-bg:#1c1b1f;--timepicker-surface:#2c2b30;--timepicker-surface-hover:#3b3940;--timepicker-text:#e5e5e5;--timepicker-secondary-text:#a1a1a1;--timepicker-primary:#bb86fc;--timepicker-on-primary:#000;--timepicker-border:hsla(0,0%,100%,.12);background-color:var(--timepicker-bg);color:var(--timepicker-text)}.timepicker-ui-hour.dark,.timepicker-ui-minutes.dark{background-color:var(--timepicker-surface);color:var(--timepicker-text)}.timepicker-ui-hour.dark:hover,.timepicker-ui-minutes.dark:hover{background-color:var(--timepicker-surface-hover);color:#fff}.timepicker-ui-clock-face.dark{background-color:var(--timepicker-surface)}.timepicker-ui-dots.dark span,.timepicker-ui-dots.mobile.dark span{background-color:#fff}.timepicker-ui-circle-hand.dark,.timepicker-ui-clock-hand.dark,.timepicker-ui-dot.dark{background-color:var(--timepicker-primary)!important}.timepicker-ui-hour.active.dark,.timepicker-ui-minutes.active.dark{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-cancel-btn.dark,.timepicker-ui-ok-btn.dark{color:var(--timepicker-primary)}.timepicker-ui-cancel-btn:hover.dark,.timepicker-ui-ok-btn:hover.dark{background-color:var(--timepicker-surface-hover)}.timepicker-ui-wrapper-type-time.dark{color:var(--timepicker-secondary-text)}.timepicker-ui-am.dark,.timepicker-ui-pm.dark{background-color:var(--timepicker-surface);border-color:var(--timepicker-primary);color:var(--timepicker-text)}.timepicker-ui-am.dark.active,.timepicker-ui-am.dark:hover,.timepicker-ui-pm.dark.active,.timepicker-ui-pm.dark:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-keyboard-icon-wrapper.dark{color:var(--timepicker-text)}.timepicker-ui-keyboard-icon-wrapper.dark:hover .timepicker-ui-keyboard-icon.dark{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-value-tips.dark{color:#fff}.timepicker-ui-wrapper.glassmorphic{--timepicker-bg:hsla(0,0%,100%,.05);--timepicker-surface:hsla(0,0%,100%,.1);--timepicker-surface-hover:hsla(0,0%,100%,.15);--timepicker-text:#fff;--timepicker-secondary-text:hsla(0,0%,100%,.7);--timepicker-primary:hsla(0,0%,100%,.6);--timepicker-on-primary:#000;--timepicker-border:hsla(0,0%,100%,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:var(--timepicker-bg);border-radius:1.25rem;color:var(--timepicker-text)}.timepicker-ui-select-time.glassmorphic{color:var(--timepicker-text)}.timepicker-ui-clock-face.glassmorphic{backdrop-filter:blur(8px);background-color:var(--timepicker-surface)}.timepicker-ui-circle-hand.glassmorphic,.timepicker-ui-clock-hand.glassmorphic,.timepicker-ui-dot.glassmorphic{background-color:var(--timepicker-primary)!important}.timepicker-ui-hour.glassmorphic,.timepicker-ui-minutes.glassmorphic{background-color:var(--timepicker-surface-hover);border-radius:1rem;color:var(--timepicker-text)}.timepicker-ui-hour.glassmorphic.active,.timepicker-ui-hour.glassmorphic:hover,.timepicker-ui-minutes.glassmorphic.active,.timepicker-ui-minutes.glassmorphic:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-dots.glassmorphic,.timepicker-ui-wrapper-type-time.glassmorphic{color:var(--timepicker-text)}.timepicker-ui-am.glassmorphic,.timepicker-ui-pm.glassmorphic{background-color:var(--timepicker-surface);border:1px solid var(--timepicker-border);color:var(--timepicker-text)}.timepicker-ui-am.glassmorphic.active,.timepicker-ui-am.glassmorphic:hover,.timepicker-ui-pm.glassmorphic.active,.timepicker-ui-pm.glassmorphic:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-cancel-btn.glassmorphic,.timepicker-ui-ok-btn.glassmorphic{background-color:var(--timepicker-surface);border-radius:.75rem;color:var(--timepicker-text)}.timepicker-ui-cancel-btn.glassmorphic:hover,.timepicker-ui-ok-btn.glassmorphic:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-keyboard-icon-wrapper.glassmorphic{color:var(--timepicker-text)}.timepicker-ui-keyboard-icon-wrapper.glassmorphic:hover .timepicker-ui-keyboard-icon.glassmorphic{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-value-tips.glassmorphic{color:var(--timepicker-text)}.timepicker-ui-wrapper.pastel{--timepicker-bg:#fdf6f0;--timepicker-surface:#fae3d9;--timepicker-surface-hover:#fef0e8;--timepicker-text:#3b3b3b;--timepicker-secondary-text:#a58f86;--timepicker-primary:#ffb6b9;--timepicker-on-primary:#fff;--timepicker-border:#efdcd2;--timepicker-shadow:0 4px 16px rgba(0,0,0,.05);--timepicker-border-radius:1.25rem;background-color:var(--timepicker-bg);border-radius:var(--timepicker-border-radius);box-shadow:var(--timepicker-shadow);color:var(--timepicker-text)}.timepicker-ui-select-time.pastel{color:var(--timepicker-secondary-text)}.timepicker-ui-clock-face.pastel{background-color:#fff5ee;border:1px solid #f0e1db}.timepicker-ui-circle-hand.pastel,.timepicker-ui-clock-hand.pastel,.timepicker-ui-dot.pastel{background-color:var(--timepicker-primary)!important}.timepicker-ui-hour.pastel,.timepicker-ui-minutes.pastel{background-color:var(--timepicker-surface);border-radius:1rem;color:var(--timepicker-text)}.timepicker-ui-hour.pastel.active,.timepicker-ui-hour.pastel:hover,.timepicker-ui-minutes.pastel.active,.timepicker-ui-minutes.pastel:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-dots.pastel,.timepicker-ui-wrapper-type-time.pastel{color:var(--timepicker-secondary-text)}.timepicker-ui-am.pastel,.timepicker-ui-pm.pastel{background-color:var(--timepicker-surface-hover);border:1px solid var(--timepicker-border);color:var(--timepicker-text)}.timepicker-ui-am.pastel.active,.timepicker-ui-am.pastel:hover,.timepicker-ui-pm.pastel.active,.timepicker-ui-pm.pastel:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-cancel-btn.pastel,.timepicker-ui-ok-btn.pastel{background-color:var(--timepicker-surface-hover);border-radius:.75rem;color:var(--timepicker-text)}.timepicker-ui-cancel-btn.pastel:hover,.timepicker-ui-ok-btn.pastel:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-keyboard-icon-wrapper.pastel{color:var(--timepicker-secondary-text)}.timepicker-ui-keyboard-icon-wrapper.pastel:hover .timepicker-ui-keyboard-icon.pastel{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-value-tips.pastel{color:var(--timepicker-text)}.timepicker-ui-wrapper.ai{--timepicker-bg:#f3f4f6;--timepicker-surface:#e5e7eb;--timepicker-surface-hover:#f9fafb;--timepicker-text:#111827;--timepicker-secondary-text:#6b7280;--timepicker-primary:#3b82f6;--timepicker-on-primary:#fff;--timepicker-border:#d1d5db;--timepicker-shadow:0 4px 12px rgba(0,0,0,.04);--timepicker-border-radius:0.75rem;background-color:var(--timepicker-bg);border-radius:var(--timepicker-border-radius);box-shadow:var(--timepicker-shadow);color:var(--timepicker-text)}.timepicker-ui-select-time.ai{color:var(--timepicker-secondary-text)}.timepicker-ui-clock-face.ai{background-color:var(--timepicker-surface);border:1px solid var(--timepicker-border)}.timepicker-ui-circle-hand.ai,.timepicker-ui-clock-hand.ai,.timepicker-ui-dot.ai{background-color:var(--timepicker-primary)!important}.timepicker-ui-hour.ai,.timepicker-ui-minutes.ai{background-color:var(--timepicker-surface);border-radius:.5rem;color:var(--timepicker-text)}.timepicker-ui-hour.ai.active,.timepicker-ui-hour.ai:hover,.timepicker-ui-minutes.ai.active,.timepicker-ui-minutes.ai:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-dots.ai,.timepicker-ui-wrapper-type-time.ai{color:#374151}.timepicker-ui-am.ai,.timepicker-ui-pm.ai{background-color:var(--timepicker-surface-hover);border:1px solid var(--timepicker-border);color:var(--timepicker-text)}.timepicker-ui-am.ai.active,.timepicker-ui-am.ai:hover,.timepicker-ui-pm.ai.active,.timepicker-ui-pm.ai:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-cancel-btn.ai,.timepicker-ui-ok-btn.ai{background-color:var(--timepicker-bg);border-radius:.5rem;color:var(--timepicker-text)}.timepicker-ui-cancel-btn.ai:hover,.timepicker-ui-ok-btn.ai:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-keyboard-icon-wrapper.ai{color:var(--timepicker-secondary-text)}.timepicker-ui-keyboard-icon-wrapper.ai:hover .timepicker-ui-keyboard-icon.ai{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-value-tips.ai{color:var(--timepicker-text)}.timepicker-ui-wrapper.cyberpunk{--timepicker-bg:#0f0c29;--timepicker-surface:#1a1a2e;--timepicker-surface-hover:#1a1a2e;--timepicker-text:#f8f8ff;--timepicker-secondary-text:#00f0ff;--timepicker-primary:#00f0ff;--timepicker-on-primary:#0f0c29;--timepicker-border:rgba(0,240,255,.3);--timepicker-shadow:0 0 12px #00f0ff;--timepicker-border-radius:1rem;background-color:var(--timepicker-bg);border-radius:var(--timepicker-border-radius);box-shadow:var(--timepicker-shadow);color:var(--timepicker-text)}.timepicker-ui-select-time.cyberpunk{color:var(--timepicker-primary)}.timepicker-ui-clock-face.cyberpunk{background:linear-gradient(135deg,#1a1a2e,#0f3460);border:1px solid var(--timepicker-border)}.timepicker-ui-circle-hand.cyberpunk,.timepicker-ui-clock-hand.cyberpunk,.timepicker-ui-dot.cyberpunk{background-color:var(--timepicker-primary)!important;box-shadow:0 0 6px var(--timepicker-primary)}.timepicker-ui-hour.cyberpunk,.timepicker-ui-minutes.cyberpunk{background-color:var(--timepicker-surface);border-radius:.75rem;color:var(--timepicker-text)}.timepicker-ui-hour.cyberpunk.active,.timepicker-ui-hour.cyberpunk:hover,.timepicker-ui-minutes.cyberpunk.active,.timepicker-ui-minutes.cyberpunk:hover{background-color:var(--timepicker-primary);box-shadow:0 0 8px var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-dots.cyberpunk,.timepicker-ui-wrapper-type-time.cyberpunk{color:var(--timepicker-primary)}.timepicker-ui-am.cyberpunk,.timepicker-ui-pm.cyberpunk{background-color:var(--timepicker-surface);border:1px solid var(--timepicker-primary);color:var(--timepicker-text)}.timepicker-ui-am.cyberpunk.active,.timepicker-ui-am.cyberpunk:hover,.timepicker-ui-pm.cyberpunk.active,.timepicker-ui-pm.cyberpunk:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-cancel-btn.cyberpunk,.timepicker-ui-ok-btn.cyberpunk{background-color:var(--timepicker-surface);border-radius:.5rem;color:var(--timepicker-primary)}.timepicker-ui-cancel-btn.cyberpunk:hover,.timepicker-ui-ok-btn.cyberpunk:hover{background-color:var(--timepicker-primary);box-shadow:0 0 6px var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-keyboard-icon-wrapper.cyberpunk{color:var(--timepicker-primary)}.timepicker-ui-keyboard-icon-wrapper.cyberpunk:hover .timepicker-ui-keyboard-icon.cyberpunk{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-value-tips.cyberpunk{color:var(--timepicker-primary)}.timepicker-ui-value-tips.cyberpunk.active{color:var(--timepicker-on-primary)}.timepicker-ui-hour.custom,.timepicker-ui-minutes.custom{background-color:var(--timepicker-surface);color:var(--timepicker-text)}.timepicker-ui-hour.custom.active,.timepicker-ui-hour.custom:hover,.timepicker-ui-minutes.custom.active,.timepicker-ui-minutes.custom:hover{background-color:var(--timepicker-surface-hover);color:var(--timepicker-primary)}.timepicker-ui-clock-face.custom{background-color:var(--timepicker-surface)}.timepicker-ui-circle-hand.custom,.timepicker-ui-clock-hand.custom,.timepicker-ui-dot.custom{background-color:var(--timepicker-primary)!important}.timepicker-ui-cancel-btn.custom,.timepicker-ui-ok-btn.custom{color:var(--timepicker-primary)}.timepicker-ui-cancel-btn.custom:hover,.timepicker-ui-ok-btn.custom:hover{background-color:var(--timepicker-border)}.timepicker-ui-wrapper-type-time.custom{color:var(--timepicker-secondary-text)}.timepicker-ui-am.custom,.timepicker-ui-pm.custom{background-color:var(--timepicker-bg);border-color:var(--timepicker-border);color:var(--timepicker-text)}.timepicker-ui-am.custom.active,.timepicker-ui-am.custom:hover,.timepicker-ui-pm.custom.active,.timepicker-ui-pm.custom:hover{background-color:var(--timepicker-surface-hover);color:var(--timepicker-primary)}.timepicker-ui-am.custom.active,.timepicker-ui-pm.custom.active{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-keyboard-icon.custom{color:var(--timepicker-text)}.timepicker-ui-keyboard-icon.custom:hover{color:var(--timepicker-primary)}.timepicker-ui-keyboard-icon-wrapper.custom:hover .timepicker-ui-keyboard-icon.custom{background-color:var(--timepicker-border)}.timepicker-ui-tips-disabled.custom{color:var(--timepicker-disabled-text)}.timepicker-ui-value-tips.custom.active{color:var(--timepicker-on-primary)}
+:root{--timepicker-bg:#ece6ee;--timepicker-surface:#e6e0e9;--timepicker-surface-hover:#c8b3fd;--timepicker-input-bg:#e6e0e9;--timepicker-text:#1d1b20;--timepicker-secondary-text:#49454f;--timepicker-disabled-text:hsla(0,1%,61%,.6);--timepicker-type-time-text:#49454f;--timepicker-icon-text:#4e545a;--timepicker-am-pm-active:#ffd8e4;--timepicker-am-pm-text-selected:#633b48;--timepicker-am-pm-text-unselected:#49454f;--timepicker-primary:#6750a4;--timepicker-on-primary:#fff;--timepicker-primary-container:#eaddff;--timepicker-on-primary-container:#21005d;--timepicker-tertiary-container:#ffd8e4;--timepicker-on-tertiary-container:#633b48;--timepicker-border:#000;--timepicker-outline:#6750a4;--timepicker-hover-bg:#d6d6d6;--timepicker-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);--timepicker-font-family:"Roboto",sans-serif;--timepicker-border-radius:28px}.timepicker-ui *{box-sizing:border-box!important}.timepicker-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}.timepicker-ui-invalid-format{border:2px solid red;color:red}.timepicker-ui-invalid-text{color:red}.sr-only,.timepicker-ui .sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.timepicker-announcer{height:1px;left:-10000px;overflow:hidden;position:absolute;width:1px}.timepicker-ui-modal{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}.timepicker-ui-modal.show{pointer-events:auto}.timepicker-ui-modal.removed{background-color:transparent;bottom:auto;left:auto;right:auto;top:auto}.timepicker-ui-measure{height:3.125rem;overflow:scroll;position:absolute;top:-9999px;width:3.125rem}.timepicker-ui-wrapper,.timepicker-ui-wrapper.mobile{background-color:var(--timepicker-bg);border-radius:var(--timepicker-border-radius);box-shadow:var(--timepicker-shadow);display:flex;flex-direction:column;left:50%;outline:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:328px;z-index:5001}.timepicker-ui-wrapper.expanded{will-change:width,height,flex-direction}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-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){.timepicker-ui-wrapper.expanded{width:315px}}.timepicker-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){.timepicker-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){.timepicker-ui-wrapper.mobile{width:315px}}.timepicker-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);will-change:height,opacity,transform}.timepicker-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){.timepicker-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%}}.timepicker-ui-header,.timepicker-ui-header.mobile{display:flex;flex-direction:row;justify-content:center;padding-bottom:36px;padding-left:24px;padding-right:24px;position:relative}.timepicker-ui-header.mobile,.timepicker-ui-header.show{padding-bottom:0}.timepicker-ui-header.mobile.expanded{align-items:unset;height:auto;padding-bottom:36px}.timepicker-ui-header.mobile.expanded .timepicker-ui-wrapper-time.mobile{align-items:unset}.timepicker-ui-header.mobile.expanded .timepicker-ui-wrapper-time.mobile.expanded{align-items:center}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-header.expanded{flex-direction:column;height:auto}.timepicker-ui-wrapper.expanded .timepicker-ui-select-time{position:absolute}.timepicker-ui-mobile-clock-wrapper.expanded{height:100%!important;justify-content:unset;width:100%}}.timepicker-ui-select-time,.timepicker-ui-select-time.mobile{color:var(--timepicker-secondary-text);font-size:12px;padding:24px}.timepicker-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){.timepicker-ui-body.expanded{display:flex;height:100%;margin-top:48px;padding-left:0;padding-right:0}}.timepicker-ui-footer,.timepicker-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){.timepicker-ui-footer.expanded{bottom:0;justify-content:space-between;left:0;position:absolute;right:0}.timepicker-ui-footer.expanded .timepicker-ui-keyboard-icon-wrapper{left:0}}.timepicker-ui-footer.mobile{padding:24px}.timepicker-ui-clock-face{background-color:var(--timepicker-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%;will-change:transform,opacity}.timepicker-ui-clock-face.scale-in{opacity:1;transform:scale(1)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-clock-face{height:256px;width:256px}}.timepicker-ui-dot{background-color:var(--timepicker-primary);border-radius:100%;height:8px;left:50%;position:absolute;top:50%;touch-action:none;transform:translate(-50%,-50%);user-select:none;width:8px}.timepicker-ui-tips-wrapper{height:100%;width:100%}.timepicker-ui-tips-wrapper-24h{border-radius:50%;height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px;z-index:0}.timepicker-ui-tips-wrapper-24h-disabled{pointer-events:none;touch-action:none;user-select:none}.timepicker-ui-tips-wrapper-24h.none{display:none}.timepicker-ui-hour-time-12,.timepicker-ui-hour-time-24,.timepicker-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}.timepicker-ui-hour-time-12 span,.timepicker-ui-hour-time-24 span,.timepicker-ui-minutes-time span{touch-action:none;user-select:none}.timepicker-ui-hour-time-12{align-items:center;display:block;display:flex;justify-content:center}.timepicker-ui-clock-hand{bottom:50%;height:31%;left:calc(50% - 1px);transform-origin:center bottom 0;width:2px}.timepicker-ui-circle-hand,.timepicker-ui-clock-hand{background-color:var(--timepicker-primary);position:absolute}.timepicker-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%);width:46px}.timepicker-ui-circle-hand.small-circle{box-sizing:border-box!important;height:36px;width:36px}.timepicker-ui-circle-hand-24h{left:1px;top:4px;transform:translate(-50%,-50%)}.timepicker-ui-value-tips,.timepicker-ui-value-tips-24h{align-items:center;border-radius:50%;color:var(--timepicker-text);display:flex;height:100%;justify-content:center;line-height:1;transition:color .3s ease;width:100%}.timepicker-ui-value-tips-24h.active,.timepicker-ui-value-tips.active{color:var(--timepicker-on-primary);transition:none}.timepicker-ui-clock-animation{animation:clockanimation .35s linear}.timepicker-ui-tips-animation{transition:transform .4s cubic-bezier(.4,0,.2,1) 0ms,height .4s cubic-bezier(.4,0,.2,1) 0ms}.timepicker-ui-tips-disabled{color:var(--timepicker-disabled-text);pointer-events:none}.timepicker-ui-input-wrapper{border-radius:8px;display:flex;overflow:visible;position:relative;width:96px}.timepicker-ui-input-wrapper.mobile input{height:72px}.timepicker-ui-input-wrapper.mobile{flex-direction:column}.timepicker-ui-input-ripple-wrapper{border-radius:8px;display:flex;height:80px;overflow:hidden;position:relative;width:100%}.timepicker-ui-input-ripple-wrapper.expanded{height:80px}.timepicker-ui-input-ripple-wrapper.mobile{height:72px}.timepicker-ui-input-ripple-wrapper.mobile.expanded{height:80px}.timepicker-ui-wrapper-time,.timepicker-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){.timepicker-ui-wrapper-time.expanded{height:auto;margin-bottom:16px;margin-right:0}}.timepicker-ui-wrapper-time-24h{margin-right:0}.timepicker-ui-wrapper-time.mobile{height:auto;max-width:fit-content;position:relative;width:100%}.timepicker-ui-hour,.timepicker-ui-hour.mobile,.timepicker-ui-minutes,.timepicker-ui-minutes.mobile{align-items:center;background-color:var(--timepicker-input-bg);border:2px solid transparent;border-radius:8px;color:var(--timepicker-text);cursor:pointer;display:flex;font-size:51.2px;height:80px;justify-content:center;outline:none;padding:10px;text-align:center;transition:all .3s ease;width:96px}.timepicker-ui-hour.mobile,.timepicker-ui-hour.mobile.mobile,.timepicker-ui-minutes.mobile,.timepicker-ui-minutes.mobile.mobile{height:72px}.timepicker-ui-hour.expanded,.timepicker-ui-hour.mobile.expanded,.timepicker-ui-minutes.expanded,.timepicker-ui-minutes.mobile.expanded{height:80px}.timepicker-ui-hour.mobile:focus-visible,.timepicker-ui-hour:focus-visible,.timepicker-ui-minutes.mobile:focus-visible,.timepicker-ui-minutes:focus-visible{border:2px solid var(--timepicker-outline);outline:none}.timepicker-ui-hour.mobile:hover,.timepicker-ui-hour:hover,.timepicker-ui-minutes.mobile:hover,.timepicker-ui-minutes:hover{background-color:var(--timepicker-surface-hover);color:var(--timepicker-text)}.timepicker-ui-hour.active,.timepicker-ui-hour.mobile.active,.timepicker-ui-minutes.active,.timepicker-ui-minutes.mobile.active{background-color:var(--timepicker-primary-container);color:var(--timepicker-on-primary-container)}.timepicker-ui-hour.active:hover,.timepicker-ui-hour.mobile.active:hover,.timepicker-ui-minutes.active:hover,.timepicker-ui-minutes.mobile.active:hover{color:var(--timepicker-on-primary-container)}.timepicker-ui-hour.mobile::-webkit-inner-spin-button,.timepicker-ui-hour.mobile::-webkit-outer-spin-button,.timepicker-ui-hour::-webkit-inner-spin-button,.timepicker-ui-hour::-webkit-outer-spin-button,.timepicker-ui-minutes.mobile::-webkit-inner-spin-button,.timepicker-ui-minutes.mobile::-webkit-outer-spin-button,.timepicker-ui-minutes::-webkit-inner-spin-button,.timepicker-ui-minutes::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.timepicker-ui-hour,.timepicker-ui-minutes{border:2px solid transparent;outline:none}.timepicker-ui-hour[contenteditable=true]:active,.timepicker-ui-hour[contenteditable=true]:focus,.timepicker-ui-minutes[contenteditable=true]:active,.timepicker-ui-minutes[contenteditable=true]:focus{border:2px solid var(--timepicker-outline);outline-color:var(--timepicker-outline);user-select:all}.timepicker-ui-hour.mobile,.timepicker-ui-minutes.mobile{border:2px solid transparent;outline:none}.timepicker-ui-hour.mobile[contenteditable=true]:active,.timepicker-ui-hour.mobile[contenteditable=true]:focus,.timepicker-ui-minutes.mobile[contenteditable=true]:active,.timepicker-ui-minutes.mobile[contenteditable=true]:focus{border:2px solid var(--timepicker-outline);outline-color:var(--timepicker-outline);user-select:all}.timepicker-ui-dots,.timepicker-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}.timepicker-ui-dots span,.timepicker-ui-dots.mobile span{background-color:var(--timepicker-text);border-radius:50%;display:block;height:6px;width:6px}.timepicker-ui-dots.mobile{justify-content:normal}.timepicker-ui-hour-text,.timepicker-ui-minute-text{color:var(--timepicker-secondary-text);display:none;font-size:12.8px;margin-top:8px;pointer-events:none}.timepicker-ui-hour-text.mobile,.timepicker-ui-hour-text.show,.timepicker-ui-minute-text.mobile,.timepicker-ui-minute-text.show{display:block}.timepicker-ui-hour-text.mobile.expanded,.timepicker-ui-minute-text.mobile.expanded{display:none}.timepicker-ui-wrapper-type-time,.timepicker-ui-wrapper-type-time.mobile{align-self:stretch;color:var(--timepicker-type-time-text);display:flex;flex-direction:column;font-size:16px;font-weight:500;justify-content:center;margin-left:12px}.timepicker-ui-wrapper-type-time.mobile{justify-content:flex-start}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-wrapper-type-time.expanded:not(.mobile){flex-direction:row;margin-left:0;width:100%}}.timepicker-ui-wrapper-type-time.mobile{align-self:auto}.timepicker-ui-am,.timepicker-ui-am.mobile,.timepicker-ui-pm,.timepicker-ui-pm.mobile{align-items:center;border:1px solid var(--timepicker-border);color:var(--timepicker-am-pm-text-unselected);cursor:pointer;display:flex;height:100%;justify-content:center;transition:all .3s ease;width:100%}.timepicker-ui-am.mobile:hover,.timepicker-ui-am:hover,.timepicker-ui-pm.mobile:hover,.timepicker-ui-pm:hover{background-color:var(--timepicker-am-pm-active);color:var(--timepicker-am-pm-text-unselected)}.timepicker-ui-am.active,.timepicker-ui-am.mobile.active,.timepicker-ui-pm.active,.timepicker-ui-pm.mobile.active{background-color:var(--timepicker-am-pm-active);color:var(--timepicker-am-pm-text-selected);pointer-events:none}.timepicker-ui-am.active:hover,.timepicker-ui-am.mobile.active:hover,.timepicker-ui-pm.active:hover,.timepicker-ui-pm.mobile.active:hover{color:var(--timepicker-am-pm-text-selected)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-am.expanded,.timepicker-ui-pm.expanded{height:44px;width:50%}.timepicker-ui-am.expanded{border-bottom:1px solid #000;border-right:unset}}.timepicker-ui-am,.timepicker-ui-am.mobile{border-top-left-radius:7px;border-top-right-radius:7px}.timepicker-ui-am.mobile{border-bottom-left-radius:0;max-height:40px}.timepicker-ui-pm.mobile{max-height:40px}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-am.expanded{border-bottom-left-radius:7px;border-right-width:.3752px;border-top-left-radius:7px;border-top-right-radius:0}}.timepicker-ui-am,.timepicker-ui-am.mobile{border-bottom:unset}.timepicker-ui-pm,.timepicker-ui-pm.mobile{border-bottom-left-radius:7px;border-bottom-right-radius:7px;width:54px}.timepicker-ui-pm.mobile{border-top-right-radius:0}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-pm.expanded{border-bottom-left-radius:0;border-bottom-right-radius:7px;border-bottom-width:1.5008px;border-left-width:.3752px;border-top-right-radius:7px;height:44px;width:50%}}.timepicker-ui-cancel-btn{margin-right:4px}.timepicker-ui-cancel-btn,.timepicker-ui-cancel-btn.mobile,.timepicker-ui-ok-btn,.timepicker-ui-ok.btn-mobile{background-color:transparent;border-radius:20px;color:var(--timepicker-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}.timepicker-ui-cancel-btn.mobile:after,.timepicker-ui-cancel-btn:after,.timepicker-ui-ok-btn:after,.timepicker-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}.timepicker-ui-cancel-btn.mobile:hover:after,.timepicker-ui-cancel-btn:hover:after,.timepicker-ui-ok-btn:hover:after,.timepicker-ui-ok.btn-mobile:hover:after{opacity:.08}.timepicker-ui-cancel-btn.mobile:focus-visible,.timepicker-ui-cancel-btn:focus-visible,.timepicker-ui-ok-btn:focus-visible,.timepicker-ui-ok.btn-mobile:focus-visible{outline:none}.timepicker-ui-cancel-btn.mobile:focus-visible:after,.timepicker-ui-cancel-btn:focus-visible:after,.timepicker-ui-ok-btn:focus-visible:after,.timepicker-ui-ok.btn-mobile:focus-visible:after{opacity:.12}.timepicker-ui-cancel-btn.mobile:active:after,.timepicker-ui-cancel-btn:active:after,.timepicker-ui-ok-btn:active:after,.timepicker-ui-ok.btn-mobile:active:after{opacity:.16}.timepicker-ui-cancel-btn.mobile[aria-disabled=true],.timepicker-ui-cancel-btn.mobile[disabled],.timepicker-ui-cancel-btn[aria-disabled=true],.timepicker-ui-cancel-btn[disabled],.timepicker-ui-ok-btn[aria-disabled=true],.timepicker-ui-ok-btn[disabled],.timepicker-ui-ok.btn-mobile[aria-disabled=true],.timepicker-ui-ok.btn-mobile[disabled]{cursor:not-allowed;opacity:.38;pointer-events:none}.timepicker-ui-cancel-btn.mobile[aria-disabled=true]:after,.timepicker-ui-cancel-btn.mobile[disabled]:after,.timepicker-ui-cancel-btn[aria-disabled=true]:after,.timepicker-ui-cancel-btn[disabled]:after,.timepicker-ui-ok-btn[aria-disabled=true]:after,.timepicker-ui-ok-btn[disabled]:after,.timepicker-ui-ok.btn-mobile[aria-disabled=true]:after,.timepicker-ui-ok.btn-mobile[disabled]:after{opacity:0}.timepicker-ui-keyboard-icon,.timepicker-ui-keyboard-icon-mobile,.timepicker-ui-wrapper-btn,.timepicker-ui-wrapper-btn-mobile{align-items:center;display:flex;justify-content:center}.timepicker-ui-keyboard-icon,.timepicker-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}.timepicker-ui-keyboard-icon-wrapper,.timepicker-ui-keyboard-icon-wrapper.mobile{cursor:pointer;display:flex;transition:all .3s ease;z-index:10}.timepicker-ui-keyboard-icon-wrapper.mobile:hover svg,.timepicker-ui-keyboard-icon-wrapper:hover svg{fill:var(--timepicker-primary)}.timepicker-ui-keyboard-icon svg,.timepicker-ui-keyboard-icon.mobile svg{fill:var(--timepicker-icon-text);cursor:pointer;pointer-events:none;transition:all .3s ease}@keyframes clockanimation{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.timepicker-ui--inline{background-color:transparent!important;bottom:auto!important;display:block!important;left:auto!important;opacity:1!important;pointer-events:auto!important;position:static!important;right:auto!important;top:auto!important;transform:none!important;z-index:auto!important}.timepicker-ui--inline .timepicker-ui-wrapper,.timepicker-ui--inline .timepicker-ui-wrapper.mobile{border-radius:8px!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important;display:block!important;height:auto!important;left:auto!important;margin:0 auto!important;max-width:328px!important;min-height:500px!important;position:static!important;top:auto!important;transform:none!important;width:100%!important}.timepicker-ui--inline .timepicker-ui-footer .timepicker-ui-wrapper-btn[style*="display: none"]~*{justify-content:center!important}.timepicker-ui--inline .timepicker-ui-wrapper-btn:not([style*="display: none"]){display:flex!important;gap:8px!important;justify-content:flex-end!important}.timepicker-ui-am:focus-visible,.timepicker-ui-cancel-btn:focus-visible,.timepicker-ui-hour-time-12:focus-visible,.timepicker-ui-hour-time-24:focus-visible,.timepicker-ui-keyboard-icon-wrapper:focus-visible,.timepicker-ui-minutes-time:focus-visible,.timepicker-ui-ok-btn:focus-visible,.timepicker-ui-pm:focus-visible{box-shadow:0 0 0 4px rgba(98,0,238,.2);outline:3px solid var(--timepicker-primary);outline-offset:2px}@media (prefers-contrast:high){.timepicker-ui-am:focus-visible,.timepicker-ui-cancel-btn:focus-visible,.timepicker-ui-hour-time-12:focus-visible,.timepicker-ui-hour-time-24:focus-visible,.timepicker-ui-minutes-time:focus-visible,.timepicker-ui-ok-btn:focus-visible,.timepicker-ui-pm:focus-visible{font-weight:700;outline-width:4px}.timepicker-ui-clock-face,.timepicker-ui-wrapper{border:2px solid}}@media (prefers-reduced-motion:reduce){.timepicker-ui-clock-animation{animation:none!important}.timepicker-ui-clock-hand,.timepicker-ui-modal,.timepicker-ui-tips-animation{transition:none!important}.timepicker-ui *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[data-md3-ripple]{position:relative}[data-md3-ripple]:before{background:var(--timepicker-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}.timepicker-ui-am,.timepicker-ui-input-wrapper,.timepicker-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}}.timepicker-ui-wrapper.crane,.timepicker-ui-wrapper.mobile.crane{--timepicker-bg:#4e0d3a;--timepicker-surface:#71135c;--timepicker-surface-hover:#71135c;--timepicker-text:#fff;--timepicker-secondary-text:#e5e5e5;--timepicker-am-pm-active:#f7363e;--timepicker-am-pm-text-selected:#fff;--timepicker-am-pm-text-unselected:#fff;--timepicker-primary:#f7363e;--timepicker-on-primary:#fff;--timepicker-primary-container:#f7363e;--timepicker-on-primary-container:#fff;--timepicker-tertiary-container:#f7363e;--timepicker-on-tertiary-container:#fff;--timepicker-border:transparent;--timepicker-outline:#ff4c52;--timepicker-border-radius:1.25rem;background-color:var(--timepicker-bg);border-radius:var(--timepicker-border-radius);color:var(--timepicker-text)}.timepicker-ui-input-ripple-wrapper.crane{border-radius:var(--timepicker-border-radius)}.timepicker-ui-select-time.crane,.timepicker-ui-select-time.mobile.crane{color:var(--timepicker-secondary-text)}.timepicker-ui-clock-face.crane,.timepicker-ui-clock-face.mobile.crane{background-color:var(--timepicker-surface)}.timepicker-ui-dot.crane,.timepicker-ui-dot.mobile.crane{background-color:var(--timepicker-primary)}.timepicker-ui-hour.crane,.timepicker-ui-hour.mobile.crane,.timepicker-ui-minutes.crane,.timepicker-ui-minutes.mobile.crane{background-color:var(--timepicker-surface);border-radius:var(--timepicker-border-radius);color:var(--timepicker-text)}.timepicker-ui-hour.crane.active,.timepicker-ui-hour.crane:hover,.timepicker-ui-hour.mobile.crane.active,.timepicker-ui-hour.mobile.crane:hover,.timepicker-ui-minutes.crane.active,.timepicker-ui-minutes.crane:hover,.timepicker-ui-minutes.mobile.crane.active,.timepicker-ui-minutes.mobile.crane:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-hour.mobile.crane[contenteditable=true]:active,.timepicker-ui-hour.mobile.crane[contenteditable=true]:focus,.timepicker-ui-minutes.mobile.crane[contenteditable=true]:active,.timepicker-ui-minutes.mobile.crane[contenteditable=true]:focus{border-color:var(--timepicker-text);outline-color:var(--timepicker-text)}.timepicker-ui-dots.crane,.timepicker-ui-dots.mobile.crane,.timepicker-ui-wrapper-type-time.crane,.timepicker-ui-wrapper-type-time.mobile.crane{color:var(--timepicker-text)}.timepicker-ui-am.crane,.timepicker-ui-am.mobile.crane,.timepicker-ui-pm.crane,.timepicker-ui-pm.mobile.crane{background-color:var(--timepicker-surface);border:.125rem solid var(--timepicker-border)}.timepicker-ui-am.active.crane,.timepicker-ui-am.mobile.active.crane,.timepicker-ui-am.mobile:hover.crane,.timepicker-ui-am:hover.crane,.timepicker-ui-pm.active.crane,.timepicker-ui-pm.mobile.active.crane,.timepicker-ui-pm.mobile:hover.crane,.timepicker-ui-pm:hover.crane{background-color:var(--timepicker-am-pm-active);color:var(--timepicker-on-primary)}.timepicker-ui-am.crane{border-top-left-radius:1.25rem;border-top-right-radius:1.25rem}@media screen and (min-width:320px) and (max-width:826px) and (orientation:landscape){.timepicker-ui-am.crane{border-bottom-left-radius:1.25rem;border-top-right-radius:0}}.timepicker-ui-pm.crane{border-bottom-left-radius:1.25rem;border-bottom-right-radius:1.25rem}@media screen and (min-width:320px) and (max-width:826px) and (orientation:landscape){.timepicker-ui-pm.crane{border-bottom-left-radius:0;border-bottom-right-radius:1.25rem;border-top-left-radius:0;border-top-right-radius:1.25rem}}@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape){.timepicker-ui-am.mobile.crane{border-bottom-left-radius:0;border-bottom-right-radius:0}.timepicker-ui-pm.mobile.crane{border-top-left-radius:0;border-top-right-radius:0}}.timepicker-ui-cancel-btn.crane,.timepicker-ui-cancel-btn.mobile.crane,.timepicker-ui-ok-btn.crane,.timepicker-ui-ok-btn.mobile.crane{border-radius:.8125rem;color:var(--timepicker-text)}.timepicker-ui-cancel-btn.mobile:hover.crane,.timepicker-ui-cancel-btn:hover.crane,.timepicker-ui-ok-btn.mobile:hover.crane,.timepicker-ui-ok-btn:hover.crane{background-color:var(--timepicker-primary)}.timepicker-ui-keyboard-icon-wrapper.crane svg,.timepicker-ui-keyboard-icon-wrapper.mobile.crane svg{fill:var(--timepicker-text)}.timepicker-ui-keyboard-icon-wrapper.crane:hover svg,.timepicker-ui-keyboard-icon-wrapper.mobile.crane:hover svg{fill:var(--timepicker-primary)}.timepicker-ui-input-wrapper.crane{border-radius:0}.timepicker-ui-circle-hand.crane,.timepicker-ui-clock-hand.crane{background-color:var(--timepicker-primary)}.timepicker-ui-circle-hand.crane{border-color:var(--timepicker-primary)}.timepicker-ui-value-tips.crane{color:var(--timepicker-text)}.timepicker-ui-wrapper.crane-straight,.timepicker-ui-wrapper.mobile.crane-straight{--timepicker-bg:#4e0d3a;--timepicker-surface:#71135c;--timepicker-surface-hover:#71135c;--timepicker-text:#fff;--timepicker-secondary-text:#e5e5e5;--timepicker-am-pm-active:#f7363e;--timepicker-am-pm-text-selected:#fff;--timepicker-am-pm-text-unselected:#fff;--timepicker-primary:#f7363e;--timepicker-on-primary:#fff;--timepicker-primary-container:#f7363e;--timepicker-on-primary-container:#fff;--timepicker-tertiary-container:#f7363e;--timepicker-on-tertiary-container:#fff;--timepicker-border:transparent;--timepicker-outline:#ff4c52;--timepicker-border-radius:0;background-color:var(--timepicker-bg);border-radius:0;color:var(--timepicker-text)}.timepicker-ui-select-time.crane-straight,.timepicker-ui-select-time.mobile.crane-straight{color:var(--timepicker-secondary-text)}.timepicker-ui-clock-face.crane-straight,.timepicker-ui-clock-face.mobile.crane-straight{background-color:var(--timepicker-surface)}.timepicker-ui-dot.crane-straight,.timepicker-ui-dot.mobile.crane-straight{background-color:var(--timepicker-primary)}.timepicker-ui-hour.crane-straight,.timepicker-ui-hour.mobile.crane-straight,.timepicker-ui-minutes.crane-straight,.timepicker-ui-minutes.mobile.crane-straight{background-color:var(--timepicker-surface);border-radius:0;color:var(--timepicker-text)}.timepicker-ui-hour.crane-straight.active,.timepicker-ui-hour.crane-straight:hover,.timepicker-ui-hour.mobile.crane-straight.active,.timepicker-ui-hour.mobile.crane-straight:hover,.timepicker-ui-minutes.crane-straight.active,.timepicker-ui-minutes.crane-straight:hover,.timepicker-ui-minutes.mobile.crane-straight.active,.timepicker-ui-minutes.mobile.crane-straight:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-hour.mobile.crane-straight[contenteditable=true]:active,.timepicker-ui-hour.mobile.crane-straight[contenteditable=true]:focus,.timepicker-ui-minutes.mobile.crane-straight[contenteditable=true]:active,.timepicker-ui-minutes.mobile.crane-straight[contenteditable=true]:focus{border-color:var(--timepicker-text);outline-color:var(--timepicker-text)}.timepicker-ui-dots.crane-straight,.timepicker-ui-dots.mobile.crane-straight,.timepicker-ui-wrapper-type-time.crane-straight,.timepicker-ui-wrapper-type-time.mobile.crane-straight{color:var(--timepicker-text)}.timepicker-ui-am.crane-straight,.timepicker-ui-am.mobile.crane-straight,.timepicker-ui-pm.crane-straight,.timepicker-ui-pm.mobile.crane-straight{background-color:var(--timepicker-surface);border:.125rem solid var(--timepicker-border);border-radius:0}.timepicker-ui-am.active.crane-straight,.timepicker-ui-am.mobile.active.crane-straight,.timepicker-ui-am.mobile:hover.crane-straight,.timepicker-ui-am:hover.crane-straight,.timepicker-ui-pm.active.crane-straight,.timepicker-ui-pm.mobile.active.crane-straight,.timepicker-ui-pm.mobile:hover.crane-straight,.timepicker-ui-pm:hover.crane-straight{background-color:var(--timepicker-am-pm-active);color:var(--timepicker-on-primary)}.timepicker-ui-cancel-btn.crane-straight,.timepicker-ui-cancel-btn.mobile.crane-straight,.timepicker-ui-ok-btn.crane-straight,.timepicker-ui-ok-btn.mobile.crane-straight{border-radius:0;color:var(--timepicker-text)}.timepicker-ui-cancel-btn.mobile:hover.crane-straight,.timepicker-ui-cancel-btn:hover.crane-straight,.timepicker-ui-ok-btn.mobile:hover.crane-straight,.timepicker-ui-ok-btn:hover.crane-straight{background-color:var(--timepicker-primary)}.timepicker-ui-keyboard-icon-wrapper.crane-straight svg,.timepicker-ui-keyboard-icon-wrapper.mobile.crane-straight svg{fill:var(--timepicker-text)}.timepicker-ui-keyboard-icon-wrapper.crane-straight:hover svg,.timepicker-ui-keyboard-icon-wrapper.mobile.crane-straight:hover svg{fill:var(--timepicker-primary)}.timepicker-ui-input-wrapper.crane-straight{border-radius:0;overflow:hidden}.timepicker-ui-input-ripple-wrapper.crane-straight{border-radius:0}.timepicker-ui-circle-hand.crane-straight,.timepicker-ui-clock-hand.crane-straight{background-color:var(--timepicker-primary)}.timepicker-ui-circle-hand.crane-straight{border-color:var(--timepicker-primary)}.timepicker-ui-value-tips.crane-straight{color:var(--timepicker-text)}.timepicker-ui-wrapper.m2{--timepicker-bg:#fff;--timepicker-surface:#e0e0e0;--timepicker-surface-hover:#ece0fd;--timepicker-input-bg:#e4e4e4;--timepicker-text:#000;--timepicker-secondary-text:#a9a9a9;--timepicker-disabled-text:hsla(0,1%,61%,.6);--timepicker-type-time-text:#787878;--timepicker-icon-text:#4e545a;--timepicker-am-pm-active:#ece0fd;--timepicker-am-pm-text-selected:#6200ee;--timepicker-am-pm-text-unselected:#787878;--timepicker-primary:#6200ee;--timepicker-on-primary:#fff;--timepicker-primary-container:#ece0fd;--timepicker-on-primary-container:#6200ee;--timepicker-tertiary-container:#ece0fd;--timepicker-on-tertiary-container:#6200ee;--timepicker-border:#d6d6d6;--timepicker-outline:#8b5cf6;--timepicker-hover-bg:#d6d6d6;--timepicker-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);--timepicker-border-radius:4px}.timepicker-ui-hour-time-12.m2,.timepicker-ui-hour-time-24.m2{color:var(--timepicker-text)}.timepicker-ui-wrapper.m2{background-color:var(--timepicker-bg);border-radius:var(--timepicker-border-radius);box-shadow:var(--timepicker-shadow)}.timepicker-ui-hour.active.m2,.timepicker-ui-minutes.active.m2{background-color:var(--timepicker-surface-hover);color:var(--timepicker-primary)}.timepicker-ui-hour.m2,.timepicker-ui-minutes.m2{background-color:var(--timepicker-input-bg)}.timepicker-ui-hour:hover.m2,.timepicker-ui-minutes:hover.m2{background-color:var(--timepicker-surface-hover);color:var(--timepicker-primary)}.timepicker-ui-clock-face.m2{background-color:var(--timepicker-surface)}.timepicker-ui-circle-hand.m2,.timepicker-ui-clock-hand.m2,.timepicker-ui-dot.m2{background-color:var(--timepicker-primary)!important}.timepicker-ui-cancel-btn.m2,.timepicker-ui-ok-btn.m2{color:var(--timepicker-primary)}.timepicker-ui-cancel-btn:hover.m2,.timepicker-ui-ok-btn:hover.m2{background-color:var(--timepicker-hover-bg)}.timepicker-ui-wrapper-type-time.m2{color:var(--timepicker-type-time-text)}.timepicker-ui-am.m2,.timepicker-ui-pm.m2{border-color:var(--timepicker-border)}.timepicker-ui-am.active.m2,.timepicker-ui-am:hover.m2,.timepicker-ui-pm.active.m2,.timepicker-ui-pm:hover.m2{background-color:var(--timepicker-am-pm-active);color:var(--timepicker-primary)}.timepicker-ui-hour.mobile:hover.m2,.timepicker-ui-minutes.mobile:hover.m2{background-color:var(--timepicker-surface-hover);color:var(--timepicker-primary)}.timepicker-ui-keyboard-icon-wrapper.m2 svg{fill:var(--timepicker-icon-text)}.timepicker-ui-keyboard-icon-wrapper.m2:hover svg{fill:var(--timepicker-primary)}.timepicker-ui-select-time.m2{color:var(--timepicker-secondary-text)}.timepicker-ui-dots.m2 span{background-color:var(--timepicker-text)}.timepicker-ui-value-tips-24h.m2,.timepicker-ui-value-tips.m2{color:var(--timepicker-text)}.timepicker-ui-value-tips-24h.m2.active,.timepicker-ui-value-tips.m2.active{color:var(--timepicker-on-primary)}.timepicker-ui-tips-disabled.m2{color:var(--timepicker-disabled-text)}.timepicker-ui-hour-text.m2,.timepicker-ui-minute-text.m2{color:var(--timepicker-secondary-text)}.timepicker-ui-icon-text.m2{color:var(--timepicker-icon-text)}.timepicker-ui-wrapper.m3-green{--timepicker-bg:#e5eadc;--timepicker-surface:#dfe4d6;--timepicker-surface-hover:#dfe4d6;--timepicker-text:#1a1c18;--timepicker-secondary-text:#6b7165;--timepicker-am-pm-active:#bbebeb;--timepicker-am-pm-text-selected:#002021;--timepicker-am-pm-text-unselected:#6b7165;--timepicker-primary:#386a20;--timepicker-on-primary:#042100;--timepicker-primary-container:#b8f397;--timepicker-on-primary-container:#042100;--timepicker-tertiary-container:#bbebeb;--timepicker-on-tertiary-container:#002021;--timepicker-border:#74796e;--timepicker-outline:#4ade80;--timepicker-shadow:unset;--timepicker-border-radius:35px}.timepicker-ui-hour-time-12.m3-green,.timepicker-ui-hour-time-24.m3-green{color:var(--timepicker-text)}.timepicker-ui-wrapper.m3-green{background-color:var(--timepicker-bg);border-radius:var(--timepicker-border-radius);box-shadow:var(--timepicker-shadow)}.timepicker-ui-hour.active.m3-green,.timepicker-ui-minutes.active.m3-green{background-color:#b8f397;color:var(--timepicker-on-primary)}.timepicker-ui-hour.m3-green,.timepicker-ui-minutes.m3-green{background-color:var(--timepicker-surface)}.timepicker-ui-hour:hover.m3-green,.timepicker-ui-minutes:hover.m3-green{color:var(--timepicker-primary)}.timepicker-ui-clock-face.m3-green{background-color:var(--timepicker-surface)}.timepicker-ui-circle-hand.m3-green,.timepicker-ui-clock-hand.m3-green,.timepicker-ui-dot.m3-green{background-color:var(--timepicker-primary)!important}.timepicker-ui-cancel-btn.m3-green,.timepicker-ui-ok-btn.m3-green{color:var(--timepicker-primary)}.timepicker-ui-cancel-btn:hover.m3-green,.timepicker-ui-ok-btn:hover.m3-green{background-color:var(--timepicker-surface)}.timepicker-ui-wrapper-type-time.m3-green{color:var(--timepicker-secondary-text)}.timepicker-ui-am.m3-green,.timepicker-ui-pm.m3-green{border-color:var(--timepicker-border);border-width:1px}.timepicker-ui-am.m3-green{border-bottom-width:0}.timepicker-ui-am.active.m3-green,.timepicker-ui-am:hover.m3-green,.timepicker-ui-pm.active.m3-green,.timepicker-ui-pm:hover.m3-green{background-color:var(--timepicker-am-pm-active);color:#002021}.timepicker-ui-hour.mobile:hover.m3-green,.timepicker-ui-minutes.mobile:hover.m3-green{background-color:var(--timepicker-surface)}.timepicker-ui-keyboard-icon-wrapper.m3-green svg{fill:var(--timepicker-secondary-text)}.timepicker-ui-keyboard-icon-wrapper.m3-green:hover svg{fill:var(--timepicker-primary)}.timepicker-ui-wrapper.dark{--timepicker-bg:#1c1b1f;--timepicker-surface:#2c2b30;--timepicker-surface-hover:#3b3940;--timepicker-text:#e5e5e5;--timepicker-secondary-text:#a1a1a1;--timepicker-am-pm-active:#bb86fc;--timepicker-am-pm-text-selected:#000;--timepicker-am-pm-text-unselected:#a1a1a1;--timepicker-primary:#bb86fc;--timepicker-on-primary:#000;--timepicker-primary-container:#bb86fc;--timepicker-on-primary-container:#000;--timepicker-tertiary-container:#bb86fc;--timepicker-on-tertiary-container:#000;--timepicker-border:hsla(0,0%,100%,.12);--timepicker-outline:#d8b4fe;background-color:var(--timepicker-bg);color:var(--timepicker-text)}.timepicker-ui-input-ripple-wrapper.dark{border-radius:8px}.timepicker-ui-hour.dark,.timepicker-ui-minutes.dark{background-color:var(--timepicker-surface);color:var(--timepicker-text)}.timepicker-ui-hour.dark:hover,.timepicker-ui-minutes.dark:hover{background-color:var(--timepicker-surface-hover);color:#fff}.timepicker-ui-clock-face.dark{background-color:var(--timepicker-surface)}.timepicker-ui-dots.dark span,.timepicker-ui-dots.mobile.dark span{background-color:#fff}.timepicker-ui-circle-hand.dark,.timepicker-ui-clock-hand.dark,.timepicker-ui-dot.dark{background-color:var(--timepicker-primary)!important}.timepicker-ui-hour.active.dark,.timepicker-ui-minutes.active.dark{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-cancel-btn.dark,.timepicker-ui-ok-btn.dark{color:var(--timepicker-primary)}.timepicker-ui-cancel-btn:hover.dark,.timepicker-ui-ok-btn:hover.dark{background-color:var(--timepicker-surface-hover)}.timepicker-ui-wrapper-type-time.dark{color:var(--timepicker-secondary-text)}.timepicker-ui-am.dark,.timepicker-ui-pm.dark{background-color:var(--timepicker-surface);border-color:var(--timepicker-primary);color:var(--timepicker-text)}.timepicker-ui-am.dark.active,.timepicker-ui-am.dark:hover,.timepicker-ui-pm.dark.active,.timepicker-ui-pm.dark:hover{background-color:var(--timepicker-am-pm-active);color:var(--timepicker-on-primary)}.timepicker-ui-keyboard-icon-wrapper.dark svg{fill:var(--timepicker-text)}.timepicker-ui-keyboard-icon-wrapper.dark:hover svg{fill:var(--timepicker-primary)}.timepicker-ui-value-tips.dark{color:#fff}.timepicker-ui-wrapper.glassmorphic{--timepicker-bg:hsla(0,0%,100%,.05);--timepicker-surface:hsla(0,0%,100%,.1);--timepicker-surface-hover:hsla(0,0%,100%,.15);--timepicker-text:#fff;--timepicker-secondary-text:hsla(0,0%,100%,.7);--timepicker-am-pm-active:hsla(0,0%,100%,.6);--timepicker-am-pm-text-selected:#000;--timepicker-am-pm-text-unselected:hsla(0,0%,100%,.7);--timepicker-primary:hsla(0,0%,100%,.6);--timepicker-on-primary:#000;--timepicker-primary-container:hsla(0,0%,100%,.6);--timepicker-on-primary-container:#000;--timepicker-tertiary-container:hsla(0,0%,100%,.6);--timepicker-on-tertiary-container:#000;--timepicker-border:hsla(0,0%,100%,.3);--timepicker-outline:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:var(--timepicker-bg);border-radius:1.25rem;color:var(--timepicker-text)}.timepicker-ui-input-ripple-wrapper.glassmorphic{border-radius:1rem}.timepicker-ui-select-time.glassmorphic{color:var(--timepicker-text)}.timepicker-ui-clock-face.glassmorphic{backdrop-filter:blur(8px);background-color:var(--timepicker-surface)}.timepicker-ui-circle-hand.glassmorphic,.timepicker-ui-clock-hand.glassmorphic,.timepicker-ui-dot.glassmorphic{background-color:var(--timepicker-primary)!important}.timepicker-ui-hour.glassmorphic,.timepicker-ui-minutes.glassmorphic{background-color:var(--timepicker-surface-hover);border-radius:1rem;color:var(--timepicker-text)}.timepicker-ui-hour.glassmorphic.active,.timepicker-ui-hour.glassmorphic:hover,.timepicker-ui-minutes.glassmorphic.active,.timepicker-ui-minutes.glassmorphic:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-dots.glassmorphic,.timepicker-ui-wrapper-type-time.glassmorphic{color:var(--timepicker-text)}.timepicker-ui-am.glassmorphic,.timepicker-ui-pm.glassmorphic{background-color:var(--timepicker-surface);border:1px solid var(--timepicker-border);color:var(--timepicker-text)}.timepicker-ui-am.glassmorphic.active,.timepicker-ui-am.glassmorphic:hover,.timepicker-ui-pm.glassmorphic.active,.timepicker-ui-pm.glassmorphic:hover{background-color:var(--timepicker-am-pm-active);color:var(--timepicker-on-primary)}.timepicker-ui-cancel-btn.glassmorphic,.timepicker-ui-ok-btn.glassmorphic{background-color:var(--timepicker-surface);border-radius:.75rem;color:var(--timepicker-text)}.timepicker-ui-cancel-btn.glassmorphic:hover,.timepicker-ui-ok-btn.glassmorphic:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-keyboard-icon-wrapper.glassmorphic svg{fill:var(--timepicker-text)}.timepicker-ui-keyboard-icon-wrapper.glassmorphic:hover svg{fill:var(--timepicker-primary)}.timepicker-ui-value-tips.glassmorphic{color:var(--timepicker-text)}.timepicker-ui-wrapper.pastel{--timepicker-bg:#fdf6f0;--timepicker-surface:#fae3d9;--timepicker-surface-hover:#fef0e8;--timepicker-text:#3b3b3b;--timepicker-secondary-text:#a58f86;--timepicker-am-pm-active:#ffb6b9;--timepicker-am-pm-text-selected:#fff;--timepicker-am-pm-text-unselected:#a58f86;--timepicker-primary:#ffb6b9;--timepicker-on-primary:#fff;--timepicker-primary-container:#ffb6b9;--timepicker-on-primary-container:#fff;--timepicker-tertiary-container:#ffb6b9;--timepicker-on-tertiary-container:#fff;--timepicker-border:#efdcd2;--timepicker-outline:#ff8a8f;--timepicker-shadow:0 4px 16px rgba(0,0,0,.05);--timepicker-border-radius:1.25rem}.timepicker-ui-input-ripple-wrapper.pastel{border-radius:1rem}.timepicker-ui-wrapper.pastel{background-color:var(--timepicker-bg);border-radius:var(--timepicker-border-radius);box-shadow:var(--timepicker-shadow);color:var(--timepicker-text)}.timepicker-ui-select-time.pastel{color:var(--timepicker-secondary-text)}.timepicker-ui-clock-face.pastel{background-color:#fff5ee;border:1px solid #f0e1db}.timepicker-ui-circle-hand.pastel,.timepicker-ui-clock-hand.pastel,.timepicker-ui-dot.pastel{background-color:var(--timepicker-primary)!important}.timepicker-ui-hour.pastel,.timepicker-ui-minutes.pastel{background-color:var(--timepicker-surface);border-radius:1rem;color:var(--timepicker-text)}.timepicker-ui-hour.pastel.active,.timepicker-ui-hour.pastel:hover,.timepicker-ui-minutes.pastel.active,.timepicker-ui-minutes.pastel:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-dots.pastel,.timepicker-ui-wrapper-type-time.pastel{color:var(--timepicker-secondary-text)}.timepicker-ui-am.pastel,.timepicker-ui-pm.pastel{background-color:var(--timepicker-surface-hover);border:1px solid var(--timepicker-border);color:var(--timepicker-text)}.timepicker-ui-am.pastel.active,.timepicker-ui-am.pastel:hover,.timepicker-ui-pm.pastel.active,.timepicker-ui-pm.pastel:hover{background-color:var(--timepicker-am-pm-active);color:var(--timepicker-on-primary)}.timepicker-ui-cancel-btn.pastel,.timepicker-ui-ok-btn.pastel{background-color:var(--timepicker-surface-hover);border-radius:.75rem;color:var(--timepicker-text)}.timepicker-ui-cancel-btn.pastel:hover,.timepicker-ui-ok-btn.pastel:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-keyboard-icon-wrapper.pastel svg{fill:var(--timepicker-secondary-text)}.timepicker-ui-keyboard-icon-wrapper.pastel:hover svg{fill:var(--timepicker-primary)}.timepicker-ui-value-tips.pastel{color:var(--timepicker-text)}.timepicker-ui-wrapper.ai{--timepicker-bg:#f3f4f6;--timepicker-surface:#e5e7eb;--timepicker-surface-hover:#f9fafb;--timepicker-text:#111827;--timepicker-secondary-text:#6b7280;--timepicker-am-pm-active:#3b82f6;--timepicker-am-pm-text-selected:#fff;--timepicker-am-pm-text-unselected:#6b7280;--timepicker-primary:#3b82f6;--timepicker-on-primary:#fff;--timepicker-primary-container:#3b82f6;--timepicker-on-primary-container:#fff;--timepicker-tertiary-container:#3b82f6;--timepicker-on-tertiary-container:#fff;--timepicker-border:#d1d5db;--timepicker-outline:#3b82f6;--timepicker-shadow:0 4px 12px rgba(0,0,0,.04);--timepicker-border-radius:0.75rem;background-color:var(--timepicker-bg);border-radius:var(--timepicker-border-radius);box-shadow:var(--timepicker-shadow);color:var(--timepicker-text)}.timepicker-ui-select-time.ai{color:var(--timepicker-secondary-text)}.timepicker-ui-clock-face.ai{background-color:var(--timepicker-surface);border:1px solid var(--timepicker-border)}.timepicker-ui-circle-hand.ai,.timepicker-ui-clock-hand.ai,.timepicker-ui-dot.ai{background-color:var(--timepicker-primary)!important}.timepicker-ui-hour.ai,.timepicker-ui-minutes.ai{background-color:var(--timepicker-surface);border-radius:.5rem;color:var(--timepicker-text)}.timepicker-ui-hour.ai.active,.timepicker-ui-hour.ai:hover,.timepicker-ui-minutes.ai.active,.timepicker-ui-minutes.ai:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-dots.ai,.timepicker-ui-wrapper-type-time.ai{color:#374151}.timepicker-ui-am.ai,.timepicker-ui-pm.ai{background-color:var(--timepicker-surface-hover);border:1px solid var(--timepicker-border);color:var(--timepicker-text)}.timepicker-ui-am.ai.active,.timepicker-ui-am.ai:hover,.timepicker-ui-pm.ai.active,.timepicker-ui-pm.ai:hover{background-color:var(--timepicker-am-pm-active);color:var(--timepicker-on-primary)}.timepicker-ui-cancel-btn.ai,.timepicker-ui-ok-btn.ai{background-color:var(--timepicker-bg);border-radius:.5rem;color:var(--timepicker-text)}.timepicker-ui-cancel-btn.ai:hover,.timepicker-ui-ok-btn.ai:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-keyboard-icon-wrapper.ai svg{fill:var(--timepicker-secondary-text)}.timepicker-ui-keyboard-icon-wrapper.ai:hover svg{fill:var(--timepicker-primary)}.timepicker-ui-value-tips.ai{color:var(--timepicker-text)}.timepicker-ui-wrapper.cyberpunk{--timepicker-bg:#0f0c29;--timepicker-surface:#1a1a2e;--timepicker-surface-hover:#1a1a2e;--timepicker-text:#f8f8ff;--timepicker-secondary-text:#00f0ff;--timepicker-am-pm-active:#00f0ff;--timepicker-am-pm-text-selected:#0f0c29;--timepicker-am-pm-text-unselected:#00f0ff;--timepicker-primary:#00f0ff;--timepicker-on-primary:#0f0c29;--timepicker-primary-container:#00f0ff;--timepicker-on-primary-container:#0f0c29;--timepicker-tertiary-container:#00f0ff;--timepicker-on-tertiary-container:#0f0c29;--timepicker-border:rgba(0,240,255,.3);--timepicker-outline:#fff;--timepicker-shadow:0 0 12px #00f0ff;--timepicker-border-radius:1rem;background-color:var(--timepicker-bg);border-radius:var(--timepicker-border-radius);box-shadow:var(--timepicker-shadow);color:var(--timepicker-text)}.timepicker-ui-select-time.cyberpunk{color:var(--timepicker-primary)}.timepicker-ui-clock-face.cyberpunk{background:linear-gradient(135deg,#1a1a2e,#0f3460);border:1px solid var(--timepicker-border)}.timepicker-ui-circle-hand.cyberpunk,.timepicker-ui-clock-hand.cyberpunk,.timepicker-ui-dot.cyberpunk{background-color:var(--timepicker-primary)!important;box-shadow:0 0 6px var(--timepicker-primary)}.timepicker-ui-hour.cyberpunk,.timepicker-ui-minutes.cyberpunk{background-color:var(--timepicker-surface);border-radius:.75rem;color:var(--timepicker-text)}.timepicker-ui-hour.cyberpunk.active,.timepicker-ui-hour.cyberpunk:hover,.timepicker-ui-minutes.cyberpunk.active,.timepicker-ui-minutes.cyberpunk:hover{background-color:var(--timepicker-primary);box-shadow:0 0 8px var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-dots.cyberpunk,.timepicker-ui-wrapper-type-time.cyberpunk{color:var(--timepicker-primary)}.timepicker-ui-am.cyberpunk,.timepicker-ui-pm.cyberpunk{background-color:var(--timepicker-surface);border:1px solid var(--timepicker-primary);color:var(--timepicker-text)}.timepicker-ui-am.cyberpunk.active,.timepicker-ui-am.cyberpunk:hover,.timepicker-ui-pm.cyberpunk.active,.timepicker-ui-pm.cyberpunk:hover{background-color:var(--timepicker-am-pm-active);color:var(--timepicker-on-primary)}.timepicker-ui-cancel-btn.cyberpunk,.timepicker-ui-ok-btn.cyberpunk{background-color:var(--timepicker-surface);border-radius:.5rem;color:var(--timepicker-primary)}.timepicker-ui-cancel-btn.cyberpunk:hover,.timepicker-ui-ok-btn.cyberpunk:hover{background-color:var(--timepicker-primary);box-shadow:0 0 6px var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-keyboard-icon-wrapper.cyberpunk svg{fill:var(--timepicker-primary)}.timepicker-ui-value-tips.cyberpunk{color:var(--timepicker-primary)}.timepicker-ui-value-tips.cyberpunk.active{color:var(--timepicker-on-primary)}.timepicker-ui-hour.custom,.timepicker-ui-minutes.custom{background-color:var(--timepicker-surface);color:var(--timepicker-text)}.timepicker-ui-hour.custom.active,.timepicker-ui-hour.custom:hover,.timepicker-ui-minutes.custom.active,.timepicker-ui-minutes.custom:hover{background-color:var(--timepicker-surface-hover);color:var(--timepicker-primary)}.timepicker-ui-clock-face.custom{background-color:var(--timepicker-surface)}.timepicker-ui-circle-hand.custom,.timepicker-ui-clock-hand.custom,.timepicker-ui-dot.custom{background-color:var(--timepicker-primary)!important}.timepicker-ui-cancel-btn.custom,.timepicker-ui-ok-btn.custom{color:var(--timepicker-primary)}.timepicker-ui-cancel-btn.custom:hover,.timepicker-ui-ok-btn.custom:hover{background-color:var(--timepicker-border)}.timepicker-ui-wrapper-type-time.custom{color:var(--timepicker-secondary-text)}.timepicker-ui-am.custom,.timepicker-ui-pm.custom{background-color:var(--timepicker-bg);border-color:var(--timepicker-border);color:var(--timepicker-text)}.timepicker-ui-am.custom.active,.timepicker-ui-am.custom:hover,.timepicker-ui-pm.custom.active,.timepicker-ui-pm.custom:hover{background-color:var(--timepicker-am-pm-active);color:var(--timepicker-primary)}.timepicker-ui-am.custom.active,.timepicker-ui-pm.custom.active{background-color:var(--timepicker-am-pm-active);color:var(--timepicker-on-primary)}.timepicker-ui-keyboard-icon-wrapper.custom svg{fill:var(--timepicker-text)}.timepicker-ui-keyboard-icon-wrapper.custom:hover svg{fill:var(--timepicker-primary)}.timepicker-ui-tips-disabled.custom{color:var(--timepicker-disabled-text)}.timepicker-ui-value-tips.custom.active{color:var(--timepicker-on-primary)}

package/dist/css/main.css

@@ -1 +1 @@
-:root{--timepicker-bg:#fff;--timepicker-surface:#e0e0e0;--timepicker-surface-hover:#ece0fd;--timepicker-input-bg:#e4e4e4;--timepicker-text:#000;--timepicker-secondary-text:#a9a9a9;--timepicker-disabled-text:hsla(0,1%,61%,.6);--timepicker-type-time-text:#787878;--timepicker-icon-text:#4e545a;--timepicker-primary:#6200ee;--timepicker-on-primary:#fff;--timepicker-border:#d6d6d6;--timepicker-hover-bg:#d6d6d6;--timepicker-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);--timepicker-font-family:"Roboto",sans-serif;--timepicker-border-radius:4px}.timepicker-ui *{box-sizing:border-box!important}.timepicker-ui-modal{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}.timepicker-ui-modal.show{pointer-events:auto}.timepicker-ui-modal.removed{background-color:transparent;bottom:auto;left:auto;right:auto;top:auto}.timepicker-ui-measure{height:3.125rem;overflow:scroll;position:absolute;top:-9999px;width:3.125rem}.timepicker-ui-wrapper,.timepicker-ui-wrapper.mobile{background-color:var(--timepicker-bg);border-radius:var(--timepicker-border-radius);box-shadow:var(--timepicker-shadow);display:flex;flex-direction:column;left:50%;outline:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:328px;z-index:5001}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-wrapper:not(.timepicker-ui-wrapper+.mobile){flex-direction:row;height:360px;width:584px}}@media screen and (max-width:330px) and (orientation:portrait){.timepicker-ui-wrapper:not(.timepicker-ui-wrapper+.mobile){width:315px}}.timepicker-ui-wrapper.mobile{height:218px}@media screen and (max-width:330px){.timepicker-ui-wrapper.mobile{width:315px}}.timepicker-ui-header,.timepicker-ui-header.mobile{align-items:center;display:flex;flex-direction:row;height:104px;height:100%;justify-content:center;padding:52px 24px 36px;position:relative}.timepicker-ui-header.mobile{padding-bottom:0;padding-top:35px}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-header:not(.timepicker-ui-header+.mobile){flex-direction:column;height:auto}}.timepicker-ui-select-time,.timepicker-ui-select-time.mobile{color:var(--timepicker-secondary-text);font-size:12px;left:24px;position:absolute;text-transform:uppercase;top:16px}.timepicker-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){.timepicker-ui-body{align-items:center;display:flex;justify-content:center;margin-top:23px;padding-left:0;padding-right:0}.timepicker-ui-wrapper-landspace{display:flex;flex-direction:column;width:100%}}.timepicker-ui-footer,.timepicker-ui-footer-mobile{display:flex;height:76px;justify-content:space-between;margin-bottom:4px}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-footer:not(.timepicker-ui-footer+.mobile){justify-content:flex-end}}.timepicker-ui-footer.mobile{align-items:flex-start}.timepicker-ui-clock-face{background-color:var(--timepicker-surface);border-radius:100%;height:100%;position:relative;width:100%}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-clock-face{height:256px;top:15px;width:256px}}.timepicker-ui-dot{background-color:var(--timepicker-primary);border-radius:100%;height:8px;left:50%;position:absolute;top:50%;touch-action:none;transform:translate(-50%,-50%);user-select:none;width:8px}.timepicker-ui-tips-wrapper{height:100%;width:100%}.timepicker-ui-tips-wrapper-24h{border-radius:50%;height:160px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:160px;z-index:0}.timepicker-ui-tips-wrapper-24h-disabled{pointer-events:none;touch-action:none;user-select:none}.timepicker-ui-hour-time-12,.timepicker-ui-hour-time-24,.timepicker-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}.timepicker-ui-hour-time-12 span,.timepicker-ui-hour-time-24 span,.timepicker-ui-minutes-time span{touch-action:none;user-select:none}.timepicker-ui-hour-time-12{align-items:center;display:block;display:flex;justify-content:center}.timepicker-ui-wrapper-time,.timepicker-ui-wrapper-time.mobile{align-items:center;display:flex;height:100%;justify-content:center;margin-right:10px}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-wrapper-time:not(.timepicker-ui-wrapper-time+.mobile){height:auto;margin-bottom:16px;margin-right:0}}.timepicker-ui-wrapper-time-24h{margin-right:0}.timepicker-ui-wrapper-time.mobile{position:relative}.timepicker-ui-hour,.timepicker-ui-hour.mobile,.timepicker-ui-minutes,.timepicker-ui-minutes.mobile{align-items:center;background-color:var(--timepicker-input-bg);border:2px solid transparent;border-radius:7px;color:var(--timepicker-text);cursor:pointer;display:flex;font-size:51.2px;height:80px;justify-content:center;outline:none;padding:10px;text-align:center;transition:all .3s ease;width:96px}.timepicker-ui-hour.mobile:focus-visible,.timepicker-ui-hour:focus-visible,.timepicker-ui-minutes.mobile:focus-visible,.timepicker-ui-minutes:focus-visible{outline:auto}.timepicker-ui-hour.active,.timepicker-ui-hour.mobile.active,.timepicker-ui-hour.mobile:hover,.timepicker-ui-hour:hover,.timepicker-ui-minutes.active,.timepicker-ui-minutes.mobile.active,.timepicker-ui-minutes.mobile:hover,.timepicker-ui-minutes:hover{background-color:var(--timepicker-surface-hover);color:var(--timepicker-primary)}.timepicker-ui-hour.mobile::-webkit-inner-spin-button,.timepicker-ui-hour.mobile::-webkit-outer-spin-button,.timepicker-ui-hour::-webkit-inner-spin-button,.timepicker-ui-hour::-webkit-outer-spin-button,.timepicker-ui-minutes.mobile::-webkit-inner-spin-button,.timepicker-ui-minutes.mobile::-webkit-outer-spin-button,.timepicker-ui-minutes::-webkit-inner-spin-button,.timepicker-ui-minutes::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.timepicker-ui-hour,.timepicker-ui-minutes{border:2px solid transparent;outline:none}.timepicker-ui-hour[contenteditable=true]:active,.timepicker-ui-hour[contenteditable=true]:focus,.timepicker-ui-minutes[contenteditable=true]:active,.timepicker-ui-minutes[contenteditable=true]:focus{border:2px solid var(--timepicker-primary);outline-color:var(--timepicker-primary);user-select:all}.timepicker-ui-hour.mobile,.timepicker-ui-minutes.mobile{border:2px solid transparent;height:70px;outline:none}.timepicker-ui-hour.mobile[contenteditable=true]:active,.timepicker-ui-hour.mobile[contenteditable=true]:focus,.timepicker-ui-minutes.mobile[contenteditable=true]:active,.timepicker-ui-minutes.mobile[contenteditable=true]:focus{border:2px solid var(--timepicker-primary);outline-color:var(--timepicker-primary);user-select:all}.timepicker-ui-dots,.timepicker-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}.timepicker-ui-dots span,.timepicker-ui-dots.mobile span{background-color:var(--timepicker-text);border-radius:50%;display:block;height:6px;width:6px}.timepicker-ui-wrapper-type-time,.timepicker-ui-wrapper-type-time.mobile{align-self:stretch;color:var(--timepicker-type-time-text);display:flex;flex-direction:column;font-size:16px;font-weight:500;justify-content:center}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-wrapper-type-time{flex-direction:row;width:100%}}.timepicker-ui-wrapper-type-time.mobile{height:70px}.timepicker-ui-am,.timepicker-ui-am.mobile,.timepicker-ui-pm,.timepicker-ui-pm.mobile{align-items:center;border:2px solid var(--timepicker-border);cursor:pointer;display:flex;height:100%;justify-content:center;transition:all .3s ease;width:100%}.timepicker-ui-am.active,.timepicker-ui-am.mobile.active,.timepicker-ui-am.mobile:hover,.timepicker-ui-am:hover,.timepicker-ui-pm.active,.timepicker-ui-pm.mobile.active,.timepicker-ui-pm.mobile:hover,.timepicker-ui-pm:hover{background-color:var(--timepicker-surface-hover);color:var(--timepicker-primary)}.timepicker-ui-am.active,.timepicker-ui-am.mobile.active,.timepicker-ui-pm.active,.timepicker-ui-pm.mobile.active{pointer-events:none}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-am:not(.timepicker-ui-am+.mobile),.timepicker-ui-pm:not(.timepicker-ui-pm+.mobile){height:44px;width:50%}}.timepicker-ui-am,.timepicker-ui-am.mobile{border-bottom-width:.3752px;border-top-left-radius:7px;border-top-right-radius:7px}.timepicker-ui-am.mobile{border-bottom-left-radius:0}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-am:not(.timepicker-ui-am+.mobile){border-bottom-left-radius:7px;border-right-width:.3752px;border-top-left-radius:7px;border-top-right-radius:0;border-top-width:1.5008px}}.timepicker-ui-pm,.timepicker-ui-pm.mobile{border-bottom-left-radius:7px;border-bottom-right-radius:7px;border-top-width:.3752px;width:54px}.timepicker-ui-pm.mobile{border-top-right-radius:0}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-pm:not(.timepicker-ui-pm+.mobile){border-bottom-left-radius:0;border-bottom-right-radius:7px;border-bottom-width:1.5008px;border-left-width:.3752px;border-top-right-radius:7px;height:44px;width:50%}}.timepicker-ui-cancel-btn,.timepicker-ui-cancel-btn.mobile,.timepicker-ui-ok-btn,.timepicker-ui-ok.btn-mobile{background-color:transparent;border-radius:7px;color:var(--timepicker-primary);cursor:pointer;font-size:15.2px;font-weight:500;padding:9px;text-align:center;text-transform:uppercase;transition:all .3s ease}.timepicker-ui-cancel-btn.mobile:hover,.timepicker-ui-cancel-btn:hover,.timepicker-ui-ok-btn:hover,.timepicker-ui-ok.btn-mobile:hover{background-color:var(--timepicker-hover-bg)}.timepicker-ui-cancel-btn,.timepicker-ui-cancel-btn.mobile{margin-right:4px}.timepicker-ui-ok-btn,.timepicker-ui-ok-btn.mobile{margin-left:4px}.timepicker-ui-keyboard-icon,.timepicker-ui-keyboard-icon-mobile,.timepicker-ui-wrapper-btn,.timepicker-ui-wrapper-btn-mobile{align-items:center;display:flex;justify-content:center}.timepicker-ui-keyboard-icon-wrapper,.timepicker-ui-keyboard-icon-wrapper.mobile{bottom:-26px;height:44px;left:12px;position:relative;transition:all .3s ease;width:44px}.timepicker-ui-keyboard-icon-wrapper.mobile:hover .timepicker-ui-keyboard-icon,.timepicker-ui-keyboard-icon-wrapper.mobile:hover .timepicker-ui-keyboard-icon.mobile,.timepicker-ui-keyboard-icon-wrapper:hover .timepicker-ui-keyboard-icon,.timepicker-ui-keyboard-icon-wrapper:hover .timepicker-ui-keyboard-icon.mobile{background-color:var(--timepicker-hover-bg);border-radius:7px}.timepicker-ui-keyboard-icon-wrapper.mobile{bottom:-5px}.timepicker-ui-keyboard-icon,.timepicker-ui-keyboard-icon.mobile{color:var(--timepicker-icon-text);cursor:pointer;height:44px;padding:12px;transition:all .3s ease;width:44px}.timepicker-ui-keyboard-icon.mobile:hover,.timepicker-ui-keyboard-icon:hover{color:var(--timepicker-primary)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-keyboard-icon-wrapper,.timepicker-ui-keyboard-icon-wrapper.mobile{bottom:8px;position:absolute}}.timepicker-ui-wrapper-btn,.timepicker-ui-wrapper-btn.mobile{bottom:-14px;margin-right:8px;position:relative}.timepicker-ui-hour-text,.timepicker-ui-hour-text.mobile,.timepicker-ui-minute-text,.timepicker-ui-minute-text.mobile{bottom:6px;color:var(--timepicker-secondary-text);font-size:12.8px;left:0;position:absolute}.timepicker-ui-minute-text,.timepicker-ui-minute-text.mobile{left:120px}.timepicker-ui-clock-hand{background-color:var(--timepicker-primary);bottom:50%;height:31%;left:calc(50% - 1px);position:absolute;transform-origin:center bottom 0;width:2px}.timepicker-ui-clock-hand-24h{height:23%}.timepicker-ui-circle-hand{align-items:center;background-color:var(--timepicker-primary);border-radius:50%;box-sizing:border-box;display:flex;height:46px;justify-content:center;left:50%;position:absolute;top:0;transform:translate(-50%,-100%);width:46px}.timepicker-ui-circle-hand.small-circle{box-sizing:border-box!important;height:36px;width:36px}.timepicker-ui-circle-hand-24h{height:32px;left:1px;top:4px;transform:translate(-50%,-50%);width:32px}.timepicker-ui-value-tips,.timepicker-ui-value-tips-24h{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;line-height:1;transition:color .3s ease;width:100%}.timepicker-ui-value-tips-24h.active,.timepicker-ui-value-tips.active{color:var(--timepicker-on-primary);transition:none}.timepicker-ui-clock-animation{animation:clockanimation .35s linear}.timepicker-ui-open-element.disabled{pointer-events:none;touch-action:none;user-select:none}.timepicker-ui-tips-animation{transition:transform .4s cubic-bezier(.4,0,.2,1) 0ms,height .4s cubic-bezier(.4,0,.2,1) 0ms}.timepicker-ui-tips-disabled{color:var(--timepicker-disabled-text);pointer-events: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}@keyframes clockanimation{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.timepicker-ui-invalid-format{border:2px solid red;color:red}.timepicker-ui-invalid-text{color:red}.timepicker-ui--inline{background-color:transparent!important;bottom:auto!important;display:block!important;left:auto!important;opacity:1!important;pointer-events:auto!important;position:static!important;right:auto!important;top:auto!important;transform:none!important;z-index:auto!important}.timepicker-ui--inline .timepicker-ui-wrapper,.timepicker-ui--inline .timepicker-ui-wrapper.mobile{border-radius:8px!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important;display:block!important;height:auto!important;left:auto!important;margin:0 auto!important;max-width:328px!important;min-height:500px!important;position:static!important;top:auto!important;transform:none!important;width:100%!important}.timepicker-ui--inline .timepicker-ui-footer .timepicker-ui-wrapper-btn[style*="display: none"]~*{justify-content:center!important}.timepicker-ui--inline .timepicker-ui-wrapper-btn:not([style*="display: none"]){display:flex!important;gap:8px!important;justify-content:flex-end!important}.sr-only,.timepicker-ui .sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.timepicker-announcer{height:1px;left:-10000px;overflow:hidden;position:absolute;width:1px}.timepicker-ui-am:focus-visible,.timepicker-ui-cancel-btn:focus-visible,.timepicker-ui-hour-time-12:focus-visible,.timepicker-ui-hour-time-24:focus-visible,.timepicker-ui-keyboard-icon-wrapper:focus-visible,.timepicker-ui-minutes-time:focus-visible,.timepicker-ui-ok-btn:focus-visible,.timepicker-ui-pm:focus-visible{box-shadow:0 0 0 4px rgba(98,0,238,.2);outline:3px solid var(--timepicker-primary);outline-offset:2px}@media (prefers-contrast:high){.timepicker-ui-am:focus-visible,.timepicker-ui-cancel-btn:focus-visible,.timepicker-ui-hour-time-12:focus-visible,.timepicker-ui-hour-time-24:focus-visible,.timepicker-ui-minutes-time:focus-visible,.timepicker-ui-ok-btn:focus-visible,.timepicker-ui-pm:focus-visible{font-weight:700;outline-width:4px}.timepicker-ui-clock-face,.timepicker-ui-wrapper{border:2px solid}}@media (prefers-reduced-motion:reduce){.timepicker-ui-clock-animation{animation:none!important}.timepicker-ui-clock-hand,.timepicker-ui-modal,.timepicker-ui-tips-animation{transition:none!important}.timepicker-ui *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
+:root{--timepicker-bg:#ece6ee;--timepicker-surface:#e6e0e9;--timepicker-surface-hover:#c8b3fd;--timepicker-input-bg:#e6e0e9;--timepicker-text:#1d1b20;--timepicker-secondary-text:#49454f;--timepicker-disabled-text:hsla(0,1%,61%,.6);--timepicker-type-time-text:#49454f;--timepicker-icon-text:#4e545a;--timepicker-am-pm-active:#ffd8e4;--timepicker-am-pm-text-selected:#633b48;--timepicker-am-pm-text-unselected:#49454f;--timepicker-primary:#6750a4;--timepicker-on-primary:#fff;--timepicker-primary-container:#eaddff;--timepicker-on-primary-container:#21005d;--timepicker-tertiary-container:#ffd8e4;--timepicker-on-tertiary-container:#633b48;--timepicker-border:#000;--timepicker-outline:#6750a4;--timepicker-hover-bg:#d6d6d6;--timepicker-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);--timepicker-font-family:"Roboto",sans-serif;--timepicker-border-radius:28px}.timepicker-ui *{box-sizing:border-box!important}.timepicker-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}.timepicker-ui-invalid-format{border:2px solid red;color:red}.timepicker-ui-invalid-text{color:red}.sr-only,.timepicker-ui .sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.timepicker-announcer{height:1px;left:-10000px;overflow:hidden;position:absolute;width:1px}.timepicker-ui-modal{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}.timepicker-ui-modal.show{pointer-events:auto}.timepicker-ui-modal.removed{background-color:transparent;bottom:auto;left:auto;right:auto;top:auto}.timepicker-ui-measure{height:3.125rem;overflow:scroll;position:absolute;top:-9999px;width:3.125rem}.timepicker-ui-wrapper,.timepicker-ui-wrapper.mobile{background-color:var(--timepicker-bg);border-radius:var(--timepicker-border-radius);box-shadow:var(--timepicker-shadow);display:flex;flex-direction:column;left:50%;outline:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:328px;z-index:5001}.timepicker-ui-wrapper.expanded{will-change:width,height,flex-direction}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-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){.timepicker-ui-wrapper.expanded{width:315px}}.timepicker-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){.timepicker-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){.timepicker-ui-wrapper.mobile{width:315px}}.timepicker-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);will-change:height,opacity,transform}.timepicker-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){.timepicker-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%}}.timepicker-ui-header,.timepicker-ui-header.mobile{display:flex;flex-direction:row;justify-content:center;padding-bottom:36px;padding-left:24px;padding-right:24px;position:relative}.timepicker-ui-header.mobile,.timepicker-ui-header.show{padding-bottom:0}.timepicker-ui-header.mobile.expanded{align-items:unset;height:auto;padding-bottom:36px}.timepicker-ui-header.mobile.expanded .timepicker-ui-wrapper-time.mobile{align-items:unset}.timepicker-ui-header.mobile.expanded .timepicker-ui-wrapper-time.mobile.expanded{align-items:center}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-header.expanded{flex-direction:column;height:auto}.timepicker-ui-wrapper.expanded .timepicker-ui-select-time{position:absolute}.timepicker-ui-mobile-clock-wrapper.expanded{height:100%!important;justify-content:unset;width:100%}}.timepicker-ui-select-time,.timepicker-ui-select-time.mobile{color:var(--timepicker-secondary-text);font-size:12px;padding:24px}.timepicker-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){.timepicker-ui-body.expanded{display:flex;height:100%;margin-top:48px;padding-left:0;padding-right:0}}.timepicker-ui-footer,.timepicker-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){.timepicker-ui-footer.expanded{bottom:0;justify-content:space-between;left:0;position:absolute;right:0}.timepicker-ui-footer.expanded .timepicker-ui-keyboard-icon-wrapper{left:0}}.timepicker-ui-footer.mobile{padding:24px}.timepicker-ui-clock-face{background-color:var(--timepicker-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%;will-change:transform,opacity}.timepicker-ui-clock-face.scale-in{opacity:1;transform:scale(1)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-clock-face{height:256px;width:256px}}.timepicker-ui-dot{background-color:var(--timepicker-primary);border-radius:100%;height:8px;left:50%;position:absolute;top:50%;touch-action:none;transform:translate(-50%,-50%);user-select:none;width:8px}.timepicker-ui-tips-wrapper{height:100%;width:100%}.timepicker-ui-tips-wrapper-24h{border-radius:50%;height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px;z-index:0}.timepicker-ui-tips-wrapper-24h-disabled{pointer-events:none;touch-action:none;user-select:none}.timepicker-ui-tips-wrapper-24h.none{display:none}.timepicker-ui-hour-time-12,.timepicker-ui-hour-time-24,.timepicker-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}.timepicker-ui-hour-time-12 span,.timepicker-ui-hour-time-24 span,.timepicker-ui-minutes-time span{touch-action:none;user-select:none}.timepicker-ui-hour-time-12{align-items:center;display:block;display:flex;justify-content:center}.timepicker-ui-clock-hand{bottom:50%;height:31%;left:calc(50% - 1px);transform-origin:center bottom 0;width:2px}.timepicker-ui-circle-hand,.timepicker-ui-clock-hand{background-color:var(--timepicker-primary);position:absolute}.timepicker-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%);width:46px}.timepicker-ui-circle-hand.small-circle{box-sizing:border-box!important;height:36px;width:36px}.timepicker-ui-circle-hand-24h{left:1px;top:4px;transform:translate(-50%,-50%)}.timepicker-ui-value-tips,.timepicker-ui-value-tips-24h{align-items:center;border-radius:50%;color:var(--timepicker-text);display:flex;height:100%;justify-content:center;line-height:1;transition:color .3s ease;width:100%}.timepicker-ui-value-tips-24h.active,.timepicker-ui-value-tips.active{color:var(--timepicker-on-primary);transition:none}.timepicker-ui-clock-animation{animation:clockanimation .35s linear}.timepicker-ui-tips-animation{transition:transform .4s cubic-bezier(.4,0,.2,1) 0ms,height .4s cubic-bezier(.4,0,.2,1) 0ms}.timepicker-ui-tips-disabled{color:var(--timepicker-disabled-text);pointer-events:none}.timepicker-ui-input-wrapper{border-radius:8px;display:flex;overflow:visible;position:relative;width:96px}.timepicker-ui-input-wrapper.mobile input{height:72px}.timepicker-ui-input-wrapper.mobile{flex-direction:column}.timepicker-ui-input-ripple-wrapper{border-radius:8px;display:flex;height:80px;overflow:hidden;position:relative;width:100%}.timepicker-ui-input-ripple-wrapper.expanded{height:80px}.timepicker-ui-input-ripple-wrapper.mobile{height:72px}.timepicker-ui-input-ripple-wrapper.mobile.expanded{height:80px}.timepicker-ui-wrapper-time,.timepicker-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){.timepicker-ui-wrapper-time.expanded{height:auto;margin-bottom:16px;margin-right:0}}.timepicker-ui-wrapper-time-24h{margin-right:0}.timepicker-ui-wrapper-time.mobile{height:auto;max-width:fit-content;position:relative;width:100%}.timepicker-ui-hour,.timepicker-ui-hour.mobile,.timepicker-ui-minutes,.timepicker-ui-minutes.mobile{align-items:center;background-color:var(--timepicker-input-bg);border:2px solid transparent;border-radius:8px;color:var(--timepicker-text);cursor:pointer;display:flex;font-size:51.2px;height:80px;justify-content:center;outline:none;padding:10px;text-align:center;transition:all .3s ease;width:96px}.timepicker-ui-hour.mobile,.timepicker-ui-hour.mobile.mobile,.timepicker-ui-minutes.mobile,.timepicker-ui-minutes.mobile.mobile{height:72px}.timepicker-ui-hour.expanded,.timepicker-ui-hour.mobile.expanded,.timepicker-ui-minutes.expanded,.timepicker-ui-minutes.mobile.expanded{height:80px}.timepicker-ui-hour.mobile:focus-visible,.timepicker-ui-hour:focus-visible,.timepicker-ui-minutes.mobile:focus-visible,.timepicker-ui-minutes:focus-visible{border:2px solid var(--timepicker-outline);outline:none}.timepicker-ui-hour.mobile:hover,.timepicker-ui-hour:hover,.timepicker-ui-minutes.mobile:hover,.timepicker-ui-minutes:hover{background-color:var(--timepicker-surface-hover);color:var(--timepicker-text)}.timepicker-ui-hour.active,.timepicker-ui-hour.mobile.active,.timepicker-ui-minutes.active,.timepicker-ui-minutes.mobile.active{background-color:var(--timepicker-primary-container);color:var(--timepicker-on-primary-container)}.timepicker-ui-hour.active:hover,.timepicker-ui-hour.mobile.active:hover,.timepicker-ui-minutes.active:hover,.timepicker-ui-minutes.mobile.active:hover{color:var(--timepicker-on-primary-container)}.timepicker-ui-hour.mobile::-webkit-inner-spin-button,.timepicker-ui-hour.mobile::-webkit-outer-spin-button,.timepicker-ui-hour::-webkit-inner-spin-button,.timepicker-ui-hour::-webkit-outer-spin-button,.timepicker-ui-minutes.mobile::-webkit-inner-spin-button,.timepicker-ui-minutes.mobile::-webkit-outer-spin-button,.timepicker-ui-minutes::-webkit-inner-spin-button,.timepicker-ui-minutes::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.timepicker-ui-hour,.timepicker-ui-minutes{border:2px solid transparent;outline:none}.timepicker-ui-hour[contenteditable=true]:active,.timepicker-ui-hour[contenteditable=true]:focus,.timepicker-ui-minutes[contenteditable=true]:active,.timepicker-ui-minutes[contenteditable=true]:focus{border:2px solid var(--timepicker-outline);outline-color:var(--timepicker-outline);user-select:all}.timepicker-ui-hour.mobile,.timepicker-ui-minutes.mobile{border:2px solid transparent;outline:none}.timepicker-ui-hour.mobile[contenteditable=true]:active,.timepicker-ui-hour.mobile[contenteditable=true]:focus,.timepicker-ui-minutes.mobile[contenteditable=true]:active,.timepicker-ui-minutes.mobile[contenteditable=true]:focus{border:2px solid var(--timepicker-outline);outline-color:var(--timepicker-outline);user-select:all}.timepicker-ui-dots,.timepicker-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}.timepicker-ui-dots span,.timepicker-ui-dots.mobile span{background-color:var(--timepicker-text);border-radius:50%;display:block;height:6px;width:6px}.timepicker-ui-dots.mobile{justify-content:normal}.timepicker-ui-hour-text,.timepicker-ui-minute-text{color:var(--timepicker-secondary-text);display:none;font-size:12.8px;margin-top:8px;pointer-events:none}.timepicker-ui-hour-text.mobile,.timepicker-ui-hour-text.show,.timepicker-ui-minute-text.mobile,.timepicker-ui-minute-text.show{display:block}.timepicker-ui-hour-text.mobile.expanded,.timepicker-ui-minute-text.mobile.expanded{display:none}.timepicker-ui-wrapper-type-time,.timepicker-ui-wrapper-type-time.mobile{align-self:stretch;color:var(--timepicker-type-time-text);display:flex;flex-direction:column;font-size:16px;font-weight:500;justify-content:center;margin-left:12px}.timepicker-ui-wrapper-type-time.mobile{justify-content:flex-start}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-wrapper-type-time.expanded:not(.mobile){flex-direction:row;margin-left:0;width:100%}}.timepicker-ui-wrapper-type-time.mobile{align-self:auto}.timepicker-ui-am,.timepicker-ui-am.mobile,.timepicker-ui-pm,.timepicker-ui-pm.mobile{align-items:center;border:1px solid var(--timepicker-border);color:var(--timepicker-am-pm-text-unselected);cursor:pointer;display:flex;height:100%;justify-content:center;transition:all .3s ease;width:100%}.timepicker-ui-am.mobile:hover,.timepicker-ui-am:hover,.timepicker-ui-pm.mobile:hover,.timepicker-ui-pm:hover{background-color:var(--timepicker-am-pm-active);color:var(--timepicker-am-pm-text-unselected)}.timepicker-ui-am.active,.timepicker-ui-am.mobile.active,.timepicker-ui-pm.active,.timepicker-ui-pm.mobile.active{background-color:var(--timepicker-am-pm-active);color:var(--timepicker-am-pm-text-selected);pointer-events:none}.timepicker-ui-am.active:hover,.timepicker-ui-am.mobile.active:hover,.timepicker-ui-pm.active:hover,.timepicker-ui-pm.mobile.active:hover{color:var(--timepicker-am-pm-text-selected)}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-am.expanded,.timepicker-ui-pm.expanded{height:44px;width:50%}.timepicker-ui-am.expanded{border-bottom:1px solid #000;border-right:unset}}.timepicker-ui-am,.timepicker-ui-am.mobile{border-top-left-radius:7px;border-top-right-radius:7px}.timepicker-ui-am.mobile{border-bottom-left-radius:0;max-height:40px}.timepicker-ui-pm.mobile{max-height:40px}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-am.expanded{border-bottom-left-radius:7px;border-right-width:.3752px;border-top-left-radius:7px;border-top-right-radius:0}}.timepicker-ui-am,.timepicker-ui-am.mobile{border-bottom:unset}.timepicker-ui-pm,.timepicker-ui-pm.mobile{border-bottom-left-radius:7px;border-bottom-right-radius:7px;width:54px}.timepicker-ui-pm.mobile{border-top-right-radius:0}@media screen and (min-width:320px) and (max-width:825px) and (orientation:landscape){.timepicker-ui-pm.expanded{border-bottom-left-radius:0;border-bottom-right-radius:7px;border-bottom-width:1.5008px;border-left-width:.3752px;border-top-right-radius:7px;height:44px;width:50%}}.timepicker-ui-cancel-btn{margin-right:4px}.timepicker-ui-cancel-btn,.timepicker-ui-cancel-btn.mobile,.timepicker-ui-ok-btn,.timepicker-ui-ok.btn-mobile{background-color:transparent;border-radius:20px;color:var(--timepicker-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}.timepicker-ui-cancel-btn.mobile:after,.timepicker-ui-cancel-btn:after,.timepicker-ui-ok-btn:after,.timepicker-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}.timepicker-ui-cancel-btn.mobile:hover:after,.timepicker-ui-cancel-btn:hover:after,.timepicker-ui-ok-btn:hover:after,.timepicker-ui-ok.btn-mobile:hover:after{opacity:.08}.timepicker-ui-cancel-btn.mobile:focus-visible,.timepicker-ui-cancel-btn:focus-visible,.timepicker-ui-ok-btn:focus-visible,.timepicker-ui-ok.btn-mobile:focus-visible{outline:none}.timepicker-ui-cancel-btn.mobile:focus-visible:after,.timepicker-ui-cancel-btn:focus-visible:after,.timepicker-ui-ok-btn:focus-visible:after,.timepicker-ui-ok.btn-mobile:focus-visible:after{opacity:.12}.timepicker-ui-cancel-btn.mobile:active:after,.timepicker-ui-cancel-btn:active:after,.timepicker-ui-ok-btn:active:after,.timepicker-ui-ok.btn-mobile:active:after{opacity:.16}.timepicker-ui-cancel-btn.mobile[aria-disabled=true],.timepicker-ui-cancel-btn.mobile[disabled],.timepicker-ui-cancel-btn[aria-disabled=true],.timepicker-ui-cancel-btn[disabled],.timepicker-ui-ok-btn[aria-disabled=true],.timepicker-ui-ok-btn[disabled],.timepicker-ui-ok.btn-mobile[aria-disabled=true],.timepicker-ui-ok.btn-mobile[disabled]{cursor:not-allowed;opacity:.38;pointer-events:none}.timepicker-ui-cancel-btn.mobile[aria-disabled=true]:after,.timepicker-ui-cancel-btn.mobile[disabled]:after,.timepicker-ui-cancel-btn[aria-disabled=true]:after,.timepicker-ui-cancel-btn[disabled]:after,.timepicker-ui-ok-btn[aria-disabled=true]:after,.timepicker-ui-ok-btn[disabled]:after,.timepicker-ui-ok.btn-mobile[aria-disabled=true]:after,.timepicker-ui-ok.btn-mobile[disabled]:after{opacity:0}.timepicker-ui-keyboard-icon,.timepicker-ui-keyboard-icon-mobile,.timepicker-ui-wrapper-btn,.timepicker-ui-wrapper-btn-mobile{align-items:center;display:flex;justify-content:center}.timepicker-ui-keyboard-icon,.timepicker-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}.timepicker-ui-keyboard-icon-wrapper,.timepicker-ui-keyboard-icon-wrapper.mobile{cursor:pointer;display:flex;transition:all .3s ease;z-index:10}.timepicker-ui-keyboard-icon-wrapper.mobile:hover svg,.timepicker-ui-keyboard-icon-wrapper:hover svg{fill:var(--timepicker-primary)}.timepicker-ui-keyboard-icon svg,.timepicker-ui-keyboard-icon.mobile svg{fill:var(--timepicker-icon-text);cursor:pointer;pointer-events:none;transition:all .3s ease}@keyframes clockanimation{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.timepicker-ui--inline{background-color:transparent!important;bottom:auto!important;display:block!important;left:auto!important;opacity:1!important;pointer-events:auto!important;position:static!important;right:auto!important;top:auto!important;transform:none!important;z-index:auto!important}.timepicker-ui--inline .timepicker-ui-wrapper,.timepicker-ui--inline .timepicker-ui-wrapper.mobile{border-radius:8px!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important;display:block!important;height:auto!important;left:auto!important;margin:0 auto!important;max-width:328px!important;min-height:500px!important;position:static!important;top:auto!important;transform:none!important;width:100%!important}.timepicker-ui--inline .timepicker-ui-footer .timepicker-ui-wrapper-btn[style*="display: none"]~*{justify-content:center!important}.timepicker-ui--inline .timepicker-ui-wrapper-btn:not([style*="display: none"]){display:flex!important;gap:8px!important;justify-content:flex-end!important}.timepicker-ui-am:focus-visible,.timepicker-ui-cancel-btn:focus-visible,.timepicker-ui-hour-time-12:focus-visible,.timepicker-ui-hour-time-24:focus-visible,.timepicker-ui-keyboard-icon-wrapper:focus-visible,.timepicker-ui-minutes-time:focus-visible,.timepicker-ui-ok-btn:focus-visible,.timepicker-ui-pm:focus-visible{box-shadow:0 0 0 4px rgba(98,0,238,.2);outline:3px solid var(--timepicker-primary);outline-offset:2px}@media (prefers-contrast:high){.timepicker-ui-am:focus-visible,.timepicker-ui-cancel-btn:focus-visible,.timepicker-ui-hour-time-12:focus-visible,.timepicker-ui-hour-time-24:focus-visible,.timepicker-ui-minutes-time:focus-visible,.timepicker-ui-ok-btn:focus-visible,.timepicker-ui-pm:focus-visible{font-weight:700;outline-width:4px}.timepicker-ui-clock-face,.timepicker-ui-wrapper{border:2px solid}}@media (prefers-reduced-motion:reduce){.timepicker-ui-clock-animation{animation:none!important}.timepicker-ui-clock-hand,.timepicker-ui-modal,.timepicker-ui-tips-animation{transition:none!important}.timepicker-ui *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[data-md3-ripple]{position:relative}[data-md3-ripple]:before{background:var(--timepicker-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}.timepicker-ui-am,.timepicker-ui-input-wrapper,.timepicker-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}}

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

@@ -1 +1 @@
-:root{--timepicker-bg:#fff;--timepicker-surface:#e0e0e0;--timepicker-surface-hover:#ece0fd;--timepicker-input-bg:#e4e4e4;--timepicker-text:#000;--timepicker-secondary-text:#a9a9a9;--timepicker-disabled-text:hsla(0,1%,61%,.6);--timepicker-type-time-text:#787878;--timepicker-icon-text:#4e545a;--timepicker-primary:#6200ee;--timepicker-on-primary:#fff;--timepicker-border:#d6d6d6;--timepicker-hover-bg:#d6d6d6;--timepicker-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);--timepicker-font-family:"Roboto",sans-serif;--timepicker-border-radius:4px}.timepicker-ui-wrapper.ai{--timepicker-bg:#f3f4f6;--timepicker-surface:#e5e7eb;--timepicker-surface-hover:#f9fafb;--timepicker-text:#111827;--timepicker-secondary-text:#6b7280;--timepicker-primary:#3b82f6;--timepicker-on-primary:#fff;--timepicker-border:#d1d5db;--timepicker-shadow:0 4px 12px rgba(0,0,0,.04);--timepicker-border-radius:0.75rem;background-color:var(--timepicker-bg);border-radius:var(--timepicker-border-radius);box-shadow:var(--timepicker-shadow);color:var(--timepicker-text)}.timepicker-ui-select-time.ai{color:var(--timepicker-secondary-text)}.timepicker-ui-clock-face.ai{background-color:var(--timepicker-surface);border:1px solid var(--timepicker-border)}.timepicker-ui-circle-hand.ai,.timepicker-ui-clock-hand.ai,.timepicker-ui-dot.ai{background-color:var(--timepicker-primary)!important}.timepicker-ui-hour.ai,.timepicker-ui-minutes.ai{background-color:var(--timepicker-surface);border-radius:.5rem;color:var(--timepicker-text)}.timepicker-ui-hour.ai.active,.timepicker-ui-hour.ai:hover,.timepicker-ui-minutes.ai.active,.timepicker-ui-minutes.ai:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-dots.ai,.timepicker-ui-wrapper-type-time.ai{color:#374151}.timepicker-ui-am.ai,.timepicker-ui-pm.ai{background-color:var(--timepicker-surface-hover);border:1px solid var(--timepicker-border);color:var(--timepicker-text)}.timepicker-ui-am.ai.active,.timepicker-ui-am.ai:hover,.timepicker-ui-pm.ai.active,.timepicker-ui-pm.ai:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-cancel-btn.ai,.timepicker-ui-ok-btn.ai{background-color:var(--timepicker-bg);border-radius:.5rem;color:var(--timepicker-text)}.timepicker-ui-cancel-btn.ai:hover,.timepicker-ui-ok-btn.ai:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-keyboard-icon-wrapper.ai{color:var(--timepicker-secondary-text)}.timepicker-ui-keyboard-icon-wrapper.ai:hover .timepicker-ui-keyboard-icon.ai{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-value-tips.ai{color:var(--timepicker-text)}
+:root{--timepicker-bg:#ece6ee;--timepicker-surface:#e6e0e9;--timepicker-surface-hover:#c8b3fd;--timepicker-input-bg:#e6e0e9;--timepicker-text:#1d1b20;--timepicker-secondary-text:#49454f;--timepicker-disabled-text:hsla(0,1%,61%,.6);--timepicker-type-time-text:#49454f;--timepicker-icon-text:#4e545a;--timepicker-am-pm-active:#ffd8e4;--timepicker-am-pm-text-selected:#633b48;--timepicker-am-pm-text-unselected:#49454f;--timepicker-primary:#6750a4;--timepicker-on-primary:#fff;--timepicker-primary-container:#eaddff;--timepicker-on-primary-container:#21005d;--timepicker-tertiary-container:#ffd8e4;--timepicker-on-tertiary-container:#633b48;--timepicker-border:#000;--timepicker-outline:#6750a4;--timepicker-hover-bg:#d6d6d6;--timepicker-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);--timepicker-font-family:"Roboto",sans-serif;--timepicker-border-radius:28px}.timepicker-ui-wrapper.ai{--timepicker-bg:#f3f4f6;--timepicker-surface:#e5e7eb;--timepicker-surface-hover:#f9fafb;--timepicker-text:#111827;--timepicker-secondary-text:#6b7280;--timepicker-am-pm-active:#3b82f6;--timepicker-am-pm-text-selected:#fff;--timepicker-am-pm-text-unselected:#6b7280;--timepicker-primary:#3b82f6;--timepicker-on-primary:#fff;--timepicker-primary-container:#3b82f6;--timepicker-on-primary-container:#fff;--timepicker-tertiary-container:#3b82f6;--timepicker-on-tertiary-container:#fff;--timepicker-border:#d1d5db;--timepicker-outline:#3b82f6;--timepicker-shadow:0 4px 12px rgba(0,0,0,.04);--timepicker-border-radius:0.75rem;background-color:var(--timepicker-bg);border-radius:var(--timepicker-border-radius);box-shadow:var(--timepicker-shadow);color:var(--timepicker-text)}.timepicker-ui-select-time.ai{color:var(--timepicker-secondary-text)}.timepicker-ui-clock-face.ai{background-color:var(--timepicker-surface);border:1px solid var(--timepicker-border)}.timepicker-ui-circle-hand.ai,.timepicker-ui-clock-hand.ai,.timepicker-ui-dot.ai{background-color:var(--timepicker-primary)!important}.timepicker-ui-hour.ai,.timepicker-ui-minutes.ai{background-color:var(--timepicker-surface);border-radius:.5rem;color:var(--timepicker-text)}.timepicker-ui-hour.ai.active,.timepicker-ui-hour.ai:hover,.timepicker-ui-minutes.ai.active,.timepicker-ui-minutes.ai:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-dots.ai,.timepicker-ui-wrapper-type-time.ai{color:#374151}.timepicker-ui-am.ai,.timepicker-ui-pm.ai{background-color:var(--timepicker-surface-hover);border:1px solid var(--timepicker-border);color:var(--timepicker-text)}.timepicker-ui-am.ai.active,.timepicker-ui-am.ai:hover,.timepicker-ui-pm.ai.active,.timepicker-ui-pm.ai:hover{background-color:var(--timepicker-am-pm-active);color:var(--timepicker-on-primary)}.timepicker-ui-cancel-btn.ai,.timepicker-ui-ok-btn.ai{background-color:var(--timepicker-bg);border-radius:.5rem;color:var(--timepicker-text)}.timepicker-ui-cancel-btn.ai:hover,.timepicker-ui-ok-btn.ai:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-keyboard-icon-wrapper.ai svg{fill:var(--timepicker-secondary-text)}.timepicker-ui-keyboard-icon-wrapper.ai:hover svg{fill:var(--timepicker-primary)}.timepicker-ui-value-tips.ai{color:var(--timepicker-text)}

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

@@ -0,0 +1 @@
+:root{--timepicker-bg:#ece6ee;--timepicker-surface:#e6e0e9;--timepicker-surface-hover:#c8b3fd;--timepicker-input-bg:#e6e0e9;--timepicker-text:#1d1b20;--timepicker-secondary-text:#49454f;--timepicker-disabled-text:hsla(0,1%,61%,.6);--timepicker-type-time-text:#49454f;--timepicker-icon-text:#4e545a;--timepicker-am-pm-active:#ffd8e4;--timepicker-am-pm-text-selected:#633b48;--timepicker-am-pm-text-unselected:#49454f;--timepicker-primary:#6750a4;--timepicker-on-primary:#fff;--timepicker-primary-container:#eaddff;--timepicker-on-primary-container:#21005d;--timepicker-tertiary-container:#ffd8e4;--timepicker-on-tertiary-container:#633b48;--timepicker-border:#000;--timepicker-outline:#6750a4;--timepicker-hover-bg:#d6d6d6;--timepicker-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);--timepicker-font-family:"Roboto",sans-serif;--timepicker-border-radius:28px}.timepicker-ui-wrapper.crane-straight,.timepicker-ui-wrapper.mobile.crane-straight{--timepicker-bg:#4e0d3a;--timepicker-surface:#71135c;--timepicker-surface-hover:#71135c;--timepicker-text:#fff;--timepicker-secondary-text:#e5e5e5;--timepicker-am-pm-active:#f7363e;--timepicker-am-pm-text-selected:#fff;--timepicker-am-pm-text-unselected:#fff;--timepicker-primary:#f7363e;--timepicker-on-primary:#fff;--timepicker-primary-container:#f7363e;--timepicker-on-primary-container:#fff;--timepicker-tertiary-container:#f7363e;--timepicker-on-tertiary-container:#fff;--timepicker-border:transparent;--timepicker-outline:#ff4c52;--timepicker-border-radius:0;background-color:var(--timepicker-bg);border-radius:0;color:var(--timepicker-text)}.timepicker-ui-select-time.crane-straight,.timepicker-ui-select-time.mobile.crane-straight{color:var(--timepicker-secondary-text)}.timepicker-ui-clock-face.crane-straight,.timepicker-ui-clock-face.mobile.crane-straight{background-color:var(--timepicker-surface)}.timepicker-ui-dot.crane-straight,.timepicker-ui-dot.mobile.crane-straight{background-color:var(--timepicker-primary)}.timepicker-ui-hour.crane-straight,.timepicker-ui-hour.mobile.crane-straight,.timepicker-ui-minutes.crane-straight,.timepicker-ui-minutes.mobile.crane-straight{background-color:var(--timepicker-surface);border-radius:0;color:var(--timepicker-text)}.timepicker-ui-hour.crane-straight.active,.timepicker-ui-hour.crane-straight:hover,.timepicker-ui-hour.mobile.crane-straight.active,.timepicker-ui-hour.mobile.crane-straight:hover,.timepicker-ui-minutes.crane-straight.active,.timepicker-ui-minutes.crane-straight:hover,.timepicker-ui-minutes.mobile.crane-straight.active,.timepicker-ui-minutes.mobile.crane-straight:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-hour.mobile.crane-straight[contenteditable=true]:active,.timepicker-ui-hour.mobile.crane-straight[contenteditable=true]:focus,.timepicker-ui-minutes.mobile.crane-straight[contenteditable=true]:active,.timepicker-ui-minutes.mobile.crane-straight[contenteditable=true]:focus{border-color:var(--timepicker-text);outline-color:var(--timepicker-text)}.timepicker-ui-dots.crane-straight,.timepicker-ui-dots.mobile.crane-straight,.timepicker-ui-wrapper-type-time.crane-straight,.timepicker-ui-wrapper-type-time.mobile.crane-straight{color:var(--timepicker-text)}.timepicker-ui-am.crane-straight,.timepicker-ui-am.mobile.crane-straight,.timepicker-ui-pm.crane-straight,.timepicker-ui-pm.mobile.crane-straight{background-color:var(--timepicker-surface);border:.125rem solid var(--timepicker-border);border-radius:0}.timepicker-ui-am.active.crane-straight,.timepicker-ui-am.mobile.active.crane-straight,.timepicker-ui-am.mobile:hover.crane-straight,.timepicker-ui-am:hover.crane-straight,.timepicker-ui-pm.active.crane-straight,.timepicker-ui-pm.mobile.active.crane-straight,.timepicker-ui-pm.mobile:hover.crane-straight,.timepicker-ui-pm:hover.crane-straight{background-color:var(--timepicker-am-pm-active);color:var(--timepicker-on-primary)}.timepicker-ui-cancel-btn.crane-straight,.timepicker-ui-cancel-btn.mobile.crane-straight,.timepicker-ui-ok-btn.crane-straight,.timepicker-ui-ok-btn.mobile.crane-straight{border-radius:0;color:var(--timepicker-text)}.timepicker-ui-cancel-btn.mobile:hover.crane-straight,.timepicker-ui-cancel-btn:hover.crane-straight,.timepicker-ui-ok-btn.mobile:hover.crane-straight,.timepicker-ui-ok-btn:hover.crane-straight{background-color:var(--timepicker-primary)}.timepicker-ui-keyboard-icon-wrapper.crane-straight svg,.timepicker-ui-keyboard-icon-wrapper.mobile.crane-straight svg{fill:var(--timepicker-text)}.timepicker-ui-keyboard-icon-wrapper.crane-straight:hover svg,.timepicker-ui-keyboard-icon-wrapper.mobile.crane-straight:hover svg{fill:var(--timepicker-primary)}.timepicker-ui-input-wrapper.crane-straight{border-radius:0;overflow:hidden}.timepicker-ui-input-ripple-wrapper.crane-straight{border-radius:0}.timepicker-ui-circle-hand.crane-straight,.timepicker-ui-clock-hand.crane-straight{background-color:var(--timepicker-primary)}.timepicker-ui-circle-hand.crane-straight{border-color:var(--timepicker-primary)}.timepicker-ui-value-tips.crane-straight{color:var(--timepicker-text)}

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

@@ -1 +1 @@
-:root{--timepicker-bg:#fff;--timepicker-surface:#e0e0e0;--timepicker-surface-hover:#ece0fd;--timepicker-input-bg:#e4e4e4;--timepicker-text:#000;--timepicker-secondary-text:#a9a9a9;--timepicker-disabled-text:hsla(0,1%,61%,.6);--timepicker-type-time-text:#787878;--timepicker-icon-text:#4e545a;--timepicker-primary:#6200ee;--timepicker-on-primary:#fff;--timepicker-border:#d6d6d6;--timepicker-hover-bg:#d6d6d6;--timepicker-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);--timepicker-font-family:"Roboto",sans-serif;--timepicker-border-radius:4px}.timepicker-ui-wrapper.crane-straight,.timepicker-ui-wrapper.mobile.crane-straight{--timepicker-bg:#4e0d3a;--timepicker-surface:#71135c;--timepicker-surface-hover:#71135c;--timepicker-text:#fff;--timepicker-secondary-text:#e5e5e5;--timepicker-primary:#f7363e;--timepicker-on-primary:#fff;--timepicker-border:transparent;--timepicker-border-radius:0}.timepicker-ui-wrapper.crane-straight.radius,.timepicker-ui-wrapper.mobile.crane-straight.radius{--timepicker-border-radius:1.25rem}.timepicker-ui-wrapper.crane-straight,.timepicker-ui-wrapper.mobile.crane-straight{background-color:var(--timepicker-bg);border-radius:var(--timepicker-border-radius);color:var(--timepicker-text)}.timepicker-ui-select-time.crane-straight,.timepicker-ui-select-time.mobile.crane-straight{color:var(--timepicker-secondary-text)}.timepicker-ui-clock-face.crane-straight,.timepicker-ui-clock-face.mobile.crane-straight{background-color:var(--timepicker-surface)}.timepicker-ui-dot.crane-straight,.timepicker-ui-dot.mobile.crane-straight{background-color:var(--timepicker-primary)}.timepicker-ui-hour.crane-straight,.timepicker-ui-hour.mobile.crane-straight,.timepicker-ui-minutes.crane-straight,.timepicker-ui-minutes.mobile.crane-straight{background-color:var(--timepicker-surface);border-radius:var(--timepicker-border-radius);color:var(--timepicker-text)}.timepicker-ui-hour.crane-straight.active,.timepicker-ui-hour.crane-straight:hover,.timepicker-ui-hour.mobile.crane-straight.active,.timepicker-ui-hour.mobile.crane-straight:hover,.timepicker-ui-minutes.crane-straight.active,.timepicker-ui-minutes.crane-straight:hover,.timepicker-ui-minutes.mobile.crane-straight.active,.timepicker-ui-minutes.mobile.crane-straight:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-hour.mobile.crane-straight[contenteditable=true]:active,.timepicker-ui-hour.mobile.crane-straight[contenteditable=true]:focus,.timepicker-ui-minutes.mobile.crane-straight[contenteditable=true]:active,.timepicker-ui-minutes.mobile.crane-straight[contenteditable=true]:focus{border-color:var(--timepicker-text);outline-color:var(--timepicker-text)}.timepicker-ui-dots.crane-straight,.timepicker-ui-dots.mobile.crane-straight,.timepicker-ui-wrapper-type-time.crane-straight,.timepicker-ui-wrapper-type-time.mobile.crane-straight{color:var(--timepicker-text)}.timepicker-ui-am.crane-straight,.timepicker-ui-am.mobile.crane-straight,.timepicker-ui-pm.crane-straight,.timepicker-ui-pm.mobile.crane-straight{background-color:var(--timepicker-surface);border:.125rem solid var(--timepicker-border);border-radius:0}.timepicker-ui-am.active.crane-straight,.timepicker-ui-am.mobile.active.crane-straight,.timepicker-ui-am.mobile:hover.crane-straight,.timepicker-ui-am:hover.crane-straight,.timepicker-ui-pm.active.crane-straight,.timepicker-ui-pm.mobile.active.crane-straight,.timepicker-ui-pm.mobile:hover.crane-straight,.timepicker-ui-pm:hover.crane-straight{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-am.crane-straight.radius{border-top-left-radius:1.25rem;border-top-right-radius:1.25rem}.timepicker-ui-pm.crane-straight.radius{border-bottom-left-radius:1.25rem;border-bottom-right-radius:1.25rem}@media screen and (min-width:320px) and (max-width:826px) and (orientation:landscape){.timepicker-ui-am:not(.timepicker-ui-am+.mobile).crane-straight.radius{border-bottom-left-radius:1.25rem;border-bottom-right-radius:0;border-top-right-radius:0}.timepicker-ui-pm:not(.timepicker-ui-pm+.mobile).crane-straight.radius{border-bottom-left-radius:0;border-bottom-right-radius:1.25rem;border-top-left-radius:0;border-top-right-radius:1.25rem}}@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape){.timepicker-ui-am.mobile.crane-straight.radius{border-bottom-left-radius:0;border-bottom-right-radius:0}.timepicker-ui-pm.mobile.crane-straight.radius{border-top-left-radius:0;border-top-right-radius:0}}.timepicker-ui-cancel-btn.crane-straight,.timepicker-ui-cancel-btn.mobile.crane-straight,.timepicker-ui-ok-btn.crane-straight,.timepicker-ui-ok-btn.mobile.crane-straight{border-radius:0;color:var(--timepicker-text)}.timepicker-ui-cancel-btn.crane-straight.radius,.timepicker-ui-cancel-btn.mobile.crane-straight.radius,.timepicker-ui-ok-btn.crane-straight.radius,.timepicker-ui-ok-btn.mobile.crane-straight.radius{border-radius:.8125rem}.timepicker-ui-cancel-btn.mobile:hover.crane-straight,.timepicker-ui-cancel-btn:hover.crane-straight,.timepicker-ui-ok-btn.mobile:hover.crane-straight,.timepicker-ui-ok-btn:hover.crane-straight{background-color:var(--timepicker-primary)}.timepicker-ui-keyboard-icon-wrapper.crane-straight,.timepicker-ui-keyboard-icon-wrapper.mobile.crane-straight{color:var(--timepicker-text)}.timepicker-ui-keyboard-icon-wrapper.crane-straight:hover .timepicker-ui-keyboard-icon,.timepicker-ui-keyboard-icon-wrapper.crane-straight:hover .timepicker-ui-keyboard-icon.mobile,.timepicker-ui-keyboard-icon-wrapper.mobile.crane-straight:hover .timepicker-ui-keyboard-icon,.timepicker-ui-keyboard-icon-wrapper.mobile.crane-straight:hover .timepicker-ui-keyboard-icon.mobile{background-color:var(--timepicker-primary);border-radius:0;color:var(--timepicker-text)}.timepicker-ui-keyboard-icon-wrapper.crane-straight.radius:hover .timepicker-ui-keyboard-icon,.timepicker-ui-keyboard-icon-wrapper.crane-straight.radius:hover .timepicker-ui-keyboard-icon.mobile,.timepicker-ui-keyboard-icon-wrapper.mobile.crane-straight.radius:hover .timepicker-ui-keyboard-icon,.timepicker-ui-keyboard-icon-wrapper.mobile.crane-straight.radius:hover .timepicker-ui-keyboard-icon.mobile{border-radius:.875rem}.timepicker-ui-keyboard-icon.crane-straight:hover,.timepicker-ui-keyboard-icon.mobile.crane-straight:hover{color:var(--timepicker-text)}.timepicker-ui-circle-hand.crane-straight,.timepicker-ui-clock-hand.crane-straight{background-color:var(--timepicker-primary)}.timepicker-ui-circle-hand.crane-straight{border-color:var(--timepicker-primary)}.timepicker-ui-value-tips.crane-straight{color:var(--timepicker-text)}
+:root{--timepicker-bg:#ece6ee;--timepicker-surface:#e6e0e9;--timepicker-surface-hover:#c8b3fd;--timepicker-input-bg:#e6e0e9;--timepicker-text:#1d1b20;--timepicker-secondary-text:#49454f;--timepicker-disabled-text:hsla(0,1%,61%,.6);--timepicker-type-time-text:#49454f;--timepicker-icon-text:#4e545a;--timepicker-am-pm-active:#ffd8e4;--timepicker-am-pm-text-selected:#633b48;--timepicker-am-pm-text-unselected:#49454f;--timepicker-primary:#6750a4;--timepicker-on-primary:#fff;--timepicker-primary-container:#eaddff;--timepicker-on-primary-container:#21005d;--timepicker-tertiary-container:#ffd8e4;--timepicker-on-tertiary-container:#633b48;--timepicker-border:#000;--timepicker-outline:#6750a4;--timepicker-hover-bg:#d6d6d6;--timepicker-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);--timepicker-font-family:"Roboto",sans-serif;--timepicker-border-radius:28px}.timepicker-ui-wrapper.crane,.timepicker-ui-wrapper.mobile.crane{--timepicker-bg:#4e0d3a;--timepicker-surface:#71135c;--timepicker-surface-hover:#71135c;--timepicker-text:#fff;--timepicker-secondary-text:#e5e5e5;--timepicker-am-pm-active:#f7363e;--timepicker-am-pm-text-selected:#fff;--timepicker-am-pm-text-unselected:#fff;--timepicker-primary:#f7363e;--timepicker-on-primary:#fff;--timepicker-primary-container:#f7363e;--timepicker-on-primary-container:#fff;--timepicker-tertiary-container:#f7363e;--timepicker-on-tertiary-container:#fff;--timepicker-border:transparent;--timepicker-outline:#ff4c52;--timepicker-border-radius:1.25rem;background-color:var(--timepicker-bg);border-radius:var(--timepicker-border-radius);color:var(--timepicker-text)}.timepicker-ui-input-ripple-wrapper.crane{border-radius:var(--timepicker-border-radius)}.timepicker-ui-select-time.crane,.timepicker-ui-select-time.mobile.crane{color:var(--timepicker-secondary-text)}.timepicker-ui-clock-face.crane,.timepicker-ui-clock-face.mobile.crane{background-color:var(--timepicker-surface)}.timepicker-ui-dot.crane,.timepicker-ui-dot.mobile.crane{background-color:var(--timepicker-primary)}.timepicker-ui-hour.crane,.timepicker-ui-hour.mobile.crane,.timepicker-ui-minutes.crane,.timepicker-ui-minutes.mobile.crane{background-color:var(--timepicker-surface);border-radius:var(--timepicker-border-radius);color:var(--timepicker-text)}.timepicker-ui-hour.crane.active,.timepicker-ui-hour.crane:hover,.timepicker-ui-hour.mobile.crane.active,.timepicker-ui-hour.mobile.crane:hover,.timepicker-ui-minutes.crane.active,.timepicker-ui-minutes.crane:hover,.timepicker-ui-minutes.mobile.crane.active,.timepicker-ui-minutes.mobile.crane:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-hour.mobile.crane[contenteditable=true]:active,.timepicker-ui-hour.mobile.crane[contenteditable=true]:focus,.timepicker-ui-minutes.mobile.crane[contenteditable=true]:active,.timepicker-ui-minutes.mobile.crane[contenteditable=true]:focus{border-color:var(--timepicker-text);outline-color:var(--timepicker-text)}.timepicker-ui-dots.crane,.timepicker-ui-dots.mobile.crane,.timepicker-ui-wrapper-type-time.crane,.timepicker-ui-wrapper-type-time.mobile.crane{color:var(--timepicker-text)}.timepicker-ui-am.crane,.timepicker-ui-am.mobile.crane,.timepicker-ui-pm.crane,.timepicker-ui-pm.mobile.crane{background-color:var(--timepicker-surface);border:.125rem solid var(--timepicker-border)}.timepicker-ui-am.active.crane,.timepicker-ui-am.mobile.active.crane,.timepicker-ui-am.mobile:hover.crane,.timepicker-ui-am:hover.crane,.timepicker-ui-pm.active.crane,.timepicker-ui-pm.mobile.active.crane,.timepicker-ui-pm.mobile:hover.crane,.timepicker-ui-pm:hover.crane{background-color:var(--timepicker-am-pm-active);color:var(--timepicker-on-primary)}.timepicker-ui-am.crane{border-top-left-radius:1.25rem;border-top-right-radius:1.25rem}@media screen and (min-width:320px) and (max-width:826px) and (orientation:landscape){.timepicker-ui-am.crane{border-bottom-left-radius:1.25rem;border-top-right-radius:0}}.timepicker-ui-pm.crane{border-bottom-left-radius:1.25rem;border-bottom-right-radius:1.25rem}@media screen and (min-width:320px) and (max-width:826px) and (orientation:landscape){.timepicker-ui-pm.crane{border-bottom-left-radius:0;border-bottom-right-radius:1.25rem;border-top-left-radius:0;border-top-right-radius:1.25rem}}@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape){.timepicker-ui-am.mobile.crane{border-bottom-left-radius:0;border-bottom-right-radius:0}.timepicker-ui-pm.mobile.crane{border-top-left-radius:0;border-top-right-radius:0}}.timepicker-ui-cancel-btn.crane,.timepicker-ui-cancel-btn.mobile.crane,.timepicker-ui-ok-btn.crane,.timepicker-ui-ok-btn.mobile.crane{border-radius:.8125rem;color:var(--timepicker-text)}.timepicker-ui-cancel-btn.mobile:hover.crane,.timepicker-ui-cancel-btn:hover.crane,.timepicker-ui-ok-btn.mobile:hover.crane,.timepicker-ui-ok-btn:hover.crane{background-color:var(--timepicker-primary)}.timepicker-ui-keyboard-icon-wrapper.crane svg,.timepicker-ui-keyboard-icon-wrapper.mobile.crane svg{fill:var(--timepicker-text)}.timepicker-ui-keyboard-icon-wrapper.crane:hover svg,.timepicker-ui-keyboard-icon-wrapper.mobile.crane:hover svg{fill:var(--timepicker-primary)}.timepicker-ui-input-wrapper.crane{border-radius:0}.timepicker-ui-circle-hand.crane,.timepicker-ui-clock-hand.crane{background-color:var(--timepicker-primary)}.timepicker-ui-circle-hand.crane{border-color:var(--timepicker-primary)}.timepicker-ui-value-tips.crane{color:var(--timepicker-text)}

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

@@ -1 +1 @@
-.timepicker-ui-hour.custom,.timepicker-ui-minutes.custom{background-color:var(--timepicker-surface);color:var(--timepicker-text)}.timepicker-ui-hour.custom.active,.timepicker-ui-hour.custom:hover,.timepicker-ui-minutes.custom.active,.timepicker-ui-minutes.custom:hover{background-color:var(--timepicker-surface-hover);color:var(--timepicker-primary)}.timepicker-ui-clock-face.custom{background-color:var(--timepicker-surface)}.timepicker-ui-circle-hand.custom,.timepicker-ui-clock-hand.custom,.timepicker-ui-dot.custom{background-color:var(--timepicker-primary)!important}.timepicker-ui-cancel-btn.custom,.timepicker-ui-ok-btn.custom{color:var(--timepicker-primary)}.timepicker-ui-cancel-btn.custom:hover,.timepicker-ui-ok-btn.custom:hover{background-color:var(--timepicker-border)}.timepicker-ui-wrapper-type-time.custom{color:var(--timepicker-secondary-text)}.timepicker-ui-am.custom,.timepicker-ui-pm.custom{background-color:var(--timepicker-bg);border-color:var(--timepicker-border);color:var(--timepicker-text)}.timepicker-ui-am.custom.active,.timepicker-ui-am.custom:hover,.timepicker-ui-pm.custom.active,.timepicker-ui-pm.custom:hover{background-color:var(--timepicker-surface-hover);color:var(--timepicker-primary)}.timepicker-ui-am.custom.active,.timepicker-ui-pm.custom.active{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-keyboard-icon.custom{color:var(--timepicker-text)}.timepicker-ui-keyboard-icon.custom:hover{color:var(--timepicker-primary)}.timepicker-ui-keyboard-icon-wrapper.custom:hover .timepicker-ui-keyboard-icon.custom{background-color:var(--timepicker-border)}.timepicker-ui-tips-disabled.custom{color:var(--timepicker-disabled-text)}.timepicker-ui-value-tips.custom.active{color:var(--timepicker-on-primary)}
+.timepicker-ui-hour.custom,.timepicker-ui-minutes.custom{background-color:var(--timepicker-surface);color:var(--timepicker-text)}.timepicker-ui-hour.custom.active,.timepicker-ui-hour.custom:hover,.timepicker-ui-minutes.custom.active,.timepicker-ui-minutes.custom:hover{background-color:var(--timepicker-surface-hover);color:var(--timepicker-primary)}.timepicker-ui-clock-face.custom{background-color:var(--timepicker-surface)}.timepicker-ui-circle-hand.custom,.timepicker-ui-clock-hand.custom,.timepicker-ui-dot.custom{background-color:var(--timepicker-primary)!important}.timepicker-ui-cancel-btn.custom,.timepicker-ui-ok-btn.custom{color:var(--timepicker-primary)}.timepicker-ui-cancel-btn.custom:hover,.timepicker-ui-ok-btn.custom:hover{background-color:var(--timepicker-border)}.timepicker-ui-wrapper-type-time.custom{color:var(--timepicker-secondary-text)}.timepicker-ui-am.custom,.timepicker-ui-pm.custom{background-color:var(--timepicker-bg);border-color:var(--timepicker-border);color:var(--timepicker-text)}.timepicker-ui-am.custom.active,.timepicker-ui-am.custom:hover,.timepicker-ui-pm.custom.active,.timepicker-ui-pm.custom:hover{background-color:var(--timepicker-am-pm-active);color:var(--timepicker-primary)}.timepicker-ui-am.custom.active,.timepicker-ui-pm.custom.active{background-color:var(--timepicker-am-pm-active);color:var(--timepicker-on-primary)}.timepicker-ui-keyboard-icon-wrapper.custom svg{fill:var(--timepicker-text)}.timepicker-ui-keyboard-icon-wrapper.custom:hover svg{fill:var(--timepicker-primary)}.timepicker-ui-tips-disabled.custom{color:var(--timepicker-disabled-text)}.timepicker-ui-value-tips.custom.active{color:var(--timepicker-on-primary)}

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

@@ -1 +1 @@
-:root{--timepicker-bg:#fff;--timepicker-surface:#e0e0e0;--timepicker-surface-hover:#ece0fd;--timepicker-input-bg:#e4e4e4;--timepicker-text:#000;--timepicker-secondary-text:#a9a9a9;--timepicker-disabled-text:hsla(0,1%,61%,.6);--timepicker-type-time-text:#787878;--timepicker-icon-text:#4e545a;--timepicker-primary:#6200ee;--timepicker-on-primary:#fff;--timepicker-border:#d6d6d6;--timepicker-hover-bg:#d6d6d6;--timepicker-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);--timepicker-font-family:"Roboto",sans-serif;--timepicker-border-radius:4px}.timepicker-ui-wrapper.cyberpunk{--timepicker-bg:#0f0c29;--timepicker-surface:#1a1a2e;--timepicker-surface-hover:#1a1a2e;--timepicker-text:#f8f8ff;--timepicker-secondary-text:#00f0ff;--timepicker-primary:#00f0ff;--timepicker-on-primary:#0f0c29;--timepicker-border:rgba(0,240,255,.3);--timepicker-shadow:0 0 12px #00f0ff;--timepicker-border-radius:1rem;background-color:var(--timepicker-bg);border-radius:var(--timepicker-border-radius);box-shadow:var(--timepicker-shadow);color:var(--timepicker-text)}.timepicker-ui-select-time.cyberpunk{color:var(--timepicker-primary)}.timepicker-ui-clock-face.cyberpunk{background:linear-gradient(135deg,#1a1a2e,#0f3460);border:1px solid var(--timepicker-border)}.timepicker-ui-circle-hand.cyberpunk,.timepicker-ui-clock-hand.cyberpunk,.timepicker-ui-dot.cyberpunk{background-color:var(--timepicker-primary)!important;box-shadow:0 0 6px var(--timepicker-primary)}.timepicker-ui-hour.cyberpunk,.timepicker-ui-minutes.cyberpunk{background-color:var(--timepicker-surface);border-radius:.75rem;color:var(--timepicker-text)}.timepicker-ui-hour.cyberpunk.active,.timepicker-ui-hour.cyberpunk:hover,.timepicker-ui-minutes.cyberpunk.active,.timepicker-ui-minutes.cyberpunk:hover{background-color:var(--timepicker-primary);box-shadow:0 0 8px var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-dots.cyberpunk,.timepicker-ui-wrapper-type-time.cyberpunk{color:var(--timepicker-primary)}.timepicker-ui-am.cyberpunk,.timepicker-ui-pm.cyberpunk{background-color:var(--timepicker-surface);border:1px solid var(--timepicker-primary);color:var(--timepicker-text)}.timepicker-ui-am.cyberpunk.active,.timepicker-ui-am.cyberpunk:hover,.timepicker-ui-pm.cyberpunk.active,.timepicker-ui-pm.cyberpunk:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-cancel-btn.cyberpunk,.timepicker-ui-ok-btn.cyberpunk{background-color:var(--timepicker-surface);border-radius:.5rem;color:var(--timepicker-primary)}.timepicker-ui-cancel-btn.cyberpunk:hover,.timepicker-ui-ok-btn.cyberpunk:hover{background-color:var(--timepicker-primary);box-shadow:0 0 6px var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-keyboard-icon-wrapper.cyberpunk{color:var(--timepicker-primary)}.timepicker-ui-keyboard-icon-wrapper.cyberpunk:hover .timepicker-ui-keyboard-icon.cyberpunk{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-value-tips.cyberpunk{color:var(--timepicker-primary)}.timepicker-ui-value-tips.cyberpunk.active{color:var(--timepicker-on-primary)}
+:root{--timepicker-bg:#ece6ee;--timepicker-surface:#e6e0e9;--timepicker-surface-hover:#c8b3fd;--timepicker-input-bg:#e6e0e9;--timepicker-text:#1d1b20;--timepicker-secondary-text:#49454f;--timepicker-disabled-text:hsla(0,1%,61%,.6);--timepicker-type-time-text:#49454f;--timepicker-icon-text:#4e545a;--timepicker-am-pm-active:#ffd8e4;--timepicker-am-pm-text-selected:#633b48;--timepicker-am-pm-text-unselected:#49454f;--timepicker-primary:#6750a4;--timepicker-on-primary:#fff;--timepicker-primary-container:#eaddff;--timepicker-on-primary-container:#21005d;--timepicker-tertiary-container:#ffd8e4;--timepicker-on-tertiary-container:#633b48;--timepicker-border:#000;--timepicker-outline:#6750a4;--timepicker-hover-bg:#d6d6d6;--timepicker-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);--timepicker-font-family:"Roboto",sans-serif;--timepicker-border-radius:28px}.timepicker-ui-wrapper.cyberpunk{--timepicker-bg:#0f0c29;--timepicker-surface:#1a1a2e;--timepicker-surface-hover:#1a1a2e;--timepicker-text:#f8f8ff;--timepicker-secondary-text:#00f0ff;--timepicker-am-pm-active:#00f0ff;--timepicker-am-pm-text-selected:#0f0c29;--timepicker-am-pm-text-unselected:#00f0ff;--timepicker-primary:#00f0ff;--timepicker-on-primary:#0f0c29;--timepicker-primary-container:#00f0ff;--timepicker-on-primary-container:#0f0c29;--timepicker-tertiary-container:#00f0ff;--timepicker-on-tertiary-container:#0f0c29;--timepicker-border:rgba(0,240,255,.3);--timepicker-outline:#fff;--timepicker-shadow:0 0 12px #00f0ff;--timepicker-border-radius:1rem;background-color:var(--timepicker-bg);border-radius:var(--timepicker-border-radius);box-shadow:var(--timepicker-shadow);color:var(--timepicker-text)}.timepicker-ui-select-time.cyberpunk{color:var(--timepicker-primary)}.timepicker-ui-clock-face.cyberpunk{background:linear-gradient(135deg,#1a1a2e,#0f3460);border:1px solid var(--timepicker-border)}.timepicker-ui-circle-hand.cyberpunk,.timepicker-ui-clock-hand.cyberpunk,.timepicker-ui-dot.cyberpunk{background-color:var(--timepicker-primary)!important;box-shadow:0 0 6px var(--timepicker-primary)}.timepicker-ui-hour.cyberpunk,.timepicker-ui-minutes.cyberpunk{background-color:var(--timepicker-surface);border-radius:.75rem;color:var(--timepicker-text)}.timepicker-ui-hour.cyberpunk.active,.timepicker-ui-hour.cyberpunk:hover,.timepicker-ui-minutes.cyberpunk.active,.timepicker-ui-minutes.cyberpunk:hover{background-color:var(--timepicker-primary);box-shadow:0 0 8px var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-dots.cyberpunk,.timepicker-ui-wrapper-type-time.cyberpunk{color:var(--timepicker-primary)}.timepicker-ui-am.cyberpunk,.timepicker-ui-pm.cyberpunk{background-color:var(--timepicker-surface);border:1px solid var(--timepicker-primary);color:var(--timepicker-text)}.timepicker-ui-am.cyberpunk.active,.timepicker-ui-am.cyberpunk:hover,.timepicker-ui-pm.cyberpunk.active,.timepicker-ui-pm.cyberpunk:hover{background-color:var(--timepicker-am-pm-active);color:var(--timepicker-on-primary)}.timepicker-ui-cancel-btn.cyberpunk,.timepicker-ui-ok-btn.cyberpunk{background-color:var(--timepicker-surface);border-radius:.5rem;color:var(--timepicker-primary)}.timepicker-ui-cancel-btn.cyberpunk:hover,.timepicker-ui-ok-btn.cyberpunk:hover{background-color:var(--timepicker-primary);box-shadow:0 0 6px var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-keyboard-icon-wrapper.cyberpunk svg{fill:var(--timepicker-primary)}.timepicker-ui-value-tips.cyberpunk{color:var(--timepicker-primary)}.timepicker-ui-value-tips.cyberpunk.active{color:var(--timepicker-on-primary)}

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

@@ -1 +1 @@
-:root{--timepicker-bg:#fff;--timepicker-surface:#e0e0e0;--timepicker-surface-hover:#ece0fd;--timepicker-input-bg:#e4e4e4;--timepicker-text:#000;--timepicker-secondary-text:#a9a9a9;--timepicker-disabled-text:hsla(0,1%,61%,.6);--timepicker-type-time-text:#787878;--timepicker-icon-text:#4e545a;--timepicker-primary:#6200ee;--timepicker-on-primary:#fff;--timepicker-border:#d6d6d6;--timepicker-hover-bg:#d6d6d6;--timepicker-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);--timepicker-font-family:"Roboto",sans-serif;--timepicker-border-radius:4px}.timepicker-ui-wrapper.dark{--timepicker-bg:#1c1b1f;--timepicker-surface:#2c2b30;--timepicker-surface-hover:#3b3940;--timepicker-text:#e5e5e5;--timepicker-secondary-text:#a1a1a1;--timepicker-primary:#bb86fc;--timepicker-on-primary:#000;--timepicker-border:hsla(0,0%,100%,.12);background-color:var(--timepicker-bg);color:var(--timepicker-text)}.timepicker-ui-hour.dark,.timepicker-ui-minutes.dark{background-color:var(--timepicker-surface);color:var(--timepicker-text)}.timepicker-ui-hour.dark:hover,.timepicker-ui-minutes.dark:hover{background-color:var(--timepicker-surface-hover);color:#fff}.timepicker-ui-clock-face.dark{background-color:var(--timepicker-surface)}.timepicker-ui-dots.dark span,.timepicker-ui-dots.mobile.dark span{background-color:#fff}.timepicker-ui-circle-hand.dark,.timepicker-ui-clock-hand.dark,.timepicker-ui-dot.dark{background-color:var(--timepicker-primary)!important}.timepicker-ui-hour.active.dark,.timepicker-ui-minutes.active.dark{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-cancel-btn.dark,.timepicker-ui-ok-btn.dark{color:var(--timepicker-primary)}.timepicker-ui-cancel-btn:hover.dark,.timepicker-ui-ok-btn:hover.dark{background-color:var(--timepicker-surface-hover)}.timepicker-ui-wrapper-type-time.dark{color:var(--timepicker-secondary-text)}.timepicker-ui-am.dark,.timepicker-ui-pm.dark{background-color:var(--timepicker-surface);border-color:var(--timepicker-primary);color:var(--timepicker-text)}.timepicker-ui-am.dark.active,.timepicker-ui-am.dark:hover,.timepicker-ui-pm.dark.active,.timepicker-ui-pm.dark:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-keyboard-icon-wrapper.dark{color:var(--timepicker-text)}.timepicker-ui-keyboard-icon-wrapper.dark:hover .timepicker-ui-keyboard-icon.dark{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-value-tips.dark{color:#fff}
+:root{--timepicker-bg:#ece6ee;--timepicker-surface:#e6e0e9;--timepicker-surface-hover:#c8b3fd;--timepicker-input-bg:#e6e0e9;--timepicker-text:#1d1b20;--timepicker-secondary-text:#49454f;--timepicker-disabled-text:hsla(0,1%,61%,.6);--timepicker-type-time-text:#49454f;--timepicker-icon-text:#4e545a;--timepicker-am-pm-active:#ffd8e4;--timepicker-am-pm-text-selected:#633b48;--timepicker-am-pm-text-unselected:#49454f;--timepicker-primary:#6750a4;--timepicker-on-primary:#fff;--timepicker-primary-container:#eaddff;--timepicker-on-primary-container:#21005d;--timepicker-tertiary-container:#ffd8e4;--timepicker-on-tertiary-container:#633b48;--timepicker-border:#000;--timepicker-outline:#6750a4;--timepicker-hover-bg:#d6d6d6;--timepicker-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);--timepicker-font-family:"Roboto",sans-serif;--timepicker-border-radius:28px}.timepicker-ui-wrapper.dark{--timepicker-bg:#1c1b1f;--timepicker-surface:#2c2b30;--timepicker-surface-hover:#3b3940;--timepicker-text:#e5e5e5;--timepicker-secondary-text:#a1a1a1;--timepicker-am-pm-active:#bb86fc;--timepicker-am-pm-text-selected:#000;--timepicker-am-pm-text-unselected:#a1a1a1;--timepicker-primary:#bb86fc;--timepicker-on-primary:#000;--timepicker-primary-container:#bb86fc;--timepicker-on-primary-container:#000;--timepicker-tertiary-container:#bb86fc;--timepicker-on-tertiary-container:#000;--timepicker-border:hsla(0,0%,100%,.12);--timepicker-outline:#d8b4fe;background-color:var(--timepicker-bg);color:var(--timepicker-text)}.timepicker-ui-input-ripple-wrapper.dark{border-radius:8px}.timepicker-ui-hour.dark,.timepicker-ui-minutes.dark{background-color:var(--timepicker-surface);color:var(--timepicker-text)}.timepicker-ui-hour.dark:hover,.timepicker-ui-minutes.dark:hover{background-color:var(--timepicker-surface-hover);color:#fff}.timepicker-ui-clock-face.dark{background-color:var(--timepicker-surface)}.timepicker-ui-dots.dark span,.timepicker-ui-dots.mobile.dark span{background-color:#fff}.timepicker-ui-circle-hand.dark,.timepicker-ui-clock-hand.dark,.timepicker-ui-dot.dark{background-color:var(--timepicker-primary)!important}.timepicker-ui-hour.active.dark,.timepicker-ui-minutes.active.dark{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-cancel-btn.dark,.timepicker-ui-ok-btn.dark{color:var(--timepicker-primary)}.timepicker-ui-cancel-btn:hover.dark,.timepicker-ui-ok-btn:hover.dark{background-color:var(--timepicker-surface-hover)}.timepicker-ui-wrapper-type-time.dark{color:var(--timepicker-secondary-text)}.timepicker-ui-am.dark,.timepicker-ui-pm.dark{background-color:var(--timepicker-surface);border-color:var(--timepicker-primary);color:var(--timepicker-text)}.timepicker-ui-am.dark.active,.timepicker-ui-am.dark:hover,.timepicker-ui-pm.dark.active,.timepicker-ui-pm.dark:hover{background-color:var(--timepicker-am-pm-active);color:var(--timepicker-on-primary)}.timepicker-ui-keyboard-icon-wrapper.dark svg{fill:var(--timepicker-text)}.timepicker-ui-keyboard-icon-wrapper.dark:hover svg{fill:var(--timepicker-primary)}.timepicker-ui-value-tips.dark{color:#fff}

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

@@ -1 +1 @@
-:root{--timepicker-bg:#fff;--timepicker-surface:#e0e0e0;--timepicker-surface-hover:#ece0fd;--timepicker-input-bg:#e4e4e4;--timepicker-text:#000;--timepicker-secondary-text:#a9a9a9;--timepicker-disabled-text:hsla(0,1%,61%,.6);--timepicker-type-time-text:#787878;--timepicker-icon-text:#4e545a;--timepicker-primary:#6200ee;--timepicker-on-primary:#fff;--timepicker-border:#d6d6d6;--timepicker-hover-bg:#d6d6d6;--timepicker-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);--timepicker-font-family:"Roboto",sans-serif;--timepicker-border-radius:4px}.timepicker-ui-wrapper.glassmorphic{--timepicker-bg:hsla(0,0%,100%,.05);--timepicker-surface:hsla(0,0%,100%,.1);--timepicker-surface-hover:hsla(0,0%,100%,.15);--timepicker-text:#fff;--timepicker-secondary-text:hsla(0,0%,100%,.7);--timepicker-primary:hsla(0,0%,100%,.6);--timepicker-on-primary:#000;--timepicker-border:hsla(0,0%,100%,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:var(--timepicker-bg);border-radius:1.25rem;color:var(--timepicker-text)}.timepicker-ui-select-time.glassmorphic{color:var(--timepicker-text)}.timepicker-ui-clock-face.glassmorphic{backdrop-filter:blur(8px);background-color:var(--timepicker-surface)}.timepicker-ui-circle-hand.glassmorphic,.timepicker-ui-clock-hand.glassmorphic,.timepicker-ui-dot.glassmorphic{background-color:var(--timepicker-primary)!important}.timepicker-ui-hour.glassmorphic,.timepicker-ui-minutes.glassmorphic{background-color:var(--timepicker-surface-hover);border-radius:1rem;color:var(--timepicker-text)}.timepicker-ui-hour.glassmorphic.active,.timepicker-ui-hour.glassmorphic:hover,.timepicker-ui-minutes.glassmorphic.active,.timepicker-ui-minutes.glassmorphic:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-dots.glassmorphic,.timepicker-ui-wrapper-type-time.glassmorphic{color:var(--timepicker-text)}.timepicker-ui-am.glassmorphic,.timepicker-ui-pm.glassmorphic{background-color:var(--timepicker-surface);border:1px solid var(--timepicker-border);color:var(--timepicker-text)}.timepicker-ui-am.glassmorphic.active,.timepicker-ui-am.glassmorphic:hover,.timepicker-ui-pm.glassmorphic.active,.timepicker-ui-pm.glassmorphic:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-cancel-btn.glassmorphic,.timepicker-ui-ok-btn.glassmorphic{background-color:var(--timepicker-surface);border-radius:.75rem;color:var(--timepicker-text)}.timepicker-ui-cancel-btn.glassmorphic:hover,.timepicker-ui-ok-btn.glassmorphic:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-keyboard-icon-wrapper.glassmorphic{color:var(--timepicker-text)}.timepicker-ui-keyboard-icon-wrapper.glassmorphic:hover .timepicker-ui-keyboard-icon.glassmorphic{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-value-tips.glassmorphic{color:var(--timepicker-text)}
+:root{--timepicker-bg:#ece6ee;--timepicker-surface:#e6e0e9;--timepicker-surface-hover:#c8b3fd;--timepicker-input-bg:#e6e0e9;--timepicker-text:#1d1b20;--timepicker-secondary-text:#49454f;--timepicker-disabled-text:hsla(0,1%,61%,.6);--timepicker-type-time-text:#49454f;--timepicker-icon-text:#4e545a;--timepicker-am-pm-active:#ffd8e4;--timepicker-am-pm-text-selected:#633b48;--timepicker-am-pm-text-unselected:#49454f;--timepicker-primary:#6750a4;--timepicker-on-primary:#fff;--timepicker-primary-container:#eaddff;--timepicker-on-primary-container:#21005d;--timepicker-tertiary-container:#ffd8e4;--timepicker-on-tertiary-container:#633b48;--timepicker-border:#000;--timepicker-outline:#6750a4;--timepicker-hover-bg:#d6d6d6;--timepicker-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);--timepicker-font-family:"Roboto",sans-serif;--timepicker-border-radius:28px}.timepicker-ui-wrapper.glassmorphic{--timepicker-bg:hsla(0,0%,100%,.05);--timepicker-surface:hsla(0,0%,100%,.1);--timepicker-surface-hover:hsla(0,0%,100%,.15);--timepicker-text:#fff;--timepicker-secondary-text:hsla(0,0%,100%,.7);--timepicker-am-pm-active:hsla(0,0%,100%,.6);--timepicker-am-pm-text-selected:#000;--timepicker-am-pm-text-unselected:hsla(0,0%,100%,.7);--timepicker-primary:hsla(0,0%,100%,.6);--timepicker-on-primary:#000;--timepicker-primary-container:hsla(0,0%,100%,.6);--timepicker-on-primary-container:#000;--timepicker-tertiary-container:hsla(0,0%,100%,.6);--timepicker-on-tertiary-container:#000;--timepicker-border:hsla(0,0%,100%,.3);--timepicker-outline:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:var(--timepicker-bg);border-radius:1.25rem;color:var(--timepicker-text)}.timepicker-ui-input-ripple-wrapper.glassmorphic{border-radius:1rem}.timepicker-ui-select-time.glassmorphic{color:var(--timepicker-text)}.timepicker-ui-clock-face.glassmorphic{backdrop-filter:blur(8px);background-color:var(--timepicker-surface)}.timepicker-ui-circle-hand.glassmorphic,.timepicker-ui-clock-hand.glassmorphic,.timepicker-ui-dot.glassmorphic{background-color:var(--timepicker-primary)!important}.timepicker-ui-hour.glassmorphic,.timepicker-ui-minutes.glassmorphic{background-color:var(--timepicker-surface-hover);border-radius:1rem;color:var(--timepicker-text)}.timepicker-ui-hour.glassmorphic.active,.timepicker-ui-hour.glassmorphic:hover,.timepicker-ui-minutes.glassmorphic.active,.timepicker-ui-minutes.glassmorphic:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-dots.glassmorphic,.timepicker-ui-wrapper-type-time.glassmorphic{color:var(--timepicker-text)}.timepicker-ui-am.glassmorphic,.timepicker-ui-pm.glassmorphic{background-color:var(--timepicker-surface);border:1px solid var(--timepicker-border);color:var(--timepicker-text)}.timepicker-ui-am.glassmorphic.active,.timepicker-ui-am.glassmorphic:hover,.timepicker-ui-pm.glassmorphic.active,.timepicker-ui-pm.glassmorphic:hover{background-color:var(--timepicker-am-pm-active);color:var(--timepicker-on-primary)}.timepicker-ui-cancel-btn.glassmorphic,.timepicker-ui-ok-btn.glassmorphic{background-color:var(--timepicker-surface);border-radius:.75rem;color:var(--timepicker-text)}.timepicker-ui-cancel-btn.glassmorphic:hover,.timepicker-ui-ok-btn.glassmorphic:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-keyboard-icon-wrapper.glassmorphic svg{fill:var(--timepicker-text)}.timepicker-ui-keyboard-icon-wrapper.glassmorphic:hover svg{fill:var(--timepicker-primary)}.timepicker-ui-value-tips.glassmorphic{color:var(--timepicker-text)}

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

@@ -0,0 +1 @@
+:root{--timepicker-bg:#ece6ee;--timepicker-surface:#e6e0e9;--timepicker-surface-hover:#c8b3fd;--timepicker-input-bg:#e6e0e9;--timepicker-text:#1d1b20;--timepicker-secondary-text:#49454f;--timepicker-disabled-text:hsla(0,1%,61%,.6);--timepicker-type-time-text:#49454f;--timepicker-icon-text:#4e545a;--timepicker-am-pm-active:#ffd8e4;--timepicker-am-pm-text-selected:#633b48;--timepicker-am-pm-text-unselected:#49454f;--timepicker-primary:#6750a4;--timepicker-on-primary:#fff;--timepicker-primary-container:#eaddff;--timepicker-on-primary-container:#21005d;--timepicker-tertiary-container:#ffd8e4;--timepicker-on-tertiary-container:#633b48;--timepicker-border:#000;--timepicker-outline:#6750a4;--timepicker-hover-bg:#d6d6d6;--timepicker-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);--timepicker-font-family:"Roboto",sans-serif;--timepicker-border-radius:28px}.timepicker-ui-wrapper.m2{--timepicker-bg:#fff;--timepicker-surface:#e0e0e0;--timepicker-surface-hover:#ece0fd;--timepicker-input-bg:#e4e4e4;--timepicker-text:#000;--timepicker-secondary-text:#a9a9a9;--timepicker-disabled-text:hsla(0,1%,61%,.6);--timepicker-type-time-text:#787878;--timepicker-icon-text:#4e545a;--timepicker-am-pm-active:#ece0fd;--timepicker-am-pm-text-selected:#6200ee;--timepicker-am-pm-text-unselected:#787878;--timepicker-primary:#6200ee;--timepicker-on-primary:#fff;--timepicker-primary-container:#ece0fd;--timepicker-on-primary-container:#6200ee;--timepicker-tertiary-container:#ece0fd;--timepicker-on-tertiary-container:#6200ee;--timepicker-border:#d6d6d6;--timepicker-outline:#8b5cf6;--timepicker-hover-bg:#d6d6d6;--timepicker-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);--timepicker-border-radius:4px}.timepicker-ui-hour-time-12.m2,.timepicker-ui-hour-time-24.m2{color:var(--timepicker-text)}.timepicker-ui-wrapper.m2{background-color:var(--timepicker-bg);border-radius:var(--timepicker-border-radius);box-shadow:var(--timepicker-shadow)}.timepicker-ui-hour.active.m2,.timepicker-ui-minutes.active.m2{background-color:var(--timepicker-surface-hover);color:var(--timepicker-primary)}.timepicker-ui-hour.m2,.timepicker-ui-minutes.m2{background-color:var(--timepicker-input-bg)}.timepicker-ui-hour:hover.m2,.timepicker-ui-minutes:hover.m2{background-color:var(--timepicker-surface-hover);color:var(--timepicker-primary)}.timepicker-ui-clock-face.m2{background-color:var(--timepicker-surface)}.timepicker-ui-circle-hand.m2,.timepicker-ui-clock-hand.m2,.timepicker-ui-dot.m2{background-color:var(--timepicker-primary)!important}.timepicker-ui-cancel-btn.m2,.timepicker-ui-ok-btn.m2{color:var(--timepicker-primary)}.timepicker-ui-cancel-btn:hover.m2,.timepicker-ui-ok-btn:hover.m2{background-color:var(--timepicker-hover-bg)}.timepicker-ui-wrapper-type-time.m2{color:var(--timepicker-type-time-text)}.timepicker-ui-am.m2,.timepicker-ui-pm.m2{border-color:var(--timepicker-border)}.timepicker-ui-am.active.m2,.timepicker-ui-am:hover.m2,.timepicker-ui-pm.active.m2,.timepicker-ui-pm:hover.m2{background-color:var(--timepicker-am-pm-active);color:var(--timepicker-primary)}.timepicker-ui-hour.mobile:hover.m2,.timepicker-ui-minutes.mobile:hover.m2{background-color:var(--timepicker-surface-hover);color:var(--timepicker-primary)}.timepicker-ui-keyboard-icon-wrapper.m2 svg{fill:var(--timepicker-icon-text)}.timepicker-ui-keyboard-icon-wrapper.m2:hover svg{fill:var(--timepicker-primary)}.timepicker-ui-select-time.m2{color:var(--timepicker-secondary-text)}.timepicker-ui-dots.m2 span{background-color:var(--timepicker-text)}.timepicker-ui-value-tips-24h.m2,.timepicker-ui-value-tips.m2{color:var(--timepicker-text)}.timepicker-ui-value-tips-24h.m2.active,.timepicker-ui-value-tips.m2.active{color:var(--timepicker-on-primary)}.timepicker-ui-tips-disabled.m2{color:var(--timepicker-disabled-text)}.timepicker-ui-hour-text.m2,.timepicker-ui-minute-text.m2{color:var(--timepicker-secondary-text)}.timepicker-ui-icon-text.m2{color:var(--timepicker-icon-text)}

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

@@ -0,0 +1 @@
+:root{--timepicker-bg:#ece6ee;--timepicker-surface:#e6e0e9;--timepicker-surface-hover:#c8b3fd;--timepicker-input-bg:#e6e0e9;--timepicker-text:#1d1b20;--timepicker-secondary-text:#49454f;--timepicker-disabled-text:hsla(0,1%,61%,.6);--timepicker-type-time-text:#49454f;--timepicker-icon-text:#4e545a;--timepicker-am-pm-active:#ffd8e4;--timepicker-am-pm-text-selected:#633b48;--timepicker-am-pm-text-unselected:#49454f;--timepicker-primary:#6750a4;--timepicker-on-primary:#fff;--timepicker-primary-container:#eaddff;--timepicker-on-primary-container:#21005d;--timepicker-tertiary-container:#ffd8e4;--timepicker-on-tertiary-container:#633b48;--timepicker-border:#000;--timepicker-outline:#6750a4;--timepicker-hover-bg:#d6d6d6;--timepicker-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);--timepicker-font-family:"Roboto",sans-serif;--timepicker-border-radius:28px}.timepicker-ui-wrapper.m3-green{--timepicker-bg:#e5eadc;--timepicker-surface:#dfe4d6;--timepicker-surface-hover:#dfe4d6;--timepicker-text:#1a1c18;--timepicker-secondary-text:#6b7165;--timepicker-am-pm-active:#bbebeb;--timepicker-am-pm-text-selected:#002021;--timepicker-am-pm-text-unselected:#6b7165;--timepicker-primary:#386a20;--timepicker-on-primary:#042100;--timepicker-primary-container:#b8f397;--timepicker-on-primary-container:#042100;--timepicker-tertiary-container:#bbebeb;--timepicker-on-tertiary-container:#002021;--timepicker-border:#74796e;--timepicker-outline:#4ade80;--timepicker-shadow:unset;--timepicker-border-radius:35px}.timepicker-ui-hour-time-12.m3-green,.timepicker-ui-hour-time-24.m3-green{color:var(--timepicker-text)}.timepicker-ui-wrapper.m3-green{background-color:var(--timepicker-bg);border-radius:var(--timepicker-border-radius);box-shadow:var(--timepicker-shadow)}.timepicker-ui-hour.active.m3-green,.timepicker-ui-minutes.active.m3-green{background-color:#b8f397;color:var(--timepicker-on-primary)}.timepicker-ui-hour.m3-green,.timepicker-ui-minutes.m3-green{background-color:var(--timepicker-surface)}.timepicker-ui-hour:hover.m3-green,.timepicker-ui-minutes:hover.m3-green{color:var(--timepicker-primary)}.timepicker-ui-clock-face.m3-green{background-color:var(--timepicker-surface)}.timepicker-ui-circle-hand.m3-green,.timepicker-ui-clock-hand.m3-green,.timepicker-ui-dot.m3-green{background-color:var(--timepicker-primary)!important}.timepicker-ui-cancel-btn.m3-green,.timepicker-ui-ok-btn.m3-green{color:var(--timepicker-primary)}.timepicker-ui-cancel-btn:hover.m3-green,.timepicker-ui-ok-btn:hover.m3-green{background-color:var(--timepicker-surface)}.timepicker-ui-wrapper-type-time.m3-green{color:var(--timepicker-secondary-text)}.timepicker-ui-am.m3-green,.timepicker-ui-pm.m3-green{border-color:var(--timepicker-border);border-width:1px}.timepicker-ui-am.m3-green{border-bottom-width:0}.timepicker-ui-am.active.m3-green,.timepicker-ui-am:hover.m3-green,.timepicker-ui-pm.active.m3-green,.timepicker-ui-pm:hover.m3-green{background-color:var(--timepicker-am-pm-active);color:#002021}.timepicker-ui-hour.mobile:hover.m3-green,.timepicker-ui-minutes.mobile:hover.m3-green{background-color:var(--timepicker-surface)}.timepicker-ui-keyboard-icon-wrapper.m3-green svg{fill:var(--timepicker-secondary-text)}.timepicker-ui-keyboard-icon-wrapper.m3-green:hover svg{fill:var(--timepicker-primary)}

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

@@ -1 +1 @@
-:root{--timepicker-bg:#fff;--timepicker-surface:#e0e0e0;--timepicker-surface-hover:#ece0fd;--timepicker-input-bg:#e4e4e4;--timepicker-text:#000;--timepicker-secondary-text:#a9a9a9;--timepicker-disabled-text:hsla(0,1%,61%,.6);--timepicker-type-time-text:#787878;--timepicker-icon-text:#4e545a;--timepicker-primary:#6200ee;--timepicker-on-primary:#fff;--timepicker-border:#d6d6d6;--timepicker-hover-bg:#d6d6d6;--timepicker-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);--timepicker-font-family:"Roboto",sans-serif;--timepicker-border-radius:4px}.timepicker-ui-wrapper.pastel{--timepicker-bg:#fdf6f0;--timepicker-surface:#fae3d9;--timepicker-surface-hover:#fef0e8;--timepicker-text:#3b3b3b;--timepicker-secondary-text:#a58f86;--timepicker-primary:#ffb6b9;--timepicker-on-primary:#fff;--timepicker-border:#efdcd2;--timepicker-shadow:0 4px 16px rgba(0,0,0,.05);--timepicker-border-radius:1.25rem;background-color:var(--timepicker-bg);border-radius:var(--timepicker-border-radius);box-shadow:var(--timepicker-shadow);color:var(--timepicker-text)}.timepicker-ui-select-time.pastel{color:var(--timepicker-secondary-text)}.timepicker-ui-clock-face.pastel{background-color:#fff5ee;border:1px solid #f0e1db}.timepicker-ui-circle-hand.pastel,.timepicker-ui-clock-hand.pastel,.timepicker-ui-dot.pastel{background-color:var(--timepicker-primary)!important}.timepicker-ui-hour.pastel,.timepicker-ui-minutes.pastel{background-color:var(--timepicker-surface);border-radius:1rem;color:var(--timepicker-text)}.timepicker-ui-hour.pastel.active,.timepicker-ui-hour.pastel:hover,.timepicker-ui-minutes.pastel.active,.timepicker-ui-minutes.pastel:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-dots.pastel,.timepicker-ui-wrapper-type-time.pastel{color:var(--timepicker-secondary-text)}.timepicker-ui-am.pastel,.timepicker-ui-pm.pastel{background-color:var(--timepicker-surface-hover);border:1px solid var(--timepicker-border);color:var(--timepicker-text)}.timepicker-ui-am.pastel.active,.timepicker-ui-am.pastel:hover,.timepicker-ui-pm.pastel.active,.timepicker-ui-pm.pastel:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-cancel-btn.pastel,.timepicker-ui-ok-btn.pastel{background-color:var(--timepicker-surface-hover);border-radius:.75rem;color:var(--timepicker-text)}.timepicker-ui-cancel-btn.pastel:hover,.timepicker-ui-ok-btn.pastel:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-keyboard-icon-wrapper.pastel{color:var(--timepicker-secondary-text)}.timepicker-ui-keyboard-icon-wrapper.pastel:hover .timepicker-ui-keyboard-icon.pastel{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-value-tips.pastel{color:var(--timepicker-text)}
+:root{--timepicker-bg:#ece6ee;--timepicker-surface:#e6e0e9;--timepicker-surface-hover:#c8b3fd;--timepicker-input-bg:#e6e0e9;--timepicker-text:#1d1b20;--timepicker-secondary-text:#49454f;--timepicker-disabled-text:hsla(0,1%,61%,.6);--timepicker-type-time-text:#49454f;--timepicker-icon-text:#4e545a;--timepicker-am-pm-active:#ffd8e4;--timepicker-am-pm-text-selected:#633b48;--timepicker-am-pm-text-unselected:#49454f;--timepicker-primary:#6750a4;--timepicker-on-primary:#fff;--timepicker-primary-container:#eaddff;--timepicker-on-primary-container:#21005d;--timepicker-tertiary-container:#ffd8e4;--timepicker-on-tertiary-container:#633b48;--timepicker-border:#000;--timepicker-outline:#6750a4;--timepicker-hover-bg:#d6d6d6;--timepicker-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);--timepicker-font-family:"Roboto",sans-serif;--timepicker-border-radius:28px}.timepicker-ui-wrapper.pastel{--timepicker-bg:#fdf6f0;--timepicker-surface:#fae3d9;--timepicker-surface-hover:#fef0e8;--timepicker-text:#3b3b3b;--timepicker-secondary-text:#a58f86;--timepicker-am-pm-active:#ffb6b9;--timepicker-am-pm-text-selected:#fff;--timepicker-am-pm-text-unselected:#a58f86;--timepicker-primary:#ffb6b9;--timepicker-on-primary:#fff;--timepicker-primary-container:#ffb6b9;--timepicker-on-primary-container:#fff;--timepicker-tertiary-container:#ffb6b9;--timepicker-on-tertiary-container:#fff;--timepicker-border:#efdcd2;--timepicker-outline:#ff8a8f;--timepicker-shadow:0 4px 16px rgba(0,0,0,.05);--timepicker-border-radius:1.25rem}.timepicker-ui-input-ripple-wrapper.pastel{border-radius:1rem}.timepicker-ui-wrapper.pastel{background-color:var(--timepicker-bg);border-radius:var(--timepicker-border-radius);box-shadow:var(--timepicker-shadow);color:var(--timepicker-text)}.timepicker-ui-select-time.pastel{color:var(--timepicker-secondary-text)}.timepicker-ui-clock-face.pastel{background-color:#fff5ee;border:1px solid #f0e1db}.timepicker-ui-circle-hand.pastel,.timepicker-ui-clock-hand.pastel,.timepicker-ui-dot.pastel{background-color:var(--timepicker-primary)!important}.timepicker-ui-hour.pastel,.timepicker-ui-minutes.pastel{background-color:var(--timepicker-surface);border-radius:1rem;color:var(--timepicker-text)}.timepicker-ui-hour.pastel.active,.timepicker-ui-hour.pastel:hover,.timepicker-ui-minutes.pastel.active,.timepicker-ui-minutes.pastel:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-dots.pastel,.timepicker-ui-wrapper-type-time.pastel{color:var(--timepicker-secondary-text)}.timepicker-ui-am.pastel,.timepicker-ui-pm.pastel{background-color:var(--timepicker-surface-hover);border:1px solid var(--timepicker-border);color:var(--timepicker-text)}.timepicker-ui-am.pastel.active,.timepicker-ui-am.pastel:hover,.timepicker-ui-pm.pastel.active,.timepicker-ui-pm.pastel:hover{background-color:var(--timepicker-am-pm-active);color:var(--timepicker-on-primary)}.timepicker-ui-cancel-btn.pastel,.timepicker-ui-ok-btn.pastel{background-color:var(--timepicker-surface-hover);border-radius:.75rem;color:var(--timepicker-text)}.timepicker-ui-cancel-btn.pastel:hover,.timepicker-ui-ok-btn.pastel:hover{background-color:var(--timepicker-primary);color:var(--timepicker-on-primary)}.timepicker-ui-keyboard-icon-wrapper.pastel svg{fill:var(--timepicker-secondary-text)}.timepicker-ui-keyboard-icon-wrapper.pastel:hover svg{fill:var(--timepicker-primary)}.timepicker-ui-value-tips.pastel{color:var(--timepicker-text)}