npm - @db-ux/core-components - Versions diffs - 3.0.2-shell4-bdb351c → 3.0.3 - Mend

@db-ux/core-components 3.0.2-shell4-bdb351c → 3.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (100) hide show

package/build/components/control-panel-desktop/control-panel-desktop.css DELETED Viewed

@@ -1,791 +0,0 @@
-/* Use sizing's for fixed heights/widths e.g. the db-button has always a fixed height */
-/* Use fixed spacings for all kind of distances (margin, padding, ...) */
-/* The primary use-case for responsive spacings are
-paddings/gaps in an application e.g. the <main> should have a responsive padding. */
-/* Elevation */
-/* Border */
-/* Opacity */
-/* Transitions */
-/* Screen sizes */
-/* Container sizes */
-.db-visually-hidden,
-[data-visually-hidden=true] {
-  clip: rect(0, 0, 0, 0) !important;
-  overflow: hidden !important;
-  white-space: nowrap !important;
-  font-size: 0 !important;
-  all: initial;
-  inset-block-start: 0 !important;
-  block-size: 1px !important;
-  position: absolute !important;
-  inline-size: 1px !important;
-  border-width: 0 !important;
-  border-style: initial !important;
-  border-color: initial !important;
-  border-image: initial !important;
-  padding: 0 !important;
-  pointer-events: none !important;
-}
-/* Variants for adaptive components like input, select, notification, ... */
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-/**
-	Generates 3 types of placeholders, e.g:
-	- %db-component-variables-md
-	- %db-font-size-md
-	- %db-overwrite-font-size-md
- */
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-/**
- * @mixin screen-min-max
- * @param $data an object like (min:"sm", max:"lg") or (min: "sm")
- */
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-@layer variables {}
-/* Sub components for shell */
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item::after,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item::after,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group::after {
-  content: "";
-  position: absolute;
-  border-radius: var(--db-border-radius-xs);
-  background: linear-gradient(135deg, var(--db-pride-red, var(--db-brand-on-bg-basic-emphasis-70-default)) 16.7%, var(--db-pride-orange, var(--db-brand-on-bg-basic-emphasis-70-default)) 0, var(--db-pride-orange, var(--db-brand-on-bg-basic-emphasis-70-default)) 33.4%, var(--db-pride-yellow, var(--db-brand-on-bg-basic-emphasis-70-default)) 0, var(--db-pride-yellow, var(--db-brand-on-bg-basic-emphasis-70-default)) 50.1%, var(--db-pride-green, var(--db-brand-on-bg-basic-emphasis-70-default)) 0, var(--db-pride-green, var(--db-brand-on-bg-basic-emphasis-70-default)) 66.8%, var(--db-pride-blue, var(--db-brand-on-bg-basic-emphasis-70-default)) 0, var(--db-pride-blue, var(--db-brand-on-bg-basic-emphasis-70-default)) 83.5%, var(--db-pride-violet, var(--db-brand-on-bg-basic-emphasis-70-default)) 0);
-}
-@media screen and (prefers-reduced-motion: no-preference) {
-  .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item::after,
-  .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item::after,
-  .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group::after {
-    transition: height var(--db-transition-duration-fast) var(--db-transition-timing-emotional), width var(--db-transition-duration-fast) var(--db-transition-timing-emotional);
-  }
-}
-@keyframes show-right-to-left {
-  from {
-    transform: translateX(110%);
-  }
-  to {
-    transform: translateX(0%);
-  }
-}
-@keyframes hide-right-to-left {
-  from {
-    transform: translateX(0%);
-  }
-  to {
-    transform: translateX(110%);
-  }
-}
-@keyframes show-left-to-right {
-  from {
-    transform: translateX(-110%);
-  }
-  to {
-    transform: translateX(0%);
-  }
-}
-@keyframes hide-left-to-right {
-  from {
-    transform: translateX(0%);
-  }
-  to {
-    transform: translateX(-110%);
-  }
-}
-@keyframes show-bottom-to-top {
-  from {
-    transform: translateY(110%);
-  }
-  to {
-    transform: translateY(0%);
-  }
-}
-@keyframes hide-bottom-to-top {
-  from {
-    transform: translateY(0%);
-  }
-  to {
-    transform: translateY(110%);
-  }
-}
-@keyframes show-top-to-bottom {
-  from {
-    transform: translateY(-110%);
-  }
-  to {
-    transform: translateY(0%);
-  }
-}
-@keyframes hide-top-to-bottom {
-  from {
-    transform: translateY(0%);
-  }
-  to {
-    transform: translateY(-110%);
-  }
-}
-@keyframes popover-animation {
-  0% {
-    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% {
-    opacity: 1;
-    transform: translate(var(--db-popover-center-x, 0%), var(--db-popover-center-y, 0%));
-  }
-}
-@keyframes rotate {
-  100% {
-    transform: rotate(1turn);
-  }
-}
-.db-control-panel-desktop[data-orientation=horizontal] {
-  border-block-end: var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default);
-  grid-template: [meta] "meta meta meta meta meta meta" auto [padding-top] ". . navigation . . ." var(--db-spacing-fixed-md) [others] ". brand navigation primary secondary ." auto [padding-bottom] ". . navigation . . ." var(--db-spacing-fixed-md)/[padding-left] var(--db-spacing-fixed-lg) [brand] max-content [navigation] 1fr [primary] max-content [secondary] max-content [padding-right] var(--db-spacing-fixed-lg);
-}
-.db-control-panel-desktop[data-orientation=horizontal] > .db-control-panel-desktop-scroll-container {
-  display: contents;
-}
-.db-control-panel-desktop[data-orientation=horizontal] .db-control-panel-brand {
-  padding-inline-end: var(--db-spacing-fixed-lg);
-}
-.db-control-panel-desktop[data-orientation=horizontal] .db-control-panel-primary-actions,
-.db-control-panel-desktop[data-orientation=horizontal] .db-control-panel-secondary-actions {
-  block-size: var(--db-sizing-md);
-}
-.db-control-panel-desktop[data-orientation=horizontal] .db-control-panel-primary-actions {
-  margin-inline-start: var(--db-spacing-fixed-sm);
-}
-.db-control-panel-desktop[data-orientation=horizontal] > .db-control-panel-desktop-button {
-  display: none;
-}
-.db-control-panel-desktop[data-orientation=horizontal]:has(.db-control-panel-primary-actions, .db-navigation) .db-control-panel-secondary-actions {
-  padding-inline-start: var(--db-spacing-fixed-sm);
-  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
-  position: var(--db-tooltip-parent-position, relative);
-}
-.db-control-panel-desktop[data-orientation=horizontal]:has(.db-control-panel-primary-actions, .db-navigation) .db-control-panel-secondary-actions[data-emphasis=strong] {
-  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
-}
-.db-control-panel-desktop[data-orientation=horizontal]:has(.db-control-panel-primary-actions, .db-navigation) .db-control-panel-secondary-actions::before {
-  content: "";
-  background-color: var(--db-divider-bg-color);
-  position: absolute;
-  inline-size: var(--db-border-width-3xs);
-  inset-inline-start: 0;
-  inset-block: 0;
-  /* stylelint-disable-next-line db-ux/use-border-color */
-  /* stylelint-disable-next-line at-rule-empty-line-before */
-}
-@media (forced-colors: active) {
-  .db-control-panel-desktop[data-orientation=horizontal]:has(.db-control-panel-primary-actions, .db-navigation) .db-control-panel-secondary-actions::before {
-    border-inline-start: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
-  }
-}
-.db-control-panel-desktop[data-orientation=horizontal]:has(.db-navigation) .db-control-panel-brand {
-  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
-  position: var(--db-tooltip-parent-position, relative);
-}
-.db-control-panel-desktop[data-orientation=horizontal]:has(.db-navigation) .db-control-panel-brand[data-emphasis=strong] {
-  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
-}
-.db-control-panel-desktop[data-orientation=horizontal]:has(.db-navigation) .db-control-panel-brand::after {
-  content: "";
-  background-color: var(--db-divider-bg-color);
-  position: absolute;
-  inline-size: var(--db-border-width-3xs);
-  inset-inline-end: 0;
-  inset-block: 0;
-  /* stylelint-disable-next-line db-ux/use-border-color */
-}
-@media (forced-colors: active) {
-  .db-control-panel-desktop[data-orientation=horizontal]:has(.db-navigation) .db-control-panel-brand::after {
-    border-inline-end: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
-  }
-}
-.db-control-panel-desktop[data-orientation=horizontal]:has(.db-control-panel-secondary-actions) .db-control-panel-primary-actions {
-  margin-inline-end: var(--db-spacing-fixed-sm);
-}
-[data-width=small].db-control-panel-desktop[data-orientation=horizontal] {
-  margin-inline: auto;
-  max-inline-size: 48em;
-}
-[data-width=medium].db-control-panel-desktop[data-orientation=horizontal] {
-  margin-inline: auto;
-  max-inline-size: 64em;
-}
-[data-width=large].db-control-panel-desktop[data-orientation=horizontal] {
-  margin-inline: auto;
-  max-inline-size: 90em;
-}
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation {
-  --db-overflow-scroll-button-inset-block: var(--db-spacing-fixed-md);
-  --db-overflow-scroll-button-inset-inline-start: calc(
-  	var(--db-spacing-fixed-lg) / 2
-  );
-  display: grid;
-  /*
-   * Scroll left / right buttons
-   */
-}
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation .overflow-scroll-left-button > .db-button, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation .overflow-scroll-left-button:is(.db-button) {
-  inset-inline-start: var(--db-overflow-scroll-button-inset-inline-start, 0);
-}
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation .overflow-scroll-right-button > .db-button, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation .overflow-scroll-right-button:is(.db-button) {
-  inset-inline-end: 0;
-}
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation .overflow-scroll-left-button > .db-button, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation .overflow-scroll-left-button:is(.db-button),
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation .overflow-scroll-right-button > .db-button,
-.db-control-panel-desktop[data-orientation=horizontal] .db-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-control-panel-desktop[data-orientation=horizontal] .db-navigation:has(.overflow-scroll-left-button) > menu::before {
-  content: "";
-}
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation:has(.overflow-scroll-right-button) > menu::after {
-  content: "";
-}
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation:has(.db-button) > menu::before, .db-control-panel-desktop[data-orientation=horizontal] .db-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-control-panel-desktop[data-orientation=horizontal] .db-navigation:has(.db-button) > menu::before {
-  inset-inline-start: var(--db-overflow-scroll-button-inset-inline-start, 0);
-}
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation:has(.db-button) > menu::after {
-  inset-inline-end: 0;
-}
-@supports (scrollbar-width: none) {
-  .db-control-panel-desktop[data-orientation=horizontal] .db-navigation:has(.db-button) > menu {
-    scrollbar-width: none;
-  }
-}
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation:has(.db-button) > menu::-webkit-scrollbar {
-  display: none;
-}
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation:has(.db-button) > menu::before, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation:has(.db-button) > menu::after {
-  block-size: calc(100% - var(--db-border-width-3xs));
-  inset-block: 0;
-  flex: none;
-}
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu {
-  overflow: auto hidden;
-  scrollbar-gutter: stable both-edges;
-  flex-direction: row;
-}
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group:is(button)::after,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > button::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group:is(button)::after,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > button::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group:is(button)::after,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group > button::after {
-  --db-icon-trailing: "chevron_down";
-}
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > .db-navigation-item-group-menu, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > .db-navigation-item-group-menu, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group > .db-navigation-item-group-menu {
-  inset-block-start: calc(100% + var(--db-popover-distance, var(--db-spacing-fixed-md)));
-}
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > .db-navigation-item-group-menu::before, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > .db-navigation-item-group-menu::before, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group > .db-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-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu {
-  padding-block: var(--db-spacing-fixed-md);
-  /* workaround for showing correct scrolling and focus */
-  padding-inline-start: calc(var(--db-spacing-fixed-lg) / 2);
-  margin-inline-start: calc(var(--db-spacing-fixed-lg) / 2);
-}
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item::after,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group::after {
-  block-size: var(--db-border-width-xs);
-  inline-size: 0;
-  transform: translate(-50%, 0);
-  inset-inline-start: 50%;
-  inset-block: auto calc(-1 * var(--db-spacing-fixed-xs));
-}
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item > .db-navigation-item:has([aria-current=page])::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item > .db-navigation-item:has([data-active=true])::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item > .db-navigation-item[aria-current=page]::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item > .db-navigation-item[data-active=true]::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item > .db-navigation-item:has([aria-current=page])::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item > .db-navigation-item:has([data-active=true])::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item > .db-navigation-item[aria-current=page]::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item > .db-navigation-item[data-active=true]::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item:has([aria-current=page])::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item:has([data-active=true])::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item[aria-current=page]::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item[data-active=true]::after,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group:has([aria-current=page])::after,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group:has([data-active=true])::after,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group[aria-current=page]::after,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group[data-active=true]::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group:has([aria-current=page])::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group:has([data-active=true])::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group[aria-current=page]::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group[data-active=true]::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group:has([aria-current=page])::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group:has([data-active=true])::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group[aria-current=page]::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group[data-active=true]::after {
-  block-size: var(--db-border-width-xs);
-  inline-size: 100%;
-}
-@media (forced-colors: active) {
-  .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item > .db-navigation-item:has([aria-current=page])::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item > .db-navigation-item:has([data-active=true])::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item > .db-navigation-item[aria-current=page]::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item > .db-navigation-item[data-active=true]::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item > .db-navigation-item:has([aria-current=page])::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item > .db-navigation-item:has([data-active=true])::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item > .db-navigation-item[aria-current=page]::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item > .db-navigation-item[data-active=true]::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item:has([aria-current=page])::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item:has([data-active=true])::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item[aria-current=page]::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item[data-active=true]::after,
-  .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group:has([aria-current=page])::after,
-  .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group:has([data-active=true])::after,
-  .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group[aria-current=page]::after,
-  .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group[data-active=true]::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group:has([aria-current=page])::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group:has([data-active=true])::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group[aria-current=page]::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group[data-active=true]::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group:has([aria-current=page])::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group:has([data-active=true])::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group[aria-current=page]::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group[data-active=true]::after {
-    border: calc(var(--db-border-width-xs) - 1px) solid var(--db-adaptive-on-bg-basic-emphasis-100-default);
-  }
-}
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item > .db-navigation-item > * > db-navigation-item > .db-navigation-item, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item > .db-navigation-item > db-navigation-item > .db-navigation-item, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item > .db-navigation-item > .db-navigation-item,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item > .db-navigation-item > * > db-navigation-item-group > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item > .db-navigation-item > db-navigation-item-group > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item > .db-navigation-item > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item > .db-navigation-item > * > db-navigation-item > .db-navigation-item, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item > .db-navigation-item > db-navigation-item > .db-navigation-item, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item > .db-navigation-item > .db-navigation-item,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item > .db-navigation-item > * > db-navigation-item-group > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item > .db-navigation-item > db-navigation-item-group > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item > .db-navigation-item > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item > * > db-navigation-item > .db-navigation-item, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item > db-navigation-item > .db-navigation-item, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item > .db-navigation-item,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item > * > db-navigation-item-group > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item > db-navigation-item-group > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item > .db-navigation-item-group,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > * > db-navigation-item > .db-navigation-item,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > db-navigation-item > .db-navigation-item,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > .db-navigation-item,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > * > db-navigation-item-group > .db-navigation-item-group,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > db-navigation-item-group > .db-navigation-item-group,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > * > db-navigation-item > .db-navigation-item, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > db-navigation-item > .db-navigation-item, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > .db-navigation-item,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > * > db-navigation-item-group > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > db-navigation-item-group > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group > * > db-navigation-item > .db-navigation-item, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group > db-navigation-item > .db-navigation-item, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group > .db-navigation-item,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group > * > db-navigation-item-group > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group > db-navigation-item-group > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group > .db-navigation-item-group {
-  /* Workaround for custom-elements */
-}
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item > .db-navigation-item > * > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item > .db-navigation-item > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item > .db-navigation-item > .db-navigation-item::after,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item > .db-navigation-item > * > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item > .db-navigation-item > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item > .db-navigation-item > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item > .db-navigation-item > * > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item > .db-navigation-item > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item > .db-navigation-item > .db-navigation-item::after,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item > .db-navigation-item > * > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item > .db-navigation-item > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item > .db-navigation-item > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item > * > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item > .db-navigation-item::after,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item > * > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item > .db-navigation-item-group::after,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > * > db-navigation-item > .db-navigation-item::after,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > db-navigation-item > .db-navigation-item::after,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > .db-navigation-item::after,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > * > db-navigation-item-group > .db-navigation-item-group::after,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > db-navigation-item-group > .db-navigation-item-group::after,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > * > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > .db-navigation-item::after,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > * > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group > * > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group > .db-navigation-item::after,
-.db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group > * > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=horizontal] .db-navigation > menu > .db-navigation-item-group > .db-navigation-item-group::after {
-  content: none;
-}
-.db-control-panel-desktop[data-orientation=vertical] {
-  border-inline-end: var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-60-default);
-  block-size: 100%;
-  grid-template: [padding-top] "." var(--db-spacing-fixed-md) [brand] "brand" auto [scroll] "scroll" 1fr [primary] "primary" auto [secondary] "secondary" auto [button] "button" auto;
-}
-@media screen and (prefers-reduced-motion: no-preference) {
-  .db-control-panel-desktop[data-orientation=vertical] {
-    transition: inline-size var(--db-transition-straight-functional);
-  }
-  .db-control-panel-desktop[data-orientation=vertical] > .db-control-panel-desktop-button .db-button::before {
-    transition: transform var(--db-transition-straight-functional);
-  }
-}
-@media screen and (prefers-reduced-motion: no-preference) and (prefers-reduced-motion: reduce) {
-  .db-control-panel-desktop[data-orientation=vertical] > .db-control-panel-desktop-button .db-button::before {
-    transition: none;
-  }
-}
-[data-open=false].db-control-panel-desktop[data-orientation=vertical] {
-  inline-size: auto;
-  /* stylelint-disable-next-line declaration-property-value-no-unknown */
-  inline-size: calc-size(auto, size);
-  /* Hide navigation only if we have navigation-item-group */
-}
-[data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-control-panel-primary-actions,
-[data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-control-panel-secondary-actions,
-[data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-control-panel-meta-navigation {
-  display: none;
-}
-[data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item, [data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item, [data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item,
-[data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group, [data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group, [data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group {
-  --db-icon-margin-end: 0;
-  inline-size: var(--db-sizing-md);
-  aspect-ratio: 1;
-  justify-content: center;
-  align-items: center;
-}
-[data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item::before, [data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item::before, [data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item::before,
-[data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group::before, [data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group::before, [data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group::before {
-  position: initial;
-}
-[data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item a, [data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item a, [data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item a,
-[data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group a, [data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group a, [data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group a {
-  font-size: 0;
-  position: absolute;
-  inset: 0;
-}
-[data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item .db-tooltip, [data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item .db-tooltip, [data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item .db-tooltip {
-  --db-show-popover-visibility: visible;
-}
-[data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-navigation-item-group,
-[data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-navigation-item:not([data-icon]) {
-  display: none;
-}
-[data-open=false].db-control-panel-desktop[data-orientation=vertical]:not(:has(.db-navigation-item[data-icon])) .db-control-panel-brand::after {
-  display: none;
-}
-[data-open=false].db-control-panel-desktop[data-orientation=vertical] .db-control-panel-brand {
-  font-size: 0;
-  gap: 0;
-  place-self: center;
-}
-[data-open=false].db-control-panel-desktop[data-orientation=vertical] > .db-control-panel-desktop-button {
-  justify-content: center;
-}
-[data-open=false].db-control-panel-desktop[data-orientation=vertical] > .db-control-panel-desktop-button .db-button::before {
-  transform: rotate(-180deg);
-}
-[data-open=true].db-control-panel-desktop[data-orientation=vertical] {
-  inline-size: var(--db-control-panel-desktop-inline-size, var(--db-container-xs));
-}
-.db-control-panel-desktop[data-orientation=vertical] > .db-control-panel-desktop-button {
-  grid-area: button;
-  padding-block: var(--db-spacing-fixed-xs);
-  display: flex;
-  justify-content: end;
-  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
-  position: var(--db-tooltip-parent-position, relative);
-}
-.db-control-panel-desktop[data-orientation=vertical] > .db-control-panel-desktop-button[data-emphasis=strong] {
-  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
-}
-.db-control-panel-desktop[data-orientation=vertical] > .db-control-panel-desktop-button::before {
-  content: "";
-  background-color: var(--db-divider-bg-color);
-  position: absolute;
-  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 */
-}
-@media (forced-colors: active) {
-  .db-control-panel-desktop[data-orientation=vertical] > .db-control-panel-desktop-button::before {
-    border-block-start: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
-  }
-}
-.db-control-panel-desktop[data-orientation=vertical] .db-control-panel-brand,
-.db-control-panel-desktop[data-orientation=vertical] .db-control-panel-primary-actions,
-.db-control-panel-desktop[data-orientation=vertical] .db-control-panel-secondary-actions,
-.db-control-panel-desktop[data-orientation=vertical] > .db-control-panel-desktop-button {
-  padding-inline: var(--db-spacing-fixed-lg);
-}
-.db-control-panel-desktop[data-orientation=vertical] .db-control-panel-brand,
-.db-control-panel-desktop[data-orientation=vertical] .db-control-panel-primary-actions,
-.db-control-panel-desktop[data-orientation=vertical] .db-control-panel-secondary-actions {
-  margin-block-end: var(--db-spacing-fixed-md);
-}
-.db-control-panel-desktop[data-orientation=vertical] > .db-control-panel-desktop-scroll-container {
-  display: grid;
-  overflow: hidden auto;
-  grid-area: scroll;
-  grid-template-areas: "navigation" "meta";
-}
-.db-control-panel-desktop[data-orientation=vertical] > .db-control-panel-desktop-scroll-container .db-control-panel-meta-navigation {
-  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-control-panel-desktop[data-orientation=vertical] > .db-control-panel-desktop-scroll-container .db-control-panel-meta-navigation[data-emphasis=strong] {
-  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
-}
-.db-control-panel-desktop[data-orientation=vertical] > .db-control-panel-desktop-scroll-container .db-control-panel-meta-navigation::before {
-  content: "";
-  background-color: var(--db-divider-bg-color);
-  position: absolute;
-  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 */
-}
-@media (forced-colors: active) {
-  .db-control-panel-desktop[data-orientation=vertical] > .db-control-panel-desktop-scroll-container .db-control-panel-meta-navigation::before {
-    border-block-start: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
-  }
-}
-.db-control-panel-desktop[data-orientation=vertical]:has(.db-control-panel-brand,
-.db-control-panel-primary-actions,
-.db-navigation,
-.db-control-panel-meta-navigation) .db-control-panel-secondary-actions {
-  padding-block-start: var(--db-spacing-fixed-sm);
-  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
-  position: var(--db-tooltip-parent-position, relative);
-}
-.db-control-panel-desktop[data-orientation=vertical]:has(.db-control-panel-brand,
-.db-control-panel-primary-actions,
-.db-navigation,
-.db-control-panel-meta-navigation) .db-control-panel-secondary-actions[data-emphasis=strong] {
-  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
-}
-.db-control-panel-desktop[data-orientation=vertical]:has(.db-control-panel-brand,
-.db-control-panel-primary-actions,
-.db-navigation,
-.db-control-panel-meta-navigation) .db-control-panel-secondary-actions::before {
-  content: "";
-  background-color: var(--db-divider-bg-color);
-  position: absolute;
-  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 */
-}
-@media (forced-colors: active) {
-  .db-control-panel-desktop[data-orientation=vertical]:has(.db-control-panel-brand,
-  .db-control-panel-primary-actions,
-  .db-navigation,
-  .db-control-panel-meta-navigation) .db-control-panel-secondary-actions::before {
-    border-block-start: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
-  }
-}
-.db-control-panel-desktop[data-orientation=vertical]:has(.db-navigation) .db-control-panel-brand {
-  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
-  position: var(--db-tooltip-parent-position, relative);
-}
-.db-control-panel-desktop[data-orientation=vertical]:has(.db-navigation) .db-control-panel-brand[data-emphasis=strong] {
-  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
-}
-.db-control-panel-desktop[data-orientation=vertical]:has(.db-navigation) .db-control-panel-brand::after {
-  content: "";
-  background-color: var(--db-divider-bg-color);
-  position: absolute;
-  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 */
-}
-@media (forced-colors: active) {
-  .db-control-panel-desktop[data-orientation=vertical]:has(.db-navigation) .db-control-panel-brand::after {
-    border-block-end: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
-  }
-}
-.db-control-panel-desktop[data-orientation=vertical]:has(.db-navigation) .db-control-panel-brand::after {
-  inset-block-end: calc(-1 * var(--db-spacing-fixed-md));
-}
-.db-control-panel-desktop[data-orientation=vertical]:has(.db-control-panel-brand,
-.db-navigation,
-.db-control-panel-meta-navigation) .db-control-panel-primary-actions {
-  padding-block-start: var(--db-spacing-fixed-sm);
-  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
-  position: var(--db-tooltip-parent-position, relative);
-}
-.db-control-panel-desktop[data-orientation=vertical]:has(.db-control-panel-brand,
-.db-navigation,
-.db-control-panel-meta-navigation) .db-control-panel-primary-actions[data-emphasis=strong] {
-  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
-}
-.db-control-panel-desktop[data-orientation=vertical]:has(.db-control-panel-brand,
-.db-navigation,
-.db-control-panel-meta-navigation) .db-control-panel-primary-actions::before {
-  content: "";
-  background-color: var(--db-divider-bg-color);
-  position: absolute;
-  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 */
-}
-@media (forced-colors: active) {
-  .db-control-panel-desktop[data-orientation=vertical]:has(.db-control-panel-brand,
-  .db-navigation,
-  .db-control-panel-meta-navigation) .db-control-panel-primary-actions::before {
-    border-block-start: var(--db-border-width-3xs) solid var(--db-divider-bg-color);
-  }
-}
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation {
-  padding-block: var(--db-spacing-fixed-md);
-}
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > .overflow-scroll-left-button, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > db-button > .overflow-scroll-left-button,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > .overflow-scroll-right-button, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > db-button > .overflow-scroll-right-button {
-  display: none;
-}
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation:not([data-variant]) > menu .db-navigation-item-group .db-navigation-item-group-menu, .db-control-panel-desktop[data-orientation=vertical] .db-navigation[data-variant=popover] > menu .db-navigation-item-group .db-navigation-item-group-menu {
-  inset-inline-start: calc(100% + var(--db-spacing-fixed-xs));
-}
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation:not([data-variant]) > menu .db-navigation-item-group .db-navigation-item-group-menu::before, .db-control-panel-desktop[data-orientation=vertical] .db-navigation[data-variant=popover] > menu .db-navigation-item-group .db-navigation-item-group-menu::before {
-  content: "";
-  position: absolute;
-  inset-block-start: 0;
-  inset-inline-start: 0;
-  block-size: 100%;
-  inline-size: var(--db-navigation-item-inline-size, 100%);
-  background: transparent;
-  transform: translateX(-100%);
-  clip-path: var(--db-navigation-item-clip-path, polygon(10% 30px, 100% 0, 100% 100%));
-}
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation:not([data-variant]) > menu .db-navigation-item-group .db-navigation-item-group-menu::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation[data-variant=popover] > menu .db-navigation-item-group .db-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-control-panel-desktop[data-orientation=vertical] .db-navigation > menu {
-  flex-direction: column;
-  padding-inline: var(--db-spacing-fixed-lg);
-}
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu .db-navigation-item-group,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu .db-navigation-item {
-  inline-size: 100%;
-}
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item::after,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group::after {
-  block-size: 0;
-  inline-size: var(--db-border-width-xs);
-  transform: translate(0, -50%);
-  inset-block: var(--indicator-vertical-inset-block-start, 50%) auto;
-  inset-inline-start: calc(-1 * var(--db-spacing-fixed-xs));
-}
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item:has([aria-current=page])::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item:has([data-active=true])::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item[aria-current=page]::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item[data-active=true]::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item:has([aria-current=page])::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item:has([data-active=true])::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item[aria-current=page]::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item[data-active=true]::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item:has([aria-current=page])::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item:has([data-active=true])::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item[aria-current=page]::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item[data-active=true]::after,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group:has([aria-current=page])::after,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group:has([data-active=true])::after,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group[aria-current=page]::after,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group[data-active=true]::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group:has([aria-current=page])::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group:has([data-active=true])::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group[aria-current=page]::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group[data-active=true]::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group:has([aria-current=page])::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group:has([data-active=true])::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group[aria-current=page]::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group[data-active=true]::after {
-  block-size: var(--indicator-vertical-block-size, 100%);
-  inline-size: var(--db-border-width-xs);
-}
-@media (forced-colors: active) {
-  .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item:has([aria-current=page])::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item:has([data-active=true])::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item[aria-current=page]::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item[data-active=true]::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item:has([aria-current=page])::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item:has([data-active=true])::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item[aria-current=page]::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item[data-active=true]::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item:has([aria-current=page])::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item:has([data-active=true])::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item[aria-current=page]::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item[data-active=true]::after,
-  .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group:has([aria-current=page])::after,
-  .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group:has([data-active=true])::after,
-  .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group[aria-current=page]::after,
-  .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group[data-active=true]::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group:has([aria-current=page])::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group:has([data-active=true])::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group[aria-current=page]::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group[data-active=true]::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group:has([aria-current=page])::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group:has([data-active=true])::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group[aria-current=page]::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group[data-active=true]::after {
-    border: calc(var(--db-border-width-xs) - 1px) solid var(--db-adaptive-on-bg-basic-emphasis-100-default);
-  }
-}
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item > * > db-navigation-item > .db-navigation-item, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item > db-navigation-item > .db-navigation-item, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item > .db-navigation-item,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item > * > db-navigation-item-group > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item > db-navigation-item-group > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item > * > db-navigation-item > .db-navigation-item, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item > db-navigation-item > .db-navigation-item, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item > .db-navigation-item,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item > * > db-navigation-item-group > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item > db-navigation-item-group > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item > * > db-navigation-item > .db-navigation-item, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item > db-navigation-item > .db-navigation-item, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item > .db-navigation-item,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item > * > db-navigation-item-group > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item > db-navigation-item-group > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item > .db-navigation-item-group,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > * > db-navigation-item > .db-navigation-item,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > db-navigation-item > .db-navigation-item,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > .db-navigation-item,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > * > db-navigation-item-group > .db-navigation-item-group,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > db-navigation-item-group > .db-navigation-item-group,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > * > db-navigation-item > .db-navigation-item, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > db-navigation-item > .db-navigation-item, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > .db-navigation-item,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > * > db-navigation-item-group > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > db-navigation-item-group > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group > * > db-navigation-item > .db-navigation-item, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group > db-navigation-item > .db-navigation-item, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group > .db-navigation-item,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group > * > db-navigation-item-group > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group > db-navigation-item-group > .db-navigation-item-group, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group > .db-navigation-item-group {
-  /* Workaround for custom-elements */
-}
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item > * > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item > .db-navigation-item::after,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item > * > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item > .db-navigation-item > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item > * > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item > .db-navigation-item::after,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item > * > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item > .db-navigation-item > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item > * > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item > .db-navigation-item::after,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item > * > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item > .db-navigation-item-group::after,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > * > db-navigation-item > .db-navigation-item::after,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > db-navigation-item > .db-navigation-item::after,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > .db-navigation-item::after,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > * > db-navigation-item-group > .db-navigation-item-group::after,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > db-navigation-item-group > .db-navigation-item-group::after,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > * > db-navigation-item-group > .db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > * > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > .db-navigation-item::after,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > * > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > db-navigation-item-group > .db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group > * > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group > db-navigation-item > .db-navigation-item::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group > .db-navigation-item::after,
-.db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group > * > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group > db-navigation-item-group > .db-navigation-item-group::after, .db-control-panel-desktop[data-orientation=vertical] .db-navigation > menu > .db-navigation-item-group > .db-navigation-item-group::after {
-  content: none;
-}
-.db-control-panel-desktop {
-  background-color: var(--db-adaptive-bg-basic-level-1-default);
-  display: grid;
-  position: relative;
-  min-block-size: calc(var(--db-sizing-md) + 2 * var(--db-spacing-fixed-xs));
-}
-.db-control-panel-desktop .db-link {
-  display: inline-block;
-}
-.db-control-panel-desktop .db-navigation {
-  grid-area: navigation;
-}