chromium/ui/webui/resources/cr_components/customize_color_scheme_mode/segmented_button.css

/* 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=//resources/cr_elements/cr_shared_vars.css.js
 * #scheme=relative
 * #css_wrapper_metadata_end */

:host {
  --segmented-button-height: 44px;
  --segmented-button-width: 100%;
  --segmented-button-padding: 2px;
}

cr-radio-group {
  border: 1px var(--color-segmented-button-border,
      var(--cr-fallback-color-tonal-outline)) solid;
  border-radius: var(--segmented-button-height);
  box-sizing: border-box;
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  height: var(--segmented-button-height);
  padding: var(--segmented-button-padding);
  width: var(--segmented-button-width);
}

:host ::slotted(*) {
  min-height: 0;
  min-width: 0;
  padding: 0;
}