/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

/**
 * This file is a duplicate from the debugger.html project and has diverged in terms of
 * some of styles that are kept. Any changes to the styles in this file should be synced
 * back to the appropriate styles in the debugger.html project.
 * Create a pull request at https://github.com/devtools-html/debugger.html to sync
 * any changes to the existing styles.
 */

:root {
  --accordion-header-background: var(--theme-toolbar-background);
}

:root.theme-dark {
  --accordion-header-background: #222225;
}

.accordion {
  background-color: var(--theme-sidebar-background);
  width: 100%;
}

.accordion ._header {
  background-color: var(--accordion-header-background);
  border-bottom: 1px solid var(--theme-splitter-color);
  color: var(--theme-toolbar-color);
  cursor: pointer;
  font-size: 12px;
  padding: 4px;
  transition: all 0.25s ease;
  width: 100%;
  align-items: center;
  display: flex;

  -moz-user-select: none;
}

.accordion ._header:hover {
  background-color: var(--theme-toolbar-hover);
}

.accordion ._header:hover svg {
  fill: var(--theme-comment-alt);
}

.accordion ._content {
  border-bottom: 1px solid var(--theme-splitter-color);
  font-size: 11px;
}

.accordion div:last-child ._content {
  border-bottom: none;
}

.arrow {
  vertical-align: middle;
  display: inline-block;
}