.cx-ui-switch {
  flex: none;
  min-height: 28px;
  margin-inline: 4px;
  padding: 0 10px;
  border: 1px solid color-mix(in srgb, currentColor 24%, transparent);
  border-radius: 7px;
  background: color-mix(in srgb, currentColor 5%, transparent);
  color: inherit;
  font: 500 11px/1.2 -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;
  white-space: nowrap;
  cursor: pointer;
}
.cx-ui-switch:hover { background: color-mix(in srgb, currentColor 10%, transparent); }
.cx-ui-switch:focus-visible { outline: 2px solid #007aff; outline-offset: 2px; }
html[data-cx-embedded="true"] .cx-ui-switch { min-height: 25px; padding-inline: 7px; font-size: 10px; }
/* Inside a Desktop window the Desktop is the shell: an app's own brand, clock, user menu, sign-out and
   appearance switch (marked data-cx-shell) are hidden. Opened in its own tab the app shows them. */
html[data-cx-embedded="true"] [data-cx-shell] { display: none !important; }