chromium/chrome/browser/resources/webui_gallery/demos/side_panel/sp_components_demo.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=../demo.css.js
 * #import=//resources/cr_elements/md_select_lit.css.js
 * #import=//webui-gallery/shared/sp_shared_style_lit.css.js
 * #import=//webui-gallery/shared/sp_shared_vars.css.js
 * #scheme=relative
 * #include=md-select-lit sp-shared-style-lit demo
 * #css_wrapper_metadata_end */

#urlCountSlider {
  width: 200px;
}

.side-panel-demo {
  background: var(--color-side-panel-content-background);
  border: solid 1px var(--cr-separator-color);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: var(--sp-body-padding) 0;
  height: 500px;
  width: 304px;
}

.side-panel-demo:has(sp-footer) {
  padding-block-end: 0;
}

sp-heading {
  padding: 0;
}

#scroller {
  display: flex;
  flex-direction: column;
  height: 200px;
  min-height: 0;
}

.card-content {
  align-items: center;
  display: flex;
  height: 300px;
  justify-content: center;
  width: 100%;
}

#emptyStateDemo {
  align-items: center;
  gap: 0;
}