.commandbar {
  align-items: stretch;
  display: flex;
  margin: 0;
  padding: 0;
  position: relative; }
  .commandbar.hidden {
    display: none; }
  .commandbar.flex-row .separator {
    flex-direction: row; }
    .commandbar.flex-row .separator .separator-item {
      width: 1px; }
  .commandbar.flex-column .separator {
    flex-direction: column; }
    .commandbar.flex-column .separator .separator-item {
      height: 1px; }
  .commandbar .separator {
    flex: 0 0 auto;
    position: relative; }

.commandbar-item {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-shrink: 0;
  outline: none;
  position: relative; }
  .commandbar-item.hidden {
    display: none; }

.commandbar-item-command {
  user-select: none; }

.commandbar-item-icon + .commandbar-item-text {
  margin-left: 5px; }

.command-bar-flyout {
  z-index: 10000; }

.command-bar-flyout-content {
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--callout-background-color,rgba(255, 255, 255, 1));
  box-shadow: rgba(0, 0, 0, .132) 0px 6px 32px;
  box-shadow: var(--callout-shadow-color,rgba(0, 0, 0, .132)) 0px 6px 32px; }