/*
 * Copyright 2025 The Chromium Authors
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

:host {
  padding: 0 var(--sys-size-2);
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  flex: none;
  align-items: center;
  z-index: 0;

  --toolbar-height: 26px;
}

:host([floating]) {
  flex-direction: column;
  inset: 0;
  background-color: var(--sys-color-cdt-base-container);
  border: var(--sys-size-1) solid var(--sys-color-divider);
  margin-top: calc(-1 * var(--sys-size-1));
  width: var(--sys-size-12);
}

:host([hidden]) {
  display: none;
}

:host([wrappable]) {
  flex-wrap: wrap;
  overflow: visible;
}

slot {
  height: var(--toolbar-height);
}

devtools-toolbar-input {
  display: flex;
}
