import { css } from 'chrome://resources/lit/v3_0/lit.rollup.js';
import { getCss as getCrSharedStyleLit } from 'chrome://resources/cr_elements/cr_shared_style_lit.css.js';
import 'chrome://resources/cr_elements/cr_shared_vars.css.js';
import { getCss as getSharedStyle } from '../shared_style.css.js';
import '../shared_vars.css.js';
let instance = null;
export function getCss() {
    return instance || (instance = [...[getCrSharedStyleLit(), getSharedStyle()], css `
#site-list-header-container {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

#no-sites {
  color: var(--cr-secondary-text-color);
  margin: var(--cr-section-padding);
}

.site-row {
  align-items: center;
  display: flex;
  height: var(--cr-section-min-height);
  margin-inline-start: 24px;
}

#sites-list {
  margin: 12px 0;
}

.site {
  flex-grow: 1;
  margin: 0 calc(var(--cr-section-padding) + var(--cr-icon-ripple-margin));
  overflow: hidden;
  text-overflow: ellipsis;
}

.separator {
  margin: 0 calc(
      var(--cr-section-padding) + var(--cr-icon-ripple-margin));
}`]);
}
