.DateTimeSlider{--slider-height:var(--control-height-m);--slider-width:calc(var(--date-time-cell-width)*14 + var(--space-m));display:flex;width:var(--slider-width)}.DateTimeSlider-Slider{background:var(--color-control-bg-ghost);border-radius:var(--control-radius);flex:1;height:var(--slider-height);margin:0 var(--space-xs);overflow:hidden;position:relative}.DateTimeSlider-Button_direction_prev{transform:rotate(180deg)}.DateTimeSlider-Parent,.DateTimeSlider-SliderBody{display:flex;height:100%}.DateTimeSlider-Parent{position:absolute;transition:transform .5s;width:var(--parent-width)}.DateTimeSlider-Parent_position_0{transform:translateX(calc(var(--parent-width)*-1))}.DateTimeSlider-Parent_position_1{transform:translateX(0)}.DateTimeSlider-Parent_position_2{transform:translateX(calc(var(--parent-width)))}.DateTimeSlider-Parent_position_3{transform:translateX(calc(var(--parent-width)*2))}.DateTimeSlider-Parent_selected:before{background-color:var(--color-control-bg-primary);bottom:0;content:"";height:var(--space-3xs);left:var(--value-offset);pointer-events:none;position:absolute;width:var(--value-width)}.DateTimeSlider-Parent_selected+.DateTimeSlider-Parent_selected:before{left:calc(var(--value-offset) - 1px);width:calc(var(--value-width) + 1px)}.DateTimeSlider-ParentLabel{position:absolute;right:0;transition:transform .5s,color .2s}.DateTimeSlider-ParentLabel_position_0{transform:translateX(calc(var(--item-width)*-13))}.DateTimeSlider-ParentLabel_position_1{transform:translateX(calc((var(--parent-width) + var(--item-width))/-2 + 50%))}.DateTimeSlider-ParentLabel_position_2{transform:translateX(calc(var(--space-2xs)*-1))}.DateTimeSlider-ParentLabel_position_3{transform:translateX(calc(var(--parent-width)))}.DateTimeSlider-Item{align-items:flex-end;background:transparent;border:none;cursor:pointer;display:flex;height:100%;outline:transparent}.DateTimeSlider-Item,.DateTimeSlider-ItemLabel{margin-bottom:var(--space-3xs);width:var(--item-width)}.DateTimeSlider-ItemLabel{height:var(--space-m)}.DateTimeSlider-Selector{background-color:var(--color-control-bg-ghost);border-radius:var(--control-radius);height:var(--slider-height);position:absolute;transform:translateX(calc(var(--item-width)*var(--current-item)));transition:transform .3s;width:calc(var(--item-width)*2)}