.submode-switcher-dropdown-trigger[data-scopedcss-6f879a07ce-e6827522b2] {
    --icon-color: var(--boxel-highlight);
    position: relative;
    height: var(--submode-switcher-height);
    width: var(--submode-switcher-width);
    padding: var(--boxel-sp-2xs) var(--boxel-sp-xs);
    justify-content: flex-start;
    gap: var(--boxel-sp-2xs);
    flex-shrink: 0;
    transition:
      border-bottom-right-radius var(--boxel-transition),
      border-bottom-left-radius var(--boxel-transition);
  }
  .submode-switcher-dropdown-trigger[aria-expanded='true'][data-scopedcss-6f879a07ce-e6827522b2] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .submode-switcher-dropdown-trigger--collapsed[data-scopedcss-6f879a07ce-e6827522b2] {
    --submode-switcher-width: var(--container-button-size);
    justify-content: center;
    padding-inline: var(--boxel-sp-2xs);
    gap: 0;
  }
  .submode-switcher-dropdown-trigger--collapsed[aria-expanded='true'][data-scopedcss-6f879a07ce-e6827522b2] {
    border-radius: var(--boxel-border-radius);
  }
  .dropdown-arrow[data-scopedcss-6f879a07ce-e6827522b2] {
    margin-left: auto;
  }
  .submode-switcher-dropdown-trigger[aria-expanded='true'] .dropdown-arrow[data-scopedcss-6f879a07ce-e6827522b2] {
    transform: rotate(180deg);
  }

  :root {
    --submode-switcher-width: 10.5rem; /* 168px */
    --submode-switcher-height: var(--container-button-size);
    --submode-switcher-dropdown-content-border-radius: 0 0
      var(--boxel-border-radius) var(--boxel-border-radius);
  }
  .submode-switcher-dropdown {
    --boxel-dropdown-background-color: var(--boxel-dark-50);
    --boxel-dropdown-text-color: var(--boxel-light);
    --boxel-dropdown-hover-color: var(--boxel-dark-30);
    --boxel-dropdown-content-border-radius: var(
      --submode-switcher-dropdown-content-border-radius
    );
    --host-outline-offset: -2px;
    border: none;
    overflow: hidden;
  }
  .submode-switcher-dropdown--detached {
    --submode-switcher-dropdown-content-border-radius: var(
      --boxel-border-radius
    );
  }
  .submode-switcher-dropdown-menu[data-scopedcss-6f879a07ce-2d35a8ee82] {
    --icon-color: currentColor;
    width: var(--submode-switcher-width);
    font: 500 var(--boxel-font-sm);
    --boxel-menu-item-gap: var(--boxel-sp-sm);
    --boxel-menu-item-content-padding: var(--boxel-sp-xs);
  }