/* Copyright 2026 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/md_select_lit.css.js
 * #import=../settings_shared_lit.css.js
 * #import=../settings_vars.css.js
 * #include=cr-shared-style-lit settings-shared-lit md-select-lit
 * #css_wrapper_metadata_end */

/* Lines up with cr-input. */
#custom-input {
  /* (cr-input line-height + cr-input top/bottom padding) / 2 -
     cr-radio disc-wrapper height / 2 */
  --cr-radio-button-disc-margin-block-start: calc(
      (1.54em + 12px) / 2 - 8px);
  align-items: start;
}

/* The theme mixes a link and a cr-button divided by a separator with
 * grit expressions and dom-if templates. That leads to a tricky thing
 * to style correctly, these are a workaround. */
#themeRow cr-button,
#toolbarRow cr-button {
  margin-inline-end: 20px;
}

#themeRow .separator,
#toolbarRow .separator  {
  margin-inline-start: 0;
}

#toolbarRow {
  border-top: var(--cr-separator-line);
}

.indented-toggles,
.indented-rows {
  padding-inline-end: 0;
}

.indented-toggles settings-toggle-button,
.indented-rows .cr-row {
  padding-inline-start: 0;
}