.gradient-editor{position:relative;width:100%;box-sizing:border-box;margin:5px 5px 24px}.gradient-editor .gradient-bar{display:block;width:100%;height:24px;box-sizing:border-box;border:1px solid rgba(224,224,224,.9);cursor:pointer}.gradient-editor .handle{position:absolute;top:22px;width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,1);box-shadow:0 1px 3px #0006;transform:translate(-50%) scale(.8);cursor:grab;touch-action:none;z-index:var(--z-gradient-editor-handle)}.gradient-editor .handle:active{cursor:grabbing}.gradient-editor .handle-position-label{position:absolute;top:-2px;transform:translate(-50%);padding:2px 6px;font-size:11px;line-height:1.2;color:#fff;background:#000000c7;border-radius:4px;pointer-events:none;white-space:nowrap;z-index:calc(var(--z-gradient-editor-handle) + 1)}.gradient-editor .handle-position-label.align-left{transform:translate(-100%)}.gradient-editor .handle-position-label.align-right{transform:translate(0)}.gradient-editor .handle-position-label[hidden]{display:none}