:root{--bce-sizes-curve-handle:16px;--bce-padding-sm:4px;--bce-padding-md:8px;--bce-padding-lg:12px;--bce-padding-xl:16px;--bce-colors-handle-line:#969696;--bce-colors-curve-line:black;--bce-colors-row:#f2f2f2;--bce-colors-background:white;--bce-colors-outerarea:#fafafa;--bce-colors-axisline:black;--bce-colors-handle-fixed:white;--bce-colors-handle-start:#f08;--bce-colors-handle-end:#0ab;--bce-colors-preview:white;--bce-colors-preview-border:black;--bce-colors-handle-active-shadow:#ffffffb3}.BezierCurveEditor_root{padding:var(--bce-padding-md);isolation:isolate;flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}.BezierCurveEditor_root .BezierCurveEditor_wrap{position:relative}.BezierCurveEditor_root .BezierCurveEditor_bg{background:var(--bce-colors-outerarea);position:absolute;top:0;bottom:0}.BezierCurveEditor_plane{border-left:1px solid var(--bce-colors-axisline);border-bottom:1px solid var(--bce-colors-axisline);position:absolute;left:0}.BezierCurveEditor_plane .BezierCurveEditor_innerArea{fill:var(--bce-colors-background)}.BezierCurveEditor_plane .BezierCurveEditor_row{fill:var(--bce-colors-row)}.BezierCurveEditor_curve{position:relative}.BezierCurveEditor_curve .BezierCurveEditor_handleLine{stroke:var(--bce-colors-handle-line)}.BezierCurveEditor_curve .BezierCurveEditor_curveLine{stroke:var(--bce-colors-curve-line)}.BezierCurveEditor_curve .BezierCurveEditor_preview{offset-distance:0;fill:var(--bce-colors-preview);stroke:var(--bce-colors-preview-border);animation:2s infinite BezierCurveEditor_preview-loop}.BezierCurveEditor_handle{box-sizing:content-box;width:var(--bce-sizes-curve-handle);height:var(--bce-sizes-curve-handle);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:0;border-radius:50%;outline:0;padding:0;transition:box-shadow .1s ease-out;position:absolute;transform:translate(-50%,-50%)}.BezierCurveEditor_handle.BezierCurveEditor_active{box-shadow:0 0 0 4.5px var(--bce-colors-handle-active-shadow),0 0 0 4px currentColor}.BezierCurveEditor_handle.BezierCurveEditor_fixed{pointer-events:none;cursor:default;border:1px solid var(--bce-colors-handle-line);background-color:var(--bce-colors-handle-fixed)}.BezierCurveEditor_handle.BezierCurveEditor_fixed:is(button){pointer-events:initial;cursor:pointer}.BezierCurveEditor_handle.BezierCurveEditor_start{color:var(--bce-colors-handle-start);background-color:var(--bce-colors-handle-start)}.BezierCurveEditor_handle.BezierCurveEditor_end{color:var(--bce-colors-handle-end);background-color:var(--bce-colors-handle-end)}@keyframes BezierCurveEditor_preview-loop{0%{offset-distance:0%}to{offset-distance:100%}}