/* Copyright 2024 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=chrome://resources/cr_elements/cr_shared_style_lit.css.js
 * #import=chrome://resources/cr_elements/cr_shared_vars.css.js
 * #import=./shared_style.css.js
 * #include=cr-shared-style-lit shared-style
 * #css_wrapper_metadata_end */

cr-icon {
  --iron-icon-height: var(--cr-icon-size);
  --iron-icon-width: var(--cr-icon-size);
}

#section-heading {
  align-items: center;
  color: var(--cr-primary-text-color);
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}

.toggle-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: var(--cr-section-min-height);
}

.new-all-hosts-toggle-label {
  color: var(--cr-primary-text-color);
  margin-inline-start: var(--cr-section-indent-width);
}

.site-row {
  display: flex;
}

.site-favicon {
  margin-inline-end: calc(
      var(--cr-section-padding) + var(--cr-icon-ripple-margin));
}

.site-toggle {
  border-top: var(--cr-separator-line);
  margin-inline-start: var(--cr-section-indent-width);
}

:host-context([webui-refresh-2026]) {
  a:focus {
    border-radius: 2px;
    outline: solid 2px var(--cr-focus-outline-color);
  }
}