.root {
  container-type: inline-size;
}

.searchAction {
  display: none;
  position: absolute;
  top: 0;
  right: 12px;
  z-index: 4;
  background: var(--background);
  border-radius: 4px;
}

@container (min-width: 760px) {
  .searchAction {
    display: block;
  }
}

.navigation {
  display: none;
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 4;
  width: clamp(
    20px,
    calc((100% - var(--chat-content-width, 1000px)) / 2),
    64px
  );
}

.navigation:not([hidden]) {
  display: flex;
}