kendo-drawer nested position fails

[Yoko-0x0]

Description

When using the kendo-drawer position property it tends to fail if there are more than one nested kendo-drawer.

Steps To Reproduce

1. https://stackblitz.com/edit/angular-qj3t3m
2. click in Switch Drawer position MyForm

Screenshots or video

initial

after click

Actual Behavior

When changing the position of the child drawer, it affects the parent drawer and should not.

Expected Behavior

Using drawer position should only affect the current component

Browser

Chrome

Browser version

latest

OS type

Windows

OS version

11

Last working version of the Kendo UI for Angular package (if regression).

No response

[Raisolution]

Additional Info

Nesting multiple Drawer components works as expected in overlay mode:
https://stackblitz.com/edit/angular-qj3t3m-rfaihv?file=src%2Fapp%2Fapp.component.ts

However it fails in push mode:
https://stackblitz.com/edit/angular-qj3t3m?file=src%2Fapp%2Fapp.component.ts

The problem is caused by the following CSS styles, applied to the Drawer container, which should be adjusted to avoid nested drawer containers.

Thus I am transferring the issue to the kendo themes repository.