.range-slider{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;display:block;position:relative;width:100%;height:8px;background:#ddd;border-radius:4px}.range-slider[data-vertical]{height:100%;width:8px}.range-slider[data-disabled]{opacity:.5;cursor:not-allowed}.range-slider .range-slider__thumb{position:absolute;z-index:3;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);border-radius:50%;background:#2196f3}.range-slider .range-slider__thumb:focus-visible{outline:0;box-shadow:0 0 0 6px rgba(33,150,243,.5)}.range-slider[data-vertical] .range-slider__thumb{left:50%}.range-slider .range-slider__thumb[data-disabled]{z-index:2}.range-slider .range-slider__range{position:absolute;z-index:1;transform:translateY(-50%);top:50%;width:100%;height:100%;background:#51adf6}.range-slider[data-vertical] .range-slider__range{left:50%;transform:translate(-50%)}.range-slider input[type=range]{-webkit-appearance:none;pointer-events:none;position:absolute;z-index:2;top:0;left:0;width:0;height:0;background-color:transparent}.range-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none}.range-slider input[type=range]::-moz-range-thumb{width:0;height:0;border:0}.range-slider input[type=range]:focus{outline:0}.trim-slider-wrapper{position:relative}.trim-slider-wrapper .time-label{text-align:center;display:none;z-index:1;background:black;padding:1rem;top:0;left:50%;transform:translate(-50%,calc(-100% + 1.24rem));position:absolute}.trim-slider-wrapper:hover .time-label{display:block}.trim-slider-wrapper::-webkit-scrollbar{height:1.25rem}#trimSlider{width:100%;height:60px;background-color:#45464d}#trimSlider .range-slider__range{height:60px;background-color:rgba(255,204,22,.8);border:6px solid rgba(255,204,22,1)}#trimSlider .range-slider__thumb{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI1MiIgdmlld0JveD0iMCAwIDcgNTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHk9IjAuODMzOTg0IiB3aWR0aD0iMi4xMjI3NCIgaGVpZ2h0PSI1MSIgcng9IjEuMDYxMzciIGZpbGw9ImJsYWNrIi8+CjxyZWN0IHg9IjMuODkwNjIiIHk9IjAuODMzOTg0IiB3aWR0aD0iMi4xMjI3NCIgaGVpZ2h0PSI1MSIgcng9IjEuMDYxMzciIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=") rgba(255,204,22,1);background-repeat:no-repeat;background-size:4px;height:100%;border:0;width:5px;border-radius:0;cursor:e-resize}#trimSlider .range-slider__thumb[data-lower=true]{background-position:100%!important;border-radius:8px 0 0 8px!important}#trimSlider .range-slider__thumb[data-upper=true]{background-position:0!important;border-radius:0 8px 8px 0!important}#trimSliderClipFinder{width:100%;height:60px;background-color:#45464d}#trimSliderClipFinder .range-slider__range{height:60px;background-color:#A496F8;border:6px solid #735ef4}#trimSliderClipFinder .range-slider__thumb{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI1MiIgdmlld0JveD0iMCAwIDcgNTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHk9IjAuODMzOTg0IiB3aWR0aD0iMi4xMjI3NCIgaGVpZ2h0PSI1MSIgcng9IjEuMDYxMzciIGZpbGw9ImJsYWNrIi8+CjxyZWN0IHg9IjMuODkwNjIiIHk9IjAuODMzOTg0IiB3aWR0aD0iMi4xMjI3NCIgaGVpZ2h0PSI1MSIgcng9IjEuMDYxMzciIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=") #735EF4;background-repeat:no-repeat;background-size:4px;height:100%;border:0;width:5px;border-radius:0;cursor:e-resize}#trimSliderClipFinder .range-slider__thumb[data-lower=true]{background-position:100%!important;border-radius:8px 0 0 8px!important}#trimSliderClipFinder .range-slider__thumb[data-upper=true]{background-position:0!important;border-radius:0 8px 8px 0!important}#twitchTrimPlayer{height:100%}.ruler{--ruler-num-c:#888;--ruler-num-fz:10px;--ruler-num-pi:0.75ch;--ruler-unit:1px;--ruler-x:1;--ruler-y:0;--ruler1-bdw:1px;--ruler1-c:#BBB;--ruler1-h:8px;--ruler1-space:5;--ruler2-bdw:1px;--ruler2-c:#BBB;--ruler2-h:20px;--ruler2-space:60;height:20px;width:100%;background-image:linear-gradient(90deg,var(--ruler1-c) 0 var(--ruler1-bdw),transparent 0),linear-gradient(90deg,var(--ruler2-c) 0 var(--ruler2-bdw),transparent 0),linear-gradient(0deg,var(--ruler1-c) 0 var(--ruler1-bdw),transparent 0),linear-gradient(0deg,var(--ruler2-c) 0 var(--ruler2-bdw),transparent 0);background-position:0 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:calc(var(--ruler-unit) * var(--ruler1-space) * var(--ruler-x)) var(--ruler1-h),calc(var(--ruler-unit) * var(--ruler2-space) * var(--ruler-x)) var(--ruler2-h),var(--ruler1-h) calc(var(--ruler-unit) * var(--ruler1-space) * var(--ruler-y)),var(--ruler2-h) calc(var(--ruler-unit) * var(--ruler2-space) * var(--ruler-y))}.ruler-x,.ruler-y{color:var(--ruler-num-c);counter-reset:d -1;display:flex;font-size:var(--ruler-num-fz);line-height:1;list-style:none;margin:0;overflow:hidden;padding:0}.ruler-x{height:var(--ruler2-h);opacity:var(--ruler-x);width:100%}.ruler-y{flex-direction:column;height:100%;inset-block-start:calc(var(--ruler-unit) * var(--ruler2-space));inset-inline-start:0;opacity:var(--ruler-y);width:var(--ruler2-h)}.ruler-x li{align-self:flex-end}.ruler-x li,.ruler-y li{counter-increment:d 1;flex:0 0 calc(var(--ruler-unit) * var(--ruler2-space))}.ruler-x li:after{content:counter(d)"";line-height:1;padding-inline-start:var(--ruler-num-pi)}.ruler-y li:after{content:counter(d)"";display:block;padding-inline-end:var(--ruler-num-pi);transform:rotate(-90deg) translateY(-13px);transform-origin:100% 0;text-align:flex-end;width:100%}