@media (min-width: 1025px){.ccb-field.field-width-25 .ccb-timePicker-field .ccb-range-timePicker{flex-direction:column}.ccb-field.field-width-25 .ccb-timePicker-field .ccb-range-timePicker .ccb-range-timePicker__from .dp__input{border-radius:var(--ccb-fields-border-radius) var(--ccb-fields-border-radius) 0 0}.ccb-field.field-width-25 .ccb-timePicker-field .ccb-range-timePicker .ccb-range-timePicker__to .dp__input{border-radius:0 0 var(--ccb-fields-border-radius) var(--ccb-fields-border-radius)}.ccb-field.field-width-25 .ccb-timePicker-field .ccb-range-timePicker .ccb-range-timePicker__separator{min-height:24px;justify-content:center;border:1px solid var(--ccb-fields-border-color);border-top:none;border-bottom:none}.ccb-field.field-width-25 .ccb-timePicker-field .ccb-range-timePicker .ccb-range-timePicker__separator span{font-size:calc(var(--ccb-fields-button-size) - 2px)}.ccb-field.field-width-25 .ccb-timePicker-field .dp__input_wrap .dp__input{padding:10px calc(var(--ccb-field-side-indent) - 4px);padding-left:max(24px,var(--ccb-field-side-indent) - 4px)!important;font-size:calc(var(--ccb-fields-button-size) - 2px)}.ccb-field.field-width-25 .ccb-timePicker-field .dp__input_wrap .dp__input_icon{padding:6px;font-size:14px}}.ccb-timePicker-field *:focus{outline-width:0}.ccb-icon-timepicker-light-clock{color:var(--ccb-text-color)}.ccb-timePicker-field input{color:var(--ccb-text-color);padding:12px var(--ccb-field-side-indent);padding-left:max(30px,var(--ccb-field-side-indent))}@media only screen and (max-width: 480px){.ccb-timePicker-field input{padding-left:max(30px,var(--ccb-mobile-field-side-indent))}}.ccb-timePicker-field input.dp__input_focus{border-color:var(--ccb-accent-color)}.ccb-timePicker-field .dp__input_icon{display:flex;justify-content:center;align-items:center;color:var(--ccb-text-color)}.ccb-timePicker-field .dp__overlay{height:130px!important}.ccb-timePicker-field .dp__menu{color:var(--ccb-text-color);border:none}.ccb-timePicker-field .dp__action_cancel{padding:10px;margin:0 10px 0 0;border:none;flex:1;border-radius:var(--ccb-fields-border-radius);cursor:pointer;transition:.3s ease;font-size:var(--ccb-fields-button-size);font-weight:var(--ccb-fields-button-weight);border:1px solid var(--ccb-fields-border-color);background:var(--ccb-date-picker-day);color:var(--ccb-text-color)}@media only screen and (max-width: 480px){.ccb-timePicker-field .dp__action_cancel{font-size:var(--ccb-mobile-fields-button-size);font-weight:var(--ccb-mobile-fields-button-weight)}}.ccb-timePicker-field .dp__action_cancel:hover{background:color-mix(in srgb,var(--ccb-accent-color),transparent 50%)}.ccb-timePicker-field .dp__action_select{padding:10px;margin:0;border:none;flex:1;border-radius:var(--ccb-fields-border-radius);cursor:pointer;transition:.3s ease;font-size:var(--ccb-fields-button-size);font-weight:var(--ccb-fields-button-weight);background:var(--ccb-accent-color)!important;color:var(--ccb-fields-bg-color)}@media only screen and (max-width: 480px){.ccb-timePicker-field .dp__action_select{font-size:var(--ccb-mobile-fields-button-size);font-weight:var(--ccb-mobile-fields-button-weight)}}.ccb-timePicker-field .dp__action_select:hover{background:hsl(from var(--ccb-accent-color) h s calc(l - 5))}.ccb-timePicker-field .dp__selection_preview{color:var(--ccb-text-color)}.ccb-timePicker-field .dp__menu,.ccb-timePicker-field .dp__overlay_row,.ccb-timePicker-field .dp__arrow_top,.ccb-timePicker-field .dp__arrow_bottom{background:var(--ccb-fields-bg-color);border:none}.ccb-timePicker-field .dp__outer_menu_wrap{box-shadow:0 10px 30px #00000040}.ccb-timePicker-field .dp__pm_am_button{background:var(--ccb-accent-color);color:var(--ccb-fields-bg-color)}.ccb-timePicker-field .dp__btn{background:var(--ccb-fields-bg-color);transform:.3s easy}.ccb-timePicker-field .dp__btn:hover{background:var(--ccb-accent-color);color:var(--ccb-text-color)}.ccb-timePicker-field .dp__overlay_cell{color:var(--ccb-text-color)}.ccb-timePicker-field .dp__overlay_cell:hover{background:color-mix(in srgb,var(--ccb-accent-color),transparent 50%);color:var(--ccb-text-color)}.ccb-timePicker-field .dp__input_icon{padding:10px;font-size:16px;color:var(--dp-icon-color)}.ccb-timePicker-field .dp__time_col{color:var(--ccb-text-color);gap:5px}.ccb-timePicker-field .dp__time_col button{color:var(--ccb-text-color);background:var(--ccb-date-picker-day);border-radius:4px;min-width:42px;border:1px solid transparent}.ccb-timePicker-field .dp__time_col button:hover{background:color-mix(in srgb,var(--ccb-accent-color),transparent 50%);border-color:var(--ccb-accent-color);color:var(--ccb-text-color)}
