To apply styles to specific popups, you can target the popup by it’s (url) or (url) and (selector), but without the parenthesis.
[data-active-popup="(url)(selector)"] {
property: value;
}For example, if wanted to target my popups that brought in my /form page to make them smaller. I’d use this:
[data-active-popup="/form"] {
--wm-popup-width: 500px;
--wm-popup-max-height: 50vh;
}If I wanted to target the popup with a specific block, say the form block on the form page, I’d use this:
[data-active-popup="/form#block-id-1234"] {
--wm-popup-width: 500px;
--wm-popup-max-height: 50vh;
}