import { css } from '//resources/lit/v3_0/lit.rollup.js';
import './cr_shared_vars.css.js';
import { getCss as getCrHiddenStyleLit } from './cr_hidden_style_lit.css.js';
import { getCss as getCrIconsLit } from './cr_icons_lit.css.js';
let instance = null;
export function getCss() {
    return instance || (instance = [...[getCrHiddenStyleLit(), getCrIconsLit()], css `
[actionable] {
  cursor: pointer;
}

/* Horizontal rule line. */
.hr {
  border-top: var(--cr-separator-line);
}

iron-list.cr-separators > *:not([first]) {
  border-top: var(--cr-separator-line);
}

[scrollable] {
  border-color: transparent;
  border-style: solid;
  border-width: 1px 0;
  overflow-y: auto;
}

[scrollable].is-scrolled {
  border-top-color: var(--cr-scrollable-border-color);
}

[scrollable].can-scroll:not(.scrolled-to-bottom) {
  border-bottom-color: var(--cr-scrollable-border-color);
}

[scrollable] iron-list > :not(.no-outline):focus-visible,
[selectable]:focus-visible,
[selectable] > :focus-visible {
  outline: solid 2px var(--cr-focus-outline-color);
  /* Selectable lists usually take the full width of their containers and
   * have their overflows clipped, so the outlines need to inset. */
  outline-offset: -2px;
}

.scroll-container {
  display: flex;
  flex-direction: column;
  min-height: 1px;
}

[selectable] > * {
  cursor: pointer;
}

.cr-centered-card-container {
  box-sizing: border-box;
  display: block;
  height: inherit;
  margin: 0 auto;
  max-width: var(--cr-centered-card-max-width);
  min-width: 550px;
  position: relative;
  width: calc(100% * var(--cr-centered-card-width-percentage));
}

.cr-row {
  align-items: center;
  border-top: var(--cr-separator-line);
  display: flex;
  min-height: var(--cr-section-min-height);
  padding: 0 var(--cr-section-padding);
}

.cr-row.first,
.cr-row.continuation {
  border-top: none;
}

.cr-row-gap {
  padding-inline-start: 16px;
}

.cr-button-gap {
  margin-inline-start: 8px;
}

paper-tooltip::part(tooltip),
cr-tooltip::part(tooltip) {
  border-radius: var(--paper-tooltip-border-radius, 2px);
  font-size: 92.31%;  /* Effectively 12px if the host default is 13px. */
  font-weight: 500;
  max-width: 330px;
  min-width: var(--paper-tooltip-min-width, 200px);
  padding: var(--paper-tooltip-padding, 10px 8px);
}

/* Typography */

.cr-padded-text {
  padding-block-end: var(--cr-section-vertical-padding);
  padding-block-start: var(--cr-section-vertical-padding);
}

.cr-title-text {
  color: var(--cr-title-text-color);
  font-size: 107.6923%; /* Go to 14px from 13px. */
  font-weight: 500;
}

.cr-secondary-text {
  color: var(--cr-secondary-text-color);
  font-weight: 400;
}

.cr-form-field-label {
  color: var(--cr-form-field-label-color);
  display: block;
  font-size: var(--cr-form-field-label-font-size);
  font-weight: 500;
  letter-spacing: .4px;
  line-height: var(--cr-form-field-label-line-height);
  margin-bottom: 8px;
}

.cr-vertical-tab {
  align-items: center;
  display: flex;
}

.cr-vertical-tab::before {
  border-radius: 0 3px 3px 0;
  content: '';
  display: block;
  flex-shrink: 0;
  height: var(--cr-vertical-tab-height, 100%);
  width: 4px;
}

.cr-vertical-tab.selected::before {
  background: var(--cr-vertical-tab-selected-color, var(--cr-checked-color));
}

:host-context([dir=rtl]) .cr-vertical-tab::before {
  /* Border-radius based on block/inline is not yet supported. */
  transform: scaleX(-1);
}

.iph-anchor-highlight {
  background-color: var(--cr-iph-anchor-highlight-color);
}`]);
}
