import { css } from '//resources/lit/v3_0/lit.rollup.js';
import { getCss as getCrSharedStyleLit } from 'chrome://resources/cr_elements/cr_shared_style_lit.css.js';
let instance = null;
export function getCss() {
    return instance || (instance = [...[getCrSharedStyleLit()], css `
:host {
  display: block;
}

cr-url-list-item[size=compact] {
  padding-inline-start: calc(var(--depth) * var(--margin-per-depth));
  --cr-url-list-item-padding: 6px 14px 6px 6px;
  width: inherit;
}

cr-url-list-item[size=large] sp-list-item-badge {
  margin-inline-start: -4px;
}

:host(.bookmark:not([has-folders])) cr-url-list-item {
  padding-inline-start: 8px;
}

/* Visually hide the label but allow the screen reader to pick it up. */
cr-checkbox::part(label-container) {
  clip: rect(0,0,0,0);
  display: block;
  position: fixed;
}

cr-input {
  --cr-input-background-color: transparent;
  --cr-input-error-display: none;
  width: 100%;
}

iron-icon,
cr-icon {
  --iron-icon-fill-color: currentColor;
  height: 16px;
  width: 16px;
}

cr-input.stroked:hover {
  --cr-input-hover-background-color: transparent;
}

.bookmark-icon {
  height: 20px;
  width: 20px;
}

cr-expand-button {
  --cr-icon-button-margin-start: 8px;
}

:host(.bookmark) cr-url-list-item {
  padding-inline-start: calc(var(--depth) * var(--margin-per-depth) +
      var(--base-margin));
}`]);
}
