@db-ux/core-components 4.14.0-shell-52d18db → 5.0.0

package/build/components/shell/shell-desktop.css

@@ -1,475 +0,0 @@
-.db-visually-hidden,
-[data-visually-hidden=true] {
-  position: absolute !important;
-  inset-block-start: 0 !important;
-  inline-size: 1px !important;
-  block-size: 1px !important;
-  overflow: hidden !important;
-  clip: rect(0, 0, 0, 0) !important;
-  white-space: nowrap !important;
-  border: 0 !important;
-  padding: 0 !important;
-  pointer-events: none !important;
-}
-
-/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
-/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
-/* Variants for adaptive components like input, select, notification, ... */
-/* Sub components for shell */
-@keyframes popover-animation {
-  0% {
-    pointer-events: none;
-    opacity: 0;
-    transform: translate(var(--db-popover-center-x, var(--db-popover-translate-x, 0%)), var(--db-popover-center-y, var(--db-popover-translate-y, 0%)));
-  }
-  100% {
-    pointer-events: auto;
-    opacity: 1;
-    transform: translate(var(--db-popover-center-x, 0%), var(--db-popover-center-y, 0%));
-  }
-}
-@keyframes rotate {
-  100% {
-    transform: rotate(1turn);
-  }
-}
-.db-shell-sub-navigation {
-  grid-area: sub-navigation;
-  overflow: hidden;
-}
-.db-shell-sub-navigation > .db-shell-sub-navigation-button {
-  grid-area: button;
-  display: flex;
-}
-@media screen and (prefers-reduced-motion: no-preference) {
-  .db-shell-sub-navigation > .db-shell-sub-navigation-button .db-button::before {
-    transition: transform var(--db-transition-straight-functional);
-  }
-}
-.db-shell-sub-navigation .db-control-panel-navigation {
-  grid-area: navigation;
-}
-
-.db-shell {
-  /* stylelint-disable-next-line media-query-no-invalid */
-}
-@media (48em < width) {
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] {
-    grid-template-areas: "control-panel" "shell-content";
-    grid-template-rows: [control-panel] max-content [shell-content] 1fr;
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top]:has(> * > db-shell-sub-navigation > .db-shell-sub-navigation, > db-shell-sub-navigation > .db-shell-sub-navigation, > .db-shell-sub-navigation) {
-    grid-template-areas: "control-panel" "sub-navigation" "shell-content";
-    grid-template-rows: [control-panel] max-content [sub-navigation] max-content [shell-content] 1fr;
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation {
-    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
-    position: var(--db-tooltip-parent-position, relative);
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-emphasis=strong], .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation[data-emphasis=strong], .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation[data-emphasis=strong] {
-    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation::after {
-    content: "";
-    background-color: var(--db-divider-bg-color);
-    position: absolute;
-    /* jscpd:ignore-start */
-    block-size: var(--db-border-width-3xs);
-    inset-block-end: 0;
-    inset-inline: 0;
-    /* stylelint-disable-next-line db-ux/use-border-color */
-    /* stylelint-disable-next-line at-rule-empty-line-before */
-    /* jscpd:ignore-end */
-  }
-}
-@media (48em < width) and (forced-colors: active) {
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation::after {
-    /* stylelint-disable-next-line db-ux/use-border-color */
-    border-block-end: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
-  }
-}
-@media (48em < width) {
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation {
-    --db-overflow-scroll-button-inset-inline-start: calc(
-    	var(--db-spacing-fixed-sm) / 2
-    );
-    --db-overflow-scroll-button-inset-block: var(--db-spacing-fixed-sm);
-    display: grid;
-    --db-control-panel-navigation-horizontal: 1;
-    /*
-     * Scroll left / right buttons
-     */
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button > .db-button, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button:is(.db-button), .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button > .db-button, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button:is(.db-button), .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button > .db-button, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button:is(.db-button) {
-    inset-inline-start: var(--db-overflow-scroll-button-inset-inline-start, 0);
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button > .db-button, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button:is(.db-button), .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button > .db-button, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button:is(.db-button), .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button > .db-button, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button:is(.db-button) {
-    inset-inline-end: 0;
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button > .db-button, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button:is(.db-button),
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button > .db-button,
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button:is(.db-button), .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button > .db-button, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button:is(.db-button),
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button > .db-button,
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button:is(.db-button), .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button > .db-button, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button:is(.db-button),
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button > .db-button,
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button:is(.db-button) {
-    position: absolute;
-    z-index: 22;
-    inset-block: var(--db-overflow-scroll-button-inset-block, var(--db-spacing-fixed-xs));
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.overflow-scroll-left-button) > menu::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.overflow-scroll-left-button) > menu::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation:has(.overflow-scroll-left-button) > menu::before {
-    content: "";
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.overflow-scroll-right-button) > menu::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.overflow-scroll-right-button) > menu::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation:has(.overflow-scroll-right-button) > menu::after {
-    content: "";
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after {
-    position: absolute;
-    z-index: 21;
-    background-color: var(--db-adaptive-bg-basic-level-1-default);
-    inline-size: var(--db-sizing-md);
-    block-size: calc(var(--db-overflow-scroll-button-background-block-size, var(--db-spacing-fixed-sm)) + var(--db-sizing-md));
-    flex: 0 0 auto;
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before {
-    inset-inline-start: var(--db-overflow-scroll-button-inset-inline-start, 0);
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after {
-    inset-inline-end: 0;
-  }
-  @supports (scrollbar-width: none) {
-    .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu {
-      scrollbar-width: none;
-    }
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::-webkit-scrollbar, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::-webkit-scrollbar, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::-webkit-scrollbar {
-    display: none;
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after {
-    block-size: calc(100% - var(--db-border-width-3xs));
-    inset-block: 0;
-    flex: none;
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation > menu {
-    overflow: auto hidden;
-    flex-direction: row;
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group,
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item > .db-control-panel-navigation-item, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item > .db-control-panel-navigation-item, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group,
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item > .db-control-panel-navigation-item, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item > .db-control-panel-navigation-item, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group,
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item > .db-control-panel-navigation-item, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item > .db-control-panel-navigation-item, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item {
-    white-space: nowrap;
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after {
-    --db-icon-trailing: "chevron_down";
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu {
-    inset-block-start: calc(100% + var(--db-popover-distance, var(--db-spacing-fixed-md)));
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before {
-    content: "";
-    position: absolute;
-    inset-inline-start: 0;
-    inline-size: 100%;
-    block-size: calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-md));
-    inset-block-start: calc(-1 * var(--db-spacing-fixed-md) - var(--db-spacing-fixed-3xs));
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation .db-control-panel-navigation > menu {
-    /* workaround for showing correct scrolling and focus */
-    padding-inline: calc(var(--db-spacing-fixed-sm) / 2);
-    margin-inline: calc(var(--db-spacing-fixed-sm) / 2);
-    /* stylelint-disable-next-line db-ux/use-spacings */
-    padding-block: var(--db-overflow-scroll-button-inset-block);
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > * > db-shell-sub-navigation > .db-shell-sub-navigation > .db-shell-sub-navigation-button, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > db-shell-sub-navigation > .db-shell-sub-navigation > .db-shell-sub-navigation-button, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=top] > .db-shell-sub-navigation > .db-shell-sub-navigation-button {
-    display: none;
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] {
-    grid-template: [control-panel] "control-panel control-panel" max-content [shell-content] "shell-content shell-content" 1fr;
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left]:has(> * > db-shell-sub-navigation > .db-shell-sub-navigation, > db-shell-sub-navigation > .db-shell-sub-navigation, > .db-shell-sub-navigation) {
-    grid-template: [control-panel] "control-panel control-panel" max-content [shell-content] "sub-navigation shell-content" 1fr/[sub-navigation] auto [shell-content] 1fr;
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation {
-    display: grid;
-    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
-    position: var(--db-tooltip-parent-position, relative);
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-emphasis=strong], .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation[data-emphasis=strong], .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation[data-emphasis=strong] {
-    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation::after {
-    content: "";
-    background-color: var(--db-divider-bg-color);
-    position: absolute;
-    /* jscpd:ignore-start */
-    inline-size: var(--db-border-width-3xs);
-    inset-inline-end: 0;
-    inset-block: 0;
-    /* stylelint-disable-next-line db-ux/use-border-color */
-    /* jscpd:ignore-end */
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation {
-    /* jscpd:ignore-start */
-  }
-}
-@media (48em < width) and (forced-colors: active) {
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation::after {
-    /* stylelint-disable-next-line db-ux/use-border-color */
-    border-inline-end: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
-  }
-}
-@media (48em < width) {
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation {
-    max-inline-size: 20em;
-    padding: var(--db-spacing-fixed-md);
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=false], .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=false], .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation[data-open=false] {
-    inline-size: auto;
-    /* stylelint-disable-next-line declaration-property-value-no-unknown */
-    inline-size: calc-size(auto, size);
-    grid-template-areas: "button";
-    grid-template-rows: [button] 1fr;
-    /* jscpd:ignore-end */
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=false] .db-control-panel-navigation, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=false] .db-control-panel-navigation, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation[data-open=false] .db-control-panel-navigation {
-    display: none;
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=false] > .db-shell-sub-navigation-button, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=false] > .db-shell-sub-navigation-button, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation[data-open=false] > .db-shell-sub-navigation-button {
-    justify-content: center;
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=false] > .db-shell-sub-navigation-button .db-button, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=false] > .db-shell-sub-navigation-button .db-button, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation[data-open=false] > .db-shell-sub-navigation-button .db-button {
-    block-size: 100%;
-    border-radius: 0;
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=false] > .db-shell-sub-navigation-button .db-button::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=false] > .db-shell-sub-navigation-button .db-button::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation[data-open=false] > .db-shell-sub-navigation-button .db-button::before {
-    transform: rotate(-180deg);
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true], .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true], .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation[data-open=true] {
-    grid-template-areas: "navigation" "button";
-    grid-template-rows: [navigation] 1fr [button] auto;
-    inline-size: var(--db-shell-sub-navigation-inline-size, var(--db-container-xs));
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation {
-    overflow: hidden auto;
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation:not([data-variant]) > menu .db-control-panel-navigation-item-group .db-control-panel-navigation-item-group-menu, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation[data-variant=popover] > menu .db-control-panel-navigation-item-group .db-control-panel-navigation-item-group-menu, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation:not([data-variant]) > menu .db-control-panel-navigation-item-group .db-control-panel-navigation-item-group-menu, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation[data-variant=popover] > menu .db-control-panel-navigation-item-group .db-control-panel-navigation-item-group-menu, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation:not([data-variant]) > menu .db-control-panel-navigation-item-group .db-control-panel-navigation-item-group-menu, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation[data-variant=popover] > menu .db-control-panel-navigation-item-group .db-control-panel-navigation-item-group-menu {
-    inset-inline-start: calc(100% + var(--db-spacing-fixed-xs));
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation:not([data-variant]) > menu .db-control-panel-navigation-item-group .db-control-panel-navigation-item-group-menu::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation[data-variant=popover] > menu .db-control-panel-navigation-item-group .db-control-panel-navigation-item-group-menu::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation:not([data-variant]) > menu .db-control-panel-navigation-item-group .db-control-panel-navigation-item-group-menu::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation[data-variant=popover] > menu .db-control-panel-navigation-item-group .db-control-panel-navigation-item-group-menu::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation:not([data-variant]) > menu .db-control-panel-navigation-item-group .db-control-panel-navigation-item-group-menu::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation[data-variant=popover] > menu .db-control-panel-navigation-item-group .db-control-panel-navigation-item-group-menu::before {
-    content: "";
-    position: absolute;
-    inset-block-start: 0;
-    inset-inline-start: 0;
-    block-size: 100%;
-    inline-size: var(--db-control-panel-navigation-item-inline-size, 100%);
-    background-color: transparent;
-    transform: translateX(-100%);
-    clip-path: var(--db-control-panel-navigation-item-clip-path, polygon(10% calc(1lh + var(--db-spacing-fixed-2xs)), 100% 0, 100% 100%));
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation:not([data-variant]) > menu .db-control-panel-navigation-item-group .db-control-panel-navigation-item-group-menu::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation[data-variant=popover] > menu .db-control-panel-navigation-item-group .db-control-panel-navigation-item-group-menu::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation:not([data-variant]) > menu .db-control-panel-navigation-item-group .db-control-panel-navigation-item-group-menu::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation[data-variant=popover] > menu .db-control-panel-navigation-item-group .db-control-panel-navigation-item-group-menu::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation:not([data-variant]) > menu .db-control-panel-navigation-item-group .db-control-panel-navigation-item-group-menu::after, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation[data-variant=popover] > menu .db-control-panel-navigation-item-group .db-control-panel-navigation-item-group-menu::after {
-    content: "";
-    position: absolute;
-    padding: var(--db-spacing-fixed-xs);
-    inset-block-start: var(--db-spacing-fixed-3xs);
-    inset-inline-end: calc(-1 * var(--db-spacing-fixed-xs));
-    block-size: calc(100% - 2 * var(--db-spacing-fixed-3xs));
-    inline-size: var(--db-spacing-fixed-xs);
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation > menu, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation > menu, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation > menu {
-    flex-direction: column;
-    padding-inline: calc(var(--db-spacing-fixed-sm) + env(safe-area-inset-left));
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation > menu .db-control-panel-navigation-item-group,
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation > menu .db-control-panel-navigation-item, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation > menu .db-control-panel-navigation-item-group,
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation > menu .db-control-panel-navigation-item, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation > menu .db-control-panel-navigation-item-group,
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation > menu .db-control-panel-navigation-item {
-    inline-size: 100%;
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation > menu .db-control-panel-navigation-item-end-slot-container, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation > menu .db-control-panel-navigation-item-end-slot-container, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation > menu .db-control-panel-navigation-item-end-slot-container {
-    inset-inline-end: var(--db-spacing-fixed-sm);
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation > menu, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation > menu, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation[data-open=true] .db-control-panel-navigation > menu {
-    padding-inline: 0;
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] > .db-shell-sub-navigation-button, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] > .db-shell-sub-navigation-button, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation[data-open=true] > .db-shell-sub-navigation-button {
-    padding-block: var(--db-spacing-fixed-xs);
-    padding-inline: var(--db-spacing-fixed-lg);
-    justify-content: flex-end;
-    margin-block-start: auto;
-    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
-    position: var(--db-tooltip-parent-position, relative);
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] > .db-shell-sub-navigation-button[data-emphasis=strong], .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] > .db-shell-sub-navigation-button[data-emphasis=strong], .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation[data-open=true] > .db-shell-sub-navigation-button[data-emphasis=strong] {
-    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
-  }
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] > .db-shell-sub-navigation-button::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] > .db-shell-sub-navigation-button::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation[data-open=true] > .db-shell-sub-navigation-button::before {
-    content: "";
-    background-color: var(--db-divider-bg-color);
-    position: absolute;
-    /* jscpd:ignore-start */
-    block-size: var(--db-border-width-3xs);
-    inset-block-start: 0;
-    inset-inline: 0;
-    /* stylelint-disable-next-line db-ux/use-border-color */
-    /* stylelint-disable-next-line at-rule-empty-line-before */
-    /* jscpd:ignore-end */
-  }
-}
-@media (48em < width) and (forced-colors: active) {
-  .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] > .db-shell-sub-navigation-button::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation[data-open=true] > .db-shell-sub-navigation-button::before, .db-shell:not(:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon))[data-control-panel-desktop-position=top][data-sub-navigation-desktop-position=left] > .db-shell-sub-navigation[data-open=true] > .db-shell-sub-navigation-button::before {
-    /* stylelint-disable-next-line db-ux/use-border-color */
-    border-block-start: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
-  }
-}
-@media (48em < width) {
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon), .db-shell[data-control-panel-desktop-position=left] {
-    grid-template-areas: "control-panel shell-content" "control-panel shell-content";
-    grid-template-columns: [control-panel] min-content [shell-content] 1fr;
-  }
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon):has(> * > db-shell-sub-navigation > .db-shell-sub-navigation, > db-shell-sub-navigation > .db-shell-sub-navigation, > .db-shell-sub-navigation), .db-shell[data-control-panel-desktop-position=left]:has(> * > db-shell-sub-navigation > .db-shell-sub-navigation, > db-shell-sub-navigation > .db-shell-sub-navigation, > .db-shell-sub-navigation) {
-    grid-template-areas: "control-panel sub-navigation" "control-panel shell-content";
-    grid-template-rows: [control-panel] min-content [shell-content] 1fr;
-  }
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation {
-    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
-    position: var(--db-tooltip-parent-position, relative);
-  }
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-emphasis=strong], .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation[data-emphasis=strong], .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation[data-emphasis=strong], .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation[data-emphasis=strong], .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation[data-emphasis=strong], .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation[data-emphasis=strong] {
-    --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
-  }
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation::after, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation::after, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation::after, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation::after, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation::after, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation::after {
-    content: "";
-    background-color: var(--db-divider-bg-color);
-    position: absolute;
-    /* jscpd:ignore-start */
-    block-size: var(--db-border-width-3xs);
-    inset-block-end: 0;
-    inset-inline: 0;
-    /* stylelint-disable-next-line db-ux/use-border-color */
-    /* stylelint-disable-next-line at-rule-empty-line-before */
-    /* jscpd:ignore-end */
-  }
-}
-@media (48em < width) and (forced-colors: active) {
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation::after, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation::after, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation::after, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation::after, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation::after, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation::after {
-    /* stylelint-disable-next-line db-ux/use-border-color */
-    border-block-end: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
-  }
-}
-@media (48em < width) {
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation {
-    --db-overflow-scroll-button-inset-inline-start: calc(
-    	var(--db-spacing-fixed-sm) / 2
-    );
-    --db-overflow-scroll-button-inset-block: var(--db-spacing-fixed-sm);
-    display: grid;
-    --db-control-panel-navigation-horizontal: 1;
-    /*
-     * Scroll left / right buttons
-     */
-  }
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button > .db-button, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button:is(.db-button), .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button > .db-button, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button:is(.db-button), .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button > .db-button, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button:is(.db-button), .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button > .db-button, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button:is(.db-button), .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button > .db-button, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button:is(.db-button), .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button > .db-button, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button:is(.db-button) {
-    inset-inline-start: var(--db-overflow-scroll-button-inset-inline-start, 0);
-  }
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button > .db-button, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button:is(.db-button), .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button > .db-button, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button:is(.db-button), .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button > .db-button, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button:is(.db-button), .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button > .db-button, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button:is(.db-button), .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button > .db-button, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button:is(.db-button), .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button > .db-button, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button:is(.db-button) {
-    inset-inline-end: 0;
-  }
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button > .db-button, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button:is(.db-button),
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button > .db-button,
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button:is(.db-button), .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button > .db-button, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button:is(.db-button),
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button > .db-button,
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button:is(.db-button), .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button > .db-button, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button:is(.db-button),
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button > .db-button,
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button:is(.db-button), .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button > .db-button, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button:is(.db-button),
-  .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button > .db-button,
-  .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button:is(.db-button), .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button > .db-button, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button:is(.db-button),
-  .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button > .db-button,
-  .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button:is(.db-button), .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button > .db-button, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-left-button:is(.db-button),
-  .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button > .db-button,
-  .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation .overflow-scroll-right-button:is(.db-button) {
-    position: absolute;
-    z-index: 22;
-    inset-block: var(--db-overflow-scroll-button-inset-block, var(--db-spacing-fixed-xs));
-  }
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.overflow-scroll-left-button) > menu::before, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.overflow-scroll-left-button) > menu::before, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation:has(.overflow-scroll-left-button) > menu::before, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.overflow-scroll-left-button) > menu::before, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.overflow-scroll-left-button) > menu::before, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation:has(.overflow-scroll-left-button) > menu::before {
-    content: "";
-  }
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.overflow-scroll-right-button) > menu::after, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.overflow-scroll-right-button) > menu::after, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation:has(.overflow-scroll-right-button) > menu::after, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.overflow-scroll-right-button) > menu::after, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.overflow-scroll-right-button) > menu::after, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation:has(.overflow-scroll-right-button) > menu::after {
-    content: "";
-  }
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after {
-    position: absolute;
-    z-index: 21;
-    background-color: var(--db-adaptive-bg-basic-level-1-default);
-    inline-size: var(--db-sizing-md);
-    block-size: calc(var(--db-overflow-scroll-button-background-block-size, var(--db-spacing-fixed-sm)) + var(--db-sizing-md));
-    flex: 0 0 auto;
-  }
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before {
-    inset-inline-start: var(--db-overflow-scroll-button-inset-inline-start, 0);
-  }
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after {
-    inset-inline-end: 0;
-  }
-  @supports (scrollbar-width: none) {
-    .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu {
-      scrollbar-width: none;
-    }
-  }
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::-webkit-scrollbar, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::-webkit-scrollbar, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::-webkit-scrollbar, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::-webkit-scrollbar, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::-webkit-scrollbar, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::-webkit-scrollbar {
-    display: none;
-  }
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::before, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation:has(.db-button) > menu::after {
-    block-size: calc(100% - var(--db-border-width-3xs));
-    inset-block: 0;
-    flex: none;
-  }
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation > menu, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation > menu {
-    overflow: auto hidden;
-    flex-direction: row;
-  }
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group,
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item > .db-control-panel-navigation-item, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item > .db-control-panel-navigation-item, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group,
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item > .db-control-panel-navigation-item, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item > .db-control-panel-navigation-item, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group,
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item > .db-control-panel-navigation-item, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item > .db-control-panel-navigation-item, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group,
-  .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item > .db-control-panel-navigation-item, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item > .db-control-panel-navigation-item, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group,
-  .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item > .db-control-panel-navigation-item, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item > .db-control-panel-navigation-item, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group,
-  .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item > .db-control-panel-navigation-item, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item > .db-control-panel-navigation-item, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item {
-    white-space: nowrap;
-  }
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-expand-button > .db-control-panel-navigation-item-group-expand-button-end-slot-container::after {
-    --db-icon-trailing: "chevron_down";
-  }
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu {
-    inset-block-start: calc(100% + var(--db-popover-distance, var(--db-spacing-fixed-md)));
-  }
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation > menu > * > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation > menu > db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation > menu > .db-control-panel-navigation-item-group > .db-control-panel-navigation-item-group-menu::before {
-    content: "";
-    position: absolute;
-    inset-inline-start: 0;
-    inline-size: 100%;
-    block-size: calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-md));
-    inset-block-start: calc(-1 * var(--db-spacing-fixed-md) - var(--db-spacing-fixed-3xs));
-  }
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation .db-control-panel-navigation > menu, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation .db-control-panel-navigation > menu, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation .db-control-panel-navigation > menu {
-    /* workaround for showing correct scrolling and focus */
-    padding-inline: calc(var(--db-spacing-fixed-sm) / 2);
-    margin-inline: calc(var(--db-spacing-fixed-sm) / 2);
-    /* stylelint-disable-next-line db-ux/use-spacings */
-    padding-block: var(--db-overflow-scroll-button-inset-block);
-  }
-  .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > * > db-shell-sub-navigation > .db-shell-sub-navigation > .db-shell-sub-navigation-button, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > db-shell-sub-navigation > .db-shell-sub-navigation > .db-shell-sub-navigation-button, .db-shell:has(> * > db-control-panel-flat-icon > .db-control-panel-flat-icon, > db-control-panel-flat-icon > .db-control-panel-flat-icon, > .db-control-panel-flat-icon) > .db-shell-sub-navigation > .db-shell-sub-navigation-button, .db-shell[data-control-panel-desktop-position=left] > * > db-shell-sub-navigation > .db-shell-sub-navigation > .db-shell-sub-navigation-button, .db-shell[data-control-panel-desktop-position=left] > db-shell-sub-navigation > .db-shell-sub-navigation > .db-shell-sub-navigation-button, .db-shell[data-control-panel-desktop-position=left] > .db-shell-sub-navigation > .db-shell-sub-navigation-button {
-    display: none;
-  }
-  .db-shell > * > db-control-panel-mobile > .db-control-panel-mobile, .db-shell > db-control-panel-mobile > .db-control-panel-mobile, .db-shell > .db-control-panel-mobile {
-    display: none;
-  }
-  .db-shell db-control-panel-flat-icon + db-control-panel-flat-icon > .db-control-panel-flat-icon,
-  .db-shell .db-control-panel-flat-icon + .db-control-panel-flat-icon {
-    display: none;
-  }
-}
-.db-shell {
-  /* stylelint-disable-next-line at-rule-empty-line-before */
-}