How to add custom CSS code? I would like to add some hover over interaction in the navbar.

It seems there's no way to paste custom CSS code in Webstudio yet, but I may be wrong. I know there's a way to add advanced styling in the righthand side panel, but it seems I'm limited by the styles included in the list. In this case, I have have added custom classes to some elements, so obviously there's no correlation with the options listed there.

For context, these is the CSS code I would like to paste (I've already set up the classes):

.submenu-image-wto,
.submenu-image-usmca,
.submenu-image-dispute {
display: none;
}

.wto-link:hover ~ .submenu-image-wto {
display: block;
}

.usmca-link:hover ~ .submenu-image-usmca {
display: block;
}

.dispute-link:hover ~ .submenu-image-dispute {
display: block;
}