.levels-editor{position:relative;margin:8px 4px 12px}.levels-editor .levels-histogram{display:block;width:100%;height:auto;aspect-ratio:256 / 96;border:1px solid rgba(224,224,224,.9);background:#1a1a1a;touch-action:none}.levels-editor .levels-sliders{position:relative;height:18px;margin:2px 0}.levels-editor .levels-sliders .levels-track{position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);background:#8080808c}.levels-editor .levels-handle{position:absolute;top:0;width:0;height:0;padding:0;border:none;background:transparent;cursor:ew-resize;touch-action:none;transform:translate(-50%)}.levels-editor .levels-handle:after{content:"";position:absolute;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent}.levels-editor .levels-input .levels-handle:after{top:0;border-top:9px solid currentColor}.levels-editor .levels-output .levels-handle:after{bottom:0;border-bottom:9px solid currentColor}.levels-editor .levels-handle-black{color:#111}.levels-editor .levels-handle-gamma{color:#888}.levels-editor .levels-handle-white{color:#eee}.levels-editor .levels-handle:focus-visible{outline:2px solid #4a9eff;outline-offset:2px}.levels-editor .levels-handle.is-dragging{filter:brightness(1.3)}