.timeline-slider{--thumb-opacity:1;background-image:var(--bg-gradient);height:5rem;overflow:hidden;position:relative}.timeline-slider_disabled{pointer-events:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;--thumb-opacity:.5}.timeline-slider__track{cursor:pointer;height:2rem;position:relative;top:1.25rem;width:100%}.timeline-slider__track-bg{height:.25rem;width:100%;--tw-translate-y:-50%;--tw-bg-opacity:.5;left:0}.timeline-slider__track-bg,.timeline-slider__track-fill{background-color:rgb(255 255 255/var(--tw-bg-opacity,1));position:absolute;top:1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.timeline-slider__track-fill{height:.375rem;--tw-translate-y:-50%;--tw-bg-opacity:1;width:calc(100%*var(--width))}.timeline-slider__track-ticks{pointer-events:none;position:relative;top:1.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.timeline-slider__track-tick{left:0;position:absolute;top:0;width:calc(100%*var(--width))}.timeline-slider__track-tick_edge{top:.5rem}.timeline-slider__track-tick-label{bottom:1.5rem;height:1rem;left:100%;--tw-translate-x:-50%;--tw-translate-y:50%;font-size:.75rem;line-height:1rem}.timeline-slider__track-tick-label,.timeline-slider__track-tick-label:after{position:absolute;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.timeline-slider__track-tick-label:after{bottom:-1.25rem;display:block;height:.75rem;left:50%;width:1px;--tw-translate-x:-50%;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-bg-opacity:.5;content:""}.timeline-slider__track-tick-label_edge{font-weight:500;top:.25rem}.timeline-slider__track-tick-label_edge:after{bottom:1rem;content:"";height:1.25rem;width:2px}.timeline-slider__track-tick-label_epic:after{bottom:-1.25rem;display:block;height:1.25rem;left:50%;width:2px;--tw-translate-x:-50%;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-bg-opacity:.5;content:""}.timeline-slider__thumb,.timeline-slider__track-tick-label_epic:after{position:absolute;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.timeline-slider__thumb{top:2.5rem;--tw-translate-y:-50%;--tw-translate-x:-50%;cursor:pointer;opacity:var(--thumb-opacity)}.timeline-slider__thumb-circle{height:1.25rem;width:1.25rem;--tw-bg-opacity:1;background-color:rgb(var(--color-warning)/var(--tw-bg-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1));--tw-ring-opacity:.5}.timeline-slider__thumb-circle,.timeline-slider__thumb-value{border-radius:9999px;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.timeline-slider__thumb-value{bottom:2.5rem;display:flex;height:2.5rem;pointer-events:none;position:fixed;width:2.5rem;z-index:501;--tw-translate-x:-.75rem;--tw-translate-y:-3.5rem;--tw-scale-x:.5;--tw-scale-y:.5;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));font-size:.875rem;line-height:1.25rem;opacity:0;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-warning)/var(--tw-ring-opacity,1));transition:opacity .3s,transform .3s}.timeline-slider__thumb-value,.timeline-slider__thumb-value_active{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.timeline-slider__thumb-value_active{--tw-scale-x:1;--tw-scale-y:1;opacity:1}.ui-viewport-sticky{position:fixed;width:100%}.app-timeline{width:100%}.node-client-footer{position:relative}
