.flex-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.t-time-picker,.t-time-range-picker{width:240px;background:transparent;display:inline-block;position:relative;font:var(--td-font-body-medium);color:var(--td-text-color-primary);-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;list-style:none}.t-time-picker.t-is-disabled,.t-time-range-picker.t-is-disabled{cursor:not-allowed}.t-time-picker>*:focus,.t-time-range-picker>*:focus,.t-time-picker>*:active,.t-time-range-picker>*:active{outline:0}.t-time-picker__group,.t-time-range-picker__group{position:relative}.t-time-picker__group.active,.t-time-range-picker__group.active{border:1px solid var(--td-brand-color);-webkit-box-shadow:0 0 2px 2px var(--td-brand-color-focus);box-shadow:0 0 2px 2px var(--td-brand-color-focus)}.t-time-picker__group.active+.t-time-picker__icon-wrap>.t-time-picker__icon-clear,.t-time-range-picker__group.active+.t-time-picker__icon-wrap>.t-time-picker__icon-clear{display:block}.t-time-picker__group-text,.t-time-range-picker__group-text{color:var(--td-text-color-primary)}.t-time-picker__group input,.t-time-range-picker__group input{cursor:pointer}.t-time-range-picker{width:auto}.t-time-picker__panel{width:280px;background:transparent;border-radius:var(--td-radius-default);display:inline-block;position:relative;font:var(--td-font-body-medium);--timePickerPanelOffsetTop: 15;--timePickerPanelOffsetBottom: 21}.t-time-picker__panel-body{width:100%;height:calc(calc(var(--td-comp-size-xs) + var(--td-size-3)) * 7 + var(--td-size-3));position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.t-time-picker__panel-body-active-mask{position:absolute;top:50%;height:var(--td-comp-size-xs);width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.t-time-picker__panel-body-active-mask>div{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-transform:translateY(calc(0px - (calc(var(--td-comp-size-xs) + var(--td-size-3)) / 2)));transform:translateY(calc(0px - (calc(var(--td-comp-size-xs) + var(--td-size-3)) / 2)));height:var(--td-comp-size-xs);background-color:var(--td-brand-color-light);margin:var(--td-size-3) var(--td-comp-margin-xs);border-radius:var(--td-radius-default)}.t-time-picker__panel-body-scroll{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;overflow-y:scroll;text-align:center;position:relative;list-style:none;padding:0;margin:0}.t-time-picker__panel-body-scroll::-webkit-scrollbar{width:0}.t-time-picker__panel-body-scroll:after,.t-time-picker__panel-body-scroll:before{display:block;height:50%;content:""}.t-time-picker__panel-body-scroll:before{height:calc(50% - var(--timePickerPanelOffsetTop, 0) * 1px)}.t-time-picker__panel-body-scroll:after{height:calc(50% - var(--timePickerPanelOffsetBottom, 0) * 1px)}.t-time-picker__panel-body-scroll:last-child{border-right:0}.t-time-picker__panel-body-scroll-item{height:var(--td-comp-size-xs);font:var(--td-font-body-medium);line-height:var(--td-comp-size-xs);color:var(--td-text-color-secondary);margin:var(--td-size-3) var(--td-comp-margin-xs);border-radius:var(--td-radius-default);text-align:center;cursor:pointer;-webkit-transition:.2s linear;transition:.2s linear}.t-time-picker__panel-body-scroll-item:not(.t-time-picker__panel-body-scroll-item.t-is-current):not(.t-time-picker__panel-body-scroll-item.t-is-disabled):hover{color:var(--td-text-color-primary)}.t-time-picker__panel-body-scroll-item:not(.t-time-picker__panel-body-scroll-item.t-is-current):not(.t-time-picker__panel-body-scroll-item.t-is-disabled):active{background-color:var(--td-bg-color-container-hover)}.t-time-picker__panel-body-scroll-item.t-is-disabled{color:var(--td-text-color-disabled);cursor:not-allowed}.t-time-picker__panel-body-scroll-item.t-is-hidden{display:none;cursor:not-allowed}.t-time-picker__panel-body-scroll-item.t-is-current{color:var(--td-brand-color)}.t-time-picker__panel-section-body{padding:var(--td-pop-padding-xl) calc(var(--td-pop-padding-xl) - var(--td-comp-margin-xs))}.t-time-picker__panel-section-footer{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;position:relative;border-top:1px solid var(--td-border-level-1-color);-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--td-pop-padding-xl)}