.react_time_range__time_range_container{padding:1.5rem 3rem 0;height:4.5rem;width:100%;box-sizing:border-box}.react_time_range__keyboard_handle{position:absolute;transform:translate(-50%,-50%);z-index:3;width:24px;height:1rem;border-radius:50%;box-shadow:1px 1px 1px 1px rgba(0,0,0,.3)}.react_time_range__track,.react_time_range__track__disabled{position:absolute;transform:translateY(-50%);height:2rem;cursor:pointer;transition:background-color .15s ease-in-out,border-color .15s ease;z-index:3}.react_time_range__track__disabled{z-index:1;border-left:1px solid var(--time-range-tick);border-right:1px solid var(--time-range-tick);background:repeating-linear-gradient(-45deg,transparent,transparent 3px,var(--time-range-disabled-stripe) 4px,var(--time-range-disabled-stripe) 2px)}.react_time_range__rail__outer{position:absolute;width:100%;height:2rem;transform:translateY(-50%);cursor:pointer}.react_time_range__rail__inner{position:absolute;width:100%;height:2rem;transform:translateY(-50%);pointer-events:none;background-color:var(--time-range-rail);border-bottom:1px solid var(--time-range-tick)}.react_time_range__handle_wrapper{position:absolute;transform:translate(-50%,-50%);-webkit-tap-highlight-color:var(--time-range-tap);z-index:6;width:24px;height:24px;cursor:pointer;background-color:transparent}.react_time_range__handle_container,.react_time_range__handle_container__disabled{position:absolute;display:flex;transform:translate(-50%,-50%);z-index:4;width:10px;height:24px;border-radius:4px;box-shadow:0 0 3px rgba(0,0,0,.4);background-color:var(--time-range-handle)}.react_time_range__handle_container__disabled{background-color:var(--time-range-handle-disabled)}.react_time_range__handle_marker,.react_time_range__handle_marker__error{width:2px;height:12px;margin:auto;border-radius:2px;background-color:var(--time-range-valid);transition:background-color .2s ease}.react_time_range__handle_marker__error{background-color:var(--time-range-invalid)}.react_time_range__tick_marker,.react_time_range__tick_marker__large{position:absolute;margin-top:20px;width:1px;height:5px;background-color:var(--time-range-tick);z-index:2}.react_time_range__tick_marker__large{margin-top:15px;height:10px}.react_time_range__tick_label{position:absolute;margin-top:28px;font-size:10px;text-align:center;z-index:2;color:var(--time-range-tick-label);font-family:sans-serif}