/* Top bar contents while a page is open: back, forward, address.
   Buttons are .icon-buttons (_controls.css). */
.url-bar {
  flex: 1 1 auto;
  min-width: 0;
  -webkit-app-region: no-drag;
}

.url-bar__input {
  width: 100%;
  height: var(--header-element-content-height);
  padding: 0 var(--space-3);
  border: none;
  border-radius: var(--radius-input);
  background-color: var(--color-fill);
  color: var(--color-ink);
  font-size: var(--font-size-sm);
  text-overflow: ellipsis;
  cursor: text;
}

.url-bar__input::placeholder {
  color: var(--color-ink-faint);
}

.nav-controls-container {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  flex: 0 0 auto;
}