.timepicker{--timepicker-bg: #ffffff;--timepicker-text: #1f2937;--timepicker-text-secondary: #6b7280;--timepicker-border: #d1d5db;--timepicker-border-focus: #3b82f6;--timepicker-hover-bg: #f3f4f6;--timepicker-selected-bg: #3b82f6;--timepicker-selected-text: #ffffff;--timepicker-error: #ef4444;--timepicker-error-bg: #fef2f2;--timepicker-radius: 6px;--timepicker-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--timepicker-font-family: inherit;--timepicker-font-size: 14px;--timepicker-input-height: 40px;--timepicker-dropdown-max-height: 240px;--timepicker-z-index: 1000;position:relative;display:inline-block;width:100%;font-family:var(--timepicker-font-family);font-size:var(--timepicker-font-size)}.timepicker__input{width:100%;height:var(--timepicker-input-height);padding:8px 12px;font-family:inherit;font-size:inherit;color:var(--timepicker-text);background-color:var(--timepicker-bg);border:1px solid var(--timepicker-border);border-radius:var(--timepicker-radius);outline:none;box-sizing:border-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.timepicker__input:focus{border-color:var(--timepicker-border-focus);box-shadow:0 0 0 3px #3b82f626}.timepicker__input::placeholder{color:var(--timepicker-text-secondary)}.timepicker__input--error{border-color:var(--timepicker-error);background-color:var(--timepicker-error-bg)}.timepicker__input--error:focus{border-color:var(--timepicker-error);box-shadow:0 0 0 3px #ef444426}.timepicker__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:var(--timepicker-dropdown-max-height);overflow-y:auto;background-color:var(--timepicker-bg);border:1px solid var(--timepicker-border);border-radius:var(--timepicker-radius);box-shadow:var(--timepicker-shadow);z-index:var(--timepicker-z-index);margin:0;padding:4px 0;list-style:none}.timepicker__option{padding:8px 12px;cursor:pointer;color:var(--timepicker-text);transition:background-color .1s ease-in-out;outline:none}.timepicker__option:hover,.timepicker__option--highlighted{background-color:var(--timepicker-hover-bg)}.timepicker__option--selected{background-color:var(--timepicker-selected-bg);color:var(--timepicker-selected-text)}.timepicker__option--selected:hover{background-color:var(--timepicker-selected-bg)}.timepicker__error{margin-top:4px;font-size:12px;color:var(--timepicker-error)}.timepicker__visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}