.gradient-bar-container[data-v-713a0035]{position:relative}.gradient-bar[data-v-713a0035]{border:1px solid #dcdfe6}html.dark{border-color:#4c4d4f}.color-stop-handle[data-v-713a0035]{align-items:center;cursor:grab;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;z-index:10}.color-stop-handle[data-v-713a0035]:active{cursor:grabbing}.color-stop-handle .color-indicator[data-v-713a0035]{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0000004d;height:16px;transition:transform .15s;width:16px}.color-stop-handle.active .color-indicator[data-v-713a0035]{border-color:#409eff;transform:scale(1.2)}.color-stop-handle:hover .color-indicator[data-v-713a0035]{transform:scale(1.1)}.text-shadow[data-v-713a0035]{text-shadow:0 1px 2px rgba(0,0,0,.5)}.preset-item[data-v-713a0035]{transition:all .2s}.preset-item[data-v-713a0035]:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}