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';
let instance = null;
export function getCss() {
    return instance || (instance = [...[getCrSharedStyleLit(), getSharedStyle()], css `
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);
  }
}`]);
}
