.dmc-color-gradient-wrap{height:100%;width:100%}.dmc-color-gradient-slider.dmc-slider{bottom:0;height:100%;left:0;margin:0;padding:0;pointer-events:none;position:absolute;right:0;top:0}.dmc-color-gradient-slider.dmc-slider.actived .dmc-slider-handle:after{border:2px solid var(--dmc-blue-200-color);border-radius:50%;bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px}.dmc-color-gradient-slider.dmc-slider .dmc-slider-rail,.dmc-color-gradient-slider.dmc-slider .dmc-slider-track{display:none}.dmc-color-gradient-slider.dmc-slider .dmc-slider-handle{align-items:center;background:var(--dmc-text-white-color);border:1px solid var(--dmc-color-gradient-item-border-color);border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;height:12px;justify-content:center;pointer-events:auto;position:absolute;top:4px;width:12px}.dmc-color-gradient-slider.dmc-slider .dmc-slider-handle-click-focused .dmc-slider-handle{border-color:var(--dmc-blue-200-color)}.dmc-color-gradient-gradient{box-sizing:border-box;height:8px;position:relative;width:100%}.dmc-color-gradient-palette{border:1px solid var(--dmc-color-gradient-border-color);border-radius:4px;box-sizing:border-box;cursor:pointer;height:8px;position:absolute}