/* 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. */

/* #css_wrapper_metadata_start
 * #type=style-lit
 * #import=//resources/cr_elements/cr_hidden_style_lit.css.js
 * #import=//resources/cr_elements/cr_icons_lit.css.js
 * #import=//resources/cr_elements/cr_nav_menu_item_style_lit.css.js
 * #include=cr-hidden-style-lit cr-icons-lit cr-nav-menu-item-style-lit
 * #css_wrapper_metadata_end */

:host {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  width: var(--side-bar-width);
}

.separator {
  background-color: var(--separator-color);
  flex-shrink: 0;
  height: 1px;
  margin: 8px 0;
}

cr-menu-selector {
  padding-top: 8px;
  user-select: none;
}

cr-menu-selector > a[disabled] {
  opacity: 0.65;
  pointer-events: none;
}

#spacer {
  flex: 1;
}

#footer {
  color: var(--sidebar-footer-text-color);
  width: var(--side-bar-width);
}

#footer a {
  color: var(--cr-link-color);
}

managed-footnote {
  --managed-footnote-icon-padding: 12px;
  border: none;
  margin: 24px 0;
  padding-inline-end: 16px;
  padding-inline-start: 24px;
}

#google-account-footer {
  display: flex;
  margin: 24px 0;
  padding-inline-end: 16px;
  padding-inline-start: 24px;
}

#google-account-footer cr-icon {
  align-self: flex-start;
  flex-shrink: 0;
  height: 20px;
  padding-inline-end: 12px;
  width: 20px;
}

#google-account-footer > div {
  /* At large font sizes, prevents the text from wrapping weirdly. */
  overflow-x: hidden;
}

cr-icon {
  display: block;
  margin-inline-end: 20px;
}

#clear-browsing-data {
  justify-content: normal;
}

#clear-browsing-data .cr-icon {
  margin-inline-end: 0;
  margin-inline-start: 9px;
}