@keyframes picktime-fade{0%{opacity:0}100%{opacity:1}}@keyframes picktime-drop{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}.picktime--theme-light,.picktime--theme-dark{--pt-padding: 10px;--pt-border-radius: 12px;--pt-border: 1px solid var(--pt-border-color);--pt-box-shadow: 0 1px 8px var(--pt-box-shadow-color);--pt-input-font-size: 30px;--pt-input-border-radius: 6px;--pt-input-border: 1px solid var(--pt-input-border-color);--pt-meridiem-font-size: 10px;--pt-meridiem-border-radius: 6px;--pt-meridiem-border: 1px solid var(--pt-meridiem-border-color);--pt-animation: cubic-bezier(0.25, 1, 0.5, 1)}.picktime--theme-light{--pt-background: #fff;--pt-foreground: #23232b;--pt-border-color: rgb(227.7115384615, 227.7115384615, 232.7884615385);--pt-box-shadow-color: rgba(35, 35, 43, 0.1);--pt-input-color: #23232b;--pt-input-background: var(--pt-background);--pt-input-border-color: rgb(227.7115384615, 227.7115384615, 232.7884615385);--pt-input-focus-border-color: rgb(157.4230769231, 157.4230769231, 175.5769230769);--pt-input-focus-background: rgb(247.3923076923, 247.3923076923, 248.8076923077);--pt-dots-color: rgba(35, 35, 43, 0.8);--pt-meridiem-color: #23232b;--pt-meridiem-hover-color: #23232b;--pt-meridiem-hover-background: rgb(241.7692307692, 241.7692307692, 244.2307692308);--pt-meridiem-border-color: var(--pt-input-border-color);--pt-meridiem-checked-color: var(--pt-background);--pt-meridiem-checked-background: var(--pt-foreground);--pt-meridiem-checked-border-color: var(--pt-background)}.picktime--theme-dark{--pt-background: #23232b;--pt-foreground: #fff;--pt-border-color: rgb(23.5576923077, 23.5576923077, 28.9423076923);--pt-box-shadow-color: rgba(35, 35, 43, 0.45);--pt-input-color: var(--pt-foreground);--pt-input-background: var(--pt-background);--pt-input-border-color: rgb(69.3269230769, 69.3269230769, 85.1730769231);--pt-input-focus-border-color: rgb(92.2115384615, 92.2115384615, 113.2884615385);--pt-input-focus-background: rgb(46.4423076923, 46.4423076923, 57.0576923077);--pt-dots-color: rgba(255, 255, 255, 0.8);--pt-meridiem-color: #fff;--pt-meridiem-hover-color: #fff;--pt-meridiem-hover-background: rgb(46.4423076923, 46.4423076923, 57.0576923077);--pt-meridiem-border-color: var(--pt-input-border-color);--pt-meridiem-checked-color: var(--pt-background);--pt-meridiem-checked-background: var(--pt-foreground);--pt-meridiem-checked-border-color: var(--pt-background)}.picktime{position:absolute;top:0;left:0;width:max-content;direction:ltr;display:none;opacity:0;visibility:hidden;z-index:99999;outline:0 none;box-sizing:border-box;line-height:1;font-family:inherit;border:var(--pt-border);background:var(--pt-background);border-radius:var(--pt-border-radius);filter:drop-shadow(var(--pt-box-shadow));padding:var(--pt-padding)}.picktime::before,.picktime::after{box-sizing:border-box}.picktime *{box-sizing:border-box;font-family:inherit;line-height:inherit;outline:0 none}.picktime *::before,.picktime *::after{box-sizing:border-box}.picktime--body{position:relative;display:flex;align-items:center;justify-content:space-between}.picktime--input{width:58px;aspect-ratio:1/1;padding:5px;font-weight:700;text-align:center;box-shadow:none;color:var(--pt-input-color);font-size:var(--pt-input-font-size);background:var(--pt-input-background);border:var(--pt-input-border);border-radius:var(--pt-input-border-radius);transition:border-color .2s var(--pt-animation),background-color .2s var(--pt-animation)}.picktime--input:focus{border-color:var(--pt-input-focus-border-color);background:var(--pt-input-focus-background)}.picktime--input::selection{background:rgba(0,0,0,0)}.picktime--dots{width:6px;height:24px;position:relative;display:flex;flex-direction:column;padding:0 10px;-webkit-user-select:none;user-select:none;pointer-events:none}.picktime--dots::before,.picktime--dots::after{content:"";position:absolute;left:50%;transform:translate(-50%, 0);width:6px;height:6px;border-radius:50%;background:var(--pt-dots-color)}.picktime--dots::after{bottom:0}.picktime--dots::before{top:0}.picktime__meridiem{display:flex;flex-direction:column;gap:2px;text-align:center;height:58px;margin:0 0 0 10px}.picktime__meridiem--switch{flex:1 1 25%;position:relative;display:flex;width:100%;outline:0 none;max-height:50px;-webkit-user-select:none;user-select:none}.picktime__meridiem--label{flex-grow:1;width:28px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-weight:700;border:var(--pt-meridiem-border);border-radius:var(--pt-meridiem-border-radius);color:var(--pt-meridiem-color);font-size:var(--pt-meridiem-font-size);line-height:1;cursor:pointer;padding:5px;transition:color .2s var(--pt-animation),background-color .2s var(--pt-animation)}.picktime__meridiem--label:hover{color:var(--pt-meridiem-hover-color);background:var(--pt-meridiem-hover-background)}.picktime__meridiem--label span{-webkit-user-select:none;user-select:none;pointer-events:none}.picktime__meridiem--switch:focus .picktime__meridiem--label{color:var(--pt-meridiem-hover-color);background:var(--pt-meridiem-hover-background)}.picktime__meridiem--radio{width:0;height:0;opacity:0;display:none;appearance:none;border-radius:0;-webkit-user-select:none;user-select:none;pointer-events:none}.picktime__meridiem--radio:checked+.picktime__meridiem--label{color:var(--pt-meridiem-checked-color);background:var(--pt-meridiem-checked-background);border-color:var(--pt-meridiem-checked-border-color)}.picktime--arrow{position:absolute;width:16px;height:6px;-webkit-user-select:none;user-select:none;pointer-events:none;transition:none;animation:none}.picktime--arrow svg{position:absolute;inset:0;fill:var(--pt-background);transition:inherit;animation:inherit}.picktime--arrow svg:first-of-type{margin-top:-1px;transform:scale(1.1);fill:var(--pt-border-color)}.picktime--arrow svg:last-of-type{fill:var(--pt-background)}.picktime--arrow-top{transform:rotate(0deg)}.picktime--arrow-bottom{transform:rotate(180deg)}.picktime--active{display:inline-flex;align-items:center;justify-content:center;visibility:visible}.picktime--animation-fade{animation:picktime-fade .25s var(--pt-animation) both}.picktime--animation-drop{animation:picktime-drop .25s var(--pt-animation) both}.picktime--clock-24 .picktime__meridiem{display:none}