Modify CSS for green line that appears when dragging a block into the canvas

[HashimHaider]

Hi guys!
Is there a class that I could possibly overwrite to update the styles for the green line as shown in the screenshot?
The line appears when dragging a block into the canvas. I've tried inspecting different elements to figure out if there's a class that I could overwrite, but have had no luck so far. TIA!

!

[HashimHaider]

Ping

[artf]

This is how you would change the color of the placeholder.

.gjs-placeholder.horizontal {
   border-color: transparent red;
}
.gjs-placeholder.vertical {
   border-color: red transparent;
}
.gjs-placeholder-int {
   background-color: red;
}

[HashimHaider]

Works like a charm, thank you!

[FawadOmerEsk]

Not working for me. Any ideas as to why that could be?
Grapesjs v0.19.5

[ronaldohoch]

@FawadOmerEsk this worked to me.:

.gjs-placeholder.horizontal,
.gjs-com-placeholder.horizontal,
.gjs-placeholder.horizontal {
    border-color: rgba(0, 0, 0, 0) red;
}

.gjs-placeholder.vertical,
.gjs-com-placeholder.vertical,
.gjs-placeholder.vertical {
    border-color: red rgba(0, 0, 0, 0);
}

.gjs-placeholder-int,
.gjs-com-placeholder-int,
.gjs-placeholder-int {
    background-color: red/*#62c462;*/
}

[GoodPHP]

Hi, check our plugin - https://gjs.market/products/placeholder-2-0-new-dragging-effect-for-components