Missing CSS handle to target div inside of the drawer menu of the mobile filter navigator of the search-result app Version 3

[shaheen-karodia]

Describe the bug
CSS handle Missing for accordionFilterOpen to style the padding at the front of the component on mobile.

Expected behavior
I expected to be able to target the div with the padding using the :global(.vtex-{rest of classname}) directive

Screenshots

Desktop environment:
System:
OS: macOS 12.0.1
CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
Memory: 240.05 MB / 16.00 GB
Shell: 5.8 - /bin/zsh
Binaries:
Node: 14.17.3 - /usr/local/bin/node
Yarn: 1.22.11 - /usr/local/bin/yarn
npm: 7.21.0 - /usr/local/bin/npm
Browsers:
Chrome: 96.0.4664.55
Edge: 95.0.1020.53
Firefox: 91.0
Safari: 15.1
--->

Additional Context

App: "vtex.search-result": "3.x",

Block Configuration:

"filter-navigator.v3#search-result": {
    "blocks": ["sidebar-close-button"],
    "props": {
      "blockClass": "searchResult",
      "truncateFilters": true,
      "showClearByFilter": false,
      "fullWidthOnMobile": false,
      "navigationTypeOnMobile": "collapsible",
      "appliedFiltersOverview": "show",
      "totalProductsOnMobile": "show",
      "updateOnFilterSelectionOnMobile": true,
      "priceRangeLayout": "slider",
      "initiallyCollapsed": true
    }

}